Dans le cadre de l’apprentissage des builders de WordPress, j’ai eu pour mission d’élaborer un site avec les outils du thème DIVI.
J’ai choisi d’imaginer un site pour un organisme (fictif) de défense de l’environnement nommé TerraMater.

A l’aide des modules Divi j’ai compartimenté l’architecture du site en containers lignes et colonnes dans lesquels j’ai établi mon contenu.

J’ai utilisé le Thème Builder de Divi pour créer une barre de navigation et un footer.
J’ai utilisé l’onglet Avancé des Paramètres de la barre de navigation pour insérer du CSS, et rendre sa position fixe. 

De façon générale le style de chaque module a été établi via la fonction Paramètres soit avec les options embarquées de Divi, soit avec du CSS additionnel.

Néanmoins j’ai utilisé la feuille de style disponible dans le ‘Personnaliseur de Thème’ de Divi pour modifier l’apparence des boutons des formulaires de contact.
J’ai repéré avec l’inspecteur du navigateur la classe du conteneur de  chaque bouton, et j’ai visé cette classe dans la fenêtre CSS additionnel.

J’ai également utilisé la fonction de ‘responsivité’ présente dans chaque module de Divi pour vérifier et adapter l’apparence de la page sur un téléphone mobile ou une tablette.