Afin de construire nos modèles de pages, nous allons avoir besoin d’ajouter des contenus à afficher sur notre site. On va ajouter des pages, catégories, changer la page d’accueil du site et générer des articles, grâce à l’extension FakerPress.
Sommaire du cours
Si on ne créé pas de contenus, notre thème n’aura pas grand chose à afficher et ce sera difficile de tester son rendu. Je vous propose de remédier à ça immédiatement en ajoutant des articles, mais aussi des catégories, articles et pages. Ensuite, on générera automatiquement des articles pour aller plus vite.
Créer des catégories
Allez dans Articles > Catégories et créez quelques catégories de base, comme par exemple : Films, Séries, Livres, BD, Manga, Documentaires…
Créer des pages
Maintenant rendez-vous dans Pages > Ajouter et créez une page Accueil, une page Blog, puis une page Contact. Indiquez pour chacune le titre, au moins un paragraphe puis publiez-les.
Vous constaterez que 2 pages sont présentes par défaut :
- Page d’exemple, que vous pouvez mettre à la corbeille ;
- Politique de Confidentialité obligatoire depuis le RGPD de 2018.
Changer la page d’accueil du site
Par défaut WordPress affiche le blog en page d’accueil et quand on fait un site (et pas qu’un blog) ce n’est pas ce que l’on veut. Du coup en prévision de la suite on va aller changer ça. Rendez-vous dans Réglages > Lecture puis sélectionnez La page d’accueil affiche : Une page statique. Assignez ensuite Accueil en page d’accueil, et Blog en page des articles.
Pensez à enregistrer via le bouton en bas de page.
Créer des articles avec FakerPress
On va maintenant créer des articles. Mais au lieu de les créer un par un, ce qui peut être long et fastidieux, on va faire appel à l’extension FakerPress qui est gratuite. Elle va nous permettre de générer des articles avec titres, images, textes… à base de faux texte de type Lorem Ipsum.
Cette extension est très pratique lorsque vous développez votre thème, et vous permettra de tester facilement la mise en page et vos styles dans de nombreux cas de figure.
Télécharger FakerPress
Depuis votre interface d’administration, rendez-vous dans Extensions > Ajouter puis recherchez FakerPress (sans espace).
FakerPress est une manière propre de générer du faux contenu dans votre WordPress. Idéal pour les développeurs qui ont besoin de faire des tests.
Téléchargez-la et activez-la.
Configurer le générateur
Une fois installée, une nouvelle entrée apparait en bas du menu WordPress. Cliquez sur cette entrée FakerPress > Articles.
Vous remarquez que l’on aurait pu aussi se servir de cet outil pour générer des noms de catégories, mais j’ai préféré vous les faire créer à la main, comme ça ils ont plus de sens.
Au niveau des réglages j’ai mis :
- Quantité : 20 articles (il faut au moins 2 pages d’articles lorsque l’on va ajouter la navigation) ;
- Date : publiés entre il y a un an et aujourd’hui (entrez les dates manuellement) ;
- Post Type : dans les articles ;
- Auteur : moi-même ;
- Taxonomies : Catégories seulement ;
- Nombre : 1 seule par article ;
- Images providers : je ne laisse que Unsplash (placehold.it met des carrés gris pas jolis) ;
- Et je retire également placehold.it dans les meta.
Validez ensuite, la création peut prendre plusieurs secondes.
Allez ensuite dans Articles > Tous les articles et vous les verrez affichés :
Super, on est maintenant prêts pour la suite ! Dans les deux prochains cours on va voir comment afficher le contenu dynamique de nos pages en fonction de leur type (si c’est une page, un article du blog…).
Alain
Le 28 janvier 2020
Bonjour,
tout d’abords merci pour ce cours bien fait. J’ai juste un soucis car même en ayant mis la page d’accueil en statique, j’ai toujours le contenu de l’index qui s’affiche lorsque je tape l’adresse dans le navigateur… pourriez-vous m’aider? Merci d’avance…
(Je développe en local sur Wamp)
Alain
Maxime BJ
Le 29 janvier 2020
Bonjour Alain. Si tu as mis une page en page d’accueil, via Réglages > lecture, c’est bien elle que tu devrais voir. Et du coup les articles du blog générés avec FakerPress devraient être visibles depuis la page que tu as assignée dans « page du blog ».
Sam
Le 27 février 2020
Bonjour Maxime.
Merci pour cette serie de cours.
Je rencontre le même problème qu’Alain.
Ne manque t’il pas un morceau de code dans index.php ?
W
Maxime BJ
Le 27 février 2020
Le fichier index.php n’est jamais appelé donc non ! Mais du coup quel est ton souci exactement ? Tu ne vois pas les contenus générés par FakerPress ? Tu es bien allé sur la page du blog pour ça (si le blog n’est plus en page d’accueil). Tu as quoi dans Réglages > Lecture au niveau de la page d’accueil/blog.
Alban
Le 16 octobre 2020
Bonjour Maxime,
Tout d’abord un grand merci pour tous ce contenu bien expliquer et accessible.
J’ai le même problème que Denis et Alain, impossible d’afficher la page d’Accueil et la page Blog relier aux Articles, j’ai pourtant bien été dans Réglages -> Lecture et assigner ma page d’accueil à Accueil ainsi que ma pages des articles à Blog mais rien y fait je suis toujours renvoyer sur index.php avec le logo et le « Coucou », j’ai même vider mon cache pour voir si ça ne venais pas de là mais toujours pareil, je précise que tous mes articles ont bien été créer avec FakerPress.
Maxime BJ
Le 16 octobre 2020
Est-ce que tu as bien respecté tout ce qui est dit dans le cours sur le template hierarchy ? Normalement c’est fiable. Tu peux regarder la classe CSS générée dans le body de la page pour vérifier que WP est bien au bon endroit (classe home pour le blog).
Alban
Le 16 octobre 2020
Ah oui en effet je n’avais pas entamer cette partie encore.
Merci pour ta réponse claire et rapide.
Dominique
Le 19 juillet 2021
Bonjour je n’arrive pas à ajouter le tag Unsplash à images providers dans l’extension Fakepress. Il me donne comme message : not found
Maxime BJ
Le 19 juillet 2021
Je pense qu’ils l’ont retiré depuis quelques temps, l’API d’Unsplash n’étant plus accessible aussi facilement. C’est un peu dommage du coup.
Dominique
Le 20 juillet 2021
Merci de ta réponse. Y a t-il un autre API pour les images dans Fakepress ?
Maxime BJ
Le 20 juillet 2021
Seulement celle proposée par défaut.
Dominique
Le 19 juillet 2021
En passant super ta formation et Merci !
Vivi89
Le 11 mars 2022
Bonjour,
Je suis une débutante pour créer mon propore thème de mon site Portfolio sous WordPress, Je maitrise HTML CSS. Votre cours sur le thème de wordpress est très intéressant. J’ai une question, pour créer une landing page c’est à dire que j’aurai : un header (avec le menu et logo), une page d’accueil une page de présentation, une page de blog (avec les articles), une page de contact et un footer. si je comprends bien, est-ce qu’il faut créer plusieurs pages pour qu’ils soient liés ? C’est à dire : dois-je créer plusieurs pages : home.php, blog.php, presentation.php.. ou uniquement dans page.php ? Je suis un peu perdue, j’essaie de comprendre :). Merci par avance pour votre réponse.
Maxime BJ
Le 11 mars 2022
Tu devrais y voir plus clair à l’issue de la formation, surtout après le cours sur le template hierarchy. Mais si tu veux faire une seule page, il faudra en effet tout mettre dans un seul template. WordPress n’appelle qu’un seul fichier de template par page.
Franck takam
Le 12 avril 2022
Bonjour Maxime,
Merci pour le contenu très intéressant que tu nous propose. Les commentaires d’Alain et Sam remontent a très longtemps c’est vrai mas j’ai le meme problème. j’ai mis ma page Accueil comme page statique mais j’ai toujours la page avec le logo et le coucou qui apparait.
Mon second problème est au niveau de FakePress car quand j’essaye de générer de faux articles, j’obtiens une erreur comme quoi mon site présente une erreur critique.
Peux tu m’aider s’il te plait?
J’utilise MAMP et j’ai suivi la formation depuis le debut.
Maxime BJ
Le 15 avril 2022
Si tu as activé le log d’erreur, tu devrais avoir une erreur PHP qui s’affiche à la place de l’erreur critique de WordPress. Elle devrait te donner de précieux conseils sur le coupable de cette erreur (plugin et fichier incriminé). Et pour la page blog, si tu as bien tout suivi, elle devrait s’afficher avec les articles. Je ne vais pas bien pouvoir t’aider plus hélas pour le coup mais je ne pense pas qu’il te manque grand chose pour que tout marche.
Hugo
Le 23 octobre 2022
Bonjour,
Je voulais revenir sur les problèmes rencontrés par quelques personnes, Maxime me corrigera au besoin, mais à ce stade de la formation, il est normal de n’avoir que le texte « Coucou » affiché puisque nous n’avons pas encore ajouté à nos templates le bout de code pour afficher le titre « dynamique » de la page courante (dans index.php). Et cela même si dans l’administration vous avez sélectionné la page d’accueil et la page de liste des articles.
Aussi, nous n’avons pas encore non plus ajouté un template pour l’affichage de la liste des articles, et donc même en se rendant sur la page « Blog », vous aurez toujours « Coucou » (n’ayant pas d’autres templates sous la main, WordPress va se rabattre sur index.php).
Plus tard, quand nous verrons le « template hierarchy », on apprendra comment WordPress sélectionne le bon template suivant le type de contenu / page. Comme actuellement nous n’avons que index.php, qui ne contient qu’un texte statique « Coucou », celui-ci est toujours affiché.
J’espère que cela aidera certains à comprendre cette distinction entre les options depuis l’administration pour la page d’accueil / liste des articles avec les templates de notre thème.
Maxime BJ
Le 24 octobre 2022
Merci Hugo pour ta contribution. En effet le but ici est bien de « préparer » le contenu uniquement, afin d’avoir quelque chose à afficher lorsqu’on construira nos premiers templates dans les prochains cours.