1
00:00:00,000 --> 00:00:01,730
Très bien, donc avec
 toutes les
 choses ennuyeuses

2
00:00:01,725 --> 00:00:02,885
, citron,

3
00:00:02,880 --> 00:00:05,640
je vais vous montrer l'interface utilisateur

4
00:00:05,640 --> 00:00:07,320
élément de l'interface
 utilisateur et

5
00:00:07,320 --> 00:00:09,570
comment fonctionnent réellement les éléments. 

6
00:00:09,570 --> 00:00:12,440
Maintenant, je suis sur mes pages
 ici et ce que je vais faire

7
00:00:12,435 --> 00:00:16,175
c'est que je vais modifier
 la page d'accueil. 

8
00:00:16,170 --> 00:00:19,110
Ce que vous allez faire, c'est ce que
 vous verrez illuminer ici. 

9
00:00:19,110 --> 00:00:21,710
Vous verrez Modifier
 avec Elementor. 

10
00:00:21,705 --> 00:00:23,495
Ce sera ce gros bouton
 bleu juste ici. 

11
00:00:23,490 --> 00:00:25,590
Allez-y
 et cliquons là-dessus. 

12
00:00:25,590 --> 00:00:27,780
Et ce qui se passera ici,
 c'est qu'Elemental sera

13
00:00:27,780 --> 00:00:31,470
lancé pour marcher sur
 cette page particulière. 

14
00:00:31,470 --> 00:00:33,390
C'est la page d'accueil. 

15
00:00:33,385 --> 00:00:35,155
Maintenant, sur la gauche, vous pouvez
 évidemment

16
00:00:35,150 --> 00:00:39,310
voir la boîte pour
 élémental, l'interface utilisateur. 

17
00:00:39,305 --> 00:00:41,525
Le tout premier que je
 veux vous montrer ici

18
00:00:41,525 --> 00:00:43,795
c'est les trois boutons ici,

19
00:00:43,790 --> 00:00:47,100
le menu essentiellement,
 vous cliquez ici. 

20
00:00:47,320 --> 00:00:50,720
Vous aurez accès à des éléments
 tels que les paramètres du site,

21
00:00:50,719 --> 00:00:52,879
FIM Buildup, dont nous
 parlerons un peu plus tard. 

22
00:00:52,880 --> 00:00:54,890
Mais très vite,
 venons
 ici

23
00:00:54,890 --> 00:00:57,040
pour utiliser les références. 

24
00:00:57,035 --> 00:00:59,215
Et je ne sais pas pour vous. 

25
00:00:59,210 --> 00:01:01,090
Peut-être aimez-vous le thème de la lumière. 

26
00:01:01,085 --> 00:01:02,395
J'aime bien le thème sombre. 

27
00:01:02,390 --> 00:01:04,580
Donc ce que je vais faire ici,
 c'est pour le thème de l'interface utilisateur,

28
00:01:04,580 --> 00:01:07,190
je vais changer de
 forme, détecter automatiquement. 

29
00:01:07,190 --> 00:01:08,300
Trop sombre. 

30
00:01:08,300 --> 00:01:10,520
Je préfère juste un fond noir

31
00:01:10,520 --> 00:01:12,350
et le texte blanc est
 tellement plus cool. 

32
00:01:12,350 --> 00:01:13,810
À mon avis, encore une fois,

33
00:01:13,805 --> 00:01:15,555
c'est entièrement subjectif,

34
00:01:15,559 --> 00:01:17,349
mais je vais rester si sombre. 

35
00:01:17,345 --> 00:01:18,985
Revenons en arrière. 

36
00:01:18,980 --> 00:01:21,730
Ici. Vous pouvez trouver

37
00:01:21,725 --> 00:01:23,885
quelque chose dans
 l'élément n'importe où. 

38
00:01:23,885 --> 00:01:25,705
Quoi qu'il en soit, les éléments si
 vous le souhaitez,

39
00:01:25,700 --> 00:01:27,350
vous pouvez afficher la page,

40
00:01:27,350 --> 00:01:29,630
puis
 quitter le tableau de bord. 

41
00:01:29,630 --> 00:01:31,940
Mais revenons en arrière. 

42
00:01:31,940 --> 00:01:33,010
Maintenant. 

