Sélectionner une page


Personnalisez la mise en page et la typographie de votre site Web

Pour personnaliser la mise en page et la typographie de votre site Web, vous devez d’abord vous rendre dans le personnalisateur de thème en cliquant sur Divi> Personnalisateur de thème Lien dans votre tableau de bord WordPress. Cela lancera le personnalisateur. Ensuite, regardez dans la zone Paramètres généraux. Cliquez sur le panneau de configuration pour ouvrir les paramètres appropriés et commencer la personnalisation. Dans la zone Paramètres généraux, vous verrez trois sections: Paramètres de mise en page, Typographie et Arrière-plan.

image de la documentation

Paramètres de mise en page

Vous pouvez utiliser le panneau Disposition pour personnaliser différentes options de taille et d’espacement pour votre site Web. Ici, vous pouvez augmenter ou réduire l’espace entre les colonnes, les lignes et les sections et ajuster la taille de votre barre latérale. Dans cette zone, vous pouvez également activer le mode « Mise en page en boîte ».

image de la documentation

ACTIVER LA DISPOSITION EN BOÎTE

C’est ici que vous pouvez changer votre site en une mise en page qui encadre le contenu de votre site et affiche un arrière-plan qui peut être personnalisé.

LARGEUR DU CONTENU DU SITE

Ici, vous pouvez définir la largeur maximale de votre zone de contenu. Étant donné que votre contenu est dans une mise en page réactive, il sera mis à l’échelle à des tailles plus petites, mais pas plus larges que la largeur maximale définie ici.
La valeur par défaut est 1080px. C’est une bonne largeur pour la plupart des ordinateurs portables et ordinateurs de bureau standard.

LARGEUR DE LA GOUTTIÈRE DU SITE WEB

La largeur de la gouttière correspond à la distance horizontale (marge) entre les colonnes de chaque rangée.

Les valeurs facultatives pour la largeur de canal vont de 1 à 4.

1 représente l’espacement nul entre les colonnes.
2 représente une marge droite de 3% entre les colonnes.
3 représente une marge droite de 5,5% entre les colonnes.
4 représente une marge droite de 8% entre les colonnes.

UTILISEZ LA LARGEUR DE BARRE LATÉRALE PERSONNALISÉE

Cela définit la largeur de la barre latérale par défaut pour votre thème. Cela s’applique à toutes les pages de votre sujet qui ont une barre latérale et qui n’ont pas été créées avec le Divi Builder.

SECTION ET HAUTEUR DE RANGÉE

Ces options ajustent l’espacement vertical (remplissage supérieur et inférieur) pour chaque section et ligne.

COULEUR D’ACCENT DU SUJET

Avant de changer les couleurs de vos autres éléments, c’est une bonne idée de changer cela en premier. Une fois que vous l’avez modifié, enregistrez et publiez vos paramètres et actualisez votre page. Désormais, la couleur d’accentuation du sujet mise à jour doit avoir d’autres éléments automatiquement remplis.

typographie

Dans la zone de typographie, vous pouvez personnaliser l’apparence standard du texte sur l’ensemble de votre site Web. Vous pouvez ajuster la taille de vos polices de corps et d’en-tête, qui apparaissent proportionnellement à toutes les zones du site. Vous pouvez personnaliser leurs couleurs ainsi que la hauteur des lignes, l’espacement des lettres et les styles de police. Enfin, vous pouvez également choisir parmi des dizaines de polices à appliquer à chacune.

image de la documentation

TAILLE DU TEXTE DU CORPS

Cela modifiera le texte par défaut de votre sujet. La taille standard est de 14 px.

HAUTEUR DE LA LIGNE DU CORPS

La hauteur de ligne de chaque ligne de texte.

TAILLE DU TEXTE EN-TÊTE

Avec Divi, vous pouvez définir ici votre taille de texte d’en-tête par défaut. Cela affecte les éléments de Divi tels que le titre du module d’en-tête pleine largeur.

ESPACEMENT DES LETTRES EN-TÊTE

L’espacement des lettres ajuste l’espacement horizontal entre les lettres. La valeur de l’espacement des en-têtes affecte tous les niveaux d’en-tête (h1, h2, h3, h4, h5, h6), les citations de bloc et les titres des diapositives.

HAUTEUR DE LA LIGNE DE TÊTE

Tout comme la valeur d’espacement des lettres, la valeur de hauteur d’en-tête affecte tous les niveaux d’en-tête (h1, h2, h3, h4, h5, h6), les citations de bloc et les titres des diapositives. En raison de la taille de police plus grande, 1em est le paramètre par défaut.

STYLE DE POLICE EN-TÊTE

Utilisez ces options pour modifier le style de police de vos en-têtes.

EN-TÊTE ET POLICE DU CORPS

La police par défaut dans Divi est Open Sans, mais le Divi Theme Customizer a près d’une centaine de polices au choix! Tirez parti de ces polices intégrées et testez celles qui conviennent le mieux à votre sujet.

COULEUR DU BODY LINK

La couleur du lien du corps est héritée de la couleur d’accentuation de votre thème. Mais vous pouvez toujours le changer ici.

COULEUR DU TEXTE DU CORPS

Ici, vous pouvez changer la couleur de votre corps de texte.

COULEUR DU TEXTE D’EN-TÊTE

Ici, vous pouvez changer la couleur de vos en-têtes.

Contexte

Dans la fenêtre d’arrière-plan, vous pouvez ajuster la couleur d’arrière-plan de votre thème, télécharger une image d’arrière-plan personnalisée et ajuster sa position sur la page. Les images et les couleurs d’arrière-plan fonctionnent très bien lorsqu’elles sont combinées avec le paramètre Mise en page en boîte dans le panneau Mise en page mentionné précédemment.

image de la documentation





Source link

Recent Posts