Genesis WP présentation

Présentation du framework de thèmes Genesis, au meetup WordPress Bordeaux du 22 juin 2016

Transcript

1. Le framework Genesis Genesis est conçu par la société StudioPress. Son fondateur, Brian Gardner, est l’un des premiers à explorer le filon des thèmes premiums. Aujourd’hui StudioPress, c’est plus de 186 000 clients à travers le monde.
2. Combien ça coûte ? Genesis est vendu 59$ licence à vie et nombre d’activation illimité • Le framework Genesis • Un thème enfant
3. Un framework de thème ? • Concentré sur les fonctionnalités et l’efficacité du site • Développé pour s’adapter au projet. • Pas un thème prêt à l’emploi. Le minimum de design nécessaire au bon fonctionnement. Genesis n’est pas fait pour être utilisé directement mais avec un thème enfant. Pourquoi utilisé un thème enfant ? • Séparation des fonctionnalités / du design • Protection de vos modifications (attention)
4. HTML5 et Design adaptatif Un thème enfant en HTML5 au design adaptatif et épuré
5. Une base pour l’accessibilité Depuis la version 2.2, des changements pour améliorer l’accessibilité : • Ajout des points repères ARIA • Ajout des liens d’évitements • Structure sémantique des titres • Navigation au clavier pour les menus déroulants • Suppression de l’attribut « title » des liens • Ajout du titre de la publication au lien : « lire la suite » • Suppression du h1 dans l’éditeur
6. Une base pour l’accessibilité Mise à jour 2.3 du framework (15/06/2016) : • Ajout des attributs ARIA à la navigation des articles. Version 2.2.3 du thème enfant (18/05/2016) : • Intégration nouveau menu responsive et accessible.
7. Modèles de mise en page 6 modèles de mise en page : • Content / Sidebar 1 • Sidebar 1 / Content • Content / Sidebar 1 /Sidebar 2 • Sidebar 2 / Sidebar 1 / Content • Sidebar 2 / Content / Sidebar 1 • Full width
8. Modèles de mise en page L’extension Genesis Layout Extras vous permet d’ajouter 9 modèles. Options de mise en page :
9. Module de SEO • Titre • Description • Mots-clés • URL canonique • Redirection • Réglages robots Note : si vous activez Yoast SEO, le module de Genesis se désactive
10. Réglages des archives Réglages – tous les types de contenu : articles, pages, contenus personnalisés* – tous les types de taxinomies : catégories, étiquettes, taxinomies personnalisées • Une entête • Une description • Module de mise en page • Module SEO * Pour activer le réglage d’archive pour un contenu personnalisé : 'supports' => array( 'title', 'editor', 'genesis-cpt-archives-settings' ) ;
11. Options de thèmes • Flux RSS personnalisés • Mise en page par défaut • Fil d’Ariane • Activation des commentaires (articles/pages) • Réglage de l’archive des articles • Réglage du modèle blog • Ajout de script (entête/pied de page) • Réglage SEO global
12. Les hooks 57 hooks pour inter-agir avec Genesis : ajouter ou supprimer du contenu à n’importe quel endroit du template.
13. Les hooks Déplacement de la navigation principale : remove_action( 'genesis_after_header', 'genesis_do_nav' ); add_action( 'genesis_before_header', 'genesis_do_nav' ); remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); Suppression des informations du post (date/auteur…) : Application des hooks, au choix : • functions.php • archive • single.
14. Les filtres 64 filtres vous permettent de modifier les données natives de Genesis. Ex : modification des metas d’un article add_filter( 'genesis_post_info', 'sp_post_info_filter' ); function sp_post_info_filter($post_info) { $post_info = '[post_date] by [post_author_posts_link] [post_edit]'; return $post_info; }
15. Ressources Site Officiel : • StudioPress Tutoriels : • Gregoire Noyelle (fr) • Brian Gardner • Nathan Rice • Bill Erickson • Carrie Dils • Sridhar Katakam • WP Beaches Réseaux sociaux : • Slack (en) • Slack WordPressFR #genesis • Twitter #GenesisWP Extensions : • Genesis Translations • Genesis Visual Hook Guide • Genesis Grid • Genesis Layout Extras
16. C’est fini ! Merci ! Sadler Jérôme le 22/06/2016 – meetup WordPress Bordeaux twitter : @G3r0nimo Articles en rapport : • How WordPress Theme Frameworks Solve Business Problems That Wo rdPress Themes Can’t • Theme Updates Should Not Induce Panic Attacks