Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Créer un site web pour les designers avec WordPress et Genesis

Comprendre le framework Genesis

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Travaillez avec le framework Genesis et abordez les principes de personnalisation des thèmes en mode code.
03:23

Transcription

« Genesis » est un framework qui permet de créer et de personnaliser facilement des thèmes compatibles « Genesis ». Le principe est le suivant : dans un premier temps, vous allez télécharger le « framework Genesis » qui sert de thème parent. Ensuite, vous téléchargez un thème « Genesis » qui est un thème enfant du « framework Genesis ». Vous pouvez utiliser le thème enfant qui est livré par défaut, qui est nommé « Genesis Sample Theme ». Et ensuite, eh bien vous allez personnaliser vos thèmes enfants. Comprenez bien que le thème parent possède tous les fichiers nécessaires pour créer un thème « WordPress » complet. Donc la seule chose dont nous allons avoir besoin pour personnaliser nos thèmes enfants, c’est d’utiliser le fichier « functions.php » pour personnaliser l’affichage des contenus, et le fichier « style.css » pour personnaliser l’affichage du rendu. Le « framework Genesis » permet de créer et de personnaliser des thèmes qui sont tous basés sur la même structure. Ainsi, on gagne beaucoup de temps. On ne touche pas à la structure générale des templates de « WordPress ». Il n’est donc pas nécessaire de créer un thème complet avec tous les templates, avec tous les fichiers de base d’un thème « WordPress ». Tout est déjà en place dans le « framework Genesis ». Avec les fonctions « Genesis », on peut choisir d’afficher, ou pas, certaines informations. On choisit de personnaliser ce qui est affiché. Pour ce faire, eh bien nous allons utiliser ce qui s’appelle des hooks, des hameçons en français. Les hooks vont nous permettre de gérer, de personnaliser l’affichage des thèmes. Nous avons deux types de hook : les actions, qui sont des zones d’affichage déterminées par le thème. Avec la fonction add action, nous allons pouvoir utiliser et ajouter une zone d’affichage. Et avec la fonction remove action, nous allons pouvoir masquer une zone d’affichage. Le deuxième type de hook, ce sont les « filtres ». Ils vont nous permettre de personnaliser le contenu qui a été affiché dans telle ou telle zone d’affichage. Pour ce faire, eh bien nous allons utiliser la fonction add filter. Dans notre « thème genesis », nous allons avoir la possibilité d’afficher des zones d’affichage, c'est-à-dire les hooks de type action. Dans cet exemple, dans cette copie d’écran, nous avons trois zones d’affichage, trois hooks de type action : genesis_entry_header qui est l’en-tête de l’article, publié ici en page seule, genesis_entry_content qui est la zone d’affichage du contenu rédactionnel, et genesis_entry_footer qui est le pied de page de l’article. Dans ces trois zones d’affichage, nous avons plusieurs textes affichés grâce aux filtres. Dans cet exemple, eh bien dans la zone d’affichage de l’en-tête, nous avons deux filtres : genesis_post_title_text qui permet d’afficher le titre de l’article, et genesis_post_info qui permet l’affichage des informations de publication de l’article. Ensuite dans la zone d’affichage du pied de page, eh bien nous avons le filtre genesis_post_meta qui permet d’afficher la taxinomie des articles, c'est-à-dire les rubriques et les mots-clés. Donc voilà le principe d’utilisation des hooks que nous allons utiliser pour personnaliser nos thèmes enfants « Genesis ».

Créer un site web pour les designers avec WordPress et Genesis

Créez et personnalisez votre site web avec WordPress et le framework Genesis. Profitez ainsi de fonctionnalités adaptées aux besoins spécifiques de votre métier.

1h23 (27 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :2 mai 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !