Très bien, alors allons-y maintenant et
construisons la page de blog,
que nous avons nommée la page Articles dans le menu principal,
mais c'est en fait la page du blog.
La première chose que nous allons faire ici, c'est que nous ne pouvons pas
encore éditer directement avec Elementor
parce que nous devons
abord modifier la page depuis le backend,
à partir du travail traditionnel est back-end.
Juste ici.
Nous pouvons maintenant cliquer sur Modifier avec Elementor.
Cela va maintenant nous donner accès à
l'interface élémentaire de la page.
La première chose que je vais faire, c'est
que je vais venir ici pour faire
sit-ins et simplement cacher le titre de la page.
Ensuite, nous utiliserons simplement notre propre titre.
Et nous appellerons celui-ci notre blog.
On va le vendre comme un H1, aller au style.
En fait, alignons sur le centre d'abord, allez au style.
Et ensuite, pour la typographie,
nous allons la définir comme principale.
Si vous ne travaillez pas avec les polices globales,
vous pouvez définir cette valeur sur environ
60 pixels ou quelque chose du genre.
Assurez-vous que c'est assez gros, non ?
Ensuite, nous allons ajouter
notre séparateur pour le blog
et nous l' alignerons sur le centre.
Réglez cela à la hauteur du présent.
Maintenant, jetez un coup d'œil à ça.
D'accord, nous allons ajouter des publications de différentes catégories.
Nous allons utiliser notre grille de messages
à partir des modules complémentaires essentiels ici.
Maintenant, vous avez une chronologie de publication,
qui est très intéressé par ce que cela va faire, c'
est qu'il affichera
vos publications dans
une chronologie verticale et qu'il s'agit d'un style différent.
Personnellement, je n'en suis pas un grand fan,
mais vous avez cette option si vous le souhaitez.
Mais je ne vais pas marcher avec ça.
Je vais simplement utiliser la grille de poteau.
Très bien, donc je vais faire glisser la grille de pose,
sauter des crêtes sous
le séparateur. Et maintenant, regardez ça.
La source sera évidemment nos publications,
mais nous pouvons interroger en fonction de l'auteur,
de la taxe Fermat, etc.
Mais nous allons choisir les catégories.
Ici.
Je vais taper en Europe.
Très bien.
Nous allons prendre des messages en provenance d'Europe.
La page postpayée ici serait définie sur trois,
puis la mise en page est définie.
Nous allons donc choisir trois colonnes pour la taille de l'image.
On va aller avec plein comme d'habitude.
Maintenant, vous remarquerez que parce que j'utilise
des tailles différentes de mes images pour les publications,
il y a un désalignement en termes de hauteurs.
Comme évidemment, la mode à
Istanbul a une image plus grande.
Et puis, pour leurs péchés à Pittsburgh
et à Glasgow, les photos sont plus courtes.
Il y a un moyen de contourner
cela et vous le verrez ici.
Vous avez la hauteur de l'image.
Vous pouvez simplement définir une hauteur fixe pour vos images.
Le seul inconvénient est que
parfois vous n' obtiendrez peut-être pas les meilleurs angles.
Comme par exemple, vous savez, si vous rendez
celui-ci plus grand que,
vous risquez de passer à côté du meilleur angle
de vos images et ainsi de suite.
C'est donc le seul inconvénient.
Idéalement, vous souhaitez utiliser des images de
même largeur et
hauteur pour les images mises en avant,
mais ce n'est pas un problème.
C'est bon.
Très bien, donc on a ça.
Ce qu'il faut simplement faire, c'est
ajouter un titre pour indiquer que,
accord, il s'agit de nos messages en Europe.
Je vais donc venir ici et dire Europe.
Très bien, maintenant apportons quelques changements
à la pose réelle elle-même.
Paramètres de mise en page.
Ici.
Les mots acceptés que nous allons utiliser avec 15.
Afficher en savoir plus. Oui, montrez Metta.
Oui, Bot Loves.
Passez au style.
Ce que je vais faire ici, c'est que je vais sélectionner le style numéro deux.
Celui-ci nous indiquera la date A2 qui garantit
l'avatar ou le nom de l'auteur.
Je préfère donc ce style particulier.
Maintenant, de comprendre lui-même,
nous allons passer à la typographie et à l'espacement des couleurs.
Encore une fois, vous avez la couleur du survol du titre.
Nous l'avons fait plus tôt,
je vais changer celle-ci en orange.
Ainsi, lorsqu'ils survolent le lien des messages, il devient orange.
Ensuite, pour la typographie,
nous allons également apporter quelques changements ici.
Je vais rendre cela un peu plus petit,
juste pour que la majestueuse ville de Glasgow
puisse être sur une seule ligne.
Le style, je vais aller avec une décoration italique, aucun.
Pour le bouton Lire la suite.
Changeons aussi.
Je vais découvrir ici avec le
style de bouton Mo, la couleur du texte.
On va aller avec l'orange juste pour garder les choses constantes.
Et puis, bien sûr, pour la typographie,
je vais cliquer ici,
aller à la déclaration et ensuite m'asseoir à personne.
Et c'est tout.
Nous l'avons mis en place. Europe, nous avons trois postes.
Ce que je veux faire maintenant, c'est
simplement dupliquer l'Europe,
dupliquer les Postgres ici.
Je traînerai l'Europe, la deuxième,
déposerai au-dessus d'ici,
puis je mettrai celle-ci en Asie.
Ce sera la prochaine catégorie.
Maintenant, pour les Postgres proprement dits,
nous allons changer les catégories ici en Asie.
Laissez-moi taper Gia
.
Vous y allez. Et puis enfin, mais non des moindres,
refaisons exactement la même chose,
doublons, doublons.
Maintenant, je vais traîner l'Asie.
Les changements voulus en Amérique du Sud,
venez ici aux Postgres.
Changements, un pour l'Amérique.
Rappelez-vous l'Amérique du Sud.
Et c'est là.
Une autre chose que nous pourrions faire est d' ajouter
de l'espace entre les grilles des poteaux. Alors, jetez un œil à ça.
Ok, j'irai à mon travail de troisième cycle,
soit un pour l'Europe,
aller à l'avancement sur le lien entre
les valeurs et ensuite je vais définir le modèle le plus bas.
Disons 25 pixels.
Rien de trop drastique
ne fera aussi la phrase pour l'Asie.
Pose de 25 pixels en bas.
Et puis, enfin, mais non des moindres, nous ferons
aussi pour l'Amérique du Sud,
sur la pose de 25 pixels inférieurs.
Allons-y maintenant les mises à jour.
Et voyons la page.
C'est là.
On va donc ajouter un peu d'espacement
pour le titre du blog lui-même acheté. Jetez un coup d'œil à ça.
Cela a l'air plutôt soigné et c'est plutôt cool.
Permettez-moi de modifier rapidement
le titre du blog.
Ajoutons un peu d'espacement. Nous allons donc y aller,
en fait, allez au bouton de section juste ici, en maintenant
tout le contenu ira à avancé sur le
lien et ils définiront simplement 50 pixels pour
le haut et ensuite 50 pixels pour le bas comme bien.
Ok, ou les portes.
Maintenant, une fois de plus,
voyons la page.
Et voilà la loi, voilà.
C'est la page de blog entièrement construite.
Cependant, je veux vous défier.
Pour rendre les choses plus intéressantes.
Je vais vous montrer un exemple de ce dont je parle.
À la fois avec élémental et
avec les atomes essentiels sont des plugins.
Vous avez accès à de nombreux éléments pour
rendre vos pages plus excitantes et plus dynamiques.
Par exemple, les atomes essentiels ont
activé un autre élément.
Et c'est l'accordéon d'image.
Vous le trouverez sur
les éléments créatifs ici
vous verrez l'accordéon d'image.
Allez-y, activez-le.
Revenons maintenant à la page
ici et laissez-moi vous montrer une chose que nous pourrions faire.
Je vais éditer avec Elementor.
Nous allons utiliser l'accordéon d'image.
Maintenant, vérifiez encore ça. Je vais faire défiler vers le bas.
Sont des atomes essentiels.
Nous avons l' élément accordéon d'image ici.
Je vais cliquer sur le glisser-déposer
juste au-dessus de vous. Très bien.
Avant de commencer à le modifier,
je vais ajouter un autre
titre juste au-dessus de l'accordéon de l'image.
Et nous pouvons appeler ce dernier message.
À titre d'exemple,
je vais en fait ajouter un peu de rembourrage par le haut.
Allons-y 25 pixels.
Juste pour vous donner une certaine distance entre
le titre du bloc réel et nous laisser des publications.
Et je vais y jeter un coup d'œil à nouveau.
Je vais aller dans mon accordéon d'image et inviter ici.
Nous pouvons faire tellement de choses pour la
première fois, ici,
je vais cliquer à l'intérieur,
changer l'image ici pour être l'un des messages.
Celui-là, dans les articles de Saint-Pétersbourg,
je vais choisir l'image en vedette.
Insérez ça.
Et maintenant, écrivain, vous verrez le rendre actif.
Oui, nous voulons faire ça,
je ne pourrais pas être actif pour qu'il soit
lié aux publications ici en ce moment,
je vais changer ce titre.
Deux visites à Saint-Pétersbourg.
Ce sera le titre.
Et là, il y aurait les extraits.
Ce serait le texte, à l' exception du texte,
que nous pouvons le modifier maintenant
ici, là où vous lui avez permis de lier,
vous voulez montrer ceci et maintenant ici,
c'est là que vous ajouteriez le lien à le poste.
Laissez-moi le faire rapidement.
Permettez-moi de voir la page très rapidement.
Pendant des jours à Saint-Pétersbourg.
Donc, ici, je vais saisir ce lien ici.
Encore une fois, notez que vous n'avez pas besoin de copier
le nom de domaine lui-même.
Il suffit d'utiliser la barre oblique avant, puis le nom de
la publication ou l' URL des publications.
Je vais copier ça.
Allez juste ici, revenez à Edit.
Cliquez sur le tout premier accordéon d' image ici.
Et maintenant, ici, le lien de titre.
Je vais aller de l'avant maintenant et simplement coller ça.
Cela va donc maintenant être lié à la publication ou
quatre jours à Saint-Pétersbourg.
Encore une fois, je pourrais faire la même chose pour la seconde.
D'après ici aussi.
Notre liste choisit celle du Rainbow Mountain.
Et encore une fois, je peux venir ici et changer le titre
de Rainbow Mountain.
Un peu vite, Rainbow Mountain, et ainsi de suite.
C'est pour le deuxième trimestre en conséquence, le troisième trimestre.
Et je vais juste changer celui-ci par celui que Rapa Nui.
Et puis, bien sûr, le dernier mais non le moindre,
allons avec celui de la Turquie, de
mode et de la mode à Istanbul. Insérez celui-là.
C'est le cas.
Je vais aller de l'avant et maintenant les mises à jour.
Et maintenant, nous allons jeter un coup d' œil à la page de blog améliorée.
Maintenant, regardez ça.
Vous avez des articles de blog, par exemple,
à Pittsburgh, vous aurez cette montagne arc-en-ciel.
Ils peuvent cliquer sur celui-ci pour Rapa Nui,
celle-ci pour la mode et Istanbul.
Et s'ils ne sont pas intéressés,
ils peuvent maintenant faire défiler vers le bas pour
voir les publications d'Europe,
Asie, d'Amérique du Sud, etc.
Il s'agit donc d'une façon,
une autre façon de rendre
vos pages plus interactives, plus dynamiques.
Vous pouvez également ajouter une animation,
comme si vous pouvez la configurer de sorte que vous soyez
peut-être des diapositives à partir de la gauche ou de la droite.
Je vous ai montré comment faire cela sur la page d'accueil.
Essayez donc d'être créatif.
Si vous n'êtes pas satisfait de la statique de votre page, vous
pouvez toujours pimenter les choses en utilisant des
éléments créatifs et en ajoutant de l'animation.
Et vous verrez une amélioration considérable
de la dynamique de vos pages.
C'est tout pour construire la page du blog.
Merci beaucoup d'avoir regardé.
Je vous verrai dans le prochain cours.