Nouveau thème Wordpress: Cat Print

Décidemment, on dirait bien que j’ai attrappé le virus “création de thème wordpress intempestive”. Pour bien débuter la nouvelle année, voici donc un nouveau thème de ma création, nommé Cat Print.

Tout d’abord, je pense qu’une live demo ainsi qu’un lien de téléchargement direct valent mieux qu’un grand discours

Comme vous pouvez le voir sur le screenshot, Cat Print est un thème plutôt à la mode web 2.0, sur fond sombre, avec des rayures, une couleur flashy et quelques effets Javascript aussi sympas qu’inutiles. (D’ailleurs si vous aimez le dégradé de couleur sur les liens, n’hésitez pas à jetter un coup d’oeil au tuto qui va avec)
Le footer est assez imposant, et offre des liens vers les derniers posts, les derniers commentaires ainsi que le tagcloud.

La sidebar est volontairement assez “light” et surtout prévue pour y mettre des annonces Adsense. Par conséquent, la blogoliste, le meta et les categories ne sont pas affichées par défaut. Pourquoi? Parceque je trouve plus intéréssant de créer une page d’archive propre (Comme c’est le cas sur ce blog) et que je ne me suis jamais servi de la blogoliste. Toutefois, si vous souhaiter utiliser Cat Print et vous servir de la blogoliste et/ou des catégories, nous verrons comment faire un peu plus loin.

Code et compatibilité

Cat Print à été développé en local sous Wordpress 2.3, puis testé sous Wordpress 2.2 et fonctionne bien sous ses deux versions. Il gère les tags de WP 2.3.
Niveau code, Mephisto Blue est valide XHTML 1.0 Strict et valide CSS 2.0.
J’ai tenté d’organiser la feuille de style de la maniere la plus claire possible (les propriétés sont toujours classées par ordre alphabétique) de manière à en simplifier la lecture.

Mephisto Blue à été testé sous des navigateurs suivants:
Mac OS X Leopard: Firefox 2, Safari.
Ubuntu Linux: Firefox 2.
Windows XP: Firefox 2, Internet Explorer 7,Internet Explorer 6.

Toutefois, ce thème sera moins joli sous IE 6 et inférieurs pour cause de non-compatibilité avec les images png transparentes. Il existe cependant quantité de hacks pour “régler” ce problème.

Téléchargement et installation

Téléchargez Cat Print en Français ici (une version anglaise devrait être dispo sous peu)
Décompressez l’archive:
Sous Gnu/Linux:

tar xvf cat-print.tar.gz

Sous Mac OSX: Double-cliquez simplement sur le fichier cat-print.tar.gz.
Sous windows: Décompressez l’archive avec un programme style Winrar, qui gère les tarballs.

Si vous ne connaissez pas la marche à suivre pour installer un thème Wordpress, voici un petit rappel:
Via votre ftp favori, uploadez le dossier cat-print dans /wp-content/themes.
Dans l’interface d’administration de votre blog, cliquez sur l’onglet “Thème” ou “Présentation” (si votre interface d’admin est en anglais).
Scrollez vers le bas et cliquez sur l’image représentant le thème.

Personalisation

Afficher les catégories et/ou les archives dans la sidebar

Editez le fichier sidebar.php. Reperez la ligne

<a href="<?php bloginfo('rss2_url'); ?>"<img src="<?php echo get_option('home'); ?>/wp-content/themes/cat-print/images/rss.gif" alt="RSS"/></a>

et ajoutez en dessous:

<h2>Categories</h2>
<ul>
	<?php wp_list_categories('orderby=name&use_desc_for_title=0&title_li='); ?>
</ul>

<h2>Archives</h2>
<ul>
	<?php wp_get_archives(); ?>
</ul>

Modifier le logo

J’ai mis le PSD d’origine en téléchargement, des fois que vous souhaiteriez y modifier quelque chose.
Si vous voulez simplement modifier le logo, uploadez votre image dans le répertoire wp-content/themes/cat-print/images avec le nom logo.jpg. Pour information, l’image que j’ai utilisée est de 583*129 px, sur fond gris foncé (#222222)

Licence et utilisation

Cat Print est disponible au téléchargement gratuit pour tous, selon les termes de la licence Creative Commons.
En gros: Vous êtes libre de le modifier come bon vous semble, de le distribuer gratuitement à qui vous voulez mais vous devez me citer -même de manière discrète - comme l’auteur de la création originale. De même, ce thème est et doit rester open-source. Pensez à partager vos modifications/améliorations avec ceux qui souhaiteraient en profiter
Je vous demanderais également de placer un lien -même discret- vers mon blog si vous l’utilisez. Ce n’est pas obligatoire, mais sera apprécié

Voilà, j’espère qu’il vous plaira. Si vous l’utilisez, n’hésitez pas à poster un lien vers votre blog dans les commentaires.