Créez un site Web professionnel en utilisant Elementor et le thème Hello !

1. Introduction: Bienvenue au cours et mon nom est David et je vais vous accompagner à travers l'étape un à pas fait, comment créer un site Web avec élémentaire. Ce cours est parfait pour tous ceux qui cherchent un cours intensif sur le fonctionnement des éléments. Ainsi, vous pouvez apprendre et comprendre et aller de l'avant et créer n'importe quel type de site Web que vous voulez. Nous allons utiliser la version gratuite des éléments ou aussi bien que le thème hello. Et ces deux choses fonctionnent vraiment bien ensemble pour rendre la création d'un site Web rapide et facile. La seule limitation de conception dans ce cours est que parce que nous utilisons la version gratuite des éléments ou que vous ne pouvez pas ajuster et modifier la section de croissance de blog ainsi que les billets de blog individuels de votre site Web. Donc, si vous à créer , disons êtes une personne créative qui chercheà créer , disons, un portfolio en ligne ou peut-être que vous êtes une petite entreprise et que vous êtes cool avec la conception d'un petit site de dix à dire 30 pages. Et vous êtes d'accord avec la conception de chaque page individuellement. Ce cours est pour vous. Les ressources et les outils vont être utilisés dans ce cours sont nommés moutons comme notre registraire de noms de domaine, hôte bleu comme notre compte d'hébergement partagé. Ensuite, nous allons installer WordPress dans la conception ou le site Web. Donc, si vous avez été à la recherche de commencer avec élémentaire, Ce cours est pour vous. Cliquez sur la prochaine vidéo et je vous verrai à l'intérieur. 2. Aperçu du site - Ce que nous allons créer: Ok, donc dans ce tutoriel, je vais vous donner des instructions sur la façon d'utiliser des éléments ou de concevoir chacune des trois sections de votre site Web. Donc, des éléments ou des briques ou site Web dans l'hétérosexuel que le corps et le pied de page. Et je vais vous montrer comment éditer chacun en utilisant seulement des éléments ou la version gratuite. n'y a rien de plus pour payer. Je vais vous montrer comment ajouter ce joli en-tête, comment ajouter des boutons, comment faire le bouton être et ancrer des liens, vous cliquez dessus, il vous emmène quelque part sur le site. Comment ajouter cette belle image de héros en arrière-plan avec une superposition de texte et, et comment le faire pour que l'image reste mise au fur et à mesure que le site se déplace. Comment ajouter différents blocs et différentes idées de conception. J' ai dû ajouter un formulaire emo opt-in en bas. Comment ajuster et modifier votre pied de page, comment ajouter des liens de médias sociaux, Google Analytics, et quelques réflexions sur un blog en ce qui concerne les mentors. Alors de toute façon, commençons. 3. Obtenez votre domaine et l'hébergement: Bienvenue sur name2.com. Donc nommé bon marché est un registre de nom de domaine. Cela signifie que c'est un endroit où vous pouvez aller enregistrer des noms de domaine. Donc, pour commencer est très simplement taper le nom de domaine que vous voulez enregistrer et cliquez sur l'icône de recherche. Maintenant, la raison pour laquelle je recommande nommé bon marché est parce qu'ils ont les prix les plus bas autour pour l'enregistrement d'un nom de domaine. Alors allez-y et mettez le nom de domaine que vous voulez. Cliquez sur l'icône de recherche. Et puis sur la page suivante, il va vous dire si le nom de domaine est disponible pour l'enregistrement. Et donc celui-ci l'est, alors allons-y et ajoutez-le à notre panier. Maintenant, si le domaine n'est pas disponible, vous devez trouver autre chose. Maintenant, allons-y et vérifions. Et on y va. Alors maintenant Randy page de paiement juste ici dans de sorte que l'enregistrement du nom de domaine, vous pouvez vous inscrire pour un an jusqu'à dix ans à l'avance. Vous pouvez définir le renouvellement automatique si vous le souhaitez. Donc, après cela, comme lorsque le nom de domaine est prêt à être renouvelé et si vous avez une nuance automatique, il va simplement débiter votre carte de crédit à nouveau. C' est donc totalement à vous de décider et vous obtenez qui est le gardien gratuitement et cela garde vos informations de contact privées car une partie des règles de l'ICANN lors de l'enregistrement d'un nom de domaine est que vous devez fournir des informations de contact exactes. Et donc qui est Dieu garde toutes ces informations privées et vous obtenez un complètement gratuitement. De toute façon, il suffit d'aller de l'avant et de confirmer votre commande et vous devrez créer un compte Name Cheap. Et c'est tout. Après avoir obtenu votre nom de domaine, vous aurez besoin d'un compte d'hébergement partagé. Donc, ce qu'est un compte d'hébergement, c'est juste un serveur qui est sur 24-7. Donc, votre site Web est disponible 247. C' est juste une exigence d'avoir un site web. Et donc j'aime personnellement recommander des coups. Blows est l'hôte web numéro un recommandé par WordPress. Donc, pour commencer est très simplement venu ici et cliquez sur ce bouton qui dit Get Started, super-duper simple. Ok, donc maintenant, ils ont un tas de plantes différentes. Donc, ils ont de base Plus Choice post impro. Donc Pro est pour les grands sites Web établis qui reçoivent le trafic AY, vous n'avez pas besoin de sonde. Basic est assez bon, mais vous ne pouvez avoir qu'un seul site Web sur le compte, ce qui est très, très limitatif. Donc, ceux que j'aime et que je recommande serait le plus et le choix plus plan. Personnellement, j'ai aimé chaque choix plus avion parce que ce plan est assez puissant pour vous permettre de développer un site Web à trafic élevé. Mais encore une fois, cela dépend de vos besoins. Donc, si vous êtes comme une petite entreprise et que vous avez juste besoin de mettre un site Web en marche. Je dirais le plus ou de base, ou trouver une personne qui est probablement le plus parce que vous obtenez plusieurs sites Web, mais c'est totalement à, vous savez, si vous êtes quelqu'un qui veut aimer peut-être construire un blog à trafic élevé, alors je Je préférerais que vous alliez avec le choix plus, mais encore une fois, c'est votre décision. Donc je vais aller avec Choice Plus, et tout ce que vous avez à faire est de cliquer sur Select. Ok, donc maintenant dans ce discours, vous pouvez créer un nouveau nom de domaine ou utiliser un nom de domaine que vous possédez. Donc, si vous allez avec créer un nouveau nom de domaine, cela va enregistrer un nom de domaine par coups, ce que je ne recommande pas parce que alors que la feuille nommée était 888 ans coups charges 1799 par an pour le nom de domaine. C' est pourquoi nous utilisons la triche de nom parce que c'est juste moins cher. Donc nous allons utiliser un nom de domaine que vous possédez, ok, alors mettez dans le domaine que vous venez d'enregistrer, nommé mouton juste ici. Ok, donc une fois que vous faites ça, allez-y et cliquez sur Suivant. Et nous y voilà. Donc ce n'est qu'une information de compte, d'accord, donc je ne vais pas insulter votre intelligence et vous expliquer comment payer pour quelque chose en ligne. Remplissez simplement les informations de votre compte, OK, allez et remplissez les informations de votre compte et les informations de paquet ici. Vous pouvez donc choisir 12 mois, 24 ou 36 mois. Personnellement sortir probablement aller avec le plan de prix 2024 mois. Si vous êtes, si vous voulez construire un blog parce que habituellement prend deux ans pour construire un blog à trafic élevé. Et puis vous pouvez prendre une décision si vous voulez dire du glucose ou non. Encore une fois, c'est totalement à vous de décider. Maintenant, nous venons ici, les extras du paquet, le manque de site. On n'a pas besoin de verrou à vue. Et puis ici, nous avons des informations de paiement, et c'est tout. Et alors allez-y et cliquez sur cette petite coche que vous avez accepté d'être des termes flexibles, puis cliquez sur le bouton vert Soumettre et vous êtes prêt à partir. Bienvenue sur blues.com. Donc, après avoir soumis le paiement, vous allez être présenté avec une sorte de processus d'intégration comme. Vous pouvez simplement passer à travers tout et ce sera votre tableau de bord. Maintenant, en haut, voici votre site web. Vous remarquerez peut-être quelque chose comme la boîte temporaire 1234. La raison pour laquelle cela apparaît est parce que vous devez définir des serveurs de noms qui ont besoin pas cher pour pointer vers votre compte de tuyau bleu. Ça a l'air beaucoup plus compliqué, mais je vais vous montrer comment tout mettre en place. 4. Installer Wordpress: Maintenant, vous avez votre nom de domaine dans un bureau d'enregistrement de noms de domaine et vous avez un compte d'hébergement partagé avec bleu est. Alors, comment connectez-vous les deux ? C' est un processus très simple. Il vous suffit de changer les serveurs de noms de moutons nommés pour pointer vers votre compte d'hébergement chez Blue Host. Maintenant, cela semble beaucoup plus compliqué que ça ne l'est, mais c'est une chose très rapide et facile à faire. Ça prend environ cinq minutes et je vais vous montrer comment c'est fait maintenant. Configurez les serveurs de noms. Ainsi, chaque hôte web vous enverra un e-mail de bienvenue lorsque vous achetez un package d'hébergement et les coups n'est pas différent. Donc, vous devriez avoir quelque chose que vous diriez, eh bien venez à coups et puis votre nom de domaine que vous utilisez comme nom de domaine principal sur le compte. Et donc nous y voilà. Donc, j'ai choisi plus l'hébergement web. Alors que nous faisons défiler ici, ici, vous êtes dans votre tableau de bord, je devrais dire que c'est une boîte temporaire, peu importe ce que nous avons pour configurer les serveurs de noms. Donc, pour le blues, les serveurs de noms sont très simples à MS1 coups dans le glucose NF2. Et donc tout ce que vous avez à faire est juste mettre en évidence ceci, puis copiez-le et collez-le dans votre compte bon marché nom. Donc, vous devez vous connecter pour nommer pas cher et aller dans votre liste de noms de domaine et cliquez sur le bouton Gérer pour le nom de domaine que vous voulez modifier. Ensuite, vous voulez juste venir ici où il est dit serveurs de noms. Maintenant, en ce moment, le vôtre devrait dire Nom pas cher du DNS de base, ce que vous devez faire est de venir ici et sélectionner DNS personnalisé. Ensuite, tout ce que vous avez à faire est de taper et S1 coups et blues.com NST, et c'est tout. Et puis assurez-vous que vous cliquez sur cette minuscule petite coche verte. Et donc une fois que vous cliquez sur cette petite coche verte va apparaître disant que les effets peuvent prendre 40 heures. Personnellement, je ne l'ai jamais vu prendre 48 heures. D' habitude, c'est dix minutes. Alors peut-être faire une pause, prendre une tasse de café, revenir dans cinq ou dix minutes, et tout devrait se propager correctement. Vous devriez donc voir votre nom de domaine ici. Mais de toute façon, c'est ainsi que vous ajustez les serveurs de noms. Maintenant, il envoie pour lancer WordPress. Donc, une fois que vous vous asseyez sur les serveurs de noms et que vous le donnez comme cinq, peut-être dix minutes maximum, cela devrait se propager comme il convient et vous devriez être en mesure de voir votre domaine ici. Donc, je vais devoir faire est un peu comme juste un lancement de votre site et blues va installer WordPress pour vous et tout. Mais je ne recommande pas de le faire parce que je veux avoir le contrôle sur mon nom d'utilisateur, mon mot de passe, l'e-mail de récupération, tous ces petits détails sur lesquels je veux avoir le contrôle. Donc je vais aller de l'avant et cliquer dessus et je vais supprimer le site. Oui, supprimez pour dire que c'est OK parce que nous allons tout installer à partir de zéro. Donc, avec le boom de mon site, cliquez sur Ajouter un site. Ok, donc maintenant nous avons WordPress et nous avons bleu dont le constructeur ? Donc, j'ai un autre tutoriel vidéo sur la BU qui est construit si vous voulez vérifier, mais nous allons utiliser WordPress. Si rapide, utilisez WordPress. Bon, donc maintenant nous devons créer un nouveau site WordPress. Donc ST nom, le nom ST devrait être le nom du site Web. Donc je vais utiliser mon nom, donc je vais juste mettre ça ici. Maintenant, slogan du site, vous pouvez juste mettre n'importe quoi. Alors bonjour monde. Maintenant, vous pouvez toujours changer ces choses plus tard une fois que vous êtes connecté à WordPress. Ne vous inquiétez pas trop à ce sujet. Maintenant, l'important est de cliquer sur le Deborah avancé ici. Maintenant adresse e-mail, ce sera l'e-mail de récupération. Donc, si jamais vous oubliez votre mot de passe, vous savez quoi, IMO, ça va aller vers vous. Et puis votre nom d'utilisateur administrateur Wordpress et mot de passe admin, que j'aime personnellement me définir. Je ne veux pas que Blows me génère automatiquement un nom d'utilisateur et un mot de passe. De toute façon, je vais juste mettre mon email. Ok, on y va. Et le nom d'utilisateur administrateur, ok, et mot de passe WordPress. Ok, et maintenant on est prêts à y aller, allez-y et cliquez sur Suivant. Ok, donc maintenant vous pouvez installer bleu ou vous pouvez commencer sur WordPress sur un répertoire. Je ne recommande pas ça. Nous voulons l'installer sur ce qu'on appelle le nom de domaine racine. Donc Wordpress installé sur le nom de domaine entier, non seulement contrairement à dire blog slash par exemple. Quoi qu'il en soit, alors laisse ça vide. Maintenant, des plugins gratuits utiles. On peut juste décocher tout ça parce qu'on n'en a pas besoin. Ensuite, chèvres, vous cliquez sur Suivant. Et WordPress a été installé avec succès. Oui, c'est vraiment aussi simple que ça. Alors allez-y et cliquez sur vous connecter à WordPress. Bienvenue sur WordPress. C'est donc votre tableau de bord WordPress et vous êtes maintenant connecté à votre site Web. Laisse-moi aller de l'avant et me déconnecter. Maintenant, chaque fois que vous voulez vous connecter à votre site Web, il vous suffit d'aller à la barre oblique de nom de domaine WP admin, et c'est tout. Et puis vous serez présenté avec l'écran. Et tout ce que vous avez à faire est de mettre dans le nom d'utilisateur que vous venez de créer, dans le mot de passe que vous venez de créer. Et c'est ainsi que vous vous connectez à votre site Web à chaque fois. 5. Paramètres du backend et préparation du design: Liens Perma dans les paramètres. Donc maintenant que nous avons un Wordpress installé sur notre site Web, il y a juste quelques choses techniques ennuyeuses que nous faisons sur le backend. Donc je vais faire, je vais garder ce bref et nous allons aller droit au but. Donc la première chose que je veux que tu fasses est de naviguer jusqu'à ta section Permalien, ok ? Et donc permanent peut être trouvé sous Paramètres, puis permalien, ok ? Et donc nx permanent signifie comme le lien permanent pour vos pages Web. Donc, et c'est particulièrement important si vous allez bloguer. Et ainsi vous pouvez, voici où vous pouvez modifier la structure URL de votre blog. Donc, vous avez plein, jour et nom, mois et nom, numérique, etc. Maintenant, la meilleure structure dépend vraiment de ce que vous faites. Et comme un mois en nom ou en date, c'est bien. Si vous avez un site Web orienté nouvelles, si vous n'avez pas un site Web orienté nouvelles en utilisant des dates à terrible idée. Ensuite, nous avons post-natal. Le nom du poste est bon pour. Je veux dire, c'est idéal si vous allez avoir comme 50 bloposts peut-être. Mais en général, je recommande de faire quelque chose comme slash blog nom de poste slash si vous allez bloguer parce que cela donne une belle architecture de site, mais c'est totalement à vous soit un bon nom de poste ou une structure personnalisée. Maintenant, vous pouvez également inclure des catégories dans ce. Donc, par exemple, je pourrais continuer à ajouter une catégorie, d'accord ? Et donc nous avons la catégorie de blog, le nom de poste. C' est idéal si vous allez être en train de construire comme un site vraiment massif qui va avoir comme des milliers de pages et vous prenez plusieurs catégories. Pour la plupart des gens, c'est assez excessif. Donc, je ferais juste quelque chose où c'est comme le nom de poste, la structure personnalisée. Cliquez ici barre oblique blog nom de poste, et il suffit de le laisser à cela. Ok, donc maintenant la prochaine chose que je veux que vous fassiez est de naviguer à l'endroit où il dit utilisateurs dans tous les utilisateurs maintenant juste ici est où vous avez vos différents utilisateurs pour votre site Web. Donc, en ce moment, nous avons un compte qui est l'administrateur. Mais si vous voulez ajouter de nouveaux utilisateurs, vous pouvez simplement cliquer sur ce bouton et c'est Ajouter un nouveau. Et donc ici dans WordPress, vous avez un tas de rôles différents que vous pouvez vous abonner aux gens. Ainsi, par exemple, disons que vous amenez quelqu'un qui va juste être un auteur et tous leurs, leurs emplois seulement pour publier du contenu. Vous pouvez simplement créer une nouvelle route, nouveau rôle dans l'auteur de l'appel, accord ? Et c'est tout. C' est un peu comme ce que vous voudriez faire si vous alliez attirer des écrivains, et cetera. Maintenant, je veux juste parler d'une autre petite chose aussi. Donc, si nous remarquons ici, c'est le nom d'utilisateur. Allons de l'avant et cliquez sur Modifier. Et donc ici, c'est là que vous pouvez définir un nom d'affichage publiquement comme autre chose. Par exemple, si je ne veux pas ce David 99, je veux juste dire que je veux juste être David. Je n'ai pas besoin du 99, il suffit de mettre le surnom là et puis vous pouvez sélectionner le nom là. Et donc afficher le nom publiquement comme votre nom, par exemple. Donc, vous voudriez le faire parce que vous avez vu comme sur blog aux poses tout en bas écrites par David ou quoi que vous ne voulez pas dire admin ou quelque chose couru comme ça, vous voulez l'avoir comme en fait être un nom. Donc, ici, nous avons les informations biographiques. C' est le paragraphe qui sera à venir dans votre billet de blog. Ainsi, par exemple, si David est un concepteur web et expert en référencement, bla bla bla desert. C' est de là que cela a peuplé. Et là, vous avez votre photo de profil. Et ainsi vous pouvez changer votre image de profil sur la gravité. Et donc, ouvrons la gravité. Et donc ce qu'est la gravité, c'est juste un service où vous pouvez associer une photo à un e-mail. Donc c'est de là que cela est peuplé. Et puis juste en bas est ici où vous pouvez définir un nouveau mot de passe pour votre compte afin que vous connaissiez votre mot de passe de connexion WordPress. Si vous voulez le changer, vous pouvez juste le changer ici. Et c'est tout. Les thèmes d'élite et les plug-ins. Donc, avec n'importe quelle installation WordPress, vous obtenez juste un tas de thèmes et de plug-ins déjà préinstallés. Donc on va aller de l'avant et supprimer des trucs dont on n'a pas besoin sur notre site. Donc, de toute façon, le premier onglet vers lequel vous naviguez est votre onglet Thème. Donc encore une fois, vous devez aller à l'apparence, puis les thèmes. Maintenant, ce sont vos thèmes WordPress haut ici, vous pouvez rechercher différents jugements ou vous pouvez ajouter de nouveaux thèmes que vous voulez. Et ainsi par exemple, nous venons ici aux thèmes WordPress.org. C' est là que nous pouvons venir et installer un tout nouveau thème. Alors tu viens ici et tu cherches le titre. Donc, la chose que nous allons utiliser est le thème hello à partir d'éléments ou donc juste taper bonjour, littéralement juste, juste appelé bonjour. Et juste ici, donc il est bonjour éléments sont. Alors allons de l'avant et cliquez sur installer. Bon, donc maintenant il a été officiellement installé et on peut juste aller de l'avant et cliquer sur Activer. Très bien, fantastique. Donc maintenant le Luthien est activé et nous pouvons aller de l'avant et supprimer tous ces autres thèmes par défaut. Ok, donc encore une fois, nous avons le thème 201720182020. J' ai deux tours en fait sur chacune de ces équipes se joignent, vérifiez-les si vous voulez apprendre à concevoir avec eux. Mais pour ce tutoriel, nous allons utiliser l'élément ou dans le thème hello. Donc, de toute façon, allons de l'avant et supprimons ceci. Donc, nous cliquons sur ce, puis nous cliquons ici sur le bouton rouge qui dit supprimer, cliquez sur OK. Et voilà. Faites cela pour chacun de ces thèmes. Et on y va. Alors maintenant, nous avons notre thème installé. Maintenant, naviguons sur pour brancher. Donc, vous allez aux plugins, plugins installés. Une fois un plugin. Plugin est comme un petit morceau supplémentaire de logiciel qui est que je peux ajouter à WordPress un ajouter une sorte de fonctionnalité. Donc, nous allons certainement installer un certain nombre de plugins avec des éléments ou un livre. ce moment, nous avons un tas de plugins par défaut dont nous n'avons pas besoin. Donc Kismet n'est pas un plugin anti-spam. Je recommande d'activer et d'utiliser ceci. Si vous allez bloguer, si vous ne voulez pas bloguer, alors vous pouvez simplement aller de l'avant et supprimer ceci. Ensuite, nous avons bleu, donc nous n'avons pas besoin de ce bleu comme plugin installé, nous pouvons simplement cliquer sur désactiver. Et nous voulons aller de l'avant et cliquer sur supprimer. Suivant est le courrier créatif par contextes constants, donc nous n'avons pas besoin de l'installer. Allez-y et cliquez sur Supprimer. Et hélas est bonjour dollies un bonjour dolly laisse juste je cite dans votre tableau de bord WordPress. Ce n'est pas particulièrement utile était d'aller de l'avant et de supprimer cela. Ok, et le dernier est jetpack a, donc jetpack apporte beaucoup de fonctionnalités comme WordPress.com sur votre installation WordPress.org avec votre compte Blue Host. Donc la chose que j'aime le plus à propos de jetpack en ce qui concerne les blogs est que comme vous pouvez ajouter des messages connexes ou vous savez ce que je veux dire ? Comme vous venez au bas d'un billet de blog et vous voyez comme des carrés se rapportent à des liens vers d'autres messages de blog. C' est une chose que j'aime chez jetpack et ils superviseront l'analyse, et cetera. Totalement à vous de décider si vous voulez ou non le garder ou non. Je vais le garder pour l'instant parce que je trouve le jetpack vraiment utile, mais c'est tout à fait à vous de décider. Mais de toute façon, c'est tout ce que vous avez à faire en ce qui concerne ce que vous avez à supprimer dans quels plugins par défaut qui est venu avec votre installation WordPress que je veux que vous supprimiez, et c'est tout. Maintenant, il est temps d'installer les éléments, votre plug-in ainsi que quelques autres plugins essentiels que je recommande. Alors allons-y. Donc, pour installer des plugins est très simple avec WordPress, vous naviguez ici où il dit plugins et nous allons juste ajouter de nouveaux, ok. Et, et maintenant en dessous, nous voulons chercher des plugins et nous sommes allés taper Lehman, et nous y allons. Et donc vous pouvez télécharger et installer des éléments ou sur votre installation WordPress complètement gratuitement ici. Oh, mentor créateur de site Web. Cliquez sur installer maintenant. Puis cliquez sur Activer. Ok. Donc maintenant vous allez être présenté avec cet écran de bienvenue parce que vous venez installer des éléments ou maintenant c'est le premier plugin essentiel dont nous avons besoin. Nous allons installer deux autres qui sont vraiment utiles. Donc, encore une fois, nous voulons revenir aux plugins et vous voulez aller ajouter de nouveaux. Nous allons donc cliquer sur l'icône Ajouter un nouveau en haut de la page. Maintenant, premier brancher, je veux que vous installez est le plugin Yost SEO. Donc, ce qu'un PDG fait, il vous permet juste d'avoir un peu plus de contrôle sur votre description de SEO sur page. OK, alors allez-y et installez et cliquez sur activer. Donc, ce que je veux dire par là, faisons juste une recherche rapide, dirait-on pro créatif. Donc nous le faisons par exemple, nous voyons comme ça une petite description juste là et comme ce titre juste là, tout cela est alimenté par Yost. Comme avec Yost, Vous avez le peu de contrôle spécifique de votre site où vous pouvez faire des choses de mise en place comme ceci est appelé votre meta description. C' est votre titre pour la page SEO était que vous avez tout le peu de contrôle de détail sur le SEO sur la page, donc c'est très utile, plug-in utile, recommande certainement l'installer comme nous nous préparons à obtenir tout configurer pour le tutoriel de toute façon, continuons. Donc un plugin de plus. Donc encore une fois, allez à ajouter de nouveaux. Et le plugin suivant est appelé smush it. On y va. Ok, maintenant allez-y et cherchez. Ok, donc ici, celui-ci a smushed des images de chargement paresseux, optimisant les images de compresse. Allons de l'avant et installons ceci. Maintenant, ce plugin est très important car il optimise tout type d'image vers le haut votre installation WordPress. Et tu es genre, eh bien, pourquoi est-ce important ? Eh bien, c'est parce que tu vas avoir beaucoup d'images, d'accord ? Et comme lorsque vous cliquez et ouvrez un site Web, ce que le serveur fait, il charge toutes ces images. Donc, il doit charger cette image et cette image et son image d'arrière-plan, tout ce que nous ajoutons à notre site pour vous assurer que tout est optimisé pour que tout se charge rapidement et c'est ce que smoosh il fait, aide à optimiser votre site pour la vitesse, sorte que votre site Web se charge plus rapidement. Maintenant, un plugin supplémentaire que je recommande également d'installer après le tutoriel est appelé argent total. OK, au total de l'argent, on y va. Ok, donc ce plugin est important car il met en place un cache W3 Total met en place un argent héroïque. Qu'est-ce que c'est ? Eh bien, cela signifie juste comme votre web, il va enregistrer une version de votre site Web sur navigateurs Web de quelqu'un éveillé quand ils revisitent votre site Web, charge beaucoup plus rapidement et offre une meilleure expérience utilisateur. Google aime parce que vos charges plus rapidement. Maintenant, je recommande d'installer ceci après le tutoriel parce que cela va être un peu ennuyeux d'éditer le site en permanence avec une version mise en cache et ensuite vous devez aimer recharger la page, et cetera. Donc, il est préférable juste de l'installer sur votre site Web, faites-le. Et puis une fois que c'est comme la plupart du temps fait dengue, allez-y, installez-le W3 Total cash. Mais curieusement, cela désinstallé pour l'instant. Comme nous sommes juste en train de concevoir notre site Web, mais je veux juste mentionner ce B. Donc, vous êtes conscient que c'est un autre plugin essentiel que vous devriez avoir sur votre installation WordPress. Je voudrais envoyer pour définir une page d'accueil dans une page de blog. Alors de quoi je parle ? Donc, si vous visitez un site WordPress alimenté, site web grand pro.com, ceci est une page, ce n'est qu'une page qui a un design personnalisé. Et puis parce que WordPress est plus d'un outil de blogs, ils exigent également que vous définissiez une page pour être la page de post de blog. Donc, c'est un excellent produit, calme slash blog. C' est comme la mise en page du billet de blog. D' accord ? Et donc si nous jetons un oeil à notre site Web avec le thème hello à partir d'éléments ou semble fantastique. Ok, ça a besoin de beaucoup de travail, mais c'est notre page d'archive, donc votre page d'archive est la suivante. Ok. Donc, les éléments ou pour une raison quelconque qu'ils appellent ça un rouleau de blog, ils l'appellent la page d'archive. Nous ne voulons donc pas modifier la page d'archive et faire une page d'accueil. D' accord ? Et pour ce faire, nous devons créer deux pages. Donc, de toute façon, revenons aux paramètres, se résume à la lecture. Allons l'ouvrir. Très bien, donc ici votre page d'accueil affiche une page statique. Ok, et donc la page d'accueil maintenant nous avons la page d'exemple. Donc, nous devons vraiment aller et créer une page d'accueil dédiée et une page de blog dédiée. Ok, puis mettez-le ici. Alors de toute façon, allons-y et faisons-le. Cliquez sur les pages. D' accord, alors allez-y et cliquez sur Ajouter un nouveau. Et maintenant, je vais créer une page et l'appeler la page d'accueil. D' accord, donc la page d'accueil. Voilà, tu y vas. Ok, donc dans la prochaine chose que vous faites est de venir ici, ok, et parce que nous installons les Etats-Unis en tant que PDG ici, vous pouvez donner une description de page, ok, donc par exemple, la page d'accueil, ça devrait être le titre du site, , puis une description de mots-clés. Ok, donc je vais juste y aller et supprimer ça. Ok, donc ça devrait être le site web. Je vais juste dire le nom du site, le séparateur de page, la clé, le mot, la description. Ok. Ça dépend de ce que vous dites, que vous construisez. D'accord ? Et c'est tout. Et donc la méta-description, encore une fois, comme je l'ai dit plus tôt, c'est comme le petit paragraphe qui apparaît en dessous. Mettez certainement quelque chose ici qui explique de quoi est votre site Web. Puis allez-y et cliquez sur Publier, puis publiez à nouveau. Et voilà. Alors maintenant, vous venez de créer votre première page. Cliquez donc sur l'icône WordPress. Ok, maintenant ajouter un nouveau. Maintenant, nous devons simplement le faire une fois de plus et nous devons créer une page de billet de blog. Et je vais juste appeler ce bloc, d'accord ? Maintenant, si nous venons ici et assurez-vous de vérifier la description de l'Euro donc c'est nom de domaine .com slash blog. Donc, encore une fois, vous auriez déjà dû installer votre aile de permis. Donc, il devrait dire comme le titre de la page blog. Si ça dit comme numéro quelque chose, assurez-vous de définir votre permalien. Et je veux que vous fassiez encore la même chose, venez ici parce que nous avons installé le SEO de Joe. Maintenant, vous avez un peu plus de contrôle sur la description de recherche de votre page de blog. Donc, si vous venez de jeter un coup d'oeil rapide comme avec Lipset créer bro, je l'appelle le site Web créer, sonder des études de cas bruyantes, des tutoriels, et gagner de l'argent sur la ligne. Donc, vous pouvez juste mettre quelque chose ici. Donc le tout ce que je vais juste appeler ça le blog de voyage. D' accord. Peu importe ce que c'est. D'accord. Alors donnez-lui un séparateur de page de description, puis le titre de votre site, peu importe, et puis allez juste ici, meta-description, scribe votre blog en quelques phrases. Allez-y et cliquez sur Publier et publier à nouveau. Bon, maintenant nous avons ces deux pages. Cliquez sur l'icône WordPress, allez dans les paramètres, allez à la lecture. Je vais écrire une page statique, page d'accueil. Je veux être la page d'accueil, la page de courrier. Je voulais être la page du blog. D' accord, donc ici, pages de blog montrent au plus dix messages, bois dont parler, ça veut dire juste ici. Ok, donc combien de billets de blog voulez-vous qu'ils montrent ? D' accord. Donc, vous pouvez le mettre juste là. Je vais généralement avec neuf parce que la façon dont j'aime concevoir un blog est comme par cette grille trois par trois. Donc c'est totalement à toi de décider, mais c'est de ça que ça parle ici. Et puis chaque publication et flux comprend un résumé en texte intégral. Donc c'est RSS, c'est une sorte de technologie de données que personne n' utilise plus vraiment et la visibilité des moteurs de recherche. Donc, assurez-vous ici que ce n'est pas cliqué parce que nous voulons que notre site Web soit indexé. Quoi qu'il en soit, allez-y et cliquez sur Enregistrer les modifications. Et c'est tout. Ok, donc maintenant tu viens de dire la page d'accueil. Alors allons de l'avant et jetons un oeil à notre site web maintenant. Oh, wow, si belle. Alors maintenant nous sommes, maintenant nous sommes enfin prêts à commencer le processus de conception de notre site avec des éléments ou à mettre fin au thème hello. 6. Conception d'en-tête manuelle: Ok, donc nous avons enfin mis en place nos sites web. Nous avons les éléments hello ou le thème installé, nous avons l'élément ou la page Golding plugin installé. Maintenant, nous sommes prêts à concevoir nos sites Web. Donc, je veux juste créer une introduction rapide. Juste expliqué comment les éléments fonctionnent pour que vous puissiez comprendre conceptuellement ce que nous faisons parce que cela fonctionne un peu différemment des autres thèmes WordPress. Maintenant, les éléments ou scindent votre site Web en trois sections. Vous avez votre en-tête, votre corps dans votre pied de page. Donc, votre en-tête est où les logos dans le menu. Ensuite, vous avez votre corps où vous pouvez mettre des éléments ou des blocs, comme vous voulez l'appeler. Et puis le pied de page est l'endroit où vous souhaitez votre politique de confidentialité Conditions d'utilisation, divulgations d'exclusion de responsabilité, tout ce qui se passe légalement. Nous allons donc concevoir chaque section une par une. On va commencer par l'en-tête. Ensuite, nous allons emménager dans le corps. Ensuite, je vais vous montrer comment concevoir le pied de page. Donc, si vous êtes prêt, continuons à masquer le titre de la page avec des éléments ou deux. La toute première chose que nous devons faire est de nous débarrasser du titre de la page. Pourquoi ? Eh bien, si vous regardez comme une page d'accueil, voyez-vous où il est dit page d'accueil ? Non. Eh bien, je peux vous dire que parce que je crée ce site comme la page d'accueil du site grand frère est en fait appelé page d'accueil, ok. Mais je l'ai caché de la page elle-même pour qu'il puisse ajouter dans mes propres titres comme je le souhaite. Et vous pouvez faire exactement la même chose avec des éléments ou ainsi. Quoi qu'il en soit, tu veux juste cliquer sur la page d'édition, viens ici. Maintenant, il est temps d'éditer avec des éléments ou donc c'est WordPress est éditeur, ok, cela s'appelle l'éditeur Gutenberg. Maintenant, si vous cliquez sur ce bouton où il dit que l'édition avec des éléments ou ce qui se passe maintenant est élément ou prend en charge la conception complète du site Web. Ok, donc maintenant nous pouvons commencer à concevoir avec élémentaire, mais vous faites glisser et déposer les choses en place comme bon nous semble. Mais ici, il dit toujours la page d'accueil et de dire, comment vous débarrasser de cela ? Comme vous supprimez ? Non, vous devez avoir un titre de page. Vous ne pouvez pas le supprimer. Si vous si vous avez supprimé il dira simplement, disons simplement comme Pas de page ou quelque chose comme ça. Donc l'idée est très simple, mais c'est encore une fois, un peu déroutant. Donc, dans les éléments ou vous voulez descendre ici où il est dit cette petite icône d'engrenage juste ici, ce sont vos paramètres. Ok, tu veux cliquer dessus ? Le titre est la page d'accueil, le statut est publié. On veut cacher le titre. D' accord. On veut cacher le titre. On y va. Et voilà. C' est littéralement aussi simple que ça. D' accord ? Et puis allez-y et cliquez sur Mise à jour, ok, et c'est tout. C' est tout ce que vous avez à faire pour masquer les titres des pages. Éditons l'en-tête de notre site Web. Donc, l'en-tête est cette section supérieure, juste en haut ici. Il y a donc deux façons de le faire. Il y a le moyen manuel et puis il y a le moyen où vous pouvez simplement télécharger un modèle rapidement et facilement. Je vais vous montrer comment fonctionnent les deux. Maintenant, je suis juste en train de créer cette section parce que je sais que les gens vont être comme cliquer sur la personnalisation et ils seraient comme où, où est l'en-tête ? Je ne comprends pas comme d'accord, vous devez installer un plugin, ok, c'est X hors de ça. D' accord, donc nous voulons venir ici et vous voulez naviguer à l'endroit où il est dit plugins, et ensuite vous voulez ajouter un nouveau plugin. Et donc ce que nous voulons ajouter est comme des éléments sont des en-têtes et des pieds de page bloquent quelque chose comme ça. De toute façon, c'est bon pour les hommes. L' en-tête de la tournée a été mis cela dans. Maintenant, les plugins corrects devraient venir. Ok, boum, juste là. Les éléments sont des modèles d'en-tête, de pied de page et de bloc. Alors. Ce que ce plug-in fait, en particulier avec le thème hello, c' est qu'il nous permet d'éditer l'en-tête et le pied de page de notre site Web. Alors allez-y et cliquez sur activer. Très bien, fantastique. Donc maintenant, nous pouvons naviguer vers l'apparence, et maintenant nous avons une option appelée en-tête, en-tête, pied de page et blocs. Bon, on y va. Donc, ici est où nous pouvons maintenant définir un en-tête. Donc on va aller de l'avant et des ordures. C' est bon. Donc, pour commencer à concevoir un en-tête, vous allez ici et cliquez sur ajouter un nouveau, ok ? Et maintenant c'est là que vous pouvez modifier un en-tête avec des éléments ou donc nous pouvons sélectionner le type de modèle que nous créons. Donc, nous avons en-tête avant l'en-tête, pied de page bloc personnalisé. Ok, donc comme si ils voulaient dire avant le pied de page ? Laisse-moi ouvrir ça ici. Avant avant le pied de page. Ça ne signifierait pas cette section juste en haut. Maintenant, la raison pour laquelle vous voudriez modifier comme avant le pied de page est parce que parfois vous voulez un message comme celui-ci ou vous voulez avoir un formulaire d'adhésion par e-mail, peu importe. C' est un peu comme la section que vous utiliseriez là-bas. Maintenant, nous concevons l'en-tête, ok ? Et maintenant, nous voulons afficher sur. Donc, ici, vous avez une tonne d'options avec l'élément deux. Les éléments sont, est fantastique dans le sens qu'il vous donne ce type de contrôle vraiment spécifique. Donc, vous pouvez l'avoir, vous pouvez avoir votre en-tête affichage sur l'ensemble de votre site Web, sur, seulement sur la page 404, sur un poste spécifique, peu importe. Pour la plupart des gens qui regardent ça, comme si vous vouliez juste que tout soit affiché sur l'ensemble du site, accord ? Et c'est tout. Et donc user_roles droite ce haut ici. Donc, ce que cela fait est que définit qui peut éditer l'en-tête. Ok, donc vous savez, si vous avez une équipe de personnes qui viennent se connecter à votre site Web, vous voulez avoir cet ensemble pour limiter les personnes qui ont accès à des choses spécifiques. Pour la plupart des gens qui regardent cela, vous êtes probablement juste un gars ou une fille éditant ou un site Web. Donc ce n'est pas vraiment si important. Maintenant, pour éditer l'en-tête réel va juste lui donner le cyto réellement. Nous allons juste l'appeler ce manuel d'en-tête. Ok, peu importe. Il suffit de cliquer sur Modifier l'en-tête ou modifier. Quels éléments sont notre taux. Alors maintenant, les éléments ou devraient charger. Et c'est un, ok maintenant ce que vous regardez ici n'est pas une page sur votre site Web. Ce que vous concevez ici, c'est votre conception d'une section d'en-tête pour votre site Web, d'accord ? Et donc vous pouvez le faire manuellement. Donc, vous savez, si nous regardons un en-tête, comment devrait-il être un en-tête ? Attendez, oh, vous savez, vous avez votre logo ici et ensuite vous avez le menu ici, non ? Donc, c'est un peu comme ça que vous voulez totalement à la hauteur de vous comment jamais vous voulez concevoir votre en-tête. Mais je ferais quelque chose comme ça. Donc, nous voulons cliquer sur le signe plus, ajouter une nouvelle section. Quel moyen de sortir pour en être un ? Eh bien, je veux un peu ce genre de baleine juste où le compte des logos sera plus petit et trouvé la gauche et les menus à droite. Vas-y et fais ça. Bon, alors maintenant en haut, c'est où se trouve notre logo, ok, ou où se trouve un menu. Donc, en haut, on veut ajouter un logo pour pouvoir taper quelque chose comme le logo, ok ? Et puis nous avons ces sites logo. On peut juste faire glisser ça, déposer, glisser et déposer ça là-dedans. Ok, maintenant tu vas juste avoir cette boîte générique. Pourquoi ? Eh bien, c'est parce que nous devons réellement créer un en-tête et le télécharger sur les sites. Ok, donc nous voulons juste éditer et télécharger une image. Vous devez cliquer sur cette petite icône de crayon juste là. ai eu. OK, on va cliquer dessus. Bon, maintenant on veut aller au style par ici. Et en dessous de ça ou désolé, nous voulions rester sous le contenu. Ok, donc maintenant nous avons une image personnalisée. Oui, on y va. C' est ce que je veux dire, cet élément qui a beaucoup de contrôles. On y va. Alors maintenant, nous pouvons choisir l'image que nous voulons télécharger. Nous devons donc créer un logo. Je vais vous le montrer dans un peu plus tard dans le tutoriel. Mais si vous avez un local prêt, tout ce que vous avez à faire est de cliquer sur Choisir l'image. Vous pouvez le faire glisser et le déposer dans l'espace et il devrait remplir le logo selon les besoins. Et vous pouvez définir la taille de l'image, la légende de l'alignement, probablement désactivée, et cetera. Bon, maintenant nous voulons ajouter un élément à cela ici, donc nous cliquons dessus. Alors, qu'est-ce qu'on veut ajouter ? Nous voulons ajouter dans un menu afin que vous puissiez simplement taper le menu comme. D' accord, donc tu sais, tu as un tas de choses différentes par ici. Je recommande le menu de navigation. Faites glisser et déposez ça juste là. Ok, donc rien ne devrait être ici parce que nous n'avons pas de menus sur nos sites. Et donc il n'y a pas de menus dans votre site. Nous devons donc aller à l'écran du menu et en créer un. Alors allons-y et faisons-le. Donc, créer un menu pour votre site Web, c'est très facile. Vous devez aller à l'apparence et ensuite vous voulez aller aux menus. Ouvrons ça. D' accord, alors jetons un coup d'oeil. Maintenant, la plupart des sites Web ont généralement deux menus. Vous avez votre menu de navigation principal en haut , puis en bas vous pouvez généralement avoir un menu de pied de page. Donc on va le faire. Donc, en ce moment, nous éditons le Menu En-tête. Et donc maintenant, nous devons créer un nouveau menu. Et maintenant, nous avons la page d'accueil, page d'exemple, et cetera. Et donc je veux que je veuille supprimer ça, ok, donc je n'ai pas vraiment besoin du lien de la page d'accueil dans le menu, donc on pourrait peut-être appeler cette maison, le renommer. Ok, donc c'est écrit à la maison. Et nous avons le blog. Ok, ça a l'air sympa. Et puis nous avons l'exemple de page, qui tout comme un pj par défaut au jeu avec l'installation de WordPress. Pour que nous puissions aller de l'avant et supprimer ça. Et on va le laisser juste là. Donc nous appellerons ceci au lieu de plusieurs, nous appellerons ce menu principal. Tu peux l'appeler comme tu veux. Et donc de toute façon, allons de l'avant et créer un menu. Ok, très bien. Et donc afficher l'emplacement, ce sera notre menu principal, donc nous allons aller de l'avant et cliquez sur Enregistrer. Ok, donc maintenant dans ce menu ont des menus d'édition et vous avez géré les emplacements. D' accord ? Et donc en ce moment nous avons un primaire lui parce que nous n'avons qu' un seul emplacement de menu conçu jusqu'à présent sur notre site, qui est celui-ci que nous venons de créer. Ok, et maintenant on a le menu principal qui est là-haut. Ok, alors laisse-moi aller de l'avant et recharger ça. Et nous commencerons à partir de zéro. D' accord, donc encore une fois, cliquez sur le signe plus. Boom, juste là. Maintenant, va aller ici. Tapons à nouveau le logo, logo du site, glisser-déposer cela juste là. Bon, alors maintenant nous allons cliquer dessus et nous allons dans Menu et menu de navigation juste là. Ok, donc maintenant nous avons notre menu qui remplit cette section juste en haut. D' accord ? Et c'est vraiment aussi simple que ça. Ok, donc de toute façon pour commencer l'édition, vous voulez toujours vous assurer de cliquer sur la petite icône de crayon parce que c'est le, quels sont les éléments dans cette section juste en haut. D' accord, alors maintenant on jette un coup d'oeil. Nous avons le style de contenu et avancé, donc nous venons au style, par exemple, nous avons un rembourrage horizontal afin que nous puissions changer la largeur, ok, dans l'espace entre. Nous avons un rembourrage vertical si nous voulons déplacer le menu vers le bas. Donc, disons que si vous aviez un logo plus grand et que vous vouliez déplacer le menu un peu vers le bas. Tu peux faire cet espace entre, d' accord, tu peux jouer avec ça tout seul. Donc la couleur du texte est par ici. Maintenant, nous voulons rendre ça noir. Nous pouvons aller de l'avant et le faire. Faisons ressortir un peu plus. Et c'est tout. Et donc vous avez un tas d'options différentes. Donc Wink hover effet et ainsi par exemple, comme lien hover par exemple, comme quand je souris sur le lien, oui, il devrait faire quelque chose. Donc, typiquement, nous pouvons avoir une double ligne terrestre sous-jacente encadrée, peu importe. Donc, vous savez, peut-être qu'on aura des sous-jacents. D' accord. Et donc comme quand je souris dessus, souligne fait quelque chose pour donner une indication qu'il peut être cliqué sur, et cetera. Ok, donc c'est vraiment ça. Donc on peut venir ici et ensuite tu déclenches une icône. Donc, plus haut ici, nous pouvons changer des éléments supplémentaires pour le menu. D' accord, alors de toute façon, passons à l'avancée. Donc, ici, nous avons des marges différentes. Donc des marges comme, vous savez, juste, vous pouvez juste jouer avec ça comme bon vous semble. Donc ça fait la même chose où, tu sais, ça donne de l'espace entre le haut ou le bas. Donc, vous savez, et ailleurs ont un rembourrage juste en haut, là-haut. Donc, ce que fait le rembourrage est qu'il donne à cet élément entier un peu plus d'espace. Ça a un sens. Très bien, donc les effets de mouvement est vraiment utile parce que les effets de mouvement vous pouvez avoir une animation d'entrée. Donc, si nous voulons le faire fondre, par exemple, le site se charge, le menu s'estompe comme ça, et cetera. Ok, donc de toute façon, il suffit de revenir au contenu. Bon, maintenant nous venons ici, menu principal. D' accord, woo, woo. Okay, maintenant on descend à, eh bien, on y va. Maintenant. D'accord. Donc, sous la mise en page du contenu, c'est là que vous pouvez changer la baleine. Et donc, par exemple, c'est horizontal. On veut un horizontal, mais peut-être qu'on le veut sur la droite comme ça. Ok, peut-être qu'on ne le veut pas à gauche, ce qu'on veut qu'il soit centré comme ça. C' est un peu comme si on pouvait changer des choses comme ça. D' accord ? Et puis comme le point d'arrêt, comme quel est le point de rupture ? Donc Breakpoint signifie comme quand cela devient-il un menu mobile ? D' accord. Donc tu peux changer ça à tout ce que tu jugeras bon. Personnellement, je voudrais juste le laisser tel quel. Alors laissez-moi juste ouvrir le site Web Lake créer pro.com juste pour vous montrer cela. Donc comme par exemple, si c'est le menu, n'est-ce pas ? Et si je vais à Inspecter et que je regarde ça, c'est un menu de hamburger. Ok, pourquoi ça fait ça ? Eh bien, c'est parce que tout est compressé et que ce sont les points d'arrêt. C' est ce que ça veut dire ici, ce point d'arrêt. Donc, quand quelqu'un le fait sur une tablette, ce sera un menu de hamburger ou un affichage comme ça ? Ça va t'aider à prendre cette décision. D' accord ? Et donc c'est vraiment, c'est vraiment aussi simple que ça. Ok, donc ça peut être un peu déroutant, mais ce n'est pas trop, ce n'est pas trop compliqué. Ok, donc vous devez juste créer un menu dans votre tableau de bord WordPress ici. Assurez-vous que c'est le menu que vous voulez. Donc j'appelle ce menu principal. Je viens littéralement de nommer ce menu principal. Vous pouvez le nommer comme vous voulez, vous voulez Nina, menu ABC123. Allez-y et appelez ce que vous voulez. Maintenant, sous le contenu, vous voulez faire attention à la mise en page, car la mise en page est l'endroit où vous pouvez modifier la disposition des éléments de menu, ce soit à gauche ou à droite. Typiquement sortie tout sur le taux. Et nous venons au style. Et le style est l'endroit où vous pouvez changer des éléments spécifiques du menu, comme la couleur, tout type d'animations, le soulignement, etc. Et c'est vraiment aussi simple que ça. Donc, de toute façon, allons de l'avant et créons un logo. 7. Concevoir un logo: Concevons un logo, donc je vous recommande de vous en tenir à des logos simples et élégants. Vous n'avez pas besoin d'un grand complexe, difficile à lire Vogue. Je veux dire, on peut juste jeter un oeil à un site web. Excellent protocole. C' est un logo si simple. C' est littéralement l'impôt avec les mots pro capitalisés. Donc ce n'est pas que vous ne le faites pas, ne vous inquiétez pas d'avoir un peu trop compliqué et même regarder le monde pour Canva, c'est littéralement un cercle avec le mot Canva. Les logos aujourd'hui devraient être simples. Vous avez donc beaucoup d'options différentes avec l'édition d'un logo. J' ai d'autres vidéos sur la façon d'utiliser ce site Web fabricant de logo. Mais une fois que j'aime vraiment est en fait Canvas, alors nous allons juste aller de l'avant et commencer. Donc je veux que tu saisies la vignette YouTube, d'accord ? Et ça va être notre toile vierge pour créer un logo pour o, non ? Alors on y va. Donc maintenant, nous naviguons simplement vers les textes et je veux juste créer des textes. Ok, donc je vais juste appeler ça mon nom parce que le nom du site. D' accord. Et nous allons mettre ça dans une seconde. D'accord. Et nous allons déplacer ça là-bas. On y va. Il faut que ça répare ça. Ok. Laisse-moi aller de l'avant et arranger ça. Donc je vais juste faire ça, nous allons faire ce 150. On y va. Mets ça juste là. Et je veux faire ce 150 aussi. Donc je fais attention à ce chiffre en haut, donc on va l'augmenter jusqu'à 150. Très bien, maintenant le Canva vous aide à aligner tout rapidement et facilement. Voilà, tu y vas. Laisse-moi juste bouger ça, laisse un peu d'espace à ça. D' accord, alors maintenant on doit juste concevoir ça. Laisse-moi y aller, je crois que je vais faire ce Poppins en retard. Et je pense que je vais faire celle-là. Je vais faire de la pop dans le sport, tout à fait à toi, tout ce que tu veux ajouter. Et donc gardez-le comme ça. Je pense que cela a l'air agréable et simple et élégant, mais vous pouvez en ajouter plus si vous voulez. Donc, par exemple, si vous vouliez ajouter un élément, OK, et je le voulais, je veux peut-être un globe pour une raison quelconque. Je peux mettre un globe ici. Et je pourrais faire que cette position est à l'envers derrière tout. Ok, donc vous pouvez juste entrer ici et ajouter des éléments comme vous le souhaitez. Je vais partir, c'est simple, mais encore une fois, pour ajouter des éléments, vous venez en position ici. Tu peux faire avancer et reculer les choses, d'accord ? Et ainsi vous pouvez jouer avec des choses dans une annonce, choses comme vous le souhaitez, comme vous pensez qu'elles ont l'air bien. Laisse-moi juste aller de l'avant et supprimer ça. Mais c'est vraiment aussi simple que ça. Maintenant, en termes d'édition des textes réels, vous avez beaucoup de, vous avez en fait beaucoup d'options différentes. Donc c'est vraiment sympa. Donc vous pouvez venir ici pour les effets. Et donc des effets que vous pouvez ajouter comme une ombre fouettée ou portée ou aucun, ou un pépin et avoir l'air bizarre comme ça. Vous pouvez aussi venir ici. Ici, ce menu déroulant juste ici, nous pouvons avoir le plus humide et la hauteur de la ligne. Donc, par exemple, si je veux que l'espacement des lettres soit un peu plus grand, je peux venir ici et peut-être que nous ferons cinq. D' accord ? Et ce que nous aimerions maintenant venir ici. On peut faire la même chose et on est juste du globe oculaire partout où tu penses qu'il a l'air bon. Alors peut-être que c'est trop d'humeur. Tu voudrais juste un peu comme peut-être encore, on en fera cinq. On y va. Je pense que ça a l'air sympa. Ok, donc maintenant nous avons notre configuration de logo. Alors allez-y et téléchargez. Maintenant, généralement pour les sites Web, je vous recommande certainement de télécharger des choses en PNG. Mais parce que c'est notre logo, nous voulons qu'il soit de haute qualité, net et pointu. Et aussi ce ne sera pas une image aussi grande. Pngs. Ok, alors allez-y et téléchargez le fichier. Ok, donc maintenant le fichier devrait être téléchargé avec succès. Je vais sortir ça du chemin. D' accord, alors faites glisser et déposez ça juste là. Ok, donc maintenant nous devons éditer cette ouverture est en place et je vais ouvrir avec Office Picture Manager. Et vous pouvez utiliser n'importe quel éditeur de photos que vous voulez. La seule chose que nous devons faire. La seule chose que nous devons faire est de recadrer les espaces les plus anciens. On n'a pas besoin de tout l'espace de balançoire, d'os comme ça. Apportez-le de bas à droite. Ok. Et dans de la droite juste un peu. On y va. Et en partant de la gauche, on y va. Ok, ensuite peut éditer des images et puis vous voulez juste redimensionner l'image. Donc nous n'avons pas besoin de cette grande image massive. On peut redimensionner ça à quelque chose comme cinq cent quatre cent cinquante, trois cents, quelque chose comme ça. Pas trop grand, pas trop petit. Donc on fait tomber ça pour dépasser 50, 5. D' accord. D' accord, donc ça a l'air bien. Et nous allons cliquer sur Oui, je vois ça tel quel. D' accord. Maintenant, comme vous pouvez le voir à quoi il ressemble sur mon bureau, qui a un fond blanc, mais regardez, celui-ci ne le fait pas. Alors, comment faites-vous ça ? Eh bien, il y a beaucoup de tutoriels vidéos sur la façon de supprimer des arrière-plans des images. Mais honnêtement, vous pouvez simplement utiliser un site Web qui est super simple. Ça s'appelle le point déplacé jpg. Et vous venez ici et vous pouvez télécharger une image et il utilise automatiquement l'apprentissage automatique pour supprimer l'arrière-plan blanc de n'importe quelle image que vous téléchargez ou simplement supprimer l'arrière-plan de n'importe quelle image. Donc, vous pouvez simplement l'utiliser, vous pouvez utiliser ce site si la suppression de l'arrière-plan est important pour vous. Alors pourquoi voudriez-vous un logo transparent ? La seule fois que vous voulez transplanter le logo est si vous pensez que votre en-tête va être un arrière-plan couvert, vous allez jouer avec différentes couleurs. Tu veux le changer, peu importe. Mais si vous ne le faites pas, j'ai, vous savez, sûr que Armour a envoyé que votre en-tête sera blanc et qu'il suffit de le laisser blanc. Ok, de toute façon, alors maintenant nous avons notre image. Donc nous voulons aller de l'avant et appeler notre image quelque chose de logique, comme un lac, comme un logo, vous savez, quelque chose comme ça. Donc nous savons ce que c'est. Ok, donc maintenant nous sommes de retour dans nos éléments sont, et maintenant nous pouvons télécharger notre image. Ok, donc encore une fois, on doit aller sur le logo du site. Encore une fois, vous devez cliquer sur l'image personnalisée, puis à nouveau, vous devez cliquer sur Choisir l'image. D' accord ? Et maintenant, nous pouvons simplement glisser et déposer ou l'image en place. D' accord, et donc on y va. Alors maintenant, nous descendons ici, nous avons le texte alt. Et donc le texte alt que nous devrions mettre dans le logo. Ok, donc ça décrit l'image. Maintenant, ici, on peut aller de l'avant et insérer des médias. D' accord, et il y a donc notre logo qui semble bien. Donc, ici, nous pouvons changer la taille aussi. Donc, par exemple, c'est 300 par 300, mais vous remarquez que ce n'est pas aussi net et pointu et donc vous voulez vraiment juste le laisser sur le plein personnellement, ok ? Parce que plein aura l'image regarder son meilleur. Et si honnêtement, vous allez devoir jouer avec la taille du logo. Ce que je veux dire, c'est que je viens ici ouvrir avec, puis littéralement modifier la taille du logo à la taille que vous pensez exprimer où il est net et pointu, etcetera. Ok, donc c'est ce que vous devez jouer parce que si vous venez ici et ajustez la taille de l'image comme il convient, ça va juste faire croire qu'elle n'est pas nette et nette. Ok, c'est la seule façon que je puisse le décrire comme ça. C' est juste un peu floue. Donc j'aime tout laisser complètement. Ok. Donc, tout est beau et pointu et a l'air fantastique. Ok, et donc en général, c'est tout ce que vous avez à faire pour éditer le logo avec les éléments sont donc vous devez installer les en-têtes, en-têtes et pieds de page le plug-in. Et maintenant, vous avez accès à simplement ajouter des blocs comme vous le voyez pour créer votre logo. Ok, et une dernière chose est que, on me demande toujours comment puis-je changer la taille de la police du menu ? Donc, cela peut être très frustrant avec les éléments ou parce que vous cliquez sur l'icône ici, vous entrez dans l'avance de style de contenu. Je ne vois rien qui change la taille. Eh bien, la raison est que c'est ce que vous voulez modifier, c'est la topographie. D' accord. Et l'option de topographie ne l'est pas. Ici. Nous devons faire est de cliquer sur le menu hamburger. Maintenant, voici les paramètres de votre site sur le thème des préférences utilisateur plus anciennes. Donc, vous voulez aller dans les Paramètres du site. Une fois qu'ils sont remerciés, vous devez aller à la topographie. Maintenant, ce que vous voulez modifier c'est que vous voulez modifier les liens, ok, donc nous devons maintenant venir ici. Et donc je ne vois pas la taille. Eh bien, c'est parce que vous devez cliquer sur l'icône du crayon. Maintenant, nous descendons ici pour la topographie. Maintenant, nous pouvons le changer pour autre chose. Donc, par exemple, mon logo est pop-in, alors peut-être faire le menu Poppins. Ok, on y va. Et ensuite, je veux peut-être rendre la taille de la police un peu plus grande. Ok, donc peut-être que pour correspondre un peu plus au logo, on peut faire, on peut faire comme un grand design audacieux comme ça. Peut-être que, peut-être que c'est bon. Descends ici cet espace aux lettres et étale-le juste un peu. OK, alors allons de l'avant et cliquez sur Mettre à jour. Ok, et alors revenons à la lettre, et voilà. Ok, donc si vous voulez savoir comment ajuster les éléments de menu en haut, ça va vous aider à le faire. Vous devez aller dans la typographie et c'est là que vous pouvez ajuster la taille, espace lettre et ainsi que la famille de polices avec 0s. Ok, donc une fois votre menu terminé, vérifiez et assurez-vous que vous l'avez activé en haut. Ok, donc en ce moment au menu n'est pas activé. Alors venons ici. C' est donc l'en-tête que nous venons de créer. Assurez-vous donc que vous venez ici, sélectionnez l'en-tête de l'option, afficher sur l'ensemble du site Web. Là, nous allons et allons de l'avant et cliquez sur mise à jour. Et donc cela enregistre l'en-tête que nous venons créer comme en-tête de nos sites Web va recharger le sate. Et voilà. Donc il y a notre en-tête, ok ? Et la création d'un en-tête est aussi facile avec élémentaire. 8. Envato d'envato: Donc, nous concevons simplement la section d'en-tête manuellement, mais existe-t-il un moyen de le faire rapidement et facilement en téléchargeant simplement un modèle. Et la réponse est oui, absolument. Donc, l'une des choses cool à propos de l'élémentaire est qu'il y a beaucoup de développeurs tiers là-bas qui font beaucoup de plugins vraiment utiles qui vous permettent de créer comme votre en-tête et pied de page rapidement et facilement en un clic d'un bouton. Donc, un concepteur d'en-tête que j'aime vraiment est un plugin appelé éléments vitaux. Alors allons-y et installons-le. Donc, nous retournons à Plugins et allons ajouter de nouveaux. Ok, donc tu veux taper et Vo2 ? L' immense. Voilà, tu y vas. Alors invitez, Oh, si vous ne savez pas, ils sont la compagnie derrière la forêt thématique. Donc la force du faisceau est cette zone Web ici, là, l' un des développeurs de thème WordPress les plus populaires dans le monde, en fait, ils ne sont pas sur le thème d'Oprah, mais leur marché pour les thèmes WordPress et ils offrent beaucoup de d'autres choses aléatoires sont vraiment utiles comme l'audio, vidéo, graphiques, etc Alors, U est ils ont un plugin qui est vraiment grand et éléments vitaux photo et éléments sont à Templates. Allez-y et installez ça. Et cliquez sur activer. Ok, alors maintenant qu'il est prêt à partir, alors revenons à notre page d'accueil et allons de l'avant et cliquez sur modifier avec les éléments qui le sont. Maintenant, une chose que vous allez remarquer qui a été ajoutée est l'invitation. Oh, oh, on y va. Il y a donc une petite icône verte qui feuillue. Voyez ceci est comment les éléments sont normalement regarde maintenant que nous avons le plugin éléments, que nous avons ce chargé, maintenant nous voulons ajuster l'en-tête donc nous devons aller et revenir à notre section où nous pouvons éditer l'en-tête. Alors, qu'est-ce qui se dégage de ça, et de revenir en dehors de ça. Ok, donc encore une fois, allez à Apparence et allez à l'en-tête et au pied de page. On y va. Donc en-tête et pied de page est laissez-moi juste aller de l'avant et supprimer celui-ci. Ok, alors allons de l'avant et ajoutons du nouveau. D' accord, donc je vais juste appeler ça et l'en-tête Vaso. On y va. Et maintenant ce que nous allons éditer avec des éléments ou alors, allons de l'avant et cliquez dessus. Ok. Donc tout ce que nous avons à faire est de cliquer sur cette icône juste ici, et haut apparaît dans vadose. Donc, nous voulons naviguer vers l'endroit où il est dit blocs libres. Qu' est-ce qu'on veut bloqué ? Eh bien, nous installons un en-tête, donc nous voulons le bloc d'en-tête. Et ici, vous avez un tas de blocs d'en-tête gratuits. Vous pouvez simplement cliquer et installer ici. Et c'est comme ça que c'est facile. C'est vraiment sympa. Et donc ils ont beaucoup d'options différentes pour un vraiment donné que vous voulez comme un logo noir juste là, bleu. Vous pouvez, évidemment, vous pouvez simplement télécharger ceci et ajuster comme vous le souhaitez. Je vais y aller avec celui-là qui a un joli bouton. Alors allons de l'avant et insérez le modèle. Et maintenant, il va importer le modèle. Et merveilleux. Donc maintenant, nous avons quelques éléments différents ici, nous avons un bouton là-bas. Nous avons une section pour le menu. Nous avons le nom du site et nous avons cette icône. Donc, si vous voulez juste avoir un logo basé sur le texte, voilà. Donc, vous pouvez juste venir sauter ici et ajuster au besoin. Si vous voulez mettre à jour cette image et en faire votre propre image, vous pouvez aller de l'avant et le faire. Personnellement, je vais juste supprimer cette section entière. Et la chose que je veux ajouter serait comme un logo. Ok, donc logo, site, logo, glisser-déposer ça là-dedans. Et nous voulons une image personnalisée. Oui. Et je veux choisir l'image. Super. Et donc je vais télécharger une version de mon logo que j'ai fait un peu plus petit. Donc celle-là est comme 350 pixels. Allons de l'avant et insérons des médias. Et ça a l'air fantastique. Ok, donc on ne veut pas que ce soit moyen, on le veuille au complet. Et on y va. Ok, donc c'est ça pour le logo. Maintenant, allons de l'avant et cliquez sur le signe plus ici. Et ce que nous voulons ajouter, c'est le menu. Et donc le menu de navigation, faites glisser et déposez cela là-dedans. Ok, super. Et alors passons aux mises en page. Et je veux que ça soit sur le côté droit. Maintenant encore une fois, je viens de vous montrer un lien sur la façon d'ajuster la taille. Donc, je pense que ça a l'air un peu grand. Je préfère rendre ça un peu plus petit. Encore une fois, on va s'occuper de ça. Donc, de toute façon, allons publier. Et on y va. D' accord, alors jetons un coup d'oeil. Notre droite, ça a l'air super, donc ça a l'air bien. Mais je préférerais avoir le, ces éléments de menu correspondent un peu mieux à la syntaxe. Alors allons de l'avant et éditons avec des éléments ou. Et encore une fois, je vous ai montré comment ajuster le menu pour qu'on revienne dans la typographie. Alors allons-y et faisons-le. Ok, alors laissez-moi cliquer sur le menu hamburger et aller dans les paramètres S8. Et on va à la typographie. On y va. Revenons au lien. C' est encore une topographie rapide. Rendons la taille de la police un peu plus petite, quelque chose comme ça. Ouais, ça a l'air, ça a l'air génial. Donc ça correspond un peu mieux au bouton. Et j'aime vraiment ça pour qu'on puisse laisser ça tel quel. Je pense que ça a l'air vraiment sympa. Et donc je vais aller de l'avant et cliquer sur la mise à jour. Et voilà. Ainsi, vous pouvez facilement mettre à jour cette section simplement en utilisant un élément VO2. Donc maintenant, nous avons un tas d'éléments différents en haut. Laisse-moi juste sortir de ça. Ok, donc maintenant pour ce bouton spécifique, si vous voulez l'ajuster à nouveau, comme toujours, cliquez sur l'icône du crayon. Nous cliquons sur l'icône du crayon. Voici vos options pour le bouton. Et donc ici, vous pouvez changer le type, ok, avertissement de succès d'introduction par défaut, danger. Donc, nous voulons juste par défaut, le texte, vous juste changer le texte. Donc c'est un clic ici, ok, comme ou comme quoi que ce soit. Cours où vous dites quelque chose comme ça, un clin d'œil. Nous pouvons avoir ce lien vers une page ou nous pouvons créer un lien d'ancrage sur la page, que je reviendrai plus tard dans la vidéo. Vous pouvez modifier l'alignement ici et vous pouvez changer la taille du bouton. Donc, si vous voulez petit, extra petit, tout ce que vous pouvez juste rapidement et changer là-bas. Je peux espacement. D'accord. Quelle taille le veux-tu ? Et donc, tu sais, tu peux juste ça là. Sautons dans le style contre un change comment le bouton ressemble réellement. Personnellement, j'ai vraiment aimé la façon dont on dirait que je souris dessus il devient noir, mais encore une fois, vous pouvez juste le changer comme vous le souhaitez. Donc, nous avons la couleur du texte, sorte que change le texte. Le type de bordure est solide, ce qui signifie que la bordure de la liaison est une ligne noire. Encore une fois, si vous voulez changer cela pour doubler, vous pouvez simplement sélectionner où vous voulez. Et puis c'est tout. Et puis vous avez l'ombre de la boîte et vous pouvez ajouter du rembourrage, tout ce que vous voulez. Et c'est ainsi que vous mettez à jour la section d'en-tête. 9. Créer un Favicon: Comment ajouter un favicon à votre site Web qui est alimenté par des éléments ou plus. Vous vous demandez peut-être, ce qui est un favicon d' habitude contre une petite icône dans l'onglet en haut là-bas. Donc, vous voulez certainement créer quelque chose qui est double de marque pour votre site Web. Parce que comme lorsque les gens visitent votre site Web sur disons comme leur iPhone et le site le plus récemment visité, vous voulez icône associée à votre site Web. C' est aussi juste une chose d'hygiène où juste un petit détail que vous ne remarquez pas, mais quand il n'est pas là, vous le remarquez. Et donc maintenant notre favicon est juste l'icône WordPress. Alors, allons de l'avant et changeons ça. Donc, vous voulez cliquer sur le menu hamburger juste là. Et puis il est allé naviguer jusqu'à l'endroit où il est dit Paramètres du site. D' accord ? Maintenant, nous voulons trouver quelque chose qui dit comme l'identité du site juste en dessous de ces paramètres. Alors allons de l'avant et cliquez dessus. Très bien, donc ici vous avez votre nom de site dans la description de votre site. Donc vous pouvez changer ça comme vous voulez d'ici, mais je vais juste le laisser. Nous avons donc le logo du site, mais nous l'avons déjà en haut, donc vous n'avez pas besoin d'ajuster quoi que ce soit ici. La seule chose que nous devons ajuster, c'est ces sites, favicon. Et alors, comment créer un favicon ? Maintenant ? C' est à vous de décider. Vous devez créer votre propre image. Vous devez créer votre propre image associée à votre marque. Et personnellement, ce que j'ai c'est que j'ai cette petite image que je vais utiliser. Je l'ai, il a une habitude en tant que PNG avec un fond transparent. Encore une fois, vous pouvez simplement utiliser remove beat pour supprimer ce Bg pour supprimer l'arrière-plan de n'importe quelle image. Donc, nous allons juste utiliser votre éditeur d'image préféré, peut-être faire un cercle, avoir un type de design. Il n'a pas besoin d'être quelque chose de compliqué et juste de créer quelque chose. Ok, alors allons de l'avant et choisissons l'image. Et je vais juste glisser et déposer ça en place. Ok, ça a l'air bien. Et on va insérer des médias. Et nous allons cliquer sur la mise à jour. Ok, et revenons au rédacteur en chef. Bon, alors revenons à quitter le tableau de bord. Et voyons voir. Ah, très bien, si parfait. Donc, comme vous pouvez le voir, notre favicon a été mis à jour pour quelque chose d'un peu plus cassable, et c'est aussi simple que ça. 10. Image de 10 héros et votre appel à l'action: Maintenant, il est temps d'ajouter une grande magnifique image de héros avec un appel à l'action sur notre site Web. Donc je suppose déjà que vous avez joué avec votre section d'en-tête. Ok, donc je suis allé de l'avant et j'ai rendu mon logo un peu plus petit, changer la couleur ici. Vous ne vous contentez pas d'ajuster comme bon vous semble quand vous êtes prêt. Maintenant, vous voulez simplement ajouter une image de héros. Alors de quoi parlons-nous ici ? Des images comme ça. Ok, une image grande ou juste qui prend la section supérieure du site, un appel à l'action qui indique aux gens ce qu'est le site, et cetera. Alors comment on fait ça ? Très, très simple. Donc, la première chose est que vous devez source dans l'image. Donc, je recommande certainement peut-être vérifier comme quelque chose comme sur Splash.com. Et vous voulez trouver un tas d'images que vous pensez avoir l'air fantastique. Ceux-ci sont complètement gratuits à utiliser. Vous n'avez pas à vous soucier de n'importe quel type d'attribution ou quoi que ce soit. Et donc, mais juste une mise en garde est juste de s'assurer de redimensionner l'image comme il convient. Donc, par exemple, comme ceci est comme une image 1500 par 1500. Télécharger plus vite cela, il serait comme 6 mille par 6 mille pixels, ce qui est une image énorme. Et vous raisonnablement, vous voulez le plus petit possible est parce que vous voulez que les gens ouvrent le site et ont tout charge vraiment rapide. Et donc vous ne pouvez pas faire ça si vous avez une image massive. Donc, de toute façon, allons éditer avec des éléments ou parce que nous allons éditer la page d'accueil. Ok, maintenant c'est, on y va. Alors k, Alors commençons à éditer notre page. Donc la première chose dont nous avons besoin, c'est qu'il nous faut un cap. Ok. Pourquoi se diriger ? Eh bien, c'est ce que ces phrases sont ici. Comme cet avion favorisera les sites de profit rendus faciles. Ce sont des titres, d'accord ? Ensuite, c'est comme le corps du texte. Et alors ajoutons un titre. Boom, on y va. Ok, donc en haut, vous pouvez ajouter votre appel à l'action. Donc, cette structure de phrase ici devrait être quelque chose comme un appel à l'action qui dit aux gens où ils sont, ce qui se passe, ce que les sites Web à propos ne le rendent pas long et verbeux rapidement et au point, peut-être un sous-titre Si vous veulent, et cetera. Donc je vais juste mettre quelque chose. Trouvez votre virgule de bord et Joey, la vie. On y va. Ok, maintenant la prochaine chose que je veux que vous fassiez est de naviguer à l'endroit où il est écrit tag HTML, vous voulez des changements de H2, H1, H1. Alors que l'un signifie que c'est le titre de la page. D' accord ? Et donc, par exemple, comme ceci, le billet de blog, ceci est votre tag H1. La balise H1 est le titre de votre billet de blog. C'est H2. H2 est une sous-rubrique de H1, et cetera. Et c'est pourquoi nous voulons que ce soit la bonne parce que c'est le titre de la page. Maintenant, je ne veux pas aller à gauche, je voulais des capteurs, alors allez ici à l'alignement et cliquez sur le centre. Voilà, tu y vas. C'est aussi simple que ça. Maintenant, vous pouvez cliquer sur le style. Et encore une fois, l'onglet de style est exact, ce qui pense que c'est là que vous modifiez le style du texte. Donc, nous cliquons sur ceci et nous naviguons vers le noir ou autre, quelle que soit la couleur que vous voulez qu'il soit. Et maintenant, tu peux changer la topographie comme tu veux, ok, c'est ce que tu veux. Donc, comme par exemple, je vais utiliser Poppins. On va juste le changer pour que c'est bon. Nous pouvons changer la façon de transformer la déclaration de style. Tu peux venir ici et jouer avec ça. Si vous voulez rétablir quoi que ce soit, vous pouvez simplement revenir à la valeur par défaut pour recommencer. Si vous avez fait une erreur. C' est vraiment aussi simple que ça. Encore une fois, puis l'ombre du texte, d'accord ? Si vous voulez avoir une ombre de texte, vous ne voulez pas avoir d'ombre de texte, ce genre de chose. Donc, lorsque nous cliquons dessus, revenir à la valeur par défaut. Je vais le laisser comme ça. D' accord ? Et donc je pense que ça a l'air vraiment sympa. Maintenant, comment ajouter une image et dire, je ne vois pas d'option pour ajouter une image n'importe où. C' est un contenu et un style, pas d'onglet avancé, n'est-ce pas ? Oui. Non. Très bien, la chose est avec des éléments ou c'est comme si vous modifiez le titre, votre édition avec l'élément à l'intérieur de cette boîte bleue. Mais maintenant, nous devons modifier la boîte bleue. Donc, nous devons cliquer sur cette petite section juste là et voir comment cela change pour modifier la section, si je clique sur l'icône du crayon. Maintenant, en éditant le titre, nous voulons éditer la section, aussi simple que ça. Ok, donc maintenant nous devons avoir ce que nous avons est l'option de baleine dans notre option de structure. Et donc la mise en page change la façon dont tout est disposé dans cette section. Mais nous devons y ajouter du style, qui est notre image. Vous cliquez dessus. Maintenant, nous avons de l'arrière-plan, ok, donc nous avons l'arrière-plan, superposition, la forme de la bordure, le diviseur, et cetera. Cliquez sur Arrière-plan normal. Ok, alors vous avez une vidéo dégradée classique dans le diaporama. Donc, vous voulez ajouter une vidéo, vous pouvez le faire à partir d'ici. Mais personnellement, je recommanderais certainement d'aller avec classique. D' accord, donc c'est classique. Je vais choisir une image. Maintenant, je vais choisir une image que j'ai déjà chargée. Alors on y va. C' est mon image de fond. Encore une fois, vous pouvez utiliser quelque chose comme sur les éclaboussures, source votre propre image, peu importe. Il suffit de le redimensionner. Ok, c'est comme mille, huit cent mille deux cents. C' est grand, mais ce n'est pas trop grand. Ok, donc maintenant nous venons d'ajouter une image avec succès. D'accord ? Et ça a l'air terrible. Comme pourquoi est-il si petit ? Tu dois ajouter du rembourrage à, ok. Vous devez donc y ajouter de l'espace. Donc, le remplissage est l'expression que vous avez utilisée pour décrire l'espace entre les éléments. Ainsi, par exemple, il s'agit d'une phrase texte ici. Cela a beaucoup de rembourrage au-dessus de ce texte et un peu en dessous. Donc un peu repousse tout, sépare tout. Si vous n'avez pas de rembourrage, tout le pistolet est comprimé ensemble. Donc c'est là que tu veux aller à la mise en page. Ok. Donc, vous n'allez pas à la mise en page. Maintenant, vous voulez venir ici en hauteur. Et nous voulons quelque chose qui peut être comme s'adapter à l'écran, d' accord, qui a l'air sympa, ou peut-être des hauteurs minimales. Et quand vous cliquez sur les hauteurs minimales ici, vous aurez ce petit cadran juste ici. Et donc j'aime vraiment ça parce que c'est juste très facile et intuitif pour les débutants. On peut juste jouer avec la façon dont ça a l'air bien. Donc c'est totalement à vous de choisir. Alors quelle autre chose que j'aime chez les mentors a dit ça, il dit « Fit to screen ». Et donc cela va s'adapter à l'écran quel que soit l'appareil sur lequel la personne est sur un appareil mobile va l'adapter automatiquement à son téléphone, et cetera. Je vais juste faire ça et la hauteur minimale parce que de toute évidence, vous savez, la façon dont j'aime concevoir des sites, je ne veux pas que cette image soit supermassive lui. Je ne veux pas juste un peu, peu comme le déjeuner, un petit peu d'espace blanc en dessous. Et voilà. Donc j'ai vraiment aimé la façon dont ça a l'air. D' accord. Et donc revenons ici aux textes, d'accord, et je vais revenir ici à ce x num éditant le style de titre. Bon, maintenant je peux venir ici et nous pouvons en venir au contenu. Et donc nous avons la taille par défaut. Peut-être que je veux en faire un plus grand. Nous ferons comme extra large. Oui, ça a l'air beaucoup mieux. Bon, donc maintenant c'est un peu difficile à lire, donc style et si noir. Faisons du blanc ou quelque chose, faisons une couleur différente. D' accord, donc j'ai peut-être besoin d'ajouter une superposition sur cette image, d'accord ? Parce que, oh, eh bien, je ne peux pas vraiment voir le texte là-dessus. Laisse-moi retourner ici. Revenons au style. Ok, maintenant on peut jouer avec l'image de fond. Donc, vous avez votre position là-bas. Maintenant, votre position là-bas, vous devez minimiser cela et vous assurer que l'image s'adapte correctement. D' accord ? Et donc nous pouvons changer différentes choses comme le centre, le centre OKC. J' aime ça parce que peut-être le texte serait un peu plus clair et facile à lire si je le faisais blanc sur cette section de l'image. Tu sais, si tu as un capteur haut juste là, ça a l'air sympa. Ok, donc je peux le garder comme ça si je veux. Bon, maintenant nous avons l'attachement. Donc ici, on peut faire défiler ou réparer, ok ? Et donc si vous jouez avec ça, alors faites défiler, ok, ça veut dire que l'image reste mise. Si nous arrivons à corriger, cela signifie que l'image reste fixe, elle derrière elle et puis, vous savez, donne un peu cette belle petite caractéristique de l'image se déplaçant derrière. Et j'aime bien la façon dont ça marche. Donc je pense que je vais le garder comme ça. D' accord, donc maintenant nous voulons venir ici où il est dit superposition d'arrière-plan. Alors qu'est-ce qu'une superposition ? Un ? Les superpositions comme l'ajout de couleur à une image. Pourquoi voudriez-vous faire ça ? Eh bien, par exemple, je veux utiliser du texte blanc sur cette image. Tu peux lire White ? Pouvez-vous lire le blanc sur l'image spécifique ? Pas vraiment parce que c'est une image en noir et blanc. Donc, j'ai dû le faire bleu foncé du texte apparaît et se démarque. Donc nous ne voulons pas, peut-être que si vous voulez, si vous devez faire ça, vous pouvez venir ici et faire ça. Donc superposition d'arrière-plan, genre de clic sur l'opacité de la période classique, ok ? Donc, vous pouvez changer les choses au besoin juste là. Ok, alors venons ici pour l'arrière-plan. Bon, donc maintenant nous avons un tas de différents, accord, en fait, revenons à la superposition d'arrière-plan. D'accord. Donc nous avons de la couleur. Je vais cliquer sur Color. On y va. Donc maintenant, si je veux changer ça pour autre chose, comme peut-être noir un peu comme nous y allons. Juste comme si ça le rendrait un peu plus sombre, totalement à vous de décider. Donc, je ne vais pas ajouter n'importe quel type d'OEM, un peu laisser comme il est. Ok, la prochaine chose que nous pouvons ajouter est un peu comme un diviseur en forme. Donc devenir ici, c'est deux séparateur en forme. Et maintenant, nous avons le haut et le bas, donc nous venons ici pour taper. Et puis vous avez un tas de différents types de formes que vous pouvez ajouter. Donc, par exemple, triangle. Maintenant, cela est sélectionné pour le haut. Ça a l'air bizarre. Donc on va se débarrasser de ça. Kit cliquera sur aucun. Allons au fond. Ok, donc maintenant je peux venir ici et aller au triangle juste là. D' accord ? Donc ça a l'air plutôt bien. Donc on peut inverser ça ici, ok, tu viens de cliquer dessus pour l'inverser comme tu veux. Et donc je pense que ça a l'air sympa comme ça. Encore une fois, vous pouvez juste jouer avec ça comme bon vous semble, ok, donc vous pouvez juste venir ici, en choisir un tas de différents. Et comme le mien, l'un de mes préférés est comme si j'aimais personnellement l'opacité, et j'aime personnellement le triangle, ok ? Parce que le triangle pointe un peu vers le bas, pointe l'utilisateur vers le bas vers une nouvelle section juste ici. Donc je vais le laisser comme ça. D' accord ? Et c'est donc essentiellement tout ce que vous avez à faire pour ajouter des éléments spécifiques dans l'image de héros ajoutée avec du texte, avec la superposition de texte. Et c'est vraiment aussi simple que ça. Comment ajouter un bouton à notre appel à l'action en haut. Ok, donc je sais que beaucoup d'entre vous voudront ajouter un bouton. Personnellement, je ne vais pas ajouter dans le livre. Laisse-moi te montrer comment c'est fait. D' accord, alors en ce moment je suis en train de modifier le titre et vous êtes comme, comment puis-je revenir aux blocs ? Comme Que dois-je cliquer dessus ? Oui, cliquez sur les carrés juste là. Voilà, tu y vas. Maintenant, vous êtes de retour à l'endroit où sont tous vos blocs. D' accord ? Et maintenant, nous voulons ajouter un bouton et c'est tout. Il est juste de taper le bouton glisser déposer, et c'est aussi simple. Voilà, tu y vas. Donc maintenant on peut venir ici et on peut changer l'alignement, on peut changer la taille, donc je vais faire ça très petit. Ça a l'air sympa juste là. Et nous pouvons donc venir ici pour changer les types de boutons. Donc, nous avons comme info, nous avons du succès. Ok, on a un avertissement. Maintenant, si on veut venir, je vais laisser ça comme une info. Maintenant, si nous venons ici pour le style, voici où nous pouvons changer la couleur du texte si je veux faire di couleur différente, couleur fond, nous pouvons également changer aussi bien. D' accord ? Et donc c'est juste, tu sais, vraiment simple que ça. Ainsi, vous pouvez changer la couleur du texte, leur arrière-plan de type. Vous pouvez changer la biographie de type ici. Vous pouvez ajouter une ombre de texte. Vous pouvez changer les différents éléments pour ce qui se passe lorsque les gens passent la souris sur le bouton, et cetera. Ok, et c'est vraiment si simple maintenant si tu es genre, comment puis-je le séparer ? Peut-être que vous pensez comme, oh, eh bien, les boutons un peu près du taux d'imposition, y a-t-il un moyen que je puisse lui donner un peu plus d'espace et comme absolument. Et donc maintenant, alors que cette option spécifique de mélange n'a aucun moyen d'ajouter du rembourrage juste au-dessus. Vous ne pouvez que l'élément ou ne vient avec quelque chose appelé un espaceur. Et donc c'est fondamentalement juste ce glisser-déposer ici. Et maintenant, vous pouvez le pousser aussi loin qu'à l'écart. Donc je pense que juste une entretoise à dix ans a déjà l'air sympa. Des mots comme OK, ont un peu de place pour respirer. Ça a l'air vraiment sympa et tu peux juste le laisser comme ça. Donc, si vous voulez ajouter un bouton, c'est à peu près tout ce que vous avez à vous soucier et à faire. D' accord ? Et donc nous venons ici pour le contenu, puis le lien juste là. C' est là que vous pouvez aimer créer un lien vers d'autres sites Web si vous le souhaitez, et vous pouvez le modifier pour ouvrir une nouvelle fenêtre ou ajouter nofollow. Ainsi, seuls les liens qui sont hors de votre site Web vers une autre page devraient ouvrir une nouvelle fenêtre. Mais si vous créez un lien vers une page de votre site Web, ne l'ouvrez pas dans une nouvelle fenêtre si cela a du sens. Mais c'est fondamentalement tout. C' est tout ce que nous avons à faire pour ajouter un bouton. 11. Message de bienvenue: Bon, maintenant il est temps de continuer à ajouter des blocs à notre site Web. Alors maintenant, il est vraiment en train de se réunir. Nous avons ce menu en haut. Nous avons un joli petit appel à l'action. Et maintenant, vous pouvez ajouter des blocs. Et c'est là que votre propre design et votre créativité peuvent entrer en jeu avec les éléments sont, sorte que vous avez quelques options différentes. Donc, d'abord, vous pouvez soit quitter ce signe plus, puis ici vous pouvez modifier la structure du site ou la structure de cette section spécifique. Et donc c'est un peu évident comme ça, si tu fais ça, ça va être comme deux pâtés de maisons. Ok, donc juste ici, je peux venir ici, cliquer sur ce signe plus. Je peux ajouter n'importe quel bloc que j'ai passé ici, puis cliquez sur ce signe plus et ajouter n'importe quel bloc que je veux, si cela a du sens. D' accord ? Et c'est un peu comme comment les éléments ou fonctionnent et c'est comme ça que j'aime quand tu as les trucs techniques comme la tête ou dans ce truc juste ici, alors c'est comme, d'accord, cool, maintenant je peux le faire sur un. Et donc ce que je recommande est soit vous personnaliser les choses vous-même avec un signe plus ou vous pouvez simplement ajouter dans une section rapide et facile. Et donc si nous cliquons sur cette petite icône de dossier, aura l'élément ou le plug-in pop-up. Et il est livré avec un tas de différentes bibliothèques de blocs qui viennent ici. Maintenant, la raison pour laquelle je vous ai fait installer le plugin d'éléments vaso de fin ici est parce que la, la bibliothèque pour ce élémentaire fournit, Eh bien, malheureusement, ils ne fournissent pas l'en-tête et la section de pied de page gratuitement. Mais dans Fido le fait, c'est vraiment le seul moyen que vous pouvez obtenir la tête un joli en-tête rapidement et facilement. De toute façon, si je viens ici et que je clique sur cette icône de dossier, nous avons un tas d'options différentes. Donc j'aime que c'est fantastique. Ça a l'air si bon. Donc, je vais cliquer sur, insérer comme ça. Cliquez sur commencer. Maintenant, il dit se connecter à la bibliothèque de modèles accéder à cette bibliothèque de modèles, ok ? Et donc je dois approuver et connecter mon email et juste, vous savez, vous devez créer un compte gratuit pour que vous n'ayez pas d'option. Mais vous ne pouvez pas simplement le faire gratuitement à un avez-vous pour créer un compte avec des éléments ou pas une grosse affaire ? Parce qu'alors tu peux juste bouger, c'est là. Fait. Merveilleux. Et alors comment utiliserais-je cette section ici ? Donc ces sections devraient être votre section d'introduction, d'accord ? Et donc cela devrait, Hey, bienvenue aux gens pour dire, vous savez, hey, bienvenue sur café maniacs.com ou sites Web, site dédié sur le café, quel que soit vos sites Web sur. Ok. Et donc pour moi, c'était comme un blog personnel par exemple, ou un site web personnel. Dites comme, hé mon genou, je suis, je suis un blogueur professionnel, YouTubers, nous hautement noté consultant et fibre bla, bla, bla. J' utilise juste toute cette section juste là. D'accord. Et donc vous voulez cliquer sur cela et assurez-vous que c'est cnn dit H4. On veut que ce soit H2 en fait, ok. Pourquoi veux-tu que ce soit encore H2 ? Parce que c'est un sous-titre de ceci. Donc nous voulons que ce soit H2. Maintenant ce texte juste là, c'est totalement à vous de décider si vous voulez ou non le laisser comme ce gris clair. En fait, j'aime ça. En fait, je pense que ça a l'air assez sympa, mais si vous voulez changer cela, vous pouvez juste venir au style et le changer et le rendre quelque chose peut-être un peu plus lisible. Déplacer légèrement, légèrement plus lisible. Voilà, tu y vas. Et là, nous avons un lien Read More. Et donc nous cliquons dessus. Et donc ce que je ferais personnellement avec ceci est que cela devrait être un lien vers une page dédiée à propos ou autre. Et je pense que c'est fantastique. Je veux dire, je le fais littéralement sur le site web crave pro.com parce que les gens viennent ici. C' est le sujet de ce site web. On est plus, boum, cliquez ici. Et puis vous êtes sur la page à propos où vous pouvez en apprendre plus sur le web, disent Korea pro, Comment dites-vous de moi ? D' accord ? Et c'est pourquoi j'aime vraiment cette section juste, juste pour glisser et déposer, je viens de cliquer Boyd sur un bouton et voilà. Et je pense que ça a l'air vraiment sympa parce que maintenant on a cette section de héros là-haut. Nous avons la section triangle juste là, un peu pointant vers le bas. Boom, un peu de surpoids, un peu comme, superpose un peu l'image. Et puis nous entrons dans le message de bienvenue juste ici. De toute façon, c'est ainsi que vous commencez à ajouter des sections spécifiques, en particulier le message de bienvenue. 12. Menu visuel avec les bases Elementor: Les éléments sont essentiels. Donc, je veux juste mentionner brièvement qu'il y a un bouchon et j' aime vraiment ajouter un mentor parce que comme un tas de blocs différents. Donc, vous voulez venir ici et vous voulez aller ajouter de nouveaux, alors vous voulez taper les éléments sont essentiels. Et puis ce sera essentiel, des add-ons essentiels pour les éléments. Ou maintenant ce que cela fait, il vous donne juste un tas d'éléments flambant neufs à ajouter à votre mot de passe, OK. Donc, il vous donne des options pour lac à un bouton créatif et des témoignages, info box avance accordéon, onglets avancés. Donc vous avez ils ont ce sont les deux versions. Ils ont leurs versions pro où vous devez payer pour les tubes de gaz. Et puis ils ont un tas de versions gratuites utiles comme la grille de poste, texte de fantaisie, toutes ces bonnes choses. Ok, donc si vous voulez ajouter plus de blocs dans des extensions plus spécifiques, c'est ce que font les add-ons essentiels et si vous l'utilisez ou non, c' est totalement à vous de décider, mais je veux juste que vous soyez conscient de cela. Et alors laissez-moi revenir à mes plugins. Parce que je sais avec des éléments ou vous finissez par avoir pas mal de plugins. Donc, jusqu'à présent, nous avons des éléments ou en-tête, pied de page et blocs qui nous aide à ajuster l'en-tête et le pied de page, site Web Uber et éléments vitaux qui nous donne des blocs utiles pour ajouter dans un très beau pied de page, c'est correct. L' élément ou les blocs d'en-tête et de pied de page nous donne simplement la possibilité de contrôler la section d'en-tête et de pied de page. Ok, ça ne nous donne pas de blocs parce que c'est la capacité de contrôler ces sections et les éléments vitaux que j'aime parce qu'en fait nous donne une photo pré-faite d'en-têtes pré-fabriqués que nous pouvons juste jeter dans très rapidement. Et les atomes essentiels ajoutent simplement des blocs plus utiles dans des éléments pour aider à concevoir votre site Web rapidement, soigneusement. Donc, vous pouvez en quelque sorte explorer ce plugin sur votre propre pour voir quels éléments vous finissez par utiliser. Peut-être que vous n'utilisez rien, il peut aller de l'avant et le désinstaller, mais juste quelque chose dont vous devriez être conscient. Qu' est-ce qui continue à concevoir nos sites Web. Donc, je veux ajouter, comme une galerie d'images et comme peut-être une petite introduction à la galerie d'images. Alors, comment avons-nous commencé ? Donc encore une fois, maintenant, vous avez un peu, encore une fois, comme je l'ai dit, vous avez les bases de la façon de concevoir votre site Web et maintenant vous êtes un peu libre d' expérimenter et d'être créatif parce que vous avez cette centrale est hors du chemin. Donc, ce que je vais commencer par, je vais ajouter une nouvelle section. Et pour le faire bouillir un peu, je veux un peu, peut-être que cette mise en page ici aurait l'air bien. J' ai deux pâtés de maisons ici. Et alors qu'est-ce que je me suis personnellement terminé ? Je voulais, j'aime un type d'image comme ici et comme peut-être une petite galerie d'images et puis un peu d'introduction de textes ici. Alors allons de l'avant et commençons par ajouter des détectes. Donc, nous allons cliquer sur plus. Encore une fois, vous savez, c'est un paragraphe de texte, donc nous voulons probablement avoir un titre, non. Laisse-moi aller de l'avant et faire ça. Et donc on va l'enlever. Et ce qui est juste taper comme, je fais, faire de toi aussi. Je fais des vidéos YouTube. Gospel U2 correctement. Je fais des vidéos YouTube. On y va. Alors encore une fois, allez au style, au texte, à la couleur, au noir. On y va. Et nous voulons nous assurer que le contenu n'est pas H2. Soit nous voulons H2, soit nous voulons que ce soit h3. Probablement faire ce h3 totalement à vous. Mais encore une fois, c'est un, c'est H2 et rendre cette personne comme h3. Alors maintenant, je veux ajouter un paragraphe. Donc nous venons ici et nous voulons juste comme éditeur de texte, ok. Et donc Biotech Center, parce que nous voulons juste ajouter dans le texte Zed simple. Laisse-moi prendre ça, concentre-toi là. Je doublerai ça quelques fois. Et donc juste le, juste à des fins de démonstration, vous pouvez aller de l'avant et écrire votre propre paragraphe vers le bas. Maintenant, la prochaine chose est que nous devons nous assurer que ce texte correspond à ce texte. Parce que ça a l'air bizarre, non ? Pourquoi ne pas utiliser deux polices différentes ? C'est une grosse erreur. Alors qu'est-ce qui vient ici ? Il semble cliquer sur le style d'icône de crayon. D' accord, alors quelle typographie devrait être utilisée ? Eh bien, il est prêt à gouverner Rubato. Je vais utiliser Poppins. Maintenant, je veux éditer celui-ci et je veux venir à coiffer la topographie. Encore une fois. Je veux mettre Poppins. Maintenant. Tu devras utiliser Poppins. Tu utilises ce que tu veux. Juste, j'utilise le pop-in, donc on va le faire un peu comme ça. Ok, donc ils correspondent un peu, fonctionnent un peu plus bien et on peut le regarder ou vous pouvez vérifier ça pour voir le numéro exact. Mais je vais juste regarder ça parce que c'est pas une grosse affaire. D' accord, donc ça a l'air bien. Alors passons au tableau de contenu. Et donc je pense que ça a l'air vraiment sympa. Laisse-moi revenir en haut. Bon, maintenant, revenons ici à nouveau à la typographie. Alors peut-être que je dois changer l'attente juste un peu pour y arriver. On y va. C' est parfait. Donc maintenant ce genre d'allumettes, ça a l'air sympa. Ok, donc maintenant nous devons ajouter des images. Alors, cliquez sur ceci. D' accord, donc vous avez beaucoup d'options différentes que les éléments sont, et j'aime vraiment ça. Donc, nous tapons dans l'image. Donc, vous avez comme l'image, boîte d'image dans laquelle les soins, SO basique galerie. Maintenant, vous verrez quelque chose qui dit EA. Cela signifie que c'est le plugin atome élémentaire. Donc c'est parce que cela vient de ce branchement avec que nous venons d'ajouter pourrait juste vous donner plus de blocs. Et évidemment, les choses avec une serrure ou évidemment des éléments sont pro. Donc c'est totalement à toi de décider. Vous pouvez jouer avec cela avec n'importe quelle image que vous voulez ajouter. Personnellement, j'aime le carrousel d'image. Donc je vais aller de l'avant et prendre ça, laissé tomber ça juste là. Impressionnant. Maintenant, nous avons besoin d'images. Donc, je suis déjà allé de l'avant et j'ai téléchargé un tas d'images. Vous pouvez donc simplement télécharger des images comme vous le souhaitez. Et laissez-moi aller de l'avant et créer une nouvelle galerie. Insérer la galerie. D'accord, alors laissez-moi vous montrer rapidement une des images. Comment ai-je fait ça ? Donc encore une fois, un 100% avec Canva, super-duper simple. Tout ce que j'ai fait était de prendre une capture d'écran d'une vidéo que j' faite que je suis allé au Canada, modèle de miniature YouTube. Je viens d'ajouter ce bouton Play sur le dessus et ajouter un texte qui est simple. C' est vraiment aussi simple que ça. Ok, et maintenant on, oh, ça a l'air fantastique. Ok, donc maintenant nous avons une belle petite galerie d'images ici qui montre un peu nos vidéos avec les vignettes. Vous pouvez donc venir ici et changer le style de contenu comme vous le souhaitez. Donc encore une fois, il faut juste regarder et jouer avec les choses. Donc, si je viens ici et que je viens comme médium, comment le médium a l'air ? Je n'aime pas vraiment l'apparence moyenne. Je pense que je vais revenir à l'étirement des images miniatures. Comment ça ressemble ? Oh, ça supprime les espaces. Non, je n'aime pas vraiment ça. Et encore une fois, c'est pour ça que vous devez venir ici et jouer avec les choses. Maintenant, ce que j'aime est ce lien et vous pouvez avoir votre propre URL personnalisée. Vous pouvez donc lier cette section à aimer ce que vous voulez. Donc je viens ici sur YouTube et nous allons juste taper, nous allons revenir en arrière, nous allons visiter ma chaîne YouTube. Et on va prendre celui-là. Et quand nous copions l'adresse du lien, retournez ici. Et puis tout ce que vous pouvez faire est simplement de mettre dans votre chaîne YouTube ou une vidéo YouTube. Et maintenant je sais que vous allez leur demander, hé, puis-je avoir ce lien d'image vers une vidéo et ensuite cette image liée à un autre Non. Non, vous ne pouvez pas ce carrousel d'image ne peut lier qu'à une seule vidéo. Pas une grosse affaire. Choisissez votre meilleure vidéo. Et donc quand quelqu'un visite votre site et que vous le faites, ils descendent ici, ils cliquent là, regardant votre meilleure vidéo. C' est comme ça que je l'installerais. Et il introduit un peu le concept que vous faites des vidéos et que vous obtenez, l'accent devrait être davantage sur l'accès des gens sur YouTube et sur votre chaîne, les vidéos de Washington. Plus que de les avoir comme sur la page d'accueil de votre site. Faites défiler un tas de vidéos différentes et cliquez individuellement pour regarder des vidéos, les gens ne le font pas. Donc oui, c'est fondamentalement tout. Donc, la façon dont cela fonctionne maintenant si quelqu'un clique sur cette section juste là, ce sera une belle superposition de la vidéo sur notre site Web. Ok, et alors allons de l'avant et cliquez sur Mettre à jour. Très bien, fantastique. Alors maintenant tout est sauvé et c'est tout. C' est ainsi que vous ajoutez une galerie d'images et du texte à votre siège What. Maintenant, je veux ajouter une image semblable à une sorte de briser le design. Donc ce que je veux dire c'est comme si nous ouvrions le site, eu cette belle image en haut là-bas paragraphe et puis une belle, autre section de texte et d'image juste ici. Ce genre de introduit les vidéos YouTube, par exemple. Nous ne voulons pas que ce soit deux textes, IB contre paragraphe, paragraphe, paragraphe. On veut avoir un petit design, non ? Et donc commençons. Donc je veux juste faire la même chose que j'ai fait ici. Ok, je veux juste avoir une autre image et un texte sur l'image. Et je t'ai déjà montré comment faire ça. Donc tu devrais déjà savoir ce qu'on va faire. Donc, encore une fois, je vais devoir faire, c'est commencer par votre cap, et donc on le fait glisser, le titre par ici. Boum. Maintenant, ajoutez le texte que vous dirigez. Donc ce que je veux faire est un peu jeter créer comme un lien d'ancrage sur la page. Donc, quand les gens cliquent sur le bouton Cours en haut, ils descendent ici à cette section. Mais commençons par créer la section avant de créer le sillage d'ancre. Donc ça va être pour nos cours. Donc oui, vous pouvez appeler ça des cours, mais comme toujours assurez-vous de créer une copie convaincante qui attire l'attention des gens. Donc je vais faire quelque chose comme des cours. C' est bien sûr ce travail ? On y va. D' accord. Tag Html, H2. Oui. Je ne veux pas être centré. Oui. Ok, style. Allons ici, qui passe du bleu au noir. Et passons à la typographie. Robot Roberto. Oh, non, je veux qu'on soit pop-in donc, tu sais, avec tes polices, d'accord, elle devrait avoir deux fonds. Vous auriez une police pour être vos titres, puis un fonds TB votre paragraphe corporel, faisant en sorte que la police soit la même. Mais si vous avez plusieurs polices, choisissez simplement 21 polices pour votre, vos titres et votre menu en haut, une autre police pour le paragraphe. Quoi qu'il en soit, il est maintenant temps d'ajouter une image. Alors allons-y et faisons-le. Cliquez sur les boutons juste là. Ok, et donc encore une fois, nous revenons au style et nous voulons aller à l'arrière-plan et nous voulons ajouter un classique. Maintenant, vous voulez simplement télécharger votre propre image à nouveau. Et donc j'ai déjà fait ça. Donc j'ai cette image de désintéressé, et c'est tout. Et alors, allons de l'avant et insérons des médias. On y va. Ok, donc maintenant nous voulons venir aux mises en page, et maintenant nous voulons changer la hauteur. Donc je veux peut-être adapter l'écran. Je ne veux pas qu'il prenne autant d'espace comme si c'était beaucoup d'espace. Je veux juste que ce soit un peu plus bas. Donc c'est comme, disons juste, oui, peut-être comme ça, tu sais, quelque chose, quelque chose de minimal. Très bien, donc, jusqu'à présent j'ai l'air vraiment sympa. Maintenant, nous pouvons changer la façon dont cela est positionné. Ok, alors laisse-moi juste cliquer dessus. D' accord, donc par exemple, on vient au style, ok, donc la position qu'on veut, peut-être au centre, au centre. D' accord. Alors pourquoi voulons-nous ça ? Donc, nous allons juste passer à la valeur par défaut. Nous venons ceci, comme vous pouvez le voir, les images genre de coupure. Donc ça a l'air bizarre. On ne veut pas ça. Donc nous voulons aller ici et nous voulons nous assurer que c'est centre, centre par exemple. Ok, voyons ça. D' accord, donc il fait toujours ça là où il répète l'image. Alors, comment faites-vous pour les maîtriser ? Facile ? Donc, vous devez aller aux répétitions et pourtant dire « non-répétition ». Ok, eh bien maintenant, soyons blancs. Et donc nous voulons avoir, nous voulons que la taille corresponde. Ok. Donc nous voulions couvrir ok. Et donc c'est automatiquement un peu, un peu zoomer sur l'image. Ok, alors maintenant on veut jeter un oeil. Oui, ça a l'air bien. Ok, donc maintenant pour réparer ça, si tu n'aimes pas avec ça, alors tu as une source d'image plus grande, etc. Ok, donc peut-être que si tu n'aimes pas comment c'est deux rognés comme ça et que tu veux le changer à nouveau, obtenir une image plus grande alors, ok, c'est ta seule option. Et donc je vais le laisser comme ça. Je pense que ça a l'air bien. Maintenant, mais je ne suis pas content de la petite taille de ce texte, rendons ça plus grand donc il fait froid ici. Cliquez sur le, cliquez sur l'icône de crayon. Maintenant, nous éditons le titre. D' accord, donc contenu, allez au style, à la topographie. Cliquez dessus. Ici, c'est la taille. Donc ici, vous pouvez juste faire le changement à la taille comme vous une fois. Donc je vais faire quelque chose comme grand et audacieux comme ça. D' accord, donc des cours qui fonctionnent. Alors on descend ici, on descend ici. D' accord, peut-être que c'est un peu trop gros. On va faire comme, on y va. Ok, voilà. Et ils y vont. Ok, donc encore une fois, tu peux jouer avec cette section comme tu veux. Laisse-moi revenir ici. Et encore une fois, si vous ne voulez pas que la pièce jointe aime, vous savez, vous voulez qu'elle soit corrigée par exemple, alors les gens bougeront en quelque sorte et l'image se déplace en arrière-plan. Si vous voulez le faire, encore une fois, faites-le simplement en changeant la pièce jointe fixe. Mais en fait, j'aime bien que l'image reste mise pour celle-ci personnellement, mais vous aide à prendre cette décision par vous-même. Mais maintenant, nous avons une belle petite section et maintenant nous pouvons ajouter en C, comme des liens et des images à nos cours. Par exemple. 13. Utiliser les liens d'ancrage: Comment ajouter des liens d'ancrage sur votre site Web. Donc tu es comme « Qu'est-ce qu'un lien d'ancrage » ? Et les liens d'ancrage, l'un de ces liens où c'est comme OK, donc quand c'est sur votre site, boom, ils cliquent sur les parcours, puis boum, ça le ramène ici automatiquement. Comment faites-vous ça ? C' est ce qu'on appelle un lien d'ancrage. Ok, donc maintenant pour commencer avec cet élément ou contre des mélanges fantastiques, si facile, faites une recherche pour un widget spécifique appelé Anchor. Donc, ancre de menu, alors vous venez de faire glisser cela, faites glisser et déposez cela en place. Donc je vais mettre ça juste sous les cours qui fonctionnent. Donc, l'ID du cours pour cela, vous pouvez le nommer comme vous voulez. Donc, je vais juste taper le cours, littéralement bien sûr. Maintenant, nous allons cliquer sur la mise à jour. C' est donc la première étape. Ok, donc maintenant nous avons juste mis le clin d'œil d'ancre juste là. Et maintenant, nous devons simplement lier cela à cette ancre une section de clin d'œil juste là. Vraiment si simple. Alors, comment faites-vous ça ? Eh bien, on doit sauter dans notre tête. Revenez donc à votre élément ou tableau de bord. Si tu veux aller à l'Apparence, on veut y aller. On y va. Nous voulons y aller, nous irons à l'apparition là-bas. En-tête, pied de page et blocs. D' accord, et maintenant j'ai mon en-tête d'invitation o que j'ai créé. Je veux aller à Edit. Et puis nous voulons éditer cela avec les éléments sont corrects, donc il est bon d'éditer avec des éléments ou et une fois que vous êtes là, tout ce que vous avez à faire est de trouver votre bouton, puis lien vous obtient la section. On y va. Ok, donc on va juste cliquer sur le bouton, cliquer dessus. Et donc le lien, le lien est hashtag. Bien sûr. Revenons à la page d'accueil. J' ai donc ce cours appelé. Maintenant, pour y lier en tant qu'ancre, un doit être hashtag. Bien sûr, si simple. C' est vraiment aussi simple que ça. Et puis allez-y et cliquez sur mise à jour. Et assurez-vous que tout est prêt et que vous êtes prêt à y aller, d'accord ? Et c'est tout ce que vous avez à faire pour définir un lien d'ancrage. Donc, personne nommé visite votre site et vous avez un élément de menu haut là-bas et ils cliquent dessus et vous voulez qu'ils accèdent à une page spécifique sur le site. C' est comme ça que tu l'as installé. Bon, alors maintenant que nous avons créé une section similaire pour les cours, maintenant envoyer pour télécharger nos cours par exemple, ce que vous pourriez faire, par exemple, si vous aviez un cours Udemy ou les noyaux Scotia sont des noyaux enseignables, par exemple, vous pourriez mettre une miniature et ensuite ce que je ferais est mis comme un petit titre rapide. Donc, par exemple, ouvrons simplement un site Web, créez Peru.com. Donc, la façon dont j'aime structurer des images comme celle-ci où j'aime que l'image, puis rapide et au point pas super zones de texte comme vous pouvez aller avec comme un titre et juste un titre, une image ou un titre. Et puis au paragraphe qui explique ce qu'est l'image. C'est logique. Maintenant, la première chose cependant, je veux réparer les deux i, parce que nous avons ce lien d'ancrage là-bas, vous pouvez voir que c'est en quelque sorte pousser le texte vers le haut. Et c'est comme, je veux un peu le texte un peu plus censuré. Comment faites-vous ça ? Tu sais, tu dois juste faire ce truc d'espacement. Alors on y va. Mets ça là. Bon, on y va. Donc maintenant, maintenant cela est centré une fois de plus au milieu. D' accord ? Donc juste, si tu te demandes, comme comment je peux bouger ça, ok, et c'est tout ce qu'on a à faire. Alors de toute façon, ajoutons quelques images. Donc, je veux cliquer sur ce signe plus. Et maintenant, vous avez beaucoup de blocs différents. Donc, si je viens ici à des blocs et qu'ils tapent l'image, nous avons beaucoup d'options différentes. Nous avons WordPress, nous avons l'image carrousel, qui est cette image de base de la galerie image de boîte. Personnellement, je vais juste utiliser l'ancienne image de base parce que cela me permet juste d'avoir un peu d'image, puis ajouter un texte, et cetera. Je n'ai pas besoin d'un carrousel. Je ne vais pas ajouter dans une galerie, donc ce n'est pas ce que je veux. Donc je vais y aller comme une grille de trois par trois ici. Alors. Cliquez sur trois cases juste là. Bon, alors qu'est-ce que je veux ajouter ? Je veux ajouter une image, juste une vieille image. On va juste faire ça. Ok, glissez et déposez ça. Là. On y va. Ok, donc maintenant on a juste besoin d'ajouter à notre image. Alors on va ici pour choisir Image, d'accord ? Et je vais télécharger cette image, insérer des médias. On y va. D' accord, alors on va y aller et cliquer sur celui-ci. Faites encore la même chose. Allez à l'image, faites glisser et déposez cela, et nous allons cliquer sur Choisir l'image et laissez-moi juste télécharger cette image que j' ai eu j'ai eu un tas d'images avec des chiens. Ok, voilà. Maintenant, bien plus. Et nous allons faire l'image, le glisser et le déposer. Et encore une fois, choisissez Image Dragon job. On y va. Et allez-y et insère des médias. Boum. Maintenant, un petit conseil est que vous allez devoir vous assurer que les images sont toutes de la même taille. Ok, ne téléchargez pas une image qui est comme 1000 pixels par 100 et celle-ci est 800 par 478. Assurez-vous qu'ils sont tous de la même taille afin qu'ils s'adaptent bien en conséquence. Maintenant, nous pouvons juste ajouter du texte, ok, donc encore une fois, très simple. Alors venez ici et nous voulons ajouter un petit titre. Donc il suffit de glisser et déposer un titre. Et donc je ferais cela peut-être comme h3 par exemple. Nous allons donc simplement créer cela et voir comment créer un site Web ou apprendre à créer un site Web. On va garder les choses simples. En fait. Crée un site Web. Créez un site Web. On y va. D' accord. Et ainsi de suite, à travers le même processus, change en noir et le rend lisible. Accédez au centre de contenu. On y va. Et nous pouvons juste venir ici et ajouter à nouveau l'éditeur de texte juste en dessous. Et on y va. Et c'est tout ce que tu as à faire. Et donc vous pouvez simplement le faire pour chacun de ces éléments et juste aller de l'avant et cliquer, créer un petit titre rapide. Assurez-vous que le titre est comme quoi que ce soit comme ça devrait être H2. Je ferais certainement ce h3 et juste ajouter un petit titre pour chacun, puis un, un paragraphe associé. Ok, donc ça s'est bien sorti. J' ai vraiment aimé la façon dont il ressemble maintenant pour créer des liens est très simple. Tu vas juste à l'icône du crayon. Et ici où il est dit lien, c'est là que vous pouvez mettre dans une URL pour dire votre cours spécifique où, où il se trouve. Encore une fois, vous pouvez revenir au texte à nouveau. Et pour créer des liens dans le texte est très facile mettre en surbrillance le texte et cliquez sur ce signe de lien, et c'est tout. Et donc aussi une autre chose, c'est comme, Oh, eh bien, c'est un peu proche. Ce sont un peu les coupés ensemble. Si vous voulez ajouter plus d'espace, c'est assez facile à faire aussi. Donc, nous devons juste aller en haut jusqu'à l'icône carrée. Et encore une fois, nous voulons juste utiliser notre espaceur dandy pratique, mais l'entretoise là-dedans, OK, donc maintenant vous pouvez simplement glisser et déposer ceci en place. Donc, ce qui est cool à ce sujet, c'est que vous faites simplement glisser et déposer des sections en place. Et voilà. Donc maintenant, nous avons un joli petit espace ou un onglet là pour donner un peu plus de place à respirer. Et je pense que ça se rassemble assez bien. 14. Conception de pied de page: Bon, donc voici notre site Web et sachez la chose principale qui nous manque est le pied de page. C' est quoi une photo de moi ? Il suffit d'ouvrir le site Web. Grand pro.com. Donc, le pied de page est la section inférieure du site Web où vous avez généralement comme les conditions d'utilisation de votre politique de confidentialité, comme un sous-menu, ce genre de choses. C' est ce que tu as juste besoin de trucs dans le pied de page. Vous avez besoin comme vos liens de médias sociaux, tout ce que vous voulez ajouter. Et donc ajouter avec des éléments ou ajouter un pied de page avec o mentor est assez facile. Et c'est le même processus que nous avons suivi pour la section d'en-tête en haut. De toute façon, nous sommes allés revenir aux en-têtes, pieds de page, blocs, modèles, et nous voulons cliquer sur Ajouter nouveau. Ok, et maintenant je vais juste appeler ce pied de page N TO. Maintenant, c'est le même processus qu'avant avec l'ajout de l'en-tête. Mais je recommande personnellement d'utiliser comme invitation o par exemple, parce qu'ils viennent juste avec une tête de pied de page vraiment sympa construit qui font comme la conception d'un site Web rapide et facile. Donc, de toute façon, nous allons le faire dans ce qui est blé pour mûri la charge. D' accord, génial, alors allons de l'avant et cliquez sur les éléments d'invitation o ici. Et nous voulons aller à des blocs libres, puis nous voulons chercher quelque chose qui dit pied de page. Et donc pieds de page juste là. Cliquez dessus. Et maintenant, nous pouvons insérer l'un de ces modèles rapidement et facilement dans. Donc j'aime ça parce que comme oui, vous pouvez le concevoir vous-même ou vous pouvez simplement sauter ici et juste insérer automatiquement un pied de page de votre choix. Donc, j'aime vraiment celui-ci va de l'avant et insérer le modèle. Ok, et ça a l'air super. Maintenant, nous avons nos liens sur les réseaux sociaux, nous avons à propos de nous et nous avons des pages spécifiques. Et donc ce que cela signifie, nous pouvons venir ici et faire ces petits liens pour aimer notre politique de confidentialité Conditions d'utilisation, et cetera. D' accord ? Et donc nous allons juste laisser ça tel quel, d' accord, et nous reviendrons et éditerons les éléments spécifiques de ce petit peu plus tard. Mais allons de l'avant et cliquez sur Publier. Ok, alors on y va. Alors maintenant que le pied de page est bon d'aller. Maintenant, si nous voulons changer des éléments spécifiques de ceci, nous devons cliquer sur cette icône juste en haut. Sous style. Sous style est comme où vous pouvez entrer et changer la couleur de ceci et vous pouvez changer les liens et vous pouvez, vous savez, c'est comme ça, encore une fois, c'est comme ça que vous venez ici et juste changer ces éléments. Mais encore une fois, vous pouvez totalement concevoir cela vous-même avec élémentaire, mais c'est ce que j'aime sur les éléments parce que boom, le voici. C' est bon d'y aller afin que nous puissions ajouter à nos liens sur les réseaux sociaux. Bon, donc de toute façon, maintenant revenons en arrière et ajoutons des sorties de votre tableau de bord. Ok, et alors ouvrons notre site et jetons un coup d'oeil. D' accord, donc nous allons venir ici dans le pied de page n'est pas là. O non. Encore une fois, tu oublies la dernière partie. Vous devez l'ajouter à l'état. Ainsi, par exemple, le pied de page vitale de vapeur, Que dois-je faire ? C' est le pied de page, ok. Et donc ce que je veux, je veux appliquer à l'ensemble du site. Ok, on y va. Maintenant, allons de l'avant et cliquez sur Mettre à jour. D' accord, retourne sur le site. Rechargeons ce méchant garçon. Et on y va. C' est simple. Et donc ça a l'air assez sympa où nous avons une belle apparence. Pied de page au bas de notre site Web où nous pouvons ajouter une image de marque, en ajoutant un formulaire d'acceptation par e-mail au pied de page du site Web. Donc, beaucoup de, beaucoup de conceptions ont le formulaire opt-in IMO comme ici. Et c'est un endroit terrible parce que, comme un endroit jetable, si vous êtes sérieux à propos d'obtenir des abonnés de messagerie électronique, vous voulez ajouter un formulaire d'adhésion par e-mail juste au-dessus du pied de page. C' est l'un des spots de conversion les plus élevés pour recevoir des e-mails. Maintenant, pour ajouter un formulaire est rapide et facile avec des éléments sont parce que, de ce fantastique modèle de bloc d'en-tête et de pied de page. Donc, de toute façon, allons de l'avant et ajoutons de nouveaux. Bon, maintenant je vais appeler cet e-mail au-dessus du pied de page. On y va. Très bien, alors allons de l'avant et cliquez sur éditer avec des éléments ou. Bon, maintenant nous avons un tas d'options différentes ici. Maintenant, nous allons utiliser dans les éléments de vodka, mais je veux juste vous montrer rapidement pourquoi si les éléments ou ne fournissent leur propre bibliothèque de blocs. Mais tout le bon truc est pro, éléments de mise à jour de cadeaux sont. Donc, par exemple, nous venons ici pour nous abonner. Tout est pro, pro, pro, pro, pro. Idem avec leurs en-têtes et pieds de page. C' est pourquoi nous utilisons et des éléments vitaux parce que nous pouvons contourner cela. Donc, nous allons simplement cliquer sur les blocs gratuits et allons à l'abonnement Newsletter. Maintenant psi note, vous pouvez absolument concevoir n'importe lequel de ces trucs par vous-même. Vous n'avez pas besoin d'utiliser un modèle. J' aime juste utiliser un modèle parce que c'est juste rapide et facile. De toute façon, ça vient juste d'arriver ici. Vous avez beaucoup d'options que vous pouvez installer. Je suggère d'en choisir un qui se fond évidemment dans votre site. Laisse-moi jeter un coup d'oeil. Oui, parfait. Celui-ci a l'air génial. Alors laissez-moi aller de l'avant et cliquez sur Insérer un modèle. Ok, ça a l'air bien. Mais ce texte est totalement désactivé, pas comme le texte a l'air sympa, mais ne correspond pas à mon site comme je l'ai conçu. Ce que je veux faire, c'est aller au style, à la typographie et à l'affichage Playfair. Non, nous voulons Poppins comme ce que j'ai utilisé et maintenant blanc gris. Non, je veux qu'il soit noir. On y va. Maintenant, sino vérifie également l'onglet Avancé car vous pouvez également ajouter des effets de mouvement. Ne pas exagérer les effets de mouvement devient ennuyeux pour le visiteur, mais juste un peu. Donc k comme ceci est réglé pour fondre dans la durée de l'animation normale rapide. Donc, vous pouvez jouer avec ça. Donc je pense que ça a l'air sympa. Laisse-le comme ça. Ok, donc maintenant vous remarquez comme, hé, où est le formulaire d'opt-in ? Je ne vois ça nulle part. Là où tu dois ajouter ça en toi-même, ok. Parce que vous obtenez des formulaires d'adhésion de n'importe quel fournisseur de services que vous utilisez. Donc, c'est convertir kit. Vous pouvez utiliser ce que vous voulez, mais c'est mon compte factice pour convertir kit. De toute façon, allez-y et cliquez sur Créer un nouveau. Et nous voulons ajouter dans un formulaire, et nous voulons aller à Inline. Et donc vous voulez trouver un formulaire dans votre fournisseur de services de marketing email qui est comme le plus simple, comme ça, ok, sous forme inline de base, pas de fioritures. Maintenant, évidemment, vous pouvez modifier ce formulaire, changé les boutons de couleur que vous voulez dans le kit de conversion, mais ce n'est pas un tutoriel pour enfants convertis, donc je vais juste le laisser là. Ça a l'air bien. Cliquez sur intégrer. Et nous voulons utiliser HTML, pas JavaScript, et pas Wordpress vous, n'est-ce pas ? Pourquoi pas Wordpress ? Eh bien, c'est un plugin WordPress. Nous ne allons pas installer les kits de conversion WordPress blog et nous allons juste utiliser HTML. Cliquez sur copier, faites un clic droit, copiez. Leur ego a fait. Bon, donc maintenant nous voulons naviguer ici et nous voulons ajouter un bloc HTML en dessous. Encore une fois, cliquez sur les carrés et allez dans HTML. Html, faites glisser et déposez-le. Laisse-le juste là. D' accord, collez-le. Et voilà notre formulaire. Et ça a l'air bien. Alors allez-y et cliquez sur Publier. Très bien, super. Alors maintenant, revenons à notre tableau de bord. Et passons à avant le pied de page. Et on dira juste le site entier. OK, cliquez sur la mise à jour. On y va. Ok, alors rechargeons notre site web. Et voilà. Ok, donc c'est simple. Donc maintenant, nous avons quelques différentes sections de nos sites. Et nous avons une belle forme opt-in assis juste au pied de page il là, puis le pied de page en bas. Et ça a l'air super. Très bien, alors ajoutez des pages spécifiques à votre pied de page. Et maintenant, ce qui est important à mettre dans le pied de page sont vos pages légales principalement, particulier votre politique de confidentialité dans vos conditions d'utilisation. Et donc pour le faire avec l'élément ou c'est très simple, suffit de cliquer sur l'icône du crayon juste ici. Et maintenant, il est dit l'article 1 de la liste et de la silice. Nous ne voulons pas dire l'élément de liste un, nous voulons le changer pour dire autre chose. Alors, tu sais, change-le. Littéralement juste sauter ici et dire Laika, politique de confidentialité. Priv un siège. On y va. Et alors, comment ajouter un lien ? L' option de lien est juste là. Et donc si nous sautions dans nos pages avec notre installation par défaut de WordPress, nous viendrions avec une page de politique de confidentialité, ok ? Et donc vous pouvez juste venir ici et aller de l'avant et publier cette page. Cliquez sur ce, Publier dans, publier. Ok. Et maintenant, nous avons notre page de politique de confidentialité. Nous venons ici et j'ajoute un lien vers mon site et c'est tout. Ok, laisse ça comme ça. Et maintenant, nous avons une politique de confidentialité. Donc, vous pouvez remarquer ici que nous sommes liés à cela. Maintenant, de quelles pages juridiques spécifiques avez-vous besoin ? Ok, donc nous avons tout un guide sur ce web, disons un pro créatif. On va aux pages. On y va. Où est-il ? Ok à la seconde. Oh, oups. Oh, qu'est-ce que j'ai partagé mon site web directement. Voilà, tu y vas. Comment écrire vos pages légales. Bon, donc maintenant je ne suis pas avocat évidemment, mais vous savez, vous avez besoin de quelques pages essentielles, donc vous avez besoin d'une politique de confidentialité. Et donc votre point de vue de vos politiques de confidentialité de dire aux gens comment le processus de collecte d'informations est pour votre site Web, alors vous devrez avoir des pages de conditions d'utilisation. Alors, qu'est-ce que les gens acceptent de respecter lorsqu'ils visitent votre site Web ? Et vous pouvez inclure une divulgation si vous allez vous engager dans le marketing d'affiliation. Donc, vous l'avez vu quand vous êtes sur un billet de blog ce mooc post et tourner liens d'affiliation. S' il vous plaît lire notre divulgation d'un endroit à la page qu'il a besoin de créer. Et donc au pied de page, vous recommandons certainement que vous aviez au moins votre politique de confidentialité en termes et conditions. Et vous pouvez venir ici et modifier ces options comme vous une fois, d'accord ? Et alors laissez-moi minimiser ça. Et donc vraiment, c'est très simple. Donc, vous voulez avoir de la vie privée, un autre élément, un autre élément. Si vous voulez ajouter un autre élément à nouveau, vous pouvez simplement entrer ici et ensuite vous pouvez simplement changer la bibliothèque d'icônes pour correspondre à l'icône juste là, et cetera. Donc ce n'est pas trop, ce n'est pas trop difficile, ok ? Et donc vous pouvez soit supprimer cette section entière si vous voulez ou modifier ces liens et le faire comme un sous-menu, peut-être en faire votre page A propos, contact, page, peu importe. Alors, évidemment, vos liens sur les réseaux sociaux sont assez explicites. Alors nous venons ici. Ainsi, par exemple, un Google Plus qui n'existe plus. Va te débarrasser de ça. Ensuite, cela fonctionne de la même manière. Donc, vous pouvez cliquer sur votre Facebook, puis ajouter dans votre lien Facebook juste là, et cetera, et cliquer sur l'icône et mélanger il s'ouvre dans une nouvelle fenêtre parce qu'il est hors de votre site si cela a du sens. Et c'est à peu près tout. C' est tout ce que vous avez vraiment à faire pour cette section en haut. Donc, à propos de nous encore, bienvenue aux gens sur le site, tout ce que vous voulez faire. Et c'est tout pour la façon dont je recommanderais d'ajuster le pied de page. 15. Pages essentielles: Très bien, alors maintenant ajouter des pages à votre site avec Wordpress est très facile. Donc encore une fois, ce que vous devez d'abord faire est de naviguer sur les pages et d'aller simplement à Ajouter nouveau. Et donc je suis allé de l'avant et créé comme une page à propos de nous. Maintenant avec élément ou vous devez concevoir chacune de ces pages individuellement. Donc, je viens de l'avant et fait une page sur nous d rho est une structure de l'euro est en fait nous juste changer cela et faire sur. On y va. D'accord, alors ouvrons cette page. Donc encore une fois, je ne vais pas vous guider dans la façon de concevoir cela parce que nous avons juste passé par la façon de concevoir la page d'accueil. Le processus est exactement le même. D'accord ? Donc encore une fois, comme vous devez simplement aller éditer avec des éléments sont si rapides ici, ou, désolé, cliquez sur Modifier avec des éléments. Ou quand vous êtes dans la page à propos de nous ou quelle que soit la page que vous éditez, que ce soit la page de contact de l'arc, toutes ces bonnes choses. Même processus. Et puis vous recommencez tout le processus avec une ardoise vierge. Encore une fois, nous avons le titre juste là, le titre de la page, nous voulons le cacher. Cliquez à nouveau sur l'icône d'engrenage, titre de la page haute. Et voilà. Ok, donc il suffit de suivre ce tutoriel à nouveau parce que maintenant vous avez la possibilité de personnaliser l'apparence et la sensation de chaque page individuellement. Et c'est ce que vous avez à faire avec les éléments sont ok. Ce n'est pas comme si tu avais un tas de modèles, ok ? Vous devez concevoir chaque page individuellement, mais ce n'est pas trop difficile et cela vous permet d'avoir beaucoup de plaisir et beaucoup de créativité. Une fois que vous comprenez vraiment comment les éléments fonctionnent, que vous devriez comprendre. Et c'est donc ce que vous devez faire pour chaque page supplémentaire à l'avenir, être à votre politique de confidentialité concernant les contacts, etc. D' accord, donc la dernière page que je vais vous montrer comment ajouter est une page de contact avec son propre formulaire de contact dédié. Alors allons-y et faisons-le. Cliquez sur ajouter un nouveau. D' accord, donc on va appeler cette page la page de contact. Et on appellera contact. D'accord. Cliquez sur Publier. Nous y sommes. Bon, maintenant, nous avons besoin d'un formulaire de courriel. Nous devons donc avoir un autre plug-in pour cela. Et branchez et j'aime vraiment est WP formulaires. Donc, nous allons aller aux plug-ins, va à Ajouter nouveau, et puis vous voulez rechercher des formulaires WP. On y va. Ok, c'est WP Forms. Cliquez sur installer et cliquez sur activer. Et nous y voilà. C' est donc une petite introduction rapide aux formulaires WB. Vous voulez aller de l'avant et cliquez sur ce bouton où il est dit créer votre premier formulaire. Ok, donc maintenant nous avons un tas d'options différentes avec des modèles, nous voulons juste créer un formulaire de contact simple. Ok, alors voici notre formulaire de contact simple. D' accord, donc je veux changer ça. Je ne veux pas que les gens inscrivent leur prénom et leur nom de famille. Donc, nous voulons juste changer cela au format simple. Nous avons donc le nom, l'e-mail, le message. Ça me semble bien. Maintenant, nous passons aux paramètres. Et maintenant, les paramètres sont que vous pouvez, où vous pouvez changer le nom du format, devenir des notifications. Sous Notifications, depuis l'adresse e-mail, il va l'envoyer à votre e-mail d'administrateur. Maintenant, si vous voulez le changer pour autre chose, vous aurez un autre e-mail. Quoi qu'il en soit, c'est là que vous pouvez l'entrer juste là. Mais comme, comme par défaut, il va venir comme email d'administrateur. Et maintenant le sujet de l'e-mail sera nouvelle entrée, formulaire de contact simple. Donc ça veut dire que quand quelqu'un vous envoie un e-mail, ça va arriver avec cette entrée. D' accord. Donc, vous pouvez changer ce quelque chose de plus personnalisé comme mon site Web, formulaire e-mail, peu importe. Donc, mais vous savez, quand quelqu'un vous a envoyé un e-mail, de toute façon, pour intégrer, le formulaire est facile. Vous cliquez sur intégrer. Maintenant, nous sélectionnons la page existante, créez une nouvelle page. Vous pouvez également incorporer le formulaire manuellement ou utiliser un code court. Et donc je veux utiliser un code court. Et donc nous allons mettre en évidence ce code juste là. Ok, on est de retour. Cela reviendra. En fait, tu sais, on doit sauver. Assurez-vous que le formulaire Enregistrer le. On y va. Bon, alors maintenant nous passons aux pages et nous voulons revenir à notre page de contact que nous venons de créer. Cliquez sur Modifier. Droit. Maintenant. On y va. Maintenant, assurez-vous de cliquer avec edit avec des éléments ou ok. Et laissez-le charger. Oh, ok, donc ça a l'air bien. Alors laissez-moi aller de l'avant et cliquez sur l'icône en forme de roue dentée. Laissez-moi aller de l'avant et masquer le titre de la page. On y va. D' accord, donc la première chose que je veux ajouter dans quelques formes différentes. Donc, je vais juste cliquer sur élément à élément entre bibliothèque. Et on va à deux pâtés de maisons. Et j'ai vraiment aimé ce bloc. Je ne sais pas pourquoi j'aime ça, mais j'aime beaucoup allumer. Donc je vais aller de l'avant et utiliser ce bloc. Ok, donc je peux m'occuper de ça et on y va. D' accord, laisse-moi appeler ça. Il faut entrer en contact. interrogation. Donc, évidemment, c'est le titre de la page. Donc, cela ne devrait pas être h4, qui devrait être h un. Ok, puis encore une fois, vous pouvez juste ajuster ce texte au besoin. D' accord. Alors oui. Merci de votre intérêt pour le site. Je suis fier de courriels et 24 à 48 heures, bla, bla, bla, et cetera. Et donc nous n'avons plus besoin de cette lecture plus Link. On peut s'en débarrasser. D' accord, et maintenant de quoi avons-nous besoin ? Nous avons juste besoin d'ajouter un autre bloc pour activer notre code court. Mais vous avez juste besoin de faire est de cliquer à nouveau sur la petite icône carrée. Et puis vous voulez chercher quelque chose qui dit code court. Ok, on y va, code court. Prenons ça, faites-le glisser et déposez-le juste là. Je vais faire un clic droit sur coller. Et on y va. Et notre forme est apparue. Et maintenant, ça a l'air fantastique. Et donc encore une fois, si vous voulez masquer ce formulaire d'adhésion par e-mail sur la page de contact, vous pouvez le faire. Juste besoin d'aller dans la section de pied de page ci-dessus que vous avez modifié ceci et juste en faire une règle de sorte que cela a caché sur la page de contact. Mais si ce n'est pas grave pour toi, laisse-le comme ça. Et voilà. Vous venez de créer une belle page de contact rapidement et facilement. Allons de l'avant et cliquez sur mettre à jour les tests de ventilateur. Ok, alors allons-y. Sortons de notre tableau de bord. Maintenant, nous voulons éditer dans notre menu en haut. Ou vous pouvez le mettre dans le pied de page. C' est totalement à toi de décider. Encore une fois, je viens de vous montrer comment éditer les choses dans le pied de page. Mais si nous voulons ajouter quelque chose à ce menu, encore une fois, vous devez aller à l'apparence, aller aux menus. Et puis vous pouvez ajouter comme contact et nouveau. D' accord, donc on peut ajuster ça je, ça, boom, cliquez sur le menu Enregistrer. D' accord, alors ouvrons notre site une fois de plus. Ok, et donc nous avons ajouté un contact à notre menu en haut. Maintenant, dans cette section de menu, voir comment je peux avoir un comme ça. Ce que cela fait, c'est qu'il crée une liste déroulante. Donc, je suis juste curieux, comme comment puis-je créer une liste déroulante ? Vous pouvez créer une liste déroulante en faisant cela. Donc, en dessous de la maison, il y aura un lien de liste déroulante pour le contact et le blog. En général, je m'éloigne des listes déroulantes chaque fois que possible. C' est à vous de voir, mais c'est comme ça que vous le feriez. Et c'est tout. Et c'est ainsi que vous ajoutez de nouvelles choses à votre élément de menu. 16. Touches finales: Comment ajouter Google Analytics à votre élément sont propulsés site Web. Donc, je suppose que vous avez déjà créé un compte Google Analytics si vous ne l'avez pas déjà fait , vous devez aller à Google Analytics. Ok, ça s'appelle Google Analytics. Créer un compte. C'est assez explicite, mais vous voulez accéder à cette page, quelque chose comme ça, selon le moment où vous regardez cette vidéo où vous devez obtenir le code de suivi. D' accord ? Et donc tu veux venir ici et tu veux avoir les scripts, ok, prends cette copie. Maintenant, nous devons mettre ce script dans l'en-tête de notre site Web. Et pour ce faire, je recommande certainement d'installer un autre plugin. Allons donc aux plug-ins et allons ajouter de nouveaux. Ok, donc maintenant nous voulons installer les en-têtes et les pieds de page. Très bien, alors insérez des en-têtes et des pieds de page. On y va. C' est celui qu'on veut. Alors allez-y et cliquez sur Installer et cliquez sur activer. Très bien, donc maintenant nous sommes bons d'aller poursuivre, il suffit de naviguer vers les paramètres, puis cliquez sur Insérer les en-têtes et les pieds de page. Maintenant, j'ai vraiment aimé ce plugin parce que c'est juste point si simple. Donc les scripts dans l'en-tête, ok, donc Google Analytics va dans votre en-tête. Donc c'est tout ce que vous avez à faire. Fait. C' est ça. Et allez-y et cliquez sur Enregistrer. Et vous venez de réussir à un Google Analytics. Maintenant, une fois que vous avez ajouté Google Analytics, vous allez pouvoir vérifier votre site Web avec Google Search Console. Il suffit donc d'accéder à Google Search Console et de vous connecter à la Search Console en utilisant le même e-mail que celui avec lequel vous avez votre compte Analytics. Et c'est tout. Et donc, il devrait vérifier que votre site Web dans Google Search Console est vraiment puissant car il vous donne beaucoup d' informations spécifiques sur la façon dont vos sites Web se classent dans l'index dans Google, et cetera. De toute façon, c'est ainsi que vous ajoutez des analyses à votre site Web et comment ajouter des boutons de partage social à votre site Web. Donc, un service que j'aime personnellement est appelé ajouté ceci. Donc, vous devez simplement aller pour ajouter ceci dans le journal n. Ok, vous allez devoir créer un compte, créer un faire que vous devez faire. Maintenant, une fois que vous êtes là, tout ce que vous avez à faire est de naviguer à l'endroit où il est écrit Outils. Et maintenant, nous voulons aller de l'avant et cliquer sur ajouter un nouvel outil. Et nous pouvons vouloir ajouter des boutons de partage. Faisons ça. Et maintenant, voici où vous pouvez ajuster ce que sont les boutons de partage social. Apparaît que vous pouvez avoir en ligne ou que vous pouvez avoir flottant. On va faire du pied. Alors allons de l'avant et continuons. Et je veux sélectionner les boutons. Alors peut-être que je veux que Pinterest le déplace là-haut. Nous avons donc Facebook, Twitter, Pinterest largeurs. Débarrassez-vous d'ajouter ceci. Et débarrassons-nous des e-mails et gardons ces trois. Ça a l'air bien. Allons de l'avant et désolé, continuons à ajuster. Donc, les boutons mobiles grands, je veux qu'ils soient petits. Ok, donc ça veut dire que quand quelqu'un est sur un appareil mobile, les boutons apparaissent en bas du site Web. Vous pouvez simplement éteindre complètement si vous le souhaitez. Alors nous venons ici à l'école en trois couleurs. D' accord. Donc très bien. Sur mobile en bas ou se cacher, ok. Si tu n'en veux pas du tout. Et donc on va le laisser comme ça. Trois k, Cela montre combien de parts sociales pour chaque élément. Et donc le compte de part, je le laisse probablement comme dix. Ne montrez pas de numéro à moins qu'il soit dix ou plus, ou vous pourriez le changer à ce que vous voulez si vous vouliez avoir 50 ans, peu importe. De toute façon, une fois que vous avez terminé, allez-y et activez l'outil. Cliquez sur l'outil Activer. On y va. Alors c'est tout. Ok, alors allons-y et revenons là-bas. Ok, allons aux réglages. Bon, maintenant on doit avoir le code. On y va. Ok, allez ici et tout ce que vous avez à faire est de mettre en évidence ce script. Copier. Maintenant, nous voulons revenir à nos en-têtes et pieds de page. Nous venons donc de le faire pour Google Analytics. Donc maintenant, nous voulons mettre ceci dans le pied de page de notre site Web. Alors allez-y et faites cela et cliquez sur Enregistrer. Bon, alors revenons à notre site, rechargera la page. Et on y va. Nous venons donc d'ajouter avec succès des boutons de partage social à notre site Web. Et Laszlo s'assure juste que votre site Web a l'air bien sur mobile. Et donc par exemple, ce qui est venu ici pour site web grand pro.com. Si je vais cliquer avec le bouton droit de la souris, je vais à Inspecter. Maintenant, c'est réglé pour ressembler à un téléphone. D' accord. Et donc tu veux juste passer et t'assurer que tout est en place, ça a l'air bien, rien n'est bizarre. Et donc avec des éléments ou vous pouvez le faire aussi. Ce qui n'a pas besoin de faire est de descendre ici, non ? Et passez en mode réactif. Maintenant, vous pouvez sélectionner tablette ou mobile en général. Ne vous inquiétez pas trop sur la tablette, mais certainement comme 50% ou le trafic va être un mobile, et c'est tout. Et donc tu veux juste jeter un coup d'oeil. Maintenant, chaque fois que vous modifiez quelque chose maintenant il ne sera affecté par le mobile que si cela a du sens. D'accord ? Parce que vous maintenant, nous avons mobile allumé. Donc, par exemple, si je viens ici et que nous disons comme des cours au travail, je suis comme, Oh, en fait, c'est un peu trop grand et je veux venir ici. Et je veux venir au style, peut-être en bonne typographie et peut-être rendre cette taille un peu plus grande, peu importe ce genre de choses. Et peut-être que ça me plaira. D' accord. Il, cela ne sera appliqué qu'à la version mobile de votre site Web et ne sera donc pas appliqué au bureau. Donc, si vous retournez sur le bureau, ça ne changera pas. Donc c'est seulement, tu ne fais que changer les choses sur mobile. C' est pour ça que je veux juste m'assurer que tout a l'air bien, tout est en place, rien n'est bizarre. Rien n'est hors de propos. Et c'est tout. 17. Blogging avec la version gratuite with: D' accord, donc la page de blog sur votre site, c'est la seule chose qu'ils ont mise derrière le paywall. C' est pourquoi j'ai dit au tout début du tutoriel que ce tutoriel est une affaire. Si vous voulez utiliser la version gratuite des éléments sont dans votre Ku qui est individuellement éditer chaque page. Par exemple, comme la page de contact, la page accueil À propos de la page et simplement ajouter des éléments dans des blocs dans la page et faire ce que vous voulez. Les éléments sont, c'est fantastique, mais pour les blogs, c'est bon pour les blogs, mais pas la version gratuite parce qu'ils ont juste, ils ont mis cela derrière le paywall. Donc tu ne peux pas ajuster ça, comme ça. Tu es coincé avec ça. N' essaie pas comme si tu ne pouvais rien faire. Même si vous venez ici et que vous cliquez sur éditer avec des éléments ou vous allez obtenir une erreur. Donc, ici, nous allons, désolé, le concept n'a pas été trouvé, donc nous cliquons sur En savoir plus. Et donc certains, certains, des gens avec qui j'ai travaillé, o connaissent mes courtiers de site. Non, non, non, vous n'utilisez que la version gratuite. Donc, juste ici ou vous essayez de modifier la page d'archive de blog ou la page d'accueil qui affiche les derniers messages. Ce sont des pages archivées et elles ne peuvent être éditées intimes qu'avec les pros, la fonction LM. Et donc cela signifie que vous devez avoir des éléments sont pro, ce qui est que vous devez payer pour cela. Et c'est pour ça que tu es juste, encore une fois, c'est pour ça que j'ai dit que tu étais coincé. Et puis les billets de blog individuels ressemblent à ceci et ce n'est pas le, pas le pire. D'accord. Ça a l'air bien. Je veux dire, vous pouvez vous en sortir, mais encore une fois, ce n'est pas si vous voulez vraiment un blog, si c'est vraiment important pour vous que les éléments de mise à niveau sont pro. Mais encore une fois, comme je l'ai dit au tout début, si vous êtes cool avec tout comme la conception individuelle chaque page et que vous voulez devenir très créatif. Vous devriez avoir la possibilité maintenant parce que je viens de vous montrer comment modifier un en-tête, comment modifier un formulaire d'inscription par e-mail, modifier le pied de page. Maintenant, vous êtes libre règne sur la zone constante de votre site Web. Et donc de toute façon, c'est tout pour ce tutoriel. 18. Conclu: D' accord, c'est tout pour ce cours. J' espère que ça vous a plu et j'espère que vous en avez beaucoup de valeur. J' espère que vous avez une forte compréhension sur la façon dont les éléments ou fonctionne sorte que vous êtes en mesure de l'utiliser dans la conception de tout type de site Web vous une fois de toute façon, je voulais juste dire un merci rapide pour vous inscrire et passer une bonne journée. Au revoir.