Articles

Quelques exemples de sites utilisant arthemia-fr

En tapant arthemia-fr sur Google, je m’aperçoit qu’un certaine nombre de sites utilisent la traduction du thème de Michael Hutagalung. En voici quelques uns piochés dans l’ordre de leur apparition sur Google.

L’habitat éco-responsable

Le site original pour lequel j’ai traduit arthemia.

20110919-173752.jpg
Lien : www.habitat-eco-responsable.fr

 

Association Ada France

20110919-173841.jpg
Lien :  www.ada-france.org

 

Un tour du monde et puis revient

20110919-173900.jpg
Lien : www.fabonroad.fr

 

Plateau Télé

20110919-173915.jpg
Lien : plateautele.francetv.fr

 

Délégation socialiste française au Parlement européen

20110919-173935.jpg
Lien : www.d-s-f.net

 

Thème astral

20110919-173952.jpg
Lien : www.guide-astro.fr

Ca fait toujours plaisir de voir que votre travail a pu servir la communauté. Si vous aussi vous utilisez Arthemia-fr, n’hésitez pas à laisser un commentaire pour me donner l’adresse de votre site !

Tutoriel : Gérer les images des articles avec Arthemia-fr

Comme je vois que la queListe des articles dans Arthemia-frstion revient souvent dans les commentaires de mon article de présentation du thème Arthemia-fr, c’est que l’explication n’est certainement pas assez claire. Voici donc un petit tutoriel pour éclaircir ce point.

Arthemia-fr offre la possibilité d’agrémenter les listes d’articles d’images, sur la page d’accueil ou celles des archives (chronologique, par tag, par catégorie, etc…).

Pour obtenir ce résultat, vous devez indiquer au thème Arthemia quelle image vous souhaitez utiliser comme illustration de votre article dans les listes. Cette indication est donnée au travers d’un champ personnalisé dans chaque article.

Vous allez procéder comme suit :

Dans votre interface d’administration, ouvrez en modification l’article sur lequel vous voulez ajouter une image (vous pouvez bien entendu faire cette manipulation lors de l’écriture de votre article). Dans la page de modification ou d’ajout d’un article, vous trouverez sous le champ de saisie du texte la section Champs personnalisés.

Champs personnalisésIl faut ajouter un champ personnalisé appelé Image (avec un i majuscule), et saisir dans le champ l’url de votre image. Pour ce faire :

Sélectionnez le champ Image dans liste Nom (s’il existe) ou cliquez sur Saisissez en un nouveau et tapez Image dans le champ qui s’affiche.

Saisissez dans le champ Valeur l’adresse de votre image : c’est son url sans le nom de domaine. Par exemple, si votre image est sur www.monsite.org/images/monimage.jpg, saisissez images/monimage.jpg.

Enregistrez votre article, et normalement votre image devrait apparaître dans vos listes et sur la page d’accueil.

Note : le cadrage des images est réalisé directement par Arthemia, vous ne pouvez pas le contrôler. Essayez dans la mesure du possible d’avoir des images au moins de la taille de celle de l’article à la une de la page d’accueil.

Thème Arthemia-fr pour WordPress

cplusn.comAprès quelques mois de test sur le blog habitat-eco-responsable.fr, j’ai le plaisir de mettre à la disposition de la communauté le thème Arthemia-fr, qui est la version française (et légèrement modifiée) du thème Arthemia2, créé par Michael Huntalung.

Instructions d’installation
Comme pour tous les thèmes WordPress, l’installation est relativement simple : téléchargez le fichier zip dont le lien est disponible au bas de cette page, puis, décompressez-le. Copiez ensuite le répertoire arthemia-fr dans le répertoire wp-content/themes sur votre serveur, en utilisant par exemple un client FTP. Connectez-vous à votre interface d’administration WordPress, et dans la section Apparence, vous devriez voir apparaître le thème Arthemia-fr. Il vous suffit alors de le sélectionner pour l’activer sur votre site.

Outils complémentaires
Si vous souhaitez voir apparaître le nombre d’affichage de vos pages dans Arthemia-fr, il faut que vous l’extension WP-PostViews de Lester Chan. De la même façon, pour avoir un affichage plus sympathique de la pagination de votre blog, il faut installer WP-PageNavi du même auteur.

