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

Documents pareils
Utiliser un CMS: Wordpress

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

Formation Découverte du Web

MODE D EMPLOI WORDPRESS

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

Table des matières. Première partie Découvrir, installer et apprivoiser WordPress

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Initiation ++ pour le

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

Guide de démarrage rapide

GUIDE DE DEMARRAGE RAPIDE:

Projet en nouvelles technologies de l information et de la communication

Devenez un véritable développeur web en 3 mois!

SITE I NTERNET. Conception d un site Web

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public

Styler un document sous OpenOffice 4.0

Comment faire pour créer ses propres pages html?

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN ING

Publier dans la Base Documentaire

Manuel du composant CKForms Version 1.3.2

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Hébergement de site web Damien Nouvel

Optimiser pour les appareils mobiles

creer votre site internet en html/css

Formation Webmaster : Création de site Web Initiation + Approfondissement

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

iweb Premiers contacts Découvrez iweb et apprenez à créer votre site web.

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Module pour la solution e-commerce Magento

SYSTÈMES D INFORMATIONS

Prise en main rapide

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

INTRODUCTION AU CMS MODX

Éditeur WordPress. Illustration 1. Kerniolen Pluneret Tel : Mob : info@formation-auray.fr

ENT ONE Note de version. Version 1.10

Introduction aux concepts d ez Publish

Nouveautés joomla 3 1/14

Gestion des documents avec ALFRESCO

Optimiser le référencement de votre site

Joomla! Création et administration d'un site web - Version numérique

Soyez accessible. Manuel d utilisation du CMS

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

IBM Unica emessage Version Date de publication : 7 juin Guide utilisateur

Manuel utilisateur du CMS Anan6

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Petite définition : Présentation :

SARL DDLX Multimédia Place du général de Gaule Boisseron Tèl : support@ddlx.org. Agence Web. Design Prestashop personnalisé

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop

Intégrateur Web HTML5 CSS3

OFFRE DE SERVICE.

1 / Introduction. 2 / Gestion des comptes cpanel. Guide débuter avec WHM. 2.1Créer un package. 2.2Créer un compte cpanel

Tutoriel : Feuille de style externe

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8

Guide de création de site web optimisé

Qlik Sense Cloud. Qlik Sense Copyright QlikTech International AB. Tous droits réservés.

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

RAPPORT DE STAGE. Terrasse Hugo 1/12

Tutoriel : Ecrire un article sur le site de la TEAM GSAS

B-web V4 MANUEL D UTILISATION. Espace de travail. Clear2Pay Belgium SA B-web V4 Manuel d Utilisation: Espace de travail

WordPress : principes et fonctionnement

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x

Introduction à Expression Web 2

N SIRET : N

Sage CRM. Sage CRM 7.3 Guide du portable

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Guide d utilisation 2012

Parcours FOAD Formation EXCEL 2010

Création de maquette web

Dévéloppement de Sites Web

Website-CMS / Enterprise-CMS Module de traduction

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures

Présentation du Framework BootstrapTwitter

Administration du site (Back Office)

PHP 5.4 Développez un site web dynamique et interactif

Association UNIFORES 23, Rue du Cercler LIMOGES

Pourquoi choisir WORDPRESS La plate-forme de création de sites internet et de blogs

LE CONCEPT DU CMS CHAPITRE 1

RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation Administrateur de Données Localisées (Prodige V3.2) Recherche et consultation des métadonnées

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

Utilisation du CMS (Content Management System) Wordpress

CALAMEO. Publier et partager vos documents sur la toile

Mon aide mémoire traitement de texte (Microsoft Word)

Créer du contenu en ligne avec WordPress

Bureautique Initiation Excel-Powerpoint

USAGE DU MODULE DE NEWSLETTER ACAJOOM

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions

Access 2007 FF Access FR FR Base

MODE OPERATOIRE OPENOFFICE BASE

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

Guide d usage pour Word 2007

HTML. Notions générales

