Comme nous l’avons vu précédemment, une des grandes forces de WordPress est de disposer de milliers de composants permettant de réaliser différents types de projets. La première chose à faire est donc de choisir les composants adaptés à notre projet.
Utilisez un thème WordPress
Le thème est peut-être le composant le plus important de votre site WordPress. C’est lui qui va définir l’apparence de votre site, les options de personnalisation du design et la compatibilité avec certaines fonctionnalités (e-commerce, etc.). Tout cela grâce à de nombreux templates disponibles dans le thème.
Ces templates vont définir comment sont affichées et quelles sont les options disponibles pour :
l’en-tête (header) contenant en général les logo, menu principal, barre de recherche, etc. ;
le contenu lui-même avec des templates différents pour les articles, les pages, mais aussi les produits si vous créez un site e-commerce ;
le pied de page (footer) avec le menu de bas de page, les liens légaux (mentions légales, politique de confidentialité), etc. ;
les barres latérales souvent présentes sur les blogs ou les boutiques e-commerce, et présentant souvent des modules de filtre, de publicité ou de réseaux sociaux.
En bref, le thème va servir à configurer la structure et l’apparence de votre site, c’est un peu la colonne vertébrale de ce dernier.
Utilisez un page builder
Un page builder (constructeur de pages) est un composant WordPress permettant de créer des pages au design avancé en “drag-and-drop” (glisser-déposer), et souvent en “front-end editing”, c’est-à-dire que vous voyez directement les modifications sur la page telle qu’elle se présentera aux visiteurs.
Il dispose d’une bibliothèque de blocs et de widgets (colonnes, slider, carrousel, bloc titre, bouton, etc.) et facilite la construction de pages complexes sans avoir à coder en HTML/CSS/JS. Nous recommandons d’utiliser des page builders reconnus et disposant de versions gratuites disponibles sur la bibliothèque WordPress.org.
Voici quelques très bons page builders :
Beaver Builder, autant orienté non développeurs que développeurs
Divi Builder, très riche en fonctionnalités dans sa version payante
Elementor, plutôt orienté “conception visuelle” et disposant d’une bibliothèque de composants riche, même en version gratuite. C’est celui que nous utiliserons dans ce cours.
![Nous pouvons voir un exemple de page builder avec Elementor](https://course.oc-static.com/courses/8266636/P3C2-a.png)
Découvrez les différents types de thèmes WordPress
Il existe de très nombreux types de thèmes. Voici quelques axes de catégorisation pour essayer d’y voir plus clair.
Le premier axe de catégorisation des thèmes concerne… le porte-monnaie !
On distingue 3 familles de thèmes :
Gratuit | Le thème est entièrement gratuit et peut en général être installé directement depuis Apparence >> Thèmes >> Ajouter. |
Freemium | Le thème est gratuit et peut être installé également via l’administration, mais dispose soit d’une version payante avec plus d’options, soit de composants additionnels payants permettant d’étendre les fonctionnalités. Heureusement, certains d’entre eux sont très complets en version gratuite, nous allons le vérifier juste après. |
Premium | Il s’agit de thèmes payants. Ils ne sont pas disponibles via la bibliothèque WordPress.org, mais via des boutiques ou des marketplaces dédiées. La plus connue est Themeforest qui regroupe 10.000 thèmes premium ! La qualité de ces thèmes est très variable, et il vaut mieux vérifier les points importants que nous allons évoquer, avant d’en acheter un. |
Le second axe de catégorisation concerne la destination du thème, c’est-à-dire le type d’utilisation auquel il est destiné.
Starter themes | Il s’agit de thèmes neutres et minimalistes, en général destinés à des développeurs pour qu’ils les déclinent afin de construire leur propre thème sur cette base. On peut citer quelques-uns des plus connus : Genesis Framework, Underscores... |
Thèmes spécialisés | Ils représentent la majorité des thèmes, ciblant principalement les blogs, mais couvrant tous types de sites : sites immobiliers, sites de petites annonces, sites e-commerce, marketplaces, portfolios, etc. Ces thèmes permettent de créer très rapidement des sites complexes entièrement fonctionnels, mais ils sont souvent lourds et il est en général compliqué de les faire évoluer ou de mettre en place des personnalisations poussées. |
Thèmes multipurpose | Ce sont des thèmes qui autrefois embarquaient un page builder “maison” assez lourd et non optimisé. Ces thèmes sont désormais très complets, polyvalents et flexibles afin de s’adapter à de nombreux domaines d’activité différents. Ils sont compatibles avec les builders connus comme Elementor ou Beaver Builder. On citera en particulier OceanWP (notre favori) et Astra. |
Pourquoi ne pas utiliser un page builder “maison” intégré à un thème ?
De nombreux thèmes premium (Avada, Enfold, etc.) proposent des page builders intégrés et indissociables du thème. Le problème avec ces thèmes est que vous vous retrouverez alors coincé (on parle de user lock-in, en anglais) ! Si vous décidez de changer de thème, ou si le thème n’est plus mis à jour par le développeur, il vous faudra recréer toutes vos pages avec un autre builder. Préférez toujours un thème donnant la possibilité d’utiliser un page builder indépendant.
Apprenez à bien choisir votre thème WordPress
En fonction du projet, il peut être préférable de partir sur l’un ou l’autre de ces types de thèmes, mais dans tous les cas, il faut vérifier certains aspects essentiels avant de vous lancer.
La dernière date de mise à jour
Si un thème n’est plus mis à jour depuis plus de 6 mois, c’est inquiétant. Il est peut-être abandonné par son développeur, et vous risquez de rencontrer des incompatibilités lors des mises à jour de WordPress ou de vos plugins (WooCommerce…) dans le futur.
Les notes et commentaires
C’est évident, mais quasiment toutes les bibliothèques de thèmes proposent des systèmes de notes et de commentaires. Explorez rapidement ces derniers pour vérifier que les utilisateurs ne rencontrent pas de difficultés particulières !
La notoriété
Plus un thème est utilisé, plus il y a de chances qu’il ait des qualités, qu’il soit régulièrement maintenu, etc. Mais attention, les thèmes à éviter (surchargés d’options bling-bling, etc.) sont souvent très populaires aussi !
La rapidité de chargement
Un thème générant des pages trop lourdes à charger va pénaliser l’expérience de vos visiteurs et votre SEO. De plus en plus de thèmes offrent maintenant la possibilité de désactiver les fonctionnalités non utilisées pour accélérer le chargement des pages.
L’aspect multilingue
Lorsque l’on a besoin d’un site international en plusieurs langues, rien de pire que de commencer à travailler sur un thème et de s’apercevoir ensuite qu’il n’est pas conçu pour être traduit.
Le support
L’existence d’une bonne documentation et la réactivité du support sont des aspects très importants lorsque l’on fait face à une difficulté avec un thème. Vérifiez s’il existe une documentation bien faite et une zone de support, et si les développeurs répondent rapidement ou non !
La source
Évitez de télécharger un thème sur un site inconnu trouvé au hasard du web. Privilégiez les thèmes disponibles sur la bibliothèque officielle WordPress.org, ou sur des boutiques ou marketplaces de référence (Themeforest, Elegant Themes, etc.).
Les thèmes “nulled” (initialement premium, mais proposés gratuitement sur des sites “pirates”) sont à éviter à tout prix, ils regorgent de malwares (logiciels malveillants) et mettront en péril la sécurité de votre site !
La qualité du design, la flexibilité et les fonctionnalités
Cela semble évident, mais vérifiez que le design soit de qualité. Privilégiez les designs au rendu propre et minimaliste aux designs tape-à-l’œil qui seront plus difficilement personnalisables, et risqueront de rendre beaucoup moins bien dès que vous commencerez à ajouter votre propre contenu. Vérifiez bien que le thème dispose de suffisamment d’options de personnalisation (dans le customizer ou pour la création de menu, par exemple) pour ne pas vous obliger à passer par des CSS personnalisés si vous ne maîtrisez pas le CSS.
Enfin, vérifiez sa compatibilité avec les plugins que vous prévoyez d’utiliser (WooCommerce pour de l’e-commerce, BuddyPress pour du collaboratif, etc.).
Pour notre projet, nous allons créer un site vitrine simple. Nous ne voulons pas coder et allons par conséquent utiliser un page builder. Nous allons donc privilégier un thème “multipurpose” flexible et compatible avec le page builder choisi, Elementor.
Nous allons prendre le thème OceanWP qui répond à l’ensemble de ces critères et qui est en plus créé par un Français.
En résumé
Le thème permet de définir l’apparence des zones non éditables de votre site (en-tête, pied de page, zones de commentaires, colonne latérale, etc.).
Le page builder n’est pas indispensable mais permet de créer des mises en page complexes pour vos contenus, sans avoir à coder.
Il existe différents types de thèmes, certains spécialisés (par exemple pour le e-commerce), d’autres généralistes (multipurpose), d’autres plutôt conçus pour les développeurs (starter themes).
Plusieurs critères sont à vérifier avant de choisir un thème, comme la régularité des mises à jour, les notes et commentaires clients, le support multilingue ou encore la rapidité de chargement.
Maintenant que nous avons choisi nos composants, nous pouvons nous mettre au travail !