Vous êtes ici : Vivez-bloguez » Blogging » Vous souhaitez personnaliser votre thème WordPress ? Alors vous devez lire ceci..
Mar
15
2013

Vous souhaitez personnaliser votre thème WordPress ? Alors vous devez lire ceci..

Ça y est ? Vous avez décidé de vous lancer dans le blogging. Vous avez trouvé votre nom de domaine, votre thème WordPress (si vous passez par WordPress) et déjà quelques idées d'articles commencent à fleurir dans votre tête ?

Oui, mais voilà, ce que vous souhaitez avant toute chose, c'est modifier votre thème pour rendre votre blog unique. Vous aimeriez par exemple faire une traduction française (car votre thème est tout en anglais), mettre de la publicité, ou encore rajouter des liens de retour de certains annuaires.

Bref, vous ne savez pas par quoi commencer pour effectuer toutes ces modifications. Avant toute chose, il vous faut savoir à quoi correspond chaque page de votre thème. En règle générale, tous les thèmes ont à peu près les mêmes fichiers.

Dans cet article nous allons voir en détail les pages génériques de votre thème que vous pourrez modifier.

Comment personnaliser un thème WordPress

Comment personnaliser un thème WordPress

Analyse des fichiers d'un thème WordPress

Un thème WordPress est composé de plusieurs fichiers. Chaque fichier embarque des fonctions spécifiques relatives à certains endroits du thème. Dans cet article nous prendrons comme exemple le thème GameNation. Voici à quoi cela ressemble :

thème wordpress

Fichiers d'un thème WordPress

Le fichier header.php : Ce fichier correspond à la partie haute de votre blog. Dans ce fichier vous trouverez par exemple l'url du logo du thème ou encore le menu de vos catégories. Ce fichier ne nécessite généralement pas de modifications.

Bien souvent le logo peut être changé dans les options du thème tout comme le menu qui se gère directement sur votre tableau de bord WordPress (Apparence -> Menu).

header wordpress

Header WordPress

Les fichiers Index.php et Page.php : Ce sont les fichiers les plus importants de votre thème. Sans ces fichiers, votre blog ne pourrait pas s'afficher correctement.

Généralement on y trouve les expressions "Lire plus" ou "Read more.." des articles (si le thème est en anglais) + diverses informations (date, nom de l'auteur, nombre de commentaires, etc..). En gros c'est la structure de la page d'accueil de votre blog.

Index WordPress

Le fichier Single.php : Ce fichier est la structure de vos articles. Dans ce fichier on pourra modifier des expressions du style "Article écrit par" ou "À propos de moi" (si à la fin de chaque article se trouve une courte description du blogueur). On retrouvera aussi le nombre de commentaires présents dans l'article ainsi que les mots-clés (Tags) s'il y en a.

En revanche, on ne pourra pas insérer de code dans l'article. Dans ce fichier, le contenu de votre article se résume à un petit bout de code comme celui-ci : <?php the_content(); ?>.

Single WordPress

Single WordPress

Le fichier Comments.php : C'est dans ce fichier que vous pourrez modifier le formulaire de commentaire, ajouter des infos, etc.. Par exemple, sur Vivez-bloguez j'ai ajouté comme info : "Les commentaires de ce blog sont en dofollow".

Comment WordPress

Comment WordPress

Le fichier Sidebar.php : On revient en page d'accueil du blog. Sur le côté droit, vous verrez la barre des widgets du blog. Cette barre latérale est gérée par ce fichier. Les modifications se font plus par le tableau de bord WordPress que directement par le fichier.

Sidebar WordPress

Sidebar WordPress

Le fichier Footer.php : Si vous comptez mettre quelques liens de retour (le temps que votre blog soit validé plus rapidement dans les annuaires), c'est dans ce fichier qu'il vous faudra copier les bouts de codes que vous recevrez.

Footer WordPress

Footer WordPress

Le fichier 404.php : Ce fichier gère la page d'erreur de votre blog. Vous savez ? Quand on cherche quelque chose qui n'existe pas encore sur votre blog.

Et bien, au lieu d'avoir ceci :

erreur-404

erreur-404

Vous avez ceci  :

erreur-404-2

C'est mieux non ? La page 404 permet d'afficher une page d'erreur personnalisée de votre blog. Par exemple, voici la page erreur 404 que j'ai mise en place sur Vivez-bloguez.

Pour finir, nous avons d'autres fichiers tout aussi importants comme :

Le fichier Functions.php où se trouvent toutes les fonctions de votre thème.

Le fichier Style.css qui détaille tout ce qui est images, polices et mises en forme du thème.

Le fichier Search.php : À modifier également en cas de traduction du thème. C'est la page qui s'affiche quand une recherche est faite sur votre blog.

Pour savoir comment modifier les pages de votre thème wordpress, je vous propose de lire cet article : Comment modifier les pages de son thème WordPress

Conclusion :

Voilà, nous avons énuméré les fichiers PHP se trouvant dans la plupart des thèmes WordPress. En lisant cet article, vous saurez déjà ou cherchez si vous souhaitez traduire du texte ou mettre des bannières de publicité sur votre blog.

J’espère néanmoins avoir été assez explicite. Je pense que ce billet va générer beaucoup de questions :) J'y répondrais avec plaisir et cela me donnera surtout d'autres idées d'articles à faire. Maintenant c'est à vous !