43
00:01:33,005 --> 00:01:37,385
Ici, vous avez des éléments,
 puis vous avez des éléments globaux. 

44
00:01:37,385 --> 00:01:40,075
Global ne fonctionne qu'avec la version
 payante d'élément. 

45
00:01:40,070 --> 00:01:41,270
Et c'est à ce moment que
 vous souhaitez enregistrer

46
00:01:41,270 --> 00:01:43,400
votre bloc
 de contenu particulier et utiliser

47
00:01:43,400 --> 00:01:47,830
ce même bloc sur une autre
 page n'importe où sur votre site Web. 

48
00:01:47,825 --> 00:01:50,005
C'est ce à quoi se réfère
 fondamentalement le monde. 

49
00:01:50,000 --> 00:01:52,520
Mais ne vous inquiétez pas, nous en
 parlerons un peu plus tard. 

50
00:01:52,520 --> 00:01:54,590
Mais ce sont vos éléments. 

51
00:01:54,590 --> 00:01:57,830
Vous avez des éléments de base
 comme votre intersection. 

52
00:01:57,830 --> 00:02:00,350
Vous allez vous diriger vers l'éditeur de texte
 d'image. 

53
00:02:00,350 --> 00:02:02,020
Par exemple, disons

54
00:02:02,015 --> 00:02:05,105
que vous vouliez ajouter une
 image à votre page. 

55
00:02:05,105 --> 00:02:07,765
Il vous suffit de cliquer sur
 l'élément d'image, puis

56
00:02:07,760 --> 00:02:11,080
déposer à l'intérieur de
 la boîte juste là. 

57
00:02:11,075 --> 00:02:12,775
Et à partir de là, vous pouvez

58
00:02:12,770 --> 00:02:14,810
choisir l'image avec laquelle
 vous souhaitez travailler. 

59
00:02:14,810 --> 00:02:16,460
À titre d'exemple,

60
00:02:16,460 --> 00:02:18,890
permettez-moi de choisir l'
image de cette fille

61
00:02:18,890 --> 00:02:22,030
qui tient
 le drapeau brésilien. 

62
00:02:22,025 --> 00:02:23,785
Et c'est là. 

63
00:02:23,780 --> 00:02:26,510
La chose est la plupart des
 éléments qu'il accueillera avec

64
00:02:26,510 --> 00:02:29,510
généralement 3,5 compartiments principaux. 

65
00:02:29,510 --> 00:02:30,770
Si je conclus l'
emporte,

66
00:02:30,770 --> 00:02:33,320
vous aurez la zone de contenu. 

67
00:02:33,320 --> 00:02:37,360
Dans ce cas,
 vous pouvez ajouter des textes, des
 images,

68
00:02:37,355 --> 00:02:41,705
des fichiers vidéo, des fichiers
 audio, etc. 

69
00:02:41,705 --> 00:02:44,065
Ensuite, vous aurez un style où

70
00:02:44,060 --> 00:02:46,240
vous pourrez faire des choses comme
 changer la loi sur le charbon,

71
00:02:46,235 --> 00:02:48,155
changer la taille, ajouter

72
00:02:48,155 --> 00:02:50,765
une image d'arrière-plan depuis
 la hauteur et ainsi de suite. 

73
00:02:50,765 --> 00:02:53,835
Ensuite, vous aurez
 l'onglet Avancé. 

74
00:02:53,839 --> 00:02:55,279
Mais vous pouvez faire des choses comme ajouter des

75
00:02:55,280 --> 00:02:57,450
marges, des motifs, sans espacement. 

76
00:02:57,454 --> 00:02:59,614
Vous pouvez également ajouter
 des effets de mouvement,

77
00:02:59,615 --> 00:03:01,345
des bordures, etc. 

78
00:03:01,340 --> 00:03:02,980
Donc, généralement,

79
00:03:02,975 --> 00:03:04,975
la
 plupart des éléments avec lesquels
 vous avez travaillé

80
00:03:04,970 --> 00:03:08,890
auront ces trois
 onglets ou compartiments différents. 

81
00:03:08,885 --> 00:03:10,435
En revenant

82
00:03:10,430 --> 00:03:11,780
ici et que vous cliquez sur
 le bouton en haut,

