Avant de se lancer dans une mise en page pour ton site avec le thème Divi, il va falloir configurer les options de Divi. C’est ce que je te propose de faire en passant en revue les différentes options de l’onglet général.

Les options générales du thème Divi

Ces options se trouvent dans le menu Divi -> Options du thème.

Voici les options que l’on peut paramétrer dans l’onglet général :

Logo

Clique sur mettre en ligne pour envoyer ton logo sur le serveur. Je te conseille de choisir une image de taille raisonnable pour ne pas encombrer ta barre de menu. Néanmoins, tu pourras ajuster sa taille dans le personnaliseur de thème.

Favicon

Même chose que pour le logo, tu pourras envoyer le favicon sur le serveur.

Pour rappel, une favicon est une icône informatique symbolisant un site web. Ces icônes sont créées et/ou utilisées par les concepteurs des sites internet. Les navigateurs web peuvent utiliser la favicon dans la barre d’adresse, les signets, les onglets ou encore les autres raccourcis.

Tu pourras utiliser l’outil favicon.cc pour créer ton favicon.

Barre de navigation fixe

En activant cette option, ta barre de navigation restera en haut de la page même si tu défiles ta page verticalement.

Activer la galerie Divi

Active cette option si tu veux remplacer la galerie WordPress par défaut par la galerie avec le style Divi.

Si tu préfères utiliser un plugin de galerie, dans ce cas tu devrais désactiver cette option.

Palette par défaut de sélectionneurs de couleurs

Cette option est plutôt intéressante. En fonction de la charte graphique, tu utiliseras toujours les mêmes couleurs pour ton site. Il suffit de les paramétrer ici pour les avoir sous la main dans le personnaliseur de thème par exemple. Plus besoin de faire un copier / coller des valeurs RVB ou hexadécimales pour récupérer une couleur.

Saisir la première image de l’article

Pour illustrer ton article, cette option permettra de récupérer la première image trouvée dans ton article. Si au contraire tu as l’habitude d’ajouter « une image à la une », alors tu pourras laisser cette option désactivée.

Mode style de blog

Par défaut, Divi crée des extraits de tes articles pour en faire des aperçus. Si tu souhaites montrer les articles dans leur intégralité, active cette fonction.

Sidebar Layout, Gabarit boutique & modèle de page pour WooCommerce

Choisi ici le modèle de page que tu souhaites pour afficher la barre latérale. Tu pourras la placer à droite ou à gauche. Tu peux sélectionner « fullwidth » (pleine largeur) si tu souhaites ne pas avoir de barre latérale.

Clé API de Google

Tu auras besoin d’une clé API Google Maps si tu souhaites utiliser correctement le module « Carte » de Divi. Je te renvoie sur la documentation en ligne du module « carte » si tu souhaites en savoir plus pour créer une clé API Google.

Script de Google Maps mis en file d’attente

Cette option permet d’améliorer les performances du site si tu utilises le module Google Maps.

Use Google Fonts

Tu peux désactiver cette option si tu ne souhaites pas utiliser des polices de Google.

Afficher les icônes des réseaux sociaux et RSS

Active ou désactive l’affichage des icônes dans le pied de page du site.

Url des réseaux sociaux et flux RSS

Renseigne ici les adresses de tes profils ou pages de réseaux sociaux et/ou de ton flux RSS (généralement sous la forme : http://www.tonsite.com/feed/).

Nombre d’articles affichés sur une page

Les champs suivants concernent l’affichage du nombre d’articles dans une page catégorie, archive, recherche et tags.

Tu peux également préciser le nombre de produits que tu souhaites afficher sur une page si tu as installé WooCommerce.

Format de date

Par défaut, le format est probablement anglophone sous la forme M j,Y. Je te recommande de l’écrire sous cette forme « j F Y » si tu souhaites un affichage de la date en français.

Tu peux te référer au codex si tu souhaites afficher la date d’une autre manière.

Utiliser des extraits quand définis

Active cette option si tu souhaites saisir un extrait personnalisé dans le champ prévu à cet effet lors de la rédaction d’un article.

Shortcodes réactifs

Cette option permet d’afficher les éléments de shortcodes de manière responsive, qui s’adaptent aux différentes tailles d’écran.

Sous-ensembles Google Fonts

Active Google Fonts pour d’autres langues que l’anglais.

Bouton retour en haut de page

Ajoute un bouton situé en bas à droite de la page et permet de remonter rapidement en haut de page.

Défilement fluide

Active cette option pour obtenir un défilement fluide avec la molette de la souris.

Désactiver les traductions

En activant cette option, tu remettras Divi en anglais aussi bien en back office qu’en front office.

Minify And Combine Javascript Files

Cette option permet de supprimer les espaces et les sauts de lignes des fichiers Javascript. Cela permet d’alléger les fichiers et donc d’améliorer le chargement des pages du site.

Minify And Combine CSS Files

Même chose que ci-dessus, mais pour les fichiers CSS.

Personnaliser CSS

Ce dernier champ est réservé aux connaisseurs… Il permet de personnaliser le site en ajoutant du code CSS.

Nous avons fait le tour des options générales de Divi. Je pense que tu laisseras le réglage de la plupart des options par défaut. Néanmoins, le plus important était d’ajouter un logo, de régler la palette de couleur et d’ajouter les liens des différents réseaux sociaux.

 

Curabitur risus. fringilla efficitur. Sed pulvinar
Share This