Transcription:

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 16 1. Rechercher un thème 16 2. Choisir un thème 17 3. Télécharger un thème 19 4. Installer un thème 20 5. Activer un thème 22 6. Gérer les thèmes 25 D. Choisir un thème depuis l administration 26 1. Rechercher un thème 26 E. Le thème Twenty Seventeen 29 1. Le thème par défaut 29 2. Personnalisation du titre et du slogan 31 3. Personnalisation des couleurs 33 4. Personnalisation des images de l'en-tête 35 5. Personnalisation des menus, des widgets et de la page d'accueil 36 6. Les options du thème 37 7. Ajouter des règles CSS 38 Chapitre 2 : Des notions sur PHP A. L objectif 40 B. HTML et XHTML 40 1/19

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

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

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

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

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 98 1. Les objectifs 98 2. Créer une boucle sur une catégorie 98 3. Créer une boucle sur un mois 100 4. Créer une boucle sur un auteur 101 5. Créer une boucle multicritère 102 6. Créer une boucle sur un type de contenu 102 D. Les inclusions des fichiers et des templates 102 1. Insérer les fichiers de structure 102 2. Insérer les templates 103 3. 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 106 1. Les liens dans WordPress 106 2. Le lien vers la page d'accueil 106 3. Les URL du site 106 4. Le lien vers un contenu 107 6/19

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

3. Afficher le nom de la catégorie en archive 128 4. Afficher la description de la catégorie 129 M. Les marqueurs des étiquettes 130 1. Afficher les étiquettes 130 2. Afficher le nom de l'étiquette en archive 131 3. Afficher la description de l'étiquette 131 N. Les marqueurs conditionnels 132 1. Les objectifs 132 2. Les articles mis en avant 133 3. Les archives des auteurs 134 4. Afficher un widget sur la page d'accueil 135 O. Créer un emplacement pour des widgets 138 1. Utiliser les widgets 138 2. Déclarer les emplacements 138 3. L'affichage dans l'administration 141 4. Afficher l'emplacement dans le thème 142 P. Créer un emplacement pour un menu 143 1. Utiliser les menus 143 2. Déclarer les emplacements 144 3. L'affichage dans l'administration 144 4. 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

1. La structure générale 152 2. La structure des templates 155 D. Le fichier header.php 157 1. Le fichier de structure 157 2. La structure HTML d'en-tête 157 3. Le corps de la page 158 4. Le lien pour l'accessibilité 159 5. L'affichage de l'image d'arrière-plan 159 6. L'affichage du logo 161 7. L'affichage du titre et du slogan 162 8. L'affichage de la flèche de navigation 164 9. L'affichage de la barre de navigation 165 10. L'affichage des images à la une 168 11. L'ouverture des boîtes <div> 169 E. Le fichier footer.php 170 1. Le fichier de structure 170 2. La structure HTML du pied de page 171 3. L'affichage des widgets 172 4. L'affichage du menu de navigation 173 5. 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 176 1. Le fichier de structure 176 2. Les fichiers inclus 176 3. L'affichage du titre de la page 177 4. La boucle WordPress 178 5. La pagination des articles 178 6. L'affichage sans contenu à afficher 178 9/19

I. Le fichier front-page.php 179 1. Le fichier de structure 179 2. Les options du thème 180 3. La structure du fichier 183 4. Déterminer la page d'accueil 183 5. L'affichage conditionnel des sections 184 6. L'affichage de la page d'accueil 184 7. L'affichage des sections 186 J. Le fichier single.php 187 1. Le fichier de structure 187 2. Les fichiers inclus 188 3. L'affichage du contenu de l'article 188 4. L'affichage des commentaires 188 5. L'affichage de la navigation 190 K. Le fichier page.php 190 L. Le fichier archive.php 191 1. Le fichier de structure 191 2. Les fichiers inclus 192 3. L'affichage du type d'archive 192 4. L'affichage des articles 193 M. Le fichier search.php 193 1. Le fichier de structure 193 2. Les fichiers inclus 194 3. L'affichage du titre 195 4. L'affichage du contenu de la recherche 195 N. Le fichier 404.php 195 O. Les template-parts 196 10/19

