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)