1. Livres et vidéos
  2. WordPress - Conception et personnalisation des thèmes (4e édition)

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

  • En stock
  • Expédié en 24h00
  • Livraison à partir de 0,01 €
  • Version en ligne offerte pendant 1 an
  • 1 h d'accès gratuit à tous nos livres et vidéos pour chaque commande
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7
  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne

Présentation

Ce livre s'adresse à toute personne connaissant déjà WordPress et souhaitant débuter dans la création de nouveaux thèmes ou la personnalisation de thèmes existants. Il a été rédigé à l'aide de la version 5.3 de WordPress.

Dans un premier temps, vous apprendrez à gérer les thèmes pour votre site WordPress : rechercher un thème, installer et activer un thème.

Puis, nous aborderons les bases du langage PHP, prérequis nécessaire puisque les thèmes sont créés avec les trois langages « fondamentaux » du Web : HTML, CSS et PHP. La connaissance de l'HTML et des CSS est donc recommandée.

Nous verrons ensuite comment sont structurés les thèmes WordPress et quels sont les fichiers qui les composent. Nous apprendrons à utiliser la hiérarchie des templates (les modèles de page) pour connaître les fichiers qui sont utilisés pour tous les types d'affichage : la page d'accueil, les articles, les pages, les archives...

Un chapitre est entièrement consacré à l'étude des principaux marqueurs de modèles (template tags) qui vont chercher les informations, les données et les contenus pour permettre leur affichage dans les templates.

Puis nous analyserons dans le détail le thème proposé par défaut dans WordPress 5.3, Twenty Twenty, afin de bien comprendre son fonctionnement, sa structure et son architecture. Vous pourrez ainsi l'utiliser comme thème parent pour créer des thèmes enfants.

Actuellement la conception de thème WordPress passe principalement par l'utilisation de thème de démarrage (starter theme). Ces thèmes de démarrage vous proposent une architecture et une structure de fichiers de base ; à l'aide de la hiérarchie des fichiers et des marqueurs de modèles, vous pourrez ainsi concevoir vos propres thèmes rapidement. Nous étudierons les thèmes de démarrage Underscores et JointsWP à partir duquel nous concevrons un thème personnalisé.

Nous terminerons par la personnalisation des thèmes avec l'interface standard de WordPress, l'API Customizer. Ainsi, les utilisateurs seront à même de pouvoir modifier eux-mêmes certaines options du thème que vous proposerez ; le dernier chapitre est consacré à la conception des thèmes enfants.

