WordPress Conception et personnalisation des thèmes (3e édition)

Transcription

1 Chapitre 1 : Gérer les thèmes A. Les objectifs 14 B. Utiliser les thèmes 14 C. Choisir un thème depuis le site officiel Rechercher un thème Choisir un thème Télécharger un thème Installer un thème Activer un thème Gérer les thèmes 25 D. Choisir un thème depuis l administration Rechercher un thème 26 E. Le thème Twenty Seventeen Le thème par défaut Personnalisation du titre et du slogan Personnalisation des couleurs Personnalisation des images de l'en-tête Personnalisation des menus, des widgets et de la page d'accueil Les options du thème Ajouter des règles CSS 38 Chapitre 2 : Des notions sur PHP A. L objectif 40 B. HTML et XHTML 40 1/19

2 C. Les extensions des fichiers dynamiques 41 D. Insérer du code PHP Les balises d insertion L insertion dans l HTML 42 E. Afficher du contenu Afficher du texte Insérer de l HTML 42 F. Le code généré Les pages dynamiques Ajouter les éléments HTML de structure 43 G. Les commentaires Utiliser les commentaires Les commentaires sur une seule ligne Les commentaires sur plusieurs lignes Les commentaires HTML 45 H. Les variables Utiliser les variables Les différents types de variable Définir une variable de texte Définir une variable numérique Définir une variable booléenne Afficher une variable La concaténation Les calculs arithmétiques 48 I. Les tableaux Utiliser les tableaux Les tableaux numérotés 49 2/19

3 3. Afficher une valeur d un tableau numéroté Les tableaux associatifs Afficher une valeur d un tableau associatif 51 J. Les constantes Utiliser les constantes Définir une constante Afficher une constante Utiliser une constante 52 K. Les conditions Utiliser les conditions Définir un test sur une condition Les opérateurs dans les conditions Les tests multiples Le test sur les booléens Les conditions avec incorporation de HTML Les conditions multiples Les nombreuses conditions 56 L. La boucle Tant que Utiliser la boucle Tant que Créer une boucle L exécution de la boucle 57 M. La boucle Pour Utiliser la boucle Pour Créer une boucle L exécution de la boucle 59 N. Le choix d une boucle 59 O. Les fonctions Utiliser les fonctions 59 3/19

4 2. Des fonctions existantes Créer une fonction La portée des variables dans les fonctions Les variables globales 62 P. Des fonctions utiles sur les variables Tester si une variable est définie Tester si une variable est vide 64 Q. Insertion de fichiers Objectif Les différentes parties d une page Le fichier d en-tête Le fichier de la zone centrale Le fichier du pied de page Le fichier maître Simplifier la structure 67 Chapitre 3 : La structure des thèmes A. L objectif 70 B. Les fichiers des thèmes Les fichiers obligatoires Le fichier de personnalisation Les fichiers de structure L appel des fichiers Le code et l'affichage généré La place des éléments HTML L'appel aux templates L'appel aux formats d'article 77 Chapitre 4 : La hiérarchie des templates 4/19

5 A. L'objectif 80 B. La hiérarchie des templates 80 C. Les templates Les templates de variable Les templates secondaires Les templates primaires Le template obligatoire 83 D. Les pages d'accueil La page d'accueil de type blog La page d'accueil de type site classique 84 E. Les templates des articles Les types d'affichage Les templates des fichiers joints Les templates des contenus personnalisés Les templates des articles 86 F. Les templates des pages Les types de page Les modèles de page Les templates spécifiques Les templates standards 88 G. Les templates des archives Les types de page Les templates des archives des auteurs Les templates des archives des catégories Les templates des archives des types de contenu personnalisé Les templates de la taxinomie des types de contenu personnalisé Les templates des archives calendaires 92 5/19

6 7. Les templates des mots-clés 92 H. Les autres templates 93 Chapitre 5 : Les principaux marqueurs et fonctions WordPress A. Les marqueurs et les fonctions 96 B. La boucle WordPress 96 C. Créer de nouvelles boucles Les objectifs Créer une boucle sur une catégorie Créer une boucle sur un mois Créer une boucle sur un auteur Créer une boucle multicritère Créer une boucle sur un type de contenu 102 D. Les inclusions des fichiers et des templates Insérer les fichiers de structure Insérer les templates L'appel aux formats d'article 103 E. Les marqueurs de site 104 F. Les injections de code 105 G. Les fonctions pour les liens Les liens dans WordPress Le lien vers la page d'accueil Les URL du site Le lien vers un contenu 107 6/19