Configuration
Une fois le thème choisi, vous devez créer deux nouvelles catégories, A la une et A l’affiche (le nom importe peu) et en noter les identifiants (celui-ci apparait dans la barre d’URL à la suite du mot-clé CAT_ID). Le dernier article de la catégorie A la une est affiché en haut à gauche de la page d’accueil de votre site ; les quatre derniers articles de la catégorie A l’affiche sont listés en haut à droite de la page d’accueil. Attention, les articles de ces catégories n’apparaissent pas ailleurs sur la page d’accueil.

Cliquez ensuite dans la section Apparence sur l’item « Options Arthemia-fr » pour accéder aux options de paramétrage du thème. Celle-ci sont regroupées en trois sections, dont une description succinte est donnée ci-dessous :

  • Préférences générales
    • Feuille de style : choix de la couleur globale du thème
    • Image d’en-tête : saisissez l’URL de l’image que vous souhaitez avoir en fond de votre en-tête.
    • Google analytics : si vous avez un compte Goggle Analytics, vous pouvez saisir le code d’appel ici
  • Options d’affichage et de navigation
    • Catégorie à la une : tapez l’identifiant de la catégorie créée plus haut
    • Catégorie à l’affiche : tapez l’identifiant de la catégorie créée plus haut
    • Catégories à exclure : identifiant des catégories à exclure de la barre d’affichage des catégories (par exemple à la une et à l’affiche)
    • Pages à exclure : idem mais pour la navigations des pages
  • Liens commerciaux.
    • Le code Google Adsense si vous avez un compte Adsense.

Ecrire un article
Pour voir apparaître sur vos pages une image en regard de chaque article de la liste (ou à la une et à l’affiche), il faut ajouter dans chaque article un champ personnalisé appelé « Image », et qui contiendra l’emplacement de l’image en partant de la racine de votre site. Par exemple, si vous utilisez une image déposée par WordPress, ce sera wp-content/uploads/2009/05/monimage.jpg.

Support
Si vous rencontrez des soucis dans l’utilisation de Arthemia-fr, merci de les enregistrer comme Issue sur Google Code.

[EDIT] Le dépôt de code d’Arthemia-fr a changé ; vous pouvez maintenant le retrouver sur github.com/enetter/Arthemia-fr. Les incidents sont à remonter à github.com/enetter/Arthemia-fr/issues.

Téléchargez Arthemia-fr 0.6

WordPress 2.7, un bonheur total

La version 2.7 de WordPress vient de sortir, et donne une bonne longueur d’avance à la plateforme de blog sur ses concurrents.

Interface de WordPress 2.7

Interface de WordPress 2.7

La partie privée permettant l’édition a vu son ergonomie complètement reprensée, et le travail accompli est vraiment bluffant. Même si la version 2.6 avait constitué un premier pas vers une rationnalisation de l’interface de WordPress, on franchit encore un seuil avec la version 2.7. L’ensemble des actions sont disponibles en un clic, grâce à la barre de menu disponible sur le coté gauche de l’écran. L’utilisation d’un système de blocs modifiables par l’utilisateur permet également de composer ses pages de manière totalement libre, que ce soit le tableau de bord, ou la page de composition des articles.

Javascript et Ajax sont au menu de cette version majeure de WordPress : sur la page d’accueil (le tableau de bord), il est possible d’écrire rapidement un billet sans être obligé d’aller dans la page de création; il est possible de modifier les attributs d’un article dans les listes, sans l’afficher, grâce à l’option de modification rapide dont l’option apparait en plaçant le curseur sur l’article.

Il y a pas mal d’autres nouveautés, dont deux me paraissent bienvenues pour les néophytes :

  • La possibilité d’installer automatiquement des plugins
  • La mise à jour automatisée de WordPress lui-même (qui n’est disponible qu’à partir de la version 2.7 !)

Comme d’habitude, la mise à jour est extrèmement simple, puisqu’il vous suffit de remplacer votre ancienne version par la nouvelle en conservant les plugins / thèmes / uploads que vous auriez pu ajouter, puis de vous connecter à l’espace d’administration pour mettre à jour la base de données.

Site de téléchargement de WordPress 2.7 en français.

WordPress et le secret du <div> manquant

Je viens d’être confronté à un problème qui m’a fait m’arracher les cheveux pendant quelques heures, je l’avoue.

Après avoir fait la mise à jour du blog habitat-eco-responsable.fr en version 2.6.2, un problème d’alignement des colonnes latérales qui se retrouvaient au bas du blog… En investigant, le problème n’intervenait que sur la première page du blog, et n’était pas présent non plus quand on affichait un article seul.

Lire la suite