Le guide pratique sur la façon de créer un site Web WordPress avec Divi | Marc Rodan | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Le guide pratique sur la façon de créer un site Web WordPress avec Divi

teacher avatar Marc Rodan, Creative Entrepreneur

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Partie 1 : une courte introduction à Pim, Wordpress et Divi

      1:45

    • 2.

      Pourquoi un (nouveau) site Web ?

      3:00

    • 3.

      Pour qui allez-vous créer votre site Web ?

      1:14

    • 4.

      Comparer les créateurs de sites Web : pourquoi Wordpress ?

      9:42

    • 5.

      Comparer les créateurs de thèmes Wordpress : pourquoi Divi ?

      6:57

    • 6.

      Partie 2 : paramétrer votre site Web WordPress

      0:28

    • 7.

      Décider de votre nom de domaine

      10:06

    • 8.

      Choisir votre société d'hébergement Web

      5:07

    • 9.

      Installer Wordpress en un clic (en quelque sorte)

      2:27

    • 10.

      Paramétrer vos e-mails

      4:31

    • 11.

      Paramétrer vos paramètres Wordpress

      11:16

    • 12.

      Installer le thème Divi

      4:32

    • 13.

      Paramétrer vos options de thème Divi

      7:23

    • 14.

      Personnaliser votre thème

      16:09

    • 15.

      Installer vos plugins Wordpress

      25:39

    • 16.

      Prêt à faire du design ?

      0:25

    • 17.

      Partie 3 : concevoir vos pages Web dans Divi

      0:33

    • 18.

      Créer vos wireframes

      3:22

    • 19.

      Créer votre page en sections

      2:28

    • 20.

      Ajouter des images à votre page Web

      4:52

    • 21.

      Ajouter du texte et des diviseurs à votre page Web

      12:06

    • 22.

      Ajouter une flèche vers le bas et des liens d'ancrage

      4:13

    • 23.

      Ajouter un button

      5:54

    • 24.

      Ajouter une superposition de couleurs

      3:24

    • 25.

      Ajouter un formulaire d'optation

      6:21

    • 26.

      Ajouter vos USPs et un texte d'interruption

      2:56

    • 27.

      Ajouter un formulaire

      5:50

    • 28.

      Rendre votre page web responsive

      2:14

    • 29.

      Créer votre footer de site Web

      4:46

    • 30.

      Ajouter le menu de votre site Web

      5:13

    • 31.

      Aider les gens à trouver votre site Web sur Google

      6:32

    • 32.

      Félicitations !

      2:10

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

236

apprenants

--

projets

À propos de ce cours

Si vous voulez savoir comment créer un site Web Wordpress, ce cours est fait pour vous !

Note : il s'agit d'un cours pratique et détaillé avec un projet de site Web (et des matériaux). Nous allons créer le site Web de Social Rocketeers à partir de zéro*.

Après ce cours, vous saurez comment concevoir votre site Web WordPress avec le thème Divi, facile à utiliser pour les débutants mais qui offre beaucoup de liberté si vous souhaitez créer des designs uniques. Aucune expérience préalable avec la création de sites Web n'est requise. Nous expliquerons clairement chaque étape en cours de route.

Ce cours est surtout utile pour créer un site Web pour votre entreprise ou celui de quelqu’un d’autre, mais il vous donne également une bonne base pour créer n’importe quel site Web Wordpress que vous souhaitez.

Ce que vous allez apprendre

Partie 1 : Introduction

  • Quels différents types de sites Web vous pouvez créer
  • Quels sont les créateurs de site Web et pourquoi Wordpress est si populaire
  • Quels sont les créateurs de thèmes et pourquoi nous aimons utiliser Divi

Partie 2 : paramétrer votre site Web

  • Comment choisir un bon nom de domaine
  • Comment choisir votre fournisseur d'hébergement Web
  • Comment installer Wordpress et Divi
  • Quels paramètres nous recommandons et pourquoi
  • Quels plugins nous recommandons et pourquoi
  • Comment installer vos e-mails

Partie 3 : concevoir vos pages Web

  • Comment concevoir vos pages web
  • Comment faire pour que votre site ne ralentisse pas
  • Comment augmenter la visibilité de votre site Web sur Google
  • Comment faire fonctionner votre site Web sur les appareils mobiles
  • Et tout le reste !

* Nous avons initialement créé le site web de démonstration de ce cours sur SocialRocketeers.com, mais en octobre 2023, nous avons dû le déplacer sur marcrodan.com/socialrocketeers pour des raisons techniques. Merci de votre compréhension !

À propos de vos instructeurs

Pim a créé aux Pays-Bas une société d'hébergement de site Web et de site Web qui a réussi à partir de zéro. Il a plus de 20 ans d'expérience dans la création de sites Web Wordpress. Fait amusant : il était un snowboarder professionnel !

Marc Rodan est un spécialiste de l’e-learning, un développeur web professionnel et un entrepreneur créatif qui dirige plusieurs entreprises. Il a créé et édité ce cours dans les coulisses. Si vous avez des questions ou des suggestions sur ce cours, c'est lui qui vous intéresse.

Aucune expérience requise, certains outils sont recommandés

Vous n'avez pas besoin d'acheter quoi que ce soit avant de vous inscrire à ce cours. Cependant, pour en tirer le meilleur parti, nous vous recommandons d'acheter un nom de domaine, un service d'hébergement Web et le thème Divi.

Vous pouvez acheter le thème Divi ici.  Si vous prévoyez de créer plusieurs sites Web de Divi, nous vous recommandons vivement d'obtenir la version à vie. Si vous n'êtes toujours pas sûr de Divi et que vous souhaitez simplement l'essayer, vous pouvez opter pour la version annuelle moins chère. Encore une fois, inutile d'acheter quoi que ce soit ! Tout sera expliqué pendant le cours. 


Laissez-nous un compte-rendu de cours.  Questions ou suggestions ?

Nous aimons avoir de vos nouvelles.

Rencontrez votre enseignant·e

Teacher Profile Image

Marc Rodan

Creative Entrepreneur