Vous avez trouvé des fautes d'orthographe ? Copiez le lien de l'article et cliquez ici

Articles similaires

A propos de moi :

Autodidacte et passionné par le blogging et l’indépendance financière, j’ai décidé de créer Vivez-bloguez.com pour apporter des astuces et des conseils à tous ceux qui souhaitent se lancer dans le blogging et gagner de l’argent. N’hésitez pas à télécharger gratuitement mon livre « Comment créer un blog à succès sur Internet« . En savoir plus sur moi.

10 CommentairesAjouter un commentaire

  • Un article vraiment très intéressant. Il y a tout pour personnaliser son thème WordPress. Pour aller plus loin il faut toucher aux fichiers CSS. Merci pour tous ces conseils et ces infos utiles.

    • Salut Philippe et bienvenue sur Vivez bloguez !

      Merci pour ton commentaire :) Comme tu le dis, les fichiers css (notamment Style.css commun à tous les thèmes) sont très importants quand il s’agit de revoir le design du blog.

      Je prends l’exemple ce blog, j’ai du apporter quelques modifications dans le style.css pour baisser la barre de menu des pages et catégories car elle était à mon sens, trop haute et moins visible.

      Voir le thème par défaut : http://demo.s5themes.com/?theme=alltuts

      A bientôt Phil :)

      Greg

  • Attention, le fichier index.php est faux ami ! Il ne sert pas à afficher le contenu de la page d’accueil, mais c’est le dernier fichier appeler en cas de secours.

    Pour une page d’accueil, il faut utiliser home.php ou front-page.php

    Un petit tour sur le Template Hierarchy de WordPress pour mieux comprendre :)

    http://codex.wordpress.org/Template_Hierarchy
    GeekPress@WordPress Articles récents…Freelance WordPressMy Profile

  • Bonjour Grégory,

    Merci beaucoup pour ces informations des plus pratiques ! :)

    Dans le cas où le zip d’un thème WP contient un fichier démo, où doit-on l’installer pour qu’il fonctionne correctement pour pouvoir travailler à partir de celui-ci, s’il te plait ?

    En te remerciant par avance,

    Bien cordialement, Jérôme.

    • Salut Jérome !

      Bienvenue sur Vivez-bloguez :)

      Pour le fichier de démo, normalement tu n’a pas besoin de le mettre quelque part. Dézippe ton dossier et mets-le dans wp-content/themes/. Le mieux serait que ton thème soit à la racine du dossier soit wp-content/themes/ton-theme/les fichiers du thème.

      ++

      Greg

  • La tu touches un points sur lequel je bloque complet depuis le début … Ce méchant « read more » que je n’arrive pas à modifier depuis le début …

    J’ai bien pus traduire le « ancien articles » depuis l’éditeur des bas de pages mais les « read more » ne sont pas dans fichiers Index.php et Page.php, il y en a ailleurs mais j’ai beau les changer dans l’éditeurs cela ne bouge pas … Et j’ai pourtant vider le cache…

    Je sens que la réponse va me dégoutter de simplicité, mais si peux m’éclairer ce serai sympa.
    Antonin@vacances Articles récents…Alefa en boutre à Madagascar !My Profile

    • Coucou !

      Alors, j’ai vu dans ton code source que tu utilises le thème Travel Blogger WordPress. Alors je viens de le télécharger et je vois que la modification de « read more » se fait dans le fichier loop.php.

      Testes, vide ton cache et relance ta page. Tu me diras si ça marche :)

      à toute !

      Greg

  • Wahou, merci pour la rapidité de réponse^^

    Je viens d’essayer mais non, j’ai modifié le fichier loop.php, ca ne change rien, j’ai également changé le loop-home.php, ainsi plus aucun « read more » trouvable mais toujours read more sur le site …
    J’ai pourtant bien vidé le cache du site et les coockies …
    Antonin@vacances Articles récents…Nées du feu des volcans, elles sont les filles de l’eauMy Profile

    • Re,

      Effectivement, rien n’y fait sur le loop et le loop-home.

      Je viens de regarder plus en profondeur. En fait c’est le fichier « Component.php situé dans le dossier « lib » -> « functions »

      J’ai fait le test, cela marche nickel :)

      • Ca marche !!! Mon sauveur !!
        Merci, maintenant que j’ai compris ou c’est, je vais pouvoir traduire le reste :)

Laisser un commentaire

En cliquant ici, vous afficherez le titre de votre dernier article dans votre commentaire

Ce site utilise le plugin KeywordLuv. Entrez simplement votre nom suivi @votremotclé pour optimiser votre référencement. Ce blog est en dofollow.