83
00:03:11,780 --> 00:03:13,670
cela vous donnera accès
 à tous les éléments. 

84
00:03:13,670 --> 00:03:16,580
Vous pouvez donc voir que nous avons ici
 les éléments de base,

85
00:03:16,580 --> 00:03:18,620
le bouton
 vidéo, l'entretoise, etc. 

86
00:03:18,620 --> 00:03:21,460
Maintenant, vous pouvez voir ceux en
 liberté conditionnelle sous

87
00:03:21,455 --> 00:03:24,145
la version payante de la galerie de

88
00:03:24,140 --> 00:03:27,280
portfolio de messages
 élémentaires. 

89
00:03:27,275 --> 00:03:28,675
Beaucoup d'entre eux. 

90
00:03:28,670 --> 00:03:30,110
Vous pouvez donc le voir
 maintenant, parce que nous n'
utilisons pas

91
00:03:30,110 --> 00:03:32,120
la
 version payante d'Elemental,

92
00:03:32,120 --> 00:03:34,820
nous n'avons pas accès
 à tous ces éléments. 

93
00:03:34,820 --> 00:03:36,400
Mais heureusement,

94
00:03:36,395 --> 00:03:38,995
parce que nous travaillons

95
00:03:38,990 --> 00:03:41,870
avec le plug-in
 des modules complémentaires essentiels,

96
00:03:41,870 --> 00:03:43,600
nous avons accès à

97
00:03:43,595 --> 00:03:47,725
de
 nombreux
 éléments supplémentaires gratuitement. 

98
00:03:47,720 --> 00:03:50,590
Vous pouvez voir ici
 les atomes essentiels. 

99
00:03:50,585 --> 00:03:53,285
Vous avez des choses comme
 l'accordéon avancé,

100
00:03:53,285 --> 00:03:56,755
appel à l'action, le bouton
 créatif inférieur, etc. 

101
00:03:56,750 --> 00:03:58,400
Nous allons donc
 aborder
 quelques-uns

102
00:03:58,400 --> 00:04:00,260
de ces éléments. 

103
00:04:00,260 --> 00:04:03,740
Mais en revenant aux éléments
 ou en général,

104
00:04:03,740 --> 00:04:06,350
nous avons également accès à
 d'autres blocs. 

105
00:04:06,350 --> 00:04:08,330
Je suis juste près de cette coordonnée. 

106
00:04:08,330 --> 00:04:09,710
Donc, le général avec

107
00:04:09,710 --> 00:04:11,720
la version gratuite des éléments
 auxquels nous avons accès,

108
00:04:11,720 --> 00:04:13,850
plus d'éléments comme la boîte d'icônes,

109
00:04:13,850 --> 00:04:16,720
témoignage, les
 icônes sociales, etc. 

110
00:04:16,715 --> 00:04:18,415
Laissez-moi fermer celui-là. 

111
00:04:18,410 --> 00:04:19,670
Et ensuite, vous avez le site. 

112
00:04:19,670 --> 00:04:22,550
Malheureusement, ces éléments
 ne sont

113
00:04:22,550 --> 00:04:25,150
disponibles qu'avec la version
 payante d'Elemental. 

114
00:04:25,145 --> 00:04:26,945
Vous avez WooCommerce, encore une fois,

115
00:04:26,945 --> 00:04:29,915
disponible
 uniquement avec la version
 payante d'Elemental. 

116
00:04:29,915 --> 00:04:31,685
Nous avons parlé
 des atomes essentiels. 

117
00:04:31,685 --> 00:04:34,015
Il s'agit donc de l'autre plug-in. 

118
00:04:34,010 --> 00:04:35,890
Nous avons installé l'
en-tête et le pied de page. 

119
00:04:35,885 --> 00:04:37,765
Ce plugin nous
 permettra de créer

120
00:04:37,760 --> 00:04:39,890
un en-tête personnalisé et
 le pied de page
 personnalisé

121
00:04:39,890 --> 00:04:42,050
notre site Web
 aura accès à

122
00:04:42,050 --> 00:04:44,830
éléments tels que les éléments du menu de
 navigation, le titre de la
 page,

123
00:04:44,825 --> 00:04:47,825
le titre du site,

124
00:04:47,825 --> 00:04:49,795
logo du site, et ainsi de suite. 

