10 conseils pour apprendre à concevoir votre thème WordPress de A à Z en partant sur de bonnes bases.
Présentation du 18 janvier 2014 lors du WordCamp Paris.
Bien débuter dans la conception d'un thème WordPress
1. Bien débuter la conception
d’un thème WordPress
Aurélien Denis - WordCamp Paris 2014
@wpchannel
2. Un thème, c’est quoi ?
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
4.
5. #2 - Un
enfant tu
feras !
Les enfants héritent des
parents pour le meilleur et
pour le pire
6. #3 - Speak English, you will
Créer des chaînes de
traductions en anglais du
type <?php _e(‘string’,
‘textdomain’); ?>
Proposer un fichier POT
8. #4 - Les CSS 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 !
11. #5 - Le duplicate 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 - Le duplicate 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 - Du bon 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 - La sécurité, tu
renforceras !
<?php
/ Blackhat
/
if ( !defined('ABSPATH') ) die('Attention aux chats !
Meeeaaaw !');
?>
Merci @woothemes et @thierrypigot !
16. #8 - La sécurité, tu renforceras !
Options All -Indexes
!
A coller dans .htaccess
pour bloquer l’accès aux
répertoires
17. #9 - CIYF
Wtf?
Codex Is Your Friend et
GIYF aussi !
Re Wtf ?
Google aussi est ton ami
rhoo ! ;)
19. « Ce que nous voyons 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