1. Tour d’horizon – à quoi sert le constructeur de thème d’Elementor ?
Précédemment, vous avez vu comment utiliser le constructeur de pages Elementor. Vous avez normalement créé une landing page simple, en utilisant les fonctions gratuites d’Elementor.
Comme vous le verrez dans un autre TP, la version pro d’Elementor débloque pas mal de choses, dont une en particulière que vous allez voir aujourd’hui : le constructeur de thèmes.
Qu’est-ce que le constructeur de thème proposé par Elementor ?
Le constructeur de thèmes est un module qui permet de surcharger les templates des fichiers modèles qui sont à la base de la construction d’un thème WordPress, sans avoir besoin de passer par un thème enfant.
Il vous permet donc, sans avoir aucune compétence en PHP, de créer les différents fichiers templates qui mettront automatiquement en forme les contenus que vous enregistrez depuis le back office.
Que sont les templates utilisés par un thème WordPress ?
Nativement, WordPress génère ses pages en assemblant plusieurs parties. Ainsi, si on analyse la structure de cette page :
… En “coulisses”, WordPress assemble en fait plusieurs éléments qui sont les parties du template (ou “template parts”) :
Dans cet exemple, les “template parts” utilisés sont :
- L’en-tête qui se répète sur l’ensemble des pages du site (header.php)
- Le corps de la page d’accueil (soit index.php – constitué de content.php et sidebar.php)
- Le pied de page qui se répétera sur l’ensemble des pages du site (footer.php)
Un développeur PHP qui souhaite créer son propre thème utilise donc cette logique d’assemblages de blocs pour créer les différents fichiers de son thème.
Le document index.php, réalisé par un développeur, ressemblerait donc à ça :
Le rôle d’Elementor dans la construction de thème
Comme beaucoup d’outils No Code à la mode en ce moment, Elementor offre donc une interface beaucoup plus simple pour gérer ces différents “templates parts”, et permet de générer son thème sans avoir coder une seule ligne.
Attention cependant : Elementor ne génère par un nouveau thème en créant ou modifiant des fichiers du thème que vous avez installé : il en génère de nouveaux “par dessus” le thème en place ! C’est ce qu’on appelle une surcharge, ou “override” en anglais.
Vous avez vu comment générer des pages individuelles avec les fonctions basiques offertes par la version gratuite d’Elementor. Si vous avez un petit site d’une dizaine de pages, vous pouvez vous en contenter. Il suffit d’enregistrer des modèles, que vous pouvez appeler d’une page à l’autre.
Mais la limite est la suivante : en cas de modification d’information – par exemple du n° de téléphone dans le pied de page du site – vous devrez revenir sur chaque page au cas par cas pour effectuer la modification !
Sur un petit site, ça se fait rapidement. Par contre si votre site contient 200 pages (par exemple – un e-commerce…), ça peut vite devenir complexe à gérer !
C’est là que l’utilité du constructeur de page d’Elementor Pro va se faire sentir : comme vous allez travailler sur les parties qui constituent le thème du site, vous n’aurez que quelques pages à modifier pour qu’elles s’appliquent à l’ensemble de votre site.