125
00:04:49,790 --> 00:04:51,560
Et puis enfin,

126
00:04:51,560 --> 00:04:52,850
nous avons accès
 aux

127
00:04:52,850 --> 00:04:56,570
widgets WordPress
 comme vos pages,

128
00:04:56,570 --> 00:05:00,820
Callender audio a fait
 notre recherche, etc. 

129
00:05:00,815 --> 00:05:03,765
C'est ça
 pour les éléments. 

130
00:05:03,769 --> 00:05:09,219
Maintenant, ici, vous avez
 accès à quelques autres paramètres. 

131
00:05:09,215 --> 00:05:11,375
Cela peut sembler
 écrasant, mais ne vous inquiétez pas,

132
00:05:11,375 --> 00:05:12,805
une fois que vous commencez à accueillir
 avec élémental,

133
00:05:12,800 --> 00:05:14,230
ce n'est pas
 aussi écrasant. 

134
00:05:14,225 --> 00:05:16,315
En fait, il est très,
 très facile de travailler avec. 

135
00:05:16,310 --> 00:05:18,130
Ici, sous paramètres. 

136
00:05:18,125 --> 00:05:20,065
Ici, vous pouvez faire des choses

137
00:05:20,060 --> 00:05:22,310
comme changer le
 titre de la page,

138
00:05:22,310 --> 00:05:25,370
changer le statut de
 publié par Penn et réviser,

139
00:05:25,370 --> 00:05:27,440
ajouter
 votre image en vedette. 

140
00:05:27,440 --> 00:05:29,690
Vous pouvez également choisir
 de masquer le titre,

141
00:05:29,690 --> 00:05:31,720
ce qui, en fait, faisons-le. 

142
00:05:31,715 --> 00:05:32,845
Bon, je vais cacher le titre. 

143
00:05:32,840 --> 00:05:35,240
Je veux dire, combien de fois
 allez-vous sur un site Web, puis sur

144
00:05:35,240 --> 00:05:38,510
la page d'accueil, il est dit «
 home trivalent ». 

145
00:05:38,510 --> 00:05:39,970
Allons donc simplement masquer

146
00:05:39,965 --> 00:05:42,905
le titre, puis
 la mise en page. 

147
00:05:42,905 --> 00:05:44,845
Je vais expliquer celle-ci
 un peu plus tard

148
00:05:44,840 --> 00:05:47,300
fur et à mesure que nous progressons dans le cours. 

149
00:05:47,300 --> 00:05:50,090
Ensuite, vous avez l'alarme.
 Désolé,

150
00:05:50,090 --> 00:05:53,320
vous avez la barre de progression de la
 lecture. 

151
00:05:53,315 --> 00:05:56,815
Cela est fourni par le plug-in des modules complémentaires
 essentiels. 

152
00:05:56,810 --> 00:05:59,870
Fondamentalement, le point ici est
 que vous avez peut-être vu dans

153
00:05:59,870 --> 00:06:01,130
certains épisodes avant où

154
00:06:01,130 --> 00:06:02,960
il commence à
 faire défiler la page,

155
00:06:02,960 --> 00:06:04,930
vous verrez comme une barre IDA

156
00:06:04,925 --> 00:06:07,585
se déplaçant horizontalement
 ou verticalement

157
00:06:07,580 --> 00:06:09,620
indiquant

158
00:06:09,620 --> 00:06:11,030
la quantité de lecture
 réelle et la quantité de

159
00:06:11,030 --> 00:06:12,470
contenu que vous avez
 encore à manger.
 

160
00:06:12,470 --> 00:06:14,300
Vous avez donc cette inspiration
 future. 

161
00:06:14,300 --> 00:06:16,330
Nous allons y jeter un coup
 d'œil un peu plus tard. 

162
00:06:16,325 --> 00:06:18,475
Ensuite, la table des
 matières passe en haut de la page. 

163
00:06:18,470 --> 00:06:21,540
Ne vous inquiétez pas, nous en
 parlerons plus tard. 

164
00:06:21,544 --> 00:06:25,774
Et puis sous style ici,

165
00:06:25,775 --> 00:06:27,625
vous pouvez changer le type de corps. 

166
00:06:27,620 --> 00:06:30,310
Vous pouvez ajouter une
 couleur d'arrière-plan si vous le souhaitez. 