P. Le template-part content.php 198 1. L'utilisation de content.php 198 2. La structure de l'article 198 3. L'affichage des articles mis en avant 198 4. L'affichage de l'en-tête de l'article 199 5. L'affichage du titre de l'article 200 6. L'affichage du contenu de l'article 201 7. 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 210 1. Télécharger le Starter Theme 210 2. Installer votre thème 211 C. L'installation d Underscores avec les options 212 1. Télécharger le Starter Theme 212 2. Installer votre thème 214 D. Les fichiers du thème 215 11/19

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 221 1. L'en-tête HTML 221 2. L'affichage du titre et du slogan 221 3. La barre de navigation 223 4. L'ouverture du contenu 224 J. Le fichier sidebar.php 224 K. Le fichier footer.php 226 1. La structure du pied de page 226 2. La fermeture du contenu principal 227 3. Le pied de page 227 4. La fermeture des éléments de structure 227 L. La page d'accueil 228 1. La structure de la page d'accueil 228 2. Les deux types de pages d'accueil 228 3. La page d'accueil en blog 230 4. La page d'accueil statique 232 5. L'affichage du blog avec une page d'accueil statique 233 M. Le fichier single.php 234 N. Le fichier page.php 236 12/19

O. Le fichier archive.php 238 P. Le fichier search.php 240 Q. Les template-parts 242 1. L'utilisation des template-parts 242 2. Le fichier content.php 243 3. Le fichier content-page.php 245 4. Le fichier content-search.php 247 5. 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 255 1. La grille Grillade 255 2. Ajouter la feuille de style grillade.css 255 3. La structure du thème 256 4. La grille d'affichage 257 5. 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 266 13/19

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

N. Personnaliser la sidebar 292 1. Utiliser l'emplacement 292 2. 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 300 1. Personnaliser la connexion 300 2. Personnaliser l'administration 302 F. La traduction du thème 303 G. La structure du thème 303 1. La structure des fichiers 303 2. La structure des éléments 305 3. La mise en page de Foundation 307 H. Le fichier header.php 310 1. L'en-tête HTML 310 2. L'affichage de l'en-tête 310 3. L'affichage du titre du site 311 15/19

4. L'affichage du menu sur grand écran 311 5. L'affichage du menu sur petit écran 312 I. Le fichier sidebar.php 313 J. Le fichier footer.php 315 1. La structure du pied de page 315 2. L'affichage du menu 316 3. L'affichage du texte 316 K. La page d'accueil 317 1. Les deux types de pages d'accueil 317 2. La page d'accueil en blog 317 3. 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 322 1. L'utilisation des template-parts 322 2. Le fichier loop-archive.php 323 3. Le fichier loop-page.php 324 4. Le fichier loop-single.php 325 5. Le fichier content-missing.php 327 Q. Le fichier 404.php 329 16/19

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 335 1. L'objectif 335 2. Créer la personnalisation 335 3. Ajouter une section 336 4. Ajouter un réglage 337 5. Ajouter un contrôle 337 6. Le code complet 338 7. Appliquer la personnalisation 340 8. L'aperçu en direct 341 9. Appliquer la couleur au thème 342 E. Personnaliser un texte 343 1. L'objectif 343 2. La section 343 3. Ajouter le réglage 343 4. Ajouter le contrôle 344 5. Le code pour le champ de texte 344 6. L'affichage dans le pied de page 344 7. L'affichage de la personnalisation 345 F. Personnaliser l'affichage du texte 346 1. L'objectif 346 2. Ajouter le réglage et le contrôle 347 3. L'affichage dans le pied de page 347 4. L'affichage de la personnalisation 348 17/19

G. Personnaliser l'alignement du titre du site 350 1. L'objectif 350 2. Ajouter le réglage et le contrôle 350 3. L'affichage dans l'en-tête 351 4. L'affichage de la personnalisation 351 H. Personnaliser l'image d'arrière-plan de l'en-tête 353 1. L'objectif 353 2. Ajouter le réglage et le contrôle 353 3. L'affichage en arrière-plan de l'en-tête 354 4. 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 361 1. Le fichier CSS 361 2. Importer les styles parents 362 3. Créer des styles enfants 363 E. Les autres fichiers 363 F. Le fichier functions.php 364 1. L ouverture des fichiers 364 2. Ajouter une fonction 364 18/19

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