Genesis : Découvrez comment personnaliser vos thèmes enfants WordPress
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Genesis : Découvrez comment personnaliser vos thèmes enfants WordPress

Christophe Aubry
14,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Le framework Genesis
Chapitre 2
Insérer un texte fixe avec les hooks
Chapitre 3
Masquer et déplacer des textes avec des hooks
Chapitre 4
Utiliser les filtres et les shortcodes
Chapitre 5
La mise en forme CSS

Plan détaillé du cours

Chapitre 1 : Le framework Genesis
21m57
 
Leçon 1Présentation du framework Genesis
Leçon 2Installation de Genesis
Leçon 3Paramétrer la mise en page des thèmes enfants
Leçon 4Paramétrer la mise en page des articles
Leçon 5Comprendre les hooks
Leçon 6Visualiser les hooks
Chapitre 2 : Insérer un texte fixe avec les hooks
07m01
 
Leçon 1Les zones d’affichages
Leçon 2La structure des actions
Leçon 3Insérer du texte fixe
Chapitre 3 : Masquer et déplacer des textes avec des hooks
15m17
 
Leçon 1Les priorités d’affichage
Leçon 2Connaître les priorités
Leçon 3Masquer les métadonnées des articles
Leçon 4Masquer les informations des articles
Leçon 5Déplacer les informations des articles
Chapitre 4 : Utiliser les filtres et les shortcodes
15m08
 
Leçon 1Utiliser les shortcodes
Leçon 2Personnaliser les informations des articles
Leçon 3Mettre en forme les shortcodes des informations
Leçon 4Personnaliser la taxinomie des articles
Leçon 5Personnaliser le pied de page du site
Chapitre 5 : La mise en forme CSS
16m28
 
Leçon 1Masquer la mise en forme CSS initiale
Leçon 2Personnaliser la mise en forme CSS
Leçon 3Créer des colonnes dans les contenus
Leçon 4Créer un emplacement de widget
Leçon 5Afficher l’emplacement des widgets
Leçon 6Mettre en forme l’emplacement des widgets
Leçon 7Créer un sélecteur de couleur

Aperçus

Avis des apprenants

Détail des avis
163
Apprenants
3
Commentaires
4,7/5
Note moyenne
5/5
2
4/5
1
3/5
0
2/5
0
1/5
0
Patrick Duhaut
Patrick Duhaut
Publié le 28/10/2017
Clair, efficace et avec de nombreux exemples, ce tutoriel permet de comprendre facilement l'utilisation du framework GENESIS dans Wordpress.
Bernard Corraini
Bernard Corraini
Publié le 22/03/2019
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.
Romain Gilles
Romain Gilles
Publié le 11/12/2016
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

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 4

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données