167
00:06:30,305 --> 00:06:31,495
Vous venez ici maintenant,

168
00:06:31,490 --> 00:06:34,880
choisissez comme la
 couleur principale du bleu et ainsi de suite. 

169
00:06:34,880 --> 00:06:36,820
Mais pour l'instant, je vais juste
 aller de

170
00:06:36,815 --> 00:06:39,215
l'avant et en décocher un. 

171
00:06:39,215 --> 00:06:41,395
Et enfin, vous avez l'avantage

172
00:06:41,390 --> 00:06:42,830
où vous pouvez ajouter

173
00:06:42,830 --> 00:06:44,930
votre propre costume,
 notre code JavaScript

174
00:06:44,930 --> 00:06:47,900
ou un code CSS personnalisé,

175
00:06:47,900 --> 00:06:49,430
qui
 n'est malheureusement disponible qu'avec

176
00:06:49,430 --> 00:06:52,170
la version payante d'élémentaire. 

177
00:06:52,174 --> 00:06:53,614
Bon, passons à autre chose. 

178
00:06:53,615 --> 00:06:54,625
À côté de la phrase. 

179
00:06:54,620 --> 00:06:56,650
Vous, vous avez le Navigator. 

180
00:06:56,645 --> 00:06:59,605
Maintenant, le problème de naviguer
 vers est qu'une fois que vous commencez à

181
00:06:59,600 --> 00:07:02,870
ajouter des éléments et du
 contenu sur votre page,

182
00:07:02,869 --> 00:07:06,589
le bas du navigateur vous
 permettra de voir l'

183
00:07:06,590 --> 00:07:08,840
ensemble de
 la structure dans

184
00:07:08,840 --> 00:07:11,750
un format hiérarchique. 
de l'intégralité de votre page. 

185
00:07:11,750 --> 00:07:14,120
Il peut donc être très, très facile
 pour nous de rechercher rapidement

186
00:07:14,120 --> 00:07:16,850
un élément ou un livre particulier avec
 lequel vous souhaitez travailler. 

187
00:07:16,850 --> 00:07:19,430
C'est ce que la navigation
 ou la navigation sont importantes. 

188
00:07:19,430 --> 00:07:21,860
Par conséquent, Next est l'histoire. 

189
00:07:21,860 --> 00:07:24,440
Donc, si vous faites

190
00:07:24,440 --> 00:07:27,610
changer la couleur ou simplement
 si vous faites quelque chose,
 cela se

191
00:07:27,605 --> 00:07:29,125
trouve dans l'onglet Historique

192
00:07:29,120 --> 00:07:30,310
et vous pourrez le voir ici,
 dès le début,

193
00:07:30,305 --> 00:07:33,205
lorsque nous avons commencé à éditer,

194
00:07:33,200 --> 00:07:35,060
si nous avons changé la préférence de l'
utilisateur

195
00:07:35,060 --> 00:07:36,380
pour le thème de l'interface utilisateur
 de lumière,

196
00:07:36,380 --> 00:07:38,120
de notre auto, trop sombre,

197
00:07:38,120 --> 00:07:39,710
vous pouvez voir que c'est juste là. 

198
00:07:39,710 --> 00:07:41,090
Nous avons ajouté une image,

199
00:07:41,090 --> 00:07:42,170
nous avons touché le titre de la page

200
00:07:42,170 --> 00:07:43,340
afin que vous puissiez facilement
 venir
 ici

201
00:07:43,340 --> 00:07:46,530
et inverser l'
une de ces actions. 

202
00:07:46,534 --> 00:07:47,604
Et puis, vous avez des révisions. 

203
00:07:47,600 --> 00:07:49,520
Les révisions, c'est un peu plus,

204
00:07:49,520 --> 00:07:51,740
qu'est-ce que c'est maintenant ? Un
 peu plus robuste. 

205
00:07:51,740 --> 00:07:53,560
En règle générale, dans les
 révisions, c'est ici

206
00:07:53,555 --> 00:07:56,065
qu'une fois que
 vous aurez mis à jour et enregistré votre page,

207
00:07:56,060 --> 00:07:59,780
vous verrez ces changements
 sur votre vision s'arrête. 

