Créer une page statique comme page d’accueil de votre blog Wordpress

Grosse prise de tête cet après-midi pour trouver un moyen simple et efficace qui permettrait de créer une page d’accueil différente du blog. En fait, c’est un commentaire de Fly06 qui m’a fait réagir. En effet, pour avoir une page d’accueil, un moyen simple est de créer un template home.php et l’affaire est faite ! Pas si simple que ça… La page d’accueil va prendre la place de l’index à la racine de votre site. En tapant l’URL de votre blog, vous allez attérir sur la page d’accueil et non plus sur les derniers billets. Le thème k2 a un onglet dans le menu de navigation qui permet d’arriver sur le blog. Sauf, que si on regarde bien la hiérarchie des templates, on arrive toujours sur le home.php et plus sur l’index.php…

Alors, jusqu’à il y a peu, il y avait différentes manières de s’en sortir. On pouvait installer un plugin, comme Static Front Page ou Home Page Control, ou encore utiliser différents hacks pour arriver à ces fins. Mais pour ce qui est des hacks, la solution n’était jamais idéale et parfois très périlleuse à mettre en place. En tout cas, avoir une page d’accueil différente de son blog, était un vrai boulôt de développeur et peu accessible au simple utilisateur… En tout cas, certains se sont bien pris la tête, n’est-ce-pas Ben ? ;-)

Depuis l’arrivée de la version 2.1 de Wordpress, les choses se sont considérablement améliorées puisque la plateforme vous propose de le faire pour vous (Options -> Lecture):

Static-Page

Cependant, ce n’est pas clair et les explications du codex wordpress sont assez simplifiées. Jusqu’à ce que je tombe sur cet article. Je vais donc vous décrire dans le détail la méthode expliquée dans cet article.

Tout d’abord, il va vous falloir créer une nouvelle page pour accueillir le contenu de votre page d’accueil. Pour cela, vous allez vous rendre dans l’onglet “Ecrire une page” et créer votre nouvelle page. Mais auparavant, il vous faut savoir quel template de page vous allez utiliser pour votre page d’accueil et quelle apparence vous voulez qu’elle ait. Si vous souhaitez garder la même organisation, vous pouvez très bien garder le template page.php ou vous pouvez aussi en créer un nouveau que vous modifierez comme vous le souhaitez.

Admettons que vous souhaitiez lui donner une apparence particulière. Vous allez créer un nouveau template que vous allez appeler “accueil.php”. Dedans, vous allez copier le contenu du template “page.php”. Sur cet article, Rich propose d’utiliser le contenu de l’index.php. Tout dépend vraiment de l’utilisation que vous allez en faire. Ici, je prendrai le template page.php qui est plus simple à utiliser, sans plus de paramétrages.

Une fois le contenu de page.php copié dans accueil.php, ajoutez la ligne de code qui suit au-dessus du contenu déjà copié et faîtes-y toutes les modifications que vous voulez:

/*
Template Name: Accueil
*/

Enregistrez le fichier et mettez le dans le dossier de votre thème. Allez créer votre page avec son contenu, et dans la colonne de droite, vous allez voir apparaître la box qui va vous permettre de choisir le modèle de page:

Modele-De-Page

Là, choisissez “Accueil”, le template que vous venez de créer. Enregistrez votre page.

Maintenant, il va nous falloir déterminer la “page des articles”, la page sur laquelle vont s’afficher les articles. Comme l’URL de votre blog (monsite.com) va être “occupé” par votre page d’accueil, il vous faut une autre page pour vos articles. Il va donc vous falloir créer une autre page pour ceux-ci.

On retourne donc dans l’onglet “Ecrire une page”. Ici, vous pouvez appeler la page “blog” ou “journal”, comme je l’ai fait sur la copie d’écran plus haut. Ne mettez aucun contenu, les articles viendront s’insérer automatiquement ici. Le modèle page est celui par défaut. Enregistrez le tout.

Allez maintenant sous l’onglet Options > Lecture, au niveau de l’”affichage de la page d’accueil”. Cochez la case “Une page statique”, et parmi les choix de page d’accueil, choisissez “Accueil” et pour la page des articles, choisissez celle que vous venez de créer, ici “Journal”. Enregistrez les modifications.

