Bienvenue de retour.
Maintenant que je vous ai montré
une brève introduction à l'interface utilisateur d'Elementor.
Examinons les variables globales et comment définir
les types de familles de polices que vous souhaitez utiliser,
les couleurs, etc.
Maintenant, sur la même interface utilisateur ici,
vous allez sur le bouton Menu ici,
puis accédez aux paramètres de votre site.
C'est vrai ? Maintenant, voici le mince.
Nous pourrions définir des couleurs globales,
couleurs qui peuvent être utilisées sur l'ensemble
de notre site Web pour ce faire,
cliquer sur les couleurs globales.
Maintenant, ce serait la clause par défaut selon laquelle vous
auriez un bleu,
gris foncé, un gris clair, puis un citron vert.
Donc ce serait pour votre tête principale
votre tête fait vos en-têtes secondaires,
vos textes, ce serait un corps régulier qui prend un accent
est généralement pour des liens ou des boutons.
Maintenant, ce que je vais faire, c'est que je vais les changer en
vêtements que j'ai ici.
Maintenant, pour les modifier, je vais cliquer à l'intérieur.
Et si c'est une primaire, je vais aller avec du blanc.
Ok, donc pourquoi ça va être FFF,
FFF six Fs est essentiellement pour White Album ma principale.
Et ensuite, pour le secondaire,
nous allons en fait garder cela tel quel.
Mais ensuite, pour les textos, on va aller avec du noir.
Le noir va être six zéros.
Donc 123456, c'est ce que nous appelons les valeurs hexadécimales.
Ok, donc six zéros pour le noir,
six F pour le blanc.
Et enfin, pour les accents,
qui seraient pour les liens.
J'ai ma couleur ici.
Permettez-moi de saisir rapidement la couleur de mon autre écran.
Venez juste ici et collez ça.
C'est donc une nuance d'orange,
c'est essentiellement un DECA 570.
Maintenant, vous pouvez également décider
d' ajouter vos propres couleurs personnalisées.
Il peut venir ici, cliquez sur Ajouter une couleur.
Vous pouvez nommer celui-ci comme si
tout pourrait donner un like ou disons
la couleur spéciale.
Je vais vous montrer comment cela fonctionne un peu plus tard.
Appelons cela un colo spécial.
Et ici, je vais cliquer sur la boîte.
Et choisissons simplement quelque chose de rougeâtre.
J'ai donc ma propre couleur personnalisée appelée colonne spéciale.
Je vais aller de l'avant maintenant et simplement mettre à jour.
Nous avons défini notre clause globale, que
nous pouvons utiliser sur tout le site.
Mais nous avons également accès à des polices globales.
Les familles de polices sont très, très, très importantes.
Alors, vérifiez cet article.
Je vais baisser les polices globales.
Le premier ici va être primordial.
Il s'agirait de vos en-têtes principaux.
Jetons maintenant un coup d' œil à mon autre écran ici,
car j'ai choisi d' opter
pour la famille de police des citoyens avec Oswald.
Oswald est une police Google particulière que j'aime bien.
Je vais choisir Oswald pour la famille de polices.
Le poids ici va être de 700,
il y aura un peu plus de poids.
Ensuite, je vais transformer ces deux majuscules.
Et puis je laisserai aux autres la
hauteur de ligne, l'espacement des lettres,
espacement, et ainsi de suite ceux qui sont en haut.
Le prochain sera le secondaire.
Et puis, encore une fois secondaire,
je vais aller avec Oswald.
Également tout pour le secondaire.
Et puis la taille ici,
je vais aller avec nos 20 pixels
car il y aura un peu plus petit pixels.
Et puis les poids ici seraient nos 600.
Et voilà.
C'est pour le secondaire.
Et puis le texte, ce sera notre texte habituel.
Je vais en fait passer des familles de
nos deux nouveaux sables D2.
Cherchons donc une nouvelle porte.
J'ai dit, je suis désolé, ce n'est pas un nouveau veto Nieto.
Je suis désolé.
Portez même mes lunettes. Je ne vois toujours pas correctement.
Des millions de capteurs seront en texte intégral.
Et la taille ici serait
18 pixels et la largeur sera de 500.
Et c'est le dernier point mais non le moindre,
nous avons les accents.
Accents va être Roboto.
Restons à Roboto pour celui-là
et attendons que ce soit 500.
Nous ne changerons donc rien ici.
Je vais aller de l'avant et mettre à jour.
Le fait ici est que nous pouvons
utiliser ces familles de polices,
ces couleurs de police n'importe où sur notre site.
À titre d'exemple.
Permettez-moi de clore cela
et laissez-moi aller de l'avant maintenant et ajouter un titre.
Je vais donc cliquer sur glisser,
déposer la tête et les éléments ici.
Maintenant, jetez un coup d'œil à cela.
Si je devais aller dans Style, d' accord,
ici vous pouvez voir que nous avons l'option de typographie pour
choisir le type de topographie qui voulait
fonctionner avec toute la couleur du texte.
Maintenant, jetez un coup d'œil à ces derniers. Si je clique
sur cette icône ici,
cette icône globale, je clique dessus.
Voyez maintenant que nous pouvons choisir parmi les cinq options,
textes primaires, secondaires, l'accent
et même la couleur spéciale que nous avons ajoutée.
C'est ainsi que vous pouvez utiliser
l'octave provoquée globalement simplement
fixer les mêmes objectifs avec la typographie en cliquant à nouveau ici.
Et maintenant, je peux choisir soit d'aller avec les textes primaires,
textes secondaires, les textes normaux ou l'accent.
C'est ainsi que cela fonctionnerait.
Mais laissez-moi vous montrer quelque chose d' encore plus intéressant.
Si je retourne aux paramètres du site,
juste en dessous du système de conception,
vous avez votre style de thème.
Si je clique sur la typographie ici,
nous pouvons maintenant définir
des familles de polices spécifiques, des couleurs,
tailles pour notre balise H1 ou H2,
h3, etc.
Mais pour pouvoir utiliser
ce système particulier,
nous devons désactiver les couleurs et les
polices par défaut depuis la page des paramètres.
Rappelez-vous, laissez-moi rapidement mettre à jour cela.
Je vais montrer de quoi je parle.
Si nous revenons au backend,
laissez-moi venir ici,
allez à Exit to Dashboard.
Si vous revenez à vos jeux élémentaires
dans les paramètres Elementor,
ici,
nous allons devoir désactiver les couleurs et les polices par défaut
afin de pouvoir utiliser ce nouvel éditeur de
style de thème.
Je vais donc cocher ces deux cases.
Enregistrez ces modifications.
Et maintenant, permettez-moi de clore ça.
Permettez-moi de rafraîchir cette page à nouveau.
Maintenant, jetez un coup d'œil à cela.
Si je retourne ici, allez dans
Paramètres du site et accompagnez-vous sur la topographie native.
Maintenant, je suis en mesure de définir une couleur de texte spécifique pour le corps,
la taille technique, les liens, etc.
De plus, si je retourne en arrière,
si je retourne au back-end habituel du laboratoire, puis que
ferme ça, puis j'ajoute à nouveau mon titre ici.
Si je vais au style,
c'est vrai, vous n'avez pas la couleur du texte.
J'ai toujours accès aux couleurs contrariées Alia.
Et aussi pour la typographie,
j'ai toujours accès aux
textes secondaires. Fondamentalement, les mêmes options.
J'ai dit, tu y auras accès.
Si basique, litigieux.
Retournez sur le plateau
une fois de plus, puis je voulais juste le traiter.
J'ai toujours accès à ces options.
Revenons à la typographie de style thématique.
J'ai ici des options que j'ai déjà définies.
Ce que je vais faire ici, c'est ça.
Bon, nous allons d'abord choisir
la typographie de notre corps.
Donc, juste ici pour le corps,
je vais passer ici à la colonne de texte.
Nous allons choisir notre noir qui sera pour le texte.
Pour la typographie.
Je vais simplement y aller avec des textos.
Rappelez-vous que nous avons dit que les textes étaient newtoniens aux sables,
taille de 18 pixels, puis le poids de 500.
Ce sera pour le corps.
Bien.
Maintenant, pour le lien.
Et il suffit de vérifier ce que j'ai ici pour le lien.
Je vais aller avec la couleur,
la typographie des couleurs d'accent.
Je vais aussi y aller avec l' accent.
Maintenant pour l'âge prévient, d'accord,
ça va être un peu différent pour les F1
ce que j'ai fait ici, c'est pour
la famille que je veux faire défaut.
Mais la taille ici va être de 100 pixels.
Très, très, très, très, très massif.
Et le poids ici va être de 600.
Nous allons difficilement utiliser les H sur notre site,
alors ne vous inquiétez pas de la taille énorme.
Je vais le garder à 100 ans.
Passons maintenant au H2.
Pour H2, j'ai la taille ici.
Je vais cliquer sur la typographie.
La taille ici, je l' ai configurée à 32 pixels.
32 pixels, et ensuite j'ai le poids ici de 700.
En gros, c'est l'en-tête principal
avec lequel nous allons travailler.
En fait, mes excuses, je l'ai dit à 36,
désolé, six pixels par six pour H2.
Ensuite, pour les trois ans, jetez un coup d'œil.
Pour l'âge de trois ans,
la couleur ici sera
la couleur d'accent, la couleur orange.
La taille ici va être de 22 pixels.
Ensuite, la famille ici va être primaire,
ce qui serait aussi une ancienne limite a également dit que
la famille de police principale ici
pour être notre Oswald je serai pour le H12.
Donc en gros h deux,
on aurait 36 tailles et pixels,
la famille d'Oswald.
Il y aura des majuscules puis 708 et attend.
Et enfin, j'ai aussi dit que pour le H4,
même couleur serait la couleur axone.
Et puis la taille ici sera notre 18 pixels.
Bon, alors choisissons Oswald à nouveau.
La taille ici serait de 18 pixels,
la même taille que nos textes corporels.
Et puis encore une fois.
Le tout dernier sera l'âge de cinq ans,
je ne pense pas vraiment que
nous allons marcher avec ces multiples législations jusqu'à
H5, puis la topographie serait la
même secondaire ou primaire si vous vouloir.
Et la taille ici serait de 16 pixels.
Vous y allez.
Je vais donc y aller maintenant et simplement mettre à jour ça.
Et c'est tout maintenant, je sais que c'était une très,
très longue vidéo où je parlais
de prêts automobiles et d'autres choses.
Mais cela indique ici que sur notre site,
si vous ajoutez automatiquement un H2,
il héritera des valeurs d'ici.
Donc notre H2 est en ce moment,
aurait la famille de polices Oswald,
taille de 36 pixels et ensuite un poids de 700.
Et puis il en va de même pour les trois ans,
et ainsi de suite.
Mou a essentiellement mis en place la chute des valeurs mondiales
ou je nous frappe ainsi que nos textes corporels.
Mais aussi, nous avons dit que les couleurs mondiales,
que nous pouvons utiliser encore et encore.
Nous avons dit que cinq d'entre eux principaux
secondaires accentuent,
surtout lorsque je n' utilise pas d'écologiste spécial In,
voulait vous montrer comment vous pouvez audio sur
des couleurs personnalisées supplémentaires si vous le souhaitez.
Mais comme c'est le cas pour la configuration
nos familles de polices mondiales, de couleurs et de tailles.
Allemagne, toute prochaine vidéo où nous allons
maintenant commencer à construire l'
en-tête plein de site Web.