Si vous n'êtes pas déjà dans l´Éditeur ADI, ouvrez-le depuis le Tableau de Bord de votre site. (Cf : Tutoriel précédent)
Une fois dans l'Éditeur ADI, rendez-vous sur le bouton "Design" accessible directement depuis l'en-tête de l'Éditeur. Passez votre souris dessus et ce menu devrait s'afficher :
Comme toute première option, nous avons le bouton "Thèmes". Lorsque vous cliquez dessus, ce volet devrait apparaître :
Ce volet nous propose donc plusieurs options : vous avez le choix entre personnaliser le design déjà défini ou d'en choisir un nouveau. Cliquez simplement sur le nouveau design général que cous souhaitez pour l'appliquer à l'ensemble de votre site. En cliquant sur "Personnaliser le design", le même menu déroulant s'affichera que celui lors du clic sur le bouton "Design" -> "Thèmes" dans l'en-tête de la page. Vous aurez la possibilité de personnaliser les couleurs, la police et les animations ou de ré-initialiser le thème pour le retrouver par défaut.
Si vous cliquez sur le bouton "Couleurs" dans l'onglet "Design", un nouveau volet devrait s'ouvrir avec la palette de votre site. C'est quoi ? La palette de couleurs et un ensemble de couleurs défini par votre design général de site. Par exemple une page blanche avec un en-tête noir et un texte marron clair. Vous avez la possibilité de changer seulement la couleur de l'ensemble du texte de votre site. Cela vous évitera de sélectionner chaque zone de texte.
Comme vous pouvez le constater, plusieurs palettes vous sont proposées, vous avez la possibilité d'en créer une nouvelle ou d'en modifier une parmi celles recommandées.
La police va aussi avec votre thème principal. C'est quoi la Police de caractère ? Ce sont les paramètres correspondant à la taille de votre texte ou encore la façon dont il est écrit. Si vous modifiez la taille de la police ici, cela affectera l'ensemble de votre site. Si vous souhaitez en revanche modifier la taille seulement d'un texte en particulier, il suffira de le sélectionner et de modifier sa taille directement depuis l'éditeur de section.
Si vous souhaitez ajouter un peu de vivant à votre site, vous avez la possibilité d'ajouter des animations par section. Lors du chargement de votre page, si une section possède une animation, la première fois qu'elle sera affichée à l'écran, la section en question pourra effectuer un mouvement ou apparaître d'une certaine manière que vous pouvez définir.
Si vous cliquez sur le bouton "Animations", ce volet devrait s'ouvrir :
Pour ajouter une animation à une section, sélectionnez-la. En faisant passer votre souris sur les différents types d'animations disponibles un aperçu devrait s'opérer pour vous donner directement le résultat sur les éléments de texte de la section en question. Une fois que vous avez choisi l'animation qui vous convient, cliquez dessus et la petite coche bleue devrait changer de place pour entourer l'animation choisie.
En dessous des animations, vous pouvez voir les transitions de page. C'est quoi ? Ce paramètre permet de définir le style de transition que vous souhaitez mettre entre vos pages. Par défaut il est réglé sur "Nuage". Plusieurs options sont possibles, mais la majeure partie du temps, lorsqu'un paramètre a une valeur par défaut autre que "Aucun", cela signifie que le paramètre choisi est le meilleur pour la plupart des sites. Faites attention car certaines transitions de page ne vont pas avec certains design de site ! Faites un aperçu des transitions de pages avant de publier pour voir le rendu.