1 00:00:00,000 --> 00:00:01,260 Je veux juste passer quelques minutes de plus 2 00:00:01,260 --> 00:00:02,550 vous guider à travers 3 00:00:02,550 --> 00:00:05,820 les concepts généraux des sections, 4 00:00:05,820 --> 00:00:09,810 colonnes, des éléments, des motifs et des marges. 5 00:00:09,810 --> 00:00:11,520 Comme je vous l'ai montré précédemment. 6 00:00:11,520 --> 00:00:12,870 Si vous souhaitez ajouter un élément, 7 00:00:12,870 --> 00:00:14,310 vous suffit de le faire glisser depuis 8 00:00:14,310 --> 00:00:15,780 le côté gauche , puis 9 00:00:15,780 --> 00:00:17,540 de le déposer simplement dans la diapositive. 10 00:00:17,535 --> 00:00:19,895 Maintenant, la chose est automatique lorsque 11 00:00:19,890 --> 00:00:22,220 vous ajoutez des éléments avec Elementor, 12 00:00:22,215 --> 00:00:24,335 une section et une économie seront 13 00:00:24,330 --> 00:00:27,420 créées pour cet élément particulier. 14 00:00:27,420 --> 00:00:30,530 Nous venons de tomber dans les éléments de l'éditeur de texte. 15 00:00:30,525 --> 00:00:32,675 Et maintenant, vous remarquerez ici 16 00:00:32,670 --> 00:00:34,950 que nous avons cette ligne bleue ici. 17 00:00:34,950 --> 00:00:38,230 Ce sera cette section qui contient la 18 00:00:38,230 --> 00:00:42,830 colonne qui contient l'édition de texte. Tous. 19 00:00:42,830 --> 00:00:44,080 Remarquez ici que vous avez 20 00:00:44,075 --> 00:00:45,475 ce bouton brun juste ici. 21 00:00:45,470 --> 00:00:46,580 Et si je le survole, il 22 00:00:46,580 --> 00:00:48,350 est écrit Modifier la colonne. 23 00:00:48,350 --> 00:00:51,080 Il s'agit maintenant de l' élément lui-même, 24 00:00:51,080 --> 00:00:52,690 l'outil d'édition de texte réel. 25 00:00:52,685 --> 00:00:54,565 Une fois de plus, la façon dont l'élémentaire 26 00:00:54,560 --> 00:00:56,570 marche est là, vous aurez un élément, 27 00:00:56,570 --> 00:00:58,970 qu'il s'agisse d'une image, d'une vidéo ou d'un bouton. 28 00:00:58,970 --> 00:01:01,550 Et puis une colonne se tiendra, 29 00:01:01,550 --> 00:01:03,580 contiendra cet élément. 30 00:01:03,575 --> 00:01:05,785 Dans la colonne et les éléments se 31 00:01:05,780 --> 00:01:08,390 trouvent à l'intérieur d'une section. 32 00:01:08,390 --> 00:01:11,390 C'est un peu comme une colonne de section de structure hiérarchique 33 00:01:11,390 --> 00:01:13,400 , puis l'élément réel. 34 00:01:13,400 --> 00:01:14,950 Maintenant, comme pour l'édition, 35 00:01:14,945 --> 00:01:16,675 l'élément dans lequel vous aurez accès 36 00:01:16,670 --> 00:01:18,730 au style de contenu est avancé. 37 00:01:18,725 --> 00:01:22,835 Vous pouvez également modifier la colonne contenant cet élément. 38 00:01:22,835 --> 00:01:24,445 Vous pouvez voir que j'ai survolé 39 00:01:24,440 --> 00:01:26,450 en bas ici, il est écrit Modifier la colonne. 40 00:01:26,450 --> 00:01:27,920 Vous cliquez là-dedans. 41 00:01:27,920 --> 00:01:29,240 Ensuite, vous aurez accès au style de mise en page et à 42 00:01:29,240 --> 00:01:31,010 l'avancée. 43 00:01:31,010 --> 00:01:33,290 Avec la mise en page, vous pouvez faire des choses comme 44 00:01:33,290 --> 00:01:36,340 réduire la longueur de la colonne. 45 00:01:36,335 --> 00:01:38,125 Vous pouvez modifier l'alignement. 46 00:01:38,120 --> 00:01:40,280 Vous pouvez ajouter des fluides de balise HTML. 47 00:01:40,280 --> 00:01:43,070 Vous pouvez styler la colonne et nous voulons 48 00:01:43,070 --> 00:01:46,190 ajouter un fond noir comme dans un fond rouge. 49 00:01:46,190 --> 00:01:48,340 Et vous voulez ajouter une image, des choses comme ça. 50 00:01:48,335 --> 00:01:51,215 Pour que beaucoup de choses vous puissiez tout faire avec la colonne. 51 00:01:51,215 --> 00:01:54,185 Maintenant, si vous cliquez avec le bouton droit sur le bouton Modifier la colonne, 52 00:01:54,185 --> 00:01:56,275 vous pouvez ajouter une nouvelle colonne, 53 00:01:56,270 --> 00:01:57,730 colonne dupliquée. 54 00:01:57,725 --> 00:02:00,535 Vous pouvez même copier et coller le style. 55 00:02:00,530 --> 00:02:02,840 Peut-être avez-vous ajouté un fond noir, 56 00:02:02,840 --> 00:02:04,220 vous modifiez le style de police 57 00:02:04,220 --> 00:02:06,770 du texte et que vous souhaitez réutiliser ce style, 58 00:02:06,770 --> 00:02:08,810 vous copiez simplement le style et ensuite vous 59 00:02:08,810 --> 00:02:11,180 pouvez percer son style ailleurs. 60 00:02:11,180 --> 00:02:13,670 La même chose s'applique également à cette section ici. 61 00:02:13,670 --> 00:02:15,910 Si je clique sur le bouton Modifier la section ici. 62 00:02:15,905 --> 00:02:19,285 Maintenant, vous voyez que j'ai accès au style de mise en page avancé. 63 00:02:19,280 --> 00:02:22,190 Comme pour la mise en page, je peux changer cela en pleine largeur. 64 00:02:22,190 --> 00:02:24,290 Je peux peut-être changer 65 00:02:24,290 --> 00:02:26,510 la taille ou la longueur de la largeur nue, très, 66 00:02:26,510 --> 00:02:28,580 très grande disponibilité maintenant je le ferai, 67 00:02:28,580 --> 00:02:31,270 je peux aussi changer la hauteur si je le voulais. 68 00:02:31,265 --> 00:02:32,765 Je peux faire beaucoup de choses. 69 00:02:32,765 --> 00:02:34,195 Il en va de même avec son style. 70 00:02:34,190 --> 00:02:38,080 Encore une fois, je peux ajouter une couleur d'arrière-plan. Si je le voulais. 71 00:02:38,080 --> 00:02:40,210 Je peux faire plusieurs choses comme ajouter des 72 00:02:40,210 --> 00:02:42,790 effets de mouvement et ainsi de suite. 73 00:02:42,790 --> 00:02:44,140 Tout comme pour l'environnement de colonne, 74 00:02:44,140 --> 00:02:46,740 cliquez ici sur le bouton Modifier la section. 75 00:02:46,735 --> 00:02:48,475 Vous pouvez vous asseoir et faire des choses comme 76 00:02:48,475 --> 00:02:50,725 modifier la section et je peux dupliquer. 77 00:02:50,724 --> 00:02:53,294 Je peux même enregistrer en tant que modèle dont nous parlerons 78 00:02:53,290 --> 00:02:56,470 lorsque nous utiliserons Elementor Pro. 79 00:02:56,470 --> 00:02:59,950 Maintenant, permettez-moi de vous parler rapidement du concept de 80 00:02:59,950 --> 00:03:02,040 marges et de schémas, car 81 00:03:02,035 --> 00:03:04,005 cela va être très, très, très important. 82 00:03:04,000 --> 00:03:05,800 Maintenant, j'ai une section 83 00:03:05,800 --> 00:03:07,860 ici contenant cet éditeur de texte écrit. 84 00:03:07,855 --> 00:03:10,005 Ce que je vais faire, c'est que je vais ajouter 85 00:03:10,000 --> 00:03:13,390 une image dans une autre section. 86 00:03:13,390 --> 00:03:17,100 Lambdas choisit rapidement une image avec laquelle marcher. 87 00:03:17,095 --> 00:03:19,085 Laissez-moi aller dans ma médiathèque. 88 00:03:19,080 --> 00:03:21,960 Laissez-moi choisir cette image ici. 89 00:03:22,210 --> 00:03:24,830 Maintenant, jetez un coup d'œil à ça. 90 00:03:24,830 --> 00:03:30,520 Permettez-moi d'ajouter une couleur d'arrière-plan à la section ici. 91 00:03:30,515 --> 00:03:33,025 Ne vous inquiétez pas, je vous montrerai tout cela un peu plus tard. 92 00:03:33,020 --> 00:03:35,660 Très bien. Que sont exactement les marges ? 93 00:03:35,660 --> 00:03:39,370 marges permettent d'ajouter de l'espace entre les sections. 94 00:03:39,365 --> 00:03:40,705 Donc, en ce moment, nous avons ici une section 95 00:03:40,700 --> 00:03:42,050 qui contient cet éditeur de texte avec 96 00:03:42,050 --> 00:03:43,520 le fond rouge aurait 97 00:03:43,520 --> 00:03:46,120 une autre section ici contenant l'image. 98 00:03:46,115 --> 00:03:49,655 Si je voulais créer beaucoup d'espace entre ces deux-là, 99 00:03:49,655 --> 00:03:51,355 je pourrais utiliser 100 00:03:51,350 --> 00:03:53,960 ici un élément appelé élément d'espacement. 101 00:03:53,960 --> 00:03:56,330 Vous pouvez dire entretoise conjuguée, puis le déposer 102 00:03:56,330 --> 00:03:59,230 entre ces deux sections. 103 00:03:59,225 --> 00:04:01,585 Mais une autre façon de le faire serait 104 00:04:01,580 --> 00:04:04,100 de passer à l'une ou l'autre de ces sections. 105 00:04:04,099 --> 00:04:06,549 Je vais aller à la première section ici. 106 00:04:06,545 --> 00:04:10,865 Je vais aller à Advanced et une variété de marges. 107 00:04:10,865 --> 00:04:13,495 Notez maintenant que par défaut, 108 00:04:13,490 --> 00:04:15,560 vous pouvez ajouter des marges et des motifs 109 00:04:15,560 --> 00:04:19,040 les quatre côtés d'une section à gauche, à droite, 110 00:04:19,040 --> 00:04:21,380 en haut et en bas, à droite. 111 00:04:21,380 --> 00:04:25,450 Maintenant, si je devais ajouter une marge en haut ou en bas, 112 00:04:25,445 --> 00:04:27,565 vous pouvez voir qu'elles sont enchaînées, 113 00:04:27,560 --> 00:04:29,570 qui signifie que tout ce que vous ajoutez au haut, 114 00:04:29,570 --> 00:04:31,690 il sera ajouté en bas. 115 00:04:31,685 --> 00:04:34,375 Si vous souhaitez ajouter des valeurs pour 116 00:04:34,370 --> 00:04:37,070 un côté spécifique, vous devez commencer par 0. 117 00:04:37,070 --> 00:04:39,310 Tout d'abord, Zero. 118 00:04:39,305 --> 00:04:41,215 Vous venez ici, puis vous 119 00:04:41,210 --> 00:04:43,160 pouvez voir que vous pouvez dissocier les valeurs. 120 00:04:43,160 --> 00:04:46,190 Donc maintenant, vous pouvez simplement ajouter pour les marges de droite 121 00:04:46,190 --> 00:04:47,690 et de gauche pour élémentaire sont 122 00:04:47,690 --> 00:04:49,250 définies sur Auto par défaut, 123 00:04:49,250 --> 00:04:51,040 vous ne pouvez pas faire un ingénieux là-dedans. 124 00:04:51,035 --> 00:04:53,605 Mais maintenant, remarquez que si je commence 125 00:04:53,600 --> 00:04:56,620 à ajouter des marges au bas de la première section, 126 00:04:56,615 --> 00:04:58,645 remarquez que sa section 127 00:04:58,640 --> 00:05:01,490 l'image n'est pas poussée vers le bas. 128 00:05:01,490 --> 00:05:03,320 C'est parce que je crée de l'espace 129 00:05:03,320 --> 00:05:08,200 entre cette première section et cette deuxième section. 130 00:05:08,195 --> 00:05:11,425 De plus, si je le voulais, 131 00:05:11,420 --> 00:05:14,620 je pourrais faire l'inverse pour la deuxième section. 132 00:05:14,615 --> 00:05:16,915 Je peux aller dans la section Modifier ici près de la seconde, 133 00:05:16,910 --> 00:05:19,480 aller à Avancé. Dissocier se développe. 134 00:05:19,475 --> 00:05:22,255 Et maintenant, au lieu d'un imaginaire en bas, 135 00:05:22,250 --> 00:05:24,320 je peux ajouter en haut. 136 00:05:24,320 --> 00:05:27,410 Vous pouvez donc maintenant voir que nous poussons cette section en maintenant 137 00:05:27,410 --> 00:05:29,020 l'image vers le bas à partir de 138 00:05:29,015 --> 00:05:31,315 la première section qui indique quelles sont les marges utiles. 139 00:05:31,310 --> 00:05:34,130 Ils sont utiles pour créer un espacement entre les sections. 140 00:05:34,130 --> 00:05:36,860 Un des motifs, parce qu'ils ont des motifs. 141 00:05:36,860 --> 00:05:39,950 Les motifs sont utilisés pour créer un espace entre 142 00:05:39,950 --> 00:05:43,940 un élément et sa bordure ou sa colonne. 143 00:05:43,940 --> 00:05:47,290 À titre d'exemple, je vais utiliser l'éditeur de texte ici. 144 00:05:47,285 --> 00:05:49,255 Très bien, donc je vais y aller. 145 00:05:49,250 --> 00:05:51,520 Je vais aller à Advanced. 146 00:05:51,515 --> 00:05:53,465 Et maintenant, ici, 147 00:05:53,465 --> 00:05:55,905 vous pouvez voir que j'ai le modèle disponible. 148 00:05:55,909 --> 00:05:57,789 Je vais dissocier les valeurs. 149 00:05:57,785 --> 00:06:01,225 Et maintenant, si je commence à ajouter du rembourrage ici, 150 00:06:01,220 --> 00:06:03,260 vous pouvez voir que je crée de l'espace entre 151 00:06:03,260 --> 00:06:05,800 l'éditeur de texte et 152 00:06:05,795 --> 00:06:08,245 sa propre section juste en haut. 153 00:06:08,240 --> 00:06:09,680 Je peux aller au fond, 154 00:06:09,680 --> 00:06:11,300 faire exactement la même chose. 155 00:06:11,300 --> 00:06:12,770 Vous pouvez donc voir maintenant que je suis en train de 156 00:06:12,770 --> 00:06:14,090 créer de l'espace pour mes textes, 157 00:06:14,090 --> 00:06:16,660 un outil dans sa propre section. 158 00:06:16,655 --> 00:06:19,375 C'est à cela que les motifs sont utilisés. 159 00:06:19,370 --> 00:06:22,370 Ils permettent de créer de l'espace pour 160 00:06:22,370 --> 00:06:26,180 un élément à l'intérieur de sa propre colonne ou de leur section. 161 00:06:26,180 --> 00:06:28,400 C'est essentiellement ce que les modèles sont utiles. 162 00:06:28,400 --> 00:06:29,750 C'est donc la différence entre les marges sont des modèles. 163 00:06:29,750 --> 00:06:32,540 marges sont utilisées pour créer de l'espace entre les sections. 164 00:06:32,540 --> 00:06:36,100 Les motifs sont utilisés pour créer de l'espace entre une section 165 00:06:36,095 --> 00:06:39,985 et l'élément qu'elle contient. 166 00:06:39,980 --> 00:06:42,650 J'espère que vous comprenez maintenant 167 00:06:42,650 --> 00:06:46,930 ce que nos marges et nos rembourrages augmentent. 168 00:06:46,925 --> 00:06:48,155 Encore une fois plus rapide, 169 00:06:48,155 --> 00:06:49,885 vous pouvez également réorganiser 170 00:06:49,880 --> 00:06:52,760 les sections en cliquant et en les faisant glisser. 171 00:06:52,760 --> 00:06:56,210 Si je voulais déplacer la section qui contient la marge, 172 00:06:56,210 --> 00:06:57,940 je maintiens également l' image vers le haut. 173 00:06:57,935 --> 00:07:01,045 Je vais simplement cliquer sur le bouton Modifier la section et le maintenir enfoncé. 174 00:07:01,040 --> 00:07:03,140 Maintenant, vous pouvez voir que ça me permet de bouger. 175 00:07:03,140 --> 00:07:04,970 Je peux le déplacer jusqu'au nez. 176 00:07:04,970 --> 00:07:07,660 Attendez que le tableau de bord bleu ou la ligne bleue apparaisse, 177 00:07:07,655 --> 00:07:10,765 puis lancez simplement une introduction au jour lumineux de l'image. 178 00:07:10,760 --> 00:07:12,200 Vous avez cette option ici 179 00:07:12,200 --> 00:07:13,580 avec elementwise ce qui vous permet 180 00:07:13,580 --> 00:07:16,130 de réorganiser nos sections. 181 00:07:16,130 --> 00:07:18,890 Vous pouvez également réorganiser les colonnes 182 00:07:18,890 --> 00:07:21,740 et je duplique rapidement cette colonne ici. 183 00:07:21,740 --> 00:07:22,940 Permettez-moi de changer cette image très 184 00:07:22,940 --> 00:07:24,260 rapidement pour vous donner une démonstration très, 185 00:07:24,260 --> 00:07:27,590 très rapide, laissez-moi choisir cette image. 186 00:07:27,590 --> 00:07:29,090 Je peux donc simplement 187 00:07:29,090 --> 00:07:31,360 cliquer à l'endroit où vous avez le bouton Modifier la colonne. 188 00:07:31,355 --> 00:07:32,765 Et puis on s'arrange. 189 00:07:32,764 --> 00:07:35,364 Ils peuvent voir où se situent comme vous pouvez le voir. 190 00:07:35,360 --> 00:07:37,370 Vous avez donc cette option 191 00:07:37,370 --> 00:07:39,980 disponible avec Elemental également. 192 00:07:39,980 --> 00:07:41,330 Alors ne vous inquiétez pas lorsque nous commençons à 193 00:07:41,330 --> 00:07:42,650 marcher avec des éléments ou que vous commencez, 194 00:07:42,650 --> 00:07:44,570 il commence à découvrir beaucoup plus de fonctionnalités 195 00:07:44,570 --> 00:07:46,640 et de fonctionnalités des éléments. 196 00:07:46,640 --> 00:07:47,540 Et merci d'avoir regardé. 197 00:07:47,540 --> 00:07:50,040 Je vous verrai dans le prochain cours.