Comment créer une page d'atterrissage à l'aide d'Elementor dans WordPress ?

1. Ce que nous allons apprendre dans ce cours ?: Salut les gars, Bienvenue dans ce cours magistral. Maintenant, si vous ne me connaissez pas, je m' appelle Muhammad plutôt que Money et je suis un développeur WordPress avec sept ans d'expérience. Je souhaite également avoir une agence numérique et servir fièrement ma clientèle dans le monde entier. Dans ce court cours, nous allons apprendre comment créer une page. Nous utiliserons un générateur de page élémentaire pour créer une page de destination. Maintenant, nous pourrions également utiliser d'autres choses, mais le but de l' utilisation d'Elementor est qu'il est très facile et rapide de créer une page de destination à l'aide d'Elementor. Avec son magnifique générateur de pages Drag and Drop, vous pouvez facilement créer les mises en page dont vous avez besoin. Vous pouvez ajuster les colonnes, les positions des sections, les tailles de police, etc. en quelques clics. Le pitch que nous allons créer contiendra donc un logo cliquable et des icônes sociales. Cela pourrait nous donner un ensemble d'icônes dans l'en-tête, d' une manière accrocheuse avec un appel à l'action cliquable. Nous créerons également d'autres sections le long de l'objectif. À la fin, nous ajouterons belles animations pour rendre plus beau et plus attrayant. Alors maintenant, j'espère vous voir à l'intérieur. Plongeons-nous dedans. 2. Comment configurer un site Web ?: Je vous félicite donc d' avoir suivi ce cours. Au fur et à mesure que vous y serez, nous verrons par où commencer. Voici donc une question pour toi. Oui, nous pouvons ignorer cette partie. Si ce n'est pas le cas, nous devrons effectuer quelques configurations ici. Tout d'abord, nous devrons configurer un domaine et un hébergement. Et pour cela, il va falloir absolument acheter un domaine et héberger les différentes sociétés. Je vous recommanderai d'acheter un domaine et un hébergement, car vous pouvez envisager SiteGround, peut-être Bluehost ou Host Gator. Voici les quelques noms. Je sais qu'il y en a de bonnes, mais vous pouvez également choisir n'importe quelle autre question, n'importe quel autre domaine aussi bien que vous le souhaitez. Ainsi, après avoir configuré le domaine et l'hébergement, vous devez installer un nouveau CMS WordPress sur le nouveau site Web que nous avons récemment configuré, veillant à enregistrer le nom d'utilisateur et le mot de passe. Vous configurez. Maintenant, si vous voulez voir, si vous voulez voir comment vous pouvez configurer WordPress ou peut-être configurer un domaine et un hébergement. Vous pouvez voir des cours différents des autres cours Skillshare. Il sera en mesure de vous aider à configurer le domaine et hébergement et à installer un nouveau CMS WordPress dessus. Et une fois que vous aurez terminé , nous devrons approfondir et commencer à créer notre page de destination. 3. Configuration du thème WordPress: Maintenant que nous avons la nouvelle installation de WordPress devrons configurer les thèmes et les plugins. Donc, tout d'abord, nous allons définir le thème à cet effet. Vous devrez vous rendre sur le WordPress tel que nous venons de l'installer. Il s'agit donc d'un WordPress tel que nous venons de l'installer. Et maintenant, il va falloir accéder au tableau de bord pour cela. Nous allons réécrire WP admin après l'URL, et cela nous amènera au tableau de bord. D'ailleurs, si vous n'êtes pas connecté, vous devrez vous connecter à votre site Web avant d'accéder à ce tableau de bord. Donc, pour l'installation, l'équipe va passer à l'apparence puis aux thèmes. Wordpress est livré avec quelques installations, quelques thèmes par défaut préinstallés. Et si c'est le cas, si vous avez installé WordPress l'aide d'un hébergement ou peut-être d'un programme d'installation de logiciels, vous aurez également des thèmes WordPress par défaut. Donc, dans ce cas, j'ai cette équipe de scénaristes et nous pouvons maintenant utiliser Elementor de différentes manières . Je crois que la meilleure équipe qui utilise Elementor est Hello Elementor pour différentes raisons. Bonjour, les résultats élémentaires sont pour la plupart vides. Le thème est pour la plupart vide et nous ne pouvons l'utiliser qu'avec Elementor. Je vais donc passer à l'apparence, puis aux thèmes, puis en ajouter de nouveaux ici pour installer un thème. Et sur le côté droit, je vais taper Hello Elementor. Et ici je vais installer cette scène. La meilleure chose à propos de cette équipe est qu'elle est très légère, comme je l'ai mentionné précédemment. Le plug-in, le plug-in élémentaire et cette équipe forment donc une combinaison parfaite. Ainsi, une fois que vous aurez installé le thème dans la vidéo suivante, nous verrons comment installer le plug-in Elementor et commencer. 4. Configuration des plugins WordPress: Jusqu'à présent, nous avons configuré le domaine et l'hébergement. Nous avons installé un nouveau WordPress, nous avons configuré le thème. Il est maintenant temps d' installer le plug-in Elementor. Et comme je l'ai mentionné, pourquoi nous utilisons Elementor. Il y a différentes raisons d'utiliser Elementor, tout d'abord, il est livré avec un très bel éditeur d'interface utilisateur UX, ce qui nous permet de gérer facilement les colonnes, la mise en page et tout ça. Et la deuxième chose, c'est qu'il est si rapide et facile de créer des pages de destination à l'aide Elementor, car il est livré avec différents modules complémentaires très simples qu'ils peuvent utiliser, comme des sections, des en-têtes. au générateur glisser-déposer, nous pouvons facilement modifier les couleurs, le texte, les polices, les marges, etc. Il y a donc différentes raisons. L'utilisation d'Elementor présente de nombreux avantages. Nous pouvons donc facilement rendre le prêt entre pairs Visa réactif, mais ce sont des outils assez simples et réactifs. Alors maintenant, installez le plug-in Elementor sur un site Web. Pour cela, nous devrons à nouveau accéder au tableau de bord. Et voici le tableau de bord. Et maintenant, cette fois, nous devons accéder aux plugins et vous cliquez sur Ajouter un nouveau ici. Et sur le côté droit, vous rechercherez l'élément deux. Le premier résultat affiché ici est éliminé. créateur de site Web l' installera. Et je vous laisse obtenir ce plugin. Et c'était une étape simple pour installer le plug-in Elementor ici Je pense que nous n'aurons pas besoin des plug-ins pour créer la page de prêt. Nous nous en tiendrons donc à ce plug-in, mais peut-être plus tard si nous avons besoin d'autres plug-ins. C'est la raison pour laquelle nous utilisons le plugin et comment utiliser un plugin, non ? Nous allons donc maintenant aller de l'avant et commencer à créer notre page de destination dans la vidéo suivante. 5. Qu'est-ce que is et comment l'utiliser ?: Donc, avant de commencer à créer une page active, nous devrons tout d'abord voir comment utiliser nos limiteurs afin pouvoir voir les astuces, les pauses et tout le reste. Cela nous facilitera la tâche. Facilitez-nous la création de notre page d'apprentissage. Commençons donc. Encore une fois. Il va falloir que j' aille dans le grand trou. Voici donc le tableau de bord. Et comme ils ont installé thème Hello Elementor et le plug-in élémentaire. Voici à quoi ressemble le tableau de bord par la suite. Créons donc notre page, notre première page en fait avec Elementor pour voir comment elle fonctionne. ce moment, je suis en train de créer cette page. Parce qu'après cela, nous créerons notre véritable page de destination. Il s'agit d'une page de test pour voir comment fonctionne Elementor. Nous allons le publier dans Publier. Et maintenant, regardons notre page. Et voici à quoi ressemble la page sur le thème Hello Elementor par défaut et la page d'application sur Elementor. Donc, pour modifier cela, nous devrons à nouveau accéder au tableau de bord. Pour ça. Passons à l'administrateur WP car je ferme la page. Et là encore, je vais accéder aux pages et cliquer sur le bouton Modifier ici. Et ici, je dois cliquer sur cette modification avec Elementor car le générateur actuel que vous voyez actuellement s' appelle Gutenberg. Nous utilisons le générateur de pages Elementor dans ce cas, nous allons donc cliquer sur Modifier avec Elementor. Nous pouvons donc ouvrir une page glisser-déposer qui recrutera des personnes environnementales. Voici donc à quoi fonctionne et ressemble le constructeur de pages Elementor . Sur le côté gauche, vous trouverez différents modules complémentaires que vous pouvez utiliser pour créer votre page d'apprentissage. En voici quelques-uns, B6 puis PRO, émetteur, Pro, vous pouvez également les utiliser. Et sur le côté droit, vous avez une vue claire de votre page. Et ici, vous pouvez cliquer, modifier les colonnes et les colonnes ici en cliquant sur l'icône plus. Et ici, vous pouvez, sur le côté gauche, vous avez des inconnues. Vous pouvez simplement faire glisser les modules complémentaires d' ici vers la droite pour les utiliser. Par exemple, si vous devez utiliser un titre, vous l'avez ici. Il suffit de le faire glisser la droite et vous vous dirigez vers la page. Vous pouvez simplement modifier ceci, disons, ou notre premier titre. Et ce n'est pas ça. Vous pouvez complètement modifier la typographie. Vous pouvez changer les couleurs, la taille, etc. Pour cela, il vous suffira de créer cet onglet de style. Et vous aurez toutes les options que vous devrez ajouter. Vous savez, si vous embauchez, par exemple la couleur du texte, vous pouvez modifier votre élément de texte comme vous le souhaitez. Et l'épigraphie, vous avez différentes options. Vous pouvez sélectionner la police de votre choix. Laissons donc cette forme d'onde que nous ne voyons jamais nulle part sauf lui pour quelques sites Web. Et ici, nous pouvons également ajuster la taille. Et nous avons des poids différents. Vous pouvez simplement vous en tenir. Les poids indiqués dans le formulaire auront des poids différents. Cela changera, vous pourrez voir l' audace et la légèreté de ce divertissement et transformer. Vous pouvez simplement mettre ce texte majuscules, en minuscules ou en majuscules et tout ça. Vous pouvez également simplement modifier le style de celui-ci. Disons que si vous deviez utiliser l'italique, vous pouvez l'utiliser, utiliser l' oblique, le normal et tout ça. Vous pouvez simplement le faire à partir d'ici. Et puis il y a l'échec de la déclaration. Nous pouvons simplement ajouter une surligne sous-jacente, une ligne traversante ou peut-être aucune. Ensuite, nous avons la hauteur de ligne. Par exemple, si nous avons, vous savez, les textes sur deux lignes différentes, nous pouvons ajuster les résultats des lignes à partir d'ici. Comme ça. L'option suivante est l'espacement des lettres. Nous pouvons simplement régler les briquets ici. Maintenant, nous avons l'espacement des mots Nous pouvons donc l'utiliser simplement : revenons aux lignes simples pour que vous puissiez le voir correctement. Vous pouvez voir comment fonctionne l' espacement ici. Cet espacement fonctionne entre les mots et cela fonctionne essentiellement avec mes lettres. Voici donc toutes les options dont vous aurez besoin. Vous avez également plus d'options. Les textes sont-ils vrais ? Vous pouvez ajouter un peu d'eau à vos textes. Changez également la couleur. Et nous avons l'ombre du texte. Ensuite, nous avons le mode de fusion. C'est quelque chose que vous pouvez appeler « ajouter ». Une fois que nous saurons ce qu'il fait, vous pourrez l'utiliser, mais peut-être pouvons-nous l'ignorer. L'industrie savait que c' était le titre. Et si vous souhaitez utiliser une image, vous pouvez revenir aux modules complémentaires en cliquant sur ces icônes à 9 nœuds. Et voyons voir, il va falloir utiliser une image ici. Et je vais cliquer sur Nouvelle image de démonstration que j'ai téléchargée dans la médiathèque. Ainsi, à partir de là, vous pouvez ajuster la taille des images. Nous pouvons créer des vignettes sur un support ou sur n'importe qui de votre choix. Et puis nous avons ici les alignements de l'image. Par exemple, si vous êtes une petite image, nous devons les aligner à gauche. Tu peux faire ce centre dès maintenant. Et puis nous avons également la possibilité d'ajouter des légendes. Voyons s'il est nécessaire d' ajouter des légendes à l'image. Tu peux le faire aussi. Et nous avons la possibilité d'ajouter des liens. Si vous souhaitez que l'image soit cliquable, vous pouvez utiliser ces liens pour que l'image puisse être cliquée vers un autre lien ou une page interne du site Web. Et ce n'est pas ça. Vous pouvez également personnaliser l'image avec différentes options. Nous avons l'attribut ici, par exemple si nous avons besoin d'une largeur spécifiée pour l'image, nous pouvons le faire. La largeur suivante, la hauteur. Vous pouvez l'ajuster comme vous le souhaitez. Ensuite, l'objet s'est ajusté. Par exemple, ce moment, vous voyez les images s'étirer parce que nous avons ajusté la hauteur. Nous voulons que l'image ne s'étire pas. Nous pouvons le couvrir, contenir ou avoir besoin qu'il soit étiré. Nous pouvons à nouveau faire le plein, non ? Voici donc l'opacité de l'image. Filtres CSS. Encore une fois, il s'agit d'une chose avancée que nous pourrons peut-être envisager plus tard. Et puis le Border Tribe possède deux fois plus de frontières différentes avec lesquelles vous pouvez certainement jouer. Et puis c'est une ombre à paupières. Si vous voulez voir une ombre au dos de cette vidéo, désolé, image. Vous pouvez également le faire. Donc oui, c'était une image comme celle-ci. Vous pouvez ajouter n'importe quel élément de votre choix. Il y a différents éléments tels que des boutons vidéo, une entretoise, un séparateur ici, Google Maps, des icônes et tout ça. Voyons également comment fonctionne la vidéo ici. Et vous pouvez voir les années par défaut déjà placées. Vous pouvez simplement déposer le lien de votre vidéo YouTube ici, ou peut-être un lien vidéo que vous souhaitez intégrer et la vidéo sera automatiquement intégrée. Vous verrez à quel point il est facile d'utiliser Elementor pour créer les pages. Et vous imaginerez peut-être comment nous pouvons vous aider avec NO à quel point nous pouvons créer rapidement et facilement notre page d'apprentissage à l'aide d'Elementor. Dans la vidéo suivante, nous allons donc exactement découvrir comment nous pouvons l'utiliser pour créer des pages de destination passionnantes. Rendez-vous dans la prochaine vidéo. 6. Créer une nouvelle page: Maintenant, nous allons devoir lire une page pour notre page d'apprentissage où nous allons réellement créer les sections et tout ça. Pour cela, nous allons accéder aux pages ici et nous ajouterons une nouvelle page. Vous allez créer une page de destination pour un nouveau modèle, un nouveau modèle de voiture. Nous allons donc planifier les choses en conséquence. Donc pour cela, je vais écrire ici ABC. Très bien, alors cliquez sur Modifier avec Elementor. Cela ouvrira la page dans l'éditeur Elementor. Donc, tout d'abord, vous allez nettoyer la mise en page en supprimant toutes ces choses supplémentaires. Pour ce faire, nous allons accéder aux paramètres en bas à droite. Et nous allons accéder aux paramètres en bas à gauche. Et nous allons sélectionner la mise en page Elementor Canvas. Une fois que nous aurons confirmé Elementor Canvas, vous verrez que tous les éléments supplémentaires ont été supprimés. 7. Développez l'en-tête et le FOOTER: Nous allons donc maintenant commencer à créer notre page de destination. Tout d'abord, nous allons ajouter notre en-tête et notre pied de page. Dans un premier temps. L'en-tête dont nous avons besoin est un en-tête à deux colonnes. Sur le côté gauche, nous ajouterons un logo et sur le côté droit, nous ajouterons des icônes sociales. Cliquez donc sur cette icône plus et ajoutez une mise en page à deux colonnes. Dans la première colonne, j'ajouterai l'élément image ici afin de pouvoir ajouter le logo. J'ai sélectionné quelques images à utiliser dans cette page de destination. Alors je les attrape tous ici. Sélectionnez cette image pour le logo. Comme vous le voyez, il semble très grand. Nous ferons quelques personnalisations. Ici. Tu y vas. Cette fois. Nous allons accéder à l'onglet Styles et vous allez ajouter de la hauteur. Et comme vous pouvez le constater, l'image s'étire. Nous choisirons l'objet adapté comme couverture. Nous allons ajouter de la largeur maximale, diminuer la hauteur déplacée. Et maintenant, nous devons aligner cette image sur le côté gauche. Nous allons donc revenir à l'onglet Contenu et sélectionner cet alignement à gauche. De là, vous voyez que le logo a été aligné vers la gauche. Et sur le côté droit, vous ajouterez quelques icônes sociales. Vous trouverez ici l'élément pour les icônes sociales saisissent cet élément ici. Et par défaut, ces trois icônes apparaîtront également sur Instagram. Instagram est donc également ajouté ici. Maintenant, nous devons également aligner l'icône sociale sur le côté droit. Donc, pour cela, nous allons sélectionner ceci ici. Nous devons aligner le logo et icônes sociales verticalement au centre. Pour cela, nous allons entrer et sélectionner cette section à partir d' ici, dans le navigateur. Et ici, sur le côté gauche, vous trouverez Vertical. Option d'alignement vertical. Il suffit d'entrer et de sélectionner le milieu, et vous verrez que l' en-tête est correctement aligné. Ajoutons un arrière-plan clair à l'en-tête. Pour cela, il va falloir sélectionner l'onglet Style. Et ici, nous allons sélectionner un fond clair, blanc, de sorte que l'arrière-plan s'applique également ici. Comme vous pouvez le constater, un bel en-tête est prêt. Nous allons entrer et ajouter un simple pied de page ici. Pour ça. Nous en avons également besoin, pour cela. Encore une fois, vous devez cliquer sur cette icône plus. Et au départ, nous avons besoin d'un pied de page à une seule colonne, je crois. Sélectionnez donc cette colonne ici. Et je vais l' ajouter à une image. Encore une fois pour ajouter le logo pour la section de pied de page. Encore une fois ce logo, en le personnalisant avec l'onglet Style. Utiliser le high. Oui, je crois que c'est bien. Ensuite, tout le monde est venu ici. Dit Writers. Centrer le titre ici. Et nous allons sélectionner une police pour. Vous allez sélectionner une police pour toutes les pages de prêt. Je vais donc commencer par sélectionner la police appropriée ici et changer la couleur en noir. Mettre le texte en majuscules et en réduire la taille. Modifier le contenu pour voir 2022. Hein ? Je vais maintenant ajouter la ligne de copyright ici. En ajoutant les éléments de l' éditeur de texte. Ici, je vais écrire la ligne de copyright, à droite, 2022. Tous droits réservés. Plus tard. J'ajoute simplement une ligne générique ici, en alignant également ce centre. Et en changeant à nouveau la police en Poppins. Hein ? Notre pied de page est donc également prêt. 8. Développer la section HÉROS/BANNIÈRE: Maintenant que notre photo est prête, commencez à ajouter les sections moyennes à notre page d'apprentissage. Pour cela, je vais entrer et ajouter une session supplémentaire en cliquant sur cette icône plus ici. Et au fur et à mesure que nous ajouterons la bannière ici, vous sélectionnerez une mise en page à colonne unique. Et nous allons le déplacer en cliquant sur cette icône. Et nous le mettrons en tête de liste car pour le crédit figurera la dernière section du site Web. Et maintenant, entrez et cliquez sur cette section. Et sur le côté gauche, vous verrez les options de détection. Et nous allons entrer et sélectionner l'onglet Style pour ajouter l'image d' arrière-plan pour mieux. Et pour cela, je vais sélectionner cette icône classique et télécharger une image ici, je sélectionnerai l'une des images, l' une des rares images déjà téléchargées. Je vais donc sélectionner celui-ci. Certains médias et nous verrons que l'image a été téléchargée. Pour effectuer certaines configurations. Je vais modifier la taille de cette image pour la couverture. Et nous allons régler cela pour définir la position au centre, au centre. Et nous donnerons une hauteur minimale à cette section en cliquant sur cet onglet de mise en page. Vous voyez cette section de hauteur ici, nous sélectionnerons la hauteur minimale et nous ajouterons peut-être la septième année, non ? Nous avons donc une belle section ici, un joli fond pour notre bannière. Ici. Vous voyez que cette colonne apparaît ici. Nous avons besoin d'une colonne sur le côté droit. Pour cela, nous allons entrer, sélectionner la colonne et cliquer sur Dupliquer. Cela générera une autre colonne que nous pourrons ajuster. menu sera donc plus proche du centre, vous verrez que l' icône changera, le curseur de la souris changera et que nous pourrons cliquer dessus et le faire glisser vers la taille des deux bords droits. Sélectionnez la colonne de droite jusqu'à 40 %. Nous allons maintenant commencer à ajouter des éléments ici. J'entrerais donc et choisirais une rubrique. Et le titre sera intitulé « Nouvelle voiture lancée », non ? Modifiez le style de cette rubrique. Au fait, j'avais sélectionné la police Poppins et la couleur noire pour les titres, non ? Je vais donc entrer et cliquer sur la topographie et nous allons changer la taille de cette police. Cela augmentera également le passage à 900 peut-être. Et nous allons changer la transformation du texte en majuscules. Une taille petite. Et vous voyez apparaître un joli titre. Maintenant. Je vais entrer et ajouter l'élément éditeur de texte pour ajouter un peu de texte ici. Utilisons ce texte d' espace réservé pour le moment. Parce que tu sais, tu pourras le changer plus tard. Je vais juste le construire pour toi. Je vais donc styliser et changer la couleur du texte pour aimer écrire. Hum, je vais également changer la taille de cette police à peut-être 18. Et maintenant je vais ajouter un bouton. Il y a un appel à l'action, non ? Je vais donc ajouter un élément de bouton ici et cliquer. En savoir plus. Changez la taille en moyenne. Et aller dans l'onglet Style changera un peu la typographie. Le mettre en majuscule. Un peu audacieux. Ils n'en méritent pas cent. Oui, ça a l'air bien. Et je vais peut-être supprimer le rayon de la bordure. Je crois que cela montre un peu le rayon de la frontière. Donc, lorsque n vaut zéro. Et maintenant, vous pouvez voir que cette belle section a été conçue pour essayer d' ajuster l' image d'arrière-plan de cette section Peut-être que nous essaierons au centre gauche, ou au centre droit, cela ne fera aucune différence. Alors ne le mettez pas au centre, recentrez-le à nouveau. Peut-être que je vais diminuer la taille de la police, dans cette rubrique. Et nous allons également modifier cette colonne. Parce que ça touche à la voiture, tu sais, pas l'air bien. Ça a l'air bien maintenant. Notre section de bannières est donc également prête ici. 9. Développer le RESTE de la PAGE D'ATTERRISSAGE.: Nous allons entrer et ajouter une nouvelle section. Cliquez à nouveau sur l'icône plus. Et maintenant nous aurons besoin d'une section, il y aura deux colonnes. Donc, en reprenant la disposition en deux colonnes ici, encore une fois, nous entrons dans le haut. Et maintenant, nous avons notre section ici. Je vais sélectionner, ajouter une image sur le côté gauche de cette colonne. Sélectionnez l'une des quelques minutes que j'ai téléchargées auparavant. Nous allons sélectionner celui-ci. Et maintenant, nous avons notre image ici. Nous allons ajouter une nouvelle rubrique. Tapons à propos de. Peut-être en rester là. Et encore une fois , donnez la valeur 700 aux titres. Le site doit être tel quel. Mets-le en majuscules, non ? Renommez-le en about PBC. Hein ? J'ajouterai un autre élément ici, l'éditeur de texte pour ajouter des textes. Partons d'ici. Et nous allons ajouter un élément supplémentaire pour le bouton. Dupliquons peut-être le bouton que nous utilisons pour la bannière. Pour cela, vous devrez bouton droit sur le bouton et cliquer sur Dupliquer et copier en lambeaux en bas de cette session. Nous devons maintenant aligner verticalement le contenu de cette section. Pour cela, nous allons cliquer sur les paramètres des colonnes en cliquant sur ces six icônes ici, fixez Eigen ici. Et nous allons le placer au milieu, comme nous l'avons fait pour l'en-tête. Maintenant, tu peux voir que ça a l'air bien. Nous allons ajouter un rembourrage. Nous ajouterons du rembourrage en haut et en bas de cette section. Pour cela encore une fois, nous irons dans l'onglet Style. Et deuxièmement, désolé, Edwin Step. Et nous allons ajouter un peu de rembourrage ici, peut-être 50. Dissocions-les car cela ajoute également, en fonction du côté gauche, supprimez les côtés droit et gauche du tableau. Peut-être l'augmenter à 70 en haut et à 70 en bas, à droite. Alors maintenant, vous pouvez voir qu'une belle section est conçue. Je vais simplement dupliquer cette section, car parfois nous avons des équivalents supplémentaires à afficher sur la page de destination. Donc, dupliquez cette section ici et inversez-la. Alors maintenant, l'image sera sur le côté droit et la description sur le côté droit. Changeons l'image. J'utilise celui-ci, peut-être celui-ci pour le moment. Appelons cela du design. Et pourtant, cette section est également là. Et ajoutons un peu de contexte à cette section pour la rendre un peu différente du Tuckman. Pour cela, je vais utiliser ce typedef. Je pense, désolée si ce n'est pas l'image, mais à colorier, en lui donnant un fond clair. Peut-être. Ça a l'air bien. que nous avons les deux sections pour les informations, créons une section supplémentaire laquelle nous ajouterons des caractéristiques pour la voiture ou peut-être tout autre produit que quelqu'un ajoutera. Encore une fois, ajoutez une section supplémentaire, et ici, dans la section à colonne unique, faites-la glisser vers le bas de page et ajoutez un titre ici. Tapons. Tapons les avantages. D'accord. Centraliser les textes qui entrent dans celui-ci passe dans l'onglet Style, cette couleur. Et cette fois, je clique sur cette icône à partir d'ici et je sélectionne la couleur d'accent. Nous allons changer la couleur du texte en blanc. Nous allons ajouter du rembourrage. Encore une fois sur LinkedIn, cela vient du haut. Par le bas. Et en dessous, j'ajouterai une section supplémentaire. Et nous allons dupliquer cette couleur pour en faire un tweet et un globe de tweet. Et ici, j'ajouterai, en cliquant sur cette icône, j'ajouterai un titre ici, un manuscrit. Et le troisième. Changeons à nouveau le style, en rendant les six blancs. La typographie doit être en majuscules. Les tailles de police doivent être un peu petites ici. Et le poids de la police doit être certain, non ? Ajout d'un élément supplémentaire pour l'éditeur de texte. Et cette fois, changez également la couleur du texte en blanc. Et elle devient géniale. En dupliquant cela. Dupliquez en le faisant glisser sur le côté droit. en va de même pour les unités de ce gène pour le bénéfice numéro deux, numéro trois. Et nous avons une séance ici. Ajoutons un peu de rembourrage en haut de ces trois colonnes. Encore une fois, réactivez-les car réglage dépend de la droite, cela aussi. De Baltimore avec l'annonce. Alors maintenant, cette session est également prête. Entrez et dupliquez à nouveau cette section. Pour ajouter le dernier bloc d'informations. Ici, j'écrirai peut-être des informations d'appel hydratées. En bas, vous verrez parce que c'est un espace réservé, n' est-ce pas ? Après administration, j'ai remarqué que le pied de page correspondait également à la section supérieure. Nous allons donc changer la couleur d'arrière-plan du pied de page et faire correspondre à la couleur d' arrière-plan de l'en-tête. Nous allons donc y aller et voir ce que sera Macron. F9, F9, F9. Et là, je vais également changer la couleur de cette photo pour ajouter un peu de rembourrage. Dissociez ceci, et c'est presque prêt. Voyons maintenant à quoi ressemble notre nouvelle page. J'ai ouvert cette patiente, Anita, et voyons à quoi elle ressemble. Nous avons terminé une belle page de destination. Ensuite, nous avons discuté du fait que tout le contenu de cette page peut être ajouté facilement. Donc, pour cela, vous pouvez simplement vous rendre à nouveau chez l'éditeur. Et au fur et à mesure que vous créez la page, il vous suffit de cliquer, de l' ajouter à n'importe quel blog de contenu, et vous pourrez modifier n'importe quoi sur cette page sans aucune connaissance en programmation. Toi, Ben. Oui. Faisons preuve d'audace. Icône ici et cliquez sur Mettre à jour. Et maintenant, je rafraîchis à nouveau cette page pour voir à quoi elle ressemble. Et oui, c'est fait pour lui. C'est ainsi que vous créez UNE page. Et dans la vidéo suivante, nous expliquerons comment vous pouvez ajouter une invasion terrestre d' étudiants cool et gentils. 10. Ajouter des ANIMATIONS à la PAGE D'ATTERRISSAGE: Hé, dans cette vidéo, nous verrons comment ajouter animations sympas et sympas à ce site Web, à la page de destination en fait. Donc, pour cela, nous allons revenir à l'Elementor. Ici, notre éditeur est ouvert. Voyons voir, nous devons ajouter une animation à cela, à l'en-tête. Pour cela, nous allons accéder à la colonne en cliquant sur cette icône de colonne ici. Et dans l'onglet avancé, vous aurez un onglet pour les effets de mouvement qui sélectionnent et remplissent votre vie. Peut-être, parce que je vais ajouter des animations simples ici. Et nous en ferons quatre. Côté droit. Vous voyez ici qu'il est un peu difficile de cliquer sur l'icône de la colonne car elle se cache derrière les trois options. Elementor a donc créé le navigateur pour nous. Ouvrons le navigateur. Et ici, nous avons un algorithme simple dans lequel nous pouvons l'utiliser pour ajouter des colonnes. Voici donc la première séance. Lisons la deuxième colonne de cette section et nous allons ouvrir les paramètres qui nous permettront de le faire à nouveau, ainsi que les effets de mouvement. Et nous allons ajouter de la liberté, non ? Nous ferons de même avec cette section ici, en cliquant sur l'icône en forme de colonne, options avancées et effets de mouvement. Et puis j'ajouterai peut-être Fade in ici. En voyant que ce sera le cas, continuez ainsi jusqu'à la fin. Vous pouvez également ajouter d'autres animations en fonction de vos éclairs, mais juste à côté. Mais j'aime bien les animations simples proposées ici. Je vais donc les ajouter à la terre et à la gauche. Et encore une fois, c'est vrai. Même chose avec ce phényle, à gauche et à droite. Et ici, j'ajouterai peut-être une animation différente. Disons que ce sont des sections à trois colonnes. Je vais ajouter, peut-être intégrer. Oui, ça a l'air bien. S'estomper. Dans les cimetières. Nous sommes à gauche et à droite. Et enfin, le pied de page. Ajoutons peut-être Fade in et mieux encore. Il y a beaucoup d'animations. Essayons-en d'autres. Vous pouvez peut-être essayer ceux-ci et essayer de télécharger vos projets dans la section ci-dessous, je serais heureuse de les voir. Et d'autres personnes qui répondent également à vos projets. Ce sera, ce sera une chose incroyable à pratiquer. Essayez différentes animations et voyez comment vous savez laquelle vous aimez. Je vais m'en tenir à mon animation d' échec ici. Très bien, je mets donc à jour ce pH après avoir ajouté toutes les animations ici. Et nous allons essayer à nouveau notre site Web. Et vous verrez l' animation commencer ici. Avec ces animations simples. La page est un peu plus belle et cool. Et il va commencer à attirer les clients et tout ça. Les animations présentent donc de nombreux avantages différents. Vous pouvez essayer, vous pouvez l' essayer et voir comment cela fonctionne pour vous. 11. Que faire maintenant ?: que nous avons terminé notre site Web ou notre page de destination. C'est donc à votre tour maintenant. Créons de superbes pages de destination et publions peut-être des captures d'écran d'un projet dans l'onglet Projets ci-dessous. Et je serais heureuse de les voir et nous serons heureux de vous faire part de vos commentaires en conséquence. Vous pouvez donc commencer par attendre votre site Web WordPress, peut-être sur un hébergeur local ou peut-être que si vous avez un serveur en ligne, vous pouvez créer un site Web de sièges ou peut-être un sous-domaine temporaire. Tu peux le faire. Les cheveux. Vous pouvez le faire là-bas et installer WordPress Team. L'équipe à utiliser pour ce cheval était Hello Elementor. Le plug-in que nous avons utilisé était Elementor. Vous pouvez donc installer le thème et plug-in et commencer à tweeter la page de prêt. Comme tu le sais. Vous pouvez également essayer de changer certaines couleurs, de changer les images, enchaîner les animations et essayer de créer quelque chose de différent, accord, pour vous entraîner à bouger. Merci donc d'avoir suivi ce cours. J'ai hâte de voir les projets que vous allez publier. Assurez-vous également de suivre mon profil Skillshare pour publier des vidéos plus détaillées, wordpress. N'oubliez donc pas de suivre le profil Skillshare. Vous recevrez toutes les mises à jour signalées dans ce profil. Merci. Prends soin de toi. Au revoir.