Créer son thème WordPress

C'est pas si compliqué !

WordCamp Marseille 2017

Maxime BERNARD-JACQUET

Entrepreneur Web / Développeur WordPress / Formateur / Organisateur du meetup WP Grenoble

@maximebj

Mes projets

WP Chef

Formations WordPress en ligne pour débutant

DeliPress

Extension de newsletters pour WordPress

Capitaine WP

Formations techniques WordPress pour développeurs et pros

Mes autres projets et contributions : dysign.fr

Themes premium

Sur mesure

PREMIUM

Les +

abordables, pleins de fonctionnalités

Les -

usines à gaz, complexes

SUR MESURE

Les +

plus propre, code maitrisé

Les -

Nécessite des compétences,
plus long à coder

VS

Est-ce que c'est encore utile de faire du sur-mesure ?

Au vu de la forte progression des themes premium genre Divi ou les page builders comme Elementor, on peut se le demander !

Quelle est la répartition de développeurs

Source : http://www.geekpress.fr/infographie-utilisation-de-wordpress-par-la-communaute-francophone/

Du sur mesure pour quels types de projets ?

• Projets complexes qui demandent des développements spécifiques
• Projets avec du budget et du temps
• Projets personnels

On peut aussi faire un mix theme premium + développement sur mesure mais attention !

Pré-requis techniques

Il faut connaitre certaines technologies web :

Quelques sites pour apprendre :
OpenClassRoom, W3school, Code Academy, SitePoint, Mozilla Developer Network (MDN)
 

Ma board veille : https://trello.com/b/IQJn3Jwi/veille

HTML :
CSS :

PHP :

JS :

Le fond, pas trop compliqué à maitriser
La forme, facile à apprendre mais nécessite de la rigueur

Le côté programmation, pas compliqué et WordPress nous mâche le travail

Pas nécessaire mais c'est un plus. Plus ludique avec jQuery

Pour ne pas partir de zéro

Il existe des starter themes comme underscore : underscores.me

Analyser le code des thèmes par défaut

Quelques notions essentielles

Pour créer son thème WP

Où sont les thèmes ?

wp-content/themes/

Le minimum vital

/mon-theme/

    index.php

    style.css

    screenshot.png

    functions.php

En savoir plus : Codex WordPress
https://codex.wordpress.org/Theme_Development

Header & footer

header.php

footer.php

Le template Hierarchy

Quel modèle est chargé en fonction du contexte

(une page, un article...)

Simplifions un peu

Le centre du schéma ne traite seulement des cas ultra spécifiques

Bien souvent on a besoin surtout de :

Page / Article / Liste d'articles
Accueil : page spécifique
 Blog : Liste d'article spécifique

The Loop & Templates Tags

archive.php

Functions.php

Définir les paramètres de son thème

- définir des menus, sidebars

- activer les images à la Une

- charger les styles / scripts

- créer des fonctions spécifiques

Aller plus loin

Concepts WordPress :

- Les Hooks : actions et filtres (hooks & filters)

- Les Custom Post Types : Types de publication personnalisés

Outils complémentaires :

- Les page builders (beaver builder, Elementor)

- Ajouter des champs additionnels avec ACF

Trouver de l'aide

Documentation officielle : codex

Chat Slack WordPress-fr

Groupes facebook  : WordPress Academy

Forum wordpress.org

Forum WordPress Francophone

Stack Overflow

Blogs :

GeekPress, WPMarmite, WPformation, WPChannel, SEOMix, Wabeo...

Envie d'apprendre ?

Avec Capitaine WP vous pouvez apprendre les bases de la création de thème.

Les cours seront disponibles gratuitement sur capitaineWP.io dès octobre.

Suivez-moi sur twitter : @maximebj !

Merci !

Des questions ?

Twitter @maximebj

Mes projets : dysign.fr