208
00:07:59,780 --> 00:08:02,240
Il est donc un peu plus
 robuste et agit. 

209
00:08:02,240 --> 00:08:03,380
Donc, c'est ça la graisse. 

210
00:08:03,380 --> 00:08:04,720
Et puis, ici,

211
00:08:04,715 --> 00:08:06,925
vous avez le mode réactif. 

212
00:08:06,920 --> 00:08:08,570
Vous cliquez ici. 

213
00:08:08,570 --> 00:08:12,490
Vous pouvez désormais
 choisir la vue Bureau,

214
00:08:12,485 --> 00:08:15,925
vue
 Tablet ou la vue mobile. 

215
00:08:15,920 --> 00:08:18,620
Et ce qui est mince, c'est que vous pouvez
 même devenir très,
 très,

216
00:08:18,620 --> 00:08:22,330
très spécifique avec la
 largeur de votre écran. 

217
00:08:22,325 --> 00:08:24,355
Par exemple, si
 j'ai choisi la table

218
00:08:24,350 --> 00:08:26,270
ici, vous voyez ces
 poignées à gauche et à droite. 

219
00:08:26,270 --> 00:08:31,370
Vous pouvez réellement passer
 à une certaine dimension. 

220
00:08:31,370 --> 00:08:32,750
Et bien sûr, OPIA,
 vous aurez

221
00:08:32,750 --> 00:08:34,490
la largeur et la hauteur. 

222
00:08:34,490 --> 00:08:37,100
Si vous possédez un type spécifique
 d'appareil que vous
 souhaitez

223
00:08:37,100 --> 00:08:39,380
voir comment vous
 avez

224
00:08:39,380 --> 00:08:41,300
défini, il ressemblera à
 l'appareil en question. 

225
00:08:41,300 --> 00:08:42,670
Nous avons des dimensions très spécifiques. 

226
00:08:42,665 --> 00:08:44,005
Vous pouvez venir ici et modifier

227
00:08:44,000 --> 00:08:45,200
les dimensions de la largeur

228
00:08:45,200 --> 00:08:48,290
ainsi que de la hauteur. 

229
00:08:48,290 --> 00:08:50,950
Mais je vais revenir en arrière, passer
 au

230
00:08:50,945 --> 00:08:54,335
bureau et
 ensuite diviser ici. 

231
00:08:54,335 --> 00:08:58,105
Vous pouvez prévisualiser vos modifications
 une fois que vous les avez effectuées. 

232
00:08:58,100 --> 00:08:59,980
Enfin, vous pouvez mettre à jour

233
00:08:59,975 --> 00:09:01,615
toutes les lumières sous Options d'
enregistrement. 

234
00:09:01,610 --> 00:09:02,900
Vous pouvez enregistrer en tant que brouillon

235
00:09:02,900 --> 00:09:05,390
ou enregistrer en
 tant que brin de modèle. 

236
00:09:05,390 --> 00:09:07,250
En tant
 que modèle, vous pouvez réutiliser

237
00:09:07,250 --> 00:09:10,910
exactement
 le même contenu
 sur une autre page. 

238
00:09:10,910 --> 00:09:13,990
C'est donc
 comme une ventilation

239
00:09:13,985 --> 00:09:18,655
de la façon dont élémentaire marche dans les
 coulisses,

240
00:09:18,650 --> 00:09:20,710
l'interface utilisateur, de la
 façon d'ajouter des éléments. 

241
00:09:20,705 --> 00:09:22,135
Encore une fois, ne vous inquiétez pas
 si cela semble
 très,

242
00:09:22,130 --> 00:09:25,510
très écrasant, Azure
 commence à marcher avec élémental. 

243
00:09:25,505 --> 00:09:28,595
Il vous sera très facile
 de travailler avec vous. 

244
00:09:28,595 --> 00:09:30,515
Il s'agissait essentiellement
 d'un cours intensif

245
00:09:30,515 --> 00:09:33,155
sur l'
interface utilisateur élémentaire. Merci d'avoir regardé. 

246
00:09:33,155 --> 00:09:34,345
Rejoignez-moi au cours suivant,

247
00:09:34,340 --> 00:09:35,620
nous allons maintenant commencer à définir

248
00:09:35,615 --> 00:09:39,065
nos variables globales. 
Je vous verrai alors.