En complément de la formation Divi qui vous permet d’apprendre à créer les pages de votre site Web, voici un petit exercice que vous pouvez pratiquer sur votre propre site WordPress.
Il consiste à prendre, d’un côté, un template Divi, d’un autre côté, un brief pour un site Web, et à mixer les deux pour créer une nouvelle page Web.
Tuto vidéo sur l’utilisation des templates Divi
C’est en trois parties, que voici :
Création d’une page Web
Lorsqu’on veut créer une page sur un site Web, techniquement, deux choix s’offrent à nous :
- La programmer en HTML, CSS, Javascript, et souvent un language pour traiter les données comme PHP avec une base de données
- Ou utiliser des outils qui vont faire cela à notre place, comme WordPress utilisé en adéquation avec le page builder Divi.
Conception d’une page Web
Du côté de la conception, une page Web doit répondre à de nombreux critères : le contenu, son organisation, les types de médias, le SEO, les liens, les performances de la page, son design, etc.
Si on met de côté ces critères de conception pour se concentrer sur la création technique, que l’on crée la page avec du code ou avec des outils, il y a à nouveau deux solutions :
- On part de zéro
- Ou on part d’un modèle
Si on travaille à partir d’un modèle, il a été idéalement conçu spécifiquement pour l’activité et pour le site concerné. Cependant, il existe des modèles génériques, qui ont leurs avantages et leurs inconvénients.
Les templates Divi
Ces gabarits sont souvent appelés des « templates ». Il existe des templates de sites Web complets, et des templates de page, comme des templates de landing page, de page contact, de page produit.
Le thème WordPress Divi, qui contient un page builder (constructeur visuel de page), propose gratuitement des templates de pages, et de nouveaux sont ajoutés régulièrement. Ces modèles sont déjà directement intégrés dans Divi, et on peut les importer en un clic.
Trop rapide, trop facile ?
Dans les vidéos ci-dessus, sur un exemple de site Divi, je vous montre comment importer ces templates Divi, et comment les manipuler, avec un exercice commun : adapter une template à autre chose que ce à quoi elle était prévue au départ.
Attention, dans ce court atelier, vous allez apprendre à créer une page Web jolie et bien organisée rapidement et facilement. Toutefois, ce n’est pas la méthode recommandée pour créer un site Web professionnel rentable, cela nécessitera bien sûr plus de travail. Mais cet exercice est un très bon début pour vous familiariser avec une page WordPress construite avec Divi.
0 commentaires