Maintenant, allez sur votre site. La nouvelle page d’accueil apparaît à la racine de l’URL: www.monsite.com. Vous remarquez également que dans la liste des pages du blog (et j’espère que vous en avez une, sinon direction ce tutoriel !!) de nouvelles pages sont apparues. Ce sont celles que l’on vient de créer. Maintenant, cliquez sur la page qui va vous amenez vers vos articles. Revoilà votre blog ! Par contre, un changement, et pas des moindres, l’URL de votre blog est modifiée. Maintenant, vous avez quelque chose du style: www.monsite.com/journal. Toujours pénalisant pour Google quand la page est référencée depuis longtemps… Par contre, les articles gardent, quant à eux, les mêmes URL.

Voilà donc un moyen simple d’installer une page d’accueil sur votre blog. Même si les incidences en terme de référencement peuvent ne pas être trop conséquentes, il est toujours important de penser à la création de cette page d’accueil quand on crée son blog ou pendant les premières semaines qui suivent sa création.

Bon week-end

Fran6

4,731 Views

20 Commentaires pour “Créer une page statique comme page d'accueil de votre blog Wordpress”


  1. 1

    Merci Francis pour ta réactivité, c’est cool !
    J’avais entre temps résolu le problème grâce au forum à un détail près, le lien entre une page et un template. J’étais partie sur l’idée d’utiliser un plugin permettant d’intégrer du php dans une page WP mais d’après l’article que tu cites, il semble que ce ne soit pas nécessaire, il suffit de créér un template pour la page d’accueil et de le lier à la page en question dans la config…
    Je vais tester ça demain ;-)
    Bon week-end !

  2. 2

    C’est marrant, j’ai passé ma soirée d’hier sur un problème similaire : je sens qu’il va y avoir des backlinks qui ne vont pas se perdre entre nos deux blogs quand j’aurais terminé le billet ^_^
    A bientôt :)

    http://www.css4design.com
  3. 3

    C’est clair !!! :D

    http://www.fran6art.com/
  4. 4

    Merci pour cet article, j’avais bien du mal à comprendre comment faire.

    Pour des raisons de structure cependant, il est aussi intéressant de changer les permaliens des articles pour qu’ils soient “dans” journal : http://www.fran6art.com/journal/2007/06/08/truc serait plus logique, puisqu’on peut ainsi “tronquer” l’url au fur et à mesure, conformément aux règles d’usabilité !

    Patrice

    http://www.aucagos.com/
  5. 5

    Salut Patrice

    Effectivement, on peut faire aussi de cette manière là. A ce moment-là, le blog n’est pas à la racine et il est également plus simple de créer une page d’accueil “séparée” pour le blog.

    http://www.fran6art.com/
  6. 6

    Un grand merci. Ton tutorial m’a été d’une aide précieuse…
    Très utile pour mettre en place un site qui ne ressemble pas à un blog…

    http://www.freelancehtml.net
  7. 7

    Salut,
    Merci our ce bon tutoriel. Néanmoins, je ne sais pas pourquoi, le pluggin Page Navi ne fonctionne plus sur cette nouvelle page ainsi créée. J’ai beau paramétrer un nombre de post important dans options > lecture > nb de post sur une page, seule une page est dispo…
    Avez vous la solution ?

  8. 8

    Bonjour Fran6, et merci pour tous ces excellents articles.
    J’ai un petit souci avec la solution proposée, à moins que je ne loupe quelque chose d’essentiel: dans la liste des pages (utilisée entre autres en ul-li pour le menu de navigation du site), Wordpress affiche maintenant, outre la page “journal”, “home” (par défaut) et “accueil”. Comment faire pour supprimer l’une des deux afin d’éviter cette répétition?
    Merci d’avance pour ta réponse!

  9. 9

    J’ai trouvé la réponse à ma question ci-dessus : il suffirait d’exclure l’ID de la page “accueil” au niveau du menu grâce à WP-list-pages ( (la page “accueil” porte l’ID 17).

    Mais voici ma nouvelle question : comment inclure sur cette page “accueil” devenue la homepage du site, des éléments du blog utilisant une boucle? Comme, par exemple, les derniers commentaires, ou encore certains articles? Il semblerait qu’une fois qu’une page est reprise en statique, elle ne fait plus appel à la boucle présente dans le template…

    Une idée pour contourner cet inconvénient? Cela dépasse un peu mes faibles compétences de wordpresseur débutant :)

    Merci encore!

    O.

  10. 10

    Je suis fan de cheval et de tous les autres animaux

    http://frisongirl.blogspot.com
  11. 11

    Alleluia, 2 jours que je me prends la tête pour réussir à récupérer la page de mes articles !

    Merci.

    http://www.affinity-web.org
  12. 12

    Bonjour,

    Super ces tutoriaux, et celui-ci en particulier. Cependant, j’aimerais faire un systeme différent : une page web indépendante du blog qui arrive sur ma racine www. et qui dirige ensuite sur le site wordpress comme ici : www.anthonycocain.com (c’est pas moi qui l’ais fait :) )

    Vous savez comment faire svp?

    Merci

    Anthony

    http://www.anthonycocain.com
  13. 13

    @anthony cocain

    C’est très simple : il te suffit de créer un fichier html que tu nommes index.html et que tu places à la racine de ton site. Tu peux faire ce que tu veux sur cette page sans aucun souci.

    Ensuite, il faut que tu installes Wordpress dans un sous-répertoire, comme “blog” ou “site”, et faire pointer les liens que tu auras inséré sur ton index.html vers ce sous répertoire, soit www.tonsite.com avec une jolie page, avec un gros lien pour www.tonsite.com/blog

    et voilà !

    http://monoco.fr
  14. 14

    @odilon : peut-être que cette page pourra t’aider (mais c’est en anglais..) http://codex.wordpress.org/Con.....Front_Page

    Avec un tag de conditionnalité pour indiquer que tu es sur la page statique d’accueil te permettra ensuite d’afficher la boucle que tu veux.

    Si tu ne te sens pas le courage de toucher autant au code, tu peux insérer du code php dans la page elle-même (via l’interfaec d’admin wordpress) et installer le plugin runPHP (http://www.nosq.com/blog/runphp/) qui permettra à ce code d’être interprété. Note que je n’ai pas encore réussi à le faire marcher :p

    Note, j’ai oublié la fois d’avant, mais MERCI BEAUCOUP pour cet article, qui m’a montré à quel point on peut perdre 2h sans que quoi ce soit fonctionne quand on place le code une ligne plus haut que normal :p !!!

    http://monoco.fr
  15. 15

    Questions par rapport aux postes d’Odilon.

    Effectivement, dans le tuto Fran6 nous expliquent pas comment supprimer le doublon page Accueil dans la header. Peut-être que quelque chose ma échappé, sinon je veux bien une piste.

    Odilon tu dit qu’il suffirait ce servir de WP-list-pages mais est-ce la seule solution?
    Je ne souhaite pas installer d’extensions pour cette manip.

    Merci encore pour ce site si précieux.

    http://www.abtransactions.fr
  16. 16

    obido > Normalement, il ne devrait pas y avoir de page “accueil”, en tout cas, pas dans les dernières versions. J’ai fait plusieurs tests et je n’avais pas cette page… Faudrait que j’y regarde de plus près… ;-)

    http://www.fran6art.com
  17. 17

    Comme tu peux le voir sur lesite dont je m’occupe, cela ne marche pas, ou plutot j’ai cette fameuse page Accueil deux fois. Je ne sais pas comment régler ce problème.
    Si quelqu’un à la soluce…

    http://www.abtransactions.fr
  1. 1 (parenthese.be) » Blog Archive » HTTParty #14, Editition Spéciale Wordpress Pingback on 24 juin, 2007 à 9:13
  2. 2 Here With Me » Archive du blog » Comprendre le fonctionnement des thèmes/templates WordPress Pingback on 22 juil, 2007 à 22:58
  3. 3 » WordPress : astuces pour afficher une page "autonome" avec wp_list_pages() « css4design : des css pour votre design html Pingback on 23 avr, 2008 à 18:18

Laisser un commentaire