Modifier et concevoir des thèmes (template) wordpress
Objectifs :
– Modifier l’aspect et le rendu graphique d’un thème existant
– Comprendre l’architecture de fichier et le fonctionnement des thèmes wordpress
– Ajouter des fonctionnalités à un thème wordpress
– Développer un thème wordpress à partir d’une maquette graphique au format image
Modalités Pédagogiques :
Apports méthodologiques, démonstration pas à pas, exercices pratiques, mise en œuvre sur des projets- type.
Pré-requis :
– Savoir gérer le contenu d’un site wordpress
– Savoir installer et paramétrer un site wordpress
– Notion de codage avec les langages PHP, HTML, CSS
Programme :
Première journée – matin
Rappels sur wordpress
– Détails du fonctionnement de wordpress
– Place des thèmes dans le fonctionnement de wordpress
– Quelques extensions wordpress importantes
– Échanges d’expériences entre participants et formateur
Fonctionnement des thèmes wordpress
– Définition d’un thème
– Structure des fichiers d’un thème
– Analyse des contenus de fichiers de thèmes existants
– Les outils pour développer un thème wordpress
Adapter le rendu graphique du site en modifiant les codes CSS
– Rappel d’éléments de base de syntaxe CSS
– Méthodes pour parcourir et modifier des fichiers CSS volumineux
– Changer l’aspect (couleur, marge, typo) d’un thème existant
Première journée – après-midi
Rappels des bases du langage PHP
– Variables et tableaux
– Boucles et conditions
– Utiliser et créer des fonctions
– Combiner PHP et HTML
– Inclure des fichiers
– Traitement des chaines de caractères
Principe de la programmation des thèmes
– Les boucles wordpress
– Les marqueurs ou tags
– Personnaliser une boucle avec query_posts ou wp_query
– Le fichier functions.php
Deuxième journée – matin
Éléments pratiques pour la programmation de thèmes
– Mettre en place des modèles de pages et les formats d’articles
– Afficher et formater le contenu texte et image
– Afficher des menus
– Afficher la sidebar (barre latérale)
– Développement d’un thème wordpress avec fonctionnalités minimales et code CSS minimal
Deuxième journée – après-midi
Ajouter des fonctions simples à un thème wordpress :
– Ajouter des boutons de partages sur le réseaux sociaux
– Rendre une zone wigetisable
– Mette en place une pagination numérotée
– Créer une page 404 personnalisée
Utilisation avancée des styles CSS
– Syntaxe avancée en CSS
– Utiliser les Medias Queries
– Analyse de feuilles de styles typiques d’un template html5/CSS
– Utiliser le préprocesseur LESS
Troisième journée – matin
Les thèmes enfants et les shortcodes
– Intérêt de mettre en place un thème enfant
– Réaliser un thème enfant
– intérêt de proposer des shortcodes à l’utilisateur
– réaliser un shortcode simple
Développement de thème et back-office :
– Mettre en place des types de contenus personnalisés (customs post type)
– Mettre en place des types de champs personnalisés (custom fields)
– Créer des taxonomies et des custom meta boxes pour améliorer le back-office
troisième journée – après-midi
Mise en œuvre
– Personnalisation d’un thème wordpress existant pour le rendre cohérent à une charte graphique
– Intégrer un webdesign sur mesure en utilisant un blank thème (thème de base)
– Étude de cas : choix de solution et tests de faisabilité pour répondre à un cahier des charges de
site web avec fonctionnalités et webdesign spécifique
Bilan et méthodologie
– Bilan des différentes approches ou situations possible dans le développement d’un thème
wordpress
– Discussion sur les différente méthodologies de gestion de projet web correspondant aux
contraintes du développement de thème wordpress
Durée :
21 heures
Documents fournis :
Manuel thème pour WordPress, fiches conception/création de sites webs, attestation de formation.
Modalité d’évaluation :
– Questionnaire d’auto-évaluation des connaissances et de satisfaction à remplir en fin de formation (Évaluation à chaud)
– Questionnaire d’évaluation de la mise ne pratique à remplir numériquement 6 mois après la fin de la formation (Évaluation à froid)