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 :
-
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 :
-
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!
Articles similaires
20 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...
16 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...
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...
Billets récents
WeCoworking à San Juan de Alicante (Espagne)
juil 18, 2014
Mon kit outils travail nomade
mai 14, 2014
Une petite halte à l’Espace 21, Coworking à Belin-beliet
avr 27, 2014
Ma visite à la Cantine de Nantes – Coworking
jan 30, 2014
Deux interventions à venir sur le thème de la communication
déc 5, 2013
Dirigeants bénévoles d’une association et vos responsabilités
déc 1, 2012
2 comments
David says:
oct 20, 2008
« 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! »
Heureusement, depuis, j’ai trouvé la solution ^^
Comment modifier un thème wordpress ? | davidlouis.fr says:
déc 13, 2010
[...] Création de son propre thème wordpress #2 Réflexions, construction sur papier et sidebars [...]