Site web WordPress en toute simplicité : créer avec Elementor et Astra (sans code)

1. Introduction: Bonjour, dans ce cours, je vais vous apprendre à créer un site Web d'une page avec WordPress et des éléments, ou c'est le moyen le plus simple de créer des sites Web. Et je le recommande vivement aux débutants car vous pouvez ajouter du texte, des images et d'autres éléments sur votre site Web en temps réel et les déplacer autour de vous en quelques clics. La meilleure chose à ce sujet est que vous n'avez pas besoin d'être programmeur, donc vous n'avez pas besoin de connaître le moindre code. Je ne sais pas comment créer des sites Web comme passe-temps, et je suis sûr que vous serez capable de gérer ces deux sites en un rien de temps. Donc, si vous êtes prêt à apprendre comment commencer à créer un site Web avec WordPress et un discours d'éléments ou de visuels pour vérifier. Comme j'ai couvert tout ce que vous aurez besoin de savoir, y compris SEL, en regardant le cours. 2. Choisir votre domaine, héberger et configurer les courriels: Bonjour et bienvenue au cours. Maintenant, avant de vous lancer dans quoi que ce soit, vous devrez acheter un hébergement et un domaine. Le domaine est essentiellement l'URL de votre site Web comme Google qui est de mon côté ici. Et l'hébergement est votre serveur sur lequel vous aurez réellement votre site Web. Vous pouvez donc simplement aller sur Google et taper des services d'hébergement si vous n'en avez pas. Et puis nous avons ici quelques options populaires. Godaddy est également une autre option populaire. Mais pour ce cours, j'ai choisi l'hébergement ou tout simplement parce que cette option est populaire. Donc, une fois que vous allez sur le site Web, par exemple passons à Host Stinger. Cette option, vous allez vous lancer dans l'hébergement. Et nous avons ici un hébergement WordPress. Et j'ai choisi la deuxième option car nous avons également inclus le domaine. Et ce n'est gratuit que la première année, puis vous devrez le payer à nouveau. Et ce n'est que 10 dollars par an, ce qui est assez bon marché. Il suffit donc de sélectionner la deuxième option, qui est en fait la meilleure car vous avez également le domaine et tout ce dont vous avez besoin est inclus. Et une fois que vous aurez effectué la configuration, ils vous demanderont le nom d'utilisateur et le mot de passe de votre site Web WordPress, et à peu près le nom de notre site Web et tout le reste. Une fois que vous aurez parcouru cet assistant et que vous aurez terminé l'achat, vous serez redirigé ici. Il s'agit d'un panneau hôte unique, et vous cliquerez sur Gérer. Vous allez accéder au tableau de bord de WordPress. Une fois que vous êtes entré ici, assurez-vous d' activer cette option. Il est écrit « certificat SSL ». Assurez-vous que cette option est active. Il s'agit essentiellement de l' extension de votre site Web. Donc, si vous regardez ici, dans l'URL, nous avons HTTPS avant le domaine , n'est-ce pas ? Il s'agit donc essentiellement d'une version sécurisée de votre site Web, car nous avons un verrouillage ici. Donc, si je clique dessus, il est écrit Comme il est dit, que la connexion est sécurisée. C'est donc essentiellement ce que fait ce certificat SSL. Il s'agit essentiellement d'une couche de protection supplémentaire pour votre site Web. Et chaque site Web devrait l'avoir. D'accord, donc une fois que vous l'aurez activé, vous pourrez accéder à votre tableau de bord WordPress. Vous pouvez y accéder de deux manières. La première consiste à entrer ici et à cliquer sur Modifier le site Web. Donc, si je clique dessus et que je le laisse charger. Et c'est ainsi que cela apparaîtra pour la première fois. Vous pouvez simplement ignorer cela pour pouvoir cliquer sur ce logo WW en haut à gauche. Et il s'agit essentiellement de notre tableau de bord WordPress. Et nous allons apporter quelques modifications ici. Mais je veux montrer autre chose. Supposons que vous ayez accédé au tableau de bord d'une manière différente. Il y a un autre moyen. Vous pouvez simplement ouvrir un nouvel onglet sur votre navigateur. suffit de saisir le nom de domaine que vous avez acheté. Dans mon cas, c'est ce one.com slash WP moins admin. C'est ce que vous devez saisir pour accéder à la zone d'administration. Mais de mon côté, il n'apparaîtra pas. Laisse-moi juste utiliser un autre navigateur. Je vais utiliser celui-ci. Et vous devrez saisir le nom d' utilisateur et le mot de passe que vous avez utilisés lorsque vous avez créé l'hébergement ou le compte pour la première fois et que vous avez effectué l'achat pour le site Web. Vous devez donc les ajouter ici et vous pourrez vous connecter au tableau de bord. C'est ainsi qu'il peut entrer dans le tableau de bord. Vous pouvez utiliser le nom d'utilisateur ou vous pouvez simplement accéder hébergement ou au panel ici et cliquer sur Modifier le site Web. Autre chose que tu devras faire. Vous devrez vous rendre dans l'onglet e-mails. J'en ai déjà fait un pour moi. Mais une fois que vous aurez cliqué dessus, vous verrez une interface différente ici. Et vous aurez la possibilité de créer votre e-mail gratuitement. Vous allez cliquer dessus et vous serez redirigé ici. Laisse-moi te montrer. Très bien, je vais cliquer sur les comptes de messagerie, créer un nouveau compte de messagerie, et vous verrez cette option. Donc, en gros, vous devrez créer un e-mail personnalisé pour votre domaine, car il a l'air professionnel, vous n'utiliserez donc pas Gmail ou autre. Donc, par exemple, je vais en créer un qui indique contact sur mon domaine.com. Ici, vous saisirez le mot de passe et vous cliquerez sur Créer un nouveau compte. Et c'est à peu près tout. Nous avons maintenant un e-mail personnalisé pour votre domaine. Et la façon dont vous utilisez ce domaine, par exemple, vous pouvez ajouter cet e-mail dans votre application Gmail ou sur tout autre serveur de messagerie que vous souhaitez utiliser. Et pour ce faire, en consultant à nouveau les e-mails, je cliquerai sur cette flèche. Et attendons un peu. Et ici, nous avons l'option de configurer l'application de bureau. Et voici les paramètres de configuration. Donc, si vous souhaitez utiliser ce symbole pour Gmail, par exemple, laissez-moi vous le montrer. Je vais juste aller sur make.com. Je vais entrer ici, ajouter un autre compte. D'accord ? Et c'est ce que je vais faire. Je ne veux pas utiliser un compte Gmail. Je ne pense pas pouvoir le faire depuis mon compte Gmail actuel pour Chrome. Je dois le faire depuis mon téléphone. Je ne pense pas qu'il soit disponible sur ordinateur. Vous devrez utiliser une autre application. Je pense que cela fonctionne avec Outlook, par exemple laissez-moi simplement ouvrir, fermons celui-ci. Et si j'ouvre Outlook, Outlook aura cette option. Il n'est donc pas disponible pour l'adresse e-mail. Oui, je vais juste contacter le laboratoire sur x service.com. Très bien. Et maintenant, il me demande quel type d'hémolyse. Et ici, comme vous pouvez le voir, laissez-moi revenir en arrière. Celle-là. Nous avons deux options pour vous connecter à cet e-mail. Il sélectionnera celui-ci. Je vais devoir saisir mon adresse e-mail et mon mot de passe, ainsi que ces deux serveurs et les ports. Je vais donc sélectionner TOP. Nous devrons saisir le serveur, qui est POP foncé sur cet e-mail. Et le port est à 995. Et puis nous avons le serveur sortant, qui est le même, en fait il est différent. Courrier électronique SMTP point python point. Et nous entrerons dans le 4651. D'accord ? Et nous allons sélectionner SSL, TLS. Et pour celui-ci aussi. J'ai la possibilité de sélectionner la racine carrée de crypté. Oui. Ensuite, je vais saisir le mot de passe ici. Maintenant, nous devrions être en mesure de nous connecter à ce nouvel e-mail. Oui. Ajouté avec succès. Oui, c'était à peu près ça. Je suis maintenant connecté à cet e-mail. Comme vous pouvez le constater, c'est ainsi que vous vous connectez à un e-mail personnalisé. Voici les étapes. C'est assez facile en fait parce que nous avons les paramètres ici. Et d'une autre façon, disons par exemple que vous n'avez pas utilisé host singer et que vous avez utilisé un autre service d'hébergement qui utilisera très probablement cPanel. C'est donc le panneau le plus populaire et le plus populaire en fait. Donc, ici, nous avons plein d'onglets. La façon de créer un e-mail ici est dans la section e-mail. Vous allez sur les comptes de messagerie, vous allez sur Créer. Et ici, vous allez entrer l'adresse e-mail souhaitée, peu près la même chose et le mot de passe. Ensuite, vous serez redirigé vers les paramètres de configuration. C'est donc assez simple. La façon dont vous accédez à WordPress à partir d' ici est en faisant défiler la page vers le bas et vous avez le gestionnaire Wordpress en bas dans la catégorie des logiciels. Et vous pouvez vous connecter de deux manières. Vous pouvez soit cliquer sur Se connecter et vous serez redirigé instantanément vers le tableau de bord WordPress. Ou vous pouvez cliquer sur Gérer les utilisateurs, ajouter un utilisateur, et vous pouvez créer un nouvel utilisateur pour vous connecter au tableau de bord WordPress en utilisant le lien d'administration WP comme je vous l'ai montré précédemment. C'est ainsi que vous accédez au tableau de bord de WordPress. Dans la vidéo suivante, je vais expliquer au de bord de WordPress et nous allons également installer les plugins. Je vais vous dire exactement pourquoi. Et oui, c'est à peu près ça. Je vois le prochain. 3. Installation et personnalisation du thème: Maintenant que nous sommes dans WordPress, la première chose que vous devez faire est d'aller dans l'onglet apparence et de cliquer sur les thèmes. À partir de là, nous ajouterons un nouveau thème ici en haut. Et nous ajouterons un thème appelé Astra, qui est celui-ci. C'est le meilleur thème gratuit que vous trouverez. Nous cliquerons sur Installer , puis nous l'activerons. Gardez à l'esprit qu'il y a beaucoup de thèmes ici et qu'il y a aussi beaucoup de thèmes personnalisés. Et nous en reparlerons dans une vidéo ultérieure de ce cours par la suite. Nous allons donc activer celui-ci puis le personnaliser. Alors maintenant, il est installé, nouveau thème activé. Et nous cliquerons sur Personnaliser ici. Comme vous pouvez le constater, nous avons maintenant un tas d' options ici. Chaque thème possède ces options. Fondamentalement Certains en ont plus, d'autres moins. Nous allons donc simplement cliquer sur global et je vais simplement vous montrer chacune d'entre elles. Donc, ici, en topographie, nous pouvons fondamentalement changer les polices de notre site Web, toutes les polices. Mais nous voulons changer les polices à partir d'ici, nous utiliserons une sorte de plug-in ou d'application qui nous aidera à changer les polices à peu près partout sur le site Web. Nous voulons donc utiliser les préréglages à partir d'ici. Mais je te le montre juste pour qu'ils soient là aussi. Ensuite, nous avons les couleurs. Vous pouvez modifier les couleurs à partir d'ici. Et nous pourrons également les modifier ultérieurement avec elementor. Vous pouvez modifier à peu près la couleur du lien. Comme vous pouvez le voir, il s' agit d'un bouton indiquant un exemple de page dans le menu. Si je passe la souris dessus, la couleur passe au noir. Par défaut, la couleur est le bleu. Nous pouvons donc changer ces couleurs ici. Vous pouvez modifier les couleurs des en-têtes, qui sont les titres, le corps du texte, c' est-à-dire celui-ci, la description en gros ou le paragraphe. Et vous pouvez modifier les couleurs des bordures, l'arrière-plan latéral, etc. Ensuite, nous avons des conteneurs. Vous n'aurez rien à changer ici car nous allons changer cela depuis Elementor. Nous allons donc revenir en arrière sur les boutons à peu près de la même histoire. Vous ne changerez rien à cela à partir d'ici. Très bien, éditeur de blocs, vous voulez utiliser celui-ci. A notre constructeur. C'est important. Sur notre site Web, nous avons des en-têtes et des pieds de page. L'en-tête est la partie supérieure du site Web. C'est donc celui-ci d'ici. Ici, nous pouvons essentiellement ajouter notre logo sur le dessus. Nous pouvons modifier notre menu et ajouter des éléments supplémentaires comme les icônes sociales que j'ai ajoutées ici. Donc, par défaut, vous voulez avoir quelque chose ici. Vous pouvez simplement cliquer sur le site, le titre et un logo, par exemple, et sélectionner un logo pour votre site Web. Je peux donc simplement parcourir et sélectionner mon logo, qui est celui-ci. Et je vais cliquer sur Sélectionner et ignorer le recadrage pour le recadrer. Et comme vous pouvez le constater, le logo est maintenant là. Vous pouvez donc simplement l'ajuster, l' agrandir ou le réduire. Assez facile. Et par défaut, cette case sera également activée. Vous allez simplement le désactiver. Intune affiche donc plus le texte. Je peux donc simplement ajouter quelques icônes sociales, par exemple, et je vais le laisser comme ça. Ensuite, je vais simplement cliquer sur retour, retour à nouveau. Et nous allons passer à la suivante, Breadcrumbs. Vous n'avez pas besoin de changer cela non plus. Il suffit de l'ajouter. Il ajoutera essentiellement l'emplacement exact où vous vous trouvez actuellement sur le site Web et il l' affichera tout le temps. Ce n'est donc pas utile. Ceci est principalement utilisé sur les sites Web de commerce électronique. Nous avons des produits, afin que vous sachiez exactement dans quelle catégorie vous vous trouvez sur ce site Web. Dans notre cas, il ne s'agira que d'un site Web d'une page, nous ne l'utiliserons donc pas. Je vais sélectionner le non, et je vais passer à la catégorie suivante. Ensuite, nous avons un blog. Nous voulons utiliser le blog. Dans ce cours spécifique, nous allons simplement nous concentrer sur la création d'un site Web d'une page. Je n'opterai donc pas pour ces paramètres. Ce ne sont essentiellement que la mise en page. D'accord ? Je vais simplement cliquer sur Publier car il ne veut pas revenir en arrière. Cela arrive de temps en temps, c'est un bug, vous suffira donc de rafraîchir la page et cela fonctionnera par la suite. Nous avons des mises en page, peu près la même chose. Vous n'aurez pas à les modifier à partir d'ici, barre latérale, c'est pour le blog, vous ne le changerez pas. Ensuite, nous avons le générateur de pieds de page. C'est à peu près la même chose que l'en-tête. Nous avons donc trois sections. Vous pouvez ajouter jusqu'à trois pieds de page, et vous pouvez également ajouter jusqu' à trois en-têtes. Nous avons différentes mises en page comme vous pouvez le voir ici, nous avons comme des colonnes libres. Ici, nous n'en avons que deux, et ici nous n'en avons qu'un. Il peut simplement cliquer sur le droit d'auteur, par exemple et modifier ce texte quand vous le souhaitez. Vous pouvez ajouter un menu ici. Nous pouvons ajouter des icônes sociales ou des éléments supplémentaires simplement en cliquant sur ce bouton plus. Et vous pouvez le faire en ajoutant un menu de pied de page. Si vous voulez des icônes et des widgets sociaux, nous utiliserons les widgets plus tard. En gros, vous pouvez ajouter ce que vous voulez. En utilisant un widget, vous pouvez ajouter des images, des calendriers, tout ce que vous voulez. Très bien, passons à la suivante. Rendement. Tu n'es pas obligée de toucher celui-ci. Identité du site, icône du site, qui est l'icône du site, gros cette petite lueur que vous voyez ici en haut. Vous pouvez modifier celui-ci avec votre propre logo du site Web. Dans mon cas, mon logo n'est pas de forme carrée, donc je peux l'adapter. Maintenant, nous allons simplement le sélectionner pour que vous puissiez voir comment il s'affiche. L'aperçu n'est généralement pas bon, mais il s'affichera plus tard lorsque je rafraîchirai la page. En voici donc un aperçu. Comme vous pouvez le voir, ce n'est pas la meilleure option que j'ai, mais si vous avez un logo de forme carrée, il apparaîtra ici comme vous pouvez le voir. Je vais juste le garder pour ce cours. D'accord ? Ensuite, j' y retournerai et nous aurons des menus. Ici. Vous verrez tous vos menus. Vous pouvez également créer un nouveau menu, mais nous allons créer un nouveau menu à partir du tableau de bord et je vous le montrerai plus tard. Ensuite, nous avons des widgets. Encore une fois. Vous pourrez ajouter ces widgets à partir de la section d'en-tête et de pied de page que j'ai parcourue précédemment. Nous y travaillerons plus tard dans les paramètres de la page d'accueil du cours. C'est important ici, vous devrez sélectionner une page statique et créer une page d'accueil. Par défaut. Vous n' avez pas de page d'accueil. Nous allons donc en créer un dans la prochaine vidéo. Mais juste pour que tu saches, tu peux le changer à partir ici et tu dois le changer. Parce que si vous le laissez ainsi, votre site Web sera un blog par défaut. C'est pourquoi nous devons parcourir la page statique et sélectionner la page d'accueil. Nous le ferons donc plus tard. Ensuite, vous avez du CSS supplémentaire. Et c'est strictement pour le codage, mais nous n'utiliserons aucun code dans ce cours. Dans la vidéo suivante, je vais vous montrer les plugins et je vous montrerai exactement ce qu'ils sont pour voir la prochaine. 4. Installer les plugins: Il est maintenant temps de passer à la section des plugins. Vous allez donc accéder aux plugins, aux plugins installés. Et nous allons tout supprimer d'ici. Vous allez cliquer sur celui-ci pour tout sélectionner. Et sous les actions groupées, vous sélectionnerez l'activation si elles sont activées. Passez donc à l'activation, appliquez. Ensuite, vous les sélectionnerez à nouveau. Et vous allez sélectionner, supprimer et appliquer à nouveau. Et maintenant, nous allons installer uniquement les plugins utiles. Vous allez donc prendre en charge Add New in here. Et nous ajouterons les plugins suivants. Les plugins sont donc essentiellement des applications qui nous aideront à faire différentes choses dans WordPress. Vous aurez donc besoin d'un éditeur classique. Celui-ci, vous cliquerez sur installer. Maintenant. Celui-ci facilitera la création de pages dans WordPress par l'interface. Ensuite, vous cliquez sur Activer. Ajoutez un nouveau. Nous allons en installer un autre appelé Yoast. Celui-ci, Install. Encore une fois, celui-ci nous aidera à optimiser notre site Web. Ensuite, nous chercherons de l' argent à la vitesse de la lumière, qui est celui-ci. Celui-ci nous aidera également à optimiser notre site Web. Cela augmentera également la vitesse de notre site Web. Nous allons maintenant en rechercher un autre appelé doublon. Publier. Celui-ci. Une autre est la page 404. Le premier. Nous allons maintenant devoir rechercher un plugin pour nos formulaires de contact , appelé formulateur. Exactement celui-ci. Et un autre appelé Elementor. Il s'agit de notre créateur de site Web. Et vous pourrez créer votre site Web en temps réel. Et il est très facile à utiliser. Vous pouvez simplement glisser-déposer du texte, le déplacer d'ici à là. Et deuxièmement, ce sera super facile. Alors voyons si j'ai oublié quelque chose. Je les ai tous ici. Donc ces deux-là, le cookie, RGPD et le SSL simple. SSL si simple. Le SSL est essentiellement un certificat de sécurité. Et ce plugin activera ce certificat si c'est le cas, s'il n'est pas déjà activé. Dans mon cas, il est déjà activé car vous voyez cette icône de verrouillage ici près de mon nom de domaine. Si je clique dessus, il sera indiqué que la connexion est sécurisée parce que j'ai ce certificat, certificat est valide, non ? Il suffit donc d'installer ce plugin au cas où votre certificat SSL ne serait pas activé. Et encore une fois, nous aurons besoin de ce plugin GDPR pour les cookies. Je viens donc d'installer celui-ci aussi. En fait, pas celui-ci, car ils sont nombreux et ils se ressemblent. Ce cookie est conforme au RGPD. Nous allons donc supprimer celui-ci et installer celui-ci. Ils ont un peu le logo Yahoo. C'est donc à peu près similaire. Et maintenant, nous allons passer à la section Plug-ins installés. Et nous supprimerons cette conformité au RGPD. Et nous allons activer les autres. Les actions groupées s'activent donc, s'appliquent Et je vais vous dire brièvement ce que chacun d'entre eux va faire. Je vais donc cliquer sur sauter ici et sur Activer le SSL. Vous n'avez rien d'autre à faire, pouvez simplement tout ignorer à partir d'ici. Et ils entreront dans des plug-ins. Donc, page 404, c'est essentiellement lorsque quelqu'un entre une mauvaise URL pour vos sites Web. Donc, si je vais sur mon site et que je me trompe, je tape autre chose. Donc, par KCSO result com slash en D, par exemple c'est le forum pour la page, mais nous allons créer un forum séparé pour la page qui aura un bouton. Lorsque quelqu'un clique sur ce bouton, il la redirige vers la page d'accueil. Donc, s'ils se trompent, nous les redirigerons simplement sur la page d'accueil. Ce sera donc utile pour qu'ils ne quittent pas notre page. Ensuite, nous avons l' éditeur classique, comme je vous l'ai dit, qui simplifiera la création des cookies de pages comme le RGPD. Cela est nécessaire. En gros, chaque site Web a ceci. Ainsi, lorsque vous visitez un site Web, vous devez accepter les cookies. Je suis presque sûr que vous êtes au courant cette copie et de cette suppression de publications. Vous pourrez facilement copier des articles et des pages grâce à ce plugin. Cela simplifiera donc tout. Elementary est notre créateur de sites Web. Formulator serait le plugin que nous utiliserons pour créer des formulaires de contact. Amélioration de la vitesse de notre site Web. Il s'agit du certificat nous aidera également à optimiser un site Web. Voici donc les plug-ins que nous allons utiliser. Et dans la vidéo suivante, je vais vous montrer le plug-in Elementor et son fonctionnement. 5. Comprendre le tableau de bord Wordpress: Passons au tableau de bord du bit, et je vais vous montrer ce qui est le plus important ici. Nous avons donc l'étape de publication. La première étape concerne le blog. Ainsi, lorsque vous publierez vos articles de blog, vous allez ici et vous cliquerez sur Ajouter un nouveau. Vous pouvez également sélectionner l'article de blog que vous souhaitez. Vous pouvez les supprimer ou les modifier. Tu peux faire ce que tu veux à partir d'ici. Disons que je supprime celui-ci. Et je veux en créer un nouveau en cliquant sur Ajouter un nouveau. Ici, vous allez ajouter le titre de l'article. Disons dix façons d'adopter un mode de vie plus sain. Et ici, je vais taper ce que je veux à ce sujet. Ensuite, vous pouvez ajouter des images, des liens et tout ce que vous voulez. Vous avez également quelques options ici pour aligner le texte, mettre en gras, etc. C'est donc à peu près comme ça que vous créez un article de blog. C'est très, très simple. Ici, vous avez certains paramètres par défaut, comme à peu près des modèles ou des préréglages pour ces articles de blog sur le sang spécifiques. Mais vous pouvez simplement vous en tenir à la norme si vous le souhaitez. C'est assez simple. Vous allez créer ici les catégories pour l'article de blog. Supposons que celui-ci soit dans la catégorie santé. Ajoutez simplement une nouvelle catégorie, appelez-la santé et ajoutez-la. Et vous allez sélectionner cette catégorie pour cette publication spécifique. C'est très simple. Ici, vous allez saisir les balises. Ils sont très importants et vous devez ajouter des balises spécifiques à votre sujet. Donc, dans ce cas, nous avons la santé, pouvons ajouter la forme physique, le mode de vie, etc. Tout dépend de ce que vous écrivez. Ces tests sont utiles car vous allez, vous allez dire au moteur de recherche exactement ce qui est important dans cet article spécifique. Et à peu près Google saura exactement quand afficher cet article en fonction des mots clés. Donc, oui, c'est comme ça que vous ajoutez un message. Et vous cliquerez sur Publier, puis vous aurez le lien ici et vous pourrez y accéder là où il se trouve. Vous avez la section des catégories, la section des taxes, vous pouvez donc les gérer à partir d'ici. C'est simple. Ensuite, vous avez la section médias. Ici. Vous aurez toutes vos images, vidéos et fichiers. Ensuite, nous avons la section Pages ici. Vous pouvez simplement créer et ajouter de nouvelles pages pour votre site Web. Assez simple. La section des commentaires est destinée au blog. Vous trouverez ici tous les commentaires de votre blog. Vous avez des commentaires approuvés en attente et vous pourrez les approuver ou les rejeter à partir d'ici. Ensuite, vous avez Elemental, qui est notre plugin et les modèles, c'est le plug-in de cookies pour le RGPD. Tu n'as pas à faire quoi que ce soit avec ça. Vous pouvez le modifier si vous le souhaitez. Vous pouvez donc personnaliser la bannière qui apparaîtra. Si je clique sur la bannière d'aperçu ici, vous la verrez. C'est ainsi qu'il apparaîtra sur mon site Web. Vous devrez donc cliquer sur Accepter, accepter également les cookies, et c'est ainsi que cela apparaîtra et vous pourrez toujours apporter des modifications aux cookies. C'est donc à peu près entièrement automatisé. Vous devrez également créer une page de cookies pour votre site Web. Nous avons donc quelques options et je suis presque sûr que vous pouvez cliquer sur Personnaliser la bannière et vous pourrez sélectionner une page pour vos cookies. Laissez-moi voir si ce plugin nous permettra de le faire. Avis sur les cookies ou non ? Étiqueté, rejet, en savoir plus. Oui, exactement. Dans cette section de l'étiquette, vous pouvez activer le lien En savoir plus et vous pourrez insérer l'URL de votre page spécifique pour votre politique en matière de cookies ou de confidentialité. va donc falloir créer une page pour cela. Mais si je vais dans les pages et que j' ouvre un nouvel onglet ici, vous verrez que par défaut, WordPress en a créé un, mais nous avons ajouté des textes au hasard par eux. Donc, si vous voulez le changer, vous devrez le changer. Je peux donc simplement copier ce lien à partir d'ici, par exemple droite, et le saisir dans cette URL. Et lorsqu'ils cliqueront sur Lire la suite, ils seront redirigés ici. Mais avant cela, nous devrons apporter quelques modifications importantes. Vous devrez donc accéder aux paramètres ici et à d'autres lectures ici, vous devrez modifier cela. page d'accueil affiche donc la page d'accueil car si vous en avez créé une, vous cliquerez sur Enregistrer les modifications afin que votre page n'apparaisse plus sous forme de blog. Et quelque chose d'autre sous permalien ici. Vous devrez modifier le format du nom de l'article. Ainsi, de cette façon, les liens apparaîtront avec le nom de votre message Exactement. Comme vous pouvez le voir, il existe de nombreux formats, mais celui-ci est le plus pertinent car il ne contient ni chiffres, ni dates, ni quoi que ce soit. Et nous cliquerons également sur Enregistrer ici. Ensuite, nous aurons quelques paramètres généraux. Vous pouvez modifier le titre de votre site, votre slogan, qui est la description de votre site qui apparaîtra sur Google. C'est important. Vous devrez écrire ici quelque chose de pertinent qui inclut des mots clés. Ils constituent une niche spécifique pour notre base, pour notre activité. Donc, si je fais une recherche sur Google, disons un service de réparation de vélos, je peux simplement regarder mes concurrents. Et à peu près, regardez ce qu'ils ont écrit. Et je peux prendre quelques exemples et écrire quelque chose comme ça pour moi, non ? Je peux simplement prendre quelque chose d'ici et de cette description et écrire quelque chose pour ce site Web. Mais je n'écrirai rien pour cette démo. Mais tu comprends l'idée. Ici. Vous pouvez modifier le fuseau horaire de votre site Web, le format de l'heure, le format de date. C'est très simple à comprendre. Laisse-moi voir s'il y a autre chose d' important que je dois te montrer ici. Vous pouvez toujours consulter les plugins et ainsi de suite, mais nous y reviendrons plus tard. Voici les widgets. Alors laissez-moi vous montrer ce que c'est. Il s'agit de la barre latérale principale. Donc ça, c'est pour le blog. Vous pouvez donc toujours le modifier, changer les textes à partir d'ici si vous souhaitez le traduire ou écrire autre chose à la place de cela, vous pouvez le faire. C'est pour l'en-tête. Vous pouvez donc ajouter un widget pour l'en-tête, et ensuite vous pourrez l'ajouter plus tard si vous personnalisez simplement le thème comme nous l'avons fait précédemment ici, et vous pourrez ajouter n'importe lequel de ces éléments. Vous pouvez simplement cliquer sur Parcourir tout et vous verrez que nous avons beaucoup de widgets ici. Vous pouvez donc ajouter tout ce que vous voulez dans l' en-tête et le pied de page. Vous avez donc des calendriers, par exemple, pouvez les ajouter dans le dossier, mais ils sont beaucoup trop grands et ils ne seront pas beaux, vous ne devriez donc pas les utiliser. Mais tu peux ajouter ce que tu veux. Ce n'est qu' une référence pour que vous sachiez exactement ce que vous pouvez faire. K. Ensuite, nous avons les menus. À partir de là, vous allez créer les menus. Il suffit donc de taper le nom du menu, disons le menu principal, Create. Et vous pouvez ajouter les pages directement à partir d'ici. Il les détectera automatiquement. WordPress va donc le détecter pour nous. Et vous pouvez également les ajouter par des liens personnalisés. Donc, si vous souhaitez utiliser l'ancre de menu dont j'ai parlé ou dont je parlerai dans la prochaine vidéo. Vous devrez saisir l'URL ici, comme votre site Web, par exemple.com, le hashtag et une partie spécifique de votre page Supposons que vous ayez section Services sur votre page d'accueil. Ainsi, lorsque quelqu'un cliquera sur ce bouton, il sera redirigé vers cette partie spécifique de la page. Mais je vais montrer, je vais aussi montrer un exemple pour que nous puissions comprendre cela. Mais en gros, vous allez créer le menu à partir d'ici. Vous pouvez ajouter le lien et le texte qui s' affichera, par exemple contactez-nous ou contactez-nous. Pour simplifier les choses et ajouter le site Web avec le lien spécifique. Je vais juste ajouter le site Web simple tout de suite. Hein ? Je peux donc également ajouter un bouton d'accueil dans le menu. Et à peu près tout ce que vous voulez en matière de services. Vous créez donc le menu à partir d'ici, puis vous allez sélectionner ce que cela représente. menu principal est le menu principal et le menu hors Canvas est destiné au mobile. Donc, retirez toujours le menu principal et vous quittez le menu Canvas en même temps. À moins que vous ne souhaitiez créer un menu différent pour le mobile. Mais tu devrais toujours t' en tenir à ces deux-là. Ensuite, vous cliquez sur Enregistrer et ce menu est créé. Ici, vous avez le bouton Créer un nouveau menu. Donc, si vous souhaitez créer un menu pour le pied de page, vous pouvez créer un menu pour le pied de page. Il vous suffit d'ajouter le menu de pied de page comme nom, par exemple sélectionner le menu de pied de page ici, puis de cliquer sur Créer. Ensuite, vous allez simplement ajouter des boutons comme je l'ai fait avec le précédent. C'est donc assez facile à comprendre. Donc c'est à peu près ça. En ce qui concerne le tableau de bord, comment il fonctionne. Il y a de nombreux boutons ici, mais vous n'aurez pas à les activer. Peut-être que les utilisateurs sont également importants , car vous pouvez ajouter d'autres administrateurs pour accéder à votre site Web WordPress si vous le souhaitez. Vous cliquez donc sur Ajouter un nouveau ici. Vous ajoutez le nom d'utilisateur de cet utilisateur, un e-mail et le mot de passe qui est généré automatiquement, n'est-ce pas ? Il est donc assez facile à utiliser. Et ici, vous allez sélectionner le rôle de cet éditeur utilisateur spécifique afin qu'il puisse tout modifier sur votre site Web, du texte aux images, etc. Alpha est strictement réservé au blog. Donc, s'ils veulent créer un article de blog ou un petit article de blog, ils le feront, ils pourront le faire en leur donnant un rôle spécifique. Donc oui, c'est comme ça que ça marche et c'est très facile à partir d'ici aussi. Ce sont donc les plus importants du tableau de bord. En voyant le suivant, je vais expliquer comment fonctionne Elementor. 6. Elementor - Structure du site Web - Sections et colonnes: Nous allons maintenant créer notre première page et nous allons parler d'Elementor. Nous allons donc entrer dans les pages, toutes les pages. Et par défaut, certaines pages seront créées ici. Nous supprimerons cet exemple de page en cliquant sur la corbeille. Et nous cliquerons sur Ajouter un nouveau ici en haut. Et nous allons créer une nouvelle page appelée accueil. Ensuite, vous cliquerez sur Publier. Maintenant, je peux simplement cliquer sur Modifier avec Elementor et je peux modifier cette page. Donc, pour une explication simple, les sites Web sont divisés en sections et en colonnes. Alors, comment cela fonctionne-t-il ? En gros, si je clique sur ce bouton plus ici, je sélectionnerai une structure pour cette section spécifique. Je peux essentiellement diviser une section en plusieurs colonnes. Disons que je sélectionne celui-ci. Nous avons deux colonnes. Nous avons donc maintenant une section qui est cette bordure bleue, et à l'intérieur, vous avez des colonnes. C'est une colonne que je peux faire glisser et déplacer. Et voici une autre chronique. Hein ? Désormais, chaque section et colonne possède certains paramètres. Donc, si je clique sur ces six points ici, il est écrit Modifier la section, je cliquerai simplement dessus. Et voici mes paramètres. Nous avons donc dans l'onglet Mise en page, nous avons encadré la largeur du contenu. Et tu devrais le laisser comme ça. Si vous cliquez sur toute la largeur, regardez ce qui se passe. Nous avons la limite de ces colonnes. Il s'étendra sur toute la gauche et la droite. Vous pouvez donc le faire en plein écran, mais cela ne semblera pas correct. Donc, il devrait aller avec une boîte. Maintenant, nous avons un écart entre les colonnes. Cela appliquera essentiellement un espace entre la colonne elle-même et ce qui se trouve à l'intérieur de celle-ci. Je l'utilise rarement, donc il ne faut pas s'embêter avec ça. Il s'agit de la hauteur de la colonne. Donc, si je sélectionne Adapter à l'écran , par exemple , cette colonne sera aussi grande que mon écran. Si je sélectionne une hauteur minimale, je peux simplement ajuster la hauteur comme ceci. C'est assez facile, non ? Vous pouvez simplement ajouter une image d'arrière-plan derrière, par exemple, comme vous pouvez simplement l' ajuster à partir d'ici. Nous avons maintenant la position de la colonne. Je peux simplement ajuster ces colonnes en haut ou en bas, à droite. C'est si simple. Alignement vertical, ne vous embêtez pas, débordez, ne vous embêtez pas. Et tu n'es pas obligée d'utiliser tout ça. L'onglet Structure est quelque chose d'important. Cela divisera essentiellement ces sections et changera le format. Ainsi, vous en aurez un plus petit et celui-ci est deux fois plus grand que le premier. Et celui-ci va à peu près inverser son apparence. Donc, si, par exemple, nous voulons ajouter plus de colonnes, je peux simplement cliquer avec le bouton droit sur une colonne et nous avons une nouvelle colonne. Maintenant, nous en avons trois. Et si je retourne dans les paramètres pour cette section sur la structure, nous avons maintenant des mises en page différentes car nous en avons trois. Vous pouvez donc jouer avec les structures comme vous le souhaitez. Oui, donc c'est très simple. Nous avons maintenant l'onglet Style. Dans l'onglet Style, nous avons plusieurs options. Donc, en arrière-plan, nous avons deux options, Normal et survol. survol signifie que lorsque vous passez votre souris sur un élément donné, celui-ci se comportera différemment. Cela fonctionne donc à peu près pour tous les éléments que vous allez ajouter ici, du texte, des images, tout ce que vous voulez. Ici. Disons que j' ajoute un arrière-plan. Nous avons plusieurs options. Je peux sélectionner un arrière-plan simple, classique ou couleur si je veux, par exemple assez simple ou une image. Nous avons ici l'option de dégradé. Nous pouvons donc essentiellement faire une combinaison entre deux couleurs. Nous pouvons donc avoir un contexte différent. Je peux donc ajouter quelque chose comme ça. Vous pouvez également modifier l' emplacement des couleurs, l'angle, le type. C'est assez facile à comprendre. Vous pouvez simplement jouer avec elle si vous le souhaitez. Je vais simplement le supprimer et ajouter une image de fond. Vous pouvez également ajouter une vidéo, comme vous pouvez le voir ici. Vous avez la possibilité de relancer la lecture de la vidéo. Commencez à partir d'une deuxième fois spécifique, du lien YouTube, etc. Vous pouvez également ajouter le diaporama de plusieurs images. boucle infinie signifie que ces images changeront continuellement et qu'elles se répéteront, en gros Une boucle infinie signifie que ces images changeront continuellement et qu'elles se répéteront, en gros, la durée, elle changera toutes les 5 s, 000 millisecondes équivaut à 1 s. Type de transition, différentes animations, combien de temps faut-il pour que le type d' arrière-plan de transition spécifique soit atteint. Vous pouvez donc simplement jouer avec ces options qui vous montrent simplement ce que c'est ? Donc, si je sélectionne par exemple une image comme couverture, je sélectionnerai celle-ci. Créez, insérez. Et maintenant, par exemple, cet effet de touche Burns ajoutera un bel effet de zoom à ma photo. Mais je dois d'abord faire quelque chose, choisir la couverture. Et cela devrait fonctionner, mais il y a quelques problèmes. Alors laissez-moi juste changer cela. Nous allons sélectionner Adapter à l'écran. Et je vais revenir à la mode. Et essayons maintenant. Il doit y avoir un certain biais, car cela fonctionne généralement. Peut-être que si nous en ajoutons un de plus, cela le réparera. Ajoutons une photo de plus. Et j' ajouterai, disons celui-ci. Oui, et maintenant ça marche. Comme vous pouvez le voir, il effectue un zoom arrière sur l'image lentement, ce qui a l'air plutôt cool en fait. Donc, si vous souhaitez annuler cette boucle infinie, nous pouvons simplement le faire en utilisant ceci. Et ça ne le fera pas éternellement, non ? Donc c'est plutôt cool. Maintenant, si je le supprime aussi, par exemple et que je veux ajouter une image simple. Je peux le faire en cliquant sur classique et je sélectionnerai une image. Juste ici. Nous avons certaines options. Maintenant, je peux simplement sélectionner le positionnement de l'image si je le souhaite. Je peux sélectionner les pièces jointes, le type. Donc, par exemple, si je sélectionne Fixe et que je fais défiler, l'image restera immobile. Mais cela créera un effet cool. Et pour le défilement, l'image se déplacera avec le défilement. Donc, oui, assez simple. Maintenant, je le répète, cela va de soi. En gros, si vous ne voulez pas qu'une image se répète, comme vous pouvez le voir maintenant avec disparue parce qu'elle se répétait elle-même parce que la résolution n'est pas parfaite. Et si nous avons des places vides, cela se répétera automatiquement . Nous ne voulons donc pas cela. Et en termes de taille, je peux sélectionner une couverture, par exemple pour que l'image s'étire et s'adapte à tout l'écran, ce qui est mieux. Ici, nous avons une superposition d'arrière-plan. En gros, nous pouvons ajouter une autre couleur sur l'image par rapport à cette image. Donc, par exemple, si je veux assombrir cette image, je peux simplement sélectionner le type d' arrière-plan, classique, et sélectionner une couleur noire. Et maintenant, cette image est plus sombre et vous pouvez également l'ajuster à partir d' ici. Assez simple. Ici, nous avons l'option de survol. Laissez-moi donc vous montrer ce que cela fait pour à peu près tous les éléments. Donc, si je clique sur le survol et que je veux changer cette couleur noire pour autre chose. Lorsque vous passez ma souris dessus, je peux simplement sélectionner classique, par exemple et je sélectionnerai un rouge. Et maintenant, l'image devient rouge lorsque je la souris dessus. Assez simple. Et cela peut fonctionner pour les boutons, le texte, les images, à peu près tout ce que vous voulez. Très bien, supprimons cela. Alors. Nous avons des frontières. En gros, vous ajoutez une bordure autour chaque forme, section ou colonne. Vous pouvez donc à peu près ajouter une bordure ici si vous le souhaitez. Nous avons quelques options. Et voici la largeur de la bordure. Disons dix pixels. Maintenant que vous pouvez voir la bordure qui l'entoure, vous pouvez également changer la couleur de cette bordure quand vous le souhaitez. C'est ainsi que fonctionne cette frontière. Vous pouvez également ajouter un rayon de bordure. Cela créera donc une sorte de forme pour notre colonne de section ou tout élément auquel vous souhaitez ajouter une bordure, disons 50 pixels. Et maintenant, comme vous pouvez le voir, cette section est au coin de la rue. C'est donc ce que fait la frontière. Tu peux juste l'augmenter si tu veux, non ? Cela fonctionne mieux pour les images, juste pour que vous le sachiez, nous allons donc sélectionner zéro. Vous avez également la possibilité de dissocier les valeurs ici afin pouvoir ajouter la valeur que vous souhaitez indépendamment les unes des autres. Donc, dans ce cas, je vais simplement les supprimer. Ensuite, nous avons des séparateurs de formes. Les séparateurs de formes sont des éléments de design assez sympas. Donc, par exemple si je veux en ajouter un au bas de la section, nous avons ici les options et je peux simplement les parcourir. Voilà à quoi ça ressemble. Plutôt cool, non ? Vous pouvez également modifier la couleur. Comme toujours. Avec la hauteur, on peut le retourner. Donc oui, c'est un effet plutôt cool et vous en avez beaucoup. Je vais donc supprimer celui-ci. Ensuite, nous avons la topographie. Vous pouvez modifier en gros toutes les polices de cette section. C'est pourquoi je t'ai dit que tu n'avais pas besoin de changer ça en célébrité auparavant. Mais nous pouvons également modifier cela individuellement pour un élément spécifique. Donc, ne touchez pas à ça. Tu n'as rien à changer. Maintenant, nous avons également l'application avancée. Et ici, nous ne nous soucierons que de quelques choses. Marge. Qu'est-ce que c'est ? Donc, en gros, cela ajoutera un espace entre cette section et l'élément au-dessus, ou l'élément qui se trouve au bas de la section. Donc, si je veux ajouter 50 pixels en haut, nous avons maintenant un espace entre la section et l'en-tête. Comme vous pouvez le voir, c'est assez facile. Vous pouvez également dissocier les valeurs et ajouter seulement 50 pixels en haut et zéro en bas. C'est vrai. C'est si facile à comprendre. Maintenant, le remplissage est à l' opposé de la marge, il ajoutera donc un espace à l'intérieur la section ou de la colonne elle-même ou de tout autre élément que vous avez. Donc, par exemple, si je dois faire glisser, disons un titre qui est un titre dans cette colonne. Ici. Je peux modifier cette colonne, aller dans Avancé et ajouter un peu de rembourrage. Nous avons maintenant un espace entre l'élément et la colonne elle-même. C'est assez facile à comprendre. Et comme vous pouvez le constater, nous pouvons à peu près faire glisser cet élément quand nous le voulons. Je vais donc cliquer avec le bouton droit dessus et sur les litres. Revenons aux paramètres. Et sous avancé, nous avons quelque chose de plus. Ne t'en fous pas de ça. Vous ne les utiliserez jamais. Elles sont plus compliquées et je tiens à simplifier les choses ici. Nous avons ici des effets de mouvement. Vous pouvez ajouter des effets aux colonnes et aux éléments où vous le souhaitez. Nous allons donc sélectionner un effet de rebond, par exemple et comme vous pouvez le voir, qui a été appliqué à l'ensemble de la section. Ici, nous avons le bouton réactif. C'est très utile. Vous pouvez donc masquer certains éléments si vous le souhaitez. Vous pouvez masquer cette colonne, par exemple pour les mobiles. Cachez-le pour les utilisateurs d'ordinateurs de bureau et affichez-le sur votre mobile. Tu peux le faire. Et c'est à peu près tout en ce qui concerne les paramètres de cette section. Maintenant, la colonne a à peu près le même paramètre, affichera deux largeurs de colonne. Vous pouvez modifier cela si vous le souhaitez, mais ce n'est pas obligatoire. Alignement vertical. Tu veux le changer. Alignement horizontal. Vous voulez des chaises, cet espace widget important. Donc, en gros, c' est par défaut à 20. Donc, si nous ajoutons plusieurs éléments ici, disons que j' ajoute le titre et que je souhaite ensuite ajouter un bouton. Vous verrez qu'il y a un espace entre eux. Et pour changer cela, vous pouvez accéder aux paramètres. Et vous devrez changer l'espace du widget ici pour que je puisse le mettre à zéro. Et maintenant, ils sont proches l'un de l'autre. C'est donc à peu près en ce qui concerne les paramètres de la colonne et de la section. Ces paramètres apparaîtront à peu près sur tous les éléments que nous voulons ajouter. Donc, si vous ajoutez un bouton, les textes sont placés en tête d'une image, comme vous le souhaitez. Je peux simplement cliquer sur le stylo et modifier. Vous avez les paramètres individuels, puis vous avez le style et les paramètres avancés pour à peu près tous les éléments. Et ils sont très, très similaires. Nous avons des frontières. Nous pouvons modifier le texte, couleur d' arrière-plan, la couleur, quatre éléments, etc. C'est donc très simple. Donc, en regardant la vidéo suivante, je vais expliquer à certains éléments de l'élémentaire. 7. Elementor - Comment utiliser et personnaliser les éléments: Passons maintenant aux éléments, qu'il s'agisse de cet élément ou de celui-ci. Donc, le premier est l' intersection ici, non ? Laissez-moi fermer celui-ci. Ici. Nous avons une section avec une colonne, non ? Si je fais glisser cette intersection à l'intérieur de la colonne, j'ai maintenant deux colonnes à l'intérieur de la colonne. Donc, en gros, cela créera une petite section qui peut également contenir des colonnes, mais vous pouvez le faire à l'intérieur de la colonne. Donc, si je veux par exemple ajouter deux autres colonnes en dessous de ces deux colonnes, je peux le faire en ajoutant celle-ci en dessous. Mais si vous voulez, par exemple, cela signifie que c'est deux. Si vous voulez ajouter, disons, une nouvelle colonne ici, à gauche et à droite, et que vous souhaitez en ajouter d'autres en dessous. Pour ce faire, cliquez avec le bouton droit de la souris. Vous pouvez les faire glisser en dessous. La seule façon de le faire est d'ajouter, d'ajouter des intersections à l'intérieur des colonnes. De cette façon. Maintenant, je peux juste faire glisser une autre intersection et en avoir plusieurs, non ? C'est donc la seule façon de le faire. Si vous souhaitez en ajouter d'autres ci-dessous, vous pouvez simplement les supprimer et les supprimer si vous le souhaitez. Et je peux simplement le supprimer et n'en avoir qu'un, puis nous en ajoutons un de plus, nous le divisons en, c'est la meilleure façon de le faire. Il n'est pas nécessaire d'ajouter plusieurs colonnes. Vous pouvez simplement cliquer avec le bouton droit, par exemple maintenant, et en ajouter trois, et elles se trouvent toutes à l'intérieur de cette intersection. Vous pouvez donc en ajouter plus en dessous. C'est ce que fait l' intersection. Ensuite, nous avons des éléments simples comme le texte. Vous pouvez simplement le modifier ici en tapant. Nous pouvons ajouter un lien vers ce texte. Ainsi, lorsque quelqu'un clique dessus, il est redirigé vers ce lien spécifique. Vous pouvez modifier la taille à partir d'ici, mais je ne recommande pas de la changer à partir d'ici. Nous allons le faire en accédant à l'onglet Style. Et ici, nous avons la balise HTML qui est importante. Vous ne devez avoir qu' un seul H1 par page. Donc, un seul H1 par page. C'est très important pour votre référencement, ce qui signifie l'optimisation des moteurs de recherche. C'est donc très important pour le moteur de recherche Google et les autres moteurs de recherche, car vous leur indiquerez exactement quels mots clés sont importants pour vous pour votre site Web. Donc, dans ce H1, vous devez toujours ajouter des mots clés importants. Donc, dans mon cas, je vais écrire des services professionnels de réparation de vélos, non ? Je vais donc simplement le centrer, par exemple en allant dans le style et je peux changer la couleur du texte. Je peux également changer la police en cliquant sur le panoramique ici. Nous avons donc beaucoup de polices. Je vais juste en sélectionner un qui me plaît, à savoir le chemin de fer. Et vous pouvez simplement ajuster la taille à partir d'ici. Assez simple. Ici, vous pouvez régler le poids, c' est-à-dire l'épaisseur de la police réelle. Vous pouvez sélectionner l' option en gras ou ce que vous voulez. Vous pouvez le transformer en lettres majuscules. En minuscules, n mettez la première en majuscule. Encore une fois, nous avons le style, la hauteur de ligne, qui ajoutera un espace entre le texte et le haut ou le bas. Assez simple. L'espacement des lettres peut créer des effets intéressants avec cela. Et l'espacement des mots aussi. Donc oui, joli, assez facile à personnaliser et à utiliser. Ensuite, vous avez un trait de texte. Il s'agit essentiellement d'un aperçu du texte. Supposons que je sélectionne le rouge et que je vais l'augmenter. Comme vous pouvez le voir, ce rouge entoure les lettres. Ensuite, nous avons l'ombre du texte. Vous allez essentiellement ajouter une ombre aux textes réels. Vous pouvez donc augmenter le flou, ce qui augmentera le rayon. Nous pouvons également le réduire, par exemple, vous pouvez simplement l' ajuster à partir d'ici. Vous pouvez donc simplement voir l'ombre se déplacer. Vous pouvez donc faire quelque chose comme ça si vous le souhaitez. Vous pouvez le personnaliser comme vous le souhaitez. Vous avez de nombreuses options. Et si vous souhaitez le supprimer, cliquez dessus pour revenir à la valeur par défaut. Il peut donc gérer à peu près tout ici. Simple. Vous n'avez pas à modifier le mode de mélange. Tu peux jouer avec , si tu veux. Mais je ne l'ai quasiment jamais utilisé. Et puis nous avons les paramètres avancés qui sont à peu près le même remplissage des marges. Vous n'êtes pas obligé de les saisir ici. effets de mouvement pour les animations, non ? Simple. Bordure. Si vous souhaitez ajouter une bordure à l'élément spécifique ici, et l'option Responsive pour la masquer sur un ordinateur de bureau, un mobile, etc. Tu n'es pas obligée de toucher les autres. Ce sont donc à peu près les mêmes paramètres pour chaque élément. Permettez-moi de supprimer celui-ci en cliquant dessus avec le bouton droit de la souris et en le supprimant. Si oui, si j'ajoute une image, par exemple ici, vous pouvez ajouter l'image elle-même. Vous le sélectionnez dans la galerie où vous le téléchargez. Sélectionnez ensuite la taille. Quelle que soit la taille que vous souhaitez Légende d'alignement, qui est essentiellement celle-ci. Donc, si je clique sur l'image ici, j'aurai un champ de légende. Je peux donc taper quelque chose. Si je veux montrer cette légende. Ensuite, je peux également sélectionner une légende personnalisée afin taper quelque chose qui est du texte, par exemple vous pouvez également ajouter le lien si vous le souhaitez, ou si vous sélectionnez un fichier multimédia au lieu de l'URL, qui est le lien. Si vous cliquez dessus , il zoomera. C'est assez explicite. Cliquons donc à nouveau sur le stylo pour le modifier. Et la lightbox est de plusieurs années par défaut. C'était donc ce truc quand j'ai cliqué dessus et c'est quelque chose, c'est une boîte à lumière. D'accord ? En ce qui concerne le style, nous avons la possibilité d' agrandir ou de réduire cette image, d'ajuster la hauteur, largeur, etc. Sur la bordure, encore une fois, les mêmes paramètres peuvent également ajouter la légende, qui était les textes. Vous pouvez donc changer la couleur, qui se trouve en bas ici. Alignement. Hein ? Ombre, à peu près la même chose, espacement entre le texte et l'élément. Donc, ces paramètres, vous les trouverez à peu près sur à peu près tout. Laissez-moi vous montrer les différents. Vous avez donc des séparateurs. Permettez-moi de supprimer l'arrière-plan de cette section ou supprimons simplement cette section et d'ajouter la nuance pour obtenir un fond blanc. Donc diviseur. Il s'agit essentiellement d'une ligne que vous pouvez ajouter entre les éléments. C'est principalement à des fins de conception. Vous avez donc de nombreuses options ici. Laissez-moi les rechercher en utilisant la touche flèche vers le bas. Donc, comme vous pouvez le constater, nous avons beaucoup de variantes qui sont plutôt intéressantes. Vous pouvez les aligner à partir d'ici. Donc, si je l'aligne au centre et que j'ajuste la largeur, je peux l' agrandir ou le réduire. Je peux également ajouter un texte entre les deux. Par exemple, je peux taper quelque chose comme vente. Et il suffit de changer quoi que ce soit d'autre ici. En termes de style, nous avons les mêmes paramètres. Vous pouvez ajuster le poids , l'épaisseur, la taille, le nombre de lignes, n'est-ce pas ? L'écart entre le diviseur réel et le haut et le bas. Nous pouvons également modifier le texte. Et ici, nous avons les mêmes paramètres. C'est ce que fait un diviseur. Il s'agit essentiellement d'un élément de design. Ensuite, nous avons une entretoise. Cela ajoutera un espace entre vos éléments. Donc, si j'ajoute un bouton ici, par exemple en haut, nous avons ici l'espace que nous pouvons augmenter si vous le souhaitez. Comme vous pouvez le voir, permettez-moi de l'ajouter en haut, car ce sera mieux ainsi. Il semble que j'ai un problème d'interface et qu'il ne me laisse pas le déplacer. Cela se produit de temps en temps, alors ne vous inquiétez pas. Donc, dans ce cas, je vais simplement le supprimer et je l'ajouterai à nouveau, et je l'ajouterai en haut. Comme vous pouvez le voir maintenant, j'augmente l' espace pour cela. C'est ainsi que cela fonctionne. Comme vous pouvez le voir ici, nous avons un bouton nous permet de l'ajuster pour mobile, tablette et ordinateur de bureau, afin que nous puissions toujours apporter des modifications à une interface spécifique. Nous avons également des aperçus pour mobile ou tablette à partir d'ici, afin que vous puissiez optimiser votre site Web en temps réel. Bon. Passons maintenant à un autre élément qui est différent. Alors laisse-moi regarder ici. Tu as la carte. Cela va soi et est facile à utiliser. Hein ? Permettez-moi de le supprimer et d'ajouter une colonne supplémentaire. Vous avez des icônes, une boîte à icônes, une boîte à images ne peut pas ajouter d' étoiles, non ? Assez simple. Alignez-les, modifiez le classement par étoiles. Juste ici. Style a avancé les mêmes paramètres. Quoi d'autre est différent, le carrousel d' images est essentiellement une galerie. Vous ajoutez donc plusieurs images ici, par exemple, et vous pouvez sélectionner la taille que vous souhaitez que les images soient. Mais cela ne montrera pas que l'image est plus grande car j'ai deux colonnes et elles sont séparées. Donc, si je supprime cette colonne, par exemple, j'ai maintenant la possibilité de l'agrandir, non ? C'est tellement simple. nombre de diapositives que vous souhaitez afficher. Vous pouvez modifier la navigation, qui se compose de points et de flèches. Vous pouvez modifier la couleur de ces points et de ces flèches. Vous pouvez modifier les icônes pour eux, ajouter un lien pour eux. Vous pouvez afficher la légende. Et sous les options supplémentaires, vous pouvez simplement désactiver cette lecture automatique car elle les fera défiler en continu. style sont à peu près les mêmes. C'est très simple à comprendre. Ensuite, vous avez l'icône basique, la galerie est à peu près la même chose avec le carrousel d'images. La boîte d'image est essentiellement une image sur le dessus. Ensuite, vous avez un titre et une description. Vous pouvez ajouter un lien si quelqu'un clique dessus, non ? Style de position à peu près. Vous pouvez tout modifier, image, ce que vous voulez. contenu de l'éditeur, c' est-à-dire le texte, le titre et le texte de description. Très, très simple à comprendre. Passons donc à l'autre, qui est l' ancre du menu. Nous utiliserons celui-ci pour naviguer vers notre site Web. Donc, par exemple, si j'ajoute un bouton ici disant contact et je l' ajouterai à la section contact sur ce site Web. Si je place cette ancre spécifique au-dessus du texte de contact, je peux simplement lier ce bouton à cette ancre et le visiteur en question sera redirigé vers cette section spécifique. Lorsqu'ils cliquent sur contact, ils y accèdent. Il s'agit donc essentiellement d'un lien vers un endroit précis du site Web. Je vais donc simplement le supprimer et je vous montrerai comment cela fonctionne plus tard. Et je pense qu'à peu près tout est similaire ici. Tout est donc configurable de la même manière. Des compteurs peut-être, mais c'est aussi simple. Vous allez sélectionner le numéro de départ, le numéro de fin. Vous pouvez donc faire quelque chose comme ça. J'ai quelque chose avant ou après le numéro. Donc je peux dire comme ici, taper des clients, écrire quelque chose comme ça. Vous pouvez donc simplement ajuster le texte, le titre à nouveau, l' agrandir, modifier la police. Très, très facile à utiliser. C'est donc à votre imagination d' utiliser à peu près tout ce qui se trouve ici. Mais tout est très, très simple. Donc oui, c'est à peu près comme ça que ça fonctionne, comme Elementor fonctionne. Ils peuvent à peu près tout faire glisser et modifier votre affichage quand vous le souhaitez. À bientôt dans la vidéo suivante. 8. Elementor - Modèles: Ce que vous avez dans Elementor c'est que vous pouvez choisir parmi leurs propres modèles. Donc, si vous passez votre souris sur ce dossier ici, vous verrez qu'ils ont déjà des pages et des blogs prédéfinis . Vous pouvez donc les importer directement sur votre page. Mais la plupart d'entre elles nécessitent la covariante, mais nous avons aussi une certaine variance libre ici, comme vous pouvez le voir. vous suffit donc de cliquer sur Insérer, et vous pouvez l'ajouter à votre page. Mais il va falloir créer un élément ou un compte. Donc, si vous obtenez cette erreur, actualisez simplement la page. Revenez dans cette section. Je vais donc revenir là-dessus et insérer une page, par exemple maintenant je vais cliquer sur Commencer, et nous serons redirigés vers l'élément ou le site Web. Pour vous, cela apparaîtra un peu différemment, alors je vais simplement cliquer dessus et vous verrez ce qui suit. Cela se présentera comme suit. Vous devrez créer un compte ou vous pouvez simplement vous connecter avec votre adresse Gmail, ce qui est beaucoup plus rapide. Et je vais le faire également. Maintenant que nous sommes connectés, cliquez sur Se connecter ici. Maintenant, il me demande si je veux appliquer les paramètres de cette page pour, en gros, si vous avez déjà créé une page, ne pas appliquer les paramètres et cela pourrait gâcher votre page. Mais si la page est vide, vous pouvez simplement appliquer les paramètres, mais vous devrez utiliser les mêmes paramètres pour que votre site Web ait la même apparence, donc les mêmes espaces de police et tout. Voici donc à quoi ressemble ce modèle. Il s'agit essentiellement d'une sorte de portfolio ou de galerie. Si vous voulez l'utiliser, vous pouvez simplement changer les images, cliquer dessus, changer les images, et c'est à peu près tout. Vous pouvez toujours le modifier. Vous pouvez également enregistrer des blocs ou des sections à partir de cette page spécifique. Dans vos modèles cliquez simplement avec le bouton droit de la souris sur ces six points ici pour cette section, par exemple et cliquez sur Enregistrer en tant que modèle. Et vous pouvez l'enregistrer pour plus tard et l'utiliser sur votre site Web. Donc, je vais juste le sauvegarder, l' enregistrer comme test. Maintenant, il est enregistré ici. Donc, si je veux ajouter le modèle maintenant et cliquer sur ce répertoire ici, nous l'avons dans mes modèles et je peux toujours l'insérer quand je le souhaite. C'est ainsi que vous pouvez utiliser les modèles. 9. Construire la page: Il est maintenant temps de créer une page de démonstration. Ainsi, vous pouvez voir exactement chaque étape que je passe lorsque je crée une véritable page d'accueil. C'est donc la page d'accueil que j'ai créée et je vais cliquer sur Modifier avec Elementor. Et je vais commencer à construire. Je vais donc supprimer cette section pour partir de rien. Donc, avant de créer une page, assurez-vous de faire un croquis de votre base réelle. Donc, exactement comme vous voulez créer notre page. Donc, par exemple, dans mon cas, j'en ai fait un. Laisse-moi te montrer l'intérieur. J'ai fait un croquis comme celui-ci, logo, menu des liens sociaux pour l'en-tête. Ensuite, nous avons une bannière avec quelques informations et un bouton ici, un bouton d'appel à l'action. Une autre image du texte du titre. Nous aurons ici quelques chiffres, exactement ce que nous avons réalisé avec notre entreprise, par exemple les services. Petite description, puis image pour chaque service et la petite description ci-dessous, commentaires clients, rubrique contact. C'est si simple. Suivez-nous sur les réseaux sociaux. En dessous, les icônes elles-mêmes pour les plateformes sociales et une newsletter se trouvent ici. Et puis nous avons le pied de page en bas. C'est une structure assez basique pour la page Atlantic. Alors allons-y. J'ai déjà toutes les images ici et tout ce dont j'ai besoin. Ce sera donc assez rapide. Je vais donc cliquer sur le plus R, créer une nouvelle structure, une nouvelle section. Je vais cliquer sur les paramètres ici, et j'ajouterai l'image. J'ai donc besoin d'un arrière-plan classique. Et l'image elle-même, je vais utiliser celle-ci. Et maintenant, je vais cliquer à nouveau sur Modifier. Ici, pour les réglages, je ne changerai pas la position, mais sous la taille, je sélectionnerai la couverture. Et passer à la mise en page. Et nous allons sélectionner la hauteur adaptée à l'écran. Bien que ce soit un peu gros, je veux le réduire. Je vais donc sélectionner la hauteur minimale et je vais la faire quelque chose comme ça, un peu plus petite. Maintenant, je veux l'assombrir afin de pouvoir ajouter des textes, des textes blancs afin de mieux voir les textes. J'ai donc besoin d'une superposition d'arrière-plan. Je vais cliquer sur Classique, et je vais le rendre noir et peut-être réduire un peu l'opacité. Donc quelque chose comme ça. Maintenant, je vais ajouter un texte à l'intérieur, donc j'ai besoin d'un titre. Je vais saisir le texte ici. Je vais donc entrer dans des services professionnels de réparation de vélos. Je vais le centrer. Je vais sélectionner H1. N'oubliez donc qu' un seul H1 par page. Et ce H1 doit contenir les mots clés les plus importants de votre site Web. J'ai donc ajouté ici à peu près les mots-clés les plus importants. J'ai des services de réparation de vélos. J'ai tous les mots-clés dont j'ai besoin. Maintenant, je vais passer à Style. Je vais remplacer cela par une typographie blanche. Je vais également changer la police. Et je vais sélectionner la police que j'aime, qui est Railway. Et je vais le faire à 44 pixels. Et vous pouvez également modifier le poids si vous le souhaitez. Mais je vais laisser les choses comme ça. Et maintenant j'ai besoin de quelques textes en dessous. Je vais donc ajouter un éditeur de texte. Et j'écrirai exactement ce que j'ai ici. Je vais donc le mettre côte à côte sur mon écran et je vais simplement saisir le texte. Nous sommes donc là pour vous aider à écrire plus loin, n'est-ce pas ? Plus heureux et profitez au maximum de votre vélo. Assez simple. Retournez au site Web en plein écran. Je vais changer de couleur pour cela. Je passe donc au style, je l' aligne au centre, change le texte en blanc. Et cela changera la police pour une autre police que j' aime bien, qui est Meriwether. Vous devez donc créer deux combinaisons de polices pour votre site Web. Nous pouvons en utiliser encore plus si vous le souhaitez, mais n'utilisez pas dix polices, free fonts max est à peu près correct. J'en utilise donc deux dans ce cas. Ensuite, nous allons le régler à 17 pixels. En dessous. Il ajoutera un bouton d' appel à l'action. Je vais modifier le texte de ce bouton pour nous contacter. Je vais le centrer ici sous le lien. Je peux faire en sorte que ce bouton mène à un appel téléphonique ou à l'ouverture de leur application de messagerie sur leur téléphone. Vous pouvez donc le faire si vous voulez en faire un bouton d'appel, vous tapez ici T L depuis le téléphone, deux points, puis vous entrez leur numéro de téléphone. Pour cela, si vous le souhaitez, supprimez l'application de messagerie, vous écrivez un e-mail à deux points et entrez l'e-mail par la suite. C'est très simple. Mais je vais passer à l'action grâce à cet appel téléphonique. Alors j'ai couru, j'ai saisi une taille aléatoire de ce bouton. Je vais sélectionner un moyen. Je vais ajouter une icône ici. Nous avons trouvé. Je vais sélectionner celui-ci, insérer un espace entre les deux. Et pour le style, je veux juste changer la couleur de ce bouton pour qu'elle soit à peu près la même que celle que j'ai dans mon logo. C'est donc une sorte de combinaison entre un bleu et un vert, quelque chose comme ça. Et je peux simplement copier cette couleur pour pouvoir l'utiliser plus tard pour les autres choses que je ferai. Donc, ici, nous avons un espace entre ces éléments. Alors, comment l'enlever ? Colonne ajoutée, nous avons fait de l'espace, mettez-la à zéro, par exemple et c'est comme ça que vous l'avez fait. Donc. C'est très simple. Je vais maintenant passer à la partie suivante. J'aurai donc besoin d'une image texte intitulée About Us, et nous avons également un séparateur sous le titre. Donc, une nouvelle section. C'est très simple. Et ici, je vais ajouter un titre. Je vais écrire sur nous. Ce sera un H2, donc je n' utiliserai plus H1 sur cette page. Topographie, chemin de fer, encore une fois, pour les titres. Augmentez cette valeur à 44 pixels. Et cela changera la couleur en noir. Et je vais ajouter un séparateur en dessous pour le design. Je vais donc le centrer. Je vais le remplacer par des barres obliques parce que j' aime son apparence et je vais le réduire. Maintenant, j'ai besoin de deux autres colonnes en dessous. Alors, comment s'y prendre ? Nous ajoutons une intersection sous ce diviseur, et nous avons maintenant deux autres colonnes. Ainsi, au lieu de créer une nouvelle section, ajoutez simplement une intersection sous un élément spécifique et vous aurez deux colonnes supplémentaires. Et si vous cliquez dessus avec le bouton droit, vous pouvez ajouter un de plus si vous le souhaitez. Mais je vais m'en tenir à deux. Pour l'instant Je vais ajouter une image sur la droite et quelques textes sur la gauche. C'est très simple. Ajoutons l'image. Cliquez donc sur ce Télécharger des fichiers, sélectionnez les ressources du site Web car c'est un dossier où j'ai tout ajouté et je vais ajouter celui-ci. Et j'écrirai sur l' autel tous les textes, atelier de réparation de vélos. Parce que cette image est représentative. Et pour le texte, je vais juste le copier à partir de cette image. Mettez-les à nouveau côte à côte. Et je vais juste entrer le texte. Je viens d'écrire quelque chose de aléatoire, mais vous devriez écrire quelque chose qui contient plus de mots clés pertinents ici. Il fera donc mieux pour votre référencement, pour l'optimisation de votre site Web, pour le moteur de recherche. Mais dans ce cas, je vais m'en tenir à ce x. Alors voyons ce que j'ai d'autre à faire pour créer une expérience client exceptionnelle. Et nous chercherons toujours à nous dissoudre. D'accord, désolé, juste pour l'écran. Et je vais agrandir ce texte et changer la police ou la couleur est correcte, ou peut-être le rendre un peu plus sombre. L'alignement est correct. Et changeons cette mise à jour de Meriwether 17. Et supprimons les espaces entre les éléments car ils sont bien trop grands. Encore une fois, zéro pixel ici. Et peut-être que je l'ai déplacé par erreur. J'appuie donc sur Control Z sur mon clavier pour annuler cela. Ou vous pouvez simplement aller ici, sous Histoire, en bas. Et vous pouvez simplement cliquer sur la dernière section, et vous accéderez à la section précédente que vous avez faite auparavant. C'est très simple. Maintenant, ajoutons une entretoise ici. C'est trop proche l'un de l'autre. Donc quelque chose comme ça, peut-être, et mets-le à jour. Et maintenant, voyons ce que nous avons encore à ajouter. Je vais ajouter une section supplémentaire. Je vais ajouter un contexte à celui-ci. Je vais donc sélectionner une autre image, peut-être quelque chose comme ça. Agencement. Hauteur, hauteur minimale et taille encore plus petite que cette housse de style. L'image se répétera donc ici sur les côtés, sur le côté droit du poignet. Il est donc étiré. Et je veux trois colonnes. Je vais donc cliquer avec le bouton droit sur cette colonne ici dans l'espace, Ajouter un nouveau et ajouter un nouveau. Nous avons un accès gratuit. Et je vais ajouter des compteurs. Donc pas dans le, ce sont les éléments Pro pour la version payante, mais je n'en ai pas besoin. Je vais les minimiser et j' irai au comptoir. Et nous ajouterons les trois compteurs. Nous avons donc plus de 4 430 500 clients. Et nous avons un suffixe, donc j'ajoute un avantage ici. Des clients satisfaits. Ensuite, je peux le personnaliser afin de rendre le texte blanc. Et la police, je peux à peu près la changer pour la même chose. Disons que le chemin de fer semble bien meilleur en ce moment. Et pour le titre, c'est pareil. Couleur du texte : blanc. Et je peux également y ajouter une couche de fond pour le rendre plus sombre. Donc, les textes apparaissent quelque chose comme ça. Et ajoutons celui-ci aussi. Il s'agit de deux colonnes. Je vais donc simplement dupliquer celui-ci car nous avons déjà apporté les modifications. Il est donc plus facile de modifier comme ça. Et changeons simplement les textes et les chiffres. Donc plus de dix ans d'expérience. Ici. Cinq sites. Supprimez le suffixe et les emplacements. C'est très simple. Je vais simplement cliquer sur Mettre à jour ici pour enregistrer mes modifications pour le moment. Et ajoutons l'autre pour avoir des services et une autre colonne. J'ai besoin du titre pour pouvoir dupliquer à partir d'ici et le déplacer vers le bas. Le diviseur aussi. C'est bien plus efficace que de travailler dessus à nouveau. Et maintenant j'ai besoin d'un carrefour. ai donc besoin d'un autre. Ajoutez une nouvelle colonne, c'est gratuit. J'ai donc besoin de trois images. Je vais donc ajouter le premier. Je vais y apporter les modifications, puis je reproduirai la première dans les deux autres colonnes. Voyons donc ce que j'ai ici. J'ai également besoin d'un texte de description en dessous. Changeons donc le premier éditeur de texte situé sous le séparateur. Ou en fait, je ferais mieux de l' ajouter ici. Alors voyons voir. Mettons cette gamme complète de services côte à côte jusqu'en juin, réparons et améliorons les performances de votre vélo, au centre. Je peux revenir en plein écran maintenant. Et changeons à nouveau la police. Nous avons donc Meriwether et 17, et nous pouvons peut-être le transformer en gris plus foncé ou même en noir. Et je vais juste l' ajouter en dessous. Je pense que c'est mieux. Oui, faisons en sorte que ça se passe comme ça. Et sélectionnons les photos. Le premier concerne donc les roues et les pneus. Je l'ai déjà. Celle-là. Et sous des textes alternatifs, d'accord, roues et pneus. Et ici, nous avons un champ de légende. Je vais sélectionner une légende personnalisée et taper exactement les roues et les pneus en dessous. Lien vers aucun. Ou en fait, un fichier multimédia que je peux si je veux. Donc, si vous cliquez dessus, il apparaîtra. Apportons quelques modifications ici. Je vais donc cliquer sur Modifier le style. Et je souhaite modifier uniquement les textes des sous-titres. Alors centrez-le. La couleur peut être correcte, typographie. Faisons en sorte que ce soit 17 ou plus. Essayons 44. Trop gros, peut-être quelque chose comme ça. Et peut-être en majuscules. Voyons à quoi ça ressemble en majuscules. Donc oui, c'est mieux comme ça. Alors laissez-moi revenir au style, sous-titrez et faites ça comme ça et peut-être en gras, c'est peut-être trop. Oui, quelque chose comme ça. Ça a l'air bien. Peut-être même ajouter un peu d'espacement comme celui-ci. Et changeons peut-être la couleur. Voyons ce que nous pouvons faire. Je vais juste le garder comme ça et le mettre à jour. Et je vais devoir ajouter du texte en dessous. Maintenant. Nous ajouterons à nouveau le texte à partir d' ici côte à côte. Et nous nous sommes formés pour agir pour bénir les services de Tire et plus encore. nouveau en plein écran. Et modifions ce texte. Faisons en sorte que ce soit plus sombre. Et changez cela en. Meriwether, centrez-le. Et réduisons l' espace entre les deux. va falloir aller ici et le remettre à zéro. Oui, c'est mieux. Et maintenant, il va falloir le déplacer de l'autre côté. Ajoutons peut-être quelques effets à cela avant de le faire. Je peux donc simplement ajouter une ombre de boîte. Et voyons dans quelle mesure nous voulons ajouter quelque chose comme ça. Je pense qu'il est normal d' y ajouter un peu plus de profondeur. Alors maintenant, je peux simplement le dupliquer et l'ajouter ici. Alors dupliquez-les ainsi que le texte. Et de l'autre côté. Maintenant, changeons le texte pour les autres. Nous avons le réglage et l'assemblage des vélos. Très bien, et changeons les descriptions. Donc, comme vous pouvez le voir, c'est assez simple. C'est en fait rapide, donc nous pouvons le faire en 2 minutes ou même plus rapidement si vous continuez à travailler parce que je parle en ce en 2 minutes ou même plus rapidement si vous continuez moment, donc je travaille un peu plus lentement, je fais pauses et je passe roues et plus encore. Et cela a déjà pratiquement changé. Nous avons appliqué les paramètres du précédent. Alors changez celui-ci aussi, et ensuite nous changerons les images. Donc c'est fait. Changeons donc les images. Je manque de cliquer parfois et j'appuie sur Control Z juste en dessous de ce truc. C'est pourquoi vous verrez certaines choses bouger de temps en temps. Nous allons sélectionner celui-ci. Nous avons de la mastication, je crois, qui est le type que nous mâchons. Et l'autre, qui est l'assemblage du vélo. Et je vais écrire ici, par assemblage, vous n'avez pas à les changer toutes. Tous les textes sont les plus importants pour le référencement. Et insérez. Très bien, voyons ce que nous avons d'autre. Nous avons une section de révision. C'est donc assez facile à faire. Encore une fois. Une autre section. Il suffit de dupliquer le titre. Déplacez-le. Édition ici. Encore Spacer. Très bien, et nous aurons besoin des témoignages réels. Je dois donc ajouter une intersection en dessous. J'en ai besoin de trois, donc j'en ajoute un de plus. Je reviens en arrière, je cherche des témoignages, glisser celui-ci, et je vais l' ajouter, le premier. Et ajoutez une photo ici. Nom aléatoire, profession ou position aléatoire. Et je vais le régler comme ça. Ensuite, nous allons simplement dupliquer celui-ci et le déplacer. Vous pouvez toujours le personnaliser et le rendre différent si vous souhaitez changer les couleurs, etc. Mais pour les besoins de cette vidéo, je vais juste la faire rapidement. Et changeons peut-être la couleur de fond de celui-ci. Réglons-le donc sur un gris plus clair pour faire une sorte de distinction distincte. D'accord, et je peux peut-être ajouter une bordure. Alors ajoutons peut-être quelque chose, une doublure souple ou quelque chose comme ça. Cinq, gratuitement. Oui, ça devrait aller. Quoi d'autre ? Nous avons la section Contactez-nous. Ajoutons donc celui-ci également. Encore une fois, une autre section. Je vais dupliquer le titre. Dupliquez un diviseur. C'est donc un design très basique, mais ça marche. Et changeons cela pour devenir ici, nos clients à contacter. Et je vais ajouter une intersection. Encore une fois. Nous n'en avons besoin que de deux, je vais donc ajouter la carte sur la droite. Nous devrons saisir l'adresse ici. Je vais le laisser comme ça. Réglez le zoom sur 17 pour qu'il soit beaucoup plus proche et que vous puissiez réellement voir l'emplacement. Et ajoutons ces informations ci-dessous. Et ici, je vais ajouter le formulaire de contact. Je vais donc chercher un code court. Et je vais ajouter un formulaire de contact. va donc falloir que je retourne dans le tableau de bord. Forums de formulateurs. Et je vais cliquer sur cette roue et copier le code court. Maintenant, je vais rembourser la base ici. Voici le formulaire, mais il apparaîtra correctement sans ce superbe arrière-plan par la suite. Alors enregistrez-le comme ceci. Et ici en dessous. Et nous allons simplement ajouter une liste d'icônes. Je vais chercher une icône. Celle-là. Et je le serai, j' écrirai à l'adresse. Je peux simplement le copier à partir d'ici, par exemple et je sélectionnerai un insert de mappage de broches. Pour le prochain. Je vais sélectionner. Je vais simplement écrire les heures de travail neuf à cinq heures du lundi au vendredi. Et cela sélectionnera une horloge. Pour le prochain. Je vais écrire un e-mail et je vais simplement saisir les heures ou peut-être le numéro de téléphone car nous avons le formulaire sur la gauche. Entrons le numéro de téléphone. Ça, c'est mieux Très bien, et je vais chercher un téléphone. C'est très simple. Et je peux simplement en faire un appel à l'action si je le souhaite. Je peux juste écrire d l et copier le numéro. Comme ça. Mais laissez de côté l'espace car j'ai ajouté un espace entre les deux, comme celui-ci, et mettez à jour. Et maintenant, je peux simplement le personnaliser, changer la couleur des boutons, les tailles si je le souhaite. Vous avez donc de l'espace entre un séparateur entre eux. Ensuite, vous pouvez simplement changer le type de diviseur. Vous pouvez donc simplement le personnaliser si vous le souhaitez. Assez simple. Changeons-le rapidement. Hein ? Des icônes. Peut-être que même un rouge peut fonctionner. Et je peux juste le laisser comme ça. Peut-être changer la police. Très bien, alors nous avons la section Suivez-nous, qui est la dernière. Je vais donc maintenant sélectionner l'arrière-plan. Style, arrière-plan, tapez classique et je vais sélectionner l'arrière-plan. Alors voyons lequel dois-je choisir ? Je crois qu'il m'en reste un. Celle-là. Et insérez la disposition, la hauteur, hauteur minimale. Ils devraient fonctionner. Et je vais devoir aller dans Style, taille, couverture, et aussi le rendre un peu plus sombre. Nous allons donc ajouter à nouveau une superposition d'arrière-plan. Classique et noir. Mais plus lumineux, comme ça. Nous avons donc besoin d'un titre maintenant. Je vais juste dupliquer celui-ci et le changer en blanc. Alors, suivez-nous. Et j'ai besoin de deux autres sections. Ajoutons également un diviseur. Nous conservons donc à peu près le même design. OK. Et ici, je vais ajouter les véritables icônes sociales. Et sur la droite, je peux simplement ajouter l'inscription à la newsletter. Donc, ici, je vais chercher sur les réseaux sociaux. Et je peux changer la forme en cercle parce qu'ils sont plus beaux. Et vous pouvez simplement cliquer dessus et modifier les liens. Mais c'est ce que je veux faire dans cette vidéo. Et ici, à droite, je peux simplement ajouter une inscription à la newsletter. Dupliquons donc ce titre ajouté ici. Fais-le un peu plus petit. Parce que c'est bien trop gros. Comme ça. Je peux écrire l' inscription à notre newsletter. Encore plus petit que ça. En fait. Écrire une mise à jour Et nous retournerons dans le tableau de bord et je créerai un autre formulaire. Alors créez une inscription à la newsletter, continuez. Vous pouvez donner un nom à cette newsletter. Créez. Nous l'avons ici. Nous devons juste apporter quelques modifications pour nous car il a un fond blanc et je veux que cela soit transparent. Je vais donc passer aux couleurs, conteneur de formulaire personnalisé, et je vais devoir changer toutes les couleurs de fond en transparent. Il suffit donc de le déplacer et de s'assurer qu' il est traîné jusqu'au bas. Et cela devra être le cas pour à peu près toutes les couleurs de fond. Je vais donc devoir passer en revue chacune d'entre elles. Indicateur de soumission, couleur de fond. Je pense que c'est donc la base de k fields. Ils ont en fait besoin d'un contexte. Je vais les laisser comme cette zone de saisie et de texte. Je dois changer le texte en blanc d'ici E5. Si je le laisse noir, je ne dirais pas que c'est une bordure blanche aussi. Alors, sélectionnez le blanc d'ici. Et voyons quoi d'autre. Étiquette, description blanche, message d'erreur blanc. On peut le laisser comme ça. Ce n'est pas grave. Et voyons quel autre bouton de soumission, c'est bon. Couleur du texte à nouveau blanche. Couleur du texte : blanc. Et je peux juste le prévisualiser. Donc c'est bon parce que nous ne voyons pas les textes ici, mais nous devons le changer en blanc. Alors changeons-les. C'est ce que nous avons fait, laissez-moi voir où ils se trouvent. Ils doivent être dans le champ de base ou en entrée. Oui, des espaces réservés au blanc, les deux. Et la couleur de fond peut être transparente pour les champs. Voyons voir maintenant, je pense que ça va, nous avons l'air bien sur la page. Nous allons donc cliquer sur Publier. Et je vais copier celui-ci. Nous revenons en arrière et ajoutons un code court et le collons. Voici à quoi cela ressemble dans l'aperçu, mais cela sera plus beau si nous actualisons simplement la page. Alors sauvegardons ceci et ouvrons la page. Et nous procéderons à quelques ajustements injustes par la suite. Nous avons donc besoin de quelques espaces entre les deux. Et voici le formulaire. Ça a l'air bien mieux. Nous pouvons peut-être y ajouter une sorte de bordure pour le rendre plus visible. Et quelques textes ici, parce que c'est vide, alors nous avons le pied de page que nous devons modifier et nous allons optimiser cette page pour mobile. Donc c'était à peu près ça. Apportons les modifications nécessaires à cette partie au moins, puis nous l' optimiserons dans la vidéo suivante. Faisons donc d'abord les modifications. Écrivons quelque chose ici. Voyons voir peut-être un titre. Disons, comment puis-je écrire ça ? Je peux écrire ici, nous suivre. Et au centre et BH3 et blanc. Et changez la police en chemin de fer. Quelque chose comme ça. Et ajoutons peut-être un séparateur en dessous. Changez la couleur en blanc. Peut-être un peu plus d'épaisseur au centre. Et fais-en quelque chose comme ça. Ajoutons d'autres textes ici. Passez au centre blanc. Et disons quelque chose comme ça. Alors, faites des remises et inscrivez-vous automatiquement à des cadeaux en suivant nos réseaux sociaux. Ensuite, ou quelque chose comme ça, et peut-être l'agrandir. Et Meriwether, encore une fois, nous avons la même police. Maintenant, nous sentons à peu près l'espace entre les deux. Et ajoutons peut-être un autre diviseur ici. Peut-être dupliquez celui-ci et ajoutez-le ici. Et c'est tout. Mais maintenant, nous avons plus d' espace en bas. Maintenant, je vais juste l'enlever. Nous allons donc laisser les choses comme ça. Oui, tu peux le voir dans la vidéo suivante. Et nous allons à peu près optimiser pour les mobiles et faire d'autres choses. 10. Version mobile - Optimisation: Nous allons maintenant optimiser le site Web pour les appareils mobiles. Je vais donc simplement cliquer sur Modifier avec Elementor ici. Ensuite, nous passerons à la vue sur mobile. Et nous verrons à quoi cela ressemble en mode réactif mobile en bas à gauche, et nous cliquerons sur l'icône mobile. Nous devons donc d'abord supprimer ce texte. La façon dont nous avons supprimé ce texte est d'accéder au tableau de bord WordPress, à l'apparence, à la personnalisation. Et ici, dans les paramètres de ce thème, nous devons modifier cela dans le générateur d'en-tête, site, le titre et le logo. Et nous passerons à l' affichage mobile en cliquant ici. Nous devrons supprimer le titre de ce site d'affichage. Et maintenant, comme vous pouvez le constater, cela n'est plus visible et vous allez cliquer sur Publier. C'est donc corrigé. Nous allons revenir sur le site Web et je vais le rafraîchir. Ensuite, nous l' examinerons pour voir exactement à quoi il ressemble. Tellement réactif et mobile. Le texte est correct, le bouton est correct. L'espacement est bon. Comme vous pouvez le constater, nous voyons également les ancres, mais celles-ci n'apparaîtront pas sur le site Web en direct. Voilà à quoi cela ressemblera. Nous devons changer les séparateurs. Comme vous pouvez le constater, les séparateurs sont très petits sur mobile par rapport à leur apparence sur ordinateur de bureau. Il va donc falloir les changer pour l'instant. Et laissez-moi aussi passer au bureau. Comme vous pouvez le constater, le contenu sur mobile s'affiche de gauche à droite. Nous avons donc d'abord vu le texte, puis nous avons vu l'image. Cela fonctionne donc à peu près pour chaque élément ici. Passons donc au mobile et agrandissons les séparateurs. Quelque chose comme ça. Pour celui-ci, le texte est bon, les espaces sont bons. Celui-ci est bon aussi, mais je veux ajouter un peu plus d' espace en haut et en bas. Je vais donc cliquer sur cette section d' édition avancée et ajouter quelques marges. Les 20 meilleures marges, le rembourrage, en fait 20. Oui, c'est mieux. Changez également ce diviseur. Quelque chose comme ça. Je ne vais pas y arriver car cela prend juste un peu plus de petites images, c'est bien. Je vais devoir modifier la taille de ces images. Nous allons donc le faire bientôt. Celle-là aussi. Tout le reste est suffisant. Le texte est bon, tout semble bon, la carte est bonne. Très bien, alors laissez-moi vous expliquer pourquoi j'ai ajouté ce rembourrage au début pour la gauche et la droite. Et je vais vous montrer un exemple ce qui se passe si je le supprime. Disons que pour cette section, je vais passer à Avancé et que nous avons 20 marges. Mettons-le à zéro. Maintenant, comme vous pouvez le voir, le texte est à peu près près du bord de l'écran. Et ce n'est pas recommandé car cela ne s'affichera pas très bien sur votre mobile. Il est donc préférable d' ajouter de l'espace ici. Vous pouvez donc le faire en ajoutant un peu de rembourrage à gauche et à droite par. Mais j'ai aussi ajouté en haut et en bas pour répondre, pour ajouter un peu d'espace entre la section suivante. Vous pouvez donc ajouter uniquement à gauche et à droite si vous le souhaitez. Je peux donc simplement dissocier ces valeurs et ajouter 15 à gauche, 15 ou 20. Les deux vont bien. Et maintenant, vous aurez cet espace entre les deux, qui semble bien meilleur, n'est-ce pas ? Donc, je peux juste le sauvegarder. Il faut donc toujours ajouter du rembourrage à gauche et à droite pour chaque section que vous avez. Il est donc plus beau sur mobile. Et tout le reste va bien. Nous allons donc passer la vue en haut à droite. Et les images sont également belles. Au début, la fenêtre avait l'air fausse et celle-ci était plus grande. Maintenant, apparemment lorsque nous regardons cela en plein écran, ouvrons à nouveau la page et nous assurons que tout va bien. Très bien. Oui, ça a l'air bien. Donc, autre chose que vous pouvez faire, vous pouvez même ajouter des effets à l'image. Je peux donc ajouter une ombre pour cela, par exemple si je veux définir la couleur à peu près la même que celle que nous avons sur notre logo. Rendez cela plus visible et sélectionnez une couleur comme celle-ci. Et maintenant je peux juste réduire le flou et faire quelque chose comme ça, non ? Et créez une sorte d' ombre ou d'image dupliquée. C'est donc un effet sympa que vous pouvez ajouter deux photos si vous le souhaitez. Très facile à utiliser Et oui, c'est à peu près ça. Le site Web est optimisé pour les appareils mobiles. Vous pouvez donc toujours modifier l'affichage mobile et vous verrez exactement à quoi cela ressemble. Je peux peut-être modifier ce texte et le changer pour le justifier. Mais honnêtement, je n'aime pas cet espace, donc je vais le laisser comme ça ou même le centrer, mais il ressemble mieux comme ça. Ou peut-être que je vais juste le centrer. En fait. Je pense que c'est mieux. Nous allons donc envoyer celui-ci et peut-être changer cette police pour la même police. Il a effectivement été modifié mais il est trop petit. Ça a donc l'air un peu différent. Oui, donc c'était tout pour l'optimisation mobile. Et dans la vidéo suivante, nous travaillerons sur le pied de page. Nous ajouterons donc quelques boutons ici ainsi que la page de politique de confidentialité en termes d'utilisation. Le menu est entièrement fonctionnel. Cela fonctionne aussi sur mobile, et tout va bien. Donc, vu que c'en est un. 11. Utiliser les ancres de menu et ajouter des animations: Il est maintenant temps de personnaliser un peu la page et d'ajouter des effets au site Web. Il suffit donc de cliquer sur la section, Modifier la section, de passer à Avancé. Et nous avons ici des effets de mouvement. Je peux donc juste ajouter de l'animation. Donc, je vais prendre chaque section, ou vous pouvez prendre chaque élément si vous le souhaitez. Mais je vais simplement ajouter une animation à l'ensemble de la section. Donc quelque chose comme ça. N'utilisez simplement pas la même animation, utilisez simplement des animations différentes, mais n'utilisez pas d'animations qui peuvent provoquer des maux de tête. Utilisez quelque chose de simple et de propre. Voyons voir, en zoomant. Ça, c'est bon. C'est appliquer une solution à ça, non ? Un autre ici. Et pour celui-ci. Et glisser vers la droite, pour ça, vers la droite. Bon, maintenant, faisons quelques petits ajustements. Ajoutons donc un peu d'espace entre la section en haut et les textes, car ils sont beaucoup trop proches l'un de l'autre. Nous pouvons donc le faire en utilisant de la literie. C'est donc le meilleur moyen. Cliquez donc sur la section Modifier et sur d'autres sections avancées ici. Nous allons passer à la frappe proprement dite et vous en ajouterez environ 30 pixels, soit 20. C'est mieux comme ça. Nous avons également du rembourrage à gauche et à droite. C'est bon pour les optimisations mobiles et l'optimisation mobile, excusez-moi. Et vous verrez par la suite pourquoi Let's Do it s'adresse à presque chacun d'entre eux. Donc 20, 20 ici. Si vous pensez que c'est trop, vous pouvez toujours modifier les valeurs, les dissocier et les modifier individuellement si vous le souhaitez. C'est ce que nous pouvons faire. Et pour celui-ci, je n'en aurai pas besoin car il reste centré. Mais je pense que oui parce que nous devons créer cet espace entre ces textes pour les appareils mobiles. Vous verrez ensuite pourquoi. Ajoutons donc 20 ici également et mettons-le à jour. Maintenant, créons les menus. Nous utilisons des ancres de menu. Lorsque vous créez un site Web d'une page comme celui-ci, lorsque vous ajoutez toutes les informations sur une page, vous devez utiliser des ancres de menu afin de créer votre menu de navigation, car vous devrez diriger vos clients sur la même page, mais à des endroits différents. Alors, comment s'y prendre ? Nous utiliserons les ancres de menu ici, dans la barre de recherche. Je vais chercher le menu. Et je vais prendre cette ancre et la placer au-dessus du texte ou au-dessus du titre principal. Je vais donc créer une section À propos de nous qui se terminera également sur le bouton ici. Nommez donc ceci à propos d'un autre pour les services. Je vais donc revenir en arrière et rechercher une ancre de menu et ajouter une autre. Des services. Ils sont invisibles , ils n'ajouteront donc aucun espace, vous seul pouvez les voir. C'est pourquoi cela semble être le cas. Ici, nous avons quelques problèmes avec les photos. Ils sont plus petits que les premiers, nous devrons donc également les modifier. Donc, en gros, nous devrons changer la résolution de toutes ces photos pour qu'elle soit la même, pour avoir exactement le même ratio. C'est pourquoi c'est plus grand et ces deux sont plus petits. Nous ne pouvons donc pas les ajuster manuellement ou vous pouvez les recadrer et les ajuster à peu près au même ratio. Je vais le faire dans une minute et le montrer à. Nous allons donc en ajouter un autre pour le menu de contact. Et le bon contact ici. Et je voudrais en ajouter un pour cette partie. Ce n'est pas nécessaire. Ce sont donc les plus importants. Très bien, maintenant nous allons aller dans le tableau de bord de WordPress et je vais aller dans Apparence et menus. Et je vais sélectionner le menu principal. Et ajoutons tous les boutons. Nous avons donc le bouton Contact. Il s'agit du lien de notre site Web, et vous devrez ajouter un hashtag et exactement ce que nous avons écrit dans notre ancre de menu. J'ai donc écrit contact. Il s'agit de l'URL du contact. Je vais devoir en ajouter un de plus. Donc je copie, copie ce lien en gros ici et change cette partie avec des surfaces maintenant, non ? Des services. Je vais l'ajouter et le coller à nouveau. Et nous avons eu environ , d'accord, et peut-être changer l'ordre comme ça et l'enregistrer. N'oubliez pas que le menu hors campus est destiné aux appareils mobiles, vous devez donc le vérifier également si vous utilisez, si vous utilisez ce menu pour le menu principal, par exemple nous allons maintenant revenir sur la page et l'actualiser. Mettons-le à jour. Je l'ai fait OK. Je vais le rafraîchir. Pour une raison quelconque. Cela prend un certain temps. Je pourrais donc avoir des problèmes de connexion. Et si je clique sur Services maintenant, intégralité va exactement sur cette partie de la page. Si je clique sur Contact, cela ira ici et à peu près ici. C'est ainsi que fonctionnent les ancres de menu et c'est assez facile à modifier. Maintenant, autre chose. Dans la vidéo suivante, je vais vous montrer comment optimiser cela pour les mobiles, et nous allons le faire, étape par étape. Ce sera assez rapide aussi. Alors, on se voit dans la prochaine. 12. Modifier le pied de page: Il est maintenant temps de travailler sur le pied de page. Nous allons donc passer à l'apparence personnalisée. Et nous avons ici le pilier de bas de page. Nous voulons donc ajouter le menu de la politique de confidentialité en bas. C'est ce que tout le monde fait habituellement. Et ici, je vais également ajouter quelques icônes sociales. Peut-être que je ne choisirai pas les réseaux sociaux, et je les ajouterai sur la droite. Et sur la gauche, nous aurons un menu, le menu de pied de page. Et il va falloir y travailler. Nous allons donc aller dans le tableau de bord. Permettez-moi donc d'ouvrir à nouveau le tableau de bord ici. Et nous passerons aux menus d' apparence. Et nous allons sélectionner le menu de pied de page. Et ici, nous aurons besoin de la page de politique de confidentialité, que nous avons déjà dans des pages. Ceci est créé par défaut, par WordPress, donc je peux simplement l'ouvrir. Il n'est pas encore publié, mais je peux simplement le publier. Je peux donc simplement copier le lien à partir d'ici. Très bien. Nommez cette politique de confidentialité. Et nous en aurons besoin d' une autre, appelée Conditions d'utilisation. Il va falloir créer celui-ci. Revenez donc sur Pages, et nous allons simplement ajouter une nouvelle page, la nommer et les conditions d'utilisation. Et nous aurons besoin de quelques textes pour cela. Je peux simplement copier-coller le texte ici. Vous n'êtes pas obligé d'utiliser Elementor si vous le souhaitez, si vous voulez le concevoir et le rendre plus agréable, vous pouvez simplement l'utiliser. Mais ces deux pages n'ont pas beaucoup d'importance. Ils le feront donc, ils seront à peine visités. Je peux donc aller à la compétition, trouver un service de réparation de vélos et rechercher notre site Web quelque part. Disons que je choisis. Je ne connais pas celui-ci. J' accepterai leurs cookies et j' irai jusqu'en bas. Voici leur pied de page. Elle est bien plus grande. Je veux dire, c'est en fait qu'ils en ont deux. Nous avons donc ici les termes et conditions, confidentialité et la politique en matière de cookies. Ils en ont beaucoup. Je m'en tiendrais aux termes et conditions. Vous avez donc essentiellement besoin des termes et conditions et de la politique de confidentialité. Et dans la politique de confidentialité, vous pouvez inclure les cookies afin ne pas avoir à en créer autant. Je vais donc prendre celui-ci et je vais juste en copier une partie, pas tout parce que je pense que c'est beaucoup, ou peut-être tout simplement le prendre en totalité. Mais n'oubliez pas que vous devrez travailler là-dessus afin que nous puissions simplement copier les termes et conditions d' autre personne et les coller sur votre page. Vous devrez vraiment voir ce qu'ils y ont écrit et le faire en conséquence. Mais pour les besoins de cette vidéo, je vais simplement copier-coller ceci. Cliquez maintenant sur Publier. Nous avons donc maintenant une page de conditions d'utilisation. Et nous ajouterons celui-ci ici. Et ces deux-là devraient être plus que suffisants. Et je pourrais peut-être ajouter à nouveau le bouton des services. Donc des liens personnalisés, disons des services. Donc, s'ils veulent voir les services, encore une fois, nos contacts sont peut-être meilleurs. Ajoutons un contact afin qu'il puisse y retourner s'il souhaite également depuis le pied de page. Je vais donc entrer sur le site web.com, le hashtag, le slash, le contact. Très bien, enregistrer le menu. Et maintenant, nous allons revenir au personnalisateur de thème. Très bien. Mais pas ici. Oh oui, c'est mieux. Et disons que c'en était un pour l'en-tête. Je n'en ai pas besoin. C'était pour le pied de page et je peux simplement l'enregistrer et nous allons simplement rafraîchir la page. Et il devrait être mis à jour. Allons voir. Oui, nous l'avons. Nous pouvons également modifier les couleurs si vous le souhaitez. Si vous n'aimez pas les couleurs et tout, vous pouvez changer les couleurs à chaque fois. À tout moment, je veux dire, alors ouvrez-les, voyons s'ils fonctionnent. Ils devraient fonctionner. C'est tellement simple. Vous devez toujours ajouter une politique de confidentialité et des conditions d'utilisation. Ce lien vers la politique de confidentialité. Nous devons l'ajouter pour le plug-in, encore une fois, pour le plugin cookie. Donc, les cookies, celui-ci, personnalisent la bannière et affichent les paramètres avancés. Il devrait être quelque part ici, disons la mise en page. Maintenant contenu et couleurs. Oui, un cookie. Remarquez que nous l'avons ici, lisez plus, créez un lien, activez-le, lisez plus. Et ici, vous allez ajouter l'URL de votre page de politique de confidentialité, celle-ci, et l'enregistrer. Alors maintenant, lorsque nous ouvrons le site Web, si je clique simplement sur les paramètres des cookies ici, en bas à gauche, nous devrions avoir le bouton Lire la suite, mais je pense qu'il n'apparaît lorsqu'ils ouvrent le site Web pour le première fois. C'est pourquoi nous ne le voyons pas maintenant. Il apparaît alors dessus, mais ça va. Cela fonctionnerait de toute façon. C'était donc tout pour la page de politique de confidentialité et les conditions d'utilisation, assurez-vous de les correctement afin de ne pas simplement les copier. Nous voyons donc le suivant. 13. Thèmes personnalisés: Maintenant, laissez-moi vous montrer que WordPress possède en fait de très célèbres si vous voulez les payer. Vous allez donc accéder à la forêt thématique, dotnet. Et nous avons ici une catégorie pour WordPress. Il vous suffit de cliquer dessus. Et nous avons beaucoup de niches ici. Vous pouvez donc acheter des sites Web à peu près prédéfinis pour différentes niches. Voici donc les sites Web, comme vous pouvez le voir précédemment. Disons que je recherche un site Web de fitness. Et je vais juste en choisir un comme celui-ci. Et tous ont des avant-premières en direct. Vous pouvez donc simplement vérifier le thème en temps réel. Cliquez dessus, allez-y. Je suis exactement ce que tu achètes. Et tous ces thèmes, tous ces thèmes pouvant être édités avec des éléments, sont à peu près 90% d'entre eux. Il peut donc modifier à peu près chacun d'entre eux et modifier les éléments, images, les textes, etc. Vous avez donc à peu près un site Web préconstruit. Laissez-moi choisir l'un d'entre eux. Comme vous pouvez le constater, ils ont deux constructeurs, Elementor, qui est le plus populaire, et ensuite la boulangerie WordPress, qui est également populaire. Et toutes ces équipes sont compatibles avec Elementor. Alors laissez-moi simplement choisir celui-ci, par exemple et oui, il a l'air génial. Les effets sont excellents également. Heather est géniale. C'est donc bien mieux que d'avoir un thème simple. Donc, une fois que vous saurez comment fonctionne Elementor, si vous voulez obtenir une grande renommée, allez simplement sur Theme Forest Dotnet. Il s'agit de la plate-forme la plus populaire où vous pouvez trouver de superbes thèmes WordPress. Il suffit donc de rechercher ce dont vous avez besoin. Et vous y trouverez des thèmes immobiliers, des restaurants, tout ce dont vous avez besoin. Donc, juste pour que vous sachiez qu'ils existent et qu'ils se vendent à un prix avantageux. Vous les trouverez donc à peu près tous à moins de 100$. Donc, en gros, une fois que vous aurez effectué un achat ici, vous recevrez une archive, un fichier zip. Vous devrez accéder à votre tableau de bord WordPress. Donc, ici, vous cliquerez sur Ajouter un nouveau et téléchargerez le thème. Et vous choisirez le fichier, l'archive, et vous devrez installer ce nom spécifique. Et ce célèbre est généralement livré avec des plugins intégrés. Vous devrez donc installer tous les plugins avec eux car ils sont obligatoires, car ils sont déjà préconfigurés. Et tout ce qui est intégré à l'intérieur d' eux doit fonctionner avec ces plugins. Et à partir de là, vous pouvez simplement modifier le texte. Vous aurez toutes les pages ici dans la section Pages. Vous aurez la page de contact concernant les services. Il est déjà préconfiguré et tous les badges sont inclus. Ce thème spécifique. Donc je te montre juste ça pour que tu saches qu'ils existent. Donc, si vous étiez probablement dans le futur, j'ai envie de changer votre site web avec une grande notoriété. Vous pouvez le faire, mais vous avez besoin d'expérience avant lancer dans ce célèbre car vous n'avez toujours pas d'expérience. Donc, une fois que vous vous serez habitué à la plateforme, vous le ferez peut-être à l'avenir et cela vous sera également utile. Donc, oui, c'est à peu près ça. Visionnez votre prochaine vidéo. 14. Créer la page 404 : Il est maintenant temps de créer une page sur les fluorophores. Comme je l'ai dit au début, cette page est essentiellement un moyen rediriger nos visiteurs vers notre page d'accueil, notre page d'accueil, lorsqu'ils vont sur le mauvais lien, par exemple s' ils vont sur notre site Web et ils tapez par erreur, ajoutez quelque chose qui ne va pas ici. Ils seront redirigés vers cette page. C'est une option par défaut, mais elle remplacera celle-ci par une meilleure. Je vais donc ajouter une couverture, du texte et un bouton pour les amener à la page d'accueil. Même s'ils ont les boutons ici, il est plus accessible de simplement les placer au milieu. Nous allons donc passer à Pages Ajouter un nouveau. Je nommerai cette page 1404. Nous sélectionnerons parmi le modèle ici, Elementor, la pleine largeur et la publication. Maintenant, je vais cliquer sur Modifier avec Elementor. Et je vais cliquer dessus et nous allons créer une nouvelle section. Je vais ajouter une photo en arrière-plan. Nous passons donc au style, au type d'arrière-plan, à l'image classique. Et je vais ajouter cette image. Nous passons à la disposition, à la hauteur, hauteur minimale et peut-être quelque chose comme ça. Je vais ajouter une couche d'arrière-plan pour qu'ils puissent mieux voir le texte et l'assombrir davantage. Maintenant, je vais y retourner. Nous allons ajouter un titre. Et je dirais, oups, vous n'êtes pas au bon endroit. Centrez-le. Changez la couleur en blanc. Rends ça plus grand. Changez la police, peut-être en Railway. Nous avons donc la même police. Et nous pouvons peut-être ajouter une description ci-dessous. Dis quelque chose comme ça. Cette page n'existe pas. Pour revenir à la page d'accueil, cliquez sur le bouton ci-dessous. Nous allons également centrer ce texte. Nous allons le rendre blanc. Changez la police. Je vais le changer pour savoir si cela doit être bon. Et ajoutons le bouton ci-dessous. Nous allons le centrer. Ici. Nous ajouterons le lien vers notre page d'accueil. Donc, dans mon cas, c'est celui-ci. Peut-être agrandir ce bouton et me ramener à la page d'accueil. Ou peut-être m'emmener à la page d'accueil. Disons des mots. Et changeons les couleurs. Colorez lorsque vous passez la souris. Faisons en sorte que ce soit rouge. Très bien. Et peut-être ajouter une icône, un point d'exclamation. Ou peut-être un étroit. Ça va mieux. Plus ce genre de choses peut fonctionner. Et nous cliquerons sur Mettre à jour. Et ça devrait être plutôt bien. Nous allons maintenant revenir dans le tableau de bord. Plugins, plugins installés pour la page 04. Nous cliquerons sur Paramètres. Et ici, nous allons sélectionner la page 404 et cliquer sur Enregistrer. Maintenant, si nous allons sur notre site Web, je vais simplement ajouter une barre oblique et taper quelque chose de aléatoire. Nous sommes sur la page des fluorophores. Et si nous cliquons sur ce bouton, nous retournerons à notre page d'accueil principale, non ? C'est tellement simple. Comme vous pouvez le voir, j'ai quelques espaces ici, donc je peux peut-être faire quelque chose à ce sujet. Faisons donc peut-être cette taille, couvrons et changeons la hauteur, peut-être à 600. Cela devrait donc régler le problème. Maintenant c'est bon. C'est ainsi que vous créez une page sur les fluorophores. Assez simple. Vous devriez toujours l'avoir pour ne pas perdre vos visiteurs sur votre site Web. S'ils écrivent quelque chose après le lien. 15. Comment faire le référencement avec Yoast SEO et conseils: Parlons un peu du référencement en ce moment. Le référencement provient donc de l'optimisation des moteurs de recherche. Donc, en gros, nous aurons optimisé notre page pour Google afin que nous puissions être trouvés plus facilement dans le moteur de recherche et ainsi de suite en fonction de nos mots clés. Nous avons donc un plug-in pour cela, et ce plugin est celui-ci, Yoast SEO, n'est-ce pas ? Donc, en gros, vous devrez l'ouvrir. Et il a d' abord une sorte d'assistant que vous devrez utiliser pour le configurer. la première configuration, il vous suffit de cliquer sur Continuer. Vous devrez sélectionner certaines choses ici. Le nom de votre organisation, votre logo, vos profils sur les réseaux sociaux, et vous aurez presque terminé par la suite. Il est très facile à configurer. Une fois que vous aurez fait cela, vous accéderez à vos pages et vous verrez que vous avez une sorte de classement ici pour le référencement. Donc celui-ci est pour le référencement. Pour chaque page. Dans notre cas, pour ce cours, nous nous sommes concentrés sur la création d'un site Web d'une seule page. Donc un site Web d'une page. Nous nous concentrerons uniquement sur la page d'accueil, qui est la plus importante. Nous allons donc y aller, il suffit de cliquer dessus. Et ici, nous avons une catégorie Yoast SEO. Et comme vous pouvez le constater, notre score est désormais rouge, nous devons donc apporter quelques modifications. Tout d'abord, vous avez besoin d'une phrase clé. Il s'agit de vos principaux mots clés sur lesquels vous souhaitez vous concentrer. Dans mon cas, les principaux mots clés sont les services de réparation de vélos. Ou seulement par creeper, je peux choisir ce que je veux. réparation de vélos fonctionne également. Peut-être que c'est mieux et qu'il est plus court. Je vais me concentrer sur ce point. Maintenant. J'ai besoin d'un titre pour mon site Web. Donc mon titre est celui-ci. J'ai déjà écrit pour des services de réparation de vélos professionnels, mais je l'ai remplacé par ceci parce que c'est beaucoup plus simple. Et je peux simplement supprimer ce que nous avons ici et écrire des services de réparation de vélos. Le meilleur de la ville. Ensuite, pour Slug, tu peux écrire ce que tu veux. Et comme vous pouvez le constater, le slug est essentiellement ce qui apparaît après votre domaine. Mais vous n'avez rien à saisir ici. Ce n'est pas obligatoire. Pour la méta-description. Si je clique sur analyse SEO ana ici, vous verrez que nous avons un tas de coches rouges et que nous devons corriger à peu près tout. Tout n'est pas vraiment un problème, mais vous devez en résoudre autant que possible. Vous avez donc cet écran et vous serez plutôt prêt à partir. Concentrons-nous ensuite sur le passage au vert. Liens sortants. Cela signifie à peu près que vous devez mentionner d' autres sites Web sur votre site Web. Je dois donc vous indiquer d' autres sites Web si vous le pouvez. Cela vous aidera. Nous allons offrir de la crédibilité et ainsi de suite. Donc, si vous pouvez le faire, par exemple sur ma page, j'ai une page de service de réparation de vélos. Je peux peut-être dans cette section, ajouter une sorte d' événement à venir avec un lien vers celui-ci. Et ça m' aidera et je vais me fixer. Donc, c'est comme ça que vous pouvez résoudre ce problème. Ensuite, nous avons la phrase clé en introduction. Votre phrase clé ou si elle n' apparaît pas dans le premier paragraphe, assurez-vous que le sujet est clair immédiatement. Sur mon site web. Lequel est le premier paragraphe ? C'est celui-ci en dessous. Comme vous pouvez le voir, ce texte est un paragraphe ici. Je dois donc mentionner les mots-clés dans le premier paragraphe. Ce que je vais faire, c'est ajouter une ligne de texte supplémentaire. Et je dois dire que nous sommes connus pour offrir les meilleurs services de réparation de vélos de la ville. Et ce faisant, cela est désormais couvert. Et vous verrez que cela fonctionne une fois que j'aurai enregistré et actualisé cette page. Mais abordons d'abord tous les problèmes. Ensuite, nous en avons un autre. Le focus give praise a été trouvé une fois. C'est moins que le minimum recommandé de deux fois pour un texte de cette longueur. Vous devez donc mentionner cette phrase clé, est-ce pas, sur votre site Web, au moins deux fois ou plus. Hein ? Vous pouvez donc le faire facilement en le mentionnant dans votre texte. Cela peut être facilement corrigé. Et maintenant, il est six parce que je l'ai mentionné dans mon paragraphe, donc cela devrait également être corrigé. Ensuite, nous avons une longueur de méta-description supplémentaire , quelle que soit la description spécifiée, qui est celle-ci, la description de votre page. Nous allons donc écrire quelque chose tout de suite. J'ai déjà écrit quelques textes ici. C'est donc une description que je vais ajouter. Je vais le saisir ici. Et comme vous pouvez le constater, il contient la phrase clé, qui est obligatoire. C'est donc une bonne chose. Maintenant, nous avons encore une utilisation. Plus de phrases clés sont des synonymes dans vos sous-titres H2 et H3. Donc h to h freeze sont à peu près, je change celui-ci en H4. Celui-ci est sans H, vous devriez donc faire réparer un vélo. Ou dans mon cas, je devrais au moins faire réparer mon vélo. Les mots clés eux-mêmes se trouvent ici. Mais cela n'est pas obligatoire. Vous devez écrire beaucoup de contenu votre site Web pour avoir un titre qui soit mentionné dans le mot clé, encore une fois, la phrase clé. Je vais donc sauter celui-ci. Je ne vais pas me concentrer là-dessus, mais je vais me concentrer sur les autres. La ligne suivante du texte contient 231 mots. J'ai besoin d'un minimum de 300 mots, donc je dois ajouter du texte sur mon site Web. C'est ce que je vais faire. J'ai déjà édité environ dans le cadre et j'ai ajouté plus de texte. Ce sont donc les textes que je vais ajouter maintenant. Donc, en gros, nous avons maintenant beaucoup plus de textes. Permettez-moi d'ajouter quelques espaces entre les deux. Ceci est copié et collé, et ce n'est pas la meilleure pratique, mais je vais juste faire en sorte que cela fonctionne d'une manière ou d'une autre. Donc, revenez en arrière, entrez à nouveau, et c'est suffisant. Et encore une ligne. Est-ce que c'est. Oui. Très bien, laisse-moi supprimer cette partie. Voyons donc si tout va bien. Très bien, c'est bon. Autre chose, voyons voir. Textes de couverture. ce que j'ai fait Peut-être en ajouter un peu plus ici. Mais je pense que j'ai assez de texte. Mettons-le d' abord à jour et voyons combien de problèmes avec x. Actualisons-le maintenant. Et j'ai oublié de le sauvegarder sur cette partie. Je dois donc écrire à nouveau, d'accord, nous allons le faire. Nous avons donc une réparation de vélos. Et ici, nous avons des services de réparation de vélos. Hein ? Et une description ici. Terminé. Comme vous pouvez le constater, nous sommes déjà verts maintenant, j'ai réparé à peu près tout ce que nous avions. Ce X contient. J'ai donc besoin d' un mot de plus pour corriger celui-ci également. C'est donc ce que je vais faire. Permettez-moi d'ajouter autre chose. Je vais donc entrer ici et ajouter quelques textes peut-être en dessous ou peut-être dans le même paragraphe. Optimalité réglée. D'accord, même si cela n'a pas de sens, j'ai écrit à peu près la même chose, mais juste pour combler les lacunes et terminer. Et nous en avons une de plus ici, elle indique des images échographiques sur cette page, une seule possède un attribut alt qui reflète le sujet de votre texte. Alors, comment pouvons-nous résoudre ce problème ? Nous passons aux images. Nous passons donc aux médias. Ici. Je l'ouvre dans un nouvel onglet et je vais y ajouter des textes alternatifs. Et je peux dire réparation de vélos plutôt que de roues et de pneus. Et celui-ci va résoudre ce problème. Ajoutons-en un de plus. Ce problème va maintenant être résolu. Mettons-nous donc d'abord à jour cela. Allons voir. Je suppose que je dois attendre un peu pour qu'il soit mis à jour. Laisse-moi voir si oui, je vais devoir attendre un peu. Rafraîchissons-le à nouveau. Ce n'est toujours pas fait. Sa mise à jour peut donc prendre un certain temps car même si j'ai apporté les modifications, comme vous pouvez le voir, les mots sont toujours les mêmes. Nous avons donc fait une mise à jour, les mots que j'ai écrits précédemment et les textes alternatifs également. Mais nous avons ce vert et sera mis à jour très, très rapidement. Ce n'est donc pas un problème. Ce sont donc à peu près les bases en matière de référencement. Tout ce que vous avez ici est une bonne information. Et si vous appliquez à peu près tout ce que ce plug-in vous indique, vous répéterez trop de choses à faire. Mais il y a plus de choses, et l'une d'elles concerne les backlinks, par exemple, qu'est-ce qu'un backlink ? En gros, quelqu'un qui mentionne votre site Web sur son site Web, ce qui offre de la crédibilité et constitue un bon facteur de référencement. Mais le plus important est évidemment le trafic. Donc, tant que vous aurez beaucoup de trafic sur votre site Web, vous serez très performant dans le moteur de recherche et cela vous aidera beaucoup. Alors commencez simplement à diffuser des publicités et cela réglera à peu près le problème pour vous. Et vous gravirez les échelons tant que vous aurez de bons mots clés sur votre site Web. Maintenant, autre chose qui est importante, lorsque nous accédons à l'onglet multimédia de la bibliothèque, vous devez toujours optimiser les images. Assurez-vous d'utiliser des images de petite taille, comme celle-ci, de petite taille. Donc moins de 200 ko, quelle que soit l'image, moins de 200 ko. Maintenant, en ce qui concerne les formats, il existe deux formats. Nous avons une page Web. Celui-ci est plus récent, mais il est beaucoup plus efficace et prend généralement moins de place. Il est donc meilleur que le format JPEG, qui est populaire. Encore une fois, web B, j'ai converti à peu près toutes mes images de JPEG en API. Vous pouvez donc simplement aller sur Google, par exemple, laissez-moi simplement fermer celui-ci. Ensuite, vous pouvez aller sur Google et taper le convertir à nouveau en p. Et vous aurez ici des outils gratuits. Donc, en gros, sélectionnez votre JPEG spécifique, sélectionnez le format de conversion, et vous cliquerez dessus ici, et vous obtiendrez le fichier et le remplacerez sur votre site Web. C'est donc très, très simple. Ce sont donc à peu près les bases que vous devez connaître. C'est à peu près suffisant. Il suffit d'avoir un bon hébergement, bon contenu sur votre site Web. Si de bons mots clés optimisent vos images, ne surchargez pas votre site Web avec beaucoup de choses, car cela le rendrait encore plus lent qu'il ne le fait déjà. Et gardez également à l'esprit que même ces cartes Google ici, nous ralentissons probablement le temps de chargement d'une demi-seconde, voire plus. Vous pouvez donc simplement ajouter une image à la place de cette carte et y ajouter le lien. Ainsi, lorsque quelqu'un clique sur cette image, elle se dirige vers cet emplacement spécifique sur Google Map. Vous pouvez simplement copier le lien. Nous pouvons donc faire quelque chose comme ça, qui peut fonctionner. Et c'est plus efficace que d'ajouter une carte, même si l'apparence d'une carte est évidemment plus belle. Donc oui, c'est à peu près ça. Merci d'avoir suivi ce cours jusqu'au bout. Je suis sûr que tu as appris beaucoup de choses. Et je vous souhaite bonne chance dans votre projet.