Télécharger en tant que PDF, PPTX
Téléchargé parAurélien Denis
Bien débuter dans la conception d'un thème WordPress
Ce document présente des conseils pratiques pour la création d'un thème WordPress, notamment l'organisation des fichiers, l'utilisation appropriée des hooks pour les scripts et les styles, et l'importance de la sécurité. Il souligne également l'utilisation d'outils pour éviter la duplication de code et le bon usage des requêtes personnalisées. Enfin, il rappelle l'importance de la rétrocompatibilité et des normes modernes comme HTML5 et CSS3.
Contenu connexe
Similaire à Bien débuter dans la conception d'un thème WordPress
Bien débuter dans la conception d'un thème WordPress
- 1. Bien débuter laconception d’un thème WordPress Aurélien Denis - WordCamp Paris 2014 @wpchannel
- 2. Un thème, c’estquoi ? 1 CSS Des templates PHP 1 PNG (pour le screenshot)
- 3. #1 - Organisétu seras ! Réfléchir à l’architecture du site Structurer les données en répertoires Connaitre la hiérarchie des templates sous WordPress
- 5. #2 - Un enfanttu feras ! Les enfants héritent des parents pour le meilleur et pour le pire
- 6. #3 - SpeakEnglish, you will Créer des chaînes de traductions en anglais du type <?php _e(‘string’, ‘textdomain’); ?> Proposer un fichier POT
- 7. add_action('after_setup_theme', ‘cat_translator'); function cat_translator(){ load_theme_textdomain(‘catwoman', get_template_directory() . '/languages'); }
- 8. #4 - LesCSS et les JavaScript JAMAIS directement dans header.php ou footer.php Utiliser les hooks dans functions.php ou /inc/ theme-scripts.php WordPress intègre une liste incroyable de scripts de base !
- 9. function cat_css_js() { wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css/bootstrap.min.css', array(), '3.0', 'all' ); wp_enqueue_style( 'bootstrap' ); wp_enqueue_style( 'ntp-style', get_stylesheet_uri(), array('bootstrap'), '2.1', 'all' ); ! wp_register_script( 'bootstrap', get_template_directory_uri().'/inc/js/bootstrap.min.js' ); wp_register_script( 'custom', get_template_directory_uri().'/inc/js/custom-js.js', 'jQuery', '1.0', true ); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'bootstrap', array('jQuery'), '1.0', true ); wp_enqueue_script( 'custom' ); } add_action('wp_enqueue_scripts', 'cat_css_js');
- 10.
- 11. #5 - Leduplicate coding, tu éviteras ! Évite d’obtenir un fichier à rallonge Permet la duplication des boucles Segmente votre code Exemple : <?php get_template_part( 'content', get_post_format() ); ?>
- 12. #5 - Leduplicate coding, tu éviteras ! Créer des fonctions personnelles dans functions.php (ou équivalent) Pratique pour coder plus rapidement Exemple : les zones de métadonnées (date, auteur, catégorie, etc.)
- 13. #6 - wp_head/ wp_footer Présence indispensable dans header.php et footer.php Permet d’injecter les scripts et CSS via les hooks appropriés
- 14. #7 - Dubon usage des requêtes WP_query pour vos requêtes personnalisées get_posts pour retourner des contenus uniquement pre_get_posts pour filtrer avant l’exécution de la boucle query_posts pour modifier une requête existante (à proscrire dans 90% des cas)
- 15. #8 - Lasécurité, tu renforceras ! <?php / Blackhat / if ( !defined('ABSPATH') ) die('Attention aux chats ! Meeeaaaw !'); ?> Merci @woothemes et @thierrypigot !
- 16. #8 - Lasécurité, tu renforceras ! Options All -Indexes ! A coller dans .htaccess pour bloquer l’accès aux répertoires
- 17. #9 - CIYF Wtf? CodexIs Your Friend et GIYF aussi ! Re Wtf ? Google aussi est ton ami rhoo ! ;)
- 18. Rétrocompatiblité IE8 Modèles depages Favicon multi-devices Et puis… HTML5/CSS3 Images retina Page 404 Twitter BootStrap <body <?php body_class(); ?>>
- 19. « Ce que nousvoyons n'est pas le monde réel en fin de compte mais un modèle du monde créé par notre propre cerveau" . » –Déborah Donnier @ddesign_web
- 20.