Formation WordPress avancé

Programmer des templates vous permettra de personnaliser votre site WordPress

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

Dans cette formation, nous étudierons pratiquement le dernier thème standard de WordPress – twentyfourteen. Chemin faisant, nous aborderons les concepts et les pratiques (25 exercices) mis en œuvre dans les thèmes afin d’en créer un nouveau en respectant la devise de WordPress.

Code is poetry (Coder est un art)

Les points suivants seront étudiés :

  • Hiérarchie de template (et inclusions)
  • Les marqueurs (conditionnels et de template)
  • Les templates de page
  • Format, Custom Post Type, Champs personnalisés, Sticky posts (articles mis en avant)
  • La boucle WordPress
  • Le query
  • Les hooks
  • L’interface de personnalisation et sa programmation
Les exercices sont développés en PHP. Il est donc important de connaître la programmation PHP.

La formation se déroule sur 4 jours soit 28 heures.

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

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

11, 18 et 19 Mars 2015FormaOuestFormation Webmaster EBusiness
18 Mai et 4, 5 Juin 2015 FormaOuestFormation Webmaster EBusiness
30 Novembre et 1, 2 Décembre 2015 FormaOuestFormation Webmaster EBusiness
22, 25 Janvier 2016 et 4 Février 2016 FormaOuestFormation Webmaster EBusiness
8, 13 et 14 Mai 2016 FormaOuestFormation Webmaster EBusiness

Vous voulez bénéficier d’une formation, n’hésitez pas à prendre contact

Informations, demandes de devis…

Je me ferai un plaisir de vous répondre dans les plus brefs délais.

Localisé dans le Morbihan, je suis prêt à venir vous rencontrer si sous êtes en Bretagne.

06 83 92 53 32