Blog it yourself ! but with WordPress…

J’attaque aujourd’hui la conception de mon thème. Pour celles et ceux qui découvrent mon blog, je rapelle que ce billet est la suite d’une série d’articles consacrée à la création de mon propre thème wordpress.

Pour faire simple, un thème wordpress est composé d’une feuille de style (qu’on nomme souvent CSS) qui va donner le visuel de mon blog (sidebar à gauche ou à droite par exemple, couleurs, polices, etc…) et les templates qui sont les blocs composant la page du blog. Sur le croquis, je vous ai noté le header et le footer (fichiers php).

Donc comme vous le voyez ci-dessus, j’ai dessiné le thème de mon blog sur papier afin de traduire plus tard ce croquis dans ma feuille de style principalement. Je pars sur la création d’un thème wordpress simple car étant novice en la matière. La seule difficulté que je me suis donné est au niveau de la sidebar. En effet, j’ai décidé d’insérer d’abord 2 colonnes sidebars ‘widgétsisées’ et avant et après ces dernières du contenu (en haut : A propos, Social Bookmarks et les derniers articles et en bas : une grosse icône de mon flux rss et un encart google adsense).

Vous verrons plus tard la feuille de style (dans un autre billet), et je vais m’attarder sur la sidebar qui me pose problème. Pour widgétiser la sidebar (c’est-à-dire pour pouvoir modifier votre sidebar sans avoir à toucher au code du fichier sidebar.php), il vous faut créer le fichier functions.php. Avant de continuer dans l’explication, je vous informe que j’ai trouvé ces informations dans le billet de Fran6art.

Je crée le fichier functions.php dans le dossier de votre thème, et j’insère ce code :

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
>

Comme je désire avoir 2 colonnes (sidebar), il faut indiquer le nombre 2 dans la dernière ligne php comme ci-dessous :

<?php
if ( function_exists('register_sidebar') )
register_sidebar(2);
?>

J’enregistre le fichier et je le ferme, car on ne s’en servira plus.

Ensuite, j’ouvre le fichier sidebar.php et j’ajoute le code suivant :

Et pour faire apparaître la sidebar dans son index.php, single.php ou page.php, il suffit d’y insérer le code suivant :
Cette explication vaut pour l’insertion d’un seule sidebar et non pour plusieurs. Si vous connaissez la solution (j’imagine qu’il s’agit de modifier les fichiers index.php et sidebar.php), je suis preneur!




Partager et découvrir :