Créer un site web professionnel et de marque avec un appel à l'action clair

1. 1. Introduction: Bienvenue dans mon cours de partage de compétences, je m'appelle David, et je vais vous expliquer étape par étape comment créer un très beau site Web professionnel à haut taux de conversion dans Blog en utilisant le thème 2024 de Wordpress. Dans ce cours, je vais aborder tout ce que vous devez savoir. Cela signifie que je vais vous montrer comment obtenir un nom de domaine, dans un registre de nom de domaine, comment obtenir un compte d'hébergement Web, comment installer WordPress, puis comment concevoir votre site Web dans Blog avec le 2024. principales caractéristiques de cette conception sont de se concentrer sur une page d'accueil à taux de conversion élevé avec un appel à l' action clair qui dirige le visiteur final vers un aimant Web qui aide à développer votre liste d'e-mails afin que vous puissiez vendre des produits et services. Montrez également comment concevoir différentes pages pour votre site Web, comment bloguer avec ce thème, comment modifier l' en-tête, le pied de page, et tous les autres petits éléments de design que vous devez connaître Donc, si vous cherchez à créer un très beau site Web et un blog professionnels à fort taux de conversion avec un appel à l' action clair, ce cours est fait pour vous. Si vous êtes prêt à commencer, allons-y. 2. 2 aperçu du site: Le site Web, je vais vous montrer comment le créer. Le but n'est donc pas de vous apprendre à créer exactement ce site. Il s'agit simplement de vous montrer comment modifier et ajuster les différents aspects du site afin d'obtenir un résultat similaire. Plus précisément, comment créer une section d'offre tout en haut de votre site Web avec une jolie balise de titre H, un gros bouton associé à une petite animation, une vidéo de vente là-bas, vendant Oma pour aider les gens à expliquer pourquoi ils veulent profiter de l'offre gratuite. Comment ajouter un texte de vente supplémentaire à la conception de votre site, ajouter un article de blog, un dernier appel à l'action, comment modifier et ajuster le pied de page, comment ajouter des liens internes et externes, comment ajuster ce menu en haut, ajouter un bouton, créer un logo, ajouter un favicon et ajuster les pages de vos articles de blog, ainsi que votre article de blog individuel, tous ces petits détails Ce qu'il faut savoir pour concevoir un site très efficace et à fort taux de conversion avec ce thème gratuit. Quoi qu'il en soit, commençons. 3. 3 nom de domaine: Sur mon ordinateur portable. Commençons. La première étape de la création d'un site Web avec le thème 2024 de WordPress consiste donc le thème 2024 de à enregistrer un nom de domaine. Bien que vous puissiez obtenir un nom de domaine chez un hébergeur, je vous recommande vivement d'utiliser un registre de noms de domaine dédié. Vous bénéficierez de meilleurs prix, pour savoir qui est protégé, et de taux de renouvellement plus bas. Maintenant, j'utilise et recommande personnellement Namecheap. Maintenant, démarrer avec Namecheap est très simple. Il vous suffit de taper le nom de domaine que vous souhaitez enregistrer dans cette case , puis de cliquer sur Rechercher. OK, donc une fois que vous avez saisi votre nom de domaine, continuons et cliquons sur ce gros bouton rouge Fantastique Le nom de domaine apparaîtra donc, qu'il soit disponible ou non à l'enregistrement. Maintenant, s'il n'est pas possible de s'inscrire, cela signifie que vous devez venir ici et trouver une autre combinaison de mots. Maintenant, je suggère vivement d'obtenir un .com s'il s'agit de votre premier site Web. Mais si votre nom de domaine est disponible, il vous suffit de cliquer sur le bouton Ajouter deux cartes. Maintenant, vous pouvez ignorer toutes ces ventes incitatives ici, puis vous pouvez simplement cliquer sur le bouton Commander Et c'est vraiment aussi simple que cela. Nous sommes donc maintenant sur la page de paiement, nous avons donc enregistré notre nom de domaine. Maintenant, ce qui est cool un registre de nom de domaine, c'est que vous pouvez enregistrer votre nom de domaine jusqu'à dix ans pour un prix modique, vous bénéficiez de sa protection gratuitement. La protection est donc très importante car lorsque vous enregistrez votre nom de domaine, vous devez fournir des informations précises sur qui vous êtes, comme votre nom, e-mail, adresse, numéro de téléphone, informations sensibles DomandamePrivacy garde donc toutes ces informations privées. Vous devez donc absolument activer cette option Maintenant, vous devez cliquer sur Confirmer la commande lorsque vous êtes prêt à enregistrer votre nom de domaine, et vous devrez créer un compte Namecheap, puis ajouter toutes ces informations supplémentaires telles que votre nom, e-mail, numéro de téléphone, etc., plus de simplement créer un compte pour Namecheap Alors, lorsque vous êtes prêt à continuer, cliquez sur Confirmer la commande. 4. 4 hébergement: Il est temps de trouver un hébergement. Vous avez donc besoin d'un hébergeur pour avoir un site Web. Et dans ce tutoriel, je vais utiliser Hostinger Maintenant, j'aime beaucoup Hosting Herer parce qu'ils sont très rentables et adaptés aux débutants, et ils sont idéaux Si vous débutez, vous avez besoin d'un plan d'hébergement Web de qualité de base. En plus de cela, ils sont également recommandés par Wordpress ici. C'est donc un hébergeur de qualité à un prix avantageux. Vous pouvez maintenant cliquer ici pour réclamer l'offre, mais cliquons ici pour l'hébergement. Nous voulons un hébergement Web, d'accord ? Voici donc la page d'hébergement Web ici. Faisons simplement défiler la page un peu vers le bas. Vous avez plusieurs forfaits différents, Premium Business, Cloud Startup. Personnellement, j'aime bien le plan d'affaires. Quelle est la principale différence entre les deux ? Eh bien, vous recevez 100 000 visites par mois ici, et vous obtenez un CDN gratuit Le CDN permet donc d'accélérer votre site Web. C'est donc très utile. Mais le plan premium est bon. Si vous optez pour le plan premium, si vous souhaitez passer au plan commercial, vous pouvez le faire. Mais la différence de prix est si faible que j'opterais probablement pour le plan d'affaires. Il suffit donc de cliquer sur ce forfait Choisir. Enfin, il ne vous reste plus qu'à finaliser votre commande. Je ne vais donc pas insulter votre intelligence et vous montrer comment payer quelque chose en ligne Juste quelques points clés auxquels vous voulez prêter attention puisque vous êtes sur cette page. Maintenant, vous bénéficiez d'une garantie de remboursement de 30 jours. Et ici, avec l'hébergement Web professionnel, vous avez le temps. Vous avez donc 48 mois, vous pouvez changer ce délai à 12, 24, 48 ou un mois. Personnellement, j'y vais année après année. Vous pouvez décider si c'est pour vous ou non. Vous obtenez un nom de domaine gratuit si vous achetez hébergement Web pour un an ou plus. Le problème avec le nom de domaine gratuit, c'est qu'il est gratuit la première année, mais ensuite, vous devez payer les frais de renouvellement. C'est pourquoi j'aime Name jeep, car Namecheap propose des taux de renouvellement plus bas et vous pouvez enregistrer un nom de domaine jusqu' à dix ans à l'avance Personnellement, c'est pourquoi j'aime séparer mes services. Quoi qu'il en soit, c'est juste ici. Vous pouvez créer vos comptes. Vous pouvez sélectionner votre option de paiement , puis naviguer ici avec un code promo, et nous pouvons utiliser le Web P. Cliquez sur Appliquer, et cela vous permettra également d'économiser de l'argent. Ensuite, lorsque vous êtes prêt à acheter, cliquez ici pour effectuer un paiement sécurisé, et vous êtes prêt à partir. 5. 5 sites web: Bienvenue sur HostingR Il est donc temps d' installer WordPress Ainsi, une fois que vous vous êtes connecté à Hostinger et que vous avez suivi le processus d'intégration, que vous avez créé votre compte, vous allez recevoir un tas d'e-mails Et voici à quoi ressemble initialement le tableau de bord. Vous allez donc avoir les actions de votre compte et vous pouvez configurer votre hébergement. Commençons donc. J'ai donc la publication sur le site Web de mon entreprise ici. Allons-y et cliquons sur Configuration. Et cela vous dirigera vers un processus d'intégration. Cliquez donc ici pour créer un site Web, puis cliquez sur Suivant. Ce processus d'intégration est très utile si vous n'avez aucun type de didacticiel vidéo, mais comme vous avez cette vidéo, nous allons simplement cliquer sur Ignorer Ensuite, nous utiliserons un site Web que nous possédons déjà. OK ? Nous avons donc enregistré notre nom de domaine chez Namecheap. Alors, que devez-vous faire ? Vous devez saisir votre nom de domaine ici. Alors laissez-moi naviguer jusqu'à Namecheap. C'est le nom de domaine que je vais utiliser sur voghow.com Alors laissez-moi le taper sur voghow.com. Et il apparaîtra en dessous que cela a déjà été enregistré auprès d'un autre fournisseur. Encore une fois, parce que vous avez ouvert un compte d' hébergement d'un an ou plus, vous obtenez un nom de domaine gratuit pour la première année. Donc, si vous voulez en profiter, vous pouvez le faire ici, mais j'ai déjà enregistré ce nom de domaine chez Namecheap, je vais donc cliquer dessus Lorsque vous utilisez un nom de domaine, enregistrez-le ailleurs, vous devez le connecter manuellement à votre site Web. Pas de problème. Je vais vous montrer comment faire. Cela prend une minute. Ce n'est pas du tout compliqué. Quoi qu'il en soit, il suffit de cliquer sur Suivant. Mais maintenant, nous pouvons sélectionner l'emplacement de notre centre de données. Vous devez donc choisir le centre de données le plus proche de l' endroit où se trouve votre trafic. Je vais donc cliquer ici pour le Massachusetts, et cliquer sur Suivant. Et il initialise la configuration. Fantastique. Voici donc notre tableau de bord pour Hostinger Donc, tout d'abord, tout en haut, il est indiqué le statut du domaine, et non pas vers nos serveurs de noms. Cliquons sur la façon de résoudre ce problème. Cliquons sur Let's Get Started ou autre. Et voici les serveurs de noms Hostinger. Nous devons donc prendre ces serveurs de noms et les saisir dans Namecheap Quoi qu'il en soit, connectez-vous à votre nom à des comptes bon marché. Accédez au nom de domaine que vous souhaitez gérer. Voici donc le nom de domaine lockow.com. Cliquez sur Gérer. Ensuite, vous serez redirigé vers cette page. Maintenant, vous devez naviguer ici , Namecheap, DNS de base Cliquez sur le petit menu déroulant. Cliquez sur DNS personnalisé. Nous avons maintenant le serveur de noms 1 et le serveur de noms 2. Où trouvons-nous ces informations ? Juste ici. C'est aussi simple que ça. Copiez-le et collez-le dedans. Boum. Et prends celui-ci. Et mettez-le juste là. Et c'est un, et c'est deux. Assurez-vous de cliquer sur cette petite coche verte juste là. Et fantastique. Il indique donc que les serveurs DNAT peuvent prendre jusqu'à 48 heures pour entrer en vigueur C'est ce qu'on appelle la propagation. Je ne l'ai jamais vu prendre autant de temps. Il faut environ 10 minutes, peut-être un jour pour se propager tous les serveurs de noms du monde entier, mais en quelques minutes, il sera correctement lié Bref, laisse-moi m'éloigner de ça. C'est aussi simple que cela. C'est tout ce que tu as à faire. Il suffit d'attendre. Ce n'est pas grave. Vous pouvez continuer à installer votre site Web. Allons-y et installons WordPress. Nous avons donc simplement configuré nos serveurs de noms pour connecter notre nom de domaine chez Namecheb à notre compte d'hébergement ici chez Hostinger Et maintenant, nous pouvons simplement installer WordPress. Cela ne fait donc que quelques minutes et cette petite bannière a déjà disparu, aussi simple que cela. Très bien, alors cliquons ici sur le bouton Auto Installer juste là, et il apparaîtra avec quelques options différentes. Nous avons Juma, WooCommerce, Wordpress, nous voulons Wordpress ici, alors allez-y et cliquez sur Sélectionner Ensuite, il suffit d'installer WordPress sur le nom de domaine. Donc le titre du site. Je vais donc simplement appeler ce vlog H, et je vais le modifier ici Et nous appellerons ça en fait, je vais appeler ce vlog, un, deux, trois, puis créer un mot de passe Et voilà. Maintenant, cliquez sur. Une fois que tout est prêt, tout va bien. Cliquez sur Suivant. Vous pouvez également ouvrir Advance si vous le souhaitez ici pour le chemin d'installation. Donc, si vous voulez entrer, désolé, si vous voulez l'installer dans le sous-répertoire Pour la plupart des gens, ce n'est pas obligatoire. Donc, un sous-répertoire serait comme je voulais l'installer uniquement sur Slash Blog, puis peut-être utiliser Juma pour le .com, le nom Pourquoi c'est sous-avancé. La plupart des gens ne veulent pas faire ça. Vous souhaitez installer WordPress sur l'intégralité du nom de domaine. Alors restez simple comme ça. Entrez le nom d'utilisateur, le mot de passe, l'e-mail et le titre du site Web. Cliquez ensuite sur Suivant. Et ici, nous avons la version de l'application, langue, l'espace disque, toutes ces bonnes choses. Il suffit de tout conserver tel quel et de cliquer sur Installer. Terminé. C'est aussi simple que cela. Cela prend une minute. Wordpress a donc été installé, et pour accéder à votre site Web, vous pouvez cliquer ici pour accéder au panneau d'administration, il s'ouvrira dans un nouvel onglet. Et nous y voilà. C' est aussi simple que cela. L'hébergement rend WordPress incroyablement facile à installer. Nous sommes donc prêts à partir. C'est littéralement ça. Vous pouvez donc accéder à votre site de différentes manières. Vous pouvez vous connecter à votre hébergement ou à vos comptes, accéder à votre tableau de bord, puis cliquer sur le panneau d'administration. Personnellement, je vous recommande de vous connecter directement à votre site Web Je vais donc vous montrer comment procéder. Donc, puisque vous êtes ici, assurez-vous que tout va bien. Comme si le certificat SSL était actif et fonctionnel. Si ce n'est pas le cas, cliquez sur les boutons pour le réinstaller et assurez-vous que tout va bien En cas de problème, vous pouvez toujours cliquer ici pour l'assistance du chatbot pour obtenir l'assistance du chatbot pour l' hébergement et contacter le support Quoi qu'il en soit, c'est donc votre site Web. Alors laissez-moi me déconnecter . Je sais, on vient de se connecter. Laissez-moi me déconnecter. C'est bon. Alors, comment accéder à cette section du tableau de bord ici ? C'est très simple, vous accédez à votre nom de domaine, alors le mien est blockout.com Alors c'est WP Admin. Ouvrez-le, et c'est tout ici. Comment vous connectez-vous en saisissant le nom ou l'e-mail de votre année que vous venez de créer et le mot de passe que vous venez de créer. Alors laisse-moi aller de l'avant et le faire. OK. Et laissez-moi cliquer sur le bouton Se connecter. Et voilà. Il est donc aussi simple que cela de vous connecter à votre site Web selon vos besoins. C'est ainsi que je recommande d'accéder à votre site Web au lieu de vous connecter à votre compte d'hébergement. La plupart des gens ne le font pas. La plupart des gens se rendent sur WP Admin et se connectent directement au site Web. Quoi qu'il en soit, c'est ainsi que vous installez Wordpress avec Hostinger. 6. 6 aperçu de wordpress: Vers WordPress. Nous avons plusieurs choses à faire pour nettoyer Wordpress sur le back-end avant commencer à concevoir notre site Web. Commençons donc. Nous cliquons sur Ignorer ici. La première chose que nous voulons faire est supprimer quelques plugins différents installés avec notre hébergement de compte. Maintenant, c'est totalement facultatif pour vous, mais j'aime que tout reste très propre. Nous avons donc des outils d'IA d'hébergement, d'intégration. Je vais juste procéder et désactiver tout cela. Nous cliquons sur Appliquer ici. Nous y allons. Ensuite, vous pouvez cliquer sur Supprimer si vous souhaitez le supprimer. Je vais également désactiver cache light speed, car un plugin de cachet est essentiel lorsque vous concevez votre site Web et il contribue à l' accélérer car il fournit une version cache au visiteur final Mais comme nous sommes en train de concevoir le site et d'y apporter de nombreuses modifications, le site et d'y apporter de nombreuses modifications, nous ne voulons pas que notre site soit mis en cache lors de sa conception Vous voulez donc simplement le désactiver, puis une fois votre site terminé, vous êtes prêt à partir, puis vous souhaitez le réactiver Permettez-moi de cliquer ici pour le désactiver Maintenant, allons-y, ajoutons un nouveau plug-in ici et je vais taper Rank Math Rank Math est mon plugin SEO préféré. Vous permet simplement de contrôler les titres SEO, méta-descriptions, les redirections trois contre un, un tas de petites choses utiles Alors laissez-moi cliquer sur Installer ici, puis nous cliquerons sur Activer. Et cela va nous diriger vers un processus d' intégration ici Si vous voulez passer en revue cela, vous le pouvez, mais je vais cliquer ici pour sauter maintenant afin que je puisse revenir au tableau de bord, et cliquons simplement dessus pour revenir au tableau de bord. Et voilà. Donc, si vous voulez revenir à cette page, vous vous demandez : « Oh, David, comment puis-je obtenir l'assistant de configuration OK ? Il vous suffit donc de cliquer ici pour accéder à l'assistant de configuration, qui vous redirigera vers le processus d'intégration D'accord. Quoi qu'il en soit, la prochaine chose que nous voulons vérifier ici, ce sont les utilisateurs Voici donc votre nom d'utilisateur et votre adresse e-mail avec lesquels vous êtes liés à tout, et voici le rôle. Vous devez donc avoir un rôle d' administrateur. Vous remarquerez que j' ai une petite photo de moi juste à côté. Comment est-ce que cela fonctionne ? Cela provient d'un service appelé Gravitar. Vous pouvez donc simplement le signer à Gravitar, son utilisation est gratuite. Ensuite, vous joignez un e-mail et une photo. Ainsi, une photo apparaît toujours avec l'e-mail associé. C'est ainsi que tout cela est peuplé là-bas. Et une fois que vous êtes connecté à votre compte utilisateur, c'est ici que vous pouvez modifier les mots de passe et ajouter une jolie description. Donc, des URL de profil supplémentaires, des informations biographiques. Voici donc cette petite section sur un blog où vous voyez que David aime les longues promenades sur la plage, ce genre de choses. Tu l'as mis ici. Ensuite, vous pouvez également générer un nouveau mot de passe directement en bas. Et puis Rank Math est installé. Nous pouvons donc maintenant modifier l' apparence de l'extrait pour l'auteur L'auteur est donc le titre de l'auteur. C'est pourquoi j'aime le calcul des grades. Quoi qu'il en soit, c'est ce que vous faites avec les paramètres ici Alors laisse-moi m'en sortir. Et allons-y et ajoutons un nouvel utilisateur juste pour vous montrer les différents rôles que vous pouvez créer. Donc, ici, vous avez différents rôles, vous avez un abonné, un contributeur, auteur, un éditeur, un administrateur. C'est utile lorsque vous faites appel à des rédacteurs et à d'autres personnes uniquement pour publier du contenu sur votre site Web. Vous ne voulez pas donner aux utilisateurs un accès administrateur. En général, vous souhaitez ajouter un auteur ou un éditeur car ceux-ci ont accès différent au site. Ainsi, un éditeur peut modifier tous les éléments de contenu de l'auteur. L'auteur ne peut modifier que son propre contenu. Vous pouvez donc le rechercher vous-même, mais c'est pourquoi vous voudriez avoir des rôles différents. Si votre site grandit un jour, vous souhaitez attirer des personnes supplémentaires. Genre de truc. D'accord, donc de toute façon, cliquons ici pour les paramètres. Oui, je ne veux pas quitter cette page maintenant. Très bien, voici le titre du site et le slogan Ce n'est pas vraiment important. Vous pouvez donc le laisser tel quel. L'icône du site est le FabCon. Vous pouvez donc cliquer sur choisir une icône de site et voici ce petit favicon Ensuite, vous avez votre URL WordPress, l' adresse de votre site, et vous êtes prêt à partir. C'est vraiment ça ici. Maintenant, cliquons sur la lecture. Et ici, pendant la lecture, votre article de blog affiche parfois la plupart des articles, fil de syndication le montre Donc, vous voulez juste garder tout ce dont vous avez besoin ici et n'écrire que des informations de base là-bas. Rien à mentionner vraiment. Permettez-moi de cliquer ici. Maintenant, c'est bon ici. Vous disposez de paramètres de discussion si vous souhaitez activer les commentaires sur votre site. Mais le plus important ici est le permink auquel vous voulez prêter attention Maintenant, par défaut, Wordpress a désormais le nom de poste comme structure d'URL par défaut, et c'est acceptable Ce sera donc website.com slash POS Title. Personnellement, j'aime bien. Une autre structure que j'aimerais bien serait d'ajouter dans la catégorie si vous le souhaitez. Je n'aurais donc pas de catégorie en premier. Nous allons le prendre et le mettre juste là. Vous pouvez donc avoir une catégorie. Voilà. Catégorie, nom du message, si vous le souhaitez. Mais j'utilise moi-même le nom du post. Mais si vous avez un très gros site Web et que vous allez avoir des catégories et des sous-catégories spécifiques , cette structure d'URL est très utile Mais pour 99 % des gens, nom du message est tout ce dont vous avez besoin, alors gardez tout tel quel ici. Mais si vous souhaitez modifier la structure de l'URL, c'est ici que vous le faites, mais je vous suggère vivement choisir une structure d'URL et de vous y tenir. Ne le changez pas plus tard. accord, donc de toute façon, ce n'est en fait que l'aperçu de base des choses que vous devez savoir avec WordPress. Maintenant, nous voulons passer à l'apparence et aux thèmes Vous voulez maintenant activer le thème 2024. Vous avez le thème 2023, 2022 ici. Vous voulez donc simplement vous assurer que ce thème est bien celui qui est actif. Vous pouvez également supprimer ces thèmes si vous le souhaitez. Je peux cliquer ici et cliquer sur Supprimer. Nous allons cliquer sur OK, puis sur ici, sur Supprimer, puis sur OK. Et puis nous avons juste le thème de 2024. Nous sommes maintenant prêts à concevoir notre site Web. 7. 7 éditeur de site complet: Commençons par concevoir notre site Web avec le thème 2024 de WordPress. Tout d'abord, allons-y et jetons un coup d'œil à notre site Web. Cliquez ici où se trouve le logo. Cliquez sur « Visiter le site ». Boum. Ils devraient s'ouvrir ici. Maintenant, par défaut, c'est une très bonne page d'accueil. Je l'aime beaucoup, mais nous allons concevoir une page d'accueil à partir de zéro, ne vous inquiétez pas, mais laissez-moi simplement vous montrer comment cela fonctionne. Une fois cette page ouverte , vous pouvez cliquer ici pour modifier le site, puis commencer à concevoir la page d'accueil et tous les éléments de conception que vous voyez devant vous. Si vous souhaitez simplement ouvrir directement l'éditeur, vous devez naviguer ici pour accéder à l'apparence. Cliquez ensuite sur Editeur. Allons-y. Attendons que cela soit éludé. Et oui, d'accord, alors maintenant le site est en cours de chargement. Donc, ici, nous avons plusieurs options différentes. Vous avez donc votre système de navigation. Votre navigation est cet élément juste là. Il indique donc que la liste des pages ne peut pas récupérer de pages. C'est parce qu'il n'y a pas encore de pages. Alors ne t'inquiète pas. Mais lorsque vous publiez une page comme sur le contact, etc., elle est automatiquement remplie en haut, et nous verrons comment modifier cette section supérieure plus tard Vous avez vos styles exactement là. Donc, par défaut, il est livré avec un tas de palettes différentes sur lesquelles vous pouvez simplement cliquer pour changer les couleurs. Et bien sûr, vous pouvez simplement tout personnaliser vous-même, quelles que soient les couleurs que vous souhaitez et le choix de police que vous souhaitez également. Voici vos pages. Publiez donc les brouillons de calendrier en attente. Et puis nous avons nos modèles juste là. Vous pouvez donc consulter tous les modèles intégrés à ce site que vous pouvez exploiter. C'est très sympa là-bas. Ensuite, les modèles sont là. Et les modèles ne sont que des sections de blocs que vous pouvez simplement ajouter au site en un clic. Vous voyez donc que tout est verrouillé. C'est parce que vous ne pouvez pas l'ajuster, mais vous pouvez ajouter ces sections ou modèles, quel que soit le nom que vous voulez, dans la page spécifique que vous modifiez. Vous n'avez donc pas vraiment envie de le modifier à partir d'ici. Quoi qu'il en soit, c'est ainsi que fonctionne cet élément ici, d' une manière générale fonctionne cet élément ici, d' une manière Alors maintenant, nous pouvons cliquer sur le site juste là, et nous avons différentes choses. Alors, cliquons sur celui-ci juste là. Voyez comment cela ressemble à un bloc. C'est ce qu'on appelle l'éditeur de blocs. Maintenant, vous devez être conscient de certaines choses lorsque vous utilisez l'éditeur de blocs, c'est que vous voulez cliquer dessus, maintenant je modifie ce bloc. Maintenant, si je veux modifier un autre bloc, suffit de cliquer dessus. C'est aussi simple que cela. Ensuite, vous voulez vous assurer que vous avez plusieurs options différentes en haut, vous avez Enregistrer. Vous avez vos paramètres, puis vous avez vos styles. Les styles sont globaux. Cela change tout sur le site. Cet élément fait donc la même chose que l'autre section où vous pouvez simplement changer automatiquement le style. La plupart du temps, vous voudrez être ici dans vos paramètres, puis dans le bloc , puis le réglage du bloc spécifique. Maintenant, une fois que vous aurez un bloc, nous cliquerons sur celui-ci. Donc, un engagement en faveur de l'innovation et de la durabilité. Bien, nous avons donc des styles, nous avons des styles par défaut. Et avec Asterisk, il ne s'agit que d'un aspect unique de ce thème, nous allons donc le conserver par défaut Et ici, je peux changer la couleur du texte et le fond de la couleur. Pour le texte, si je veux, la typographie ici, nous avons différentes tailles avec lesquelles nous pouvons jouer Si vous souhaitez avoir un contrôle un peu plus précis, vous suffit de cliquer dessus juste là puis de l'ouvrir selon vos besoins Ensuite, les dimensions sont indiquées ici, vous avez donc des marges de rembourrage Donc, le remplissage et les marges peuvent être élargis ou plus étroits si vous le souhaitez. En mode avancé, vous pouvez configurer un lien d'ancrage HTML Donc, un lien d'ancrage, c'est-à-dire que si vous voulez avoir un élément de menu en haut , nous parlerons de ressources. L'utilisateur clique sur les ressources, puis elles sont déplacées vers une section spécifique la page et non vers une page séparée C'est tout ce qu'est un lien d'ancrage. Mais la plupart du temps, vous allez cliquer sur un bloc, et vous allez être déconnecté de celui-ci. Nous allons donc cliquer sur les paramètres de celui-ci. Ensuite, vous allez utiliser le bloc, puis simplement modifier le texte, la typographie d'arrière-plan Et avec le thème 2024, il y a cette fonctionnalité Asterk. Donc, lorsque vous concevez différents éléments, par exemple, vous vous demandez, ici, comment puis-je m'en débarrasser ? Par exemple, je veux me débarrasser de l'Astérik. Je ne peux pas simplement cliquer dessus puis le désactiver comme ça par défaut avec Asterk. C'est ainsi que cela fonctionne. Mais encore une fois, comme je l'ai dit, nous allons concevoir une page d'accueil personnalisée, mais je ne fais que vous donner un aperçu général du un aperçu général fonctionnement de ce processus de conception. Et voilà. Cliquez donc sur le W, puis pour revenir au tableau de bord de l'éditeur. Et c'est vraiment aussi simple que cela. Commençons donc la conception de notre page d'accueil. 8. 8 mise en page d'accueil: Allons-y et créons une page d'accueil dédiée pour notre site Web. Donc, pour commencer, c'est très simple. Tout ce que vous avez à faire est de naviguer vers les pages. Et puis une fois que cela s'ouvre, cliquez sur Ajouter un nouveau. Maintenant, nous allons créer une page, puis la définir comme page d'accueil, le titre que vous lui donnez n'a donc pas vraiment d'importance. Je ne sais pas pourquoi ça apparaît. Quoi qu'il en soit, il suffit d'ajouter un titre. Je vais donc simplement appeler cette page d'accueil. Restez simple. Allons-y et cliquons sur Publier. Cliquez sur Publier. Et c'est aussi simple que ça. Maintenant, cliquons sur W et revenons à notre tableau de bord Wordpress, et nous voulons accéder aux paramètres. Ensuite, nous voulons passer à la lecture. Votre page d'accueil affiche votre dernier article ou une page statique. Nous voulons cliquer sur la page statique. Et pour la page d'accueil, nous voulons sélectionner page d'accueil ou peu importe titre de la page, peu importe. Quoi qu'il en soit, laissez-moi cliquer sur Enregistrer les modifications. Et nous y voilà. Jetons donc un coup d'œil au site, je vais donc cliquer sur le logo. Ouvrez-le dans un nouvel onglet, et boum. Lost Mr. Ça ressemble exactement à ce à quoi je m'attendais. Page d'accueil Nous pouvons donc maintenant l'utiliser comme modèle vierge, mais il ne nous reste qu'une petite étape supplémentaire à faire. Passons donc à nos pages, et ouvrons cette page. OK, donc ce que nous devons faire c'est, pourquoi cela réapparaît-il Quoi qu'il en soit, nous devons ajuster les paramètres du back-end ici Nous devons donc ouvrir la page, puis nous devons modifier les modèles ici à partir des pages, puis nous voulons échanger le modèle. Maintenant tu te dis : « Eh bien, pourquoi ? Pourquoi est-ce que je veux faire ça ? Très bien, alors ouvrez à nouveau le site et jetez-y un coup d'œil. À l'heure actuelle, que voyez-vous ? Vous voyez une balise de titre en forme de H à l'avant et au centre indiquant « page d'accueil ». Je ne veux pas ce tag de titre H one. Je ne veux pas que ce titre se trouve tout en haut de la page et je ne peux pas m'en débarrasser. C'est comme : « Comment puis-je m'en débarrasser et ajouter quelque chose d' un peu plus convaincant et mieux conçu ? » Donc, avec ce thème, c'est très simple. Tout ce que vous avez à faire est de cliquer sur les modèles ici pour accéder à la page. Ensuite, vous devez cliquer sur Swap Template. Maintenant, vous avez plusieurs modèles différents. Vous avez une page avec barre latérale, une page avec image ou une page sans titre Nous voulons une page sans titre. Cliquez ensuite sur Enregistrer. Donc, il devrait y avoir la mention « page sans titre » juste là. Permettez-moi de cliquer sur Enregistrer, c'est parti. Et nous y voilà. Très bien, alors allons-y et rechargeons-le . Et nous y voilà. Nous avons donc maintenant un joli modèle vierge pour commencer à modifier notre site Web. 9. 9 Créer un appel à l'action: Ajout d'un appel à l' action pour notre site Web. Jetons maintenant un coup d'œil à la page d'accueil. Nous avons mis en place un modèle vierge, et la façon dont je vais concevoir cette page d'accueil ressemble à une page de vente pour une offre gratuite. Vous l'avez vu sur d'autres sites Web où c'est comme télécharger mon livre électronique, consulter ma liste de contrôle, regarder ma master class, peu importe Nous allons concevoir une page d'accueil comme ça, en plus des articles de blog et des pages, ainsi que de l'en-tête et du pied Tout cela, je vous montrerai plus tard dans le didacticiel vidéo. Mais pour le moment, nous devons ajouter un appel à l'action tout en haut de la page. Revenez donc à la page que vous avez définie comme page d'accueil. Cliquez ensuite sur le signe plus. Cliquez ensuite sur Tout parcourir. Ensuite, nous voulons naviguer ici vers les modèles. Maintenant, vous avez un tas de modèles différents concernant les bannières, appelés Action Featured, etc. Si vous vous lancez dans Called Action, vous avez ici un tas de modèles différents qui sont plutôt sympas. Et je vais vraiment utiliser celui-ci. C'est juste un bon exemple pour vous montrer comment modifier des éléments. Ici, ça a l'air plutôt sympa. Permettez-moi de cliquer ici pour les paramètres. Maintenant que les paramètres sont ouverts, nous avons cette couleur de fond. Peut-être que tu n'aimes pas cette couleur. Assurez-vous donc d'avoir sélectionné l' image ou le motif, quel que soit le nom que vous voulez lui donner. Ensuite, assurez-vous que vous avez sélectionné le bloc. Vous souhaitez accéder directement aux paramètres ou aux styles. Et puis c'est ici que vous pouvez changer de couleur. Je veux donc changer l'arrière-plan, et je veux hériter de la couleur du thème Il y a donc les blancs, puis il y a la couleur du thème. J'aime donc la couleur du thème qui est le blanc cassé. J'aime bien la façon dont c'est configuré. Et puis ici, ça devrait être votre balise de titre H one. Pourquoi votre étiquette de titre H one ? Parce que c'est le titre de la page. Parce que, encore une fois, souvenez-vous qu'il s'agit de votre balise de titre H one, mais qu'au rythme que nous utilisons, nous masquons le titre de la page. C'est donc maintenant le titre de la page. Vous devez donc le mettre en évidence, le changer en H un, et vous vous dites : «   Eh bien, je n' aime pas sa taille. Genre, pas de problème. Cliquez ici pour la typographie, puis vous pouvez le minimiser un peu, le réduire un peu Ensuite, vous pouvez modifier la copie ici selon vos besoins, ici et ici. Maintenant, nous avons cette image ici et vous pouvez la remplacer par votre propre image. De toute évidence, vous allez devoir créer une image, devrait afficher ce que l'utilisateur final va obtenir. Quelle que soit votre offre gratuite, qu'il s'agisse d'une vidéo, d'un cours, encore une fois, master class, d'une triche, d'une liste de contrôle, Vous allez devoir créer un graphique et l'ajouter ici. Mais vous pouvez également ajouter une vidéo, c'est ce que je vais vous montrer comment faire. Il suffit de cliquer sur cette image ici. En fait, permettez-moi de continuer et de cliquer sur Enregistrer. Et jetons un coup d'œil pour voir comment cela apparaît. Rechargeons les sites sur place. Et oui, ça a l'air génial. Je veux changer cela pour dire une vidéo. J'ai déjà plusieurs onglets différents ouverts pour la vidéo, alors permettez-moi de cliquer sur cette image et de cliquer sur Supprimer. Supprimez donc simplement l'image. Nous pouvons maintenant ajouter une vidéo ici. Alors laissez-moi cliquer sur le signe plus, et je veux taper YouTube, puis il y a un bouton YouTube juste là. Et ce petit bloc YouTube. On peut le coller dedans. Cliquez sur Intégrer, et nous cliquerons à nouveau sur Enregistrer ici. Et maintenant, rechargeons-le. Oui, et maintenant nous avons une jolie vidéo juste là. Mais que se passerait-il si vous êtes du genre : « Eh bien, je ne veux pas intégrer YouTube ou je veux que mon site soit un peu plus marqué  », très bien Je suggère donc vivement d'utiliser une option d'hébergement alternative comme Vemo ou Vemo Vimeo, pas Vemo. Je n'envoie pas d'argent. Vmeo ou quelque chose comme ça. Si vous souhaitez utiliser YouTube, vous pouvez peut-être simplement rendre la vidéo non répertoriée, puis utiliser un plugin dédié pour Wordpress qui peut vous aider à améliorer un peu la marque de la vidéo Alors, quel plugin dois-je recommander ? Permettez-moi donc de terminer. Cliquez ici pour le W, et naviguons vers le bas pour le brancher ou le brancher. Et allons ajouter un nouveau plugin. Et nous allons ajouter la couche Presto au lecteur Presto ici D'accord, c'est le lecteur vidéo ultime de Presto Player. OK, alors peut-être que ça s'appelle le lecteur vidéo ultime maintenant. Quoi qu'il en soit, allez-y et installez-le. Le lecteur vidéo ultime pour WordPress, par Presto Player Cliquons sur Activer là-bas. Et c'est bien. Nous avons donc classé Mathio et Presto Player parmi les plugins actifs du site Nous devons donc maintenant retourner à nos pages. Passons à la page d'accueil, la page que nous sommes en train de modifier ici. Et maintenant, nous pouvons à nouveau le supprimer et cliquer sur le signe plus. Ensuite, nous voulons taper Presto player. Donc, le joueur Presto est là. Cliquez sur Ns et voici une vidéo YouTube. Donc, si vous créez une vidéo de vente, je vous recommande vivement d'utiliser VMO Donc, tout simplement parce qu'il supprime toutes sortes de vidéos recommandées et tout ça. Mais vous pouvez utiliser YouTube et utiliser vidéos non répertoriées pour votre vidéo de vente afin inciter les gens à cliquer sur le bouton ici pour télécharger le produit que vous offrez Quoi qu'il en soit, permettez-moi de reprendre cette URL et de la mettre ici Cliquons sur Ajouter une vidéo. Et ça a l'air bien mieux. Passons donc rapidement à la sauvegarde. Et allons-y et ouvrons le site juste pour y jeter un œil, oui, nous y voilà. OK, donc tout s' est chargé correctement. Si j'aime le lecteur Presto, c'est parce que vous avez beaucoup plus de contrôle sur l'apparence, convivialité et l'image de marque de la vidéo affichée sur vos sites Donc, si je clique ici, si je clique ici, le bloc est maintenant sélectionné, puis j'ai un tas d' options différentes pour l'affichage de ce lecteur vidéo. Paramètres vidéo, sourdine, lecture automatique, temps de lecture là-bas, et puis nous avons Je peux changer de cap, manière minimale, simple, YouTube, optimisée. suffit donc de quelques préréglages utiles Il vous suffit donc de quelques préréglages utiles, de l'image de marque mondiale des joueurs, afin que vous puissiez changer la couleur ici en fonction du design de votre site et des couleurs que vous avez choisies pour votre site Web Bref, c'est pourquoi j' aime le lecteur Presto, car vous avez un peu plus de flexibilité et contrôle sur la façon dont il est affiché sur votre site La prochaine chose que vous devez faire est, encore une fois, pour votre site, de créer un type de vidéo de vente si vous voulez proposer cours gratuit ou autre, puis de créer une belle vidéo, de la télécharger sur Vimeo ou YouTube, de la désinscrire, puis d' utiliser Presto désinscrire, puis d' utiliser Presto Modifiez ensuite la copie ici pour qu'elle corresponde à l'offre gratuite. 10. 10 Personnaliser l'appel à l'action: J'ai donc mis à jour la copie de notre appel à l'action. J'ai donc fait différentes choses. J'ai donc mis le texte en gras en haut. J'ai ajouté de petits emojis à cocher pour les puces, qu'ils ressortent un peu plus Et j'ai mis à jour le bouton pour qu'il attire un peu plus l'attention et j'ai changé de couleur pour qu'il corresponde au lecteur vidéo ici Maintenant, laissez-moi entrer dans le vif du sujet et vous montrer ce que j'ai fait. Alors, comment surligner le texte et le mettre en gras, il suffit de le surligner. Et cliquez sur le bouton B. Cela met le texte en gras juste là. Et puis le paragraphe de texte juste là, très simple. Ensuite, j'ai simplement ajouté des points ici. Donc, littéralement, il ne s'agit que d'une ligne de texte, ligne de textes, d'une ligne de textes. Maintenant, comment ai-je obtenu ce petit Emoji en forme de coche ? J'ai littéralement googlé l'Emoji à coche verte. Et puis m'a dirigé vers le PDA Emoji ici. Vous cliquez sur Copier, puis sur Coller, coller, coller. Terminé. C'est aussi simple que ça. Alors, juste ici, nous avons le bouton. J'ai donc fait différentes choses ici. La première chose que j'ai faite, c'est que dans les paramètres du bloc, il est réglé à 100 %. Ainsi, le bouton est large à 100 % pour remplir toute cette section verticale ici. Cela semble donc tout à fait approprié. Ensuite, l'autre chose que j' ai faite a été de cliquer sur les styles. Ensuite, je suis passé à l'arrière-plan et j'ai fait en sorte que la couleur d'arrière-plan du bouton corresponde à celle du lecteur vidéo ici, puis j'ai simplement fait en sorte que la typographie soit L large Encore une fois, cela attire davantage l'attention. 11. 11 Finaliser la section des appels à l'action: OK, donc ce bouton juste là, je ne vais pas mentir. C'est un peu nul parce qu' il manque d'animation. le cas des boutons de votre site Web, vous devez disposer d'une animation pour indiquer à l' utilisateur final qu'il peut cliquer sur ce bouton et interagir avec lui. Donc, si cela pouvait mettre en évidence, assombrir, soulever, peu importe, simplement faire quelque chose, ce serait formidable Mais malheureusement, il s'agit du bouton par défaut de Wordpress, et il n'existe aucune option permettant d' avoir de telles fonctionnalités. Nous allons donc devoir installer un autre plug in et créer un bouton différent. Encore une fois, si tu es content de ce bouton, tu dis : « Je m'en fous ». C'est bon pour moi. Bien. Génial. Gardez-le. Vers le haut. Mais pour moi, je veux quelque chose qui attire un peu plus l'attention et qui soit dynamique Bref, permettez-moi de cliquer ici. Cliquons sur le W, et nous allons accéder aux plugins. Et je vais ajouter un plugin appelé stackable. Cliquez donc sur Au Plugin. Cliquez ensuite ici et tapez Stack ble, Stack, ble. C'est bon. Cherche ça. Très bien, voici les blocs Gutenberg de Stack Bull Page Builder Tout cela fait, il ajoute des blocs supplémentaires que vous pouvez utiliser pour concevoir votre site Web. Cliquez sur Installer, puis sur Activer. Nous y voilà. Et nous allons cliquer sur Passer ici. C'est bon, donc c'est installé. Revenons donc à nos pages et revenons à la page d'accueil que nous sommes en train de modifier. Et il est temps d'ajouter un nouveau bouton. Naviguons donc ici. Laisse-moi prendre un peu d'espace. Cliquez sur le signe plus, naviguez ici et cliquez sur Parcourir A. Maintenant que vous avez installé Stackable, il existe une large gamme de plugins Wordpress qui ajoutent des blocs supplémentaires J'aime juste empilable. Donc, cette couleur violacée et rose vif est empilable Donc, ce que nous voulons, c'est ajouter le bouton. Donc, ici, pour le bouton, c'est un bouton empilable Nous pouvons maintenant commencer à concevoir notre nouveau bouton. Permettez-moi donc d'ajouter le texte ici même. Alors, procurez-vous le mini-cours ici. OK, donc ça a l'air bien là-bas. Et nous voulons changer la couleur de ce bouton pour qu'elle corresponde. Alors laissez-moi cliquer ici. Cliquons sur les styles, arrière-plan et la couleur personnalisée que j'ai juste là. Nous allons cliquer sur Copier là-bas. Alors, cliquons sur le bouton ici. Et des mégots et des couleurs juste là. Puis des mégots et de la couleur. Cliquez dessus. Et puis ici, nous voulons simplement copier et coller cette couleur, et c'est parti. Et ça a l'air bien. Encore une fois, un peu petit. Nous voulons que le texte soit plus grand, et nous voulons que le bouton soit plus grand. Mais nous pouvons faire tout cela un peu différemment dans StacableJ Comme si vous ne pouviez pas surligner le texte ici et tout ça. Vous devez interagir avec tout ce qui se trouve ici. C' était donc la couleur du bouton. Maintenant, les côtés et l'espacement des boutons, les bordures et les ombres, les icônes, la typographie Passons ici à la typographie. Et ici, on peut agrandir un peu le bouton. Alors, continue comme ça. Et je veux changer la typographie et augmenter le poids. Nous allons simplement dire « audacieux ». Et oui, ça a l'air super là-bas. Cliquons donc sur Enregistrer pour voir à quoi cela ressemble. Revoyons le viseur. OK, donc j'aime bien ce bouton tel qu'il est configuré, pour qu'il soit beau ici, alors cliquons à nouveau sur le bouton Et nous pouvons simplement continuer. Donc, avec la mise en page ici, si vous naviguez ici, vous avez la taille et l'espacement des blocs, vous pouvez donc avoir un tas de marges et de rembourrage différents , de petites choses comme ça Vous resterez généralement dans la section style ici. Vous avez par défaut, Goes plain link. J'aime le défaut. Quoi qu'il en soit, les bordures et les ombres des boutons sont ici. Vous pouvez donc ajouter un rayon de bordure si vous voulez qu'il soit un peu plus rond J'aime donc un peu plus rond juste là. Gardez-le peut-être juste un quatre, c'est toujours aussi subtil. Et puis le contour de l'ombre. Vous pouvez donner une jolie ombre au bouton de telle sorte qu' en sortant de la page Web, vous pouvez passer à neuf Je vais juste m'en tenir à quelque chose subtil comme ça, peut-être un cinq. Styles ici, effet de survol. Pour le moment, il est envoyé pour s'assombrir. Et je veux que ce soit, disons, un ascenseur. Gardez-le sous forme de levage juste là, et peut-être pourrions-nous agrandir un peu la taille et l'espacement du bouton Alors peut-être juste sur toute la largeur, restez simple comme ça. Et cliquons sur Enregistrer et rechargeons les images. Et oui, ça a l'air bien mieux. Donc ce bouton est bien meilleur, un peu d'animation qui lui est associé. Encore une fois, pour modifier les styles situés en haut, l'effet Hover, vous pouvez modifier le lifting, l' assombrissement, l'échelle, le lifting et l'échelle Vous pouvez jouer avec cela pour voir ce que vous voulez personnellement. Il y a une jolie petite ombre maintenant. C'est un design toujours aussi subtil. Il est arrondi. Donc j'aime vraiment ça. C'est bien mieux. Alors maintenant, nous pouvons continuer et supprimer ces mégots juste là. Éloigne-toi de ça. Génial. Et nous devons lui donner un peu de répit. exemple, je n'aime pas la façon dont ces boutons se trouvent juste en dessous du texte, alors appuyez simplement sur Entrée. Oui, je sais que c'est super compliqué. Quoi qu'il en soit, cliquez sur Enregistrer. Très bien, alors allons-y et rechargeons les sites ici même Et maintenant, nous avons notre joli bouton stylisé qui sort la page Web lorsque nous passons la souris dessus, et nous sommes prêts à partir souris dessus, et nous sommes prêts Et enfin, vers qui dirigez-vous les gens exactement ? Je sais donc que je vais me poser cette question. Maintenant, vous avez configuré votre bouton. Les gens cliquent dessus. Où les envoyez-vous ? Vous souhaitez les envoyer vers une page compressée. Donc, sur une page de compression, je clique sur ce bouton, puis je suis sur une page où je peux saisir mon e-mail pour accéder à l'article sur lequel on me vend ici. Comment créez-vous cette page ? Soit vous pouvez créer votre propre page sur votre propre site, alors suivez simplement le processus que je vous ai déjà montré où vous créez une page, page sans barre latérale, sans en-tête, peu importe, puis ajoutez simplement le formulaire d'inscription par e-mail à cet endroit Pour la plupart des gens, je suggère d'utiliser vos clients de messagerie. Donc, si vous utilisez ConvertKit, ConvertKit est livré avec des pages de destination gratuites Vous pouvez donc simplement personnaliser une page de destination et avoir le formulaire ici auquel les gens peuvent s'abonner pour obtenir Vous pouvez également utiliser card.co, qui est un très bon constructeur de site Web d'une page Vous pouvez utiliser des pages de plomb. Mais le parcours de l'utilisateur consiste à cliquer sur le bouton, amener sur une page compressée. Sur la page Squeeze, c'est là qu'ils saisissent leur adresse e-mail ou leur nom et leur e-mail pour obtenir le produit. Une fois qu'ils ont cliqué sur ce bouton pour envoyer leur e-mail, vous leur demandez de télécharger le contenu gratuit que vous offrez ou de regarder la vidéo gratuite. Et pour créer un lien vers une page spécifique, suffit de naviguer en dessous jusqu'à endroit où il est écrit Lien. Maintenant, vous verrez qu' il est écrit « ouvrir » dans un nouvel onglet et « ouvrir l' encre » dans une boîte. manière générale, si vous créez un lien depuis votre site Web vers une URL différente, vers une page compressée , tout ce que vous souhaitez utiliser s'ouvre dans un nouvel onglet. Tu n'es pas obligée, mais c'est ce que je ferais. Ouvrez dans une Lightbox. Une zone lumineuse est un écran ou une boîte qui apparaît sous forme de superposition sur le dessus de votre site Web Je n' utiliserais donc certainement pas Openink dans une boîte à lumière. J'utiliserais donc ouvrir dans un nouvel onglet, encore une fois, si vous redirigez les utilisateurs vers votre page Squeeze, mais cela dépend entièrement de vous de toute façon Lorsque vous aurez votre page Squeeze ou votre page de vente, peu importe, nous dirigerons les deux visiteurs finaux Vous voulez cliquer sur le bouton juste là. Vous souhaitez accéder à Link, puis vous devez saisir votre lien ici. 12. 12 Créer un élément de vente: Ajout d'éléments de vente pour notre page de vente. Donc, un élément de vente, comme j'aime l'appeler, est quelque chose qui aide simplement à établir la confiance et l'autorité avec le site. Vous l'avez vu sur d'autres sites Web où vous vous trouvez sur un site Web qui indique, comme sur ce site, sur ce site, sur ce site ou sur des milliers de clients AB, cinq critiques de serveurs, un prix décerné par un organe directeur. Genre de truc. Alors, comment ajoutez-vous cela à votre site ? Permettez-moi donc d'ouvrir les paramètres du bloc là-bas, et je voudrais cliquer sur le bloc général. Maintenant, tout est sélectionné, et je veux cliquer sur le petit signe plus qui se trouve juste en bas pour ajouter un nouveau bloc. Nous allons cliquer sur Parcourir A, et nous allons revenir à nos modèles. Et puis ici, des témoignages, je sais, c'est surprenant, mais j'aime vraiment beaucoup le bloc de témoignages à cette fin ici Il suffit donc de cliquer dessus pour l'ajouter, et c'est parti. Donc, la première chose que nous voulons faire est de changer la couleur d'arrière-plan pour qu'elle corresponde à la couleur d' accent utilisée sur le reste des sites Web. Alors laissez-moi cliquer ici pour ce bleu. Ça y est. Nous allons mettre en évidence cette couleur d'accent. Et maintenant, nous allons cliquer à nouveau sur le bloc en bas. Ensuite, nous voulons cliquer ici pour les styles. Vous souhaitez cliquer sur le fond d'écran. Ensuite, vous devez cliquer sur la zone blanche juste ici pour qu'elle apparaisse avec l'hexadécimal Vous voulez ignorer cette base 2, peu importe. Maintenant, vous voulez le coller ici, et ça a l'air génial. Ensuite, nous voulons nous assurer que le texte est blanc, car c'est ce que nous faisons dans le design. Le bouton bleu ici a donc du texte blanc. Maintenant, voici un tas d'images. C'est pourquoi nous ne voulons pas cela. Je veux juste m'en débarrasser. Restez simple. Ensuite, nous voulons ajouter un tas de colonnes différentes. Je veux donc cliquer ici pour le signe plus, puis nous voulons ajouter des colonnes juste là. Et je suggère trois ou quatre, mais je vais rester simple. Nous n'en ferons que trois. Nous avons donc un tas de colonnes différentes ici. Et puis avec ces colonnes, c'est ici que nous pouvons ajouter du texte. Maintenant, nous avons une petite entretoise juste là. Nous voulons donc déplacer l'entretoise vers le haut. Donc, c'est juste utile ici. Ce n'est pas grave, mais nous restons là. Et maintenant, nous voulons ajouter du texte. Nous cliquons donc sur le signe plus, paragraphe, puis sur le titre. Cliquez ici, le texte du paragraphe, le titre, cliquez ici, le texte du paragraphe, le boom et le titre. Nous y voilà. OK, alors appuyez sur la barre d'espace, puis copiez ici et pareil. copie se trouve ici. Alors c'est pareil. Encore une fois, une copie est envoyée ici, juste à des fins de démonstration. Et bien sûr, nous voulons changer ce texte en blanc. Vous pouvez donc simplement cliquer dessus, cliquer sur le signe, puis changer la couleur du texte en cliquant dessus là-bas Alors laissez-moi cliquer sur le backspace pour le remettre en noir. Nous y voilà. accord, donc de toute façon, revenons au noir juste pour que ce soit cohérent Laisse-moi cliquer sur Enregistrer. Et super. Allons-y donc et consultons le site Web. Nous voyons donc comment cela se passe du point de vue du design, et cela semble vraiment beau, mais à certains égards, ce n'est pas équilibré. Nous voulons donc nous assurer que ces colonnes sont toutes centrées, afin que tout s'intègre parfaitement. Il y a trop de place ici. Lorsque vous créez la copie ici, nous devons donc le prendre et nous assurer de simplement centrer le texte au et nous assurer centre de la ligne, puis au centre de la ligne, au centre de ligne, au centre d' alignement, au centre Aline et au centre de ligne. Nous y voilà. Cliquons donc sur Enregistrer. Et rechargeons les sites sur place. Bien mieux. Donc, le texte que je veux ajouter ici est tout ce qui contribue à établir confiance et l'autorité avec le site, comme milliers d'étudiants rejoignent 5 000 autres personnes, un prix décerné par un organe directeur, peu importe. Je vais donc simplement mettre à jour cette section avec une copie. D'accord, alors voici ce que j'ai trouvé. Nous avons 6 000 blogueurs. J'ai regardé Mini Coors, Blueprint, voler mon processus étape par étape, mes ressources, j'ai appris à dérober le secret, à créer différents styles de contenu vidéo Peu importe. Ensuite, j'ai également décidé ajouter un petit astérisque à côté de chaque texte ici, juste pour qu'il ressorte un peu plus Nous examinons donc cela sur le backend. Tout cela n'est littéralement qu'un astérisque que vous pouvez utiliser sur votre clavier Et puis j'ai simplement agrandi le texte du titre ici. Et puis il s'agit du même corps de texte. Vous voulez donc vous assurer que ce texte est de la même taille que le texte ci-dessus. Vous voulez être cohérent à cet égard. Donc, votre balise H un, H deux, H trois, balises de titre, qui sont ces éléments, votre balise H un, balise H deux, votre balise H trois ou certaines tailles, alors votre corps de texte est plus cohérent. Le corps du texte doit donc être cohérent tout au long de la conception du site. Quoi qu'il en soit, c'est tout pour les éléments de vente. 13. 13 Créer un CTA de la page du milieu: Le design de la page d'accueil se porte plutôt bien. Maintenant, la prochaine chose que nous devons faire est d'interrompre l'utilisateur final qui visite le site Web avec une autre action appelée Action ici. Nous voulons juste ajouter un gros bouton, un joli gros bouton juste là. Le bouton doit donc correspondre ce bouton situé en haut parce que vous êtes en train de dire à l'utilisateur final : « Hé, le gros bouton bleu qui indique ce texte est ce sur quoi je veux que vous cliquiez Nous avons donc déjà préparé l'utilisateur final C'est le bouton sur lequel je veux que tu cliques Il suffit de l'ajouter ici. Quoi qu'il en soit, permettez-moi de jeter un œil à la page ici et de naviguer jusqu'ici. Vous devez cliquer sur les éléments juste là, cliquer sur le signe plus, puis taper le bouton et créer un nouveau bouton. est aussi simple que ça. Maintenant, malheureusement, vous ne pouvez pas copier-coller le bouton ici. Vous devez simplement tout concevoir à nouveau manuellement . Mais ce n'est pas trop difficile. Faites simplement ce que vous avez fait pour ce bouton en haut. Juste en bas. Je vais me procurer les mini-portes de 101 K à dix K ou de zéro à un K. Allons-y. Alors, cliquons à nouveau ici. Obtenez le signe du dollar de zéro à un k, mini-cours. OK, alors suivez tout le processus de configuration. Alors, cliquons sur le bouton. Et quel était ce style ? Naviguons ici pour trouver la couleur du bouton, et c'est parti. Et nous allons le souligner, copiez-le. Prends ça. Allons-y. Naviguez jusqu'ici, prenez-le en charge, et nous avons le style, les fesses et couleur juste là, en arrière Et copiez-collez ça, c'est super. Et donc, faites des allers-retours avec tout. Mais il y a certaines choses auxquelles je veux que vous fassiez attention , c'est le style, vous devez cliquer dessus, donc c'est un bouton pleine largeur juste là. Et puis le texte ici, vous voulez l'agrandir , évidemment, pour qu'il s'intègre. Permettez-moi donc de minimiser les couleurs des boutons. Et vous voulez naviguer ici pour, je crois, ce sont des styles. Non OK, donc nous voulons l'avoir aussi. Nous voulons que cela se soulève, ainsi que la taille et l'espacement des boutons. Ça a l'air bien là-bas. Bordures et ombres des boutons, typographie. Allons-y. OK, donc sous typographie, je veux cliquer sur Ns. Nous voulons fabriquer les poids. Nous voulons que cela soit audacieux. Ensuite, nous voulons que la taille du texte soit un peu plus grande qu'il sorte de la page. Oui, ça a l'air bien. Alors c'est peut-être un peu trop gros. Minimisez-le un peu. Oui, allons-y. J'aime donc beaucoup la façon dont cela se présente là-bas. C'est minimiser cela. OK, donc bouton, bordures et ombres. Le rayon est donc la façon dont nous pouvons rendre le bouton un peu plus rond, afin pas tant d'arêtes tranchantes que d'arêtes tranchantes juste là Ensuite, nous ajouterons juste un peu d'ombre à goutte, cinq c'est bien. Et oui, j'aime vraiment ça. Donc ça a l'air bien ici. Maintenant, il y a aussi quelques problèmes. Donc c'est comme si, eh bien, ça touchait ça. Alors, comment puis-je faire en sorte que cela ait plus d'espace ? Donc, pour séparer le bouton de celui-ci, en touchant cet élément juste là, nous devons cliquer sur le signe plus, et vous voulez taper SP, ACER. Donc, cliquez sur l'entretoise juste là , et nous voulons déplacer l'entretoise vers le haut C'est peut-être un peu trop d'espace, mais nous voulons le garder là, il a l'air bien. Cliquons sur Enregistrer. Génial. Et rechargeons le site et voyons à quoi cela ressemble Et ça a l'air fantastique. C'est un très joli appel d'action tout en haut, juste là. L'utilisateur fait défiler la page vers le bas. Cela attire à nouveau l'attention de l'utilisateur avec un gros bouton au milieu de la page, car vous voulez avoir une action appelée tout en haut, quelque part au milieu Et puis encore une fois, une dernière action appelée action tout en bas de page, juste au-dessus de ce pied de page Bref, c'est ça. C'est ainsi que vous ajoutez un bouton au milieu du site Web. 14. 14 conception de copies de vente: Qu'est-ce que les gens vont apprendre exactement grâce à votre aimant en plomb gratuit ? C'est la section suivante que nous voulons ajouter sous cet élément, ici même. Donc, en gros, qu'est-ce que les gens vont apprendre ? Il ne faut pas oublier que les gens sont égoïstes. Les gens veulent savoir, par exemple, ce que j'ai à gagner quand je suis sur votre site web. Allons-y et revenons à la page que nous sommes en train de modifier. Et cliquons ici, et je veux cliquer sur le petit signe plus. Cliquez ensuite sur Parcourir A. Cliquons sur les modèles. Ensuite, cliquons sur À propos juste là. Maintenant, il y a un modèle que j'aime vraiment pour ce travail, c'est celui-ci. Grille de fonctionnalités, trois colonnes. Cliquons dessus. Maintenant, cela ajoute tout ce qui au-dessus de cet élément, mais ce n'est pas grave. Assurez-vous simplement qu'il est sélectionné. Ensuite, vous devez cliquer sur cette petite flèche juste là, puis vous déplacer vers le bas. Terminé. C'est aussi simple que ça. Maintenant, il y a un bel espace entre cet élément ici et cet élément juste là, et il ne vous reste plus qu'à changer la copie. Personnellement, j'aime bien la façon dont cela est présenté. Si vous ne voulez pas six éléments, vous pouvez simplement venir ici et supprimer ces trois éléments. C'est très simple. Surlignez-le supprimez-le et conservez ces trois éléments en haut ici Personnellement, je vais les quitter tous les six. Pour le moment, il vous suffit de mettre à jour le texte et de souligner les avantages que l'utilisateur final retirera du téléchargement de votre aide-mémoire en regardant votre vidéo cachée pour votre cours, qu'il s'agisse d'un mini-cours dans ce cas Qu'est-ce que les gens vont apprendre du cours, de ce que vous offrez ? OK, j'ai donc mis à jour les copies. Donc, pour la balise de titre H two située tout en haut, j'ai simplement mis le texte en gras, puis j'ai mis à jour les petits titres ici pour en faire quelque chose de convaincant pour inciter les gens à s' abonner et à suivre un mini-cours gratuit pour apprendre Et puis ce n'est qu'un faux texte. Jetons donc un coup d'œil au back-end pour savoir comment cela fonctionne. Donc, le petit paragraphe de texte qui se trouvait en dessous, je l'ai simplement supprimé, puis je l'ai surligné et j'ai cliqué sur Gras, et c'est tout Ensuite, avec chacun de ces petits blocs, ouvrons nos paramètres et vous vous demandez : «   Eh bien, comment puis-je me débarrasser de l'astérisque ? Tout ce que vous avez à faire est de cliquer sur par défaut pour supprimer l'astérisque. Mais personnellement, j' aime bien l'astérisque. Je trouve que c'est un joli petit élément de design. Cela attire beaucoup l'attention. Supprimez peut-être l'astérisque de cet astérisque principal ici. Ça aurait peut-être l'air mieux. Cliquons sur Enregistrer. Je pense que ça aurait probablement l'air mieux. Rechargez-le. Et oui, je préfère ça en fait. C'est donc agréable et cela attire l'attention sur ce que l' utilisateur final va apprendre Ensuite, y a-t-il une sorte de processus que vous enseignez dans le cadre de votre concours gratuit, comme la première étape, faites ceci, deuxième étape, faites cela. Troisième étape, fais-le. C'est tellement rapide, rapide, facile, tout le monde peut le faire. Ce type de section, vous pouvez l'ajouter à votre copie de vente afin que l'utilisateur final comprenne en quelque sorte la valeur qu'il va obtenir en obtenant la version gratuite. Nous allons donc ajouter ce type de section juste en dessous. Nous voulons peut-être décomposer un peu ce design parce que nous avons obtenu cette jolie petite grille à six éléments qui est superbe. Donc peut-être une image à gauche, à droite, à gauche, à droite, à gauche, droite, ce type de mise en page. Donc, vous voulez le faire avec trois images maximum, deux ou trois c'est tout ce que vous voulez. Je vais donc ajouter une petite section étape par étape. Bref, voici la page d'accueil en cours d'édition. Et laissez-moi naviguer jusqu' en bas, cliquons dessus et cliquons sur le bouton plus, Parcourir tous les modèles. Et je vais passer à la section À propos du modèle, et nous pouvons utiliser ce modèle ici, du texte avec des images alternées. Je vais donc cliquer dessus. Et maintenant, nous avons cette jolie petite section avec une image ici à droite, à gauche, à droite, à gauche. Et peu de choses. Donc, tout d'abord, tout cela a été ajouté au-dessus de cet élément, nous pouvons donc corriger cela en cliquant sur le tout ici. Le tout est donc sélectionné. Maintenant, il suffit de cliquer sur la flèche vers le bas, de la déplacer vers le bas. Nous y voilà. Nous avons donc ceci ici, suivi de cet élément ici. Maintenant, si vous êtes du genre : « Eh bien, je veux avoir trois images, comment puis-je m'y prendre ? Eh bien, parce que cette image est sur la droite. Il s'agit d'une image sur la gauche. L'image suivante doit être sur la droite. Et encore une fois, je ferais trois images Max. Vous ne voulez pas que cela soit redondant et répétitif. C'est donc très simple de le faire. Nous voulons cliquer sur cet élément ici, cliquer sur le petit bouton Options, puis cliquer sur Dupliquer. Et nous y voilà. Et déplaçons ça vers le bas. Et maintenant, il n'y a plus assez de place ici. Donc, ici, nous avons une petite icône, ou ce n'est pas une icône, mais un espaceur comme on l'appelle techniquement Nous voulons donc dupliquer cela. Allez-y, dupliquez-le, puis déplacez-le vers le bas. C'est aussi simple que ça. Nous avons donc maintenant trois images ici. Maintenant, évidemment, vous allez vouloir remplacer ces images par vos propres images. Quelle taille compte. Il n'y a pas de taille appropriée que vous devriez ou ne devriez pas utiliser. Tu dois juste tester ça, d'accord ? Mais une chose est que vous voulez vous assurer que toutes les images sont réellement de la même taille. Donc, qu'il s'agisse de 500 par 500, type de structure, c'est ce que vous voulez modéliser après ici. Quoi qu'il en soit, laissez-moi cliquer sur Enregistrer. Génial. Et allons-y et rechargeons la page d'accueil Et oui, oui, ça se combine très bien. Alors maintenant, nous avons une jolie petite section ici. Et encore une fois, tout ce que nous avons à faire est mettre à jour la copie pour qu'elle reflète notre offre, ainsi que de mettre à jour les images pour qu' elles reflètent à nouveau le cadeau gratuit, la valeur que l'utilisateur final va obtenir Donc pour cette section, comme je l'ai dit, au début, je vais en faire un processus étape par étape, étape par étape, étape deux, étape trois, avec des images uniques. J'ai donc juste mis à jour le contenu, et voici ce que j'ai trouvé. Rien de trop compliqué. Donc, tout en haut, la balise de titre H two, je l'ai mise en gras comme je l'ai fait pour chaque étiquette de titre H two Ensuite, j'ai ajouté mes propres images personnalisées. Maintenant, d'où ai-je obtenu ces images ? Comment cela fonctionne-t-il ? Donc, tout d'abord, sautez ici. Maintenant, encore une fois, mettez à jour la copie là-bas. Même chose avec l'astérisque et par défaut, ce genre de chose Je vais donc le laisser. Ensuite, changez simplement la copie avec les puces ici. Maintenant, si vous vous demandez quelle était la taille de ces images par défaut, elles étaient de 1 200 x 800. J'ai pris ces informations, puis je suis passé à Canva, et vous pouvez créer un compte gratuit avec Canva, et vous voulez passer à Custom Ensuite, vous devez saisir 1 200 x 800, puis créer un nouveau design. Parce que c'est le design qui accompagne la taille de l' image par défaut. Si vous aimez vraiment cette taille et cette forme et que vous voulez simplement les conserver vous pouvez faire 1 200 x 800, puis créer vos propres images ici. J'ai donc utilisé des photos, puis j'ai saisi mots qui reflétaient ce que je recherchais, comme la flagellation, le montage, la monétisation, des mots qui reflétaient ce que je recherchais, comme la flagellation, le montage, la monétisation, etc. Trouvez l'image. Allez-y, téléchargez-le et c'est parti. Maintenant, juste quelques petites choses tout de suite, nous minimisons cela. Une fois l'image téléchargée, je l'ai téléchargée au format PNG, mais je ne l'ai pas téléchargée au format PNG. J'utilise donc quelque chose appelé GIMP pour le convertir en un graphique P à points C'est donc très simple de le faire. Il vous suffit de cliquer avec le bouton droit de la souris, puis d'ouvrir avec, puis de GIP. Vous devez donc télécharger GIP a GIMP. C'est mon éditeur de photos que j'utilise. Ensuite, vous avez l' image ici, puis vous voulez aller dans Fichier, puis dans Exporter sous, puis vous voulez lui donner un titre, et vous voulez passer puis vous voulez lui donner un titre, et vous du format PNG ou JPEG au format Web P. Pourquoi est-ce que je fais cela ? Un graphique Web P est simplement plus esthétique et plus efficace en termes de taille, en particulier si nous téléchargeons une image de 1 200 x 800, c'est une image un peu grande Et il ne vous reste plus qu' à exporter. Terminé. C'est aussi simple que ça. C'est si simple. J'aime donc toujours convertir mes images d' un JPEG en image WebP, uniquement parce qu'avec Canva, pour une raison ou une autre, je ne sais pas pourquoi cela n'est pas autorisé, mais vous ne pouvez télécharger des images qu'au format JPEG ou PNG Donc, non seulement, mais la possibilité de le télécharger sous forme de fichier WebP à points n' est pas disponible Nous pouvons donc le télécharger au format JPEG, PNG, PDF, SVG, vidéo NPFoe et cadeau Mais il n'y a pas de point Web P. C'est pourquoi je fais ce petit processus de conversion rapide. Très bien, donc une fois que vous avez vos deux ou trois images vous avez atteint la première étape, la deuxième étape. Troisième étape, comme je l'ai dit, il vous suffit de cliquer sur l'image et de cliquer sur remplacer, cliquer sur Télécharger, de télécharger, puis sélectionner le thème. Désolé, vous sélectionnez l'image que vous souhaitez télécharger, puis elle la remplace automatiquement ici. Terminé. C'est aussi simple que ça. Maintenant, une fois que vous avez l'image ici, vous avez plusieurs options différentes pour ajuster les choses. Vous avez le rapport hauteur/largeur. Vous pouvez changer et jouer avec cela, avec une résolution élevée. Tu peux jouer avec ça. Vous avez également vos paramètres ici où vous pouvez avoir des styles, arrondis par défaut, puis vous pouvez modifier le rayon là-bas si vous le souhaitez. Vous voulez ajouter une bordure, vous pouvez le faire. Si vous voulez le rendre vraiment rond, vous pouvez le faire. Donc, c'est à vous de décider comment vous voulez jouer avec ça. Alors permettez-moi de revenir à 14. C'est donc beau et rond. Nous y voilà. Et oui, il suffit d'avoir les coins légèrement arrondis et petites choses subtiles et sinon, ça a vraiment l'air sympa. Donc, dans l'ensemble, je suis très content de la façon dont cette page d'accueil se présente, et c'est ainsi que vous pouvez mettre à jour les images cette section avec vos propres images personnalisées. Encore une fois, il s'agit d'une image de 1 200 x 800. Vous pouvez l'obtenir sur un large éventail de sites Web. J'aime utiliser Canva personnellement pour toutes mes images, puis les convertir en fichier WebP, télécharger sur votre site Web et modifier la copie selon les besoins 15. 15 Ajouter une FAQ et une section de témoignages: Ensuite, nous pouvons ajouter une FAQ et une section de témoignages sur notre page d'accueil L'objectif d'une FAQ est donc de répondre aux objections que les gens pourraient avoir à tirer parti de ce que vous proposez, qu' il s'agisse d'un cours gratuit, d'un téléchargement gratuit pour votre ou d'un produit payant. Et évidemment, les témoignages sont utiles s'ils sont vérifiables, car, encore une fois, il ne s'agit que d'une forme de preuve sociale. Alors, comment s'y prendre ? Revenons donc à ces sites. J'ai donc ouvert la page ici. Permettez-moi de minimiser cela. Laissez-moi faire défiler la page vers le bas et si nous cliquons sur cet élément juste là, vous pouvez voir le signe plus. Vous ne voulez pas cliquer sur celui-ci parce que vous cliquez sur le signe plus, cela ajoute tout à cette section , ce que nous ne voulons pas faire. Vous voulez cliquer ici. Et maintenant, nous ajoutons une autre section en dessous de cette section. Cela a du sens. Quoi qu'il en soit, allez-y et cliquez sur le signe plus Cliquons sur les nœuds A. Nous allons cliquer sur les motifs. Et je crois que c'est là que se trouve la FAQ, donc il faut faire défiler la page un peu vers le bas. Oui, allons-y. Nous avons donc maintenant la FAQ ici. Nous pouvons donc cliquer sur ce l'ajouter automatiquement à notre site. Et très beau design. Mais une petite chose, je ne sais pas pourquoi cela continue de s'ajouter au milieu du site. Déplacez-le simplement vers le bas, déplacez-le vers le bas. Continuez simplement à le déplacer vers le bas. Nous y voilà. Et évidemment, vous pouvez ajuster l'apparence de cette section directement sur place. Quoi qu'il en soit, nous voulons donc ajouter une petite section de témoignages afin que nous puissions cliquer dessus, parcourir tous les modèles, puis nous aurons des témoignages juste en bas. Ensuite, nous pouvons ajouter le témoignage que nous voulons, peut-être celui-ci juste là et qui a l'air bien ici J'aime la façon dont ce type de mélange se mélange, mais nous pouvons le déplacer vers le bas. Nous y voilà. Nous avons donc maintenant une jolie petite section FAQ qui mène à une section de témoignages ici OK, alors comment modifier et ajuster ces deux sections ? Donc, tout d'abord, j'aime qu'ils se mélangent, donc je garderais la même couleur de fond. Donc, si vous optez pour le noir, gardez-le simplement noir ou quelle que soit la couleur d'accent que vous utilisez. Mais de toute façon, pour tout régler, c'est très simple. Il s'agit d'une section, il vous suffit de cliquer dessus. Vous naviguez en haut pour accéder à vos paramètres, puis juste ici, vous avez vos couleurs. Vous avez la couche ici, que vous pouvez modifier et utiliser si vous le souhaitez. Personnellement, j'aime bien la façon dont cela est présenté tel quel. Et nous voulons cliquer ici pour les styles. Vous avez votre couleur d'arrière-plan juste là, vous pouvez donc la changer pour hériter couleur du thème ici ou peut-être transformer en gris clair ou en vert ou ce que vous voulez faire Vous pouvez simplement jouer avec cela, car il s'agit de votre site Web. Tu peux faire ce que tu veux. Donc, juste une petite chose, laissez-moi la changer pour la couleur du thème. Qu'est-ce que tu remarques ? Et permettez-moi de changer le texte ici en noir. Donc, pour certaines choses, vous devrez en quelque sorte cliquer manuellement sur les éléments ici et les surligner, puis les changer pour la couleur correspondante. Donc, soyez simplement conscient de cela. Mais j'aime le noir. Personnellement, j'aime bien son fonctionnement et son apparence. La configuration est donc plutôt sympa. Il est donc très simple de créer une nouvelle ligne. suffit de cliquer dessus pour comprendre de quel élément il s'agit Il indique le bloc, puis séparateur est sélectionné sous forme de ligne large. C'est donc ce que nous devons ajouter. Nous cliquons donc dessus et quoi avons-nous besoin ? Nous avons besoin d'un séparateur. Il nous faut donc un séparateur, la mousse et c'est parti. Nous voulons une ligne large et nous voulons que la couleur soit blanche. C'est aussi simple que ça. Maintenant, une fois que nous sommes en dessous, nous voulons cliquer ici, en tapant Bonjour, je vais cliquer sur le bouton bas, pour que le message se déplace en dessous. Et ce sont les trois balises de titre H. Nous allons cliquer ici, changer cela en paragraphe. En-tête. Maintenant, le titre a disparu car H deux est défini comme noir. Nous allons cliquer ici jusqu'à H trois, et maintenant nous devons changer la couleur manuellement. Alors cliquez ici, cliquez sur le blanc, et c'est parti. Il suffit donc d'appeler ce nouveau titre, et nous le soulignerons à nouveau. Cliquez ici pour A, faites en sorte que ce soit blanc. Voilà. C'est un nouveau titre, puis Hello world. Je vais rester simple comme ça. Donc, évidemment, c'est ainsi que vous ajustez cette section ici. C'est très simple. Ce ne sont que de petits paragraphes , trois balises de titre. Ce paramètre est défini comme H deux. Du point de vue du référencement, cela a du sens. Voici donc le titre de la section. Ce sont des sous-titres ici. Je le garderais donc tel quel. Si vous voulez vous débarrasser de cette grosse FAQ, vous devriez probablement les remplacer par H deux, H deux, H deux, etc. Et je ferais en sorte que la FAQ soit courte et agréable. Comme si c'était parfait, L un, deux, trois, quatre, peut-être cinq, Max. C'est tout ce que j'aurais pu faire. Quatre, je m'en tiendrais probablement à quatre, par défaut. Laisse-moi juste m' en sortir. Nous y voilà. Et il suffit d'ajuster le texte et, encore une fois, répondre aux objections que les gens pourraient avoir à l'idée de suivre le cours , de télécharger le produit ou d'acheter votre produit Qu'est-ce que la section des témoignages ? Encore une fois, c'est la même chose qu'avant. Il vous suffit de cliquer sur le bloc entier là-bas pour changer la couleur, le texte, la taille de la police et toutes ces bonnes choses là-bas. Et avec ce modèle ici, il est possible d'ajouter une petite image. Maintenant, c'est très bizarre. Je ne sais pas quel est le bon mot. De la façon dont cela fonctionne, cela fonctionne. Ce n'est tout simplement pas intuitif. Par exemple, vous voulez penser comme, Oh, je vais cliquer sur l'image ici et je vais cliquer sur les textes médians et ceci Non, non. Ce que ça fait, ça transforme ce petit cercle en un de ces objets là-haut. Ce n'est pas ce que nous voulons faire. Vous voulez littéralement cliquer sur le cercle juste là. Petit côté, je peux faire défiler la page vers la gauche et vers la droite avec la barre de défilement. Vous souhaitez faire défiler la page vers le bas. Vous souhaitez cliquer sur Upload. Je sais C'est ridicule. Maintenant, nous voulons simplement cliquer sur une image, téléchargeons l' image directement sur place, puis tout formate correctement, et c'est ainsi que vous pouvez ajouter une image avec cette image si vous vous demandez comment cela fonctionne. Vous devez cliquer sur le petit cercle, faire défiler l' écran vers le bas et chercher là où il est écrit, téléchargez et téléchargez l'image de cette façon. Mais dans l'ensemble, je trouve que cela semble plutôt sympa dès la sortie des sentiers battus. 16. 16 Ajouter des articles de blog à la page d'accueil: Article de blog sur notre page d'accueil. Maintenant, pour ce type de design, je ne suis pas un grand fan des articles de blog sur la page d'accueil, simplement parce que cela détourne l'attention du principal appel à l'action, qui consiste à cliquer sur ce bouton juste là. Mais je sais que beaucoup d'entre vous vont se demander «   Comment ajouter un article de blog à ma page d'accueil ? » Alors laissez-moi simplement vous montrer comment procéder. Maintenant, la première chose que vous devez faire est de cliquer pour quitter cet élément et de naviguer jusqu'à cette section blanche. Cliquez ensuite sur le signe plus. La seule raison est que tout ce contenu est en quelque sorte regroupé. Donc, si je clique ici pour le signe plus, je clique sur Parcourir, puis sur Motifs. Cliquez sur publier, et je ne sais pas, laissez-moi simplement sélectionner l'un d'entre eux ici. Nous allons cliquer sur celui-ci, puis l' ajouter en haut. C'est donc un gros gâchis et difficile à déplacer. Alors, éloigne-toi de ça. Alors laissez-moi naviguer jusqu'ici. Nous voulons donc nous en éloigner. Cliquez ici. Cliquez sur le signe plus. Cliquez sur le paragraphe. Boom, on y est. Maintenant que nous avons la section du paragraphe juste là, nous pouvons cliquer sur le signe plus. Ensuite, nous pouvons cliquer sur Tout parcourir, puis sur Modèles, naviguer ici pour les articles, puis vous pouvez sélectionner celui que vous voulez. Donc, si vous voulez qu'une image et un texte aillent de pair, c'est très bien. Je vais sélectionner celui-ci ici. Je ne sais pas Cela attire simplement mon attention avec le très gros texte. Alors laissez-moi cliquer là-bas, et ça a l'air vraiment bien. Peut-être que le texte est un peu trop grand, peut-être qu'il est un peu trop large. Voyons voir. Permettez-moi de cliquer sur le haut ici. Sauvegardons le design. Et puis laissez-moi aller sur la page d'accueil et voir à quoi cela ressemble. Alors faites défiler la page vers le bas. Et oui, ça attire l'attention. J'aime bien ça, mais d' accord, comment l'ajuster ? Peut-être le réduire un peu. Il vous suffit donc de cliquer sur les éléments ici, et ce ne sont que tous les éléments. Cliquez ensuite ici pour accéder à vos paramètres, puis cliquez sur les styles qui s'y trouvent. Ensuite, taille personnalisée, nous pouvons la rendre un peu plus petite si nous voulons, peut-être 4,6. Ensuite, nous avons une tape ici. Alors peut-être que c'est un peu trop large, cela ne nous plaît pas. Augmentez-le légèrement comme ça. Nous allons cliquer sur Enregistrer pour laisser un peu plus de marge de manœuvre à gauche et à droite du titre. Allons-y, rechargez-le et ça a l'air bien. Donc j'aime bien la façon dont tout cela est en quelque sorte décomposé. Encore une fois, vous pouvez simplement jouer avec cela pendant votre temps libre ou peut-être simplement vouloir le réduire beaucoup, comme ça. Vous pourriez aller de l'avant et le faire ou peut-être un peu plus gros comme ça. Quoi qu'il en soit, cela dépend entièrement de vous. Vous pouvez jouer avec les différentes mises en page des articles de blog Je vais probablement le garder comme ça. J'aime bien ce design. Quoi qu'il en soit, c'est ainsi que vous ajoutez un blog à votre page d'accueil 17. 17 CTA final: Enfin, nous devons ajouter un dernier appel à l'action pour notre site Web. Nous avons donc ce qu'on appelle l' action en haut, le mini-cours, toutes ces bonnes choses. Ensuite, l'utilisateur fait défiler la page Web ici, une autre interruption pour cliquer sur le bouton Nous devons maintenant ajouter une dernière action appelée tout en bas à droite pour effectuer l' action appelée principale, qui consiste à cliquer sur ce bouton, à obtenir le contenu gratuit, à vous inscrire sur notre liste de courrier électronique. Alors, comment s'y prendre ? Nous voulons donc simplement ajouter un autre appel à l'action , à savoir de nombreuses sections prédéfinies que nous pouvons facilement ajouter Vous voulez donc simplement l'ajouter sous ce bloc. Vous ne voulez donc pas cliquer ici ou ici, ajoutez-le juste en dessous de celui-ci. Cliquons donc sur le signe plus puis sur Tout parcourir. Cliquez sur les motifs. Cliquez sur l'appel à l'action. Et il existe différents appels à l'action. Ici, en fait, il y en a deux, désolé, pas deux. Bref, vous avez celui-ci juste là, rejoignez 10 000 abonnés, puis celui-ci avec la petite icône de l'e-mail Personnellement, j'aime bien celui-ci parce que nous avons un aimant. Je modifierais donc le texte le cas échéant, car c'est un peu mieux si vous créez un bulletin d'information électronique de marque, et le bulletin d'information électronique est l'offre. Bref, je vais cliquer sur celui-ci juste là, et c'est parti Il ne nous reste plus qu'à changer la copie ici. Je veux donc que le texte reflète l'appel à l'action qui figure tout en haut de la page, à savoir comment créer des vidéos de voyage rentables pour les blogueurs Vous voulez donc le souligner à nouveau ici, rejoignez 900 autres personnes et apprenez à créer des vidéos de voyage rentables. Apprenez à faire XYZ une, deux, trois choses, bla, bla, bla Ensuite, ce bouton est là. Ça va. Je veux dire, je échangerais avec ce bouton. Encore une fois, vous devez suivre l' ensemble du processus, le mettre à jour et redessiner le bouton ici Permettez-moi donc de cliquer sur Enregistrer ici. OK, donc de toute façon, jetons un coup d'œil à la page d'accueil et voyons comment cela s'est passé. Donc, ici en bas, ça a l'air plutôt sympa. Peut-être qu'il y a un petit excès de rembourrage juste là dont nous pouvons nous débarrasser Je n'ai donc pas vraiment besoin de cet espaceur, donc nous pouvons supprimer ces éléments Maintenant, nous avons cette section ici. Donc, si je clique dessus, nous pouvons cliquer ici et voir le rembourrage dans son ensemble Il y a donc un peu de rembourrage autour de ce bloc, nous permet de le réduire et de voir à quoi cela ressemble. Cliquons sur Enregistrer. Encore une fois, je n'ai fait que sélectionner le bloc, l'élément, le bloc, cliquer ici pour les styles, puis réduire le rembourrage C'est ce que l'on appelle cela lorsque vous voyez de l'espace entre différents éléments de la page, nous le rechargeons Et, oh, oui, ça a l' air bien mieux. Voici donc le pied de page, appelé actions. Nous cliquons à nouveau ici et minimisons peut-être complètement le rembourrage. Nous n'avons besoin d'aucun rembourrage. Pour cela, cliquez sur Enregistrer. Et rechargeons-le. Ouais, j'aime vraiment ça. Ça a donc l'air fantastique tout en bas de page. Encore une fois, bien sûr, vous pouvez le concevoir, alors assurez-vous simplement que tout le reste est bon. Pourtant, je n'ai rien ajusté sur la page Web. Ça me plaît. Maintenant, la seule chose que vous devez faire à partir de maintenant est évidemment de changer la copie. Il devrait donc rejoindre 3 000 autres personnes et avoir accès au mini-cours. Apprenez à faire XY Zoo un, deux, trois, bla, bla bla bla bla bla. Boum. Ensuite, le bouton juste là doit correspondre à ce bouton. Joli gros bouton cliquable avec une bonne copie en bas, juste ici Quoi qu'il en soit, passons par ici, puis par ici, nous pouvons simplement le supprimer ensemble, le supprimer, puis naviguer ici, puis faire la même chose qu'avant Cliquez sur le bouton, créez le bouton juste là, style par défaut. Et puis ici, vous pouvez simplement suivre tout ce processus et modifier et ajuster ce bouton selon vos besoins. Alors, désolé, optez mini-cours de 0 à 1 km. Nous y voilà. Donc ça a l'air bien. Et puis, en effet, c'est sombre. Non, je veux que ça se lève. Et puis les couleurs des boutons. Il suffit de changer la couleur du bouton juste là. Taille et espacement. Je veux que ce soit un gros bouton sur toute la largeur juste là. Bordures et ombres. Oui, je voudrais être un peu arrondie, puis peut-être un peu d'ombre. Minimisez donc cela, puis la typographie. Allez vite par ici. Je veux que le poids soit audacieux. Je veux que la taille de la typographie soit un peu plus grande et qu'elle attire davantage l'attention, peut-être que ça a l'air Et puis nous avons à nouveau besoin de cette couleur. Alors laissez-moi cliquer en haut pour voir ce que c'est. Et des fesses en couleur, prends ça. Nous allons le souligner, boum. Copiez, faites défiler à nouveau et cliquez ici. Très bien, donc couleur des boutons Éloigne-toi de ça. Collez-le dedans. Boom, on y est. Nous avons donc besoin d'un peu d'espace, donc je vais juste cliquer dessus, appuyer sur Entrée, juste pour l' espacer un peu. Et nous y voilà. Cliquons donc sur Enregistrer. Très bien, alors regardons maintenant la page, voyons à quoi elle ressemble. Oui, c'est génial. Encore une fois, vous pouvez changer la couleur d'arrière-plan et d'autres choses de ce genre si vous le souhaitez. Vous pouvez donc cliquer ici pour l'ensemble de cet élément, vous pouvez changer l'image de fond en une couleur spécifique si vous le souhaitez. Il comporte donc deux couches comme couche extérieure et couche intérieure Vous devez donc cliquer ici pour changer cette couleur. Alors cliquez ici, pour que ça corresponde. Donc, si tu veux encore une fois, si tu veux juste faire ça, ne le fais pas. J'aime que le blanc soit beau, mais c'est comme ça qu'on l'ajuste. Vous pouvez donc faire quelque chose de simple comme ça. Quoi qu'il en soit, bon exemplaire là-bas. Et vous pouvez également avoir un emoji, si vous le souhaitez. Alors Emoji, main baissée, ouvrez, c'est bon, alors ouvrons-le ici Copie. Nous pouvons le mettre là, le coller, enregistrer. Voilà, on y va et on le recharge. Et oui, une jolie petite chose subtile. Donc, si vous voulez ajouter cela. Quoi qu'il en soit, ça a l'air vraiment bien. Nous avons maintenant le pied de page et l'en-tête à ajuster. Quoi qu'il en soit, la page d'accueil est belle, tous ensembles confondus, et vous devriez avoir suffisamment de connaissances sur la façon de personnaliser et de modifier chacune de ces sections 18. 18 logos: Ajout d'un logo pour notre site Web. La page d'accueil est faite en gros. Mettons maintenant à jour ce logo textuel ennuyeux ici. Comment faites-vous cela ? C'est très simple. Retournez à votre tableau de bord WordPress, naviguez ici jusqu'à l' endroit où il est écrit apparence. Ensuite, vous devez cliquer sur l'éditeur. Attendez maintenant quelques secondes pour que l'éditeur se charge, puis vous souhaitez cliquer sur le design. Nous y voilà. Alors, cliquons dessus. Et maintenant, nous voulons sélectionner la section d'en-tête, cliquez sur la section d'en-tête. Ensuite, vous devez cliquer sur Modifier juste à cet endroit. Et puis vous avez cette boîte juste ici. C'est ici que vous pouvez télécharger un logo. Vous cliquez donc dessus pour télécharger un logo. J'ai donc créé un logo ici. Ajouter votre logo est très simple. Tout ce que vous avez à faire est de créer un logo, puis de le glisser-déposer en place. Permettez-moi donc de sélectionner ceci. Et vous voulez l'appeler le nom de votre site Web. Et le logo du texte juste là. Ensuite, continuez et cliquez sur Sélectionner. Ensuite, le logo devrait apparaître. Nous allons donc développer cela un peu. Nous y voilà. Maintenant, nous avons du texte ici, vous avez donc deux options. Vous pouvez soit simplement économiser de l'espace , soit supprimer complètement cette section de texte si vous le souhaitez, c'est aussi simple que cela. Maintenant, la partie la plus compliquée est comme : «   Eh bien, comment créer un logo ? Laissez-moi ouvrir Canva. Canva est ce que j'utilise pour créer des graphismes. Vous pouvez créer un compte Canva gratuit et créer des graphiques. Maintenant, une fois que vous avez créé votre compte, vous devez cliquer ici pour la taille personnalisée. Cliquez sur Taille personnalisée. J'ai trouvé que 300 x 80 pixels fonctionnent le mieux, puis cliquez sur Créer un nouveau design. Ensuite, il s'ouvrira avec un espace blanc de 300 x 80, puis vous pourrez ajouter un logo. Ici, vous pouvez jouer et créer votre propre logo. pu le concevoir, c'est que j'ai cliqué ici pour le texte, puis j'ai cliqué ici pour la combinaison de polices Ensuite, j'ai juste joué avec la combinaison de polices. Mais vous pouvez créer des logos personnalisés à partir de zéro si vous le souhaitez. Donc, la police ici est composée d'écrans bleus TT. Ensuite, les effets ici sont des décalages comme celui-ci, puis la direction dans laquelle vous pouvez changer de direction Et évidemment, vous pouvez jouer avec les différentes couleurs ici pour le design du site. Vous voulez donc que la couleur d'accent corresponde la couleur d' accent de votre site Web. Lorsque vous êtes prêt à télécharger, il vous suffit de cliquer sur Partager. Cliquez ensuite ici pour télécharger le logo, puis téléchargez-le sur votre site Web. Par ici. C'est vraiment aussi simple que cela. 19. 19 Conception de menus: Modification de la section du menu de notre site Web. Donc, juste ici, j'ai ajouté quelques pages supplémentaires. Passons maintenant au blocage des ressources de contact, et bien sûr, nous avons la page d'accueil dès le début du didacticiel. Maintenant, la façon dont ce menu fonctionne avec ce thème est que chaque page que vous créez remplit automatiquement le menu situé en haut Je n'ai donc fait qu'aller sur les pages, puis j'ai cliqué sur Ajouter une nouvelle page, et j'ai simplement créé une page À propos, une page de blog, une page de contact, etc., cliqué sur Publier, puis je l' ai ajoutée automatiquement au menu C'est sympa et cela peut aussi être un peu ennuyeux car vous ne voulez pas ajouter chaque page à votre menu. Parfois, vous souhaitez simplement créer une page pour une raison quelconque. Mais ce n'est pas grave car vous pouvez supprimer n'importe quel type de page. Page d'accueil Je vais supprimer et je vais vous montrer comment tout cela fonctionne. Donc, une fois que vous avez ajouté quelques pages, je suggère une page à propos, une page contact, des choses comme ça. Allez-y et ajoutez-le. Et allons-y, supprimons la page d'accueil, et je vais vous montrer comment ajouter des pages supplémentaires à votre menu que vous souhaitez ajouter, ainsi qu'un bouton. D'accord, alors de toute façon, accédons ici à notre tableau de bord WordPress Et passons ici à l'apparence. Et nous devons revenir à la section d'en-tête, où nous en étions lorsque nous avons ajouté le logo. Nous retournons donc aux mêmes endroits. Alors, cliquons sur le design. Cliquons sur l'en-tête. Cliquons sur Modifications. Et nous y voilà. OK, nous voulons donc jouer avec le menu, alors cliquez sur le menu. C'est aussi simple que cela, puis cliquez sur la page d'accueil ici. Donc, une fois ce menu sélectionné, vous devez cliquer sur Modifier page d'édition correspond donc écrans de navigation, à vos sites Web, à vos pages. L'édition vous permettra d'ajouter, de réorganiser des pages. Toutefois, les nouvelles pages ne seront plus ajoutées automatiquement. Oui, nous ne voulons pas que de nouvelles pages soient ajoutées automatiquement. C'est pratique au début, mais vous voulez avoir un peu plus de contrôle. Il suffit donc de cliquer sur Modifier. Maintenant, vous devez ajouter manuellement les pages comme bon vous semble, comme j'aime à le dire. Quoi qu'il en soit, page d'accueil. Nous n'avons pas besoin d'un lien d'accueil, car les utilisateurs peuvent cliquer sur le logo pour revenir à la page d'accueil. Donc, tout ce que j'ai fait est de sélectionner la page d'accueil. Naviguez ici, cliquez sur Supprimer. C'est aussi simple que ça. OK, nous avons maintenant les éléments de menu sélectionnés ici. Nous cliquons sur plus, puis nous pouvons ajouter des éléments supplémentaires ici si nous le voulons. Mais ce n'est pas ce que nous voulons faire. Nous voulons cliquer sur l'élément de menu comme ça. D'accord ? Voyez la différence. Maintenant, une fois que nous avons cliqué ici, nous pouvons ajouter des liens supplémentaires. Nous cliquons ici, cliquons sur NTS, recherchons ou tapons ARL ou cliquons sur Ajouter un bloc. Donc, juste ici, une fois que vous avez créé une page, vous pouvez naviguer et la trouver ici, il suffit de l'ajouter facilement comme ça. Mais encore une fois, nous avons déjà ajouté un blog, alors faites en sorte de le supprimer. C'est ainsi que cela fonctionne de ce point de vue. Ou vous pouvez simplement taper un mot, alors tapez learn. Cliquez sur « Plus terminé ». Tout ce que j'ai fait, c'est taper un mot, appuyer sur Entrée, puis l'ajouter. Mais le problème est qu'il ne renvoie à rien Vous devez donc passer la souris dessus manuellement, puis cliquer ici pour le lien, puis cliquer sur la petite icône en forme puis cliquer ici pour le lien, puis cliquer sur la de crayon. Nous avons le texte juste là, puis le lien ici, ce n'est pas un lien. Ce n'est lié à rien, vous devez donc taper sur le site Web. Nous allons donc simplement dire blackout.com slash, je ne sais pas, nous allons Peut-être créer une page intitulée Learn. Ici, sous Avancé, vous pouvez choisir de l' ouvrir dans un nouvel onglet. OK, donc j'espère que tu comprends. J'espère que cela a du sens. J'espère que ce n'est pas trop compliqué, alors laissez-moi supprimer cela. Alors permettez-moi de cliquer sur ce petit signe plus ici, ajouter un bloc juste là. Ensuite, vous pouvez ajouter un bouton en haut si vous le souhaitez. Encore une fois, le même problème avec ce bouton est le même avec les autres boutons où vous n'avez pas beaucoup de contrôle sur l'animation et le style de celui-ci. Alors permettez-moi de cliquer ici. Je vais juste dire de cliquer ici. Ouais Quoi qu' il en soit, une fois le bouton sélectionné, vous cliquez toujours sur Styles. Alors naviguez ici ou, désolé, pas sur les styles. Faux. Les styles affectent l'ensemble du site Web. Vous voulez cliquer sur les paramètres, le bouton sélectionné, cliquer ici, puis vous pouvez changer la couleur d'arrière-plan du bouton juste là. Alors, éloignez-vous de ça et reculez de ça. Donc, vous savez, encore une fois, c'est à vous de décider si vous voulez ajouter un bouton juste là, vous pouvez le supprimer et le supprimer. Allons-y. OK, ou tu pourrais le faire ici. Nous cliquons sur le bloc au milieu puis saisissons le bouton. Ici, vous pouvez ajouter un bouton d'appel à l'action approprié. Alors, optez pour le mini-cours de dix kilomètres, ou nous l'appellerons le mini-cours de zéro à un kilomètre. Et puis, bien sûr, vous devez accéder à vos paramètres et jouer avec le design complet de ce bouton. Genre, eh bien, je ne veux pas le bouton au milieu. C'est un peu bizarre. Genre, ça a l'air bizarre. Alors, comment inversez-vous les choses ? Vous cliquez ici avec cette petite flèche, déplacez vers la gauche, c'est fait. Maintenant, vos logos sont un peu plus centrés avec le bouton principal appelé bouton d'action ici. Voici donc vos deux options avec un bouton. Donc, soit vous cliquez ici pour le signe plus, puis vous ajoutez le bouton manuel juste là. Vous pouvez cliquer sur Tout parcourir. Permettez-moi de cliquer sur les boutons pour voir comment cela fonctionne. Et peut-être que ça marche. Permettez-moi de cliquer ici. Et oui, d'accord, donc ça a tendance à y mettre fin. Ajoute-le en dessous sur moi, retire-toi de ça. Éloignez-vous de ça, sortez de ça, sortez de ça. Et allons-y et supprimons le bouton juste là. OK, et allez-y, supprimez-le. Cliquons ici. Ajoutons donc un bloc, parcourons tout. Un bouton est là, et c'est parti. Nous avons le bouton juste à côté. Ce sont donc vos deux options. Vous pouvez donc soit ajouter le bouton juste là et le déplacer vers la droite, ce qui laisse un peu d'espace, soit ajouter le bouton dans l' élément du menu principal ici. Donc, juste pour appeler à nouveau ce D, ou 020, deux, un K, mini-cours. Ensuite, nous avons l' élément de menu juste là. OK, cliquons ici avec éléments, et ça a l'air bien. Encore une fois, il vous suffit de sauter ici, accéder à vos paramètres, puis faire correspondre le bouton au bouton que vous avez ici. J'espère donc que cela a du sens. C'est ainsi que vous pouvez ajouter et supprimer des éléments de votre menu. Vous pouvez également ajouter un bouton, mais encore une fois, vous devez tout sélectionner comme ceci. Cliquez dessus, sur le signe plus, Ajouter un bloc, puis parcourez tout, puis tapez littéralement le bouton et trouvez ce bouton de bloc empilable juste là ce bouton de bloc empilable juste Vous pouvez également cliquer ici pour ajouter un bouton à l'élément du milieu à droite, puis déplacer le bouton vers la droite. L'élément de menu se déplace un peu vers le centre. Donc, de la manière qui vous convient le mieux. Personnellement, j'aime bien l'apparence avec le logo juste là et cet élément. OK, donc je suis allé de l' avant et j'ai mis à jour le style du bouton ici pour qu'il corresponde au bouton principal appelé Action juste en bas avec une petite copie rapide. Revenons donc à la conception du logo, il suffit de cliquer sur le bouton juste là. Donc, juste pour vous montrer quelques choses que j'ai fait pour le style, je l'ai par défaut. J'ai l' effet de survol car il assombrit, le lien là-haut renvoie à votre page d'appel à l'action principale, à votre page destination, à votre page de compression , à la page vers laquelle vous allez diriger l'utilisateur final La couleur du bouton est là, couleur du bouton est réglée la même couleur que celle que j'utilise là-bas. Ensuite, ici, j'ai des bordures et des ombres, le rayon des bordures est la façon dont vous les arrondissez. Je n'aime pas les arêtes vives comme ça. C'est toujours un peu sympa. Et puis le contour de l'ombre, si tu veux. Cette option est facultative. J'aime son apparence là-bas, et c'est à peu près tout. C'est tout ce que j'ai vraiment fait pour ça. Encore une fois, il suffit que le logo et le bouton soient de la même couleur, et que le bouton ci-dessus corresponde aux boutons que l'on trouve ailleurs sur le site Web , car vous échangez au visiteur final le fait que vous cliquez sur le gros bouton bleu pour profiter de l'offre. 20. 20 Couleur de fond d'en-tête: Comment modifier la couleur de fond de votre en-tête. Donc pour le moment, tout est réglé sur blanc, et j'aime bien son apparence. Mais si vous êtes du genre : «   Eh bien, non, je veux un arrière-plan coloré, comment puis-je faire ? C'est comme ça que tu le fais. Retournez dans votre éditeur. J'ai sélectionné la section d'en-tête. Maintenant, la première chose à faire est de vous assurer de cliquer sur toute la section d'en-tête. Le S a un contour bleu. Cela signifie que tout est sélectionné. Ni ceci, ni cela. Permettez-moi de cliquer ici. Oui, comme ça. Ce n'est pas ce que tu veux. Vous ne voulez pas cliquer sur le bouton au milieu d'ici. Vous voulez vous assurer que tout est sélectionné. Une fois que vous avez sélectionné le bloc, naviguez ici jusqu' à l'endroit où il est écrit styles. Cliquez là-bas, puis vous aurez un tas d' options différentes pour changer l'arrière-plan. Tout d'abord, je peux changer la couleur du texte. Si je veux le faire pour une raison ou une autre, je vais le laisser en noir. Si je veux changer la couleur de fond une couleur différente, je peux le faire. Si je veux ajouter une image d'arrière-plan, s'il y a un type d'image de motif que vous souhaitez utiliser, vous pouvez l'utiliser. Vous pouvez également modifier la typographie ici, agrandir ou réduire les choses, comme vous le souhaitez là-bas Vous pouvez augmenter le rembourrage, l'agrandir, le froisser à gauche et à droite, réduire la marge Encore une fois, il y a certaines choses avec lesquelles vous pouvez jouer ici. Et vous pouvez également y ajouter une bordure. Une bordure peut donc être utile, par exemple, ici , il n'y a pas de bordure. Et si tu veux, je veux une légère ligne noire sur le dessus comme ça. C'est ici que vous devez sélectionner une bordure pour faire exactement cela, puis cliquer ici pour le style. Donc, pour le tableau d'ici, je garderais ce zéro, zéro, et nous garderons ça comme un. Vous avez donc un joli petit séparateur de ligne, l'en-tête du corps, le site Web. Si tu veux faire ça, ce que je ne fais pas. Et c'est vraiment tout pour les différentes options dont vous disposez pour concevoir l'en-tête en ce qui concerne la couleur. Maintenant, une chose que vous remarquez ici , c'est que le logo a un fond blanc ? Vous vous demandez : « Pourquoi est-ce que c'est le cas ? C'est parce que le logo n'a pas de fond transparent. Donc, si je reviens ici à mon logo, je clique ici pour le partager, le télécharger. Ici, il est écrit que le fond est transparent. Il suffit de cliquer dessus, et l'image aura un arrière-plan transparent. Mais une petite chose est qu'il s'agit d'une fonctionnalité payante de Canva, vous aurez donc besoin d'un abonnement payant ou d'y avoir accès Sinon, si vous êtes du genre, je ne veux pas payer pour Canva, très bien Vous pouvez télécharger l'image telle quelle. Mais vous devez ensuite utiliser un autre outil, comme un site Web générateur de transparence PNG. Je viens de le trouver pour que vous puissiez simplement télécharger votre image PNG là-bas. Ensuite, je vais en faire un fond transparent là-bas si vous ne voulez vraiment pas payer. Mais encore une fois, je paie pour Canva parce qu'il est très utile et que je l'utilise tout le temps Mais en réalité, c'est tout ce que vous devez savoir pour modifier et ajuster votre en-tête. 21. 21 pied de page: Modification et conception du pied de page de notre site Web. Naviguons donc jusqu' au bas du site Web. Voici donc le pied de page de ce thème. Et par défaut, j' aime bien ça. Ça a l'air vraiment bien. La seule chose que je changerais probablement, c'est que je changerais ces liens ici pour autre chose. Je mettrais donc toujours les termes de confidentialité, vos pages juridiques ici. Je passerais donc de conception avec WordPress à la copie de votre site Web, aux conditions, à la confidentialité, etc. Ensuite, je reformulerais simplement cela de confidentialité aux informations sur l'entreprise, peu importe, puis j'ajouterais des liens supplémentaires là-bas Ensuite, les liens vers les réseaux sociaux. J'aime bien ça. Ça a l'air bien. Il vous suffit de mettre à jour ces liens pour qu'ils renvoient à votre profil sur les réseaux sociaux. Permettez-moi donc de vous montrer un bref exemple de mon pied de page préféré, pas de tous les temps, mais c'est un peu Grandios, mais c'est un bon Donc, le logo du site Web, quels sont les sites sur l'entreprise, apprenez des informations sur le nom que vous voulez lui donner, puis les liens, puis la quatrième colonne là-bas, les liens vers les réseaux sociaux. E-mail, numéro de téléphone, adresse physique de l'entreprise. C'est ce que tu peux faire ici. Copiez les conditions du site Web, confidentialité, c'est fait. Je ferais donc quelque chose de similaire ici. Par défaut, j'aime bien ça. Encore une fois, comme je l'ai dit, je changerais simplement de com là-bas. Quoi qu'il en soit, comment modifiez-vous et ajustez-vous ? Vous devez donc passer dans l'éditeur. J'ai donc ouvert l'éditeur ici. Cliquons sur le design. Laisse-moi m'éloigner de ça. Et faisons défiler la page jusqu'en bas. Bien, passez la souris sur le pied de page, vous verrez le vin violet Cliquez sur ce vin violet, et maintenant vous pouvez cliquer sur Modifier ici. Et c'est aussi simple que ça. Vous êtes en train de modifier le pied de page. Vous pouvez donc cliquer ici pour agrandir le logo si vous le souhaitez. Comme sur cet autre site Web, vous pouvez avoir un petit slogan, décrire le sujet des sites Comme un blog sur la flagellation. Je ne sais pas, peu importe. Alors, à peu près, c'est bon. Ensuite, vous pouvez simplement cliquer ici. Donc, ce sont tous des liens là-bas, donc vous cliquez sur NTs. Cliquez ici. Il y a un lien d'ancrage juste là. Donc, si vous voulez changer cela, par exemple, cela dit « vous savez », peu importe. Vous pouvez revenir en arrière pour réellement modifier le texte Alors appelez simplement Hello à titre d'exemple. Ensuite, vous pouvez le mettre en évidence ici , puis mettre à jour le lien avec autre chose. Ce serait donc comme si vlog how.com supprimait le titre de la page. Vous pouvez donc simplement parcourir manuellement chacun de ces éléments et tout modifier selon vos besoins. Ensuite, le design avec WordPress là-bas, je voudrais évidemment, comme je vous l' ai dit, changer cela et je ferais en sorte que ce soit copier un journal, comment, puis j'aurais peut-être un séparateur de page. Nous y voilà. Ensuite, la confidentialité, termes relatifs au séparateur de pages, etc., puis insérez vos pages légales. Ensuite, créez ces liens, vous devez les surligner, cliquer sur le lien, puis vous pouvez soit créer un lien vers une page qui existe déjà. Donc, si vous avez déjà créé une politique de confidentialité, vous pouvez simplement créer un lien vers celle-ci à partir d'ici ou vous pouvez simplement saisir manuellement l'URL. Vous pouvez donc taper une barre oblique sur voghow.com. Politique de confidentialité. Maintenant, évidemment, vous devez créer une page pour la politique de confidentialité, mais c'est ainsi que vous pouvez ajouter des liens ici où vous trouverez vocow.com, peu vous trouverez vocow.com, OK. C'est ce que j'en ferais ici. Maintenant, permettez-moi de cliquer ici pour les paramètres et de cliquer à nouveau sur le carré. Nous avons maintenant sélectionné l' ensemble du modèle , et ici, lorsque vous cliquez sur Template Part, vous pouvez facilement changer le design pour une autre mise en page du modèle. Donc, par exemple, c'est une jolie mise en page minimaliste que j'aime bien. Celui-ci a l'air bien. Toutes ces parties du modèle sont superbes. Vous pouvez donc modifier et ajuster comme vous le souhaitez. Personnellement, j'aime bien celui-ci. C'est bien de commencer avec un menu très simple, juste un autre. Ensuite, je changerais simplement de design avec Wordpress et je le mettrais à jour, encore une fois, en copiant le site Web, les conditions , la confidentialité, et je supprimerais probablement la couleur un peu muet signifie, pour que ce ne soit pas du noir foncé, donc c'est juste du gris clair Quoi qu'il en soit, cela dépend entièrement de vous, mais c'est ainsi que vous modifiez et ajustez le pied de page Maintenant que j'ai sélectionné le bloc, encore une fois, tout comme votre en-tête, si vous voulez changer les couleurs et toutes ces bonnes choses, il vous suffit de naviguer ici pour accéder aux paramètres. Vous avez donc le texte ici, vous pouvez changer la couleur du texte comme vous le souhaitez là-bas. Vous pouvez modifier la couleur d'arrière-plan selon vos besoins. Si vous le souhaitez, encore une fois, vous devrez mettre à jour le logo. Encore une fois, comme je vous l'ai montré avec l'en-tête. Vous devez créer un logo transparent. ne l'ai pas fait parce que j'utilise un fond blanc, donc ce n'est pas si important. Vous pouvez également mettre à jour une image d' arrière-plan directement sur place. Vous pouvez modifier la typographie différentes tailles ici, augmenter et minimiser le rembourrage si vous le souhaitez, avec une hauteur minimale, bordure, et similaire à l'en-tête, si vous voulez une bordure, donc je veux une bordure là-bas, mais je ne veux pas qu'elle soit de tous les côtés, qu'elle soit nulle, zéro , puis avoir une jolie bordure subtile tout en haut à droite Ensuite, le rayon, pareil. Ici, si vous avez un arrière-plan coloré, vous voulez avoir ce dessin. Encore une fois, je vais le garder d'une seule couleur blanche pour qu'il corresponde à tout, mais j'essaie juste de vous montrer différentes choses que vous pourriez faire avec cette partie du modèle pour la modifier et la concevoir. Est-ce ainsi que vous modifiez et ajustez le pied de page. Et si vous optez pour un pied de page coloré, assurez-vous qu'il est de la même couleur que l'en-tête Vous voulez donc que la section d'en-tête, comme le pied de page, et votre en-tête juste en haut soient de la même couleur, comme un sandwich, si vous voulez recommencer avec un arrière-plan coloré 22. 22 Création de pages de blog: Modification de la page de blog de votre site Web. Donc, si vous voulez commencer à bloguer avec cette équipe, vous pouvez tout à fait le faire. Donc, en haut, dans le menu, j'ai un blog, et tout ceci n'est qu' une page que j'ai créée et que j'ai appelée blog. C'est aussi simple que cela, et assurez-vous que l'URL est slash Blog. Alors, comment ai-je fait ça ? Alors, sautons ici. Permettez-moi de naviguer vers les pages d'ici, et il s'agit littéralement d'une page appelée blog. Donc, tout ce que j'ai fait a été de créer une nouvelle page, puis je l'ai littéralement intitulée Blog, publiée, puis je me suis assuré que le lien, l'URL est slash Blog Maintenant, comme cela devrait fonctionner, et avec la plupart des équipes WordPress, cela fonctionne comme suit : vous voulez naviguer ici pour vos paramètres, cliquer sur Lire, et nous avons une page dédiée qui définit une page d'accueil afin que nous puissions personnaliser notre page d'accueil. Eh bien, la page de publication devrait fonctionner de la même manière. J'ai donc la page du blog et je veux que ce soit ma page de publication. Nous cliquons sur Enregistrer les modifications. Je vais juste vous montrer ce qui se passe si vous le faites. Rechargeons maintenant la page et elle affichera le modèle par défaut Je ne sais pas pourquoi ce truc fait ça. Je suppose que c'est une bizarrerie ou un oubli. Tu dois le tisser en blanc. Si vous rédigez la page d'article en blanc, nous devons concevoir nous-mêmes la page de l'article de blog sur mesure nous-mêmes la page de l'article de blog sur Comment faisons-nous ? C'est très simple. Je vais vous montrer tout de suite comment procéder. Conservez Postpage comme sélectionné. Ensuite, une fois que vous avez votre page de blog, nous la rechargeons. Allons-y. Maintenant, nous voulons modifier la page, pas modifier le site. Vous souhaitez modifier la page. Allons-y et modifions-le cette page. Très bien, c'est fantastique. Donc , tout d'abord, nous voulons sélectionner le modèle ici. Alors pourquoi tu veux faire ça ? Parce que maintenant vous voulez cliquer sur Swap template. Pourquoi veux-tu faire ça ? C'est-à-dire que si vous voulez que votre page de blog ait une barre latérale, vous devez sélectionner une page avec barre latérale ici. Encore une fois, c'est à vous de décider. Ou vous pouvez le laisser simplement avec une page avec image ou une page, sans titre. Il suffit de le laisser comme ça sur le blog et d'en faire le titre. C'est aussi simple que ça si tu veux. Quoi qu'il en soit, laissez-moi échanger le modèle, et je sélectionnerai la page de mise en page de la barre latérale avec la barre latérale, et Maintenant, nous devons avoir le blog roll comme contenu principal là-bas. Nous cliquons donc sur le signe plus juste là pour ajouter un bloc. Vous voulez parcourir tous les modèles, et vous voulez naviguer ici pour accéder aux articles. Et voilà. Vous pouvez donc cliquer sur article standard juste là ou sur celui-ci avec l'image sur la gauche, sur la copie sur la droite avec une disposition en grille de maçonnerie ou sur le motif en décalé juste ici ou ce design simple où c'est comme liste de posts avec une colonne Encore une fois, vous pouvez jouer avec cela pendant votre temps libre pour voir lequel vous aimez le plus. Je vais donc cliquer sur celui-ci ici, un grille contenant le premier article, deux colonnes, peu importe. Cliquons sur Ns. Allons-y. Et ça a l'air génial. Permettez-moi de cliquer sur Enregistrer. C'est parti. OK, alors allons-y et ouvrons ceci dans un nouvel onglet, juste pour voir à quoi ça ressemble. Nous avons une barre latérale ici. Maintenant, le problème avec ce design, c'est que j'ai une barre latérale, écrase en quelque sorte toutes ces copies ici Donc, si vous optez pour une mise en page dans la barre latérale, il est probablement préférable d'opter pour un design où il ne s'agit que d'une seule colonne avec, par exemple, un article de bloc, un article de blog BlogPost Si cela a du sens, laissez-moi maintenant cliquer ici, page avec barre latérale. Débarrassons-nous de ce modèle d'échange et nous cliquerons simplement sur celui-ci, page sans titre. Génial. Permettez-moi de le recharger Et oui, ça a l'air bien mieux. Maintenant, vous vous dites : « Eh bien, je veux une barre latérale, comment ça marche ? C'est bon. Quoi qu'il en soit, moi. Cliquez ici et allons-y, supprimez-le. Permettez-moi de cliquer ici pour la page, page sans titre, les modèles d'échange, barre latérale et cliquons sur un design qui correspond à une barre latérale Allons-y, cliquons sur Publier ici et simplifions-nous les choses. Nous allons cliquer sur le tout premier en haut. Cliquons sur Enregistrer. Et si vous vous demandez simplement de quoi il s'agit, c'est l'image vedette de votre article de blog, que je vais aborder dans la section des articles de blog. Quoi qu'il en soit, c'est pour la page du blog. Voyons donc à quoi ressemble cette page. Ouvrons-le dans un nouvel onglet ici. Et voilà. Vous avez donc maintenant deux mises en page différentes si vous voulez une barre latérale ou si vous voulez un design pleine largeur Donc ça a l'air plutôt sympa. Et cela affichera l'image vedette pour chaque article de blog individuel au fur et à mesure que vous l' ajouterez au-dessus de la balise de titre H one du blog 23. 23 Conception de la barre latérale: Maintenant, si vous êtes curieux de savoir comment modifier et ajuster la barre latérale avec ce thème, vous pouvez le faire en cliquant sur Modifier les sites ici même lorsque la page de blog est ouverte, puis vous pouvez accéder aux éléments de la barre latérale Nous cliquons donc ici, puis vous pouvez cliquer sur Modifier pour que la barre latérale s'ouvre comme ça Pour être honnête, c'est un peu maladroit. Je n'aime pas vraiment la façon dont cela fonctionne, mais c'est comme ça. Ensuite, vous pouvez simplement ajuster les choses ici avec la barre latérale. Si vous souhaitez ajouter de nouveaux blocs, il vous suffit de cliquer ici. Faites défiler l'écran un peu vers le bas. Tu vois, c'est pour ça que je n'aime pas ça. C'est maladroit. Nous cliquons ici pour en savoir plus, puis cliquons sur Tout parcourir. Ensuite, nous avons des blocs ici que je peux ajouter si je le souhaite. Par exemple, nous avons des catégories, comment sont-elles ajoutées ? Nous allons ici pour la liste ou les catégories, affichons une liste de catégories issues de la taxonomie, affichons une liste de toutes les catégories Cliquez ici pour voir la liste des catégories, et c'est parti. Nous avons maintenant une catégorie. C'est de là que cela est rempli, et c'est ainsi que fonctionne cet élément ici. Donc, si je devais réellement utiliser un cyberespace, ce qui n'est pas le cas, personnellement, je n' aime pas les barres latérales. Voici mes conseils de conception pour les barres latérales. Si vous optez pour une barre latérale, restez simple. barres latérales sont en train de perdre en popularité, car honnêtement, la plupart des gens vont visiter votre site sur un appareil mobile, 50 % Jetons donc un coup d'œil à Justin Welch si vous voulez utiliser la barre latérale J'aime bien ça. Littéralement une chose pour faire une chose. Cliquez ici pour vous abonner. Done, ou niche pursuit, a une petite boîte ici avec un bouton Vous pouvez donc le concevoir avec Stackable et ajouter un bouton si vous Ensuite, ils utilisent simplement le reste de l'élément ici pour diffuser des publicités, pour diffuser des publicités. Et c'est un blog de la vieille école aujourd'hui disparu. Mais j'aime bien la barre latérale où on trouve un tas d'images bien conçues avec une ombre en forme de goutte qui ont été ajoutées ici et qui renvoient à des produits de l'extérieur C'est donc un bon moyen d'attirer les internautes vers vos produits spécifiques si vous souhaitez utiliser une barre latérale et un élément de design C'est ce que je ferais avec la barre latérale. OK, alors laisse-moi juste te montrer comment ajuster ça. Alors peut-être que je vais m'en débarrasser là-haut et cliquer ici pour voir le signe plus nous disons Image image ici, et je veux télécharger une image Je vais télécharger une photo de moi. Nous y voilà. Et déplaçons-le juste en haut. Et alors j'ai une image de moi juste là. Ça a l'air bien. Et laissez-moi cliquer ici pour le signe plus. Bonjour, je m'appelle David. Bienvenue sur mon blog sur la flagellation. Je suis l'auteur du nom du produit XYZ 123123. J'ai créé ce site pour vous aider à mieux vloguer, peu importe. OK, donc déplaçons-le vers le haut et cliquons sur Enregistrer ici, et jetons un coup d' œil à la page de journal maintenant. Cliquez ici. Ouvrons ça. Nous y voilà. Nous avons donc une jolie petite image moi et un petit titre, et vous pourriez en faire quelque chose comme, par exemple, si vous avez écrit un livre sur Amazon ou si vous avez un livre électronique que vous vendez, vous pouvez simplement créer un lien interne vers celui-ci. C'est comme si j'étais l' auteur de ce livre, puis je n'avais qu'à créer un nouveau lien, un lien externe vers ce livre. Alors, comment ferais-tu ça ? Je suis l'auteur du produit XYZ 123. Nous allons simplement le souligner. Cliquez ensuite ici, puis créez un lien vers Amazon ou l'autre endroit où votre livre électronique est hébergé, et vous pouvez le faire. C'est ainsi que vous ajustez le cyberespace ici. Encore une fois, je resterais très simple. Je choisirais probablement une image comme celle-ci, un petit texte de présentation sur toi Et puis un appel à l'action pour vous abonner à votre site Web. Donc, si vous êtes du genre : « Eh bien, comment obtenez-vous cela ? Cela provient de votre client de marketing par e-mail, cette option pour vous abonner. Ou ce que j'envisagerais également faire, c'est simplement d'ajouter un bouton, et le bouton renvoie à la page de compression que nous avons créée comme ceci. Par exemple, cliquez sur votre pour s'abonner, puis la personne clique dessus et la dirige vers cette page. Ou si vous voulez avoir ce formulaire juste là où les gens peuvent saisir un e-mail et cliquer sur S'abonner, alors vous obtenez ce petit champ dans vos clients de messagerie. Encore une fois, je resterais très simple. Une boîte, un bouton, un objet pour s'abonner, un tas d'images renvoyant à des produits, un petit message expliquant qui vous êtes Vraiment, c'est ça. Je n'opterais pas une barre latérale très longue avec des catégories, des liens et des tags et je ne rechercherais ce site Web et un tas d' autres choses pour le garder très minimaliste Quoi qu'il en soit, c'est ainsi que vous modifiez et ajustez ces barres latérales. 24. 24 Conception de messages uniques: Modifier les pages individuelles de vos articles de blog. Nous devons donc aborder quelques points ici. Donc, tout d'abord, j'ai ce billet de blog juste là. Comment sont créés les articles de votre blog ? Où créez-vous des articles de blog ? Passons donc à votre tableau de bord. Vous voulez aller ici pour accéder aux publications. Ensuite, vous devez cliquer sur Ajouter nouveau message et c'est aussi simple que cela. C'est ainsi que vous ajoutez un nouveau message. Passons donc à l' ensemble des meilleurs microphones pour les vloggers Voici à quoi ressemble un article de blog dans WordPress. Vous avez votre balise de titre H one tout en haut à droite, suivie de votre corps de texte. Ensuite, vous pouvez créer H deux, H trois, des balises de titre, etc. Prenons donc juste un exemple rapide. Donc, les meilleurs micros de fusil de chasse, des micros de chasse. Et je veux que ce soit une étiquette H à deux tuiles. Je tiens donc à le souligner. Cliquez ici. Cliquez sur le titre. Ensuite, vous devez vous assurer qu'il s'agit bien de H deux. Pourquoi H 2 ? Parce qu'il s'agit d'un sous-titre de celui-ci Par exemple, il s'agit d'un sous-titre de ce titre. Vous pourriez donc avoir une copie en dessous, juste à titre d'exemple rapide, nous la copions juste là. Et puis peut-être avons-nous un sous-titre à ce sujet. Et puis le nom du microphone. Je ne sais pas, appelle-le comme nom de micro, et je veux que ce soit un tag de titre en H 3. Nous allons donc prendre cela comme titre, et je vais en faire un H trois, parce que c'est un sous-titre de tout cela Permettez-moi donc de vous donner un exemple rapide d' de blog pour en faire un peu plus. Facile à comprendre Alors, cliquons ici, sur les sept meilleurs types de sites Web. C'est votre étiquette de titre H one tout en haut à droite. C'est une balise H à deux tuiles parce que c'est un sous-titre de cette Et puis au fur et à mesure que vous marquez grâce à cela, vous pouvez simplement créer H trois, comme H qui est une balise H three Tile parce que c'est le sous-titre de ce titre juste là Et c'est vraiment ainsi que vous voulez structurer un article de blog. D'accord, donc avec les articles de blog, vous devez faire attention à quelques points différents . Donc, ici, vous pouvez ajuster la taille avec le bloc. Encore une fois, laissez-moi m'en tenir à cela. Et nous l'avons ici. Permettez-moi de cliquer ici. Nous allons cliquer sur Paramètres. Ensuite, je veux sélectionner ce bloc juste là. Et peut-être que je veux que les textes soient un peu plus grands pour ce bloc, alors je vais cliquer sur Grand. Cela attire donc un peu plus l'attention. Ensuite, vous pouvez modifier la couleur du texte et l'arrière-plan, ainsi que régler les dimensions et avancer. OK, donc de toute façon, je ne veux pas faire ça. Alors, éloigne-toi de ça. Très bien, alors cliquons ici pour Post. C'est vraiment important ici. Donc, tout d'abord, vous avez l'auteur ici, vous avez le titre et le lien. Avec le lien avec l'URL, vous voulez qu'il soit court et doux en général. Donc, si j'ai les meilleurs microphones pour vloggers, ce devraient vraiment être les meilleurs microphones pour Vous voulez que les choses restent simples comme ça. Les catégories sont importantes. Tous les articles de blog doivent être organisés dans une catégorie. Ce site ne compte donc actuellement qu'une seule catégorie de blog. En général, je pense probablement à quatre à six catégories sur lesquelles vous allez créer du contenu, vous y tenir et peut-être ajouter de nouvelles catégories une fois que vous aurez dépassé les 60 ou 70 articles par catégorie. C'est vraiment ce que tu veux ici. J'ai donc dû ajouter une nouvelle catégorie. Donc, pour cela, je vais appeler ce microphone. Nous allons cliquer sur Ajouter une nouvelle catégorie juste là, et je vais la désélectionner Et maintenant, nous avons cette catégorie ici. Permettez-moi de cliquer sur Enregistrer. Et nous y voilà. Donc, avec les catégories, vous voulez placer un article de blog dans une seule catégorie, pas deux, ni trois, une. Maintenant, vous pouvez également étiqueter des objets. Je ne suis pas fan du balisage. Le balisage n'est pas très utile à mon avis, mais l'idée sous-jacente au balisage était de créer un contenu unique sur un sujet très spécifique Alors peut-être que votre catégorie est, par exemple , les voitures, puis les camions, et puis un tag serait comme Ford, très spécifique. En général, je n'utilise que des catégories pour mes sites, mais encore une fois, c'est à vous de ne pas vous laisser submerger Ce n'est pas comme sur les réseaux sociaux où vous pouvez étiqueter des choses et les aider à mieux les classer. C'est vraiment à des fins d'organisation pour le visiteur final. Et vraiment, c'est aussi simple que cela. Ensuite, vous avez des successions de liens juste là et c'est aussi simple que cela Maintenant, comment définir une image en vedette, c'est ce dont j'ai en quelque sorte parlé ici. Donc, tout en haut de cette scène, vous avez défini l'image vedette. Vous cliquez sur NAT, puis vous pouvez télécharger une image vedette, c'est ce que nous allons faire ici Je viens donc de créer à nouveau cette image avec Canva, comme je vous l'ai montré tout à l'heure Et vous voulez donner à ce titre un titre lié aux articles de blog, donc à l'enregistrement par microphone, puis tout le texte serait le mot-clé du billet de blog Alors, quel est le billet de blog sur les microphones pour YouTube ? OK, donc des micros pour YouTube. Nous allons maintenant cliquer sur l'image de la fonctionnalité des sets juste là. Et maintenant, nous avons l' image principale juste là. Cliquons sur Enregistrer. Génial. Et allons-y et rechargeons notre page de blog juste pour vous montrer à quoi cela ressemble. Et oui, ça a l'air bien. Maintenant, nous avons un petit borb juste là, l'image et le titre, et ça a l'air bien Voici donc à quoi ressemblera cette section et sera remplie lorsque vous créerez des images de fonctionnalités, un blog, etc. Très bien, alors revenons au tableau de bord. En dessous de ton post. C'est ici que se trouvent vos catégories et vos tags. Donc, si vous cliquez sur les catégories ici, c'est également un autre endroit où vous pouvez ajouter de nouvelles catégories et gérer le nombre de catégories que vous avez et les articles de blog dans les catégories. Et vous pouvez également créer des sous-catégories si vous le souhaitez. Ainsi, par exemple, nous appellerons cela la journalisation, puis la catégorie parent serait blog, à titre d'exemple. Et puis c'est une sous-catégorie. La structure de l'URL de ce site serait logout.com slash category slash slash slash flogging du blog Alors voilà. C'est simple. Et vous souhaitez utiliser des sous-catégories dans la mesure où cela convient à la catégorie principale. Donc, si vous parlez, par exemple, revenir aux camions, peut-être que les camions sont ma principale catégorie. Mais parfois, mais j'écris beaucoup sur quatre camions pour une raison ou une autre, peut-être que je créerais une sous-catégorie sur Ford ou sur quatre camions et que je la structurerais comme ça Et vraiment, aussi simple que cela avec le design et avec les blogs. C'est ainsi que vous voulez aborder les choses, créer du contenu ici, H deux, H trois, des balises de titre, placer chaque bloc de publication dans une catégorie logique, non des pensées ou une catégorie logique non classée, peut-être quatre à six, est-ce que cela a du sens pour votre site Web. Et n'oubliez pas que vous avez toujours accès à tous les avantages de WordPress en matière d' édition de blocs. Vous pouvez cliquer ici pour Plus, cliquez ici pour BRS. Je voudrais peut-être avoir un schéma ici. Nous allons donc cliquer sur la vedette juste là. Peut-être que je veux avoir cette section ici, ajoutez-la. Wordpress est assez flexible et vous permet de concevoir de belles pages et du contenu. Maintenant, si nous jetons un coup d'œil à ce billet individuel que nous venons de publier ici, il s'agira d'un design à colonne unique. Et si vous êtes du genre, eh bien, hé, je voudrais ajouter un élément dans la barre latérale ou peut-être que vous aimez juste son apparence Peut-être que vous voulez qu'il y ait une barre latérale, puis votre publication de bloc individuelle n'ait pas de barre latérale, à vous de décider Mais si vous souhaitez ajouter la barre latérale dans la page de publication unique, vous pouvez facilement le faire en cliquant ici pour les paramètres Cliquez ensuite ici pour le modèle, le message unique, le modèle d' échange, puis le message unique avec une barre latérale, puis c'est ainsi que vous l' ajoutez dans la barre latérale Ou si vous voulez simplement le conserver tel quel, vous pouvez simplement utiliser le modèle par défaut, qui est un article unique. Par défaut, il n'y a donc pas de barre latérale avec les articles de blog individuels Personnellement, j'aime bien son apparence. C'est juste moi. Mais cela dépend entièrement de vous. Encore une fois, si vous créez une barre latérale que vous souhaitez utiliser, il vous suffit de l'ajouter ici Mais dans l'ensemble, c'est tout ce que vous devez savoir pour commencer à bloguer. Et une dernière chose que je veux que vous ajustiez et que vous sachiez comment ajuster est savoir comment modifier ce titre immédiatement. Donc, il est écrit, B puis Vlog 123. s'agit du nom d'utilisateur de connexion de l'administrateur. C'est ce que nous ne voulons donc pas. De toute évidence, nous voulons que ce soit un nom plus logique, comme Brian ou quel que soit son nom. Alors c'est la catégorie que j'adore. Parfait dans sa catégorie. Parfait, ça ne changerait rien là. C'est génial. Le rendez-vous ici est bon aussi. OK, donc quelques petites choses rapides. Alors, en ce qui concerne la date, comment modifier la date ? Alors peut-être que vous reviendrez sur ce billet de blog dans un mois ou deux mois, et que vous le mettrez à jour, et vous ne voulez plus que cette date soit indiquée, vous voulez que ce soit la date la plus récente. Vous pouvez donc simplement modifier la date de publication ici. D'accord ? Donc, ne vous rendez jamais à votre poste. N'arrivez jamais ici pour publier, et vous pourrez alors changer la date de publication par autre chose. Pour vous débarrasser du titre d'administrateur, vous devez passer à l'apparence. D'accord, désolé, vous devez aller voir les utilisateurs. Tous les utilisateurs. Ouvre ça. Alors ouvre-le juste là. Donc nom d'utilisateur. Et puis le nom d'utilisateur est celui-ci et vous ne pouvez pas changer votre nom d'utilisateur, mais vous pouvez changer le surnom. Donc je ne veux pas ça. Nous allons donc simplement dire en tant que Brian, peu importe. Affichez ensuite publiquement ou affichez le nom publiquement sous le nom de Brian ou quel que soit votre nom. Ensuite, notez ici les informations biographiques comme je l'ai mentionné plus tôt, où vous pouvez avoir une petite description rapide de l'auteur juste là Ensuite, nous cliquerons sur Mettre à jour le profil. Et des grilles. Supprimons les sites, et est parti. C'est ainsi que vous changez de nom. Vous pouvez mettre à jour la date et l'inscrire dans une catégorie, c'est parfait. Joli lien interne vers les pages de catégories. 25. 25 Favicône: Comment ajouter un fabricon à votre site Web. Donc, un fabricon ou une icône de site. Est-ce que ce petit truc est là-haut dans l'onglet. Alors, comment le personnaliser au lieu que ce soit le logo que nous avons téléchargé puis assemblé ? Eh bien, c'est assez simple. Vous pouvez utiliser Canva pour créer le graphisme et la mise en forme de votre site Web en accédant aux paramètres, puis en accédant à l'onglet général Et c'est ici que vous pouvez modifier l'icône du site et télécharger une nouvelle icône que vous créez. Et il vous indique la taille ici 512 x 512, au moins 512 x 512 pixels. Passons ici à titre d'exemple rapide pour Canva, taille personnalisée, 512, 512, créer un nouveau design. Et nous y voilà. Nous avons donc une jolie petite place juste là. Nous allons saisir des éléments. Je ne sais pas, tapez un vlog, le vlogging est bon, D'accord, ou un vlog peut-être mieux. Que diriez-vous de taper un appareil photo ? Donc oui, peu importe. Alors, voulez-vous simplement trouver un type d'image ou de graphique adapté à vos sujets ? Donne-moi un drapeau et je verrai ce qui va arriver. Ouais OK, c'est bon. Maintenant, d'un point de vue pratique, un produit devrait vraiment correspondre au design de votre site. C'est donc le logo que j'ai créé pour mon propre site personnel. Ensuite, le tissu en haut se trouve le symbole Du, juste là, sur fond de cercle, qui est transparent. Encore une fois, c'est à vous de décider si vous voulez le concevoir. Donc, si vous voulez utiliser un arrière-plan de style cercle, vous pouvez simplement naviguer ici, taper un cercle. C'est bon. Boum, et change la couleur là-bas, peut-être rends-la bleue. Alors fais-le beau et grand, comme ça. Allons-y. C'est bon. Positionnez-vous maintenant. Nous voulons faire reculer cela. OK, mettons-le en place juste là. Et oui, d'accord, donc pas mal. Et maintenant, nous voulons que ce soit une image transparente afin que nous puissions partager et télécharger, arrière-plan transparent, télécharger. Et nous allons l'enregistrer sur mon bureau ici. Et ouvrons ces sites et minimisons cela, minimisons cela. Nous allons le glisser-déposer en place, changer l'icône de la diapositive, le faire glisser juste là. Définissez l'icône du site. Allons-y. Cliquez sur Enregistrer les modifications. Et puis rechargeons le site. Voilà. Nous avons donc maintenant une jolie petite icône. Donc, à des fins de didacticiel, c'est ainsi que vous le mettez à jour. Je créerais quelque chose d'un peu plus personnalisé, peut-être comme un VH ou autre, mais vous avez l'idée de créer un fabricant d'icônes de site personnalisé pour vos 26. 26 SEO: SEO de base pour votre site Web. Nous approchons donc de la fin de ce didacticiel. Alors, comment configurer le référencement d'un site Web ? Donc, l'optimisation des moteurs de recherche, il y a quelques petites choses vous devez juste être conscient. Donc, tout d'abord, la page d'accueil, ici, nous l'avons définie comme page d'accueil, séparateur de page. Apprenez comment augmenter vos revenus, bla bla, bla bla. Et cela a été rempli parce que j'ai ajouté le slogan juste là. Mais nous pouvons le changer. Nous ne sommes pas coincés avec ça. Naviguez donc ici vers le tableau de bord. Ensuite, vous devez naviguer ici pour accéder à Rank Math , un plugin SEO que nous avons installé au tout début. Et maintenant, une fois que Rank Math est ouvert, nous voulons passer aux titres et aux métas. Et une fois que Titles and Meta sont ouverts, vous devez cliquer sur la page d'accueil ici. Et la page statique est définie comme page d'accueil. Ajoutez la description de ScoTile à la page d' accueil et Meta à la page d'accueil. Normalement, vous pouvez modifier ici, mais nous devons aller ici pour modifier la page d'accueil. C'est donc ici que nous pouvons définir le titre. Alors, comment s'y prendre ? C'est très simple. Alors cliquons dessus juste là, il y a une petite case qui dit rank Math. Ensuite, nous cliquons sur Modifier l' extrait de code juste là, et nous pouvons tout ajuster ici. OK. Donc, en général, avec la plupart des thèmes pour Wordpress, une fois que vous avez installé Rink Math, il vous suffit de cliquer sur Accueil, et c'est ici que vous pouvez définir un titre SEO. Mais cela nous dirige vers la page d'accueil ici. Il suffit donc de cliquer sur cette petite case en haut. Ensuite, cela se remplit ici, et c'est là que vous pouvez modifier le titre Cela devrait donc être quelque chose comme séparateur de page de titre de site VoGht, apprenez à créer un vlog rentable Ensuite, la méta-description doit décrire en quoi consiste le site Web. Apprenez donc à créer de meilleurs logs et à développer votre audience. Conseils et guides sur les blogs. Depuis toujours. Vous pouvez également utiliser ce générateur avec l'IA si vous le souhaitez. Quoi qu'il en soit, juste un D et ça a l'air bien. Cliquez sur Enregistrer, c'est ainsi que vous pouvez modifier le titre SEO de la page d'accueil en haut. Alors, on y va. Ça change en haut, mais ça reste pareil ici. Alors voilà. C'est aussi simple que ça. Maintenant, vous devez également le faire avec chaque page individuelle. Donc, la page À propos titre d'exemple rapide, nous pouvons simplement l'ouvrir, cliquer sur cette case juste là, puis modifier les extraits de code pour que ce soit la page À propos, qui devrait porter sur le journal, comment Encore une fois, même chose. Rédigez une description, et c'est parti. Donc, l'autre chose que vous voulez faire c'est aussi pour les articles de blog. Donc, pour les articles de blog, vous devez choisir un titre qui ne soit pas trop optimisé et qui ne soit pas trop riche en mots clés, mais quelque chose qui soit un peu cliquable, comme l'étonnante vérité sur le vlogging Je ne sais pas, quelque chose comme ça, c'est un peu plus convaincant que de comment démarrer un vlog qui rapporte de l'argent pour toujours, au lieu de démarrer un vlog Quoi qu'il en soit, le meilleur microphone pour les vloggers. Vous devez cliquer ici, le modifier pour le couper, puis vous débarrasser du nom du site juste là, puis taper manuellement dans Vlog comment ou vous pouvez simplement vous débarrasser de tout cela si vous le souhaitez, et simplement avoir le titre Mais j'aime généralement utiliser le titre puis le nom du site comme ça. Si le titre n'est pas trop long. Donc, si le titre occupe toute la section ici, alors laissez-le. Mais s'il y a un peu d'espace, j'aime généralement avoir le nom du site à la toute fin. Ensuite, vous devez écrire la description juste là et ajuster le lien permien là-bas Il vous suffit donc de parcourir le site, et lorsque vous publiez pages et des articles de blog sur votre page d'accueil, assurez-vous simplement que tout porte un titre SEO logique très utile et descriptif pour le visiteur final. 27. 27 touches finales: D'accord, donc à présent, vous devriez avoir une bonne compréhension de la façon de concevoir un site Web avec ce thème qui soit bon, convaincant, qui possède une bonne copie, une section d' offres, un texte de vente, pages d'articles de blog, toutes ces bonnes choses. Permettez-moi donc de revenir à mon tableau de bord WordPress. Et permettez-moi d' ouvrir l'éditeur, juste pour vous montrer quelques derniers petits détails que vous pouvez modifier si vous le souhaitez Personnellement, j'aime bien l'apparence de ce thème par défaut, mais encore une fois, vous avez beaucoup d'options ici. Permettez-moi donc de vous montrer brièvement comment les choses fonctionnent. OK, donc juste en haut, nous avons des styles. Encore une fois, les styles affectent l'ensemble du site. Donc, si vous souhaitez modifier un bloc individuel, vous devez toujours opérer selon vos paramètres. Mais ici, les styles. J'en ai donc parlé au tout début, mais en haut, les styles modifient en quelque sorte l'ensemble du site Si vous voulez le faire et changer la couleur juste là. Mais encore une fois, vous pouvez modifier chacun de ces éléments individuellement, mais cela vaut pour l'ensemble du site. OK, alors nous avons notre typographie là-haut. C'est probablement le plus important car vous pouvez modifier la typographie du site Donc, si vous n'aimez pas ce choix de police, vous vous demandez : «   Comment puis-je le modifier ? Ça me rend dingue. Je n' aime pas ça. Ici en haut. Donc, vraiment, vous voulez changer votre texte et vos titres. Le texte signifie votre corps de texte, et vos en-têtes, le texte de votre tuile H, H2H3 Ainsi, lorsque vous cliquez sur cet élément, il est écrit H un juste là. Cela signifie littéralement se diriger. Titre 1. C'est donc le titre de la page. Alors H deux est un sous-titre de H un, H trois est le sous-titre de H deux, ainsi de suite Donc, ici, avec les titres, nous pouvons changer les titres pour autre chose si nous C'est comme ça et nous allons nous en empêcher. Ensuite, nous avons le texte juste là. Ensuite, nous pouvons changer le texte en quelque chose d'autre si nous voulons comme ça ou si c'est par ici. Ce sont vos seuls choix, que ce soit Cardo, Enter, peu importe C'est ainsi que vous pouvez modifier le choix de la police, la taille si vous voulez jouer avec ça là-bas, et c'est vraiment tout. Et d'une manière générale, vous voulez que vos polices soient assez similaires sur le site Web. Donc, en fait, vos balises de titre H one, h2h, vos balises d'en-tête ne sont qu'un seul choix de police, alors votre corps de texte en est autre chose. Vous ne voulez donc pas avoir, par exemple, une police différente pour vos éléments de menu et une police différente pour votre H one, balises de titre h2h, une police différente pour votre corps À. Tu veux y aller avec deux. Un style pour vos en-têtes, un autre pour le corps du texte Si vous avez besoin d'aide pour déterminer ce qui correspond, vous pouvez jouer avec un site Web appelé fonts pair ici Cela vous donne donc une idée des polices qui correspondent les unes aux autres. Mais encore une fois, votre typographie est assez limitée ici C'est ça. C'est un, deux, trois, quatre, aucune des valeurs par défaut Alors jouez avec ça pour voir si vous l'aimez. Mais encore une fois, vous pouvez modifier la taille, l'apparence là-bas, la rendre plus lumineuse, la hauteur des lignes, l'espacement des lettres Vous avez donc beaucoup de flexibilité avec le design ici. Sinon, c'est la principale chose que vous voudrez probablement changer là-bas avec la typographie Ensuite, il y a les couleurs là-bas. Couleurs, vous pouvez modifier les couleurs de l'encre interne du lien. Ainsi, lorsque vous avez un lien interne ou externe vers un autre site Web ou autre, comme Amazon ou YouTube ou autre, c'est ici que vous pouvez également changer la couleur du lien. Donc, si j'avais un lien juste là, vlogs de voyage de grande qualité, comme ça Nous allons prendre ça. Permettez-moi de créer un lien vers YouTube à titre d'exemple rapide. Nous y voilà. Je vais oser ça. Donc, l'encre juste là me permet de changer cette couleur. Et si tu es du genre, je n'aime pas ce noir. Je ne veux pas que ce soit noir. Donc, ici, contraste avec le noir, vous pouvez changer de couleur et jouer avec elle pour changer cette couleur. Donc, les liens là-bas vous permettent de changer les couleurs. Vous avez également d'autres options et dégradés avec lesquels vous pouvez jouer Et dans l'ensemble, ce sont en quelque sorte les principales choses que vous souhaitez changer. Biographie, vos balises H one, h2h3, vos balises d'en-tête et vos polices de corps, puis les couleurs de vos liens, par exemple. À peu près ça. Et puis des ombres là-bas. Ensuite, vous avez la mise en page. La mise en page est utile car vous pouvez agrandir le site si vous le souhaitez et y ajouter du rembourrage Et si vous souhaitez ajouter une image d'arrière-plan pour l'ensemble des sites, vous pouvez le faire ici. Et une dernière chose est que vous avez CSS supplémentaire là bas et également des blocs afin que vous puissiez personnaliser l'apparence de blocs spécifiques pour l'ensemble des sites. Donc, si vous souhaitez personnaliser ces blocs, afin de ne pas avoir à changer continuellement le bloc à chaque fois que vous l'utilisez, vous pouvez simplement le modifier ici sur l'ensemble du site. Et encore une fois, comme je l'ai dit, du CSS supplémentaire est ici. Donc, si vous savez comment coder du CSS et que vous le souhaitez, où dois-je saisir le CSS que je souhaite ajouter Boom ici, selon votre style. Quoi qu'il en soit, c'est tout pour ce tutoriel. 28. Merci !: Très bien, tout le monde. C'est tout pour mon cours Skillshare sur la création d'un site Web et d'un blog très beaux et professionnels à fort taux de conversion avec le thème 2024 de J'espère que vous l'avez apprécié, que vous en avez tiré beaucoup de valeur et que vous avez pu créer une page d'accueil très efficace avec un appel à l'action Quoi qu'il en soit, je veux juste vous remercier et passer une bonne journée. Au revoir.