- Durée 1.5 jour - 10.5 heures
- Participants 1 à 6 participants
- Niveau Débutant
Formation WordPress Full Site Editing Par Maxime Bernard-Jacquet
Le Full Site Editing est la nouvelle méthode officielle pour créer des sites avec WordPress. Elle vous permettra de réaliser des sites de meilleure qualité en beaucoup moins de temps. Le FSE n’est pas seulement une évolution du nouvel éditeur visuel de WordPress (Gutenberg), c’est avant tout une méthodologie de travail qui s’inscrit dans les tendances de l’industrie : vous apprendrez à réaliser un site avec une méthodologie qui est compatible avec les habitudes de travail des équipes design, et vous fournirez à vos clients une interface très visuelle, claire et facile à utiliser.
Tarif
sur-mesure
3700 €
HT
Sur-mesure : programme personnalisé pour les salariés d’une seule entreprise.
- Durée 3 jours - 21 heures
- Participants 1 à 6 participants
- Niveau Intermédiaire
Programme
100% personnalisable - formation sur-mesure ! Jour 1 Découverte et philosophie de Gutenberg
- Les 6 façons de faire un site avec WordPress
- WordPress, Gutenberg et le Full Site Editing (FSE)
- Exploration des possibilités de l’éditeur visuel : blocs, réglages, compositions
- Les limites actuelles de l’éditeur : UX parfois capricieuse
- Exploration des possibilités du FSE avec le thème Ollie
- Une nouvelle façon de penser les thèmes : par composants et compositions plutôt que par pages et templates
- Les bases d’un bon design system
- Comment Gutenberg enregistre les données des pages et les traite en front
Jour 2 Création d'un thème compatible FSE
- Les bases du theming moderne : le fichier theme.json
- Définir le design system (polices, couleurs, tailles)
- Activer ou désactiver des blocs et fonctionnalités
- Créer ses propres templates HTML
- Créer des compositions en HTML
- Analyse du code issu par Gutenberg en front, notamment les CSS
- Point sur l’optimisation des pages pour un pagespeed haut
Jour 3 Créer des blocs sur mesure
- Quand utiliser des blocs natifs, et quand créer les siens ?
- Créer ses propres blocs sur mesure en JS avec React
- Ajouter des options dans les barres d’outils
- Blocs avec données dynamiques (WP Query)
- Créer ses propres blocs sur mesure avec ACF
- Différences fondamentales entre les deux approches (technicité, rapidité)
- Blocs conteneurs avec enfants (InnerChild)
Moyens
Pratique dans WordPress pendant toute la formation.
Prérequis
- Savoir utiliser l’interface de WordPress
- Avoir quelques bases en design web
- Savoir ce qu’est un fichier .json
Public
La formation s’adresse aux développeurs comme aux no-coders
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
Ce que vous apprendrez
Comprendre les avantages du nouvel éditeur face aux outils concurrents
Comprendre l’atomic design et l’approche par composants
Comprendre le fonctionnement de l’éditeur de blocs (Gutenberg) et de sites
Savoir interpréter le design system des équipes design
Savoir créer des compositions, variations de styles pour les blocs
Maitriser la création d’un site FSE de A à Z
Savoir proposer à ses clients une interface minimaliste et efficace
Questions fréquentes sur la formation Wordpress Full Site Editing de Maxime
Pourquoi suivre la formation ?
Gagner du temps dans la création du site :
Créer un site en FSE n’a rien à voir avec la création de thèmes classiques. Déjà, tu as besoin de moins de compétences de base pour te lancer : pas besoin de maitriser le HTML, CSS ou encore PHP, tout est créé visuellement. Du coup, ça fait gagner pas mal de temps (jusqu’à 30%). De plus, grâce aux compositions et variations, tu pourras réutiliser des éléments sur tes futurs sites et ainsi gagner encore plus de temps.
Proposer une bien meilleure expérience utilisateur :
Avant, on devait créer des champs sur mesure pour que le client puisse remplir les informations sur son site, ce qui n’était pas très visuel. Ou alors, il fallait lui donner accès à un constructeur de pages avec des centaines d’options à l’écran. Grâce au FSE, on fournit à l’utilisateur une expérience sur-mesure et encadrée afin de faciliter sa création de contenus.
Des process en phase avec l’industrie :
La création de sites avec le FSE permet de respecter enfin les standards de l’industrie. finies les retours incessants avec le designer : on parle enfin le même langage : composants, design system, valeurs globales.
L'équipe alfie
La formation peut-elle être donnée à distance ?
Oui, cette formation est disponible en deux formats : en présentiel et à distance. Les deux versions offrent la même qualité de contenu et d’interaction pour s’adapter à ton style d’apprentissage.
L'équipe alfie
Dans quel lieu la formation est-elle donnée ?
La formation peut se dérouler en présentiel dans vos locaux ou à distance via des outils de visioconférence.
L'équipe alfie
Serai-je opérationnel à l’issue de la formation ?
Oui ! Vous aurez réalisé à la fin de la formation votre thème de base pré-configuré qui vous permettra de démarrer vos projets à la vitesse de l’éclair !
L'équipe alfie
Des questions ?
Appelez-nous :
02 55 99 46 86
Obtenir un devis
⚠️ Nos formations ne sont pas éligibles au CPF.
On vous rappelle dans les 24h pour échanger sur votre projet de formation.
♿ Public en situation de handicap, nous écrire à maxime@alfieformation.fr
Les autres formations similaires
- Durée 1 jour - 7 heures
- Participants 1 à 6 participants
- Niveau Débutant