Ce tuto vidéo est consacré à la découverte du framework Genesis pour WordPress.
Le framework Genesis vous propose un cadre de travail qui va vous permettre de créer et de personnaliser vos thèmes enfants avec rapidité et efficacité. L'environnement de travail Genesis permet de travailler de manière similaire avec tous les thèmes enfants : vous avez les mêmes zones d'affichage, les mêmes textes générés avec l'utilisation de nombreux shortcodes ; le tout dans la même structure HTML. L'ensemble de ce travail va se faire en mode code, dans les fichiers functions.php et style.css des thèmes enfants. Notez dès maintenant que le framework Genesis et les thèmes enfants compatibles sont payants.
Au programme de ce tuto Genesis - WordPress
Dans le premier chapitre, après sa présentation, nous allons installer le framework Genesis, ainsi que le thème enfant proposé par défaut. Nous allons ensuite paramétrer la mise en page commune des thèmes enfants et celle des articles individuellement. Nous aborderons ensuite la notion de hook (zones d'affichage et textes générés) et verrons comment les afficher dans le site publié.
Dans le deuxième chapitre nous allons apprendre à ajouter un texte fixe, avec les hooks, dans une zone d'affichage donnée du thème enfant.
Pour le troisième chapitre, nous masquerons et déplacerons des textes générés d'une zone d'affichage à l'autre, avec les bons hooks.
Le quatrième chapitre sera consacré à l'utilisation des shortcodes qui vont nous permettre de personnaliser les textes générés dans les articles en page seule et dans le pied de page du site.
Le dernier chapitre nous permettra de travailler la mise en forme CSS des thèmes enfants : personnalisation de l'affichage en CSS, création de colonnes dans les contenus, création d'emplacement de widgets et mise en forme CSS et nous proposerons un sélecteur de couleurs aux utilisateurs.
Au terme de cette formation, vous aurez les notions nécessaires pour aborder au mieux la personnalisation des thèmes enfants avec le framework Genesis pour WordPress. La version utilisée de WordPress pour ce tuto est la 4.4.2 et celle du framework Genesis est la 2.2.7.
Table des matières de cette formation WordPress (durée : 1h15m)
-
Le framework Genesis
- Présentation du framework Genesis gratuit 00:04:35
- Installation de Genesis 00:03:43
- Paramétrer la mise en page des thèmes enfants 00:02:32
- Paramétrer la mise en page des articles 00:04:25
- Comprendre les hooks 00:01:46
- Visualiser les hooks 00:04:56
-
Insérer un texte fixe avec les hooks
- Les zones d’affichages 00:01:37
- La structure des actions gratuit 00:01:32
- Insérer du texte fixe 00:03:52
-
Masquer et déplacer des textes avec des hooks
- Les priorités d’affichage 00:01:30
- Connaître les priorités 00:04:01
- Masquer les métadonnées des articles 00:02:59
- Masquer les informations des articles 00:01:57
- Déplacer les informations des articles 00:04:50
-
Utiliser les filtres et les shortcodes
- Utiliser les shortcodes gratuit 00:02:22
- Personnaliser les informations des articles 00:03:54
- Mettre en forme les shortcodes des informations 00:02:56
- Personnaliser la taxinomie des articles 00:02:42
- Personnaliser le pied de page du site 00:03:14
-
La mise en forme CSS
- Masquer la mise en forme CSS initiale 00:02:57
- Personnaliser la mise en forme CSS 00:02:31
- Créer des colonnes dans les contenus 00:01:47
- Créer un emplacement de widget 00:02:18
- Afficher l’emplacement des widgets 00:02:27
- Mettre en forme l’emplacement des widgets 00:01:07
- Créer un sélecteur de couleur 00:03:21
- Certificat
Formateur : Christophe Aubry
-
C'est parfaitement bien expliqué, mais on aimerait aller encore plus loin ! Depuis cette vidéo Wordpress est passé en version 5.x avec Gutenberg et le framework a évolué également alors pourquoi pas une mise à jour et plus approfondie ? A bientôt peut-être.
-
Clair, efficace et avec de nombreux exemples, ce tutoriel permet de comprendre facilement l'utilisation du framework GENESIS dans Wordpress.
-
Très bon tuto sur le framework Genesis. J'en avais seulement entendu parler et le formateur explique très bien et clairement les bases. Il est accessible à toutes les personnes qui utilisent wordpress de niveau intermediaire. Merci et bonne continuation
-
Avec quelle version de logiciel ce tuto est-il compatible ?WordPress 4
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés