Les thèmes « magazine » font pas mal parler d’eux en ce moment. Voir par exemple ce que Fran6 en disait dernièrement ou encore the Theme Playground.
En traduisant le thème Trevillian Way je contribue, à ma manière, à la diffusion de ce type de thèmes (voir aussi CopyBlogger).
Ici, la page de garde (la couverture du magazine) est composée par des extraits des articles. Un des extrait (celui de l’article le plus récent) est automatiquement porté en « une ».
Ses caractéristiques :
- Basé sur une grille sous jacente de manière à bien structurer visuellement les éléments des différentes pages.
- Le pied le plus développé que l’on ait encore jamais vu.
- Un affichage des extraits des articles en « une ».
- Un soin apporté aux respects de lignes verticales et à la mise en page.
- La possibilité de l’utiliser pour animer un photoblog (très large zone de présentation des images).
- L’affichage des articles est très aérée avec disparitions des colonnes mais préservation du grand pied.
- L’affichage des catégories se fait aussi de manière différente (à tester)
- Affichage des tags dans un modèle à part…
- Encourage l’affichage des images à droite
- Affichage des images avec une fine bordure autour.
- Non sponsorisé comme tout ceux qui ont l’honneur de figurer dans la Weblog Tools Collection.
- Couleurs à la mode et élégantes.
- Menu basé sur les pages affiché en haut à droite.
- Widget ready avec plein de zone widgétisées (plusieurs pour le pied et une à coté de la une).
Téléchargement de la version française : trevilian-way-0.40-fr.zip [ téléchargements]
Mode d’emploi pour les images.
Ce thème repose sur une grille. Il existe plusieurs manières d’aligner les images sur la grille sous jacente :
- left1col: Pulls the image one column to the left.
- right1col: Pulls the image one column to the right.
- right2col: Pulls the image two columns to the right.
- right3col: Pulls the image three columns to the right.
- right4col: Pulls the image four columns to the right.
- left: Floats the image to the left.
- right: Floats the image to the right.
Un exemple de l’utilisation de ces classes pourrait être :
<img class="right1col" src="/path/to/file.jpg" alt="Image description." />
Remarques.
- Je n’avais pas encore traduit ce type de thème. La balise <body> n’est pas ouverte dans header.php mais dans chacun des templates particuliers (archive, single, erreur, page, recherche, tag…)
- Si vous le testez (et je vous y encourage), réduisez donc le nombre de widgets contenu dans la première zone pour ne pas allonger exagérément le premier bloc du site.
Conclusion.
C’est vraiment un très beau thème très bien codé que je recommande. S’il vous plait et que vous prenez le temps d’apprendre à manipuler les images vous (et surtout vos lecteurs) ne serez pas déçus du résultat.
Tags : 3-colonnes, magazine
Jeu de briques
Snake
Pacman
Bubble