7 5. L'URL d'un contenu Le lien d'édition Le lien vers l'administration 109 H. Les marqueurs des contenus Afficher le titre Afficher le contenu Afficher l'extrait 111 I. Les marqueurs de date et d'heure de rédaction Afficher la date de création Les paramètres d'affichage de la date Afficher des dates de création similaires Afficher la date de modification Afficher l'heure de création Afficher l'heure de modification 117 J. Les marqueurs des auteurs Afficher le nom de l'auteur Afficher le site de l'auteur Afficher les renseignements biographiques de l'auteur Afficher les métadonnées de l'auteur Afficher le nombre d articles de l auteur Afficher la liste des articles de l auteur Afficher la liste des auteurs 121 K. Les marqueurs des images à la une Utiliser les images à la une Afficher les images à la une Les paramètres d'affichage des images à la une Ajouter un lien sur l'image à la une 125 L. Les marqueurs des catégories Afficher le nom des catégories Les paramètres d'affichage 126 7/19

8 3. Afficher le nom de la catégorie en archive Afficher la description de la catégorie 129 M. Les marqueurs des étiquettes Afficher les étiquettes Afficher le nom de l'étiquette en archive Afficher la description de l'étiquette 131 N. Les marqueurs conditionnels Les objectifs Les articles mis en avant Les archives des auteurs Afficher un widget sur la page d'accueil 135 O. Créer un emplacement pour des widgets Utiliser les widgets Déclarer les emplacements L'affichage dans l'administration Afficher l'emplacement dans le thème 142 P. Créer un emplacement pour un menu Utiliser les menus Déclarer les emplacements L'affichage dans l'administration Afficher l'emplacement dans le thème 146 Chapitre 6 : Le thème Twenty Seventeen A. Les objectifs 150 B. Les fichiers du thème 150 C. La structure du thème 152 8/19

9 1. La structure générale La structure des templates 155 D. Le fichier header.php Le fichier de structure La structure HTML d'en-tête Le corps de la page Le lien pour l'accessibilité L'affichage de l'image d'arrière-plan L'affichage du logo L'affichage du titre et du slogan L'affichage de la flèche de navigation L'affichage de la barre de navigation L'affichage des images à la une L'ouverture des boîtes <div> 169 E. Le fichier footer.php Le fichier de structure La structure HTML du pied de page L'affichage des widgets L'affichage du menu de navigation L'affichage des informations du pied de page 173 F. Le fichier sidebar.php 174 G. Le choix de la page d'accueil 175 H. Le fichier index.php Le fichier de structure Les fichiers inclus L'affichage du titre de la page La boucle WordPress La pagination des articles L'affichage sans contenu à afficher 178 9/19

10 I. Le fichier front-page.php Le fichier de structure Les options du thème La structure du fichier Déterminer la page d'accueil L'affichage conditionnel des sections L'affichage de la page d'accueil L'affichage des sections 186 J. Le fichier single.php Le fichier de structure Les fichiers inclus L'affichage du contenu de l'article L'affichage des commentaires L'affichage de la navigation 190 K. Le fichier page.php 190 L. Le fichier archive.php Le fichier de structure Les fichiers inclus L'affichage du type d'archive L'affichage des articles 193 M. Le fichier search.php Le fichier de structure Les fichiers inclus L'affichage du titre L'affichage du contenu de la recherche 195 N. Le fichier 404.php 195 O. Les template-parts /19

11 P. Le template-part content.php L'utilisation de content.php La structure de l'article L'affichage des articles mis en avant L'affichage de l'en-tête de l'article L'affichage du titre de l'article L'affichage du contenu de l'article L'affichage du pied de page de l'article 202 Q. Les template-parts de format 202 R. Le template-part content-excerpt.php 204 S. Le template-part content-none.php 205 T. Le template-part content-page.php 207 Chapitre 7 : Le thème de démarrage Underscores A. L'objectif 210 B. L'installation d Underscores standard Télécharger le Starter Theme Installer votre thème 211 C. L'installation d Underscores avec les options Télécharger le Starter Theme Installer votre thème 214 D. Les fichiers du thème /19

12 E. La feuille de styles CSS 216 F. Les fonctions personnalisées du thème 217 G. La traduction du thème 218 H. La structure du thème 219 I. Le fichier header.php L'en-tête HTML L'affichage du titre et du slogan La barre de navigation L'ouverture du contenu 224 J. Le fichier sidebar.php 224 K. Le fichier footer.php La structure du pied de page La fermeture du contenu principal Le pied de page La fermeture des éléments de structure 227 L. La page d'accueil La structure de la page d'accueil Les deux types de pages d'accueil La page d'accueil en blog La page d'accueil statique L'affichage du blog avec une page d'accueil statique 233 M. Le fichier single.php 234 N. Le fichier page.php /19

