1 00:00:00,000 --> 00:00:02,610 Très bien, allons maintenant construire l' 2 00:00:02,610 --> 00:00:05,760 en-tête de notre site Web. 3 00:00:05,760 --> 00:00:08,870 Et c'est exactement ce à quoi ça ressemble en ce moment, 4 00:00:08,865 --> 00:00:11,165 et ça n'a pas l' air beau du tout. 5 00:00:11,160 --> 00:00:13,620 C'est ce que nous essayons d'accomplir. 6 00:00:13,620 --> 00:00:14,790 Vous pouvez voir l' en-tête ici, nous avons 7 00:00:14,790 --> 00:00:16,430 le logo à gauche, 8 00:00:16,425 --> 00:00:19,415 puis nous avons le menu principal à droite. 9 00:00:19,410 --> 00:00:21,140 Cependant, 10 00:00:21,135 --> 00:00:23,855 montrez-vous quelque chose comme si je devais aller à une autre page, 11 00:00:23,850 --> 00:00:26,300 disons la page À propos comme exemple, ici, 12 00:00:26,295 --> 00:00:28,955 vous pouvez voir que l'en-tête est différent. 13 00:00:28,950 --> 00:00:31,490 Celui-ci a un fond noir, 14 00:00:31,485 --> 00:00:33,455 alors que l'en-tête de la page 15 00:00:33,450 --> 00:00:36,210 d'accueil n'a pas du tout d'arrière-plan, 16 00:00:36,210 --> 00:00:39,150 il s'agit simplement de se fondre dans l'image d'arrière-plan ici, 17 00:00:39,150 --> 00:00:44,830 en gros, nous devons créer 82 en-têtes différents. 18 00:00:44,825 --> 00:00:47,605 L'un spécifiquement pour la page d'accueil, puis l' 19 00:00:47,600 --> 00:00:50,780 autre pour le reste de nos pages. 20 00:00:50,779 --> 00:00:52,359 Comment faire cela maintenant ? 21 00:00:52,355 --> 00:00:53,845 Avant de vous montrer cela, 22 00:00:53,840 --> 00:00:57,250 laissez-moi simplement faire glisser le site Web de démonstration. 23 00:00:57,245 --> 00:00:58,825 Avant de vous montrer comment faire cela, 24 00:00:58,820 --> 00:01:00,130 je veux vous montrer autre chose. 25 00:01:00,125 --> 00:01:02,815 Si je devais aller dans Modifier avec Elementor, 26 00:01:02,810 --> 00:01:05,050 je suis allé aux paramètres du site. 27 00:01:05,045 --> 00:01:06,715 En plus de pouvoir définir vos téléphones globaux 28 00:01:06,710 --> 00:01:09,700 et vos couleurs et tout cela, 29 00:01:09,695 --> 00:01:12,085 vous pouvez également modifier 30 00:01:12,080 --> 00:01:15,770 l'identité du site ici, nous avons les paramètres. 31 00:01:15,770 --> 00:01:17,540 Si je clique sur l'intérieur de la densité ici, 32 00:01:17,540 --> 00:01:19,520 nous pouvons également modifier le nom du site. 33 00:01:19,520 --> 00:01:21,800 Je vais appeler mon passeport de voyage. 34 00:01:21,800 --> 00:01:23,620 C'est le nom du site Web. 35 00:01:23,615 --> 00:01:28,865 Et puis le slogan sera quand le voyage rencontre l'aventure. 36 00:01:28,865 --> 00:01:33,655 Pour le logo, je vais choisir le logo ici. 37 00:01:33,650 --> 00:01:35,830 Insérons celui-là. 38 00:01:35,825 --> 00:01:38,245 Et puis pour l'icône Phi de l'icône, 39 00:01:38,240 --> 00:01:39,830 je vais choisir l' image de l'informatique avec celle 40 00:01:39,830 --> 00:01:41,720 avec le fond vert. 41 00:01:41,720 --> 00:01:43,300 Je vais l'insérer. 42 00:01:43,295 --> 00:01:46,295 Et voilà, nous avons l'identité de notre site. 43 00:01:46,295 --> 00:01:48,745 Maintenant, vous pouvez également venir ici pour 44 00:01:48,740 --> 00:01:51,980 en-tête et effectuer différents types 45 00:01:51,980 --> 00:01:55,250 de modifications, vous pouvez choisir de masquer le logo, 46 00:01:55,250 --> 00:01:58,220 afficher le slogan, d'augmenter 47 00:01:58,220 --> 00:01:59,510 la largeur du contenu ou de réduire 48 00:01:59,510 --> 00:02:01,240 la largeur du contenu. C'est à vous de décider. 49 00:02:01,235 --> 00:02:04,315 Mais comme nous allons créer nos propres en-têtes personnalisés, 50 00:02:04,310 --> 00:02:06,710 nous n'avons pas besoin de changer quoi que ce soit ici. 51 00:02:06,710 --> 00:02:07,910 Je vais donc aller de l' avant maintenant et simplement 52 00:02:07,910 --> 00:02:10,010 mettre à jour. Et ensuite, je vais vérifier ça. 53 00:02:10,010 --> 00:02:16,330 Bon, je vais revenir au backend Exit to Dashboard. 54 00:02:16,325 --> 00:02:18,845 Et maintenant, créons notre en-tête. 55 00:02:18,845 --> 00:02:20,795 Je vais venir ici voir nos parents. 56 00:02:20,795 --> 00:02:23,215 Ici, vous verrez des éléments ou des aliments frontaux qui sont des constructeurs. 57 00:02:23,210 --> 00:02:25,810 Ceci provient du plugin. Je vais cliquer là-dedans. 58 00:02:25,805 --> 00:02:28,265 Et maintenant, je vais cliquer sur Ajouter un nouveau. 59 00:02:28,265 --> 00:02:34,175 Et maintenant, appelons celui-ci l'en-tête de la page d'accueil. 60 00:02:34,174 --> 00:02:37,404 Ensuite, là où vous avez le type de modèle. 61 00:02:37,400 --> 00:02:39,100 Nous allons choisir l'en-tête, 62 00:02:39,095 --> 00:02:41,455 puis nous pouvons choisir, d'accord, 63 00:02:41,450 --> 00:02:43,840 où voudrions-nous afficher cet en-tête ? 64 00:02:43,835 --> 00:02:46,315 Puisque ce sera spécifiquement pour la première page, 65 00:02:46,310 --> 00:02:49,250 je vais choisir ici que vous avez des cibles spécifiques. 66 00:02:49,250 --> 00:02:51,620 Je vais choisir des pages spécifiques et 67 00:02:51,620 --> 00:02:54,820 inviter ici sont simplement tapés à la maison. 68 00:02:54,815 --> 00:02:56,075 Et voilà. 69 00:02:56,075 --> 00:02:57,665 Maintenant, cet en-tête ne sera 70 00:02:57,665 --> 00:02:59,945 affiché que sur la page d'accueil. 71 00:02:59,945 --> 00:03:02,095 Et ensuite, pour les rôles d'utilisateur ici, vous pouvez choisir, ok, 72 00:03:02,090 --> 00:03:05,150 peut-être souhaitez-vous afficher ces en-têtes uniquement pour que 73 00:03:05,150 --> 00:03:06,920 les utilisateurs connectés soient déconnectés 74 00:03:06,920 --> 00:03:09,080 ou modifiés ou que vous avez beaucoup de flexibilité. 75 00:03:09,080 --> 00:03:11,120 Je vais juste garder ça vide parce que nous 76 00:03:11,120 --> 00:03:13,250 voulions être pour tout le monde. 77 00:03:13,250 --> 00:03:15,710 Maintenant, vous avez 78 00:03:15,710 --> 00:03:18,860 cette option activée pour le modèle de mise en page pour nous. 79 00:03:18,860 --> 00:03:21,350 Maintenant, le problème avec Elementor est qu'en plus 80 00:03:21,350 --> 00:03:24,160 du modèle par défaut et un modèle fourni par votre thème, 81 00:03:24,155 --> 00:03:26,575 les éléments, vous donne deux modèles personnalisés. 82 00:03:26,570 --> 00:03:30,140 L'une est appelée données de toile élémentaires, pleine largeur et pleine largeur plus simple, 83 00:03:30,140 --> 00:03:31,400 ce qui signifie que 84 00:03:31,400 --> 00:03:34,850 votre contenu peut s'étendre jusqu' aux bords de votre écran. 85 00:03:34,850 --> 00:03:36,410 Donc, en gros, c'est toute la largeur que 86 00:03:36,410 --> 00:03:38,230 je suis comme si aucune marge n'est un motif. 87 00:03:38,225 --> 00:03:40,075 Elemental Canada comme des outils que vous 88 00:03:40,070 --> 00:03:41,980 n'aurez ni en-tête ni pied de page. 89 00:03:41,975 --> 00:03:45,595 Il s'agit essentiellement d'un élément vide ou de nos modèles, 90 00:03:45,590 --> 00:03:47,420 nous n'allons pas marcher avec un modèle de canevas. 91 00:03:47,420 --> 00:03:50,260 Il n'est donc pas nécessaire d' activer cette mise en page, 92 00:03:50,255 --> 00:03:51,685 mais je vais choisir les éléments 93 00:03:51,680 --> 00:03:53,740 du modèle pleine largeur. 94 00:03:53,735 --> 00:03:56,315 Allons-y maintenant et cliquez sur Publier. 95 00:03:56,315 --> 00:04:00,865 Maintenant, je vais cliquer sur Modifier avec Elementor. 96 00:04:00,860 --> 00:04:03,440 Ce que nous essayons de réaliser ici, c'est 97 00:04:03,440 --> 00:04:05,500 je ramène le site de démonstration. 98 00:04:05,495 --> 00:04:08,545 Il s'agira essentiellement d'une section à deux colonnes. 99 00:04:08,540 --> 00:04:11,510 Celui de gauche, de gauche , nous aurons le logo, 100 00:04:11,510 --> 00:04:13,010 tandis que la colonne à droite, 101 00:04:13,010 --> 00:04:16,160 nous aurons le menu principal et nous voulons également que 102 00:04:16,160 --> 00:04:18,230 la colonne de la colonne lumineuse 103 00:04:18,230 --> 00:04:20,990 contenant le menu principal ait plus de largeur. . 104 00:04:20,990 --> 00:04:21,740 Alors, jetez un coup d'œil. 105 00:04:21,740 --> 00:04:23,420 OK, juste ici, je 106 00:04:23,420 --> 00:04:25,060 vais cliquer sur le bouton Plus ici. 107 00:04:25,055 --> 00:04:27,425 Et maintenant, nous pouvons choisir notre structure. 108 00:04:27,425 --> 00:04:29,935 Et je vais choisir cette division ici. 109 00:04:29,930 --> 00:04:31,390 Celui-ci l'aura, 110 00:04:31,385 --> 00:04:35,435 la première colonne comportera un tiers de la section entière, 111 00:04:35,435 --> 00:04:38,545 tandis que la deuxième colonne aura deux tiers. 112 00:04:38,540 --> 00:04:42,170 Donc ici, puisque nous modifions la section, comme vous pouvez le voir, 113 00:04:42,170 --> 00:04:44,830 pour la largeur du contenu, 114 00:04:44,825 --> 00:04:47,605 nous pourrions en fait aller en pleine largeur si vous le vouliez. 115 00:04:47,600 --> 00:04:50,120 Mais je vais choisir Box et je vais 116 00:04:50,120 --> 00:04:54,310 choisir 1240 pixels. 117 00:04:54,305 --> 00:04:56,215 Ce n'est que ma préférence personnelle. 118 00:04:56,210 --> 00:04:58,510 J'ai aimé mes 1240 pixels. 119 00:04:58,505 --> 00:05:01,825 Maintenant, ici pour la première colonne, 120 00:05:01,820 --> 00:05:03,160 je vais cliquer à l'intérieur. 121 00:05:03,155 --> 00:05:06,095 Je vais faire défiler jusqu'ici. 122 00:05:06,095 --> 00:05:09,035 Et nous essayons d'ajouter le logo. 123 00:05:09,035 --> 00:05:12,365 Je vais donc ajouter le logo du site. 124 00:05:12,365 --> 00:05:15,415 Cliquez sur, déposez-le à l'intérieur. 125 00:05:15,410 --> 00:05:18,010 Et maintenant, nous avons notre logo. 126 00:05:18,005 --> 00:05:20,515 Maintenant, vous pouvez voir que le logo a 127 00:05:20,510 --> 00:05:22,610 texte blanc et qu'il s'agit d'un fond blanc. 128 00:05:22,610 --> 00:05:23,810 Mais supportez juste avec moi. 129 00:05:23,810 --> 00:05:25,630 Bon, je vais choisir. 130 00:05:25,625 --> 00:05:29,995 La taille de l'image ici, je vais être pleine pour l'instant. 131 00:05:29,990 --> 00:05:32,360 Continuons ensuite et 132 00:05:32,360 --> 00:05:34,940 cliquons sur le bouton Modifier de cette section. 133 00:05:34,940 --> 00:05:36,740 Très bien, j'ai cliqué là-dedans. 134 00:05:36,740 --> 00:05:38,550 Je vais revenir au style. 135 00:05:38,554 --> 00:05:40,254 Et puis il est allé là où vous avez commencé à taper. 136 00:05:40,250 --> 00:05:42,380 Je vais choisir le classique. 137 00:05:42,380 --> 00:05:46,150 Maintenant, je vais choisir la couleur noire. 138 00:05:46,145 --> 00:05:49,615 Maintenant, vous pouvez voir le logo, n'est-ce pas ? OK. 139 00:05:49,610 --> 00:05:52,190 Passons maintenant à la deuxième colonne. 140 00:05:52,190 --> 00:05:55,760 Nous allons ajouter nos éléments de navigation. 141 00:05:55,760 --> 00:05:57,200 Donc, en écrivant dans le menu de navigation, 142 00:05:57,200 --> 00:05:59,720 cliquez sur glisser, drogue à l'intérieur. 143 00:05:59,720 --> 00:06:02,660 Ensuite, vous pouvez voir que le menu principal est sélectionné par défaut. 144 00:06:02,660 --> 00:06:06,110 Cependant, quand il s'agit d'apporter un certain nombre de changements, 145 00:06:06,110 --> 00:06:08,500 remarquez ici que le menu principal restera. 146 00:06:08,495 --> 00:06:11,245 Le texte est en majuscules, il est en blanc. 147 00:06:11,240 --> 00:06:14,840 Il est également aligné à droite et au centre. 148 00:06:14,840 --> 00:06:16,540 Nous devons donc faire pour les choses. 149 00:06:16,535 --> 00:06:19,225 Revenons ici. La première chose que je vais faire 150 00:06:19,220 --> 00:06:22,190 est que lorsque vous modifiez le menu de navigation ici, 151 00:06:22,190 --> 00:06:24,830 vous avez une mise en page qui clique là. 152 00:06:24,830 --> 00:06:28,490 Et maintenant, nous allons choisir d'aligner sur la droite. 153 00:06:28,490 --> 00:06:30,980 Comme vous pouvez le constater en ce moment, c'est à droite. 154 00:06:30,980 --> 00:06:33,550 Passons maintenant au style. 155 00:06:33,545 --> 00:06:36,865 Et nous allons venir ici pour la typographie. 156 00:06:36,860 --> 00:06:38,800 Cliquez sur le bouton Modifier. 157 00:06:38,795 --> 00:06:42,185 Transformation non poilue, choisissez majuscules. 158 00:06:42,185 --> 00:06:43,045 OK ? 159 00:06:43,040 --> 00:06:45,070 Ensuite, pour la couleur du texte, 160 00:06:45,065 --> 00:06:47,425 cliquons sur l'icône globale juste 161 00:06:47,420 --> 00:06:49,990 là, puis choisissons principalement pour Blanc. 162 00:06:49,985 --> 00:06:50,815 Bien. 163 00:06:50,810 --> 00:06:52,940 Mais maintenant, comment aligner 164 00:06:52,940 --> 00:06:56,240 éléments du menu au milieu verticalement ? 165 00:06:56,240 --> 00:06:58,070 Ce que vous voulez faire ici, c'est que vous allez cliquer sur 166 00:06:58,070 --> 00:07:00,130 la puissance Modifier la colonne ici, 167 00:07:00,125 --> 00:07:02,395 ce bouton particulier ici, vous cliquez ici. 168 00:07:02,390 --> 00:07:05,240 Et maintenant, vous pouvez voir que nous avons l'alignement vertical. 169 00:07:05,240 --> 00:07:07,490 Nous allons choisir le milieu. 170 00:07:07,490 --> 00:07:08,800 Vous y allez. 171 00:07:08,795 --> 00:07:10,255 C'est ça. 172 00:07:10,250 --> 00:07:12,430 Mais nous n'en avons pas encore fini. 173 00:07:12,425 --> 00:07:13,885 Pour le logo. 174 00:07:13,880 --> 00:07:17,360 Cliquez sur le bouton Modifier correspondant au logo du site. 175 00:07:17,360 --> 00:07:19,550 Et puis l'alignement ici, 176 00:07:19,550 --> 00:07:21,710 on va aller à gauche. 177 00:07:21,710 --> 00:07:24,050 Comme si tu ne voyais pas vraiment la différence pour l'instant, 178 00:07:24,050 --> 00:07:25,580 mais supporte-toi juste avec moi. 179 00:07:25,580 --> 00:07:27,080 Nous allons choisir celui qui se trouve à gauche. 180 00:07:27,080 --> 00:07:30,780 Bon, allons-y maintenant et mises à jour. 181 00:07:31,180 --> 00:07:34,390 Voyons maintenant ce que nous avons. 182 00:07:34,385 --> 00:07:36,565 Consultez la page. 183 00:07:36,560 --> 00:07:38,480 Et voilà. 184 00:07:38,480 --> 00:07:39,500 Maintenant, vous pouvez voir 185 00:07:39,500 --> 00:07:43,130 notre page d'accueil a cet en-tête particulier ici, 186 00:07:43,130 --> 00:07:44,720 mais évolue ensuite vers, 187 00:07:44,720 --> 00:07:47,110 disons la page À propos comme exemple, 188 00:07:47,105 --> 00:07:50,545 vous pouvez voir que nous n' avons pas cet en-tête du tout. 189 00:07:50,540 --> 00:07:53,930 S'il souhaite accéder à la page de contact. 190 00:07:53,930 --> 00:07:57,230 Par exemple, vous pouvez voir que nous n'avons pas cet en-tête. 191 00:07:57,230 --> 00:07:58,730 Donc, ici même, 192 00:07:58,730 --> 00:08:01,660 la page d'accueil a maintenant 193 00:08:01,655 --> 00:08:03,925 ce document particulier avec le fond noir, 194 00:08:03,920 --> 00:08:07,960 le logo, puis les éléments de menu. 195 00:08:07,955 --> 00:08:09,625 Maintenant, pour arrondir cela, je vais en fait apporter 196 00:08:09,620 --> 00:08:11,930 quelques changements. 197 00:08:11,930 --> 00:08:14,570 Revenons à la section. 198 00:08:14,570 --> 00:08:15,890 Ok, et je sais que j'ai dit 199 00:08:15,890 --> 00:08:18,670 que la largeur du contenu était de 1240 pixels, 200 00:08:18,665 --> 00:08:20,315 mais j'ai fait d' autres tests, 201 00:08:20,315 --> 00:08:23,485 et je pense qu'il vaut mieux aller avec la pleine largeur. 202 00:08:23,480 --> 00:08:25,930 Allons donc en pleine largeur pour l'instant. 203 00:08:25,925 --> 00:08:28,765 Ensuite, cette colonne, celle qui porte le logo, 204 00:08:28,760 --> 00:08:36,030 nous allons le réduire à 2525 %. 205 00:08:36,034 --> 00:08:41,554 Alors que la colonne contenant les éléments manuels aura 75 %. 206 00:08:41,555 --> 00:08:43,585 Ensuite, modifions également le logo. 207 00:08:43,580 --> 00:08:45,250 Je vais cliquer sur Modifier le logo. 208 00:08:45,245 --> 00:08:46,925 Passons au style. 209 00:08:46,925 --> 00:08:48,235 Et ensuite, pour la largeur maximale, 210 00:08:48,230 --> 00:08:51,460 nous allons définir cette valeur à 75 %. 211 00:08:51,455 --> 00:08:54,595 Et une question que vous pourriez vous poser est 212 00:08:54,590 --> 00:08:59,120 pourquoi évidemment la largeur maximale et non la largeur réelle. 213 00:08:59,120 --> 00:09:00,230 Voici le truc. 214 00:09:00,230 --> 00:09:02,860 Lorsque vous définissez la largeur du logo, 215 00:09:02,855 --> 00:09:05,425 le logo aura toujours cette largeur. 216 00:09:05,420 --> 00:09:08,190 Nous sommes dégoûtés, de la taille de l'écran. 217 00:09:08,194 --> 00:09:09,954 Vous travaillez avec la largeur maximale. 218 00:09:09,950 --> 00:09:11,320 Vous dites essentiellement, Hey, 219 00:09:11,315 --> 00:09:14,725 le logo ne doit jamais dépasser cette largeur. 220 00:09:14,720 --> 00:09:17,240 Ensuite, dans les situations où la taille de l'écran n'est pas 221 00:09:17,240 --> 00:09:19,990 assez grande documentée , la largeur totale du logo 222 00:09:19,985 --> 00:09:21,145 réduit la taille de 223 00:09:21,140 --> 00:09:25,670 la largeur maximale est beaucoup mieux pour une conception réactive. 224 00:09:25,670 --> 00:09:27,890 Et vous voulez toujours être réactif. 225 00:09:27,890 --> 00:09:30,980 Nous allons donc régler cela à 75 pixels. 226 00:09:30,980 --> 00:09:33,620 Et maintenant, si nous mettons à jour, 227 00:09:33,620 --> 00:09:37,000 si nous regardons notre en-tête, 228 00:09:36,995 --> 00:09:38,815 vous pouvez voir maintenant qu'il ressemble 229 00:09:38,810 --> 00:09:40,490 tellement à ce que nous avons 230 00:09:40,490 --> 00:09:44,120 ici sur le site de démonstration. 231 00:09:44,119 --> 00:09:47,239 La dernière chose à faire est que nous allons dupliquer 232 00:09:47,240 --> 00:09:51,980 cet en-tête pour le deuxième en-tête. 233 00:09:51,980 --> 00:09:53,480 Donc, en gros, il a ce qu'on va faire. 234 00:09:53,480 --> 00:09:56,070 Bon, je vais retourner au backend. 235 00:09:56,440 --> 00:10:00,350 Au lieu de créer le deuxième en-tête 236 00:10:00,350 --> 00:10:02,020 pour le reste du site Web, 237 00:10:02,015 --> 00:10:04,355 nous allons simplement venir ici et vous verrez ensuite 238 00:10:04,355 --> 00:10:05,995 doublons EA ou ce 239 00:10:05,990 --> 00:10:07,820 les doublons essentiels des atomes. 240 00:10:07,820 --> 00:10:09,380 Je vais y aller maintenant et simplement 241 00:10:09,380 --> 00:10:11,630 dupliquer l'en-tête de la page d'accueil. 242 00:10:11,630 --> 00:10:14,320 Vous allez maintenant voir les brouillons Elementor. 243 00:10:14,315 --> 00:10:17,095 Allons-y et je cliquerai sur Modifier. 244 00:10:17,090 --> 00:10:19,160 Et ensuite, nous examinerons quelques changements ici. 245 00:10:19,160 --> 00:10:22,870 Nous appellerons celui-ci l'en-tête global. 246 00:10:22,865 --> 00:10:24,835 Vous pouvez lui donner n'importe quel autre nom que vous voulez, 247 00:10:24,830 --> 00:10:26,690 mais je vais appeler cet en-tête global. 248 00:10:26,690 --> 00:10:28,330 Et puis juste ici, 249 00:10:28,325 --> 00:10:30,725 des modèles, oui, c'est l'en-tête. 250 00:10:30,725 --> 00:10:33,475 Ensuite, l'écran est allumé. 251 00:10:33,470 --> 00:10:37,400 Nous allons aller sur l' ensemble du site Web. 252 00:10:37,400 --> 00:10:38,960 Mais pour être sûr, je 253 00:10:38,960 --> 00:10:41,590 vais venir ici et dire ajouter une règle d'exclusion. 254 00:10:41,585 --> 00:10:43,975 Nous disons, Hey, n'affichez pas celui-ci 255 00:10:43,970 --> 00:10:46,490 sur la page d'accueil ici. 256 00:10:46,490 --> 00:10:47,800 Il a une page spécifique. 257 00:10:47,795 --> 00:10:51,125 Je vais venir ici et simplement taper chez moi, en 258 00:10:51,125 --> 00:10:53,185 assurant que cet en-tête ne sera 259 00:10:53,180 --> 00:10:55,180 jamais affiché sur la page d'accueil. 260 00:10:55,175 --> 00:10:58,985 Il ne sera affiché que sur l'ensemble du site Web. 261 00:10:58,985 --> 00:11:00,505 Et voilà. 262 00:11:00,500 --> 00:11:02,870 Donc, gabarit pleine largeur également. 263 00:11:02,870 --> 00:11:06,080 Allons-y maintenant et cliquez sur Publier. 264 00:11:06,079 --> 00:11:08,599 Et voilà. 265 00:11:08,600 --> 00:11:10,460 Donc, pour revenir ici, 266 00:11:10,460 --> 00:11:11,970 rafraîchissons cette page. 267 00:11:11,974 --> 00:11:14,344 C'est donc l'en-tête de la page d'accueil. 268 00:11:14,345 --> 00:11:15,475 Mais maintenant, jetez un coup d'œil à cela. 269 00:11:15,470 --> 00:11:17,330 Ok, si je devais aller sur une autre page, 270 00:11:17,330 --> 00:11:19,610 disons la page À propos à titre d'exemple. 271 00:11:19,609 --> 00:11:21,229 Maintenant, vous verrez que 272 00:11:21,230 --> 00:11:23,290 l'en-tête en double ne s'affiche pas. 273 00:11:23,285 --> 00:11:25,805 Allons également à la page Articles. 274 00:11:25,805 --> 00:11:29,845 Vous pouvez le voir encore, l' en-tête en double ne s'affiche pas, 275 00:11:29,840 --> 00:11:31,220 malgré le fait que nous ayons 276 00:11:31,220 --> 00:11:32,690 dit que l' en-tête en double s'affiche 277 00:11:32,690 --> 00:11:35,740 sur chaque page sauf sur la page d'accueil, 278 00:11:35,735 --> 00:11:37,835 ce qui se passe exactement ici. 279 00:11:37,835 --> 00:11:40,145 Et croyez-moi, il m'a fallu plusieurs heures. 280 00:11:40,145 --> 00:11:41,905 La Chine a juste 281 00:11:41,900 --> 00:11:44,980 pourquoi cela ne fonctionnait pas, mais je l'ai compris. 282 00:11:44,975 --> 00:11:46,765 Ce que vous voulez faire, c'est simplement revenir 283 00:11:46,760 --> 00:11:48,910 à l' en-tête en double ici. 284 00:11:48,905 --> 00:11:51,125 C'est le double coup de chaque création. 285 00:11:51,124 --> 00:11:53,454 Ce que vous voulez faire, c'est ça, OK, 286 00:11:53,450 --> 00:11:55,750 essayez simplement d'initier, en fait, 287 00:11:55,745 --> 00:11:56,755 revenons au 288 00:11:56,750 --> 00:11:59,120 back-end pour ne pas être confus. 289 00:11:59,120 --> 00:12:01,000 D'ici, à partir 290 00:12:00,995 --> 00:12:04,355 ici, il suffit de cliquer sur Modifier avec Elementor. 291 00:12:04,350 --> 00:12:06,650 Modifiez avec Elementor. 292 00:12:06,650 --> 00:12:09,050 Et puis ce que vous allez faire, c'est juste ici, 293 00:12:09,050 --> 00:12:12,560 initier tout type de changement. 294 00:12:12,560 --> 00:12:15,020 Supposons que vous ajoutiez les éléments de titre ici, 295 00:12:15,020 --> 00:12:17,260 par exemple, d'accord, déposez-le là-dedans. 296 00:12:17,255 --> 00:12:19,835 Voyez-vous maintenant que le bouton de mise à jour est disponible ? 297 00:12:19,835 --> 00:12:23,545 Bon, je vais retourner ici, fermer ça. 298 00:12:23,540 --> 00:12:25,550 Le fait ici est que vous voulez apporter 299 00:12:25,550 --> 00:12:27,370 une sorte de modification à l' 300 00:12:27,365 --> 00:12:29,335 en-tête pour que 301 00:12:29,330 --> 00:12:32,410 ce bouton de mise à jour en descente soit déclenché. 302 00:12:32,405 --> 00:12:34,735 Nous pouvons maintenant mettre à jour. 303 00:12:34,730 --> 00:12:36,440 Et maintenant, ça devrait fonctionner. 304 00:12:36,440 --> 00:12:38,390 Donc, si on vous demande de revenir à la page de mes articles 305 00:12:38,390 --> 00:12:40,640 ici et de les actualiser maintenant. 306 00:12:40,640 --> 00:12:43,640 Maintenant, vous pouvez voir que l'en-tête dupliqué 307 00:12:43,640 --> 00:12:46,870 montre maintenant que je retourne à la page d'accueil, 308 00:12:46,865 --> 00:12:48,395 est exactement le même en-tête. 309 00:12:48,395 --> 00:12:50,045 Je vais sur la page À propos. 310 00:12:50,045 --> 00:12:53,785 Et bien sûr, c'est exactement le même en-tête. 311 00:12:53,780 --> 00:12:55,400 C'est exactement ce que vous devez 312 00:12:55,400 --> 00:12:56,960 faire lorsque vous essayez de dupliquer 313 00:12:56,960 --> 00:13:00,340 vos en-têtes et vos pieds de page sur les doublons. 314 00:13:00,335 --> 00:13:02,995 Il suffit d'entrer dans l' édition avec Elementor, 315 00:13:02,990 --> 00:13:05,240 ajouter n'importe quel élément, de supprimer 316 00:13:05,240 --> 00:13:07,910 cet élément juste pour déclencher le bouton de mise à jour. 317 00:13:07,910 --> 00:13:08,900 Mise à jour. 318 00:13:08,899 --> 00:13:12,189 Et maintenant, ce nouvel en-tête ou pied de page en double 319 00:13:12,185 --> 00:13:15,445 sera maintenant en plein effet. 320 00:13:15,440 --> 00:13:17,540 C'est tout pour la vidéo que nous avons créée nos deux en-têtes. 321 00:13:17,540 --> 00:13:20,160 Merci d'avoir regardé et je vous verrai au prochain cours.