Genesis :: introduction au framework de thème WordPress

Voici le premier volet d’une longue série sur le Framework de thème Genesis. Nous verrons des principes de base, en passant dans les réglages du back-office jusqu’à la conception d’un thème sur mesure.

Genesis est un Framework de thème

Le framework Genesis est conçu par la société StudioPress. Celle-ci conçoit des thèmes Premium. Son créateur Brian Gardner, fut un des premiers concepteurs de thème premium. Genesis est le passage obligé si vous voulez utiliser un thème gratuit ou payant qui repose sur ce framework. Genesis est vendu 59$. Il pourra être utilisé de manière illimitée dans la durée et pour le nombre de sites

Sur le site officiel de StudioPress, il est précisé que tous les thèmes StudioPress reposent sur le framework Genesis. Un lien dédié décrit les avantages de Genesis.

D’abord je vais éclaircir la notion de Framework. Un framework est pour simplifier un cadre de travail (c’est la traduction littérale). De nombreux frameworks existent dans des langages multiples. Dans notre cas, c’est une structure de base qui va nous servir pour installer ou concevoir des thèmes WordPress. Et comme c’est un cadre de travail, tous les thèmes reposeront sur la même structure de base. Du coup, vous gagnez énormément de temps sur plusieurs points:

• le HTML est toujours le même
• les classes sont toujours les mêmes
• le framework est audité régulièrement par Mark Jacquith
• quand le coeur (le framework) se met à jour votre thème fonctionne toujours

Après avoir plusieurs mauvaises expériences sur la modification de thème premium, j’ajouterai ces points suivants:

• Genesis est tout sauf une usine à Gaz qui ajoute des fonctions dans tous les sens. Le framework s’accorde toujours au plus des fonctions par défaut de WordPress. Les fonctions ajoutées dans le back-office sont très minimalistes
• Dès le début, une communauté (dont je fais partie pour la traduction en français) a veillé à rendre Genesis international quasiment dès le début. C’est Remkus De Vries qui centralise désormais les traductions avec son plug-in Genesis Translation

Au final, tous les thèmes qui reposent sur Genesis sont des thèmes enfants. Ils ont besoin d’avoir le framework installé pour fonctionner.

Genesis au quotidien

Les options d’un thème qui repose sur Genesis sont globalement toujours les mêmes. Genesis veillera toujours à utiliser les fonctions natives de WordPress sans ajouter des pages d’options à rallonge qui font que votre thème premium devient une usine à gaz.

Réglages du thème

Pour la gestion des contenus principaux de votre site. Des menus en passant par le fil d’Ariane jusqu’au code Google Analytics à intégrer. Vous y retrouverez:

• Des options de mise en page
• Des options pour le fil d’Ariane quand votre thème le supporte
• Une gestion centralisée des commentaires
• Une préférence pour toutes vos archives
• Un modèle de blog avec option
• Des champs pour insérer vos scripts

Mise à jour

Genesis se met à jour en un clic. Du coup votre thème qui reposera sur Genesis sera également mis à jour. Vous aurez au final un thème qui suivra très facilement les évolutions de WordPress sans encombre.

Construire son thème sur Genesis

Tous les thèmes qui sont construits avec Genesis sont des thèmes enfants. Ils dépendent d’un parent et celui-ci, dans les cas, c’est Genesis. Autrement, si Genesis n’est pas installé parmi votre dossier thème, votre thème ne fonctionnera pas.

Une fois que l’on a acquis Genesis, dans votre compte StudioPress (accessible à l’adresse suivante: my.studiopress.com), vous aurez accès au téléchargement de Genesis Framework et du thème Genesis Sample. Ce dernier est un thème de base pour construire votre propre thème.

Ajouter du HTML

Parmi les points qui font gagner du temps, une question a fait sans doute surface « Si le HTML et les classes sont toujours les mêmes comment personnaliser son site ». Cette question revient souvent.
En fait, Genesis permet d’injecter à de très nombreux endroits des extraits plus ou moins longs de HTML. Pour preuve, cet outil fantastique Visual Hook Guide créé par Christopher. Cela correspond entre autres à toutes les zones où nous pouvons ajouter du contenu.

Supprimer du HTML

Vous pouvez supprimer très facilement du HTML en utilisant des fonctions (c’est plus propre) ou en utilisant les CSS.

Modifier les CSS

Genesis ne permet pas facilement de modifier les classes CSS à part sur les éléments que vous allez ajouter. Par contre, celles-ci sont très bien conçues et comme elles sont toujours identiques, votre workflow est optimisé.

Ajouter des nouveaux modèles de page

Genesis s’accorde parfaitement avec la hiérarchie d’un thème WordPress. En respectant ces principes, vous pouvez ajouter autant de modèles que nécessaire à votre thème. Tout le jeu s’effectuera ensuite avec des filtrages de fonctions ou de marqueur HTML que vous pourrez contrôler avec les fonctions natives de Genesis.

Comment avant goût, voici un modèle pour des single d’un custom post type particulier. L’exemple en ligne se trouve sur le site very french trip.

Dans cet extrait que nous apprendrons à construire, je supprime plusieurs données basiques de page pour ajouter mes propres éléments. La partie la plus importante est le genesis() que vous placez à la fin. C’est lui qui appellera toutes les fonctions intégrées dans le Framework.

Se former

Outre les articles que je partage sur ce site, depuis plus de 5 ans, je donne des formations pour créer son thème sur mesure avec Genesis.

Témoignage

De Bill Erikson dans un article de CodePoet

There’s a lot of great theme frameworks and base themes out there. StudioPress has done a great job building a community of developers and users around Genesis. Many top Genesis developers (including me) have access to the private GitHub repo where Genesis is developed. This allows us to submit tickets, write patches, and discuss the future of Genesis. With more than half of the developers not employed by StudioPress, Genesis is an active, open source project developed by its community of users.

En résumé, Genesis a beau être un framework payant, il est complètement GPL et une communauté très active le supporte bénévolement.