Je veux juste passer quelques minutes de plus
vous guider à travers
les concepts généraux des sections,
colonnes, des éléments, des motifs et des marges.
Comme je vous l'ai montré précédemment.
Si vous souhaitez ajouter un élément,
vous suffit de le faire glisser depuis
le côté gauche , puis
de le déposer simplement dans la diapositive.
Maintenant, la chose est automatique lorsque
vous ajoutez des éléments avec Elementor,
une section et une économie seront
créées pour cet élément particulier.
Nous venons de tomber dans les éléments de l'éditeur de texte.
Et maintenant, vous remarquerez ici
que nous avons cette ligne bleue ici.
Ce sera cette section qui contient la
colonne qui contient l'édition de texte. Tous.
Remarquez ici que vous avez
ce bouton brun juste ici.
Et si je le survole, il
est écrit Modifier la colonne.
Il s'agit maintenant de l' élément lui-même,
l'outil d'édition de texte réel.
Une fois de plus, la façon dont l'élémentaire
marche est là, vous aurez un élément,
qu'il s'agisse d'une image, d'une vidéo ou d'un bouton.
Et puis une colonne se tiendra,
contiendra cet élément.
Dans la colonne et les éléments se
trouvent à l'intérieur d'une section.
C'est un peu comme une colonne de section de structure hiérarchique
, puis l'élément réel.
Maintenant, comme pour l'édition,
l'élément dans lequel vous aurez accès
au style de contenu est avancé.
Vous pouvez également modifier la colonne contenant cet élément.
Vous pouvez voir que j'ai survolé
en bas ici, il est écrit Modifier la colonne.
Vous cliquez là-dedans.
Ensuite, vous aurez accès au style de mise en page et à
l'avancée.
Avec la mise en page, vous pouvez faire des choses comme
réduire la longueur de la colonne.
Vous pouvez modifier l'alignement.
Vous pouvez ajouter des fluides de balise HTML.
Vous pouvez styler la colonne et nous voulons
ajouter un fond noir comme dans un fond rouge.
Et vous voulez ajouter une image, des choses comme ça.
Pour que beaucoup de choses vous puissiez tout faire avec la colonne.
Maintenant, si vous cliquez avec le bouton droit sur le bouton Modifier la colonne,
vous pouvez ajouter une nouvelle colonne,
colonne dupliquée.
Vous pouvez même copier et coller le style.
Peut-être avez-vous ajouté un fond noir,
vous modifiez le style de police
du texte et que vous souhaitez réutiliser ce style,
vous copiez simplement le style et ensuite vous
pouvez percer son style ailleurs.
La même chose s'applique également à cette section ici.
Si je clique sur le bouton Modifier la section ici.
Maintenant, vous voyez que j'ai accès au style de mise en page avancé.
Comme pour la mise en page, je peux changer cela en pleine largeur.
Je peux peut-être changer
la taille ou la longueur de la largeur nue, très,
très grande disponibilité maintenant je le ferai,
je peux aussi changer la hauteur si je le voulais.
Je peux faire beaucoup de choses.
Il en va de même avec son style.
Encore une fois, je peux ajouter une couleur d'arrière-plan. Si je le voulais.
Je peux faire plusieurs choses comme ajouter des
effets de mouvement et ainsi de suite.
Tout comme pour l'environnement de colonne,
cliquez ici sur le bouton Modifier la section.
Vous pouvez vous asseoir et faire des choses comme
modifier la section et je peux dupliquer.
Je peux même enregistrer en tant que modèle dont nous parlerons
lorsque nous utiliserons Elementor Pro.
Maintenant, permettez-moi de vous parler rapidement du concept de
marges et de schémas, car
cela va être très, très, très important.
Maintenant, j'ai une section
ici contenant cet éditeur de texte écrit.
Ce que je vais faire, c'est que je vais ajouter
une image dans une autre section.
Lambdas choisit rapidement une image avec laquelle marcher.
Laissez-moi aller dans ma médiathèque.
Laissez-moi choisir cette image ici.
Maintenant, jetez un coup d'œil à ça.
Permettez-moi d'ajouter une couleur d'arrière-plan à la section ici.
Ne vous inquiétez pas, je vous montrerai tout cela un peu plus tard.
Très bien. Que sont exactement les marges ?
marges permettent d'ajouter de l'espace entre les sections.
Donc, en ce moment, nous avons ici une section
qui contient cet éditeur de texte avec
le fond rouge aurait
une autre section ici contenant l'image.
Si je voulais créer beaucoup d'espace entre ces deux-là,
je pourrais utiliser
ici un élément appelé élément d'espacement.
Vous pouvez dire entretoise conjuguée, puis le déposer
entre ces deux sections.
Mais une autre façon de le faire serait
de passer à l'une ou l'autre de ces sections.
Je vais aller à la première section ici.
Je vais aller à Advanced et une variété de marges.
Notez maintenant que par défaut,
vous pouvez ajouter des marges et des motifs
les quatre côtés d'une section à gauche, à droite,
en haut et en bas, à droite.
Maintenant, si je devais ajouter une marge en haut ou en bas,
vous pouvez voir qu'elles sont enchaînées,
qui signifie que tout ce que vous ajoutez au haut,
il sera ajouté en bas.
Si vous souhaitez ajouter des valeurs pour
un côté spécifique, vous devez commencer par 0.
Tout d'abord, Zero.
Vous venez ici, puis vous
pouvez voir que vous pouvez dissocier les valeurs.
Donc maintenant, vous pouvez simplement ajouter pour les marges de droite
et de gauche pour élémentaire sont
définies sur Auto par défaut,
vous ne pouvez pas faire un ingénieux là-dedans.
Mais maintenant, remarquez que si je commence
à ajouter des marges au bas de la première section,
remarquez que sa section
l'image n'est pas poussée vers le bas.
C'est parce que je crée de l'espace
entre cette première section et cette deuxième section.
De plus, si je le voulais,
je pourrais faire l'inverse pour la deuxième section.
Je peux aller dans la section Modifier ici près de la seconde,
aller à Avancé. Dissocier se développe.
Et maintenant, au lieu d'un imaginaire en bas,
je peux ajouter en haut.
Vous pouvez donc maintenant voir que nous poussons cette section en maintenant
l'image vers le bas à partir de
la première section qui indique quelles sont les marges utiles.
Ils sont utiles pour créer un espacement entre les sections.
Un des motifs, parce qu'ils ont des motifs.
Les motifs sont utilisés pour créer un espace entre
un élément et sa bordure ou sa colonne.
À titre d'exemple, je vais utiliser l'éditeur de texte ici.
Très bien, donc je vais y aller.
Je vais aller à Advanced.
Et maintenant, ici,
vous pouvez voir que j'ai le modèle disponible.
Je vais dissocier les valeurs.
Et maintenant, si je commence à ajouter du rembourrage ici,
vous pouvez voir que je crée de l'espace entre
l'éditeur de texte et
sa propre section juste en haut.
Je peux aller au fond,
faire exactement la même chose.
Vous pouvez donc voir maintenant que je suis en train de
créer de l'espace pour mes textes,
un outil dans sa propre section.
C'est à cela que les motifs sont utilisés.
Ils permettent de créer de l'espace pour
un élément à l'intérieur de sa propre colonne ou de leur section.
C'est essentiellement ce que les modèles sont utiles.
C'est donc la différence entre les marges sont des modèles.
marges sont utilisées pour créer de l'espace entre les sections.
Les motifs sont utilisés pour créer de l'espace entre une section
et l'élément qu'elle contient.
J'espère que vous comprenez maintenant
ce que nos marges et nos rembourrages augmentent.
Encore une fois plus rapide,
vous pouvez également réorganiser
les sections en cliquant et en les faisant glisser.
Si je voulais déplacer la section qui contient la marge,
je maintiens également l' image vers le haut.
Je vais simplement cliquer sur le bouton Modifier la section et le maintenir enfoncé.
Maintenant, vous pouvez voir que ça me permet de bouger.
Je peux le déplacer jusqu'au nez.
Attendez que le tableau de bord bleu ou la ligne bleue apparaisse,
puis lancez simplement une introduction au jour lumineux de l'image.
Vous avez cette option ici
avec elementwise ce qui vous permet
de réorganiser nos sections.
Vous pouvez également réorganiser les colonnes
et je duplique rapidement cette colonne ici.
Permettez-moi de changer cette image très
rapidement pour vous donner une démonstration très,
très rapide, laissez-moi choisir cette image.
Je peux donc simplement
cliquer à l'endroit où vous avez le bouton Modifier la colonne.
Et puis on s'arrange.
Ils peuvent voir où se situent comme vous pouvez le voir.
Vous avez donc cette option
disponible avec Elemental également.
Alors ne vous inquiétez pas lorsque nous commençons à
marcher avec des éléments ou que vous commencez,
il commence à découvrir beaucoup plus de fonctionnalités
et de fonctionnalités des éléments.
Et merci d'avoir regardé.
Je vous verrai dans le prochain cours.