Want to make creations as awesome as this one?
Register now
Report content

Personnalisation Chapitre 4

More creations to inspire you

FOOD 1

Presentation

COUNTRIES LESSON 5 GROUP 7/8

Presentation

BLENDED PEDAGOGUE

Presentation

WORLD WILDLIFE DAY

Presentation

FOOD AND NUTRITION

Presentation

2021 TRENDING COLORS

Presentation

HISTORY OF THE CIRCUS

Presentation

Discover more incredible creations here

Transcript

PERSONNALISATION

CHAPITRE 4 : PARAMÈTRE DE MISE EN PAGE

ET DE TYPOGRAPHIE

MODULE 8

PARAMÈTRE DE MISE EN PAGE ET DE TYPOGRAPHIE

https://montereypremier.com/store/multiple-page-child-themes/ref/68/

Le magasin Premier Monterey possède un arsenal varié de thèmes enfant Divi. De Basic à Advanced Divi enfants thèmes, ces gars ont une grande sélection de thèmes qui sont sûrs d'aider vos sites Web ont besoin.

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

Pour commencer à personnaliser la mise en page et la typographie de votre site Web, vous devez d'abord entrer dans le Customizer Thème en cliquant sur le lien Divi > Customizer dans votre tableau de bord WordPress.

Ceci lancera le customizer. Recherchez ensuite le panneau "Paramètres généraux".

Cliquez sur le panneau pour ouvrir les paramètres appropriés et commencer la personnalisation. Dans le panneau Paramètres généraux, vous remarquerez trois sections: Paramètres de disposition, Typographie et Arrière-plan.


Paramètres de disposition

Le panneau de disposition est l'endroit où vous pouvez ajuster les différentes options de taille et d'espacement pour votre site Web.


Vous pouvez augmenter ou réduire l'espacement entre les colonnes, les lignes et les sections et ajuster la taille de votre sidebar. Vous pouvez également activer le mode "Boxed Layout" à partir de ce panneau.

ACTIVER LA MISE EN BOÎTE

LARGEUR DU CONTENU DU SITE WEB

LARGEUR DE GOUTTIÈRE DU SITE WEB

Ici, vous pouvez changer votre site en une mise en page de boîte qui encadre le contenu de votre site et expose un arrière-plan qui peut être personnalisé.

C'est ici que vous pouvez définir la largeur maximale de votre section de contenu. Puisque votre contenu est sur une mise en page réactive, il s'adaptera à des formats plus petits mais ne s'étendra pas au-delà de 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 de bureau standard.

La largeur de la gouttière correspond à l'espace horizontal (marge) entre les colonnes de chaque rangée.


Les valeurs disponibles en option pour la largeur de gouttière vont de 1 à 4.


  • représente la marge zéro entre les colonnes
  • représente une marge de 3% à droite 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



UTILISER LA LARGEUR DE LA BARRE LATÉRALE PERSONNALISÉE

SECTION ET HAUTEUR DES RANGS

THÈME ACCENT COULEUR

Ceci définit la largeur de la barre latérale par défaut pour votre thème. Ceci s'applique à toutes les pages de votre thème qui ont une barre latérale et qui ne sont pas construites à l'aide du Divi Builder.

Ces options permettent de régler l'espacement vertical (rembourrage supérieur et inférieur) pour chaque section et chaque rangée.

Avant de commencer à changer les couleurs pour vos autres éléments, vous devez d'abord changer ceci.


Une fois que vous l'avez modifié, enregistrez et publiez vos paramètres et actualisez votre page.


Maintenant, le thème Accent Color mis à jour devrait avoir rempli d'autres éléments automatiquement.


Typographie

Le panneau de typographie vous permet d'ajuster l'apparence par défaut du texte sur l'ensemble de votre site Web.

Vous pouvez ajuster la taille de votre police de corps et des polices d'en-tête, qui seront reflétés dans toutes les zones du site proportionnellement.

Vous pouvez régler leurs couleurs ainsi que la hauteur des lignes, l'espacement des lettres et

les styles de police. Enfin, vous pouvez également choisir entre des dizaines de polices à appliquer à chacune d'entre elles.

Ceci change le corps du texte par défaut de votre thème. La taille par défaut est 14px.

BODY TEXT SIZE

HAUTEUR DE LIGNE DU CORPS

TAILLE DU TEXTE D'EN-TÊTE

ESPACEMENT DES LETTRES D'EN-TÊTE

La hauteur de ligne de chaque ligne de texte.

Divi vous permet de définir ici la taille du texte d'en-tête par défaut. Ceci affecte les éléments de Divi comme les titres des modules d'en-tête pleine largeur.

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

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

HAUTEUR DE LA LIGNE D'EN-TÊTE

STYLE DE POLICE D'EN-TÊTE

EN-TÊTE ET POLICE CORPS

COULEUR DU LIEN DE CORPS

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

La police par défaut dans Divi est Open Sans, mais le Divi Theme Customizer a presque une centaine de polices à choisir !
Profitez de ces polices intégrées et testez celles qui conviennent le mieux à votre thème.

La couleur du lien de corps est héritée par votre thème accent couleur.
Mais vous pouvez toujours le changer ici.

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

COULEUR DU CORPS DU TEXTE

COULEUR DU TEXTE D'EN-TÊTE

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

Contexte

Le panneau d'arrière-plan vous permet d'ajuster la couleur de fond de votre thème, ainsi que de télécharger une image d'arrière-plan personnalisée et d'ajuster son positionnement sur la page.

Les images et les couleurs d'arrière-plan fonctionnent à merveille lorsqu'elles sont associées au réglage de la mise en page Boxed Layout du panneau Layouts mentionné plus haut.

MERCI