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.
   

   View Slide

2. Combien ça coûte ?
   Genesis est vendu 59$
   licence à vie et nombre d’activation illimité
   ●
   Le framework Genesis
   ●
   Un thème enfant
   

   View Slide

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)
   

   View Slide

4. HTML5 et Design adaptatif
   Un thème enfant en HTML5 au design adaptatif et épuré
   

   View Slide

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
   

   View Slide

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.
   

   View Slide

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
   

   View Slide

8. Modèles de mise en page
   L’extension Genesis Layout Extras vous permet d’ajouter 9 modèles.
   Options de mise en page :
   

   View Slide

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
   

   View Slide

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' ) ;
    

    View Slide

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
    

    View Slide

12. Les hooks
    57 hooks pour inter-agir avec Genesis :
    ajouter ou supprimer du contenu à n’importe quel endroit du template.
    

    View Slide

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.
    

    View Slide

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;
    }
    

    View Slide

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
    

    View Slide

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
    

    View Slide