Très bien, donc avec toutes les choses ennuyeuses
, citron,
je vais vous montrer l'interface utilisateur
élément de l'interface utilisateur et
comment fonctionnent réellement les éléments.
Maintenant, je suis sur mes pages ici et ce que je vais faire
c'est que je vais modifier la page d'accueil.
Ce que vous allez faire, c'est ce que vous verrez illuminer ici.
Vous verrez Modifier avec Elementor.
Ce sera ce gros bouton bleu juste ici.
Allez-y et cliquons là-dessus.
Et ce qui se passera ici, c'est qu'Elemental sera
lancé pour marcher sur cette page particulière.
C'est la page d'accueil.
Maintenant, sur la gauche, vous pouvez évidemment
voir la boîte pour élémental, l'interface utilisateur.
Le tout premier que je veux vous montrer ici
c'est les trois boutons ici,
le menu essentiellement, vous cliquez ici.
Vous aurez accès à des éléments tels que les paramètres du site,
FIM Buildup, dont nous parlerons un peu plus tard.
Mais très vite, venons ici
pour utiliser les références.
Et je ne sais pas pour vous.
Peut-être aimez-vous le thème de la lumière.
J'aime bien le thème sombre.
Donc ce que je vais faire ici, c'est pour le thème de l'interface utilisateur,
je vais changer de forme, détecter automatiquement.
Trop sombre.
Je préfère juste un fond noir
et le texte blanc est tellement plus cool.
À mon avis, encore une fois,
c'est entièrement subjectif,
mais je vais rester si sombre.
Revenons en arrière.
Ici. Vous pouvez trouver
quelque chose dans l'élément n'importe où.
Quoi qu'il en soit, les éléments si vous le souhaitez,
vous pouvez afficher la page,
puis quitter le tableau de bord.
Mais revenons en arrière.
Maintenant.
Ici, vous avez des éléments, puis vous avez des éléments globaux.
Global ne fonctionne qu'avec la version payante d'élément.
Et c'est à ce moment que vous souhaitez enregistrer
votre bloc de contenu particulier et utiliser
ce même bloc sur une autre page n'importe où sur votre site Web.
C'est ce à quoi se réfère fondamentalement le monde.
Mais ne vous inquiétez pas, nous en parlerons un peu plus tard.
Mais ce sont vos éléments.
Vous avez des éléments de base comme votre intersection.
Vous allez vous diriger vers l'éditeur de texte d'image.
Par exemple, disons
que vous vouliez ajouter une image à votre page.
Il vous suffit de cliquer sur l'élément d'image, puis
déposer à l'intérieur de la boîte juste là.
Et à partir de là, vous pouvez
choisir l'image avec laquelle vous souhaitez travailler.
À titre d'exemple,
permettez-moi de choisir l' image de cette fille
qui tient le drapeau brésilien.
Et c'est là.
La chose est la plupart des éléments qu'il accueillera avec
généralement 3,5 compartiments principaux.
Si je conclus l' emporte,
vous aurez la zone de contenu.
Dans ce cas, vous pouvez ajouter des textes, des images,
des fichiers vidéo, des fichiers audio, etc.
Ensuite, vous aurez un style où
vous pourrez faire des choses comme changer la loi sur le charbon,
changer la taille, ajouter
une image d'arrière-plan depuis la hauteur et ainsi de suite.
Ensuite, vous aurez l'onglet Avancé.
Mais vous pouvez faire des choses comme ajouter des
marges, des motifs, sans espacement.
Vous pouvez également ajouter des effets de mouvement,
des bordures, etc.
Donc, généralement,
la plupart des éléments avec lesquels vous avez travaillé
auront ces trois onglets ou compartiments différents.
En revenant
ici et que vous cliquez sur le bouton en haut,
cela vous donnera accès à tous les éléments.
Vous pouvez donc voir que nous avons ici les éléments de base,
le bouton vidéo, l'entretoise, etc.
Maintenant, vous pouvez voir ceux en liberté conditionnelle sous
la version payante de la galerie de
portfolio de messages élémentaires.
Beaucoup d'entre eux.
Vous pouvez donc le voir maintenant, parce que nous n' utilisons pas
la version payante d'Elemental,
nous n'avons pas accès à tous ces éléments.
Mais heureusement,
parce que nous travaillons
avec le plug-in des modules complémentaires essentiels,
nous avons accès à
de nombreux éléments supplémentaires gratuitement.
Vous pouvez voir ici les atomes essentiels.
Vous avez des choses comme l'accordéon avancé,
appel à l'action, le bouton créatif inférieur, etc.
Nous allons donc aborder quelques-uns
de ces éléments.
Mais en revenant aux éléments ou en général,
nous avons également accès à d'autres blocs.
Je suis juste près de cette coordonnée.
Donc, le général avec
la version gratuite des éléments auxquels nous avons accès,
plus d'éléments comme la boîte d'icônes,
témoignage, les icônes sociales, etc.
Laissez-moi fermer celui-là.
Et ensuite, vous avez le site.
Malheureusement, ces éléments ne sont
disponibles qu'avec la version payante d'Elemental.
Vous avez WooCommerce, encore une fois,
disponible uniquement avec la version payante d'Elemental.
Nous avons parlé des atomes essentiels.
Il s'agit donc de l'autre plug-in.
Nous avons installé l' en-tête et le pied de page.
Ce plugin nous permettra de créer
un en-tête personnalisé et le pied de page personnalisé
notre site Web aura accès à
éléments tels que les éléments du menu de navigation, le titre de la page,
le titre du site,
logo du site, et ainsi de suite.
Et puis enfin,
nous avons accès aux
widgets WordPress comme vos pages,
Callender audio a fait notre recherche, etc.
C'est ça pour les éléments.
Maintenant, ici, vous avez accès à quelques autres paramètres.
Cela peut sembler écrasant, mais ne vous inquiétez pas,
une fois que vous commencez à accueillir avec élémental,
ce n'est pas aussi écrasant.
En fait, il est très, très facile de travailler avec.
Ici, sous paramètres.
Ici, vous pouvez faire des choses
comme changer le titre de la page,
changer le statut de publié par Penn et réviser,
ajouter votre image en vedette.
Vous pouvez également choisir de masquer le titre,
ce qui, en fait, faisons-le.
Bon, je vais cacher le titre.
Je veux dire, combien de fois allez-vous sur un site Web, puis sur
la page d'accueil, il est dit « home trivalent ».
Allons donc simplement masquer
le titre, puis la mise en page.
Je vais expliquer celle-ci un peu plus tard
fur et à mesure que nous progressons dans le cours.
Ensuite, vous avez l'alarme. Désolé,
vous avez la barre de progression de la lecture.
Cela est fourni par le plug-in des modules complémentaires essentiels.
Fondamentalement, le point ici est que vous avez peut-être vu dans
certains épisodes avant où
il commence à faire défiler la page,
vous verrez comme une barre IDA
se déplaçant horizontalement ou verticalement
indiquant
la quantité de lecture réelle et la quantité de
contenu que vous avez encore à manger.
Vous avez donc cette inspiration future.
Nous allons y jeter un coup d'œil un peu plus tard.
Ensuite, la table des matières passe en haut de la page.
Ne vous inquiétez pas, nous en parlerons plus tard.
Et puis sous style ici,
vous pouvez changer le type de corps.
Vous pouvez ajouter une couleur d'arrière-plan si vous le souhaitez.
Vous venez ici maintenant,
choisissez comme la couleur principale du bleu et ainsi de suite.
Mais pour l'instant, je vais juste aller de
l'avant et en décocher un.
Et enfin, vous avez l'avantage
où vous pouvez ajouter
votre propre costume, notre code JavaScript
ou un code CSS personnalisé,
qui n'est malheureusement disponible qu'avec
la version payante d'élémentaire.
Bon, passons à autre chose.
À côté de la phrase.
Vous, vous avez le Navigator.
Maintenant, le problème de naviguer vers est qu'une fois que vous commencez à
ajouter des éléments et du contenu sur votre page,
le bas du navigateur vous permettra de voir l'
ensemble de la structure dans
un format hiérarchique. de l'intégralité de votre page.
Il peut donc être très, très facile pour nous de rechercher rapidement
un élément ou un livre particulier avec lequel vous souhaitez travailler.
C'est ce que la navigation ou la navigation sont importantes.
Par conséquent, Next est l'histoire.
Donc, si vous faites
changer la couleur ou simplement si vous faites quelque chose, cela se
trouve dans l'onglet Historique
et vous pourrez le voir ici, dès le début,
lorsque nous avons commencé à éditer,
si nous avons changé la préférence de l' utilisateur
pour le thème de l'interface utilisateur de lumière,
de notre auto, trop sombre,
vous pouvez voir que c'est juste là.
Nous avons ajouté une image,
nous avons touché le titre de la page
afin que vous puissiez facilement venir ici
et inverser l' une de ces actions.
Et puis, vous avez des révisions.
Les révisions, c'est un peu plus,
qu'est-ce que c'est maintenant ? Un peu plus robuste.
En règle générale, dans les révisions, c'est ici
qu'une fois que vous aurez mis à jour et enregistré votre page,
vous verrez ces changements sur votre vision s'arrête.
Il est donc un peu plus robuste et agit.
Donc, c'est ça la graisse.
Et puis, ici,
vous avez le mode réactif.
Vous cliquez ici.
Vous pouvez désormais choisir la vue Bureau,
vue Tablet ou la vue mobile.
Et ce qui est mince, c'est que vous pouvez même devenir très, très,
très spécifique avec la largeur de votre écran.
Par exemple, si j'ai choisi la table
ici, vous voyez ces poignées à gauche et à droite.
Vous pouvez réellement passer à une certaine dimension.
Et bien sûr, OPIA, vous aurez
la largeur et la hauteur.
Si vous possédez un type spécifique d'appareil que vous souhaitez
voir comment vous avez
défini, il ressemblera à l'appareil en question.
Nous avons des dimensions très spécifiques.
Vous pouvez venir ici et modifier
les dimensions de la largeur
ainsi que de la hauteur.
Mais je vais revenir en arrière, passer au
bureau et ensuite diviser ici.
Vous pouvez prévisualiser vos modifications une fois que vous les avez effectuées.
Enfin, vous pouvez mettre à jour
toutes les lumières sous Options d' enregistrement.
Vous pouvez enregistrer en tant que brouillon
ou enregistrer en tant que brin de modèle.
En tant que modèle, vous pouvez réutiliser
exactement le même contenu sur une autre page.
C'est donc comme une ventilation
de la façon dont élémentaire marche dans les coulisses,
l'interface utilisateur, de la façon d'ajouter des éléments.
Encore une fois, ne vous inquiétez pas si cela semble très,
très écrasant, Azure commence à marcher avec élémental.
Il vous sera très facile de travailler avec vous.
Il s'agissait essentiellement d'un cours intensif
sur l' interface utilisateur élémentaire. Merci d'avoir regardé.
Rejoignez-moi au cours suivant,
nous allons maintenant commencer à définir
nos variables globales. Je vous verrai alors.