13 O. Le fichier archive.php 238 P. Le fichier search.php 240 Q. Les template-parts L'utilisation des template-parts Le fichier content.php Le fichier content-page.php Le fichier content-search.php Le fichier content-none.php 248 R. Le fichier 404.php 249 Chapitre 8 : Créer un thème avec Underscores A. Les objectifs 254 B. L'installation d Underscores 254 C. Installer une grille de mise en page La grille Grillade Ajouter la feuille de style grillade.css La structure du thème La grille d'affichage Des styles CSS pour la grille 258 D. Les paramètres du site 262 E. Ajouter une Google Font 264 F. Personnaliser l'en-tête du site /19

14 1. La structure de l'en-tête Personnaliser les couleurs de l'en-tête Personnaliser l'image d'arrière-plan de l'en-tête 268 G. Personnaliser le menu de navigation Le menu de navigation Le menu responsive 274 H. La navigation dans la page d'accueil 276 I. Personnaliser les images à la une Utiliser les images à la une Paramétrer l'affichage des images à la une Afficher les images à la une 280 J. Personnaliser les extraits Utiliser les extraits Afficher les extraits 283 K. Personnaliser les articles en page seule Le template-part content.php L'affichage du titre de l'article L'affichage des métadonnées L'affichage du contenu L'affichage de la taxinomie 286 L. Personnaliser les pages statiques 289 M. Personnaliser les archives Utiliser les archives L'affichage du titre et de la description de l'archive L'affichage du contenu L'affichage des informations des auteurs /19

15 N. Personnaliser la sidebar Utiliser l'emplacement Personnaliser la mise en forme 293 O. Personnaliser le pied de page 294 Chapitre 9 : Le thème de démarrage JointsWP A. L'objectif 296 B. L'installation de JointsWP 296 C. Les fichiers du thème 297 D. La feuille de style CSS 299 E. Personnaliser l'interface Personnaliser la connexion Personnaliser l'administration 302 F. La traduction du thème 303 G. La structure du thème La structure des fichiers La structure des éléments La mise en page de Foundation 307 H. Le fichier header.php L'en-tête HTML L'affichage de l'en-tête L'affichage du titre du site /19

16 4. L'affichage du menu sur grand écran L'affichage du menu sur petit écran 312 I. Le fichier sidebar.php 313 J. Le fichier footer.php La structure du pied de page L'affichage du menu L'affichage du texte 316 K. La page d'accueil Les deux types de pages d'accueil La page d'accueil en blog La page d'accueil en page statique 318 L. Le fichier single.php 319 M. Le fichier page.php 319 N. Le fichier archive.php 320 O. Le fichier search.php 321 P. Les template-parts L'utilisation des template-parts Le fichier loop-archive.php Le fichier loop-page.php Le fichier loop-single.php Le fichier content-missing.php 327 Q. Le fichier 404.php /19

17 Chapitre 10 : La personnalisation des thèmes A. L'objectif 332 B. La personnalisation par défaut 333 C. Créer une personnalisation 334 D. Personnaliser une couleur L'objectif Créer la personnalisation Ajouter une section Ajouter un réglage Ajouter un contrôle Le code complet Appliquer la personnalisation L'aperçu en direct Appliquer la couleur au thème 342 E. Personnaliser un texte L'objectif La section Ajouter le réglage Ajouter le contrôle Le code pour le champ de texte L'affichage dans le pied de page L'affichage de la personnalisation 345 F. Personnaliser l'affichage du texte L'objectif Ajouter le réglage et le contrôle L'affichage dans le pied de page L'affichage de la personnalisation /19

18 G. Personnaliser l'alignement du titre du site L'objectif Ajouter le réglage et le contrôle L'affichage dans l'en-tête L'affichage de la personnalisation 351 H. Personnaliser l'image d'arrière-plan de l'en-tête L'objectif Ajouter le réglage et le contrôle L'affichage en arrière-plan de l'en-tête L'affichage de la personnalisation 355 Chapitre 11 : Les thèmes enfants A. L objectif 360 B. Le dossier du thème enfant 360 C. La vignette du thème enfant 360 D. La feuille de style du thème enfant Le fichier CSS Importer les styles parents Créer des styles enfants 363 E. Les autres fichiers 363 F. Le fichier functions.php L ouverture des fichiers Ajouter une fonction /19

19 G. Installer le thème enfant 365 Index /19