Avada Builder Intégration

Avada est un fabuleux builder pour composer vos pages WordPress. Ce dernier vous permet de créer vos pages de manière visuelle.

Cependant avant de vous lancer dans l’intégration, il faut configurer le builder Avada proprement. Voici les étapes importantes à respecter lorsque que l’on intègre une charte graphique.

Lorsque votre navigateur web affiche une page, celui-ci calcule le rendu visuel avec vos styles css. Moins vous avez de styles css, plus le rendu de votre page sera rapide à calculer et à afficher. Vous gagnerez ainsi de précieux points sur le test de Google Page Speed Insight. De plus, si vous souhaitez modifier en une fois toutes les typographies pour un élément comme le titre H1, vous n’aurez qu’à modifier le paramètre global correspondant au lieu d’aller modifier chaque page, chaque article que vous aurez créé. Extrêmement pratique et rapide !

La première étape à effectuer est la paramétrage des options générales concernant les couleurs. Créez autant de couleurs que votre charte graphique en comporte. Nommer les correctement pour les appliquer plus facilement à vos textes.

Il faut désormais configurer tous les styles concernant les balises Hn (titres) qui composeront vos pages. Avada par défaut livre 5 typographies globales, cependant il est fort recommandé de les renommer avec les titres H1, H2… Body, et Small.
A chaque fois que vous avez une nouvelle typographie à intégrer penser à l’ajouter dans cet écran d’options.

Dès lors que vos globales typographies sont créés, vous pouvez les appliquer à vos typographies d’entête en cliquant sur l’icône global typography.

Faite de même pour cette option qui permet de définir le style de tous les textes normaux (paragraphes)

Voilà c’est fait ! vous pouvez commencer à intégrer sereinement vos pages tout en appliquant pour chaque texte le configuration que vous venez de définir.