Enseignant·e
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Partie 1 : une courte introduction à Pim, Wordpress et Divi: Bonjour, et bienvenue sur Discourse sur la manière simple de créer un site Web WordPress pour votre entreprise. Aujourd'hui, je ne ferai pas de présentation, mais je vais vous présenter un invité très spécial qui vous expliquera ce qu'est WordPress, pourquoi vous aurez besoin d'un site Web et tous les outils dont vous avez besoin pour créer vous-même un site Web WordPress génial, de la manière la plus simple. Et cet invité est très spécial. C'est vraiment un bon ami à moi. Il est en fait un ancien snowboardeur professionnel. Il l'a fait pendant huit ans, mais maintenant il a complètement changé la donne, et il est un expert absolu dans la façon dont vous créez des sites Web WordPress avec DV Il a lui-même construit plus de 150 sites Web possède déjà une agence prospère et a également travaillé dans de nombreuses autres agences et a publié son premier site Web avant même que WordPress n'existe. Cela fait déjà 20 ans qu'il travaille dans ce domaine. Ce type connaît son métier. Je suis très heureuse de le présenter. P. Le voici. Hé, Mark. Quoi de neuf ? Hé ! Alors, P, j'ai de tes nouvelles, quoi allons-nous parler dans ce cours ? Eh bien, en gros, ce que je vais vous apprendre, c'est pourquoi vous avez besoin d'un site Web en premier lieu en tant qu' entrepreneur ou indépendant Si vous avez besoin d'un site Web, quelles sont les options ? Quel est le meilleur moyen de créer un site Web ? Tous les outils et astuces dont vous avez besoin pour rendre votre site Web opérationnel, créer vous-même et générer votre propre succès. Ça a l'air génial. Eh bien, allons-y rapidement. Je veux dire, je vais quitter le cours pour le moment. Mais prends le chemin, mec. Allons-y 2. Pourquoi un (nouveau) site Web ?: Très bien, alors pourquoi voulez-vous avoir un site Web ? Un site Web peut vous donner beaucoup de choses. Il peut vous donner des joints qui peuvent vous donner des pistes. Vous pouvez enseigner aux gens, vous pouvez inspirer les gens. Dans tous les cas, c'est une forme pour atteindre les gens. Je pense que si vous n'avez pas de site Web, votre entreprise n'existe pas. Peu importe si vous démarrez un entrepreneur, que vous soyez propriétaire d'une petite entreprise ou que vous ayez une entreprise de taille moyenne ou autre. Je pense que vous aurez besoin d'un site Web ou du moins il peut vous aider à atteindre vos objectifs. Mais parlons-en un peu avant de commencer à construire les choses. Quels types de sites Web existent et quel est le bon choix pour vous et pour votre entreprise, où si vous avez des objectifs, quels sont vos objectifs ? Le type de sites Web qui existent est bien sûr que vous avez du commerce électronique où vous pouvez vendre produits ou des produits d'autres personnes. Leurs cours en ligne , des portefeuilles en ligne. Les sites Web dont nous allons parler sont principalement sites Web qui ressemblent davantage portefeuilles en ligne comme à votre gardien des affaires en ligne, où vous pouvez montrer à d'autres personnes votre accompagnement ou vos surfaces. En gros, les gens peuvent apprendre à savoir que vous entrez compagnie et ils vous voient. Ce que vous avez accompli pour d'autres personnes, ce que vous pouvez accomplir pour elles, pourquoi elles ont besoin de vous. Mais aussi une bonne façon de générer des prospects ou peut-être de conclure des offres ou de vendre des surfaces. Il y a donc beaucoup de choses que vous pouvez faire. Je vais vous montrer toutes les choses les plus importantes à ce sujet. Expliquez-vous exactement comment vous pouvez le faire. Avant que nous ne le fassions. Je veux inviter votre défi à réfléchir à ce que je veux tirer de ce site Web ? Alors, pourquoi en ai-je besoin ? se peut que certaines personnes soient vraiment nécessaires pour obtenir plus de ventes. Et certaines personnes ressemblent plutôt à un truc hybride où vous fermez le deuce de ligne en parlant aux gens et en obtenant, obtenez à vos clients un poids mort. Mais après avoir discuté avec vos clients, ils veulent voir sur votre site Web conformation et aussi gagner en confiance sur votre histoire que vous avez partagée avec eux. Pour voir, d'accord, qu'est-ce que vous avez accompli exactement ou qu'est-ce que vous offrez exactement ? Et ils veulent y plonger un peu plus et dialoguer avec vous et votre marque. Ce sera probablement la dernière partie. Nous allons parler un peu toutes ces autres choses avec commerce électronique pour vous envoyer un peu dans la direction si vous voulez y aller. Mais la base de votre site Web sera un portefeuille en ligne pour votre entreprise. Et je vais vous montrer exactement comment vous pouvez le faire. 3. Qui vous préparez votre site Web pour les besoins de votre site Web ?: Très bien. Vous savez maintenant que vous avez vraiment besoin d'un site Web. Mais savez-vous aussi qui allez-vous construire ce site Web pour lui ? À mon avis, il est très important toujours créer un site Web pour votre public cible, pour vos clients. Bien sûr, le site Web sera consacré à vous, votre entreprise et à vos surfaces. Mais vous allez vraiment le créer pour des gens. Donc, les gens résonnent vraiment avec ça. Il y a de fortes chances que vous ayez déjà une petite entreprise ou une moyenne entreprise. Peut-être que tu ne fais que commencer. Dans le cadre de cette vidéo, nous avons décidé que nous allons vous montrer un exemple réel pour une agence de médias sociaux. Supposons que le public cible soit les propriétaires de petites entreprises. Ils veulent générer plus d' affaires via les médias sociaux ou avoir une plus grande notoriété de la marque ou d'autres objectifs qu' ils peuvent atteindre. Dans le cadre de ce cours, le site web portera sur l'agence de médias sociaux. Voulez-vous remplir le blanc pour quel que soit le shérif de votre entreprise, vous en avez quatre. Et c'est ce que signifie votre propre entreprise. 4. Comparaison des créateurs de sites Web : Pourquoi Wordpress ?: Parlons un peu dose à utiliser pour votre nouveau site Web. J'adore les sites Web WordPress, mais j'ai essayé presque tous les outils disponibles parce que surtout pour comprendre ce qui fonctionne et pourquoi. Laissez-moi vous dire tous les bons, les mauvais ou les moches. Il existe de nombreuses solutions. Là. Il y avait des avantages et des inconvénients et j'aimerais les voir pour vous. Mais tout d'abord, quelques données provenant de tous les sites Web qui existent dans le monde. Ce qui est très nombreux, bien sûr, 7  % de tous les sites Web, notre propre WordPress, encore plus, 60% de tous les systèmes CMS, il y a des systèmes de gestion de contenu qui sont essentiellement sites Web qui vous pouvez gérer le contenu sans ajouter de code. Il y a donc une interface, il y a une zone où vous pouvez remplir un jour dt ou télécharger une photo sans coder, ils sont en fait un site Web appelé système CMS. 60 % de tous les systèmes CMS sont utilisés par WordPress. Alors pourquoi est-ce que c'est ça ? Eh bien, WordPress est un système open source. Quel est essentiellement le plus grand avantage et désavantage en même temps, car l' open source signifie que tout le monde peut y travailler. Tout le monde peut créer un thème WordPress ou un plug-in si vous savez comment le faire. Bien sûr. Il existe de nombreuses options. Par conséquent, il est également assez innovant et innovant à un rythme aussi rapide. Il y a aussi beaucoup de mauvaises options. Mais heureusement pour vous, j'ai failli les dire tous et je vais juste partager les bonnes choses avec vous. Parlons d'abord un peu d'autres options qui existent avec les avantages et les inconvénients. Il existe différentes façons de créer un site Web. Bien sûr, il y a toujours le moyen tout coder vous-même. Donc, si vous voulez apprendre à utiliser PHP, JavaScript, HTML, CSS, ce sont tous des langages dieux utilisés pour créer des sites Web. Heureusement, pour des gens comme vous et moi, il existe de nombreuses façons d'utiliser un logiciel qui écrit le code pour vous. Si vous utilisez un constructeur de pages et quelque chose comme Shopify, WordPress, beaucoup d' autres options disponibles. Il y a de fortes chances que si vous téléchargez une image via ce logiciel, le logiciel écrit un morceau de code avec du HTML et les autres langues et explique simplement que l'image est en fait une paire. Vous n'avez donc pas besoin d'écrire des milliers de lignes de chèvres. Mais le programme le fait pour vous. Au fil des ans, ces interfaces deviennent beaucoup plus conviviales et plus attrayantes visuelles. Il est donc beaucoup plus amusant de créer sites Web de cette façon et aussi beaucoup plus efficace. Et il y a des avantages et des inconvénients entre les différents outils et ne le voient pas comme bon ou mauvais. Je vais expliquer ce que je préfère et pourquoi je le préfère. Mais je crois que tous ces outils existent pour une raison ou pour la raison de quelqu'un. Beaucoup de gens peuvent être découverts par une option appelée semaines, qui est un générateur de pages à faire soi-même. Il est très facile à utiliser. Il a l'interface. Mais un inconvénient peut être, à mon avis, que c'est très limitant. Si vous commencez. Vous ne voulez pas investir beaucoup de temps et vous voulez obtenir quelque chose rapidement. Il existe une option que vous pouvez utiliser avec des semaines. Ce que je n'aime pas tant dans les semaines, c'est que cela limite énormément leurs opinions parmi lesquelles vous pouvez choisir. Mais si vous voulez changer de thème, ce n'est pas possible. Cela ne vous donne donc aucune liberté créative. Et c'est ce que j'ai cherché dans un outil que je peux créer quelque chose qui résonne avec moi et qui est ma propre expression de la façon dont je voulais le montrer. Je ne veux pas avoir de limites dans ma conception ou mes fonctionnalités. Par conséquent, je n' aime pas les options comme semaines ou d'autres constructeurs de pages vraiment faciles à utiliser comme ça. Et aussi, ces choses peuvent coûter très cher. Donc, si vous êtes un peu plus et que vous aimez peut-être le commerce électronique ou que vous avez des pages de vente. Il existe un terme pour une page Web où vous pouvez vendre certaines choses si vous souhaitez avoir des fonctionnalités telles que, par exemple, un bouton «  J'aime » Facebook, vous payez cinq ans par mois en Shopify pour utiliser un bouton J'aime Facebook si vous souhaitez disposer d'une fonctionnalité de cartes. Si vous payez des frais pour cela aussi. Toutes les fonctionnalités s' additionnent donc très rapidement. Donc, peut-être que cela semble vraiment bon marché et peu coûteux à utiliser au fil du temps. Cela peut être assez coûteux pour quelque chose que vous ne pouvez pas facilement changer en un autre thème, ne peut pas changer le design du tout. Et les fonctions sont très limitées . Par conséquent, c'est peut-être bien si vous débutez, mais si vous cherchez quelque chose de plus en finance ou peut-être un peu plus professionnel. Ensuite, il y a une place pour WordPress, par exemple. Une chose que nous aimerions mentionner est que si vous commerce électronique ou que vous souhaitez vendre des produits physiques, ou peut-être vendre des produits numériques, ainsi que quelque chose que vous pourriez explorer, c'est Shopify. Shopify est la plus grande plateforme de vente de produits en ligne. Alors, vérifiez vraiment ça. Ce que vous pouvez également vérifier si vous envisagez d'avoir beaucoup d'inventaire et de nombreux types de produits différents. Vous pouvez regarder dans mon Santo, Santo 2. Pour être précis. C'est plutôt pour les grandes entreprises qui ont beaucoup de produits à vendre. Supposons donc que vous ayez 1000 produits ou plus. Et vous voulez ouvrir un vrai magasin de vente au détail ou quelque chose comme ça. Vous pouvez commencer avec WordPress avec quelque chose comme WooCommerce jusqu' à 1000 produits. Mais si vous avez dépassé le fait que les gens utilisent le plus souvent et plus d' inventaire des stocks dans les polices. Un logiciel. Qu'est-ce que mon Santo ? Mais vous devez vraiment avoir des développeurs professionnels dans votre équipe ou les embaucher pour créer votre site Web. Parce qu'il y aura beaucoup de codage en jeu. Donc, pour connaître par vous les options disponibles, vous pouvez ouvrir une boutique Shopify en ligne assez rapidement. Mais vous payez pour toutes les fonctionnalités de toutes les applications que vous devez utiliser. Si vous êtes à la recherche d'un site Web normal ou si vous souhaitez également avoir un site Web de commerce électronique, WordPress est recommandé de m'en acheter un peu plus tard dans la formation. Si vous voulez vraiment faire une comparaison. Il y a d'autres outils. Par exemple, Squarespace, Drupal et Squarespace, en fait plutôt cool, mais ne vous donne toujours la liberté que vous obtiendriez avec WordPress, Drupal et myopie et sont un un peu désuet. Ils ne sont plus autant supportés et ne sont donc pas vraiment une bonne option dans mon Albion. Très bien, parlons des raisons pour lesquelles j'adore WordPress. Wordpress est open source et vous offre donc de nombreuses options pour choisir un fonds. Il existe plus de 50 000 plugins que vous pouvez utiliser pour vos sites Web. Donc, ce sont essentiellement des applications que vous utilisez Plugins et vous pouvez les télécharger. Certains d'entre eux sont gratuits, d' autres pour lesquels vous payez quelque chose, d' autres vous pouvez, ils sont beaucoup pour cela. Mais ce sont des logiciels que vous pouvez télécharger sur votre site Web. Fondamentalement, ce dont vous avez besoin, c'est quelques choses lorsque vous démarrez votre site Web WordPress, car c'est plutôt une méthode de bricolage. Et j'aime le comparer à des créateurs de pages à faire soi-même, tels que des semaines. Quelque chose comme ça, c'est peut-être comme si vous vous trouviez un emploi en tant qu'employé dans une entreprise. Cela peut être très limitant. Il peut avoir sa place pour certaines personnes. Mais vous savez exactement ce que vous obtenez. Et c'est tout. Avec WordPress, c'est plutôt comme être un pigiste ou un propriétaire de petite entreprise. Vous devez comprendre un tas d'autres choses vous-même. Et cela comporte beaucoup plus de responsabilités, mais cela vous donne beaucoup de liberté. Et si vous le faites correctement, beaucoup plus d'avantages. Cela dit, des armes à feu avec certains risques. Risques et cela prend un peu plus de temps, mais je pense qu'il vaut le mettre en l'air pour que tout comprenne. 5. Comparer les créateurs de thèmes Wordpress : Pourquoi Divi ?: Donc, pour votre nouveau site Web, nous allons le créer avec WordPress. Avec WordPress, vous avez besoin de quelques choses. La première chose dont vous aurez besoin est d' un nom de domaine et d'un hébergement Web. Mais plus à ce sujet plus tard dans une nouvelle vidéo. Une fois que vous avez configuré votre nom de domaine et votre hébergement Web, WordPress est installé. La chose dont vous allez avoir besoin, c'est un flux WordPress. Vous pouvez, bien sûr, une conception Web plus élevée ou un développeur Web pour créer votre flux personnalisé. Mais cela peut coûter assez cher et peut prendre beaucoup de temps à construire. Heureusement, il existe de nombreuses bonnes solutions ces jours-ci. Pour créer vous-même un site Web avec un constructeur de pages ou des pieds WordPress, et cela peut également le faire. Il y a quelques options en fait, il y a beaucoup d'options, mais il y en a quelques bonnes dont nous pouvons discuter. Et peut-être que vous avez entendu parler de quelques-uns d'entre eux ne le sont peut-être pas. Quoi qu'il en soit, les options que nous allons découvrir un peu. Et le premier sera WordPress. Plus loin, il y a un constructeur de pages intégré dans F0. Pour autant que je sache, vous ne pouvez pas utiliser ce générateur Alpha dans d'autres thèmes. Ce que les autres créateurs de pages peuvent parfois faire. Mais au sein de l'équipe, vous pouvez créer vous-même un site Web avec le créateur de page. Ce qu'un constructeur de pages n'est pas. Interface glisser-déposer, un logiciel Dragon Drop où vous pouvez créer vous-même un site Web et tous les éléments. Ce que je n'aime pas tant chez DFL, un thème WordPress, c'est qu'il est livré avec tant d'options, et c'est donc beaucoup trop long pour moi de créer des sites Web comme ça. C'est une excellente option si vous voulez avoir beaucoup d'options et beaucoup de paramètres et de fonctionnalités. Mais cela peut être très écrasant. Et je ne pense pas que ce soit le moyen le plus efficace de créer vous-même un magnifique site Web. Ensuite, la prochaine option dont ils aimeraient parler avec vous est Elementor. Générateur de pages Elementor. Vous pouvez créer des sites Web WordPress assez simples et rapides et peut être une excellente alternative pour DC n' est qu'une autre option, est vraiment conviviale. Ils font un excellent travail. Il y a des avantages, des inconvénients et des différences par rapport à Diffie, mais cela peut être une excellente option, alors il y a trois autres options qu'il aimerait mentionner auparavant. Nous allons parler l'option que nous allons utiliser. Les autres options sont un peu plus obsolètes, mais vous voyez toujours beaucoup de sites Web utilisant ces créateurs de pages. C'est donc WP Bakery. Wp signifie WordPress, WP Builder ou compositeur officiel. Ces trois options sont un peu limitées. Les constructeurs de pages, à mon avis, il est assez facile utiliser le glisser-déposer pour construire un site Web vous-même, mais ils sont un peu limités et un peu dépassés, donc ce n'est pas si amusant à utiliser ils sont livrés avec de nombreuses options. Donc, beaucoup de sites Web sont construits avec eux, mais cela ne vous donne certainement pas tant de liberté en termes de design. Ce que j'aime tant dans des choses comme un père Elementor ou DV, ce que nous allons utiliser. Par exemple, si vous souhaitez avoir une ombre de zone derrière une image, s'agit pas d'une fonctionnalité standard. Il faudra un codage avec CSS, par exemple, pour faire apparaître l'ombre derrière l'image. Pour moi, il n'est pas si convivial de créer de beaux sites Web. J'aime avoir la liberté et les designs que je crée à partir d'un site Web. Pour ma profession, je dois utiliser tous ces outils car je change également les sites Web d'autres personnes qui utilisent les autres outils. Nous avons également construit nous-mêmes des thèmes personnalisés. Si nous avons besoin d'en construire un peu plus sur le site Web de Fanta. Mais comme 90 % du temps lorsque nous construisons de nouveaux sites Web, nous choisissons les deux Phi. Dry. Dy est un constructeur de pages ou, à mon avis, est en fait un constructeur de thèmes WordPress car il fait un peu plus que simplement construire des plages. Il est en fait utilisé pour créer des sites Web entiers créés par Elegant Themes. Et c'est une façon très simple et amusante de créer des sites Web. C'est une interface très conviviale, donc les outils logiciels sont très faciles à utiliser. Ils ont d'ailleurs une excellente documentation, dont vous ne devriez pas avoir besoin après avoir regardé ces vidéos car nous la réduisons juste pour les choses les plus importantes pour vous. Mais ils sortent de nouvelles fonctionnalités presque chaque semaine. Ils le font de telle manière qu' une fois que vous avez l'habitude d' utiliser ces outils, vous pouvez utiliser les mêmes méthodes dans toutes les fonctionnalités. Il est livré avec des modules tels que des modules de texte , des modules d' image, des cartes, etc. Une fois que vous connaissez les fonctionnalités de base, comment configurer ces modules vous-même lorsqu'ils sont dotés de nouvelles fonctionnalités et il vous sera très facile d' utiliser les mêmes connaissances et les mêmes manières que vous habituez et dites. Donc, fondamentalement, tous les modules fonctionnent toujours de la même manière. Une fois que vous aurez compris quelques éléments de base, vous comprendrez qu'ils étaient tous morts. Il faudra du temps pour apprendre peut-être un jour ou deux ou une arborescence si vous êtes habitué à créer des sites Web dans un passé comme Visual Composer ou Vada. Et maintenant, vous changez pour vaincre. C'est une autre façon de penser. Il faudra un peu de temps et encore, donner un peu de friction. Mais une fois que vous aurez fini, je suis presque sûr que vous allez adorer Divi autant que moi et que vous passerez un bon moment à l'utiliser. C'est pourquoi j'aime tellement DV. Nous avons couvert beaucoup de choses. D'abord et avant tout, pourquoi avez-vous besoin d'un site Web ? Quelles sont toutes les options disponibles et quels outils vous allez utiliser pour créer votre site Web génial. J'ai hâte de commencer à créer un site Web et de vous montrer exactement comment le faire. N'attendons donc pas plus loin et plongeons profondément à moins de créer un site Web. 6. 2 Partie : Configurer votre site Web de Wordpress: Très bien, donc dans les prochaines vidéos, je vais vous apprendre à configurer toutes les bases. Nous allons passer en revue les paramètres les plus anciens est très important pour avoir tous les paramètres correctement. qui concerne la préparation de la création réelle des pages Web, nous devons modifier certains paramètres du logiciel, installer des plugins comme des applications, puis nous pouvons commencer à construire par la suite. Mais pour l'instant, nous passons en revue tous les paramètres. 7. Décidez sur votre nom de domaine: Très bien, nous allons mettre en place quelques bases avant pouvoir commencer à créer le site Web. Nous allons avoir besoin de deux choses. Premièrement, nous allons enregistrer un nom de domaine et nous avons également besoin d' un bagage d'hébergement Web. Commençons donc par le premier, l'enregistrement des noms de domaine. va falloir que vous ayez un nom de domaine. C'est le mot que vous tapez dans votre navigateur Internet qui vous dirigera vers votre site Web. Par exemple, si vous tapez www dot, mon petit site web.com va vous montrer le site Web. Ensuite, il y a mon petit site web.com, c'est votre nom de domaine. Vous avez peut-être déjà un nom de domaine en tête. Peut-être que vous n'en êtes déjà qu'un. Quoi qu'il en soit, il y a quelques conseils que je vais vous donner pour acheter votre nom de domaine. Pas numéro un, essayez d' éviter les nombres dans les noms de domaine. Si possible. Ne pas dire qu'il ne peut pas fonctionner avec les nombres de votre nom de domaine, ce n'est pas une bonne pratique car vous devez toujours expliquer comment écrire le nom de domaine. Par exemple, si le nom de votre entreprise est 711, comment l'épeler ? Est-ce 711.com ? Est-ce que c'est le V E N numéro un ? Le numéro un qui vient de toute façon, vous l'avez compris. C'est déjà en train de se compliquer. vous explique cela dans sa vidéo. Si possible, essayez d' éviter les chiffres. Si possible, le numéro deux n'a pas essayé d'éviter les abréviations. Par exemple, l' abréviation peut être. À titre d'exemple, faites-le vous-même bricolage. Si vous souhaitez enregistrer un nom de domaine, Do It Yourself. Tutorials.com, je recommande un nom de domaine un peu plus long au lieu d'utiliser des abréviations. C'est mieux à des fins de référencement et aussi plus facile à comprendre pour les moteurs de recherche, mais c'est également plus convivial. Bien que je réfère un nom de domaine plus court il est préférable d'utiliser un nom de domaine un peu plus long au lieu d'utiliser chaque arborescence des numéros de conseil de domaine de déviations, j'ai essayé d'éviter les tirets si possible. tirets sont donc les petites rayures entre les mots. Parfois, les gens ont essayé d'utiliser des tirets lorsque le nom de domaine est déjà revendiqué par une autre personne qu'ils souhaitent utiliser. Si vous voulez avoir un nom de domaine comme mon petit bony par exemple. Et vous avez mis les deux tirets entre ma fin plus tard et osseuse. Ensuite, comme la première étape, difficile à expliquer aux gens comment épeler le nom de domaine. Vous voulez que les noms de domaine soient faciles à mémoriser et faciles à épeler. Par conséquent, si possible, toujours essayé de se permettre des tirets étaient immobiles. S'il y a une très forte raison pour laquelle vous souhaitez utiliser un nom de marque spécifique ou quelque chose comme ça. Et le nom de domaine préféré est déjà commencé, alors vous pouvez envisager d' utiliser un tiret ou une bande. Mais peut-être pourriez-vous trouver des phénomènes, des synonymes, des phénomènes. Peut-être que vous pouvez trouver des phénomènes pour cela. Je vous ai expliqué un peu ce qu'il ne fallait pas faire avec les noms de domaine. Alors, que devriez-vous faire ? Le nom de domaine doit être facile à mémoriser, facile à épeler, logique et lorsqu'il est connecté. Par conséquent, si vous utilisez différents mots combinés dans un nom de domaine, il devrait être facile à lire. Par exemple, si vous utilisez des noms de domaine qui existent plusieurs mots l'un à côté de l'autre, comme mon petit os avec l'exemple. Ensuite, essayez toujours d'éviter d'utiliser des pare-feu à côté de deux voyelles et consonnes à côté des consonnes. Donc, si elle se termine par un e, ne commencez pas le nouveau prix par un E car c'est vraiment difficile à lire pour les personnes qui ont deux mots différents. Mon petit, c'est facile à lire, mais mon yacht dit, par exemple, est un peu plus difficile à lire parce qu'il va ressembler à un mot en bref, pleuré pour que le domaine, il est logique que c'est facile à lire. Internet vieillit un peu maintenant, WordPress existe depuis 17 ans en ce moment. De plus en plus de noms de domaine sont pris. Malheureusement, certaines personnes considèrent cela comme immobilier numérique et ont essayé de nettoyer ces domaines pour le vendre. De nombreux noms de domaine sont pris, mais pas tous. Fondamentalement, tous les noms de domaine .com, avec 3456 lettres sont déjà Dagan. Il est donc difficile de trouver si vous voulez démarrer un site Web sur la course à pied, il est probable que Running.com va être pris. Peut-être si vous utilisez une autre extension comme la phrase finale du nom de domaine, comme Dr. Nell pour Netherlands ou points pour l'Espagne par exemple. Il est donc plus probable qu'il existe encore. Mais la plupart des biens, des noms de domaine courts sont déjà pris. Que faire dans ce cas, j'ai essayé de le rendre un peu plus long en combinant des mots. Peut-être va-t-il être un nouveau site Web pour votre magazine de course à pied et running.com est déjà pris. Essayez ensuite d'utiliser quelque chose comme lancer Magazine.com ou D running magazine qui a disparu. Quelles sont les meilleures extensions pour votre nom de domaine ? Comme je l'ai dit, l'extension est la dernière partie de votre nom de domaine. Cela peut donc être comme .com.del, b0 pour la Belgique, etc. Les noms de domaine .com les plus utilisés à l'échelle internationale. Si vous souhaitez avoir un site Web international, je préfère toujours trouver un nom de domaine a.com. S'il est vraiment difficile ou impossible de trouver un don et un nom de domaine dot-com. Il est également possible d'utiliser quelque chose comme .net ou Dot Organization. Org.net est vraiment bon. Si le .com est déjà pris, alors c'est un bon plan B. Mais si vous avez l'option, optez toujours pour l'option .com. Si vous êtes plus concentré localement, comme moi qui fait plus d'affaires aux Pays-Bas, j'aime avoir un nom de domaine dot nl car c'est pour les entreprises néerlandaises. Plus susceptible de se classer dans les moteurs de recherche de Google localement si vous utilisez un nom de domaine local. Donc, si j'ai mon site Web point et L va se classer plus haut dans Google delta nl. Si je vais sur Google les mêmes mots dans Google.com, ce qui est plus axé sur le plan international est plus susceptible que mon site Web ne se classe plus bas. Il est essentiellement axé sur le marketing local. Mais si vous êtes davantage concentré sur le plan international essayez d'avoir un nom de domaine international. Autre chose que vous pouvez envisager au sujet des extensions. Ils sont plus étendus. Ainsi, la dernière partie du nom de domaine qui s'adresse à des publics spécifiques ou à une branche spécifique. Donc, des choses que vous verrez comme écho du DOD, une boutique ou autre. Il y a un débat ou une discussion sur la question de savoir si c'est bon ou non. Je pense que sur la chemise à long terme et les extensions vont décoller. Par exemple, je pense que de plus en plus de gens vont s'habituer à utiliser des noms de domaine avec Doug shop. Si vous aimez le commerce électronique ou si vous avez un magasin de détail, il pourrait être judicieux d'utiliser un nom de domaine avec mon magasin de points, par exemple, ou mon magasin de meubles. Mais je pense que la plupart des extensions sont également beaucoup plus chères. Et puis les noms de domaine normaux, ils peuvent durer 250 ans par an. Qu'est-ce qui fait beaucoup plus que si vous achetez un domaine a.com pour peut-être 16€ ou delta maintenant depuis neuf ans, quelle est la moyenne de plus ? Il y a un peu plus cher. Oui, bien. Il est plus facile de classer d'autres entreprises parce qu'elle contient le nom de domaine dans l'extension. Donc, pour le facteur SEO, cela pourrait aider un peu. Bien que j'aime optimiser mon site Web, c'est plutôt pour les gens. Et c'est aussi la stratégie des moteurs de recherche comme Google. Ils veulent que vous construisiez des sites Web pour les utilisateurs, non pour les moteurs de recherche. L'une des choses les plus importantes à prendre en compte lors enregistrement d'un nom de domaine est la fiabilité. Les gens devraient donc prendre une décision dans un délai d'une seconde, s'ils font confiance à ce nom de domaine et qu'ils le jugent en fonction du domaine et de l'extension. Donc, si vous avez un nom de domaine, par exemple, avec les plus gros remises sur XYZ, les gens penseront que c'est du spammy ou ils n'y feraient pas confiance. Au lieu de rabais, de specialists.com ou de cadeaux gratuits, dot annoncent, quelque chose comme ça. 8. Choisissez votre entreprise d'hébergement web: Il est maintenant temps d'enregistrer votre nom de domaine. L'une des choses les plus importantes. Lorsque vous affichez votre nom de domaine, vous le ferez via une société d'hébergement Web. Par exemple, si vous allez sur GoDaddy.com, l' une des plus grandes sociétés d'hébergement Web au monde. Vous verrez que je débarque sur la page d'accueil de GoDaddy.com. Et pourtant, vous pouvez commencer à chercher votre nom de domaine. J'ai donc déjà essayé quelques choses. Par exemple, si vous vouliez vous rendre dans un domaine comme la fusée numérique, il y en a un qui vient, cela pourrait être un nom pour site Web de notre agence de médias sociaux. Vous pouvez vous endetter, mais malheureusement, fusée numérique dares.com est déjà prise, mais elle vous offre d' excellentes alternatives. Par exemple, la fusée numérique dir.com, si vous souhaitez l' enregistrer sur un autre exemple. Un autre exemple pourrait être BlueHost.com. Si vous cliquez ici en haut dans l'en-tête des domaines et le menu ici, vous pouvez également rechercher des noms de domaine. Par exemple, social rocketeers.com. Il est écrit, félicitations, que votre nom de domaine est disponible. Supposons que je souhaite enregistrer ce nom de domaine. À titre d'exemple, vous pouvez cliquer sur le bouton Continuer. Et ce genre de choses aime acheter n'importe quoi en ligne. Ils vous demandent si vous voulez avoir un hébergement gratuit, peut-être un package Microsoft ou quelque chose comme ça, je n'en ai pas besoin. Je peux simplement passer à la page de paiement où je remplis mes informations de facturation et de paiement, en trompant vos données personnelles et en choisissant un mode de paiement. Paypal est également optionnel si vous ne faites jamais de carte de crédit, vous pouvez payer sur papier également avec votre carte de débit ou idéal si vous venez des Pays-Bas, par exemple. Et puis il suffit d'acheter maintenant, allez sur la page de paiement. Et votre domaine enregistré idéalement est beaucoup plus facile pour vous si vous enregistrez vos noms de domaine auprès la société d'hébergement Web que vous envisagez également d'héberger votre site Web. Premièrement, où souhaitez-vous héberger votre site Web avant de terminer le paiement ? Vous pouvez utiliser ces sites Web pour voir si le nom de domaine est disponible, mais prendre votre propre décision où vous souhaitez héberger votre site Web avant d' enregistrer vos domaines. Il est donc très facile d'acheter votre domaine et vos bagages d'hébergement. Cependant, ce processus de mise en place peut être un peu difficile ou difficile. Nous allons partager des liens vers la documentation pour toutes ces sociétés d'hébergement lesquelles nous vous recommandons de choisir. Vous pouvez voir comment configurer vous-même le domaine et l' hébergement Web, étape par étape . Il suffit de suivre la documentation ou contacter son support si vous avez besoin d'aide. Cela étant dit, j'aimerais vous proposer cinq options différentes pour sociétés d' hébergement enregistrent vos noms de domaine, et vous hébergez des forfaits. La première option que vous pouvez explorer en tant que GoDaddy. Je n'aime pas beaucoup GoDaddy personnellement parce qu'il n'offre pas une surface de qualité et de qualité supérieure. Cependant, c'est la société d' hébergement Web la plus utilisée au monde, je pense, parce que c'est tellement bon marché. Mais parce que c'est tellement bon marché, le service client n' est pas très mauvais, mais ce n'est pas si génial. La qualité qu'ils ont mis trop de sites Web sur un internaute. Cela peut donc ralentir le chargement de votre site Web. Et il est très important d' avoir des pages de site Web à chargement rapide. Ceci est important pour référencement afin que les utilisateurs trouvent votre site Web dans Google, mais aussi pour l'expérience utilisateur, vous ne voulez pas que des personnes attendent six secondes avant de charger votre page Web. Vous êtes allé travailler rapidement. Et c'est l'une des choses les plus importantes pour un bon site Web. C'est l'une des solutions les moins chères. Je donnerais peut-être cinq ou six sur dix en termes de qualité et de soutien. C'est donc une bonne option, mais ce n'est pas la meilleure. Et c'est particulièrement bien si vous êtes plus concentré sur le plan international. Ils ont également au bas du site Internet d'autres nationalités. Si vous voulez le voir en euros ou en dollars américains, les réglages de jus Baker vous conviennent. Très bien. La deuxième option internationale est donc Bluehost. BlueHost.com a un peu meilleur support, est un peu plus cher que GoDaddy, mais aussi un peu de meilleure qualité. Cela en fait également une bonne option. Était-ce pour la partie enregistrement de domaine ? Bonne chance avec ça. Et j'ai hâte de vous voir dans la prochaine vidéo. 9. Installer Wordpress en un clic (genre): Dans cette vidéo, je vais vous montrer comment installer WordPress en un clic. Heureusement, la plupart des sociétés d'hébergement Web proposent la solution. Je vais donc vous montrer comment le faire maintenant. Nous avons déjà créé le client dans notre Panneau de configuration. Nous devons le faire parce que nous sommes un administrateur. Parfois, vous devez le faire, parfois non. Eh bien, vous devez toujours ajouter le site Web, trouver la glande, puis le nom de domaine. Gardez tous les paramètres comme L. Nous le ferons plus tard. Nous allons cliquer sur Enregistrer. Un nouveau site Web est créé. Nous attendons le point rouge. Quand il s'agit d'une vague , la création du nouveau site Web sera terminée. Et nous passons aux forfaits disponibles. Vous voyez une tonne de paquets que vous pouvez installer d'un simple clic. Nous n'avons besoin que d'un seul appelé WordPress. Je clique dessus. Et ensuite, ce que nous devons faire, c'est installer ce paquet. Cliquez sur l'emplacement où vous souhaitez l'installer. Vraie sociale, fusée tears.com. Ce sera le mot de passe de votre base de données, donc vous voulez l'écrire quelque part dans vos notes à moi-même. J'en aurai besoin plus tard. Vous pouvez ensuite créer le mot de passe administrateur dont vous vous souviendrez. Acceptez la licence et cliquez sur Installer. Attendez que le point rouge disparaisse à nouveau. Nous avons installé WordPress. Voyons si ça marche. On y va. Nous avons maintenant une installation WordPress propre en cliquant sur un bouton. Vous avez créé les informations de connexion. Ici, vous pouvez vous connecter avec le compte que vous venez de créer. Vous êtes maintenant à l'intérieur de votre site Web WordPress. Félicitations. 10. Configurer vos e-mails: Très bien, donc maintenant vous avez installé votre site Web WordPress. Vous voudrez probablement également créer un compte de messagerie dans notre panneau de configuration. Vous n'avez qu'à aller par e-mail. Une fois que vous y êtes, vous accédez à la boîte aux lettres et il vous suffit de cliquer sur Ajouter une nouvelle boîte aux lettres. Vous pouvez donner le nom du nom de l'adresse e-mail. Je vais juste le faire passer par les fusées sociales pour l'instant. m'appelle Beam, je vais donc créer un BIM sur le site social worker tiers.com. Au lieu du meilleur mot, vous pouvez vous souvenir ou générer un mot de passe plus difficile. Vous pouvez laisser tous les paramètres aux paramètres standard pour l'instant. Cliquez sur Enregistrer. Une fois que le point rouge est un moyen, vous pouvez aller à votre moulin à web, l'enlever. Dans notre cas, c'est un moulin humide de l'entreprise qui vient à la fusée sociale. Il y a le chewing-gum. Le meilleur mot. Vous y allez. Vous avez créé le compte de messagerie. Nous recommandons donc toujours d'utiliser des clients de messagerie tels que Gmail ou Outlook. Juste pour cette vidéo, je vais vous montrer comment installer facilement une adresse e-mail dans l'usine de l'OEB. Mais votre société d'hébergement Web disposera probablement de la documentation sur la façon de le configurer vous-même. Je vais donc le faire. Qui dit à Apple million ce Néerlandais pour ça ? Comment est-ce que j'ai mis en place une papeterie ? Mais vous pouvez également faire Outlook ou d'autres clients masculins avec e-mail, vous avez deux options. J'ai cartographié les paramètres ou les paramètres de IMAP est la version la plus récente que je recommande. Vos appareils ont synchronisé les e-mails. Si vous supprimez l'e-mail et votre téléphone et que vous serez également supprimé sur votre ordinateur portable. Avec l'arborescence POC, les e-mails sont stockés sur votre appareil, sur votre téléphone ou sur votre ordinateur portable. Je ne le recommande pas, mais dans certains cas, vous voudrez peut-être l'utiliser. Mais pour la plupart des gens, il suffit d'utiliser IMAP. Une fois que vous êtes dans votre repas et que vous accédez à Préférences, vous allez cliquer sur les comptes car nous allons ajouter un nouveau compte. Vous pouvez cliquer sur le symbole plus en bas à gauche et cliquer sur notre compte de messagerie. Pour mon fournisseur. Cela peut être différent pour d'autres sociétés d'hébergement Web. Mais nous allons cliquer ici sur d'autres dénombrements de lait. Définissez le nom que vous souhaitez mettre dans le BIM au chewing-gum social rocketeers. Et mettez le meilleur mot. Il est écrit et j'ai écrit pour vérifier le compte, le nom ou le mot de passe. C'est exact car nous devons remplir manuellement le serveur de messagerie entrant et sortant. Et notre cas, ce nom est la société Tau qui occupé magasin.edu, même pour les sortants. Et enfin, c'est quelque chose que nous ne pouvons pas changer, mais vous voulez toujours le renseigner abord, puis remplir également le nom d'utilisateur. Il est dit que les notes automatiques et aimées sont un peu floues. Mais ce qu'il fait, il ne prend que la première partie de l'adresse e-mail. Donc, dans ce cas, mon ami nom thème. Donc, en gros, c'est dire automatiquement qu'il y a une entreprise, le nom d'utilisateur, mais ce n'est pas le nom d'utilisateur. Si je clique sur Se connecter maintenant, cela va provoquer une erreur. Les informations de connexion ne sont pas correctes. Ce que vous devez faire, c'est prendre l'adresse e-mail entière, placer comme nom d'utilisateur, puis cliquer sur le bouton Se connecter. Vous pouvez maintenant choisir si vous le souhaitez, quelles applications vous souhaitez utiliser à cet effet et ne souhaitez installer que des e-mails dès maintenant. Mais peut-être voulez-vous avoir des nœuds EPA. C'est à vous de décider. Alors, c'est fini. Je recommande toujours vérifier si l'adresse e-mail fonctionne. Je vais donc m'envoyer un e-mail dès maintenant. Et une fois que j'ai reçu l'e-mail, vous voulez également le rejouer. Vous voulez donc vérifier si les livres masculins entrants fonctionnent et si la boîte aux lettres sortante fonctionne. Très bien. C'est ça. 11. Configurez vos paramètres de Wordpress: Très bien, le week-end, commencez enfin à créer votre site Web. Je suis donc sur le site Web en ce moment. C'est à quoi ça ressemble. Nous allons en faire un site web magnifique. Nous allons donc d'abord finir les paramètres Wordpress avec tout au bon endroit. Nous allons également installer votre thème WordPress. Il s'agira de la mise en page de votre site Web que nous allons personnaliser et vous montrer comment vous pouvez le faire vous-même. Vous pouvez donc créer un cadre, le site Web, comme vous le souhaitez. Très bien, donc si vous vous connectez à WordPress, vous devez toujours accéder à votre nom de domaine et Mike montre votre bande oblique WP de rocketeers.com. Admin, vous amène à la page de connexion. Wp est synonyme de WordPress et remplit les informations que vous avez lors de la création de l'installation WordPress. Et nous allons nous connecter maintenant. Donc, la première étape que nous allons faire, vous êtes connecté en tant que compte administrateur. Puisque toute la norme d'installation de WordPress livrée avec un compte administrateur, c'est un peu risqué. La première chose que je fais toujours c'est que je vais créer un nouveau compte. Mon regard, le nom d'utilisateur va être BIM. Bim rocketers.com. Plus stricte, brassée dans le meilleur mot. Ecrivez ça quelque part. Faites de moi un administrateur. C'est très important. Il vous donne le droit de tout changer. Et puis je n'ai pas besoin de m'envoyer un e-mail à ce sujet. Vous avez créé le nouveau compte. Je vais me déconnecter, remplir le nouveau nom d'utilisateur et le nouveau mot de passe. Vous voyez maintenant en haut à droite comment la poutre s'y colle. Je vais supprimer le compte administrateur. Ce sera beaucoup plus sûr pour votre nouveau site Web. Il y a eu la première étape. Nous allons de haut en bas, de gauche à droite. Et la première chose que vous remarquerez, c'est qu'il vous demande de mettre à jour WordPress. Si vous voyez ceci, cliquez sur Mettre à jour maintenant pour accéder à la page de mise à jour. Vous verrez le symbole des mises à jour portant le numéro six. Il y a actuellement six mises à jour et je vais mettre à jour WordPress en ce moment. Très bien, nous installons donc la dernière version de WordPress, le système qui gère le site Web. Ensuite, nous allons également mettre à jour les plug-ins. Il est donc livré avec un plugin standard, il s'appelle ancre Schmidt antispam. Les plugins sont comme des applications pour votre téléphone, mais les plugins sont, c'est pourquoi votre site Web met à jour tous les plugins. Cette affaire n'est qu'une seule. Très bien, donc si tout est mis à jour, il devrait ressembler à ceci. Le processus de mise à jour démarre et cela ressemble à un journal, puis vous voyez avec succès, avec succès, etc. Très bien, nous revenons à la mise à jour, espace. Mises à jour Tremor à emporter. Et ce sont vos thèmes WordPress standard. Nous n'allons pas utiliser ces thèmes, mais nous allons quand même les mettre à jour. Très bien, donc tout est à jour. Maintenant, ce que vous voulez faire, c'est d'aller dans les paramètres, puis de passer à Général. Nous allons passer en revue les paramètres. Donc, après l'ajustement est correct, la première chose que vous voulez faire est également très importante à des fins de référencement. Vous devez donc donner à Google et à d'autres recherches des informations sur qui est votre site Web, de quoi il s'agit, etc. Je vais donc simplement renseigner le nom de l'entreprise ici. Et si vous avez un slogan, vous pouvez le mettre ici. Nous allons donc proposer un slogan comme contenu des médias sociaux de ce monde. Ensuite, ce que nous voulons faire, c'est que nous voulons changer cela par HTTPS, mais nous devons d' abord vérifier si cela fonctionne. Https est un protocole sécurisé. Il s'agit essentiellement de rendre votre site Web plus sûr. Si cette erreur s'affiche dans votre panneau d'hébergement Web, vous pouvez activer le certificat SSL. Parfois, vous devez payer pour cela. Avec certaines entreprises, nous offrons des certificats SSL gratuits, mais vous devez les mettre en activité vous-même dans votre panneau d'hébergement, rechercher votre site Web. Cliquez dessus. Ensuite, vous pouvez activer SSL et Let's Encrypt SSL. Attendez que les conduits de notification disparaissent, qu'ils soient actifs. Parfois, cela peut prendre environ une heure avant qu' il ne soit actif. Très bien, le certificat SSL doit maintenant être actif. Nous allons donc le tester en premier. Vous verrez maintenant ce verrou en haut à gauche. Cela signifie que si vous cliquez dessus le certificat est valide. Vous avez donc maintenant le protocole HTTPS. Ce que vous voulez toujours faire, c'est un nom de domaine sélectionné, cliquez avec le bouton droit de la souris, puis coupez-le et collez-le ici. La raison pour laquelle j'ai toujours une base, c'est que vous ne pouvez pas faire de fautes de frappe car si vous tapez cette erreur, vous ne pouvez plus utiliser le site Web. Il est donc important de trouver un nom de domaine, n'est-ce pas ? L'adresse WordPress où le diriger et supprimer la dernière barre oblique avant. Si vous avez copié et collé, cela devrait ressembler à ceci. Les paramètres de domaine dans votre phénol d' hébergement incluent WOW, traiter les temps un w et ensuite, vous pouvez inclure cela également. Nous avons les réglages sans W's. Peu importe ce qui est mieux ou non. Très bien. Maintenant, nous devons également entrer l' adresse e-mail de l'administration. Nous avons donc créé les livres de courriels, Social Work.com. Je donne les paramètres linguistiques pour l'instant aux États-Unis. Et le fuseau horaire. Je vais le mettre à Amsterdam parce que c' est là que nous en sommes. Ici, vous pouvez choisir votre format de date. Cela sera également montré sur vos articles de blog et des trucs comme la dette. Vous voudrez peut-être réfléchir à la façon dont vous voulez le dire. Je vais juste le dire comme jour, mois et année. Comment utiliser le format temporel. Alors, dans ce cas, laissez-moi voir. Celui-ci devrait être réglé sur 24 heures. C'est ce que nous utilisons aux Pays-Bas. La semaine commence avec moi lundi et je vais cliquer sur Enregistrer les modifications pour me verrouiller. Et c'est parce que nous avons changé le nom de domaine en HTTPS. Nous devons donc vous reconnecter. Et il me demande si cette adresse e-mail est correcte. L'adresse e-mail actuelle de l'administration était la suivante et nous n'avons pas encore vérifié l'e-mail. Je vais donc cliquer sur Email est correct pour le moment. Nous allons ouvrir le programme de messagerie électronique. On y va. Nous venons de le vérifier. Il me redirige vers le site Web. Et maintenant, nous avons fini avec tous les paramètres généraux de Wordpress. Nous avons maintenant un tas d'autres paramètres que nous pouvons passer en revue. Si vous accédez à la section Écriture et que cela devrait ressembler à ceci, vous pouvez ajouter les serveurs de messagerie ici. Si vous envisagez d'utiliser des choses comme des forums de contact et des choses comme ça. Mais nous allons utiliser des plugins pour la dette. Nous pouvons donc également laisser cela pour l'instant. Ce qui est le plus important, c'est la section lecture. Alors, comment voulez-vous vous montrer nos derniers articles ou nos derniers atouts esthétiques ? C'est quelque chose que nous allons faire plus tard. Un paramètre super, super important est que vous voulez que ce site Web soit réalisable pour les moteurs de recherche ? Voulez-vous que le site Web porte déjà Google, oui ou non. Si vous voulez vous fondre sur la construction pour les prochaines semaines de largeur et que vous ne voulez pas qu'il apparaisse dans le classement de Google, vous pouvez cliquer sur cette rancune. Mais c'est vraiment important, mettez-le dans votre calendrier. N'oubliez pas que lorsque vous lancez votre site Web pour décocher cette case, sinon votre site Web ne sera pas trouvé dans les moteurs de recherche. Je vais le laisser ouvert pour l'instant parce que je veux commencer à classer directement dans Google et créer mon site Web très rapidement. Je vais cliquer sur Enregistrer les modifications. Vous pouvez modifier certains paramètres de discussion. Je l'aime bien, comment ils sont en ce moment. Mais vous pouvez décider si vous souhaitez modifier ces règles si vous ajoutez commentaires médicalement proches sur des publications de plus de 14 jours ou quelque chose comme ça. J'aime bien ce que c'est. Je vais laisser ça pour l'instant. Paramètres multimédia, pas vraiment utiles pour le thème que nous allons utiliser. Donc, c'est peut-être le cas, vous pouvez ignorer ça. Et puis quelque chose que je pense que c'est très important, ce sont vos paramètres de lien permanent. Parce que les paramètres deux-points de vos paramètres de permalien et du lien permanent sont les paramètres de façon dont le nom de domaine dans votre navigateur a un cerveau. Vous allez créer une nouvelle page. Cela va lui donner un numéro comme plage est le numéro 123 pour cet exemple. Ce n'est pas très convivial et ceux-ci ne sont pas très conviviaux pour les moteurs de recherche pour comprendre de quoi parle le site Web. J'aime toujours choisir le nom d'hôte. Donc, si je veux créer une nouvelle plage qui s'appelle À propos de la page, alors ce sera social record tiers.com slash sur Beach. Je n'aime pas ça avec des chiffres des dates et des trucs comme ça. Il suffit donc de sélectionner les deux noms, d'enregistrer les modifications. Et maintenant, vous avez terminé tous vos réglages. 12. Installer le thème Divi: Très bien, donc vous venez de terminer un réglage Wordpress et maintenant il est temps de commencer à installer le thème WordPress. Nous pouvons commencer à construire. Il est déjà livré avec quelques thèmes standard comme 20171916. Celui-ci est actuellement actif, comme vous pouvez le voir ici. Vous pourriez commencer une nouvelle plage. Et cela va ressembler à une installation WordPress standard. Il va donc vous donner quelques explications sur le nouvel éditeur de blocs. La dernière fonctionnalité de WordPress, cliqué dessus de la bonne façon en ce moment, elle a un sentiment assez minimaliste et d'éditeur de texte où vous pouvez ajouter, par exemple, une page d'accueil. Alors commencez à écrire ici. Il s'agit d'une page Web. Je vais créer une page comme celle-ci et la publier maintenant. Ça ne va pas à Luke super minimaliste, pas comme tu le veux. Vous avez donc créé une page Web et notez la page d'accueil. Bonjour, Il s'agit d'une page Web. Eh bien, c'est une page Web, mais ce n'est pas la page Web que nous voulons. Commençons donc par l'autre thème afin que nous puissions griller les pages et lui donner cette forme et les forums comme nous le voulons. Vous pouvez acheter le thème WordPress sur Elegant Themes.com. Si vous utilisez le package d'hébergement de notre part, vous obtenez le thème Divi de notre part, également avec la clé de licence. Mais si vous décidez de l'acheter vous-même, c' est également possible, alors vous pouvez passer à Elegant Themes. Ce sont les développeurs de ce thème WordPress. J'ai quelques thèmes, mais le plus qu' ils aient résolu est dv. Et il y a beaucoup d'utilisateurs. Je pense qu'ils ont plus d'un million d'utilisateurs utilisent ce thème WordPress. Et j'ai déjà un compte, mais si vous voulez l'acheter, vous pouvez cliquer sur le prix et réfléchir, puis obtenir x annuels pour 89$ US par an ou un x à vie. Je vais me connecter à mon compte maintenant. Une fois connecté, je vais vous montrer comment télécharger dv, puis l'installer. Nous sommes enfermés dans Elegant Themes, un site Web situé dans l'espace membres. Une fois que vous êtes dans l'espace membres, la première chose que vous remarquerez est un bouton berbère avec le téléchargement du DVC. Je vais le télécharger et vous voyez qu' un fichier zip ne passe pas dans votre dossier de téléchargements. Et ce sont tous les fichiers du logiciel dont vous avez besoin. Mais nous devons faire encore une chose. Nous devons également créer et concéder des licences. Si vous accédez au compte, nom d'utilisateur et au défenseur, c'est ici que vous pouvez créer des clés API. Il devrait donc être déjà en application ici. Et puis voici toutes mes obligations. Nous allons générer la nouvelle Abigail. Je vais lui donner un nom. Cliquez ici pour copier, doit être copié dès maintenant. Nous revenons sur votre site Web. Nous sommes dans le backend de votre site Web. Si vous accédez à Apparence et thèmes, vous pouvez ajouter un nouveau thème. Il y a beaucoup de thèmes que vous pouvez sélectionner, mais nous allons télécharger le thème Divi. Choisissez votre fichier, accédez à votre dossier de téléchargements et téléchargez le fichier zip. Installez. Maintenant, il devrait afficher un écran avec l'installation du thème à partir d'un ensemble de points de base de données téléchargé ayant un impact sur le paquet, l' installation du FIM, puis avec succès, si vous avez des problèmes avec le téléchargement de vos frais WordPress, il est alors probable que vous deviez modifier certains paramètres de votre hébergement Web. Je vous recommande donc de contacter le support client de votre hébergement. Vous pouvez également installer le thème WordPress via FTP. Une fois que vous avez terminé, vous pouvez cliquer sur Activer. Et maintenant, il est activé. 13. Configurez vos options de thème Divi: Nous avons installé le thème WordPress Divi, et nous allons passer en revue les options de frais DV. Allez donc dans votre menu , puis sélectionnez Options du thème. Nous allons d'abord faire les options générales. Et la première chose que nous pouvons faire, nous pouvons télécharger un logo qui apparaîtra en haut à gauche de votre site Web. Nous allons télécharger le fichier. Je vais d'abord choisir une image qui se trouve sur votre ordinateur. J'ai un beau logo d'être pour ça aujourd'hui. Nous allons créer un logo. Et que voulez-vous faire ? Vous voulez vous assurer que, pour quelques choses, votre image n'est pas trop lourde. heures sont de 43 kilo-octets. Vous ne voulez pas télécharger une image d' un mégaoctet ou quelque chose du genre. Tout ce qui est inférieur à 120 kilo-octets devrait être correct. bas, mieux c'est car il vous aide à avoir le temps de chargement de votre page Web. Plus rapide. Plus il y a d'images, plus vous placez de données sur votre site Web et plus le chargement est long. Et vous voulez avoir un site Web à chargement rapide car c'est vraiment agréable si tout fonctionne plus rapidement sur votre site Web, alors quelque chose à des fins de référencement, le logo est quelque chose qui est indexé par Google, par les moteurs de recherche. Vous souhaitez donner quelques informations de logo à cette image. Et la marée a déjà été fixée. Nous allons également mettre le logo des fusées sociales dans la description. Et aussi dans le texte alternatif. Nous n'allons pas le mettre en légende car si vous le mettez en légende, il sera affiché avec le texte sous l'image sur le côté. Mais je veux que si je vais sur google.com, un dipôle dans le logo social rocketeers, aller aux images que Google trouvera dans les images dans les prochains jours ou semaines . Donc, la façon dont vous le faites consiste à donner des informations. Changez donc toujours les noms les descriptions et le texte alternatif de vos images lorsque vous les téléchargez sur votre site Web et essayez de les réduire un peu en taille ou en qualité. Soyez encore assez pointu, mais que les kilo-octets et les mégaoctets restent bas. Il s'agit d'un logo. Ce que vous pouvez faire est sélectionner une barre de navigation fixe. Ce qu'il fait, c'est la barre de navigation, et c'est sur le back-end du site Web, mais au recto et nous allons créer un menu. Et ce paramètre est essentiellement si vous voulez que le menu fasse défiler avec vous, si vous faites défiler le menu vers le bas pour que le menu suit cette barre de navigation dans le menu Paramètres n'est pas fixe, mais sur la partie frontale du site web, la version standard est corrigée. Vous pouvez désactiver ou activer cette option. Vous pouvez activer la galerie DC, à des fins de curseur photo. Si vous ne l'étiez pas, si vous connaissez déjà les couleurs que vous allez utiliser beaucoup, vous pouvez sélectionner ces couleurs, puis remplir, par exemple, une couleur grise. Et ensuite, si vous souhaitez modifier la couleur et certains endroits vous pouvez toujours utiliser cette palette de couleurs. C'est très pratique si vous allez créer beaucoup de pages avec beaucoup de couleurs différentes. Très bien, mais si vous ne connaissez pas encore la fac, ne vous inquiétez pas. C'est juste une bonne chose à avoir. Nous allons passer en revue les autres choses. Il y a beaucoup de paramètres. Je ne vais pas tous les couvrir, juste les choses les plus importantes. La disposition de la barre latérale droite. Si vous voulez l'avoir à droite ou à gauche, cela ne m'a pas tellement d'importance car j'ai toujours désactivé les fonctions d'une barre latérale. Je veux construire des choses moi-même. Mais quelques éléments que vous souhaitez conserver, c'est que vous souhaitez utiliser Google Fonts activé. Je vais montrer quelques bonnes polices que vous pouvez utiliser. Vous pouvez remplir vos liens sur les réseaux sociaux. Cela apparaîtra dans le pied de page et le bas de chaque page Web afin que dans le pied de page et le bas les utilisateurs puissent accéder à vos pages de médias sociaux. Une chose que j'aime faire est d'utiliser des extraits lorsqu'ils sont définis. Ainsi, les gens voient comme le premier paragraphe d'un morceau de texte lorsqu'il est chargé. L'une des fonctionnalités que j'aime est le bouton Retour à la tabulation. Il y a donc sous le côté, il y aura une flèche grise sombre qui vous suivra. Vous pouvez donc toujours accéder facilement au sommet. J'aime proposer un défilement fluide car cela vous offre une meilleure expérience utilisateur. Si vous êtes un site Web ou un CSS de bonne largeur, c'est là que vous pouvez ajouter votre CSS personnalisé, si vous ne savez pas quelle est la signification de CSS, mieux fait à propos de cette section. Mais si vous voulez faire du code CSS personnalisé pour créer un style personnalisé, c'est ici que vous pouvez le démarrer. Très bien, pour l'instant, je vais cliquer sur Enregistrer les modifications. Tous les paramètres doivent être enregistrés pour le moment. Nous n'avons pas besoin de passer en revue les autres paramètres ici. Mais une chose dont vous voulez vous assurer est la section mise à jour que vous souhaitez remplir les informations de connexion de vos thèmes élégants ici. Sinon, vous ne pourrez pas mettre à jour votre thème WordPress à l'avenir. Si vous remplissez vos données ici, vous les connaissez toujours et vous n'avez pas besoin de les consulter dans quelques semaines. Je vais le faire maintenant. Cliquez sur Enregistrer les modifications. Tous ces éléments doivent être réglés sur les paramètres corrects. Mais oui, vous pouvez modifier la navigation ou créer nos paramètres, les paramètres de mise en page. Une chose que j'aime bien, c' est avec vos articles, si vous voulez créer des articles de blog, je ne veux pas que les images soient placées sur le site Web, sur la page Web elle-même. Je vais donc désactiver ça. Et si vous ne voulez pas que d'autres personnes puissent commenter vos articles de blog. Vous pouvez voir ces vides ici. J'aime bien que les gens puissent faire des commentaires, mais certaines personnes ne veulent pas avoir cela. Je vais à nouveau cliquer sur Enregistrer les modifications. Nous n'allons pas utiliser ça pour l'instant. Si vous devez ajouter du code à votre site Web, vous n'avez pas besoin de vous lancer vous-même dans des affaires difficiles de code. Mais parfois, si vous souhaitez connecter des éléments comme Google Analytics ou d'autres choses de ce genre, vous devez placer dans la tête de votre site Web. Vous pouvez le mettre ici ou dans la section du corps ou autre fixe. Et ne vous inquiétez pas si vous ne savez pas ce que c' est ou si vous n'en avez probablement pas besoin pour l'instant. Mais si vous cherchez l'endroit où placer le code d'en-tête, c'est l'endroit dans les paramètres. Et vouliez-vous le chercher ? Très bien, c'est tout pour toutes les options de thème pour Diffie. Et si tout est réglé, nous pouvons commencer à créer les pages dès maintenant. 14. Personnalisez votre thème: Donc, une fois que vous avez fini avec vos options de thème et que vous parcourez votre site Web et devriez trop avoir l'air différent. Donc, si je vais sur ma page Web maintenant, ça ressemble à ça. Nous avons donc le logo, nous avons obtenu le Hello World, les premiers articles de blog WordPress. Nous avons la barre latérale. Il commence donc lentement à regarder un site Web par nous-mêmes. Mais nous devons tout de même faire certaines choses. Je vais me connecter à nouveau. Il est maintenant temps de modifier certains paramètres. Si vous allez apparaître, puis personnalisez. Ensuite, nous pouvons personnaliser certains paramètres standard avec le thème WordPress. Et il s'agit d'une fonctionnalité WordPress standard, le personnalisateur où vous pouvez changer l'en-tête, le pied de page, certains boutons et tout cela. Avec Divi, vous en avez un tas de plus. Mais passons de haut en bas. Nous allons aller aux paramètres généraux Identité du site, où nous avons déjà renseigné le titre du site, Social fusée. Nous l'avons fait dans une vidéo précédente dans les paramètres généraux du backend de WordPress. Nous travaillons donc dans le front end pour l'instant. Ensuite, nous avons travaillé dans le back-end dans le tableau de bord de WordPress. Et une chose que nous pouvons faire ici, nous pouvons télécharger une icône de site. Nous appelons aussi ce gras disparu. Ainsi, parfois, vous voyez dans la profondeur de votre navigateur Web, de votre navigateur Internet, vous voyez un petit logo ici. Comme si je devais prendre une autre plage pour l'instant, utilisez un an au-dessus du haut, mon logo sombre Google, mon dernier passage où il s'agissait de mots de passe et logo Google, logo Elegant Themes. Vous n'avez pas besoin de lire la première partie, mais vous pouvez reconnaître que vous êtes vraiment rapide. quel site suis-je sur quel site ? Nous avons donc de nouveau créé une jolie petite icône rose. Nous allons télécharger cela dès maintenant. Vous y voilà. Et cette icône mesure 512 x 512 pixels. Encore une fois, le titre, vous devriez lui donner un nom pour que les moteurs de recherche le reconnaissent. Placez-le également dans la description et dans le texte alternatif. Vous avez toujours envie de le faire. Il vous donne un avantage SEO. Vous pouvez saisir l' image si vous le souhaitez. Nous n'avons pas besoin de le faire pour le moment. Nous allons sauter le recadrage. Et maintenant, nous devons lyser joli petit rose sur un dépotoir d'un site Web. Nous allons cliquer sur Publier pour enregistrer les paramètres et revenir à l'étape précédente. Accédez aux paramètres suivants. Vous pouvez définir vos paramètres de mise en page et toutes les couleurs comportent six lettres ou chiffres en combinaison. Je vais cliquer sur ce truc bleu ici. Ensuite, vous voyez que ce code va être deux, a0, a3, fs. Si je vais plonger ici le hashtag et ensuite traiter les fois le F six fois. Ensuite, il va être blanc. Et je vais le mettre en zéros, zéros, zéros, zéros, zéros, zéros, 0 va être noir. Et puis toutes les couleurs entre les deux ont leur propre manteau de couleur unique. Nous voulons utiliser ce thème, une excellente couleur. Avec la banque, ils vont, ce sera notre couleur principale et notre couleur vraiment vive. Et le reste des paramètres vous pouvez le laisser tel qu'il est en ce moment parce qu'ils sont déjà vraiment sympas. Cliquez sur Publier ce qu'il fait. Par exemple, si nous voulons créer un lien ici, le lien sera décoloré. Vous n'avez pas besoin de le garder en bleu, alors le lien sera bleu. Il y a quelques endroits qui choisiront cette couleur. Lorsque vous créez quelque chose, il va utiliser la même couleur partout. Et ça va être vraiment sympa avec l'image de marque. Nous allons également définir les paramètres personnalisés de votre typographie. Si nous voulons créer des modules de texte, vous pouvez toujours modifier les paramètres par module. Mais par exemple, si vous créez, pages Web contenant beaucoup de textes et vous déciderez de modifier la police d'en-tête pour tous les en-têtes. Comme Hello World, vous avez décidé d' utiliser une autre police. Vous ne voulez pas entrer dans toutes les pages tous les modules de détachement et tout changer à la main. Mais si je vais chercher un téléphone sympa en ce moment, un téléphone financé, par exemple, est latéral. Si je veux changer Helloworld en latéral, je peux le faire ici. Si je vais à la gencive pour laisser le script dv ou fuite, alors vous voyez va être changé là-bas. Vous pouvez donc le laisser par défaut et le modifier partout manuellement. Mais j'aime placer les paramètres ici, donc je n'ai pas besoin de les changer partout ailleurs. Encore une fois, faites-le en cliquant sur un bouton. L'en-tête de la réduction est le visage gras d'Abril. Donc ça va être notre police, vraiment belle police et j'adore ça. Ensuite, nous allons également mettre la police du corps pour tous les paragraphes. Donc, nous choisissons aujourd'hui, passons au livre g pour Gentium. Basique. Très bien, beau ressemblant un peu à une police de machine à écrire. C'est vraiment agréable à lire. Les couleurs du lien Buddy. Je veux utiliser la couleur rose vif que nous avons avant. Très bien, donc ça a changé le lien de pote sur une couleur à cette belle couleur rose. Pour tout le texte. Pour le corps du texte, je vais utiliser le noir complet. Donc six fois à 0. Vous pouvez modifier la taille de la technologie corporelle. La taille du texte ne doit jamais être inférieure à 12, car il sera très difficile de lire sur un mobile. Si vous avez une audience plus âgée, vous voudrez peut-être le modifier à 18 ou dépendre également du téléphone que vous allez utiliser. Donc, je vais le mettre sur 16 en ce moment. Une fois que vous avez terminé les paramètres, vous pouvez également jouer un peu avec les paramètres de texte là-bas. Vous vouliez peut-être le mettre sur 36. Une fois que vous avez fini de jouer avec ces paramètres, vous pouvez cliquer sur Publier. Bon, on y retourne. Nous venons de terminer avec la topographie et la couleur d'arrière-plan. Je vais le mettre en blanc. Juste le col blanc a publié ça aussi. Vous pouvez également utiliser une image d' arrière-plan si vous voulez en utiliser une meilleure ou quelque chose comme ça, je vais utiliser le blanc pour l'instant. C'est tout pour tous les paramètres généraux. Nous allons mendier la dette de Walmart, et nous allons à nouveau dans les paramètres d'en-tête et de navigation. La façon dont les sites Web sont construits et structurés ressemble au corps humain. Nous avons eu la tête, le corps et les pieds. C'est la même chose pour notre site Web. Il s'agit de la section d'en-tête avec le logo et la barre de menus. Ensuite, vous avez la section du corps où tout le contenu apparaît , puis la zone sombre ici. C'est ce que nous appelons le pied de page ou l'en-tête. Et le pied de page s'affiche sur chaque nouvelle page Web que vous allez créer. La section corps est l' endroit où se trouve tout le contenu et c'est ce qui va être beaucoup modifié. Mais pour l'instant, nous allons terminer les paramètres de l'en-tête. Le format d'en-tête est livré avec Diffie avec un style, un style par défaut. Cela ressemble à cela, mais vous pouvez également le mettre au centre avec le logo au milieu en haut. Mais peut-être souhaitez-vous avoir le logo dans les boutons du menu. Vous pouvez le faire glisser dans le menu coulissant bas. Sur le côté gauche, vous avez le logo. Vous avez comme : Que faisons-nous en tant que concepteurs web ? Un menu de hamburgers, car les trois bandes ressemblent à un hamburger. Ensuite, vous avez une diapositive dans le menu qui a l'air vraiment chic. J'aime beaucoup cette fonctionnalité. Ou nous pouvons le faire en plein écran. Et si tu cliques dessus, ça va être une bombe dans ton visage. Pour l'instant, je vais le laisser par défaut parce que c' est quelque chose avec lequel j'aime travailler en ce moment. Ainsi, les gens verront toujours les boutons de menu sur lesquels ils peuvent cliquer. Je vais cliquer sur Publier. Ensuite, nous allons passer par paramètres de la barre de menus principale. Vous pouvez modifier la hauteur du menu. Si vous faites défiler cette page, cela devrait vous suivre. Les tailles standard sur 66. En tant que taille moyenne normale pour un en-tête, vous pouvez peut-être l'agrandir un peu et vous pouvez également jouer avec la taille du logo. Je ne l'ai jamais mis sur un 100 car alors le logo touche le bas et le haut de votre en-tête. Et ça n'a pas l'air tellement professionnel. Nous voulons donc créer un peu comme un site Web audacieux, un peu gros. Nous allons donc créer le logo sur 80 en ce moment. Et nous allons mettre la science du menu à 100. Cela va donc regarder sur notre page Web. Ensuite, la taille du texte. Je vais le mettre sur 16 en ce moment. Cela le rend un peu plus lisible. Pour les formulaires que nous allons sélectionner Gentium book Basic, nous pouvons le rendre audacieux si vous le souhaitez, et vous devriez voir les modifications immédiatement. Vous pouvez utiliser uniquement des versions majuscules. Cela pourrait également être une bonne caractéristique. Vous pouvez jouer avec ce que vous aimez. Pour l'instant. Je vais juste le laisser pour le moment. Le texte de la couleur, je veux être noir, six fois à 0. Et vous pouvez le rendre un peu transparent comme vous le voyez. Les lettres, je ne veux pas être transparentes. Je ne connais aucune opacité là-dedans. Je le rends complètement noir avec six zéros. Le lien actif, le lien sur lequel nous sommes actuellement, je voulais être la belle couleur rose vif que nous utilisons également pour tous les autres liens. La couleur de fond, j'aime qu'elle soit un peu transparente. Donc si vous faites défiler vers le bas plus tard. Il y a un peu d'opacité là-dedans. À l'écran. Vous ne le voyez pas en entier. Mais si vous le sélectionnez et que vous faites défiler vers la droite, vous pouvez mettre cela sur 90 ou 95. Juste un peu d' opacité là-dedans, un peu de transparence et donne une belle touche professionnelle. le menu déroulant, nous allons faire de même avec ce petit curseur un peu plus bas. Il passe donc par les codes RGBA. Au lieu de l'hexagone, ce qu'on appelle les six chiffres et lettres. Et on va aussi mettre l' étudiant 95 ans. Et si vous souhaitez avoir un menu déroulant, comme nous avons des sous-pages, vous pouvez également donner les lignes de couleur. Vous pouvez le rendre noir ou noir. Je vais mettre un noir, blanc maintenant. La couleur du texte peut à nouveau être entièrement noire. Enfin, enfin, mais non des moindres, nous pouvons ajouter quelques animations pour faire le menu lors du chargement de la plage. Donc, vous voulez qu'il s'agrandisse, glisse, peut-être même le retourne. J'aime bien la fonction de fondu, donc elle vous donne un effet de lueur plus agréable. Une chose que j' aimerais mentionner est cependant, et il y a une option où vous pouvez faire des choses en pleine largeur. Pour certains sites Web, vous voudrez peut-être l'utiliser, mais dans la plupart des cas, vous pouvez le désélectionner parce que je ne l'ai pas beaucoup aimé parce que vous voulez travailler dans certains espaces lorsque vous créez un site Web. Et maintenant, ces éléments, ce logo et ces éléments de menu tombent sans grille, comme vous l'appelez. Suivi sans dépasser les autres paramètres de la page Web. Il suffit donc de garder cette option non sélectionnée. Vous pouvez masquer le logo si vous n'avez pas encore de logo. Mais nous allons obtenir les paramètres pour le moment et cliquer sur Publier. Très bien, donc c'est tout pour les paramètres généraux l'en-tête et la navigation pour l'instant, il y a beaucoup de paramètres que vous allez parcourir. Alors, il suffit de jouer avec ça. Je vais couvrir le reste des paramètres les plus importants que vous souhaitez consulter. Une chose qui a séparé les garçons du gars. Donc, si vous accédez au pied de page, puis à la barre inférieure ici, vous pouvez modifier votre crédit de pied de page. Si vous n'ajoutez aucun texte ici, cela dira quelque chose comme un thème WordPress d' Elegant Themes. Et je vais vous le montrer maintenant. Conçu par Elegant Themes propulsé par WordPress. Il s'agit donc vraiment de tourisme. Que voulez-vous faire ? Vous souhaitez accéder à nouveau au tableau de bord et au thème Customizer. La façon dont vous pouvez le modifier est dans le pied de page, puis dans l'emprunt inférieur. Et ensuite, vous pouvez dire alimenté par l'hébergement. Maintenant, il est dit power by tau hosting. Vous pouvez également inclure code HTML si vous souhaitez que cela crée un lien sur Google comment créer un lien HTML, puis copier et coller le code de lien là-dedans. Vous pouvez également désactiver le crédit de pied de page. C'est donc quelque chose que nous allons faire pour l'instant. Cliquez à nouveau sur Publier. C'est donc tout pour les paramètres du pied de page. Et vous pouvez ajouter ou laisser des icônes sociales. Je vais également laisser ça de côté maintenant. La mise en page vous pouvez choisir le nombre de colonnes, je le laisse toujours à quatre. Et plus à ce sujet plus tard. C'est tout pour les paramètres du pied de page en ce moment. Une chose que vous pouvez faire et qui peut être utile est de définir les charges et les styles de charge. Vous les voulez sur le site Web. Ici, vous pouvez présélectionner les couleurs du texte et les couleurs d' arrière-plan ainsi que d'autres choses similaires. Cela peut être une belle fonctionnalité aussi avec des icônes et tout ça. Vous pouvez donc jouer avec ça. Vous pouvez passer en revue ça. Et la dernière chose importante que je voulais mentionner c'est que nous devons créer une page d'accueil Augustan. Je m'en fiche donc. Je me soucie beaucoup des articles de blog où ils apparaissent, mais vous voulez toujours les sélectionner, alors que la page d'accueil, nous avons déjà créé une page d'accueil, si vous vous en souvenez dans une vidéo précédente. Si je vais sélectionner la page d'accueil, s' agit d'une page Web, alors elle apparaît. La page d'accueil lorsque les gens visitent. Le domaine principal. Il a dit pour tous les paramètres de personnalisation que je voulais passer en revue avec vous en ce moment. Je ne les ai pas tous couverts, mais il suffit de cliquer autour, jouer avec les paramètres et de faire ce que vous aimez. Et vous pouvez laisser les paramètres comme je l'ai fait. Et vous allez avoir de bons paramètres à partir desquels commencer. Mais si vous souhaitez personnaliser un peu plus, n'hésitez pas à essayer. 15. Installez vos plug-ins Wordpress: Très bien, nous avons donc couvert tous les paramètres de défaite de base et il est maintenant temps d'installer quelques applications. Nous appelons ce plug-ins dans WordPress. Si vous accédez aux plug-ins installés, il est déjà livré avec un ou deux plugins standard. Le plugin Hello Dolly est un peu une blague des développeurs. Il s'agit d'un plugin, mais vous pouvez toujours le supprimer. Je vais avoir besoin de ça. Nous avons commencé sans plugins. Et si vous cliquez ici, vous voyez déjà quelques plug-ins suggérés comme des applications que nous pouvons utiliser. Il y en a littéralement des milliers voire des centaines de milliers, plus de 200 000 plugins existent. Actuellement. Il y a de plus en plus à venir chaque jour. Je dois donner un petit avertissement avec l'utilisation de plugins car les plugins sont vraiment des choses intéressantes, mais WordPress est open source. Ce qui signifie que tout le monde peut créer un plugin WordPress ou un thème WordPress. Cela inclut donc les super débutants ou les personnes qui ont de mauvaises choses en tête. En gros, si vous installez un branchement, ce que vous faites, vous ajoutez un tas de code et vous ne saurez jamais s'il s'agit d'un bon code de fonctionnement ou si le code est en conflit avec l'autre. plug-in ou thème WordPress. Essayez donc de minimiser la quantité de plug-ins installés. Le plus grand problème qui se pose avec sites Web WordPress provient de l'installation d'un trop grand nombre de plugins ou de plugins qui ne sont pas sûrs ou pas vraiment bons plug-ins audio que nous utilisons aujourd'hui. Nous les avons beaucoup testés et nous recommandons vivement ces plug-ins. Peu de choses que vous pouvez toujours voir sont de donner un peu d'estimation s'il s'agit d'un bon plugin, si vous pouvez l'utiliser ou non. Vous pouvez voir si le branchement a été mis à jour récemment, il est donc mis à jour le dernier jour. Cela a beaucoup été mis à jour. Mais si vous allez, par exemple, au plug-in Yoast SEO, nous allons en parler plus tard. Ceci est mis à jour il y a une semaine. Mais par exemple, si vous souhaitez avoir un bouton Facebook Like sur votre page Web, des plugins de médias sociaux. Des plugins qui peuvent causer beaucoup de problèmes que nous voyons. Donc, celui-ci a été mis à jour il y a neuf mois, donc peut-être que ce n'est pas si sûr. Je regarde aussi les critiques, mais celle-ci a reçu dix critiques. Celui-ci a reçu 538 critiques et six fois plus d'installations actives. Si je compare les plug-ins les uns aux autres, je choisis toujours celui qui est le plus mis à jour contient beaucoup de bons témoignages et beaucoup d' installations actives si possible. Si je ne sais pas ce que je fais, je teste parfois ces plugins dans un environnement de test lorsque Omega teste le site Web pour tester ces choses. Parce que si vous avez un site Web qui fonctionne avec des visiteurs actifs qui visitent votre site Web, vous ne voulez pas gâcher les choses et faire tomber votre site Web et ce genre de choses. Soyez donc prudent quant au nombre de plug-ins et de plug-ins que vous allez utiliser. Ensuite, cela dit, nous allons commencer par le premier blogging. Et c'est le branchement qui apparaîtra d'un an la première fois que vous l'ouvrez. Et c'est l'éditeur classique. Pourquoi avez-vous besoin de l'éditeur classique ? Wordpress est, comme je l'ai dit, des sources ouvertes sont mises à jour tout le temps. Et l'éditeur classique, Il vous montre l'ancienne version. Parce qu'à mon avis, la nouvelle version de WordPress n'est pas aussi conviviale que la version classique, donc je vais l'installer. Ce n'est pas super nécessaire. Vous pouvez travailler sans l'éditeur classique, mais tout ce que nous allons montrer, c'est fait avec l' éditeur classique pour qu'il puisse paraître un peu différent sur votre écran si vous n'avez pas installé celui-ci, Je recommande de l'installer car cela facilite un peu la tâche. Vous verrez un peu plus d'éléments. Sans ça. Ils ont caché certains éléments, ils ne sont pas si faciles à trouver, mais en gros, cela fonctionne de la même manière qu' une autre interface et une autre façon de les montrer. Très bien, attendez de voir le bouton Activer car le plugin est maintenant installé. Mais si vous accédez à la page Plugins installés, vous verrez que le branchement n' est pas encore activé. Je vais donc vous montrer un avant avec les pages que nous avons créées la page d'accueil, si vous vous en souvenez, puis cliquez sur Modifier, puis vous obtenez cette fenêtre contextuelle. Et c'est ainsi que vous voyez la page Web en ce moment. Si je retourne à Plugins, activez l'éditeur classique. Maintenant qu'il est activé, il y en a un actif. Et revenez à nouveau aux pages. Cliquez sur Modifier. Et ça a l'air complètement différent. Donc, à mon avis, c'est beaucoup plus convivial. C'est pourquoi j'ai choisi ça. N'hésitez pas à choisir l' autre si vous l'avez aimé. Un autre. Nous avons l'éditeur classique. Nous allons ajouter le prochain branchement appelé clôture de mots. Que signifie mot amis pour savoir si vous en avez besoin ? Il s'agit essentiellement d'un pare-feu et d'un branchement de sécurité des logiciels malveillants. Ça a l'air super chic. Et ce qu'il fait, c'est qu'il protège votre site Web. Il existe un tas d'organisations dans le monde qui ont essayé de pirater automatiquement votre site Web avec un ordinateur vanté. Certaines personnes dans le monde essaient activement d'accéder à votre site Web. Mais ce qu'ils font, l'ordinateur visite le site Web comme une personne humaine, et il a essayé de se connecter au site Web tout le temps. Alors peut-être qu'ils peuvent lire des liens pour certains liens de spam, ou ils essaient de voler vos données et autres choses comme ça. Il y a donc des choses que vous ne voulez pas avoir. C'est pourquoi nous avons installé le plugin WordPress. C'est comme un scanner de virus pour votre PC, mais un peu plus pour votre site Web. Si vous souhaitez en savoir plus sur ce qui protège réellement, vous pouvez visiter un site Web, mais c'est pour des raisons de sécurité. C'est ce que vous devez savoir pour l'instant. Très bien, donc une fois que le plugin est installé, vous devriez probablement recevoir , ajouter un message que vous avez installé avec succès Word friends. Vous pouvez renseigner votre adresse e-mail ici. Vous n'êtes pas obligé de le faire. Et je ne veux pas avoir leur bulletin d'information, mais j'accepte leurs conditions. Ils vous demandent si vous souhaitez acheter une version premium. Non, merci pour ça. Nous allons utiliser la version freemium. Le libre, gratuit. Une fois que vous l'aurez installé, vous verrez un bouton supplémentaire sur le côté gauche ici. Ce n'est pas encore entièrement configuré, donc vous voulez accéder à toutes les options. Ensuite, il vous demande de sécuriser votre site le plus possible. Prenez un moment pour optimiser le mot pare-feu de l'application web friends. Il y a beaucoup d'options, mais cliquez ici pour configurer. Et il vous est demandé de télécharger comme pensant au fichier excédentaire du TDAH. Vous allez télécharger ce fichier et cliquer sur Continuer. Peu importe si vous ne comprenez pas vraiment ce que vous faites en ce moment, il suffit de suivre ces étapes. Ensuite, une fois que vous l'avez fait, cliquez ici pour configurer à nouveau, téléchargez à nouveau le fichier d'accès HT, ainsi que l'utilisateur, n'importe quel PHP. Et puis cliquez sur continuum des modifications n'ont pas encore pris effet. C'est dit, mais l' installation a été couronnée de succès. Donc, maintenant, nous allons le fermer. Et nous avons passé en revue la configuration pour la profondeur. Et nous allons cliquer sur ce MSE pour l'instant. Ensuite, c'est de vous demander de vouloir rester au courant médicalement ? Eh bien, vous devez, de temps en temps, nous devons mettre à jour tous vos plugins, thèmes et autres choses comme ça pour que votre site Web fonctionne correctement et reste en sécurité. Je vais cliquer sur Oui pour l'instant parce que c'est bien que c'est lui-même hors du point de vue médical. heure actuelle, nous avons passé en revue deux réglages. Si vous accédez à la page Options, vous pouvez parcourir toutes les options. Je ne vais pas le faire maintenant, car les options standard sont déjà très bonnes. La seule chose que vous souhaitez vérifier , c'est vos paramètres de notification. Si vous ne modifiez pas vos paramètres de notification, il vous enverra beaucoup d' e-mails et vous n'avez pas besoin de tous les e-mails Voulez-vous donc recevoir un e-mail lors de sa mise à jour ? Je ne veux pas avoir d'e-mail pour cela. Voulez-vous le faire lorsque le plugin est désactivé ? Oui. Parce que vous vouliez vraiment que ce plug-in soit actif. Donc, si quelqu'un est désactivé et que vous connectez un tel site Web, voulez-vous recevoir une notification à ce sujet voulez-vous recevoir une notification à , car cela ne devrait pas se produire. Vous devez enregistrer les modifications. Une fois que vous avez terminé cette partie d'installation, la première chose que vous voulez faire est de cliquer sur Analyser, et cela vous donne un coup de pouce. Encore une fois, un mot que les fans peuvent rechercher logiciels malveillants et des URL malveillantes et modèles d' infections en examinant x et en minant tous les fichiers, publications et commentaires sur votre site Web WordPress. Ça a l'air vraiment sympa. Nous allons donc cliquer sur Suivant, pour analyser les paramètres. Et puis commencez votre première partie. C'est ce que nous voulons. Commencez une nouvelle analyse. Cela fonctionne sur un fond occultant. Et ce faisant, il le fera automatiquement au jour le jour et nous vous indiquerons si quelque chose ne va pas avec votre site Web afin que vous puissiez toujours revenir aux résultats de l'analyse. moment, c'est faire son truc et nous pouvons continuer à installer les plugins. Encore une fois, nous revenons aux plugins Antonio. Le prochain branchement que nous allons utiliser est quelque chose que nous devrons faire en Europe, c'est le RGPR. Il y a une nouvelle règle ou une nouvelle loi pour cela. Chaque site Web doit informer le visiteur du site Web des cookies et des éléments qui sont utilisés sur le site Web. Que sont les cookies et pourquoi en avons-nous besoin ? Les cookies sont donc là pour cela. Votre site Web fonctionne correctement ou vous devez parfois disposer de cookies pour certains éléments marketing. Donc, si vous exécutez Google Analytics sur votre site Web, c'est un mec que nous allons connecter qui montre combien de personnes ont visité votre site Web par jour. Vous pouvez donc compter cela. C'est traîné par un cookie. Si vous placez une vidéo YouTube sur votre site Web, vous utilisez des cookies. Une autre chose est, par exemple, si vous accédez à une page Web, mais que vous vouliez accéder à la page précédente, comment savoir quelle était la page précédente ? Certains éléments tels les boutons et les éléments que vous avez sélectionnés. Ces choses fonctionnent avec des cookies. Certains cookies peuvent nuire davantage que d'autres en termes de confidentialité. Par conséquent, nous avons obtenu de nouvelles règles et l'Europe et les gouvernements aiment les sites Web pour expliquer le type de cookies que les gens utilisent. Par conséquent, nous allons installer un plug-in de cookies. Nous allons au plugin, nouveau. On y va, à la recherche de cookies. Avis. Allez, nous recherchons l'avis sur les cookies pour GDPR by D factory. Ils ont obtenu plus d'un million d'installations. Et nous allons l' installer maintenant. Tout le monde semble très content des biscuits. Une fois le plugin installé et activé, vous pouvez cliquer sur les paramètres ici. Vous pouvez également trouver ce branchement si vous accédez aux paramètres , puis accédez au cookie. Notez parfois que si vous installez nouveaux plug-ins , il y aura parfois des paramètres, parfois sous outils, parfois dans cette barre de menus. Il peut donc être un peu déroutant où chercher, mais pour ce plugin particulier, mais pour ce plugin particulier, il est sous paramètres juste pour que vous le sachiez, il est livré avec certains paramètres de configuration standard. Vous pouvez modifier le message sur un an. Vous pouvez même insérer un lien si vous le souhaitez, par exemple, vers une page Conditions générales . Ou peut-être allez-vous créer une politique de confidentialité avec une page Web, avec des textes. Il existe du texte standard que vous pouvez trouver en ligne que vous pouvez copier et coller. Ou si vous accédez à d' autres grands sites Web, vous pouvez utiliser leurs textes et les modifier comme vous le souhaitez. Vous voudrez peut-être consulter un avocat ou quelqu'un qui connaît des questions juridiques si vous voulez le faire. Tout à fait juste. Autre conseiller juridique, je sais simplement comment créer des sites Web et ce que vous devez faire. Donc, mais il est de votre responsabilité de savoir quel est le trajet pour vos affaires juridiques. Dans ce but de la vidéo, nous allons quitter l' année d'imposition telle qu'elle est actuellement. Va changer le texte du bouton en morts. Vous pouvez activer le lien de politique de confidentialité. Et vous pouvez modifier le texte , puis lui donner un lien personnalisé ou une page sélectionnée. Je vais cliquer sur l'exemple de page maintenant, puis transformer en politique de confidentialité un peu plus tard. Oui, c'est assez simple. Répondez simplement à ces questions ou vous voulez mettre en place les choses. Vous n'avez pas besoin d'utiliser un blocage de script. C'est un peu plus avancé. Je laisse toujours ça vide. Vous pouvez utiliser, mais contrairement à ce que vous souhaitez utiliser mon site Web, utilisez les cookies. Si vous ne souhaitez pas utiliser les cookies, n'utilisez pas le site Web. C'est mon opinion personnelle, mais vous pouvez jouer avec les paramètres si vous le souhaitez. Et ensuite, vous pouvez donner la possibilité de dire non et de faire disparaître les gens. Je vais laisser ça pour non maintenant. OK. Je n'utiliserai pas l'option de révocation du consentement pour l'instant, activée pour recharger la plage une fois l'avis accepté. Nous n'avons pas besoin de dettes et sommes en mesure accepter l'avis lorsque les utilisateurs grandissent. Eh bien, c'est une caractéristique intéressante. Ils peuvent faire défiler jusqu' 200 pixels , puis la barre disparaîtra. Parce que nous pensons qu'ils accepteront et théorèmes sous conditions, politique de confidentialité et pourront accepter un avis en cliquant sur la page Web. Nous n'allons pas utiliser l'année de la dette. Vous pouvez définir l'heure laquelle on se souviendra des paramètres. Une fois, une option standard qui me manque dans ce branchement est que je ne suis pas en mesure de changer la couleur du bouton. Et nous avons gaspillé un bâtiment cette caractéristique , eux-mêmes, mais ils ne l'ont pas fait. Et heureusement, il existe un autre moyen de modifier les couleurs de certains éléments du site Web. Ce que nous allons faire pour améliorer le fonctionnement de ce blocage, nous allons sauvegarder vos modifications. Nous allons passer aux options du thème Divi. Et si vous faites défiler jusqu' au bas, vous trouverez du CSS personnalisé. Une fois encore. Quelque part autour de cette vidéo, vous allez trouver un golf que je vais coller. Il s'agit d'un morceau de code CSS. Et ça va ressembler à ça. C'est ainsi qu'il doit être affiché. En gros, ce qu'il fait petit texte gris est ce petit texte gris qui raconte ce code. C'est donc le bouton d' avertissement sur les cookies. C'est là l'élément. Il s'agit du nom de code du bouton sur lequel nous voulons modifier la couleur. La couleur que nous changeons est FFF. Cela signifie donc que cela va être blanc pour les polices des échelles, et ce sera la couleur d'arrière-plan. Le mot important est de dire qu'il doit passer outre toutes les autres chèvres. Donc, s'il s'agit de trouver un code quelque part, il doit être écrasé par notre code que nous ajoutons. Donc, si vous cliquez sur Enregistrer les modifications dès maintenant et que nous allons à nouveau au front end. Je vais ouvrir une nouvelle fenêtre de navigation privée. Il va ignorer mes biscuits. N'allez jamais sur le site Web pour l'instant. jour où vous voyez que c'est une couleur différente. N'est pas rose, la couleur rose que nous utilisions auparavant. Je vais copier le code, supprimer les six lettres et chiffres là-bas, et le remplacer par la chèvre que j'aime utiliser. Peu importe si vous utilisez des majuscules ou non. Reouvrons la fenêtre de navigation privée. Pour voir à quoi ça ressemble. C'est super cool. Très bien, c'est ainsi que vous modifiez les couleurs des lettres et des boutons, boutons. Le prochain plugin que nous allons installer est un branchement que j'aime utiliser pour créer des sauvegardes. Parfois, vous gâchez les choses lorsque vous créez un site Web, surtout lorsque vous êtes nouveau. Que voulez-vous faire ? Vous voulez rechercher un courant ascendant et il y a quelques branchements ascendants. Assurez-vous donc que vous avez installé le branchement updraft plus WordPress et le branchement de sauvegarde. Ceci vient d'un BRAF plus plus.com. J'ai plus de 3 millions d' installations et cela fonctionne très bien pour créer des sauvegardes à partir de votre site Web. Si quelque chose ne va pas, vous pouvez toujours restaurer votre site Web. Si l'installation est terminée, cliquez à nouveau sur Activer. Vous donne une année de poitrine pop-up pour commencer ou passer aux réglages. Peut-être que vous l'avez déjà remarqué sur la barre supérieure. Maintenant, il est dit aussi un brouillon, bénis. Vous pouvez commencer à effectuer votre première sauvegarde dès maintenant. Mais avant de faire cela, et que nous allons passer aux paramètres la première année, vous pouvez sélectionner l'endroit où se déroule la sauvegarde. Vous vouliez peut-être le connecter à votre Dropbox ou Google Drive ou autre. instant, je vais simplement utiliser les défauts résolus. Je vais donc le stocker quelque part dans le cloud et je vais sauvegarder et restaurer. Je peux également y aller en cliquant ici. Je vais juste cliquer sur Backup maintenant. Je ne veux le supprimer que manuellement, donc je vais sélectionner celui-ci maintenant et les autres, vous pouvez les garder sélectionnés et cliquer sur sauvegarde maintenant. Noter votre première sauvegarde. Félicitations, il est en cours d'exécution. Et c'est le message du journal. Rien n'a encore été enregistré. Mais ensuite, une barre d'amidon fonctionne et cela fonctionne en arrière-plan pour que vous puissiez continuer à travailler sur votre site Web ou attendre et le faire terminé. Vous pouvez même montrer le journal de ce qu' il fait n'est pas très intéressant. Et une fois que c'est terminé, vous pouvez cliquer dessus et vous obtenez votre première sauvegarde. Et je recommande toujours de créer une sauvegarde avant de commencer à construire sur votre site Web. Une fois que vous avez terminé, créez à nouveau une sauvegarde. Vous ne voulez pas perdre de travail, c'est ainsi que vous l'empêchez. Pour la prochaine cueillette, nous allons installer le plug-in Yoast SEO. Les années pendant lesquelles vous branchez contribuent à faire en sorte que votre site Web soit trouvé dans les moteurs de recherche. Donc, si vous voulez optimiser votre site Web pour les moteurs de recherche et d'autres termes, faites du référencement. C'est le meilleur blocage que nous recommandons pour cela. C'est vraiment pratique, pratique à faire. Cela vous donnera quelques conseils et conseils sur de nombreuses choses que vous pouvez faire pour améliorer votre classement à partir de vos pages Web et de votre site Web dans Google, nous voulons tous être trouvés dans Google pour obtenir autant de trafic Web, de trafic Web de haute qualité vers notre site Web. C'est une action que nous allons beaucoup utiliser. Cliquez sur le bouton Activer. Nous allons cliquer sur les paramètres pour l'instant. Il vous amène à la page générale des paramètres SEO Yoast. La première chose qui est de demander la configuration SEO pour la première fois, vous pouvez effectuer tous les paramètres manuellement ainsi qu'avec les fonctionnalités et autres choses de ce genre. Mais je vais utiliser un assistant de configuration car c'est beaucoup plus simple. Neuf étapes. Mon site Web est en ligne pour être index. Je voulais être index tout de suite. Ensuite, je vais cliquer sur Suivant. Je suis une petite entreprise hors ligne. Nous sommes une agence de marketing. Peut-être êtes-vous une boutique en ligne, peut-être que vous êtes une société ou autre chose et que vous choisissez ce qui vous convient, puis passez à l'étape numéro trois ou à votre organisation ou à une personne. Eh bien, nous sommes une organisation, des fusées sociales. Nous allons même leur donner un logo. Vous y voilà, monsieur. Vous devez remplir vos réseaux sociaux. Nous ne les avons pas encore enregistrés, donc je vais les laisser vides pour l'instant. Et je vais revenir à la page suivante. Ensuite, la visibilité des moteurs de recherche. Je voulais que mes pages de publication et mes projets trouvés dans le moteur de recherche, donc je garde tout aussi. Oui. Cliquez sur Suivant. Est-ce que nous avons plusieurs offres ? Oui, mes collègues vont également le faire , en changeant le site Web. Quels sont vos paramètres de titre ? Donc, en gros, ce qu'il demande, comment voulez-vous, dans la pointe de votre navigateur, vos titres de page apparaîtront. Voulez-vous avoir un petit tiret rayé ou un petit tiret ? Voulez-vous avoir un tableau de bord comme celui-ci ? Voulez-vous avoir un symbole comme celui-ci ? L'article compte tellement. Si vous allez sur Google et que vous recherchez des astronautes, des astronautes , ces éléments sont les titres de vos pages. Si ce n'est pas le cas, vous n'allez pas les modifier via votre référencement, votre plugin Yoast SEO, vous en inquiétez plus tard. Mais Wikipédia, par exemple, si vous allez sur la page des astronautes, vous verrez que la page s'appelle astronaute et qu'elle est sur Wikipédia. Cela aide Google à comprendre en quoi consiste le site Web, astronautes et c'est pourquoi il s'agit d'une brûlure et du nombre de résultats de l'arbre. Et quel est le site web que s'agit-il d'un relèvement ? C'est vrai ? Vous savez maintenant comment cela fonctionne. Laisse un titre Settings, mais peut-être souhaitez-vous y ajouter des mots-clés supplémentaires. Sinon, vous pouvez laisser le nom du site Web et le nom de l'entreprise. Étape numéro six. Voulez-vous les aider à s'améliorer ? Oui. Vous pouvez faire glisser des données de mes côtés ou si vous ne l'aimez pas, laissez-les comme ça. Voulez-vous apprendre ? Et le vôtre peut vous envoyer des e-mails, des choses. Vous pouvez vous inscrire là-bas. Je ne vais pas le faire maintenant. Ensuite, l'étape numéro neuf, vous pouvez regarder une autre vidéo. ne m'intéresse pas. Nous avons terminé l' assistant. Très bien. Nous avons déjà installé un tas de plugins et nous allons installer les blogs Walmart pour le moment. Et le nom de WP Super Cache. Très bien, vous pouvez activer le plugin. s'agit d'un bouchage d'argent et essentiellement ce qu'il aide c' est qu'il économise votre site Web à l'avance, sorte qu'il se charge plus rapidement pour d'autres personnes. Fondamentalement, il permet de charger votre site Web plus rapidement. Vous pouvez parcourir les paramètres, mais vous pouvez activer, activer la mise en cache, puis mettre à jour l'état. Vous pouvez parcourir les paramètres. Je ne recommande pas de modifier les paramètres vous-même. Les paramètres prédéfinis fonctionnent très bien. Il va être un peu fragile de jouer avec les paramètres. Si vous ne savez pas ce que vous faites, installez simplement ce plugin pendant la mise en cache sur une mise à jour, le statut. Très bien, c'est tout. Pour tous les plugins. Nous avons installé un tas de plugins et quelques-uns d'entre eux, nous allons les utiliser plus tard, en particulier le plug-in Yoast SEO. Encore une fois, soyez un peu prudent avec l'installation de nouveaux plugins que vous ne connaissez pas. Faites deux petites recherches, testez-les dans un environnement sûr et amusez-vous tout en le faisant. 16. Prêt à concevoir ?: C'est ça. Nous avons beaucoup couvert. Nous avons passé en revue tous les paramètres, les paramètres Wordpress ont passé en revue les options Divi. Nous avons passé en revue les paramètres de personnalisation pour d'autres paramètres. Et nous avons même installé quelques plugins et avons également parcouru ces paramètres. C'était donc beaucoup à redire, mais nous pouvons laisser tout cela derrière nous et commencer à construire dès maintenant. se voit donc dans les prochaines vidéos. 17. Partie 3 : Concevoir vos pages Web dans Divi: Très bien, enfin, nous sommes allés très loin et maintenant il est temps de commencer à créer des pages Web et de commencer à les concevoir. Super excité. En bref, nous allons tout expliquer ce que vous devez faire et pourquoi vous devez le faire. Vous allez apprendre quelques bonnes pratiques. Nous allons vous montrer si les besoins du site Web sont bons et comment vous pouvez concevoir ou les construire vous-même. Et nous allons vous donner un exemple en direct à l'écran. Et vous pouvez regarder par-dessus mon épaule et créer de superbes pages Web pour que vous puissiez le faire vous-même. 18. Créer vos images de fil: Très bien, allons donc Pages, puis nous allons d'abord créer la page d'accueil. Mais avant de pouvoir décider de ce que nous allons construire, cliquons sur Modifier, car avec dv, il est livré avec de nombreuses mises en page prédéfinies que vous pouvez utiliser. Donc, si vous avez déjà ce Finney ici, vous pouvez cliquer sur le symbole plus. S'il est toujours sous un éditeur standard comme celui-ci, vous devez cliquer sur le bouton violet, utilisez d'abord Divi Builder. Ensuite, vous allez cliquer sur le symbole Plus. Il va donc vous donner une fenêtre contextuelle. Nous avons des mises en page préfabriquées. Peut-être avez-vous vous-même une mise en page que vous avez enregistrée dans votre bibliothèque Divi, ou peut-être souhaitez-vous cloner certaines pages existantes. Nous n'avons pas de pages existantes pour le moment. Nous n'en avons pas sauvegardés, mais nous pouvons utiliser des mises en page prédéfinies. Par exemple, si nous voulons voir quelques pages Web de yoga, nous pouvons cliquer sur le yoga. Vous verrez ensuite toutes sortes de mises en page prédéfinies pour les sites de yoga. Ou nous pouvons utiliser le bouton de filtre. Si vous aimez l'industrie de la mode et de la beauté. avez des sites Web que vous pouvez utiliser industrie de la mode et de la beauté. Supposons que j'aime l'être, alors je vais cliquer sur cette page de mode rose. Et ils ont des pages de blog prêtes à contacter concepteur, prêt domicile, chèque de paie, même une boutique en ligne. Et vous pouvez simplement cliquer sur un bouton, installer cette mise en page. Une fois le téléchargement terminé, vous disposerez vous-même d'une page Web préfabriquée. Donc, si je clique sur Mettre à jour pour enregistrer cela, vous pouvez accéder à la page d'accueil. Vous disposez de votre propre page Web en un clic. Et maintenant, vous pouvez modifier le texte, modifier les images, changer les couleurs de manière très rapide pour commencer. Si vous ne savez pas quoi faire et que vous trouvez une très belle disposition et commencez à construire à partir de là. Je vous montre donc cela en ce moment parce que vous pouvez passer en revue quelques exemples ou vous pouvez Google certaines pages Web que vous aimez. Parce qu'avant de pouvoir commencer à construire, vous devez savoir ce que vous allez construire , c'est comme construire une maison sans plan, vous vous retrouvez avec quelque chose d'assez fou. Allez-vous oublier certaines choses ? Nous avons donc créé nous-mêmes un filaire. Une image filaire est un dessin avec des lignes. Donc, en gros, vous pouvez voir à quoi ressemblera le site Web . Si tu vois des lignes, ça va ressembler à ça. Nous dessinons le tout ici. Parce que nous avons déjà décidé front, ce que nous allons construire. Si vous voulez regarder mon écran et mon design, un terme devrait appeler cela un design hi-fi. Et c'est le design web que nous allons créer pour vous aujourd'hui. Et vous pouvez voir étape par étape comment nous pouvons le construire. Donc, si vous avez besoin d'inspiration, vous pouvez utiliser une mise en page prédéfinie, quelque chose comme celui-ci. Vous pouvez commencer à changer ces choses, ou vous pouvez commencer complètement à zéro. 19. Créez votre page en sections: Très bien, alors on a vu sur le devant et comment ça va ressembler ? Et nous pouvons en fait construire sur le front-end. Mais ce que nous venons de voir au recto de la page Web, c'est divisé en certains éléments. Je sais donc que cette première section ici, c'est la première section. Sur le backend. Vous verrez la section des héros. Et nous allons en fait toute cette section ici. Dans cette section sur le côté gauche, vous verrez du texte, un peu d'espace où le séparateur entre les deux, puis de nouveau quelques textes. Ils ont obtenu ce bouton ici, avez-vous pu les construire en front-end et nous allons explorer cela plus tard. Mais c'est ainsi que le site est construit. Il s'agit de la deuxième section. Il y a l'image et elle prend un côté droit avec un bouton par ici. Encore une fois, une image, un texte, un texte et un bouton ici. C'est ainsi qu'il est structuré sur le backend. Il s'agit donc plus ou moins de votre maladie du cadre métallique. Vous tracez des lignes, comment nous pouvons les construire. Par conséquent, vous devez savoir quelles sections, combien de lignes vous voulez qu'elles apparaissent et ce genre de choses. Et heureusement, nous avons déjà un design que nous venons de vous montrer. Nous allons construire à partir de zéro. Nous allons supprimer toutes ces sections avec toutes ces choses à l'intérieur. Et lorsque vous commencez, vous pouvez sélectionner avec le bleu pour une section régulière, la section spécialisée doit pleine largeur. Donc, la plupart du temps, vous allez utiliser une section normale. Dans cette section régulière, nous avons besoin de quelques lignes. ligne peut être 100 % ou deux fois 50 %, arbre sale pour cent, 66 et toutes les combinaisons comme celle-ci ressembleront à ceci. Je sais donc que nous allons utiliser des textes. La première section. Et voyons ce que nous venons de construire à l'avant. Je vais donc cliquer sur le bouton d'accueil pour actualiser cette page. Et c'est super vide comme ça devrait être. Si vous regardez notre design, nous avons une image pleine largeur. Ensuite, nous avons également eu un titre, donc un gros morceau de texte, et nous avons obtenu un sous-titre et une flèche déroulante sur la gauche est suramortie. Voyons si nous pouvons construire quelque chose comme ça. 20. Ajouter des images à votre page web: Commençons d'abord par l'image d'arrière-plan. Accédez au backend de la page et je vais cliquer sur les paramètres d'une année. Il va vous donner une petite fenêtre contextuelle , et vous pouvez le faire glisser. Blizzard où vous vivez, vous pouvez même le faire en plein écran. J'aime toujours le garder comme ça. Puis cliquez sur l'arrière-plan. Vous pouvez lui donner une couleur d' arrière-plan. Vous pouvez lui donner un dégradé comme deux couleurs. C'est plutôt chic. Si vous faites cela, vous passez en revue. Si vous le survolez, vous pouvez le supprimer à nouveau. Mais nous avons téléchargé une image. Nous allons donc avoir besoin de l'image d'arrière-plan. J'en ai déjà un. Degas, quelques astronautes avec des ours. Si vous êtes un utilisateur Mac et que vous travaillez sur un ordinateur Apple et que vous l'utilisez, vous connaissez bien l'aperçu du programme. Si vous utilisez quelques logiciels, vous pouvez accéder à Outils et afficher l'inspecteur. Vous voulez vous assurer que les paramètres de l'université sont en RVB. C'est donc RVB, c'est pour les écrans. S'il s'agit de CMJN ou autre chose, il est plus utilisé pour l'impression. Vous voulez donc utiliser l' image avec les couleurs, avec le mode couleur RVB, et vous vouliez regarder la taille de l'image, je recommande d'utiliser au minimum, normalement une grande largeur de 19201000920 pixels de largeur. Pour ordinateurs normaux. Si vous utilisez des ordinateurs plus avancés avec des écrans Rick Dina, vous souhaitez atteindre une largeur minimale de 2560. Les kilo-octets ne doivent jamais dépasser 300. Pour que le chargement de votre site Web soit très rapide. Si votre image est toujours d'un mégaoctet ou de deux mégaoctets, vous devez la redimensionner. Comment redimensionner une image ? Et vous pouvez accéder à Outils et simplement dimensionner. Vous pouvez modifier la largeur, la résolution, la résolution, vous pouvez toujours la mettre à 72, 300, la placer sur 25062560 ou 920, puis cliquer sur OK. Ensuite, vous pouvez accéder à Fichier, puis cliquer sur Exporter. Vous pouvez sélectionner l'endroit où vous souhaitez l'exporter. Nous voulons avoir le format jetpack. Et vous pouvez le faire glisser comme ça. Et c'est un peu jouer comme mettre 160 Ko en ce moment, niveaux de travailleur social ou papier peint. Et il a toujours l' air assez pointu. Nous allons donc télécharger cette image. Vous pouvez télécharger votre fichier, sélectionner des fichiers, accéder à votre bureau et le télécharger à partir de là. N'oubliez pas de modifier à nouveau le titre, la description et le texte alt-text. Assurez-vous que cette taille est définie sur pleine largeur, puis téléchargez une image. Cliquez sur le bouton vert pour l'enregistrer pour l'instant et le mettre à jour. Maintenant, vous voulez aller à votre autre profondeur, vous rafraîchir à la plage. Attendez que le chargement soit terminé. Et maintenant, nous avons une image en arrière-plan. Très bien, supposons que vous ayez un très grand fond d'écran comme celui-ci. Et vous voulez que l'image soit prête sur le Web. Vous voulez en faire moins de 300 Ko. Vous souhaitez définir la résolution sur 72. Et vous voulez avoir la taille avec la bonne largeur, donc pas plus de 2560 pixels. Ce que vous pouvez faire, vous pouvez aller sur le petit PNG.com. Vous voyez un joli petit panda avec une couronne sur cette application et vous pouvez faire glisser et déposer des images que vous souhaitez redimensionner. Par exemple, cette colère gardée dans l'espace est 419. Gabe, qu'est-ce qu'il faut faire cuire ? C'est plus de 300 que nous recommandons. Et nous allons le compresser en le téléchargeant le site Web , puis en le téléchargeant. Mais ensuite, la version compressée, nous réduisons 20%. Il est presque 300. Pour le moment, je peux vivre avec ça. Vous pourriez le redimensionner encore plus. Veillez toujours à ce qu' il soit toujours net. Eh bien, c'est un intestin bien aiguisé. Et c'est ainsi que vous pouvez facilement redimensionner des images avec un petit PNG. Cela fonctionne également avec les fichiers JPEG. Ne vous inquiétez donc pas des fichiers PNG ou JPEG. 21. Ajouter du texte et des divides à votre page web: Ok, donc nous avons téléchargé l'image d'arrière-plan et nous devons ajouter du texte. Nous allons utiliser un en-tête. Et le titre que nous allons utiliser est le numéro 11. garder à l'esprit, c'est que vous ne pouvez utiliser le titre qu' une seule fois sur chaque page Web, c'est comme si vous ne pouvez donner qu'un seul dido à un livre, cela n'a pas de sens de donner un arbre de livre. Ces gens sont confus. en va de même pour les pages Web. C'est donc la page d'accueil des fusées sociales, alors que peut-être un peu ennuyeuse. Donc, dans le cadre de la vidéo, je vais utiliser un contenu de médias sociaux. Ça va être mon premier plan. Je vais appuyer sur Enter à la rubrique. Hors de ce monde. Nous allons cliquer sur Enregistrer et le mettre à jour. Regardez à l'avant. J'allais regarder en rafraîchissant la page. Il est noir et noir sur l'image, nous montre pas très bien à quoi elle devrait ressembler. Changeons donc cela. Donc, si nous le faisions dans le backend du site Web, nous allons modifier cette colonne 250 % de 50 %. Donc, sur le côté gauche, il y a le texte comme une barbe, ou peut-être même le faire. 2 troisième, 1 troisième. Ensuite, nous passons aux paramètres et laissez-moi passer en revue les paramètres de conception de ce module de texte. Vous pouvez y avoir des menus déroulants avec des banques ayant des trucs technologiques comme ça. Nous avons ajouté quelques en-têtes et la police d'en-tête que nous allons utiliser est une police de phase alimentée. Allez-y. On va le mettre en gras. Par ici. Le texte va être aligné à gauche. Il devrait être blanc. Allez-y. C'est tout pour les paramètres de la première ligne. Mais le titre doit être défini sur le titre secondaire est appelé marqueur permanent. Faites défiler jusqu' au B. Vous y allez. Un peu plus de police comique, vraiment sympa. Nous devrions l'avoir en capitales, et je pense qu'il faut en acheter deux. Très bien, voyons ce que nous venons de créer. Il commence lentement à ressembler à notre design. Laissez-moi donc saisir le design. Nous avons le texte blanc, et nous avons le texte noir ici, ce qui devrait en faire un Y2, et nous devrions ajouter des couleurs d' arrière-plan. Alors, comment pouvons-nous faire cela ? Voyons voir. Nous avons travaillé sur le back-end du temps d'audit du site Web, mais vous pouvez également travailler sur le front end. Vous pouvez donc activer le constructeur visuel en cliquant ici. Vous pouvez également le faire depuis le backend BY construit sur le frontal. Il s'agit donc d'une fonctionnalité vraiment sympa. Vous pouvez donc vraiment voir ce que vous obtenez. Vous pouvez le sélectionner et même commencer à mourir si vous vouliez avoir des médias sociaux ou quelque chose comme ça. Si vous survolez avec la souris, vous vous y êtes déjà habitué. Nous utilisons des sections et nous pouvons créer des rôles. Ensuite, à l'intérieur des lignes, nous pouvons créer des textes, modules et des choses de ce genre. Si vous placez la souris sur ces éléments, vous verrez certains paramètres ou vous y appariez. C'est une très belle fonctionnalité que vous pouvez construire sur le frontal, nous avons maintenant deux sections. Les choses bleues sont des sections. Parfois, ils sont orange ou violet s' ils sont un peu précis, mais la plupart d'entre eux sont bleus. Et puis, dans cette section, nous avons eu une rangée. Parce que dans notre conception, si vous regardez, nous avons un fond noir et un fond rose du texte et ne savons pas comment vous appelez cela, mais vous voyez la couleur. Vous savez ce que je voulais dire ? Je vais dupliquer ce module en un clic. Nous avons actuellement deux modules de texte. Le premier, le premier nous devons faire un fond noir. Donc, si vous mettez ceci sur le côté et que vous ajoutez ensuite de la couleur de fond, nous devons le rendre noir. Vous pouvez cliquer ici. Mais maintenant, vous verrez qu'il y a trop de choses autour de lui. Nous revenons donc à la section design. Et vous pouvez modifier toutes les sections des conceptions ici. Mais avec le titre, vous allez aller jusqu'à l'espacement. Ensuite, vous pouvez ajouter de la marge et du rembourrage là-bas. Mais il y a du texte noir n'est pas réalisable pour le moment. Je vais donc supprimer le texte tel quel. Et ensuite, dans notre conception, nous avons un peu d'espace autour. Que va-t-on faire ? Nous allons ajouter un peu de rembourrage sur le dessus. Je vais ajouter. Pourcentage de Tripp. Au bas de la page, je vais ajouter 3 %. La raison pour laquelle je fais des pourcentages et non des fixateurs c'est que je veux qu'il soit réactif sur un téléphone portable, tablette, un super grand écran, peu importe. Je voulais aussi ajouter quelques trucs à gauche et à droite. Ensuite, c'est plus ou moins le même aspect. Comme ça. Je veux vraiment le rendre un peu plus petit. Je l'ai réglé sur la colonne 50, 50 %. C'est ainsi que vous modifiez le contexte de la dette. Dans le deuxième module de texte, nous allons supprimer le premier texte comme celui-ci. Ce texte devrait être, laissez-moi voir en blanc. Nous allons donc changer de besoin de cliquer ailleurs maintenant. Ensuite, je survole ce module de texte. Il est parfois un peu difficile de cliquer dessus et nous sommes toujours sélectionnés. Je clique dans l'en-tête. Vous y allez. Ensuite, vous pouvez cliquer dessus et accéder à Design, modifier les textes des en-têtes. Faites-le parce qu'il y avait un titre deux, si vous vous souvenez que dans votre contenu, vous allez dans Texte, sélectionnez-le, puis il y a un en-tête. Est-ce que vous pouvez le voir dans les balises HTML ? C'est la deuxième rubrique. Ensuite, vous passez par la conception, le texte du titre, le titre deux. Et faisons d'abord la couleur d' arrière-plan. Nous définissons la couleur de l'arrière-plan. Nous repassons au design, en espacant une literie, peut-être 2% cette fois. Liez-le ici aussi. J'ai regardé notre design comme nous le voulons. Il y a plus ou moins la même chose, mais il faut quand même le rendre blanc. Nous allons aller à l'en-tête, au texte, titre a le titre de couleur blanche. Vous y allez. Du contenu sur les réseaux sociaux hors de ce monde. La taille de la police est plus ou moins bonne. Rappelez-vous que nous voulons améliorer cela, nous le changeons un peu. Nous pouvons l'augmenter. Ensuite, nous devrons changer cela par quelque chose de ce genre. Très bien, vous remarquerez qu'il y a une différence dans l'espace du bar, comme la barre noire et une grande barre. Il y a des espaces blancs lorsque nous allons ici. Donc, si nous voulons résoudre ce problème, ce que nous avons créé en ce moment est une section dont la largeur est traitée. Donc, ce que nous pouvons faire si nous dupliquons cela, je dis dupliquer cela et nous supprimons cette section. Et si nous supprimons cela ma mâchoire , nous avons deux sections avec un module de texte. Et celui-là, nous pouvons le rendre plus petit, comme peut-être le tiers de la saleté ou quelque chose comme ça. Rends-le sale. Six pixels. Je devrais voir que tu dois jouer un peu avec ça. Vous y allez. On dirait notre design. Si vous voulez que cette image soit un peu plus grande, si vous survolez votre souris, vous verrez une section bleue floue ou quelque chose du genre. Vous pouvez faire glisser. Si vous le tenez avec votre souris, vous pouvez le faire glisser. Et si vous regardez de près, vous voyez le nombre de pixels que vous faites glisser. Vous pouvez le rendre plus grand ou plus petit. Il en va de même pour la section supérieure. Et vous pouvez également, si vous allez dans les paramètres, puis dans les paramètres de la section, créer et espacer. C'est ici que vous modifiez ces paramètres. ce moment, il commence vraiment à ressembler à notre design. C'est ainsi que vous définissez la hauteur de votre section. Et vous avez la même chose avec vos modules. Il y a donc beaucoup d'espace entre ces deux modules. Je vais survoler ça. Ensuite, je vais sélectionner cette icône de paramètres dans les paramètres de mon rôle. Entre les, entre les deux rangées. Je ne veux pas avoir d'espacement, donc je vais enlever toute la marge, toute la literie, et ça va la rapprocher l'une de l'autre. Je vais faire de la même façon si la ligne de la section supérieure, je suis désolé. Maintenant, c'est vraiment proche l'un de l'autre. Peut-être un peu trop près. Le bouton. Vous vouliez peut-être avoir 3 %. Et c'est vraiment joli. Peut-être 2 %. La conception de sites Web peut être un peu perfectionniste. N'essayez pas de le rendre trop parfait. Vous pouvez passer des heures à le réparer Parfait, juste pour faire le travail, lancer un site Web, puis continuer à l'améliorer. Et puis, avant de pouvoir passer à la deuxième section et travailler sur la dette, nous avons ce diviseur entre deux sections. Nous voulons le rendre direct, bon marché. Nous voulons faire une diagonale. Nous allons dans les paramètres, puis cliquez sur Conception, puis sur diviseurs. Ensuite, nous voulons ajouter un style de diviseur au bouton. Ainsi, vos styles de diviseur que vous pouvez sélectionner. Et on va le faire ressembler à ça. Mais dans notre conception, c'est l'inverse. Il faut donc le retourner. Vous pouvez donc basculer le séparateur par ici. Et vous pouvez même décider à quel point il devrait être élevé. Et si vous pensez avoir foiré, il suffit de cliquer sur l'icône Rafraîchir, et elle revient à l'élément standard. On a presque fini. Une dernière chose que nous avons oublié d' ajouter est la flèche vers le bas. 22. Ajouter une flèche en bas et des liens d'ancrage: Très bien, nous sommes toujours en train de construire ce site Web. Et une chose de moins que nous n'avons pas encore incluse est une petite flèche déroulante pour pouvoir si vous cliquez dessus, vous avez fait défiler jusqu'à la section suivante est une fonctionnalité vraiment intéressante qui, contrairement à la façon construire cela si vous cliquez dessus et voici la flèche pour la faire défiler vers le bas, qu'allons-nous faire maintenant ? Nous allons ajouter notre première image. L'image que nous allons télécharger. J'ai déjà créé un petit fichier PNG. Avec les fichiers PNG, vous pouvez les créer avec un arrière-plan transparent. Nous avons donc cette flèche blanche avec un fond transparent. Renommez la fusée sociale. Il y a une flèche vers le bas, blanche. Texte, description. Gardez la taille comme vous le souhaitez. Je vais le rendre moyen pour le moment. C'est toujours assez gros. Je dois d'abord le redimensionner. Faisons ça. Je vais faire cette largeur de 50 pixels, la taille de celle-ci en ce moment. Exportez-le sous forme de fichier PNG. Nous allons télécharger le fichier que nous venons d'enregistrer sur le bureau. PNG, flèche, taille, texte et description. Comme toujours, téléchargez l'image, mais l'image n'est pas encore cliquable. Je vais cliquer sur Enregistrer maintenant, si vous ne voyez pas le bouton Enregistrer, vous pouvez utiliser les utilisateurs Control S ou Command S pour Mac pour enregistrer automatiquement sa page Web. Si vous ne souhaitez pas utiliser la touche courte ou si vous ne savez pas quelles sont les touches courtes, vous pouvez cliquer sur cette icône violette puis cliquer sur le bouton Enregistrer. N'oubliez pas de sauvegarder votre travail précédent afin ne rien perdre si vous perdez votre connexion Internet ou quelque chose du genre. Et pour l'instant, nous allons donner cette deuxième section. Nous sommes en train de passer en revue les paramètres avancés. Vivez aussi effrayant. Et nous allons l'utiliser. Allez dans cette section, ne faites qu'un seul mot. Copiez ce nom d'identifiant CSS. Nous donnons cet élément, cette section, nous lui donnerons un nom. Maintenant, nous pouvons dire que si vous cliquez sur cette image, cette flèche vers le bas, nous pouvons la lier dans l'URL du lien image. Nous allons le terminer par une barre oblique, puis l'icône de hashtag. Et puis, avec le nom que nous avons donné à l'identifiant SSS, nous allons cliquer sur sauver, rafraîchir la plage. Ensuite, si nous nous tenons avec notre souris sur l'icône, il est indiqué que l'image de l'icône marée travailleur social se situe en flèche vers le bas ou en blanc. Mais si vous regardez dans le coin inférieur gauche, vous verrez que quel est le lien si je clique sur cet élément, et maintenant il augmente. Donc, si nous revenons en haut, cliquez à nouveau et faites défiler vers le bas, le site Web n'est pas assez long pour faire défiler jusqu'à un an. Nous devons encore construire cela. Mais c'est ainsi que vous créez des éléments cliquables. J'aime aussi que ces modules de textes soient liés à cette section. Nous allons le faire maintenant également. Cliquez sur Enregistrer. Il y en a un aussi. Lien. Rouler. Coffre-fort. Une fois encore. Regardez au recto, où créez-vous et actualisez la page ? Je l'ai fait avec mon clavier. Cliquez sur l'icône et elle est maintenant liée à d'autres sections du site Web. 23. Ajouter un bouton: Cool. Rejetons un coup d'œil à notre design. Nous y sommes. Nous avons déjà abordé comment ajouter une section de texte. Je vais donc créer ça. Et une fois qu'il est créé, nous vous enseignons comment créer un bouton. Très bien, donc nous avons notre texte, mon travail. Nous allons maintenant ajouter un nouveau module. Je vais donc cliquer sur l'icône grise plus, et je vais chercher le module de boutons. Notre design est doté d'un bouton noir avec la police de marqueur permanent. Et le bouton est en train de regarder. Nous allons créer le beau bouton en fonction du design. Nous commençons d'abord par la partie contenu, donc le texte du bouton doit être lu plus. Et nous allons créer un lien vers une page À propos. La page À propos n'a pas encore été créée. Mais dans le cadre de cette vidéo, nous présentons que le pitch a déjà créé et qu'il s'agit de nous. Ce sera donc le lien. Le bouton de lien va s'appeler marque rouge. Et maintenant, nous devons coiffer le bouton. Donc, pour chaque module, vous modifiez tous les paramètres de conception. Ceux dont le bouton est aligné au milieu ou sur le côté gauche. Nous l'avons donc sur le côté gauche et le design, voulez-vous que le texte soit clair ou sombre ? Eh bien, nous voulons avoir un texte blanc, alors nous mettons cela en lumière. Voulez-vous utiliser des styles personnalisés pour le bouton ? Si vous vous en souvenez, vous pouvez modifier les paramètres des boutons dans le personnalisateur, mais nous avons des couleurs différentes pour différents boutons. Nous devons créer elle-même les boutons ici. Je ne vois pas le texte pour le moment, alors ajoutons d'abord la couleur, donc la couleur doit être noire. Maintenant, nous avons un bouton noir, nous avons du texte blanc. Quelle doit être la taille du texte ? Dans mon cas, je vais le mettre à 26 pixels. Il y aura donc un gros bouton. Ensuite, je peux changer la couleur du bouton d'or et de la bordure en noir également. Et le rayon de bordure, les coins de bordure sont arrondis. En ce moment, il est un peu arrondi avec trois grosses sauce. Notre bouton est plus arrondi dans le design. Peut-être que nous allons faire ça à dix pixels ou même plus de 15. On dirait un joli bouton. Nous pouvons également modifier la police du bouton. Encore une fois, nous allons utiliser un marqueur permanent. Et je pense que nous pouvons améliorer cette taille, augmenter la taille un peu de la police de charge. Ainsi, 28 fonctionne bien dans ce cas, la plupart des tailles de police peuvent être un peu plus petites. Nous avons créé le bouton Lire la suite et vous pouvez continuer à jouer avec les paramètres ici. Nous n'étions pas tous les lettres et les majuscules. Donc, tu le fais comme ça. Si je le survole maintenant, vous verrez cette petite icône. J'en choisis quatre pour ne pas utiliser ça. Mais ce que je fais, 1.5, c'est que si vous survolez ce bouton, je veux que la couleur soit modifiée. Vous savez, vous pouvez cliquer dessus. Alors, comment faites-vous cela ? Si vous avez des styles personnalisés et que vous passez la souris sur la couleur d'arrière-plan, vous verrez cette petite icône de souris. Il s'agit de la version de bureau ou de la version survol. Et nous devons survoler la version. Nous pouvons le rendre un peu sombre comme un arbre de retraite. Nous avons la version de bureau et nous la survolons. Il a eu ce joli petit effet, peut-être même plus léger. Alors, qu'en est-il de cinq par cinq ? Ensuite, vous voulez faire la même chose avec la bordure de beurre 555. Très bien. Nous avons maintenant couvert tous les paramètres du bouton. N'oubliez pas de le relier ici. Et une chose que vous pouvez choisir si vous créez des liens dans votre site Web, ouvrez toujours dans la même fenêtre. Si vous allez lier le bouton à un autre site Web, je le recommande dans le nouveau deck, c'est mieux à des fins de référencement. Si vous envisagez peut-être de changer à l'avenir, votre nom de domaine, ou peut-être que vous souhaitez inclure www ou quelque chose du genre. Les meilleures pratiques consistent à utiliser le préfixe du domaine, comme la première partie du domaine, de le laisser de côté. Donc, tout ce qui se trouve derrière le .com.nl ou quoi que vous utilisiez à partir de la barre oblique, vous pouvez l'utiliser dans le lien. C'est la meilleure pratique pour ajouter des liens vers votre site Web. Par conséquent, si vous êtes une structure liée change à l'avenir, vous n'obtiendrez aucun lien rompu. Qu'est-ce qui va nuire à votre classement SEO et à des trucs comme ça ? Bref, utilisez simplement la barre oblique avant, puis tout ce que vous devez mettre ici pour lier vos boutons, liens et tout ce que vous liez. 24. Ajouter une superposition de couleurs: Nous avons donc créé la première section. La deuxième section. Il est maintenant temps de continuer à se détériorer. Nous allons ajouter une nouvelle image d'arrière-plan, selon notre conception. ai trouvé un très joli avec des beignets et des licornes qui n'aiment pas ça. Donc, la fusée sociale, il y a des beignets et des licornes. Je suis curieux de savoir ce que mes amis Google pensent en ce moment de notre site Web. S'ils commencent à indexer cette information, mais téléchargez l'image dès maintenant. Mais le truc, est que c'est super beau. Nous pouvons l'agrandir si nous l'aimons. Mais le fait est que, nous allons le faire, dans certains textes ou modules cela va être très difficile à lire car il y a tellement de couleurs et avec le contraste va être très difficile. Ce que nous devons faire, cette section n'a pas encore de ligne, donc je vais ajouter une ligne. Je vais lui donner une couleur au-dessus de l'image. Nous allons agrandir le module texte pour le moment parce qu'il veut je choisisse un module qui va bien pour le moment. Cette rangée et une pour faire toute la largeur. Donc, vous le faites ainsi que la section design, puis vous passez au dimensionnement. Vous devez utiliser la gouste, la gustation, la largeur de la gouttière. Et puis vous mettez cela jusqu'à 0 et la largeur devrait être de 100%. C'est tout pour l'instant. Très bien, nous avons ajouté quelques donneurs, nous avons des licornes, mais selon notre conception, nous voulons l'avoir un peu plus rose. La raison en est que ce texte est maintenant très difficile à lire. Peu importe qu'il soit blanc ou noir. C'est difficile à lire avec tant d'érudits, alors nous lui donnons une belle couleur superposée. Et il y a plusieurs façons de le faire, mais l'un des moyens les plus simples consiste à utiliser l'outil de dégradé. Si vous sélectionnez l'outil dégradé, allez vous donner quelques couleurs. Vous pouvez ajouter les objectifs de couleur comme vous le souhaitez. Et nous utilisons le H6. Nous allons l' utiliser des deux côtés. Mais maintenant, c'est complètement rose. Probablement, lorsque vous faites cela, le bouton non sélectionné jouera une image d'arrière-plan dégradée impartiale. Donc, si vous sélectionnez cela, l'image sera placée sous le collège dégradé que vous ajoutez en ce moment. Le collège gradué va être au top. Je vais donc faire glisser et déposer ça un peu vers le bas. Comme ça. Je vais copier ce code. Va à l'autre couleur, le côlon et gonfle. Et ensuite, collez-le. Vous y allez. Nous avons une couleur de superposition rose pour notre image d'arrière-plan. Je vais donc changer la date. 25. Ajouter un opt en forme: Par conséquent, dans cette section, nous devons également créer un formulaire d'inscription. Qu'est-ce qu'un forum ouvert ? Vous pouvez collecter des adresses e-mail et des informations personnelles telles un ami nommé lastname , comme celui-ci. Nous allons donc chercher le module opt-in, l'application e-mail, ensuite. Ça vous donne une tonne de choses. Nous allons donc avoir besoin de ce texte. Nous pouvons également supprimer le titre de notre design. Et le fond. La couleur de l'image est également nécessaire. Cela va être transparent. Je ne veux pas que les gens aient leur nom de famille parce que je peux le demander. Mais plus vous posez de questions, moins il y a de chances que les gens remplissent leurs questions. Vous pouvez donc choisir si vous souhaitez afficher le champ Nom ou non. Je vais cliquer sur Sélectionner savoir. Nous avons déjà créé les champs dont nous avions besoin. Nous devons juste nous assurer que le bouton est un peu plus beau. Et ce que nous devons faire, nous devons le connecter à notre système de marketing par e-mail. Très bien, vous pouvez donc modifier les paramètres des boutons ici. Nous l'avons déjà expliqué avec le bouton Lire la suite. Il fonctionne plus ou moins de la même façon. Nous pouvons donc utiliser ce que nous avons utilisé là-bas. Je vais le faire très rapidement pour vous. Ensuite, je vais vous montrer comment le connecter à votre fournisseur de marketing par e-mail ou à une solution. Très bien, nous avons donc créé le bouton. Également. Je voulais changer les couleurs de ce texte de race qui se trouve dans les cases du formulaire. Vous pouvez modifier le texte du titre. Vous pouvez modifier le corps du texte, un texte de message de résultat. Vous devez le modifier avec des champs. La couleur des champs. On peut aussi le rendre noir. Selon notre conception, les querelles ne devraient pas avoir de frontières. Les coins arrondis peuvent atteindre 0. Vous pouvez également aligner cela en modifiant l'espacement. Nous allons mettre la marge et le lit comprend 0. Est-ce que ça va l'amener un peu à l'onglet si vous voulez l' aligner encore plus ? Une chose que vous pouvez faire est d'ajouter le séparateur. Que fait le séparateur ? séparateur apporte un peu plus d'espace et vous voyez un peu de ligne là-bas. Mais je ne veux pas montrer le séparateur. Et je le déplace en haut. Nous pouvons maintenant l'aligner un peu plus. Quelque chose comme ça. Nous avons créé une belle section. La dernière chose, c'est que les gens remplissent l' avant-bras en ce moment, où vont les informations ? Encore ? Vous parcourez les sections et la section des modules et vous pouvez le connecter à un compte de messagerie. Le service standard fourni est sélectionné comme mailchimp. Mailchimp est le marketing par e-mail le plus utilisé et nous l' avons beaucoup utilisé pour nos clients. Vous pouvez donc vous rendre sur MailChimp.com et créer un compte là-bas, inscrire gratuitement jusqu'à 2 000 adresses e-mail. Si je suis correct, vous pouvez l'utiliser gratuitement au-dessus de plus de 2 000 adresses e-mail, vous devez commencer à payer pour cela. Mais une fois que vous êtes connecté et si vous recherchez de la documentation sur Google, vous pouvez trouver comment le connecter vous-même. Mais au fond, vous devez connecter le fournisseur. Mais comme il existe de nombreux fournisseurs et que nous ne pouvons pas tous les expliquer, nous n'allons pas le faire dans ce cours, donc vous allez probablement utiliser mailchimp, mais vous utilisez Mailchimp. Si vous utilisez cela, s'il est connecté, vous pouvez sélectionner votre liste là-bas. Si vous devez toujours le connecter, il suffit de rechercher Mailchimp, intégration Diffie. Brain doit faire le module d'option e-mail. Il s'agit de la documentation officielle Elegant Themes. Ils expliquent ici plus en détail comment connecter votre module d'inscription aux e-mails. Ils fournissent également de la documentation à tous leurs fournisseurs de messagerie. Vous avez une campagne active. Beaucoup d'autres. Une chose vraiment intelligente à faire avec les pages, tant que cela, vous pouvez utiliser Control F ou sur une commande Mac F. Cela vous donne une barre de recherche de lettres et recherchez le nom Mailchimp. Et cela amène directement à la section. Et partout où Mailchimp est mentionné. Vous y verrez comment connecter le compte. Trouvez donc votre solution de marketing par e-mail. Si vous ne savez pas lequel utiliser, je vous recommande d'utiliser Mailchimp et vous pourrez le découvrir à partir de là. Très bien, supposons donc que vous êtes connecté à votre module de messagerie électronique. Nous avons maintenant fini de créer la troisième section de votre site Web. Il est donc temps de le sauvegarder et de voir ce que nous avons créé jusqu'ici. Je rafraîchis la page. Nous pouvons maintenant faire défiler vers le bas jusqu'à la deuxième section. Vous pouvez lire notre énoncé de mission et accéder à la page d'accueil ou la page à propos vers laquelle nous devons encore créer un lien. Vous avez probablement remarqué que notre module optimal n'apparaît pas. Et la raison est qu'elle n' est pas encore liée à une glande de marketing par e-mail. Mais si nous l'avions relié à Mailchimp, vous auriez vu cette petite chose là-bas. Mais pour le reste, tout est fini et nous pouvons passer à la section numéro quatre. 26. Ajoutez vos USP et un texte d'interruption: Très bien, nous devons donc l'amener dans une autre ligne horizontale comme celle-ci. Nous pouvons travailler sur la section numéro quatre. Commençons à construire. 27. Ajouter un formulaire de contact: Très bien, nous avons créé un peu de reste du *****. Et beaucoup de gens souhaitaient également avoir un formulaire de contact sur la page Web. Je modifie donc déjà le module de formulaire de contact et vous pouvez ajouter différents champs. Vous vouliez peut-être collecter un numéro de téléphone. Peut modifier certaines options de champ. Vous pouvez donc créer un champ de saisie. Vous pouvez en faire un e-mail, une zone de texte, cases à cocher, des choses comme ça. Donc, s'il s'agit d'une zone de texte, elle sera un peu plus grande. champ d'entrée, de saisie doit être correct. On dirait ça. Et vous pouvez dire que s'il s'agit d'un champ obligatoire oui ou non, modifiez les paramètres. Vous pouvez le faire glisser et le déposer dans l'ordre que vous le souhaitez. Vous verrez que mon numéro de téléphone est maintenant pleine largeur, mais dans l'autre section ou non, je vais modifier ces autres sections pour le rendre également pleine largeur. Dans la mise en page de conception, vous pouvez le rendre pleine largeur. Nous allons faire de même avec le courrier électronique, le définir sur pleine largeur également. Vous pouvez changer avec les paramètres, encore une fois, le texte Paramètres de champ et il sera noir. Vous pouvez modifier comme les options de champ par champ. Mais vous ne voulez pas avoir uniquement ce formulaire de saisie pour avoir la lettre noire. Je vais donc le remettre aux paramètres standard. Retournez en arrière. Et puis pour tous les paramètres du module, des querelles. Maintenant, ils sont tous noirs. Quelque chose qui est vraiment important et qui va généralement mal, c'est que vous devez fournir des informations. Quelque chose que beaucoup de gens oublient. Ils oublient de mettre l'adresse e-mail à laquelle il est préarmé doit être envoyé. Vous pouvez l'envoyer à mon adresse, chewing-gum, puis nous ajoutons mieux le message. Et si vous sélectionnez cette petite icône pour une explication, vous expliquez que vous devez insérer les noms de champ de la manière dont vous souhaitez recevoir l'e-mail. Ce que je fais toujours, c'est de plonger dans l'URL de base. Je vais copier mon nom de domaine pour savoir où l'avant-bras a été rempli. Et si vous faites défiler vers le haut, constaterez que l'ID de champ porte un nom et une attention particulière car il est sensible aux majuscules ou non. Donc, s'il s'agit d'une grosse lettre, N, faites-en une grosse lettre aussi dans votre domaine. Dans vos paramètres. Si je vais recevoir ce formulaire maintenant, je ne recevrai que ce que les gens remplissent en tant que nom. Pour ce faire, tous vos champs de saisie ont été définis. Si vous vouliez avoir un Dido au-dessus. Eh bien, nous avons déjà eu le module texte. Voulez-vous avoir un message de réussite ? Par exemple, votre message n' a plus d'espace. Merci. Le bouton Soumettre. Vous pouvez le modifier pour l'envoyer à tous nos ascenseurs. Et vous pouvez même utiliser une protection contre les dépenses avec une capture de base dont vous avez besoin pour effectuer des calculs simples. Ou vous pouvez utiliser un saut de récapitulation plus avancé pense que c'est un peu plus avancé, donc je ne vais pas passer en revue ça. Cela vous suffira maintenant pour utiliser la capture de base pour éviter de recevoir des courriels indésirables dans votre boîte de réception. Une fois que vous avez terminé, cliquez sur l'icône verte, enregistrez la plage et testez toujours le forum et vérifiez si vous recevez l'e-mail. Essayons donc. Je vais renseigner mon nom, mon faux numéro de téléphone, mon e-mail. C'est faux aussi pour l'instant. Et tapez un petit message. Notre groupe est de la profondeur. Je vais faire des calculs faciles. J'espère que je l'ai bien compris et je l'envoie. Votre message est sorti de l'espace. Merci. Nous allons vérifier notre e-mail pour voir si nous l'avons reçu et nous avons reçu un nouveau message de la part de social-rocketeers. Comme vous le verrez, j'ai fait des fautes de frappe avec le numéro de téléphone et l'adresse e-mail. Heureusement, nous l'avons vérifié. Nous pouvons revenir aux paramètres, aller au module, puis l'ID du champ est juste plein. Je vais le copier pour pouvoir refaire toutes les fautes de frappe. Je vais changer cette base. Ce sera probablement la même chose pour les courriels. Il suffit de vérifier deux fois. Oui. C'est l'e-mail. Sauvegardez-le encore une fois. Rafraîchissez pour lancer. Donnez-y un autre coup. Je m'appelle Steve. Numéro de téléphone. Amenez ça à 26 pour l' instant, envoyez-le. Nous y retournons. Nous avons un autre message, et maintenant il nous donne les données, comme nous les aimons. C'est ainsi que vous créez vos forums de contact. 28. Rendez votre page web réactive: Très bien, nous créons donc une page Web entière. À quel point est-ce génial ? Il s'agit de la version de bureau. Si vous souhaitez jouer avec la version tablette ou même une version mobile, plupart des gens regardent les sites Web sur mobile en ce moment. Il y a ces petites icônes en bas à gauche. Vous pouvez donc imaginer que cette police est peut-être un peu trop grosse ici. C'est ainsi que vous pouvez le vérifier sur un ordinateur de bureau ressemble à ceci. Sur un mobile, c' est comme ça. Vraiment grands espaces, grands aussi. Maintenant, vous pouvez également le modifier pour mobile. Ce que j'aime faire et préparer tout le bureau pour une seule page. Ensuite, je le prépare pour tous les appareils comme les tablettes et les appareils mobiles. Et une fois que tous les modules sont réglés sur les bons paramètres , je vais commencer à créer plusieurs pages. Je prépare d' abord un ordinateur de bureau, puis mobile, puis j'utilise tous les bons paramètres l' ensemble du site Web. Si vous parcourez la conception et que vous vouliez modifier les paramètres de ligne uniquement pour mobile, par exemple, cet espacement, ajoutons-nous, modifiez cette petite marge d'un barrage. Mais si vous voulez simplement modifier cela sur mobile, vous avez cette petite icône mobile et vous pouvez modifier entre différents appareils. Je ne veux peut-être pas de marge sur un mobile. À distance, un peu d'espace est suramorti. Peut-être voulez-vous modifier la taille de titre de votre titre. Encore une fois, vous devez concevoir un texte de titre. Sélectionnez-en un, la taille du texte d'en-tête survolez ce dernier, cliquez sur l'icône d'un mobile. Et puis pour Pho, dis-le aussi, sale six, elle ira bien. Ou peut-être même 26 ans. Si vous vouliez l' avoir sur une seule ligne. Vous y allez. C'est ainsi que vous le modifiez sur un appareil mobile. Nous allons récapituler cette vidéo sur une version de bureau et des choses que nous n'avons pas encore abordées. Nous n'avons pas créé notre pied de page, la partie inférieure de chaque page Web. Et nous devons vous montrer comment vous vous retrouvez sur les pages de menu de l'année. 29. Créez le pied de page de votre site Web: Donc, pour l'instant, je vais quitter le constructeur visuel, enregistrer et quitter. Et cela nous amènera sur le site Web. Et je voulais aller sur le tableau de bord. Si vous tapez la barre oblique WP stripe admin, vous accédez au backend et sous Apparence, vous trouverez des widgets. C'est ici que vous modifiez et créez la section de pied de page. Donc, dans la barre latérale, je vais cliquer dessus pour l'instant. Dans cette zone de bas de page, ce que j'aime toujours faire, c'est que je vais ajouter un peu sur les ponts ici, sur la fusée sociale. Il y a, c'est génial à propos du texte. Je vais le dire un peu comme ça. Juste pour un faux texte, faites un texte vraiment sympa, parce que c'est la première introduction et beaucoup de gens voient à votre sujet. Et puis plus sur nous. Vous pouvez le lier à votre page À propos de nous, ce que je recommande. Vous pouvez faire des barres obliques à propos de Stripe comme vous voulez peut-être le souligner. Vous le faites avec un peu de HTML. Je l'ai déjà souligné avec le raccourci clavier pour sous-jacent ou Control U si vous voulez le faire et ensuite enregistrer. Voyons ce que nous venons de créer. Je vais rafraîchir cette page. Faites défiler vers le bas. Et c'est le texte avec le lien que nous venons de créer. Nous voulons donc avoir quatre colonnes ici. Ce que je fais toujours dans la deuxième colonne, je vais ajouter un menu et me laisser nourrir. Il y a un menu de navigation, vous pouvez le faire glisser et le déposer. Aucun menu n'a été créé jusqu'à présent. Créons donc un menu. Le premier menu dans lequel nous allons créer un menu de pied de page, nous allons cliquer sur Créer un menu. Ensuite, nous pourrons remplir toutes nos pages. Juste un seul. On y va chez nous. C'est joli. Encore une fois, nous y retournons. Après avoir enregistré dans notre section widget, nous allons à la zone de pied de page numéro deux, ouvrons la section de navigation. Maintenant, nous allons ajouter une petite marée, sélectionner le menu et cliquer sur le menu du pied de page et cliquer sur Enregistrer. Si nous actualisons à nouveau la page. Maintenant, nous avons même un beau menu là-bas. Alors, que voulez-vous mettre dans une troisième colonne qui dépend de vous ? Vous pouvez ajouter peut-être un petit forum de contact, peut-être des icônes de médias sociaux ou des choses comme ça. Attaquez fort parfois ce que les gens aiment faire, ce que vous pouvez aussi faire est votre raison la plus vante, c'est quelque chose que je fais souvent si vous allez utiliser un flux de blocs ou News Beach, quelque chose comme ça. Je vais appeler cela la dernière nouvelle. Et nous pouvons montrer nos trois derniers articles. C'est pour la nourriture. Et numéro trois, faites défiler vers le haut. Il nous reste encore une zone de pied de page à couvrir. C'est là que je vais toujours mettre les coordonnées de mon entreprise. C'est une belle structure. Vous pouvez le modifier si vous le souhaitez, mais cela fonctionne pour beaucoup de nos clients. Alors pourquoi cela ne fonctionne-t-il pas pour vous ? sociaux-fusées, le nom de notre entreprise, je vais mettre ça en premier en caractères gras. C'est super cool. Alors, ne faites plus les deux. Maj Enter, puis nous vivons à Jupiter. Premièrement, le code postal est 111 AB. La ville est la lune, et le portique est l'espace. Vous pouvez ajouter votre numéro de téléphone. Je ne connais pas les chiffres dans l'espace. Et au social, à la fusée, à leur chewing-gum. Ouah, peut-être que tu veux relier les jours. Vous pouvez ajouter un golf à un lien. C'est quelque chose que vous faites comme ça. Vous avez terminé les petits liens incontournables. Donc, si les gens cliquent dessus sur notre téléphone portable, ils ont commencé à vous appeler. Et vous pouvez également ajouter un repas à un lien. Donc, si les gens cliquent dessus, ils peuvent commencer à vous envoyer un e-mail, ouvrir votre programme de messagerie électronique. C'est une fonctionnalité intéressante pour savoir comment vous le faites. Nous allons à nouveau cliquer sur Enregistrer, voir ce que nous avons créé. On y va. Nous avons un pied de page génial. 30. Ajoutez le menu de votre site Web: Cool. Nous avons besoin d'un autre menu. Encore une fois, nous allons dans les menus d' apparence, et nous créons déjà le menu de pied de page, mais nous avons besoin d'un autre menu. Il y a un petit lien caché presque créer un nouveau menu. Nous lui donnons un nom. Celui-ci s' appelle donc le Menu En-tête. Créez le menu, puis faites tout ouffer. Nous trouvons plus tard la page d'accueil Nous allons créer une maison. Gardez-le. Dans le cadre de notre vidéo. Nous allons créer quelques pages supplémentaires. Nous allons rapidement modifier ce code, la page à propos de nous. Faites cette limace à propos de nous. Supposons que nous ayons une très belle page À propos de nous en ce moment. On doit habiller le plat et une nouvelle page. Aller à nous contacter. Maintenant, nous avons trois pages, n'est-ce pas ? Nous retournons donc voir nos parents. Nous allons ajouter ces pages. Nous avons maintenant quelques autres options ici. Nous allons donc ajouter ces deux-là aussi. Vous pouvez modifier cela si vous le souhaitez. J'aime rester court comme à peu près au lieu de nous, aime utiliser un mot, une préférence personnelle. Je ne sais pas pourquoi. Vous avez fini. N' oubliez pas d'économiser. Vous souhaitez également le modifier dans le menu du pied de page. Une chose que vous pouvez faire avec le menu de pied de page, c'est ici que vous voyez et quel menu vous travaillez. Nous travaillons dans un menu de pied de page. D'autres ajoutent médicalement de nouvelles pages de premier niveau. Effectuez ce menu. Si vous sélectionnez cette option, si vous créez une nouvelle page, elle sera ajoutée à la structure du pied de page. C'est une très belle fonctionnalité, donc on n'oublie jamais. Mais le menu n'est toujours pas comme il se doit , car il affiche maintenant plus de pages ou de tentatives. Et cela, je ne sais pas où elle provient ces informations, mais ce que nous devons encore faire, nous allons dans le Personnalisateur de thème. Ensuite, vous avez l' option du menu là-bas. Nous avons créé deux menus. Et ici, vous pouvez sélectionner le menu, il devrait grep. Ce sera donc le menu principal. Et vous y êtes. Nous venons de configurer notre menu d'en-tête. Supposons que vous ne souhaitiez pas créer plusieurs pages, mais plutôt que vous voulez avoir une page unique comme un site Web qui existe sur une page. Et si vous cliquez sur ce bouton dans le menu d'en-tête, il sera lié à la deuxième section car il s'agit de votre section À propos. Si vous cliquez sur Contact, vous souhaitez faire défiler jusqu'au formulaire de contact. La façon dont vous le faites, c' est d'aller dans les menus. Dans la deuxième section, nous lui avons déjà donné un nom. Donc, si nous allons modifier le menu d'en-tête et cliquer sur Sélectionner, allez dans À propos, vous pouvez le supprimer. Vous pouvez également ajouter des liens personnalisés. Je peux faire une section oblique. Numéro deux, domaine. Vous allez à peu près. Je vais enregistrer le menu. Retournez à la page d'accueil, rafraîchissez-la. Si je clique maintenant et que défiler la section, peu importe où. Vous y allez toujours. Si vous vouliez que la même chose se produise cette section de contenu, activez le générateur officiel. Faites défiler vers le bas, puis cliquez sur l' icône Paramètres, accédez à Avancé. Je ne savais pas quel est le nom de la section, donc je vais juste voir le nombre de sections. Je vais juste entrer en contact pour le moment. Gardez-le. Supprimez ce lien à un petit contact de hashtag barre oblique de lien personnalisé. Donnez au texte du lien un nom, des contextes, enregistrez-le. Quittez ensuite Visual Builder. Rafraîchissez jusqu'à *****. Puis boum, on fait défiler jusqu'au bouton. C'est une fonctionnalité plutôt cool, juste là. Supposons que vous souhaitiez avoir la page À propos en tant que sous-page sous le contact. Vous pouvez faire glisser et déposer ceci , puis le placer comme ceci. Vous avez donc ce petit espace blanc là-bas. Maintenant, c'est un subh, ici. Vous obtenez donc ce petit menu déroulant sur la création de menus. Nous avons fini de construire votre page Web pour l'instant, c'est ainsi que vous concevez une page web avec Divi a été super amusant de construire cette plage. J'espère que cela vous a été utile. Et faisons preuve de créativité et commençons à créer de superbes pages Web. 31. Aidez les personnes à trouver votre site Web sur Google: Très bien, donc maintenant que vous avez fini, vous construisez votre premier site Web. Très bien ? Très bien. Vous avez maintenant fini de créer votre première page Web. Je leur demanderai si vous êtes allé assez loin. Vous avez parcouru un long chemin. Félicitations à vous si vous regardez encore, je suis très fier de vous. Et vous pouvez maintenant vous appeler officiellement concepteur Web. Mais vous n'êtes pas un marché en ligne. est encore parce qu'une fois que vous avez fini de créer votre première page Web, ce que vous voulez toujours faire. Vous souhaitez cliquer sur Modifier la page. Vous allez dans le backend alpha de la plage. Et avez-vous remarqué parfois que quelqu'un partage un lien sur Facebook ou quelque chose qui prend également une image du site Web. Il y a un endroit où vous pouvez le configurer pour qu'il y ait une fonction d' image en vedette. C'est donc quelque chose que vous avez toujours voulu faire. C'est également bon, vraiment bon pour le référencement. Chargement de mon espace préféré. Et je vais lui donner le nom de racket social. Si quelqu'un veut partager mon lien vers ma page d'accueil, c'est l'image qu'il va voir. Je viens donc de mettre mon In Greek dans l'espace, à la place. Et c'est vraiment important à faire. Une dernière chose, vous souvenez-vous que nous avons installé un plugin appelé Yoast SEO. Yoast est un néerlandais et il a créé le plugin le plus génial pour WordPress à mon avis. Parce que cela vous indique exactement ce que vous devez faire pour vous classer plus haut dans Google avec votre page. Google va donc récupérer votre site Web. Donc, si nous allons dans Google ce chewing-gum, ça semble être un site web très simple. Si vous accédez aux résultats de la recherche, si vous tapez dans les oreilles de la fusée sociale, il existe un tas de sites Web qui classent ces mots-clés. En gros, il s'agit du titre de la page, de la description de la page. C'est la partie ici. Comment placez-vous ces paramètres ? Eh bien, c'est l' endroit Wordpress, où vous pouvez le faire avec Yoast SEO. Je vais donc d'abord ajouter une phrase clé pour la page d'accueil, je recommande simplement le nom de votre entreprise. S'il s'agit de la page À propos, vous pouvez mettre en ligne, contacter des fusées sociales ou nous contacter, quelque chose comme ça. Si vous souhaitez créer une page spécialement pour agence de médias sociaux à Amsterdam, vous pouvez taper quelque chose comme ça. Pour l'instant, je vais juste lui donner la page du titre. Je vais mettre ça ici comme ça. Après avoir ajouté la phrase clé de mise au point. Mettons à jour la page pour le moment. Enregistrez la page et faites les choses que je remarque. Vous verrez cette icône orange là-bas comme un feu de signalisation rouge, orange ou vert. S'il est orange ou rouge, cela signifie que ce n'est pas encore bon. Il y a encore des choses que vous pouvez améliorer pour votre référencement et quelles sont les choses que nous devons faire ? Alors ? Nous allons cliquer sur ce sourire malheureux là-bas. Il vous donne tous les bons résultats. Nous avons donc déjà eu des liens internes. C'est un bon travail. Nous avons obtenu une modification de phrase clé, et la longueur est bonne. Nous avons des attributs d'image alt. Je vous ai expliqué qu' il fallait toujours les ajouter. Mais il y a encore beaucoup de choses que vous pouvez faire. Par exemple, le texte est trop court, il est donc recommandé d'utiliser 300 mots sur cette page Web, voire plus. Et quelques autres choses. Si vous ne savez pas ce qu'est l' une de ces choses, vous pouvez Google ce que sont nos liens sortants, puis les liens entrants sont des liens vers d'autres pages. Mais vous pouvez apprendre cela en vous contentant de googler ces choses. Ensuite, vous apprendrez ce qu'il faut faire pour améliorer le classement SEO de cette page. Et une chose que vous avez toujours voulu faire est de modifier l'extrait de code. Vous pouvez écrire les éléments qui apparaîtront dans Google ici. Je vais ajouter mon SEO Dido, fusée sociale. Il y a ma page d'accueil, le marketing en ligne hors de l'espace, quelque chose comme ça. Je peux changer le mou de notre page d'accueil. Vous n'aurez jamais besoin de le faire. Mais ici, vous pouvez modifier le permalien si nécessaire, mais vous voulez toujours remplir la métadescription. Nous sommes donc des oreilles de fusées sociales et nous pouvons écrire quelque chose comme si nous avions pour mission de sauver le monde d' emprunter du contenu. Et c'est toujours orange car je n'ai pas ajouté assez de texte à cette méta-description. Il veut quand même que j'en ajoute d'autres et que je marque des planches et notre bouche sauve notre planète. Maintenant, vous verrez qu'il ne nous reste plus que cinq problèmes. Nous avons corrigé un complot et un problème. Nous avons ajouté la phrase clé dans la métadescription et nous l'avons éditée un peu au premier plan. Si on veut mettre ça en fin de compte. Je vais dire que vous avez fait du bon travail, mais vous devez le mettre davantage au premier plan. On va donc le mettre là-bas. Autre chose, la densité des mots-clés, nous devons utiliser ce mot « fusée sociale ». Il y en a plus sur notre site Web. Il suffit de suivre ces étapes. Et une fois cela fait, vous avez fait un excellent travail en optimisant votre page Web pour les moteurs de recherche. Et quelque chose de très important. Une fois que vous avez terminé, cliquez sur Mettre à jour et assurez-vous que tout est enregistré. Avant de terminer une dernière chose. Et vous voyez que j'ai enregistré cette page 28 fois. Si vous faites une erreur et que vous ne savez pas comment revenir en arrière, je vais l'enseigner comme une fonctionnalité vraiment sympa. Si vous cliquez sur Parcourir avec les révisions, vous pouvez revenir aux versions précédentes. Je ne vais pas le faire pour l'instant. Mais si vous voulez revenir en arrière une version et restaurer son patient, cliquez simplement sur ce bouton ou revenez à l'éditeur si vous décidez de ne pas le modifier. C'est juste une belle fonctionnalité que je voulais vous faire connaître. 32. Félicitations !: Ouah, on a beaucoup appris. Nous avons couvert tellement de choses. Nous avons examiné des trucs super ringards avec hébergement et vous avez découvert comment enregistrer un nom de domaine. Nous avons installé WordPress. Nous avons installé WordPress étant donné que nous avons installé des plug-ins. Nous avons pris des décisions sur la façon dont nous pouvons créer notre site Web et le concevoir, et nous le construisons vous-même et l'optimisons pour Google. En gros, vous avez appris toutes les bases dont vous avez besoin savoir comment créer des sites Web qui génèrent des résultats pour les entreprises en ligne. Et je suis tellement fier de toi que tu es arrivé jusqu'ici. C'était super amusant de créer tous ces modules, toutes ces vidéos pour vous. Nous avons préparé un tas de modules à l'avance, super joyeux week-end. Jusqu'à présent, nous prévoyons également de créer d'autres vidéos comme celle-ci à l'avenir. S'il vous plaît, faites-nous savoir ce que vous en pensez. Nous sommes ouverts aux commentaires, comment améliorer ces vidéos pour vous ? Nous créons cela pour vous. Dites-nous comment cela fonctionne mieux pour vous, ou est-ce que cela fonctionne vraiment bien déjà. Et vous pouvez vous partager un peu sur le dos et être fier de vous-même d'être venus aussi loin. Si vous êtes allé aussi loin et que vous avez réellement pris des mesures pour créer ce site Web vous-même. C'est un grand pas en avant pour votre entreprise et Internet et les sites Web sont toujours en développement, sorte que vous continuez à apprendre continuant à apprendre tous les jours. Mon équipe apprend toujours tous les jours, mais étape par étape va de mieux en mieux. Mais maintenant, vous êtes prêt après avoir appris les choses les plus importantes. Je vous souhaite donc beaucoup de chance dans le monde et tout le succès avec votre entreprise, avec votre site Web, et il est hors de l'espace, n'est-ce pas ? Merci beaucoup. J'ai hâte de vous voir dans les prochaines vidéos.