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 :

  1. if ( function_exists('register_sidebar') )
  2. register_sidebar();
  3. >

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

  1. if ( function_exists('register_sidebar') )
  2. register_sidebar(2);
  3. ?>

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!

David LOUIS

Directeur chez Webset, Organisme de formation professionnelle pour les métiers de la culture, du spectacle vivant, Consultant web 2.0, adepte du DIY et du Coworking

More Posts - Website - Twitter - Facebook

Articles similaires

  • Vidéo : installer un thème wordpress20 novembre 2008 -- Vidéo : installer un thème wordpress (22)
    [dailymotion x7gp8e] Vous allez voir, installer un nouveau thème WordPress c'est très facile. Quand on désire changer de thème, c'est que l'on veut un blog visuellement différent (couleur, largeur de...
  • Création thème wordpress en français blogityourself v#216 septembre 2008 -- Création thème wordpress en français blogityourself v#2 (0)
    Voici donc le nouveau thème de mon blog wordpress! Dans un précédent billet, j'expliquais sa mise en forme sur papier. Pour résumer, je suis parti d'un thème existant, Revolution Blog, et j'ai modifi...
  • Comment masquer le titre et la présentation de votre blog wordpress?16 janvier 2009 -- Comment masquer le titre et la présentation de votre blog wordpress? (26)
    Maj du 20 mars 2010 : une différente façon est présentée ici en vidéo Beaucoup de personnes désirent un thème avec une bannière cliquable pointant vers l'index dans l'entête de votre blog à la plac...
Previous postCréation de son propre thème wordpress #1 Installation de wordpress en local sur son PC Next postChoix de la structure juridique pour mener des activités de prestations web