Guide WordPress : Créer une section de services

Comment créer une section de services dans WordPress avec Elementor

Introduction

La section de services va permettre de mettre en avant plusieurs type de contenus différents. On peut mettre des fiches d’articles, de services ou tout simplement d’informations diverses. Après ce guide et en suivant « Guide WordPress : Création d’une vignette » vous serez en capacité de tout faire vous même !

section services wordpress
Exemple de présentation des services

Les outils nécessaires 

  • WordPress : L’outil principal pour créer votre site
  • Elementor (gratuit) : Un outil super pour la création facile de pages et de construction par blocs et de modèles.
  • Vos vignettes déjà créées.

Étape par étape : la création d'une section de services

Ajouter le conteneur principal

Dans la barre à gauche, sélectionner un Conteneur et le glisser sur la page. Ensuite sélectionner une Direction de l’élément en Colonne – verticale.

ajouter un élément flexbox wordpress
Glisser un conteneur vers le constructeur de page
direction verticale élément wordpress
Choisir la direction de l'élément

Ajouter un titre

Ajouter le titre de section H2 généralement depuis la barre latérale de gauche. Le style du titre est complètement à votre guise. Parfois on peut en voir des centrés, et d’autre fois non. Il n’y a pas de règle.

ajouter un élément titre wordpress
Glisser un élément de type titre

Ajouter un éditeur de texte

De la même manière que le titre, ajouter un élément Éditeur de texte sous le titre. Il servira à décrire de manière globale ce qui sera présenté ensuite. Le centrer n’est pas obligatoire c’est un choix comme un autre.

ajouter un élément éditeur de texte wordpress
Glisser un élément de type Éditeur de texte sous le titre

Ajouter le conteneur de vos services​

Sous la description il va falloir ajouter un conteneur qui contiendra la liste des services. La direction de celui-ci sera Ligne – Horizontale afin que les vignettes des services soient alignées correctement.

wordpress ajouter un conteneur
Glisser le conteneur sous la description
wordpress direction horizontale element
Définir la direction du conteneur à Horizontale

Importer les vignettes de services

Il ne reste plus qu’à importer les vignettes des services. Pour savoir comment les créer vous pouvez lire le guide de création des vignettes précisé en introduction. Il va falloir aller chercher le modèle de ces vignettes depuis l’icone d’importation en bas de l’éditeur, puis copier/coller ce modèle autant de fois que voulu dans le dernier conteneur ajouté.

importer un modèle wordpress
Importer un modèle
wordpress importer un modèle
Insérer le modèle
wordpress coller un modèle
Coller le modèle dans le conteneur

Conclusion : Une section de services WordPress réutilisable

Avec ce guide et celui de création de vignette, vous serez en mesure de faire une présentation de vos services sur un alignement horizontal. Ne vous reste plus qu’à ajouter votre style personnalisé afin que cette section ressemble à l’ensemble de votre site web.

Tutoriel en vidéo Youtube

Il vous sera plus facile de suivre le tutoriel avec la vidéo à vos cotés. Vous pouvez aussi voir les autres guides pour votre création de site sous WordPress.