Formation WordPress avancé

Anatomie d’un thème

• Templates WP
• De l’URL à l’affichage
• Exemples

Hiérarchie de templates

• Type de templates
• La hiérarchie de templates en détail
• Les inclusions de templates
• Front-page versus homepage

Auscultation du thème twentyfourteen

• Le template index.php d’un point de vue HTML / CSS
• Le template index.php d’un point de vue PHP

La boucle

• Structure
• Commencer la boucle
• Générer l’article
• Finir la boucle
• Auscultation de la boucle dans le thème twentyfourteen
• Auscultation du contenu d’un article dans le thème twentyfourteen

Personnalisation du thème

• Thème enfant
• Marqueurs conditionnels
• Exemples d’usage des marqueurs conditionnels
• Marqueurs de modèle

Examen approfondi

• Traitement des articles
• Traitement des pages
• Traitement des catégories
• Navigation / Pagination
• Menus
• Barres latérales & Widget Ready
• Classes CSS
• Sécurisation du contenu

Idées du query

• Définitions
• Le comportement par défaut de WordPress
• Comment effectuer une (nouvelle) recherche
• Les paramètres d’une recherche (query_vars)
• Récupérer les valeurs de paramètres d’une requête
• Modifier la requête avec les hooks
• Mettre en œuvre des requêtes personnalisées

Les hooks

• Action vs filtre
• Utiliser un « hook »
• Un exemple pour chacun !
• Méthodes définies dans une classe
• Étapes pour utiliser un « hook »

Interface admin de personnalisation de thème (theme customizer)

• Développer pour le theme customizer
• 1^ère Partie : Définir les réglages, contrôles, etc.
• 2^ème partie : génération direct de CSS
• 3^ème partie : configurer la prévisualisation directe (optionnel)
• Exemple de classe pour la personnalisation de thème

Checklist pour les fichiers de template

• Entête (header.php)
• Les menus de navigation (header.php)
• Widgets (sidebar.php)
• Pied de page (footer.php)
• Index (index.php)
• Archive (archive.php)
• Pages (page.php)
• Simple article (single.php)
• Commentaires (comments.php)
• Résultats de recherche (search.php)
• Javascript
• Les caratéristiques (features)

Exercices

0. Mise en place de wordpress
1. Création d’un thème enfant
2. Modifiez l’apparence du thème avec la feuille de style CSS
3. Template de page – category-histoire
4. Ajouter la favicon dans le header
5. Modification de la taille des images à la Une
6. Localiser votre thème
7. Ajouter une étoile pour les articles mis en avant
8. Un seul template category
9. Sidebar différente selon la page affichée
10. Content sidebar avec descriptif de la catégorie
11. Template de contenu pour le custom post type — livres
12. Template de page pour les champs personnalisés — auteurs
13. Template de page pour les catégories (thématique)
14. Pagination homepage versus article
15. Menu de navigation dans la colonne de gauche
16. Barre latérale alternative
17. Différentes formes de query
18. Query sur un custom post type en fonction d’une catégorie
19. Query trié par une métadonnée et double parcours
20. Retrouver les livres dans les featured posts
21. L’objet query
22. Utiliser les hooks, les filtres
23. Personnaliser le thème
24. Ajouter une option de personnalisation
25. Intégrer du Javascript et du CSS (GoogleMap)

Objectifs

L’objectif de cette formation est de maitriser et personnaliser les templates graphiques sous WordPress afin d’exploiter au mieux l’immense choix en thème proposé par la communauté WordPress.

Public

Toute personne désirant se perfectionner dans la création et la personnalisation de site sous WordPress.

PRÉREQUIS :

• Connaître les bases de PHP 5 – formation Initiation PHP – Fonctions (appel, paramètres, valeur de retour…), boucles, tests,
• Connaître l’usage de WordPress et ses concepts (Page, Article, Catégorie et Mot-clé, Widget, Barre latérale, Plugin, Menu de navigation…) et son interface administrative – formation WordPress
• HTML et CSS – formation HTML & CSS.

Dates