Table des matières

  • Chapitre 1 : Gérer les thèmes
    • A. Les objectifs
    • B. Utiliser les thèmes
    • C. Choisir un thème depuis le site officiel
      • 1. Rechercher un thème
      • 2. Choisir un thème
      • 3. Télécharger un thème
      • 4. Installer un thème
      • 5. Activer un thème
      • 6. Gérer les thèmes
    • D. Choisir un thème depuis l’administration
      • 1. Rechercher un thème
    • E. Le thème Twenty Twenty
      • 1. Le thème par défaut
      • 2. Personnalisation du titre et du slogan
      • 3. Personnalisation des couleurs
      • 4. Personnalisation des options du thème
      • 5. Personnaliser le modèle de page avec bannière
      • 6. Personnaliser l'arrière-plan
      • 7. Personnaliser les menus, les widgets et la page d'accueil
  • Chapitre 2 : Des notions sur PHP
    • A. L’objectif
    • B. HTML et XHTML
    • C. Les extensions des fichiers dynamiques
    • D. Insérer du code PHP
      • 1. Les balises d’insertion
      • 2. L’insertion dans l’HTML
    • E. Afficher du contenu
      • 1. Afficher du texte
      • 2. Insérer de l’HTML
    • F. Le code généré
      • 1. Les pages dynamiques
      • 2. Ajouter les éléments HTML de structure
    • G. Les commentaires
      • 1. Utiliser les commentaires
      • 2. Les commentaires sur une seule ligne
      • 3. Les commentaires sur plusieurs lignes
      • 4. Les commentaires HTML
    • H. Les variables
      • 1. Utiliser les variables
      • 2. Les différents types de variable
      • 3. Définir une variable de texte
      • 4. Définir une variable numérique
      • 5. Définir une variable booléenne
      • 6. Afficher une variable
      • 7. La concaténation
      • 8. Les calculs arithmétiques
    • I. Les tableaux
      • 1. Utiliser les tableaux
      • 2. Les tableaux numérotés
      • 3. Afficher une valeur d’un tableau numéroté
      • 4. Les tableaux associatifs
      • 5. Afficher une valeur d’un tableau associatif
    • J. Les constantes
      • 1. Utiliser les constantes
      • 2. Définir une constante
      • 3. Afficher une constante
      • 4. Utiliser une constante
    • K. Les conditions
      • 1. Utiliser les conditions
      • 2. Définir un test sur une condition
      • 3. Les opérateurs dans les conditions
      • 4. Les tests multiples
      • 5. Le test sur les booléens
      • 6. Les conditions avec incorporation de HTML
      • 7. Les conditions multiples
      • 8. Les nombreuses conditions
    • L. La boucle Tant que
      • 1. Utiliser la boucle Tant que
      • 2. Créer une boucle
      • 3. L’exécution de la boucle
    • M. La boucle Pour
      • 1. Utiliser la boucle Pour
      • 2. Créer une boucle
      • 3. L’exécution de la boucle
    • N. Le choix d’une boucle
    • O. Les fonctions
      • 1. Utiliser les fonctions
      • 2. Des fonctions existantes
      • 3. Créer une fonction
      • 4. La portée des variables dans les fonctions
      • 5. Les variables globales
    • P. Des fonctions utiles sur les variables
      • 1. Tester si une variable est définie
      • 2. Tester si une variable est vide
    • Q. Insertion de fichiers
      • 1. Objectif
      • 2. Les différentes parties d’une page
      • 3. Le fichier d’en-tête
      • 4. Le fichier de la zone centrale
      • 5. Le fichier du pied de page
      • 6. Le fichier maître
      • 7. Simplifier la structure
  • Chapitre 3 : La structure des thèmes
    • A. L’objectif
    • B. Les fichiers des thèmes
      • 1. Les fichiers obligatoires
      • 2. Le fichier de personnalisation
      • 3. Les fichiers de structure
      • 4. La structure du thème TwentyTwenty
      • 5. L’appel des fichiers et des fonctions
      • 6. Le code et l'affichage généré
      • 7. La place des éléments HTML
      • 8. L'appel aux templates
      • 9. L'appel aux formats d'article
  • Chapitre 4 : La hiérarchie des templates
    • A. L'objectif
    • B. La hiérarchie des templates
    • C. Les templates
      • 1. Les templates de variable
      • 2. Les templates secondaires
      • 3. Les templates primaires
      • 4. Le template obligatoire
    • D. Les pages d'accueil
      • 1. La page d'accueil de type blog
      • 2. La page d'accueil de type site classique
    • E. Les templates des articles
      • 1. Les types d'affichage
      • 2. Les templates des fichiers joints
      • 3. Les templates des contenus personnalisés
      • 4. Les templates des articles
    • F. Les templates des pages
      • 1. Les types de page
      • 2. Les modèles de page
      • 3. Les templates spécifiques
      • 4. Les templates standards
    • G. Les templates des archives
      • 1. Les types de page
      • 2. Les templates des archives des auteurs
      • 3. Les templates des archives des catégories
      • 4. Les templates des archives des types de contenu personnalisé
      • 5. Les templates de la taxinomie des types de contenu personnalisé
      • 6. Les templates des archives calendaires
      • 7. Les templates des mots-clés
    • H. Les autres templates
  • Chapitre 5 : Les principaux marqueurs et fonctions WordPress
    • A. Les marqueurs et les fonctions
    • B. La boucle WordPress
    • C. Créer de nouvelles boucles
      • 1. Les objectifs
      • 2. Créer une boucle sur une catégorie
      • 3. Créer une boucle sur un mois
      • 4. Créer une boucle sur un auteur
      • 5. Créer une boucle multicritère
      • 6. Créer une boucle sur un type de contenu
    • D. Les inclusions des fichiers et des templates
      • 1. Insérer les fichiers de structure
      • 2. Insérer les templates
      • 3. L'appel aux formats d'article
    • E. Les marqueurs de site
    • F. Les injections de code
    • G. Les fonctions pour les liens
      • 1. Les liens dans WordPress
      • 2. Le lien vers la page d'accueil
      • 3. Les URL du site
      • 4. Le lien vers un contenu
      • 5. L'URL d'un contenu
      • 6. Le lien d'édition
      • 7. Le lien vers l'administration
    • H. Les marqueurs des contenus
      • 1. Afficher le titre
      • 2. Afficher le contenu
      • 3. Afficher l'extrait
    • I. Les marqueurs de date et d'heure de rédaction
      • 1. Afficher la date de création
      • 2. Les paramètres d'affichage de la date
      • 3. Afficher la date de modification
      • 4. Afficher l'heure de création
      • 5. Afficher l'heure de modification
    • J. Les marqueurs des auteurs
      • 1. Afficher le nom de l'auteur
      • 2. Afficher le site de l'auteur
      • 3. Afficher les renseignements biographiques de l'auteur
      • 4. Afficher les métadonnées de l'auteur
      • 5. Afficher le nombre d’articles de l’auteur
      • 6. Afficher la liste des articles de l’auteur
      • 7. Afficher la liste des auteurs
    • K. Les marqueurs des images mises en avant
      • 1. Utiliser les images mises en avant
      • 2. Afficher les images mises en avant
      • 3. Les paramètres d'affichage des images mises en avant
      • 4. Ajouter un lien sur l'image mise en avant
    • L. Les marqueurs des catégories
      • 1. Afficher le nom des catégories
      • 2. Les paramètres d'affichage
      • 3. Afficher le nom de la catégorie en archive
      • 4. Afficher la description de la catégorie
    • M. Les marqueurs des étiquettes
      • 1. Afficher les étiquettes
      • 2. Afficher le nom de l'étiquette en archive
      • 3. Afficher la description de l'étiquette
    • N. Les marqueurs conditionnels
      • 1. Les objectifs
      • 2. Les articles épinglés
      • 3. Les archives des auteurs
      • 4. Afficher un widget sur la page d'accueil
    • O. Créer un emplacement pour des widgets
      • 1. Utiliser les widgets
      • 2. Déclarer les emplacements
      • 3. L'affichage dans l'administration
      • 4. Afficher l'emplacement dans le thème
    • P. Créer un emplacement pour un menu
      • 1. Utiliser les menus
      • 2. Déclarer les emplacements
      • 3. L'affichage dans l'administration
      • 4. Afficher l'emplacement dans le thème
  • Chapitre 6 : Le thème Twenty Twenty
    • A. Les objectifs
    • B. Les fichiers du thème
    • C. La structure du thème
      • 1. Les fichiers de structure
      • 2. Les emplacements et l'affichage des menus
      • 3. Les emplacements et l'affichage des widgets
    • D. Le fichier maître index.php
      • 1. La structure générale
      • 2. La partie centrale des pages
      • 3. Utiliser la boucle WordPress
      • 4. Afficher la pagination
    • E. L'affichage de l'en-tête avec header.php
      • 1. L'en-tête HTML des pages
      • 2. Le corps HTML des pages
      • 3. L'affichage de l'en-tête des pages
      • 4. Les affichages sur smartphone du titre et du slogan
      • 5. La barre de navigation et la recherche
    • F. Afficher le pied de page avec footer.php
    • G. L'affichage des contenus avec singular.php
    • H. Les contenus réactionnels avec content.php
      • 1. La structure générale
      • 2. L'élément <article>
      • 3. L'affichage du contenu rédactionnel
      • 4. Les informations de contenu
    • I. Le modèle de page avec bannière
      • 1. Utiliser le modèle avec bannière
      • 2. Le template template-cover.php
      • 3. Le template secondaire content-cover.php
    • J. Les templates secondaires
      • 1. L'inclusion des templates
      • 2. La biographique des auteurs
      • 3. L'en-tête des articles
      • 4. L'image mise en avant
      • 5. L'affichage des widgets et des menus de pied de page
      • 6. La fenêtre modale des menus
      • 7. La fenêtre modale de recherche
      • 8. La navigation entre les articles
      • 9. La pagination dans les contenus
    • K. Le template de l'erreur 404
    • L. Le template des commentaires
    • M. Les fonctions d'affichage du thème
  • Chapitre 7 : Le thème de démarrage Underscores
    • A. L'objectif
    • B. L'installation d’Underscores standard
      • 1. Télécharger le Starter Theme
      • 2. Installer votre thème
    • C. L'installation d’Underscores avec les options
      • 1. Télécharger le Starter Theme
      • 2. Installer votre thème
    • D. Les fichiers du thème
    • E. La feuille de styles CSS
    • F. Les fonctions personnalisées du thème
    • G. La traduction du thème
    • H. La structure du thème
    • I. Le fichier header.php
      • 1. L'en-tête HTML
      • 2. L'affichage du titre et du slogan
      • 3. La barre de navigation
      • 4. L'ouverture du contenu
    • J. Le fichier sidebar.php
    • K. Le fichier footer.php
      • 1. La structure du pied de page
      • 2. La fermeture du contenu principal
      • 3. Le pied de page
      • 4. La fermeture des éléments de structure
    • L. La page d'accueil
      • 1. La structure de la page d'accueil
      • 2. Les deux types de pages d'accueil
      • 3. La page d'accueil en blog
      • 4. La page d'accueil statique
      • 5. L'affichage du blog avec une page d'accueil statique
    • M. Le fichier single.php
    • N. Le fichier page.php
    • O. Le fichier archive.php
    • P. Le fichier search.php
    • Q. Les template-parts
      • 1. L'utilisation des template-parts
      • 2. Le fichier content.php
      • 3. Le fichier content-page.php
      • 4. Le fichier content-search.php
      • 5. Le fichier content-none.php
    • R. Le fichier 404.php
  • Chapitre 8 : Créer un thème avec Underscores
    • A. Les objectifs
    • B. L'installation d’Underscores
    • C. Concevoir une grille de mise en page
      • 1. Le module CSS 3 Grid Layout
      • 2. La structure du thème
      • 3. Définir la grille
      • 4. Des styles CSS pour la grille
      • 5. Affiner les affichages
    • D. Les paramètres du site
    • E. Ajouter une Google Font
    • F. Personnaliser l'en-tête du site
      • 1. La structure de l'en-tête
      • 2. Personnaliser les couleurs de l'en-tête
      • 3. Personnaliser l'image d'arrière-plan de l'en-tête
    • G. Personnaliser le menu de navigation
      • 1. Le menu de navigation
      • 2. Le menu responsive
    • H. La navigation dans la page d'accueil
    • I. Personnaliser les images mises en avant
      • 1. Utiliser les images mises en avant
      • 2. Paramétrer l'affichage des images mises en avant
      • 3. Afficher les images mises en avant
    • J. Personnaliser les extraits
      • 1. Utiliser les extraits
      • 2. Afficher les extraits
    • K. Personnaliser les articles en page seule
      • 1. Le template-part content.php
      • 2. L'affichage du titre de l'article
      • 3. L'affichage des métadonnées
      • 4. L'affichage du contenu
      • 5. L'affichage de la taxinomie
    • L. Personnaliser les pages statiques
    • M. Personnaliser les archives
      • 1. Utiliser les archives
      • 2. L'affichage du titre et de la description de l'archive
      • 3. L'affichage du contenu
      • 4. L'affichage des informations des auteurs
    • N. Personnaliser la sidebar
      • 1. Utiliser l'emplacement
      • 2. Personnaliser la mise en forme
    • O. Personnaliser le pied de page
  • Chapitre 9 : Le thème de démarrage JointsWP
    • A. L'objectif
    • B. L'installation de JointsWP
    • C. Les fichiers du thème
    • D. La feuille de style CSS
    • E. Personnaliser l'interface
      • 1. Personnaliser la connexion
      • 2. Personnaliser l'administration
    • F. La traduction du thème
    • G. La structure du thème
      • 1. La structure des fichiers
      • 2. La structure des éléments
      • 3. La mise en page de Foundation
    • H. Le fichier header.php
      • 1. L'en-tête HTML
      • 2. L'affichage de l'en-tête
      • 3. L'affichage du titre du site
      • 4. L'affichage du menu sur grand écran
      • 5. L'affichage du menu sur petit écran
      • 6. L'affichage du menu Off Canvas
    • I. Le fichier sidebar.php
    • J. Le fichier footer.php
      • 1. La structure du pied de page
      • 2. L'affichage du menu
      • 3. L'affichage du texte
    • K. La page d'accueil
      • 1. Les deux types de pages d'accueil
      • 2. La page d'accueil en blog
      • 3. La page d'accueil en page statique
    • L. Le fichier single.php
    • M. Le fichier page.php
    • N. Le fichier archive.php
    • O. Le fichier search.php
    • P. Les template-parts
      • 1. L'utilisation des template-parts
      • 2. Le fichier loop-archive.php
      • 3. Le fichier loop-page.php
      • 4. Le fichier loop-single.php
      • 5. Le fichier content-missing.php
    • Q. Le fichier 404.php
  • Chapitre 10 : La personnalisation des thèmes
    • A. L'objectif
    • B. La personnalisation par défaut
    • C. Créer une personnalisation
    • D. Personnaliser une couleur
      • 1. L'objectif
      • 2. Créer la personnalisation
      • 3. Ajouter une section
      • 4. Ajouter un réglage
      • 5. Ajouter un contrôle
      • 6. Le code complet
      • 7. Appliquer la personnalisation
      • 8. L'aperçu en direct
      • 9. Appliquer la couleur au thème
    • E. Personnaliser un texte
      • 1. L'objectif
      • 2. La section
      • 3. Ajouter le réglage
      • 4. Ajouter le contrôle
      • 5. Le code pour le champ de texte
      • 6. L'affichage dans le pied de page
      • 7. L'affichage de la personnalisation
    • F. Personnaliser l'affichage du texte
      • 1. L'objectif
      • 2. Ajouter le réglage et le contrôle
      • 3. L'affichage dans le pied de page
      • 4. L'affichage de la personnalisation
    • G. Personnaliser l'alignement du titre du site
      • 1. L'objectif
      • 2. Ajouter le réglage et le contrôle
      • 3. L'affichage dans l'en-tête
      • 4. L'affichage de la personnalisation
    • H. Personnaliser l'image d'arrière-plan de l'en-tête
      • 1. L'objectif
      • 2. Ajouter le réglage et le contrôle
      • 3. L'affichage en arrière-plan de l'en-tête
      • 4. L'affichage de la personnalisation
  • Chapitre 11 : Les thèmes enfants
    • A. L’objectif
    • B. Le dossier du thème enfant
    • C. La vignette du thème enfant
    • D. La feuille de style du thème enfant
      • 1. Le fichier CSS
      • 2. Importer les styles parents
      • 3. Créer des styles enfants
    • E. Les autres fichiers
    • F. Le fichier functions.php
      • 1. L’ouverture des fichiers
      • 2. Ajouter une fonction
    • G. Installer le thème enfant
    • Index

Auteur

Christophe AUBRYEn savoir plus

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière.

Caractéristiques

  • Niveau Initié à Confirmé
  • Nombre de pages 374 pages
  • Parution mars 2020
    • Livre (broché) - 17 x 21 cm
    • ISBN : 978-2-409-02386-6
    • EAN : 9782409023866
    • Ref. ENI : OW4THEWOR
  • Niveau Initié à Confirmé
  • Parution mars 2020
    • HTML
    • ISBN : 978-2-409-02387-3
    • EAN : 9782409023873
    • Ref. ENI : LNOW4THEWOR

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (906 Ko)