Concevoir un site Web à partir de zéro sans connaissances de codage

1. Bienvenue: Une fois que vous devenez concepteur Web, mais vous ne savez pas par où commencer. Bonjour, je m'appelle Maya et je suis ici pour vous montrer comment concevoir un site Web sans codage. Nolan. Avec ce tutoriel, vous apprendrez comment créer votre premier site Web, Google utilisé pour éliminer ou sonder le constructeur pour construire ce site Web ensemble. N'oubliez pas qu'avant de prendre un projet pour un client, vous devez apprendre toutes les techniques. Vous devriez apprendre les fondamentaux de l'UX et de l'interface utilisateur et également apprendre un outil pour construire un bon design du site Web. N'oubliez pas non plus que vous devriez avoir conçu votre Folio pour que le client puisse choisir de travailler avec vous. C'est pourquoi je suis ici pour vous aider à apprendre à concevoir un site Web sans compétences en codage. Dans ce tutoriel, nous allons aller plus longtemps et, et le fondamental de l'UX et de vous. Je vais également passer en revue la marque et ensuite nous examinerons comment configurer votre domaine d'hébergement et SSL. Je me tournerai vers vous via WordPress. Et puis nous commencerons par la pratique du pied de page d'en-tête de conception, et la page du site Web a besoin à l'empathie de ce cours, vous serez soigneusement préparé à commencer votre voyage en tant que web design disrobe peut vous donner un style de vie que vous avez toujours voulu. Est-ce que nous travaillons en tant que pigiste selon vos propres conditions ou dans une grande entreprise, nous avions permis nos opportunités. Merci de vous joindre à moi et j'ai hâte de vous voir dans ma classe. 2. Leçon 1 - Principes fondamentaux de l'UX/UI: Avant de commencer le processus de conception, nous devrions apprendre les fondamentaux de l'UX et de l'interface utilisateur. Ux signifie l' expérience utilisateur sur notre site Web, et l' interface utilisateur de notre site Web. L'expérience utilisateur, ou la façon dont les clients, les utilisateurs désireux d'utiliser nos sites Web auront sur notre site Web. Et l'interface utilisateur est l' aspect et la convivialité du site Web. Avant d'entreprendre un projet pour le client, il est toujours préférable de commencer à créer un prototype ou un filaire sur deux Lake Figma ou Sketch ou Adobe Eco Z, et nous devrions faire le filaire du site Web. Pourquoi est-ce que c'est ? Parce que nous devons comprendre comment l'utilisateur va interagir avec notre site Web et nous devons le savoir. L'objectif principal de notre site Web est que quelqu'un achète quelque chose s'il s'agit d'une boutique de commerce électronique, ou qu'il s'agit uniquement d'un formulaire de contact que nous voulons l'utilisateur utilise, nous envoie un formulaire ou que nous voulons quelqu'un pour vous abonner à notre newsletter, quel que soit le but principal de notre site Web, nous devons savoir quel est le moyen le plus simple pour l'utilisateur d'utiliser le site Web et de passer une page à une autre du site Web qui est appeler l'utilisateur et l' expérience sur le site Web. Et lorsque nous parlons de l'interface utilisateur, nous devrions savoir quel type de couleurs nous allons utiliser. De quel type de topographie s'agit-il ? La typographie adaptée à ce type de site Web. Ensuite, nous devons connaître le logo et aussi la mise en forme du site Web pour les boutons et peut-être le conjoint des dommages et aussi les images que nous devrions utiliser, ou peut-être les graphiques que nous voulons utiliser sur le Web. Ces deux personnes travaillent ensemble et nous devons connaître tous les deux pour pouvoir concevoir un site Web. Alors maintenant, lorsque nous connaissons les fondamentaux de l'UX et de l'interface utilisateur, passons à la leçon suivante et préparons notre site Web. voit là-bas. 3. Leçon 2 - préparation ou branding: Avant de commencer la conception du site Web pour si nous avons un client nous devons créer un site Web pour eux, alors même un jour. Ensuite, de toute façon, ils devraient nous donner l'ancienne image de marque s' ils l'ont déjà, ou nous devrions faire de l'image de marque pour le site DevOps, ou si nous faisons notre site Web, nous sommes passés à l'image de marque pour cela. Et si nous réalisons le site Web pour votre client, n'oubliez pas qu'il devrait vous en remettre toute la copie avant de commencer le processus de conception. Si tu le fais pour toi, papa, tu devrais probablement l'avoir pour toi. Maintenant, tout d'abord, ce que je veux faire, c'est trouver le bon pour mon site Web les couleurs et les polices que je vais utiliser. Donc, tout d'abord, je vais revenir et je vais créer un logo. J'ai une sonde. C'est pourquoi je peux utiliser n'importe quoi. Si vous n'avez pas de pro, vous verrez que vous ne pouvez rien utiliser, mais vous devriez trouver quelque chose qui alimentera q. Vous pouvez utiliser certains de ces modèles qu' ils possèdent déjà, ou vous pouvez le faire à partir de zéro pour votre site Web proposé ou l' image de marque pour quelque chose. Je vais donc aller aux fleurs et j'aimerais abandonner le site web pour une décoration florale. Et voyons ce que nous avons ici. Et écoutez, nous pouvons utiliser que je ne perdrai pas beaucoup plus de temps à choisir quelque chose. Et c'est pourquoi je vois ce logo et je l'aime bien. Et je n'ai pas de nom pour mon site Web à disposer. Je vais donc le laisser comme un jardin de fleurs violettes. Et je le ferai, et je les renommerai cette fleur, toute la création. Maintenant, nous pouvons voir qu'ils utilisent une couleur brune pour ce qui est proposé, mais j'aimerais changer la couleur et allons trouver une couleur. Vous pouvez utiliser la palette de couleurs Canva pour générer une palette de couleurs. Ou vous pouvez utiliser des couleurs qui charbonnent pour générer une palette de couleurs pour votre ou pour tout autre dessin que vous allez utiliser. Permettez-moi de vous montrer ceci en tant que générateur de deux couleurs. Et voici les palettes de couleurs. Et vous pouvez commencer le mois de janvier ou explorer les palettes tendance. Comme vous pouvez le voir ici, combien de sauvegardes nous avons et choisissez le bon pour votre projet. Maintenant pour la palette de couleurs, supposons que nous ayons le nom de notre logo, que nous le coiffons et disons que nous pouvons aller avec la même couleur, peut-être un peu de violet. Découvrez plus de combinaisons. L'employé peut trouver quelque chose de plus agréable. Ce que je vais faire maintenant, c'est aller aux couleurs, et je vais chercher ici couleur violette parce que nous avons déjà la couleur violette parce que nous avons déjà le nom de notre logo comme violent, faisons la même marque. Et à partir de là, je peux choisir cette palette. Je l'aime bien. Il a une couleur plus claire et Lambda plus foncée, et j'irai avec le plus sombre ou un logo parce qu'il doit être envoyé. Et nous utiliserons les autres couleurs pour la contrainte, tant le set VIP que moi changerons. Et vous pouvez voir que toutes les oreilles changent pour changer. La même couleur pour le texte. Et nous l'avons. Et maintenant je pense que cette police et moi allons aller, j'irai avec une jambe levée. Je l'aime bien. Et pour la décoration florale, vous en tant que slop son k. Maintenant, nous avons les polices et nous avons également le logo et les couleurs. Ce que je vais faire, c'est que je vais dupliquer cette page et je vais bien supprimer, désolé, je vais choisir ces lignes. Et ce que je vais faire, c'est de laisser ça ici et de le rendre un peu plus grand. Juste comme ça. Et ce sera notre icône ou notre favicon pour notre site Web. Et la prochaine chose que je vais faire est d' aller dans Télécharger l' arrière-plan transparent. Nous ne voulons pas avoir d' arrière-plan sur notre logo et image, puis compresser les fichiers et les deux pages. Si vous n'avez pas la version pro de KM of Canva, vous pouvez accéder à n'importe quel autre site Beck du site Web suppression et supprimer l'arrière-plan de votre logo si vous souhaitez avoir votre logo avec un arrière-plan transparent. Et ensuite, nous avons les deux images dont nous avons besoin, le logo et la favicon, nous pouvons passer à notre prochaine leçon. voit là-bas. 4. Leçon 3 - Domaine, hébergement, SSL: La prochaine chose que nous voulons faire est d'avoir un arrêt ou une maison pour notre site Web comme nous l'appelons, également un domaine et un SSL. Désormais, chaque site Web doit disposer d'une cellule et être sécurisé. Tout d'abord, je travaille avec Chip. À chaque fois. J'ai adoré leur interface, j'adore l'expérience utilisateur Dear. Et ce que j'aime avec eux, c'est leur support client. Ils ont un support client 24, 7 jours sur 7, un chat en vie. Avez-vous pu aller leur demander de vous aider ? Fondamentalement, tout ce qui vous pose problème. Ils sont donc toujours là pour vous aider de quelque façon que ce soit. C'est pourquoi je les utilise. De plus, ils sont très bon marché de les utiliser si vous le faites pour votre site ou si vous travaillez pour un site client vous pouvez simplement leur faire savoir si vous le souhaitez ou non. Vous pouvez choisir GoDaddy ou peut-être un doigt d'hôte. Mais ce que j'ai remarqué en travaillant avec Chip nommé et d'autres fournisseurs d' hébergement, c'est que je n'ai jamais de problèmes avec mon site Web, jamais. En coopération avec GoDaddy. Ils ont comme le passé où les sites Web sont en panne, avec leur hébergement probablement parce qu' ils ont trop de clients et trop de gens qui utilisent le réhébergement. C'est pourquoi ce n'est pas le cas. C'est tout le temps en panne. Lorsque nous allons au domaine, vous pouvez voir le transfert de recherche de noms de domaine, tout ce que vous pouvez faire ici. Et vous pouvez enregistrer un domaine ici. Et vous pouvez voir à quel point il est bon marché d' enregistrer un domaine pendant un an plutôt que la deuxième année ? Vous pouvez prendre un domaine pour toute l'année pour seulement 6$. Et ce que je veux faire ici, c'est qu'ils ont différentes choses Haas qu'ils proposent, comme si ça a fonctionné, revendeur de presse, service dédié et tout autre. Et ils ont également un e-mail privé que j'utilise également et je suis très satisfait. Mais maintenant, ce que nous faisons, c'est que j' utilise qu'ils gèrent un hébergement WordPress. Et pourquoi est-ce que c'est ? Parce que tout d'abord, il est si facile de tout configurer. Deuxièmement, vous n'avez pas besoin d'aller à votre cPanel et de faire des choses différentes. Vous pouvez voir qu'ils ont trois forfaits différents et si vous passez au mois, ce n'est que cinq, neuf ou 14 par mois. Et chaque année, c'est seulement 50$, soit près de 15$ par oreille. Et presque chaque fois que je travaille avec le plan turbo. Pourquoi est-ce que c'est ? Parce que comme vous pouvez le voir ici dans l'usine turbo, nous avons déjà le SSL gratuit, incluons et nous n'avons pas à acheter séparément l'icône SSL et connectés à l'auberge. C'est un double travail et c'est un double coût pour moi ou pour n'importe qui d'autre. De cette façon. De plus, il est mis en sourdine. Ils ont un CDN qui est fournisseur dans tous les espaces du monde. Ils ont donc votre site Web là-dedans et chacun les place sur toute la planète. Donc, quand quelqu'un essaie d'ouvrir votre site Web, s' est-il ouvert tout de suite et il n'attend pas de charger depuis l'autre pays ou ce genre de choses. C'est donc beaucoup plus rapide. Et puis ils ont de bons visiteurs par mois. Et vous pouvez également utiliser le supersonic si vous souhaitez avoir un site de commerce électronique. Mais je pense que ceux qui pour un site de commerce électronique, le plan turbo est également bon. Donc j'y vais essentiellement et je vais maintenant vous montrer comment vous pouvez le faire aussi. Donc, aldol facture mensuellement et essayez gratuitement. Comme vous pouvez le constater, le premier mois est également gratuit, puis à partir du deuxième mois, vous commencez à payer cet hébergement. Essayez-le gratuitement. Et je vais suivre le même processus et vous montrer comment vous pouvez faire tout cela. La prochaine étape pour nous consiste donc à créer un compte et à me donner une seconde suivre l'étape et à créer un compte pour vous. Et lorsque vous laissez vos informations de paiement, ils ne vous facturent pas immédiatement après un mois. Ensuite, vous êtes emmené ici. Ici, vous pouvez dire que vous pouvez laisser nom de votre site Web ou violet. Et ensuite, vous pouvez choisir dans quelle catégorie allez-vous être ici. Donc, si vous êtes une banque, vendez ou présentez une idée de travail créatif dans le livre, le site Web pour les entreprises, le site Web personnel, j'aurai une entreprise agricole dans le nord de l'État. J'ai l'intention de créer, comme nous l'avons dit, un site Web pour la décoration florale. Ensuite, cliquez simplement sur Continuer. Et à partir de là, vous pouvez avoir un domaine gratuit. Vous pouvez connecter l'ensemble de votre domaine ou de votre domaine à un autre fournisseur. Et à partir de là, vous pouvez transférer, transférer d'un fournisseur à un autre, votre domaine. En ce moment, je suis prêt à utiliser la version gratuite du domaine. Et si vous n'en avez toujours pas et que vous l' achetez après la mort, je vais vous montrer comment vous pouvez le changer d' insecte, puis cliquez sur Continuer. Et à partir de là, il peut simplement écrire le poids. Quelle équipe aimeriez-vous avoir sur votre site Web ? J'irai simplement continuer et je vais changer ça cher. Et voici ce qui vous donne la chance de choisir si vous voulez installer pratiquement pour dam pour instiller sur votre site WordPress, certains de ces plugins, je vais continuer. Je n'utilise rien de tout ça. Nous allons utiliser WooCommerce dans certains domaines. Tutoriel. instant, nous ne faisons pas un mot. Wordpress commercialisera le site Web, alors cliquez sur Continuer. Et ici, vous pouvez vérifier vos détails. Donc, ce nom de domaine, notre forfait mensuel et l'équipe que nous utilisons continuent d'acheter. Et nous pouvons constater que notre site Web est en ligne. Et à partir de là, nous pouvons aller à la gestion ou à l'administrateur WordPress. Si vous, si nous allons dans Gérer, permettez-moi de vous expliquer rapidement, c'est ici que nous aurons les sauvegardes, l'intégration de pile, le stockage et les mises à jour. Et vous pouvez voir ici où il est écrit domaine, nous pouvons changer cela. Et lorsque nous aurons un domaine et que nous cliquons sur votre puce de nom de domaine, nous aurons ici les domaines disponibles parmi lesquels nous pourrons choisir et il suffit de cliquer sur Modifier et cela le modifiera immédiatement. Et comme nous pouvons le constater, nous avons déjà notre certification SSL et nous l'avons activée. Et notre site Web est sécurisé et notre statut, c' est-à-dire uniquement si nous ne l'avons pas, nous aurons ici la possibilité d'ajouter à notre SSL. Et c'est un processus totalement différent que nous allons parler une autre fois. Permettez-moi, avant d'aller à l'administrateur WordPress, permettez-moi de vous montrer que si maintenant nous allons nommer Chimp. C'est notre compte principal ici et nommé Chip, définitivement fait avant. Et vous pouvez voir que nous n' avons pas de domaine pour le moment. Si nous accédons aux applications ici, nous pouvons trouver notre hébergement pour notre site Web de workflows. Et c'est un WP facile et si nous cliquons dessus , Google leur sera envoyé directement. Endroit où nous étions avant. C'est ça. Ainsi, à partir de là, vous pouvez trouver si vous avez des liens privés d'hébergement de courrier électronique sont un profil et d'autres choses. Mais passons maintenant à WP Admin et à notre prochaine leçon. 5. Leçon 4 - commencer avec WordPress: Nous sommes maintenant dans notre tableau de bord WordPress à partir d'ici, ce que nous avons et ce que nous pouvons voir. Laissez-moi vous expliquer. Nous avons le message de bienvenue et si nous ouvrons la liste déroulante à partir d'ici, nous pouvons cocher ou décocher ce que nous voulions avoir ici. Et tout d'abord, l'activité, les événements, les actualités et le site sont aidés à partir d'un site Web sur le toit. Et vous pouvez voir que c'est propre. Nous n'avons presque rien ici. Nous avons deux mises à jour. Et voici les mises à jour que vous aurez quand nous aurons une nouvelle mise à jour et que vous cliquez simplement sur Sélectionner tout et mettre à jour les équipes. Il va faire la mise à jour de vos équipes ou de vos plugins si c'est le cas. Nous pouvons voir que c'est le tableau de bord et à partir de là, nous avons Red away aux passés, aux pages multimédias, aux commentaires, euh, aux périodes, aux plugins, aux outils et aux paramètres des utilisateurs. Laissez-moi vous expliquer maintenant. Et à partir de là, nous pouvons voir le piège clair et nous passerons la danse à la fin de ce tutoriel. Quels sont leurs types de poste. Nous avons donc les deux et vous pouvez voir dans de nouvelles catégories et taxes. Si vous faites un site Web comme des articles de blog, pour avoir beaucoup d'articles de blog comme tutoriels ou quelque chose de similaire. Vous pouvez effectuer la publication à partir d'ici et vous pouvez avoir des catégories de données. Si vous voulez séparer le barrage comme des nouvelles, des voyages, peu importe ce que vous allez monter et vérifier quand vous faites la pose pour être séparé, la catégorie qu' ils veulent être, leurs messages sont différents depuis les pages. Les pages sont les principales pages que nous avons sur notre site Web et elles apparaissent généralement ici. Je vais vous montrer maintenant sur le site Web. Et ce sont les pages. Et les publications ne sont généralement que du texte et peut-être une seule image. Commentaires. Si nous avons des périodes indiennes, nous pouvons trouver ici pour Teams et aussi les personnalisés, c'est le principal Personnaliser de WordPress. Et vous pouvez les utiliser ou j'utilise chaque fois que nous sommes un élément ou deux pour faire tous ces changements parce que tout est possible là-bas. Et vous pouvez maintenant voir ici que nous avons les pages et c'est le nom de notre site Web et juste un autre site Web. Et l'équipe qu'ils ont déjà installée pour nous. À partir de là, vous pouvez modifier, entrer le logo. Encore une fois, je fais tout ça depuis Elementor et je vais vous montrer dans une minute, je vais juste retirer ça et venir. Ok. Et à partir de là, vous pouvez choisir la couleur et l'invite de défense en attente. L'équipe déclare utiliser. C'est le type de choix que nous avons ici à modifier, à ajouter ou à supprimer ici. Pour l'en-tête, le pied de page, visites de menus, tout ce genre de choses. Et je cliquerai sur Publier car je ne vais pas utiliser cette équipe et nous n'avons pas à apporter de modifications ici. Ensuite, nous avons des widgets. Nous l'avons fait. Je ne les utilise que lorsque je fais un site Web et de toute autre manière, je ne les utilise pas. Ensuite, nous avons les menus. D'ici. Nous allons faire le menu de notre site Web. Et à partir des plugins, nous allons installer ce dont nous avons besoin. Et les utilisateurs, si vous l'avez fait, disons une boutique, les utilisateurs, lorsqu'ils créent un compte, ils apparaîtront ici. Ou si vous avez souscrit ou si vous avez une autre règle sur votre site Web, quelqu'un auquel elle va vous aider, c' est pour l'importation et l'exportation. N'y touchez pas si vous ne savez pas comment travailler avec elle. Et lorsque nous allons dans les paramètres, nous pouvons voir l' adresse e-mail que nous utilisons. Si nous avons une nouvelle règle, vous pouvez définir ici. N'importe qui peut s'inscrire si vous ne cliquez pas dessus, personne ne peut s' inscrire sur votre site Web. La langue, la date et l'heure de celle-ci. Et ce court tutoriel Uriel. Dans ce court tutoriel, c'est la base de WordPress et ce que vous pouvez faire. Mais passons à la leçon suivante et laissez-moi vous montrer comment installer l'équipe, comment installer tous les autres plug-ins dont nous aurons besoin. Ensuite, commencez par le reste du travail et voyez comment nous pouvons réaliser le design ici. Allons-y. 6. Leçon 5 - Installation de thème et de plugins: Ok, alors que nous parlons dans la conférence avant, j'aimerais maintenant passer à nos périodes et à nos équipes. Et d'habitude, je vais travailler avec deux équipes que j'aime le plus. On leur demande un piège ou une équipe de cadenza. plupart des designers ont été rappelés. Nous serions donc Hello Elementor car il est très compatible avec Elementor. Mais j'aime vraiment utiliser nous coupés en se ou Astra dot plus 0 plus les équipes qui savent même que vous ne rencontrez pas leur libre et l'utilisation en ce sens qu'Astra a un plugin et que vous pouvez l' installer et vous avez comme, je ne sais pas, 50 équipes que vous pouvez utiliser pour vos projets comme les équipes déjà en bas. Vous pouvez modifier ce que vous voulez, le texte, les couleurs, tout cela, et les utiliser. De plus, avec la cadenza, ils ont une plus petite, je ne sais pas, peut-être 810 équipes parmi lesquelles vous pouvez choisir. Mais j'aime aussi leur structure et leur rapidité sur le site Web, façon dont ils agissent. Je vais donc aller avec l'équipe Astra et aller installer. Et vous pouvez voir quand vous cliquez sur Ajouter un nouveau, vous pouvez voir tout de suite qu' ils font partie de l'équipe populaire, comme celles que ces trois équipes sont par défaut des équipes pour WordPress et là tout le temps, installez cerf, mais vous pouvez quand même les désactiver. Je veux dire, supprimez-les. Et vous pouvez voir aussi un travaillait avec l'équipe Ocean WP. C'est une autre bonne équipe. Et vous pouvez voir ici tout ce que vous pouvez utiliser Procore , puis activer. Et vous pouvez voir maintenant que nous pouvons consulter les détails de l'équipe. Et là, nous avons le saut, d'accord ? Et nous n'avons pas besoin d'eux. Et si vous cliquez sur décider de temps en temps aidé et que vous les avez ici, cela vous indiquera que vous supprimez ou vos équipes que vous n'utilisez pas ou supprimez ou que vous n' utilisez pas de plugins que vous n'utilisez pas. Et c'est pourquoi je ne veux pas les avoir. Ici. Encore une fois, je pense que je dois quitter une équipe. Parce que si c'est quelque chose qui ne va pas avec cette équipe et que le site est en panne, ce cas très rare d'avoir quelque chose comme ça. Et si vous ne pouvez pas récupérer le site avec la couture, il ira automatiquement, ira vers eux, ira à une autre équipe que vous avez installée ici. Maintenant, allons-y et si le personnalisateur ici voulait juste vous montrer la différence avant une équipe que nous avons installée auparavant. Et celui-ci a, vous pouvez voir qu'Astra, par défaut, ils avaient une barre latérale. Et ici, nous avons les widgets qui me disaient que je ne les utilise pas. C'est pourquoi, lorsque nous allons ici, vous pouvez voir le monde entier. Il va basculer sur un récipient de quelques couleurs. Et ensuite, nous les avons achetés. Je ne toucherai rien d'ici. Et quand nous allons à, disons le générateur d'en-tête à partir d'ici, vous pouvez modifier le logo et le menu. Je vais le refaire, cela attirerait un mentor. Ensuite, nous avons la barre latérale ici. Et je vais dire pas de barre latérale. Revenons en arrière. Et puis nous avons le pied de page, également l'identité du site, DCIS met un logo, des menus, des visites et des paramètres de la page d'accueil. Et à partir de là, nous allons, d'accord, nous allons changer ce leader parce que nous n'avons pas notre page d'accueil et que nous ne sélectionnerons que rien d'autre. Et nous avons une page statique. Si vous avez un site Web, alors vous pouvez vous rendre sur vous nous guiderons forcer la publication ou quelque chose comme ça. Allons publier. Et puis je vais partir d'ici. Et la prochaine chose que je veux faire est venir aux plugins, d' installer des plugins. Vous pouvez voir que nous avons Hello Dolly. Nous n'utilisons pas ce M et nous le supprimerons immédiatement. Et c'est pour ce problème, qu'il soit là pour cette période. Et disons qu'à NYU, tout d' abord, je suis toujours en train d'installer Elementor. Elementor. Si vous souhaitez utiliser un générateur de sondes et que vous laisserez un lien ci-dessous d'où vous pouvez le prendre. Cela ne vous coûtera pas beaucoup plus cher que les bons prix de l'Elementor. Et s'il vous plaît, n'allez pas acheter ailleurs auprès de quelqu'un d'autre qui va vous dire que c'est beaucoup moins cher et c'est juste un faux. Et vous aurez un problème à l'avenir si k1 t est chez le pro, ne l'achetez pas le site principal ou sur le filament ou F nught, alors n'utilisez pas la version pro. Et je vais le faire maintenant. Et comme vous pouvez le voir ici, ils en ont beaucoup. Des plug-ins qui peuvent vous aider à créer quelque chose avec Element Floor si vous utilisez une version gratuite. Et vous ne voulez pas payer pour la version pro, alors vous pouvez utiliser les atomes, les atomes haut de gamme. Ce sont tous des livres gratuits, juste le nom d'atomes premium. Et ensuite aussi pour l' en-tête et le pied de page, car même la version gratuite, nous ne pouvons pas faire l'en-tête et le pied de page avec Elementor. Et je vais vous expliquer plus tard. Pourquoi pas ? Et pourquoi n' est-ce pas possible ? Quoi qu'il en soit, vous ne pouvez que quelques-uns de ces plugins pour vous aider si vous n' utilisez pas la version pro. Ensuite, ce que je voulais, c'est venir ici. Et deuxièmement, en ce moment, je veux télécharger tous les plugins dont j' aurai besoin pour perturber la construction parce que je ne veux pas oublier quelque chose et je vais juste les installer et ne pas oublier certains d'entre eux. Supposons ensuite que nous utiliserons Rank Math pour le référencement de notre site Web. Et ils aimeraient l' installer dès maintenant. Il s'agit d'un plugin direct. Également. Si vous allez utiliser un élément ou un pro Dan, un élément ou un demi-forum. Et à l'heure actuelle, ils ont un centre de soumission. Vous pouvez voir toutes les soumissions ici sous Elementor. Lorsque nous aurons la version pro, nous aurons ici une option pour les soumissions. Et puis nous n'avons pas d' autre plugin pour un forum de contrat ou 40 abonnez-vous. Et en même temps, nous recevrons dans notre e-mail les mêmes formulaires que Google laisse cher. Mais si vous n'utilisez pas la version pro que nous allons utiliser, nous aurons besoin d'un autre plugin. La mort peut nous donner cette option pour l'instant. Je vais sauter maintenant et je le ferai, je pense que c'est revenu au tableau de bord. perdons pas notre et je me connecte. Il s'agit du tableau de bord de création de mathématiques. Comme vous pouvez le constater, vous pouvez surveiller certaines de vos pages, quatre ou quatre ou ne fonctionnent pas. Ensuite, nous avons aussi les analyses qu' ils vont faire, pour se lever. Nous allons avoir des images, un référencement, un lien, un compteur de liens. Vous pouvez le voir dans notre prochaine leçon lorsque nous faisons le DSU blanc, tout cela est structuré comme ça. Et comment vous pouvez le faire, le droit est T0 pour vos pages. De plus, si nous revenons aux plugins et connaissons le plug-in que vous utilisez pour vos formulaires de contact si vous n'avez pas Elementor Pro, c'est pour former. C'est un excellent plug-in qui est, pré, c'est le seul. C'est un excellent branchement que vous pouvez utiliser car vous pouvez même prendre des paiements. Nous l'avons fait. Ce n'est qu'une version pro. Vous ne pouvez l'acheter que si vous souhaitez avoir une signature dans vos formulaires ou quelque chose du genre. Mais de toute façon, vous pouvez utiliser dans beaucoup de choses le formulaire de quatre minutes ou le formulaire de conduite ou votre proposition, vous pouvez également inculquer le commerce si vous faisiez un magasin et repassez le dessus parce que cela aide. Il y a encore beaucoup de choses à expliquer. Et peut-être que je ferai un autre tutoriel, comment vous pouvez utiliser WooCommerce et comment cela peut vous aider dans vos ventes et comment nous pouvons configurer en profondeur. Une autre chose que je veux ajouter ici est un cookie nodess clicky pas sur ce plugin. C'est celui qui apparaît lorsque vous allez site Web pour leur faire savoir qu'ils mangent cookies et qu'ils devraient les accepter ou non. Et cela vous indiquera que vous pouvez également trouver et installer un lecteur de politique de cookies ici. Je juste, si vous n'avez pas le bon générateur pour la politique de cookies ou si votre client n'a pas cerfs, c'est beaucoup de site Web gratuit. Ensuite, vous pouvez générer , que vous pouvez vider les termes et conditions de la politique de confidentialité , et AD une page privée légale dont vous aurez besoin sur votre site Web et vous n'y allez que pour copier le texte et le mettre dans la page sans avoir beaucoup plus de plug-ins ici, la dernière chose que nous voulons faire est passer à la version pro ou de remplir un mentor. Vous pouvez donc, si vous avez déjà une version pro de délimiteur de lot, il suffit d'aller Ajouter un nouveau tracé, d'un plugin, de choisir un fichier, et de choisir un élément ou un profil, puis d'ouvrir et d'installer. Maintenant, maintenant que nous avons notre plugin, installez-le ici vous pouvez voir que nous avons déjà des rejets ici va venir à élément ou Pro Connect et activer. Et vous pouvez également partir d'ici, connecter à l'inactivation ou à l'élément ou à la licence. Et à partir de là, nous pouvons également nous connecter et activer, puis simplement activer, et c'est tout. Nous avons notre élément ou nous l'installons et nous l'avons activé ici. Et maintenant, nous pouvons passer à notre prochaine leçon et voir ce que nous avons là. 7. Leçon 6 - configurer des pages: Maintenant que nous avons tous les plugins dont nous aurons besoin pour ce simple site web. Commençons par faire les pages du site Web. Et je vais, encore une fois, vous dire une chose. Si vous possédez votre propre site Web, quel type de pages ? Notre page d'accueil est donc la page principale, la page de destination, quelle que soit la façon dont vous voulez le dire. Quand tous les désirs, cela atterrit sur la page d'abord de toute la longueur. Et ensuite, si c'est des affaires, eh bien, la plupart d'entre eux sont vraiment des affaires pour les phages, nous aurons probablement besoin page À propos et nous devrons également avoir peut-être des services s' ils sont des fournisseurs de services. Ou peut-être qu'on va avoir un magasin. S'il s'agit d'une boutique et qu'une page de contact est une mosquée. Et puis nous devons avoir, disons peut-être un portefeuille. Si vous êtes graphiste ou peut-être que je ne sais pas, créateur de contenu, ce que vous voulez dire. Et peut-être pourrait-on avoir une galerie en fonction de l' activité. Et si vous travaillez pour un plan, ils savent probablement déjà quel type de décoloration ils veulent avoir sur le site Web. Ou s'il s'agit de votre propre site Web, vous saurez également combien et quelles pages voulez-vous qu' il dispose d'un site Web financé. Donc, au fond, ce que nous devons aller et faire les pages, permettez-moi de mentionner que vous avez mentionné et de vous dire sourd dans les deux sens. Si vous créez votre propre site Web pour la première fois ou que vous faites le site Web d'un client pour la première fois, la propriété est avant tout à faire en venant de la page. Ou si vous effectuez un changement de marque pour un autre site Web, vous pouvez effectuer un mode de maintenance. C'est plus facile à faire avec Elementor Pro. Il suffit d'accéder aux outils Elementor. Et d'ici, vous pouvez aller à l'entretien et petit. Et à partir de là, vous pouvez choisir en douceur. Vous pouvez voir bientôt venir et les mainteneurs. Et lorsque vous choisissez l'un d'entre eux, vous allez ici et si vous ne l'avez pas déjà conçu, vous allez bientôt créer une page que vous pouvez créer ici, ou vous pouvez accéder à Pages Edit avec Elementor. Et nous vous avons montré dans la leçon suivante en raison de la conception de la prochaine page. Venez ici, choisissez la bonne page et cliquez sur Enregistrer les modifications. De cette façon, quiconque viendra sur votre site Web verra bientôt la page et là, et vous devriez probablement expliquer que votre site Web arrive très bientôt. Demandez peut-être leur adresse e-mail ou quittez vos réseaux sociaux et demandez-leur de vous suivre, afin qu'ils sachent quand votre site est comme. Mais maintenant, allons faire deux pages. Ce que nous voulons faire, c'est aller dans Pages, Ajouter un nouveau. Et à partir de là, nous pouvons voir que c'est par défaut le style Gutenberg de WordPress. Et vous pouvez également faire un design à partir d'ici. Vous savez, mais, euh, en ce moment je vais y aller, ça vous explique. Bienvenue dans le quartier, comment vous pouvez tout faire. Apprenez à savoir où trouver quelque chose. Je vais simplement le supprimer et à partir de là, vous pouvez le titre de l'application , puis cliquer sur Publier, mais donnez-moi un bâton et Olympic revenir. Je me demande au courant que nous allons être ici. Mais je suis inquiet maintenant. Allez et faites cela à la corbeille également sur la page d'exemple. Je vais juste le mettre à la poubelle. Et nous avons la politique de confidentialité comme ébauche. Effectuez une modification rapide à, et à partir d'ici, je le publierai car nous en aurons besoin pour le menu de pied de page juste par exemple. Ensuite, nous cliquerons sur Mettre à jour. Et vous pouvez voir que nous avons déjà créé ici le bloc de contrat et à peu près. Et je vais maintenant faire la page d'accueil pour écrire à la maison. Et en entendant le coin droit, nous pouvons voir la visibilité de la plage et quand nous voulons la publier, nous avons un modèle. C'est la valeur par défaut. Nous pouvons sélectionner le canevas d'éléments. C'est-à-dire que nous sélectionnons élément ou Canvas pour. Je vais vous montrer dans la prochaine leçon pour la prochaine page mange. Nous doutons que l'en-tête et le pied de page ou l'élément complet soit de l'un à l'autre de côté et de l'équipe, il suffit donc de le laisser par défaut. La limace que nous avons chez nous, image future. Nous n'avons rien mis ici. Nous empêchons essentiellement l'image future uniquement pour les articles de blog. Et nous n'y touchons rien et nous cliquons simplement sur Publier. Ensuite, nous pouvons cliquer sur ceci ou sur un slogan qu'ils ont ici. Et nous pouvons voir maintenant que nous avons le contact à domicile. Et à peu près. Et je vais peut-être en ajouter une autre qui est une galerie. Parce que nous sommes en ce moment fleurir la société de curation et que je voulais montrer comment je fais la curation des clients permanents que je veux dire, ou mon formulaire client pour y montrer la création puis cliquez sur Publier et revenez. Et nous avons HM, bloc de contenu de la galerie et à peu près. Et il est probable que nous ayons besoin d'un service, d'un projet ou d'un service. Vous savez quoi, je vais faire ce service ? Et ce que nous voulons faire avec ces services vocaux. Et ce que nous voulons faire, c'est que nous allons voir sur cette page, nous montrons toujours nos services et peut-être les prix des services. Si nous voulions que le client le sache, sinon, nous ne faisons que les montrer et lui demander contacter la tâche pour obtenir un devis ou quelque chose de similaire. Et la galerie, et oui, ils diront galerie. Et maintenant que nous avons cela, et j'en ajouterai un nouveau. Il ne s'agit pas seulement la politique de confidentialité , des conditions. Et je cliquerai sur Publier. Et maintenant, regardez, nous voulons faire, c'est revenir à une période puis aux menus. Nous avons déjà notre menu principal. Si nous ne l'avons pas, vous pouvez toujours en créer un nouveau ici. Je pense que les disciplines parce que nous avons installé l'équipe avant de commencer avec WordPress, avant d'installer l'équipe, mais pas les pages ou quelque chose comme apparemment similaire, comme les menus et tous ceux choses. Et maintenant, nous avons la maison est un lien personnalisé. Et maintenant, nous voulons ajouter la maison. Et nous voulons ajouter des galeries et des services car nous ne les avons pas ici et jusqu'au menu. Et maintenant une maison comme lien personnalisé, je vais le supprimer. J'ai retourné ma maison, comme vous pouvez le voir, suffit de glisser-déposer là où vous voulez qu'elle soit. Et puis je vais aller aux services, c'est toujours le meilleur pour les globaux à ce sujet, puis ce que nous donc c'est la structure dans la page d'accueil. Nous énumérons toutes les choses que nous voulons dire, comme l'appel à l'action, nos services, peut-être quelques images et ajoutons notre appel à l'action et nous verrons comment nous allons le structurer ici. Et ensuite, la prochaine chose que nous voulons faire à la maison, nous voulons faire savoir aux gens qui vous êtes et ce que vous faites quand votre vie privée et ce que vous voulez et vous n'aimez pas, amenez les gens à vous connaître, à bâtir la confiance. Ensuite, nous perdons les services et nous offrons ce que nous offrons là-bas. Ensuite, nous pourrons avoir la galerie parce que nous voulions montrer ce que nous faisons. Ils peuvent donc probablement se convaincre que nous sommes la bonne personne pour eux. Et puis nous avons du noir et le contact et le bloc utilisent généralement une utilisation dans ce genre de papier. Pages, sites Web uniquement pour DSU proposent car avec le billet de blog nous pouvons joindre plus de clients. Ensuite, nous avons le contact. Et nous pouvons voir qu'il est déjà coché comme menu principal. Et nous pouvons cliquer sur Enregistrer. Et ensuite, nous avons probablement un menu secondaire. Voyons ce que nous avons, c'est que le pied de page, sont nos liens de médias sociaux. Je n'ai pas utilisé cette jambe, donc je vais simplement supprimer le menu. Et je vais créer un nouveau menu qui sera le menu de création de pied de page. Et ici, nous ajoutons des conditions générales. Nous allons vous parler de la politique de confidentialité. Entrez quelques termes et conditions. Et je vais vérifier ce menu de pied de page et enregistrer même si cela ne change rien parce que je fais l'en-tête et le pied de page avec Elementor. Quoi qu'il en soit, le pied de page a été mis à jour et la dernière chose que je veux faire est d'aller à la personnalisation et de vérifier si ma nouvelle page d'accueil est cochée. S. Dans les paramètres de la page d'accueil, vous pouvez voir LA disposé et maintenant je mets une page statique. Et à partir de là, en choisissant une page d'accueil, seule la page d'accueil et clic sur la boucle des brochures de familles passent juste comme T. Nous n'avons plus de barre latérale. Ensuite, nous voulons cliquer sur Publier. Revenez et passons à la leçon suivante. 8. Leçon 7 - Commencer avec les couleurs et la typographie Elementor et par défaut: Nous l'avons fait, nous avons regardé nos pages, nous voulons faire ensuite la densité de notre site. Comme je vous l'ai déjà dit, j'utilise les futures Elementor Pro pour les couleurs globales, les téléphones globaux, ainsi que pour la configuration du logo, une icône. C'est pourquoi si nous allons à Elementor, vous pouvez voir ici que nous avons des modèles. Et nous pouvons utiliser, si nous allons enregistrer des modèles à partir d'ici, nous pouvons ajouter de nouveaux modèles ou les importer. Et nous pouvons voir ici les chiffres de niveau si nous l'avons fait. Mais nous pouvons également payer uniquement des sections si nous voulons l'enregistrer et nous pouvons faire des fenêtres contextuelles et ensuite nous aurons le créateur d' équipe à partir d'ici. De là, vous pouvez voir toutes les pages que vous avez, ou voici les exemples que nous pouvons faire. Pied de page d'en-tête ou poste unique. Notre recherche de hanche vieux fluorophore d' Afghanistan. Et la prochaine chose que nous avons ici, c'est que nous avons des pages de prêt. Si nous cliquons ici sur une nouvelle page, prêtez des emplacements comme la page calming soon ou toute autre page afin que vous puissiez l'utiliser sans nécessairement avoir besoin d'être connecté à l'ensemble de la page. La famille a des enfants, une bibliothèque d'ici. Beaucoup plus facile si vous voulez simplement prendre quelque chose et l'utiliser pour vos clients ou pour le vôtre. Et en raison de changements. Si vous ouvrez certains d'entre eux, vous pouvez voir qu'il s'agit la page complète déjà faite pour vous. Avec les choses que vous pouvez changer. L'en-tête, les images, les appels aux actions, la structure de la page entière. Et si vous allez à la vue d'ensemble et que vous pouvez voir toutes les pages immédiatement ou voir la démo. Et vous pouvez choisir si vous voulez l'utiliser ou non. Mais n'oubliez pas que ce n'est que si vous avez une version Pro d' Elementor ou même si vous avez bien sûr peu de gratuits, mais la plupart d'entre eux sont en version pro. Ok, ce que je veux faire maintenant, c'est configurer ma couleur et mon téléphone par défaut et tous les sourds et je vais aller voir. Je ne fais donc pas deux fois le même travail. Je vais tout de suite aller à l'en-tête, à l'en-tête. Et vous pouvez voir ici que vous pouvez sélectionner une section de page dans la fenêtre contextuelle de la page, nourriture d' en-tête ou une seule page de publication de résultats de recherche ou d'erreur. Et je vais faire un en-tête et je vais le nommer en-tête. C'est évident. Et à partir de là, je vais configurer tous les paramètres nécessaires. Et par défaut, elementor va l'enregistrer par défaut. Et je l'aurai ici après ça. Et je dois y retourner. Je vais juste l'enregistrer. Ensuite, je peux continuer à travailler sur mon en-tête et tout ce que je veux dire. Il suffit donc de créer un modèle. Vous ne pouvez le faire que si vous disposez d'une version pro pour l'en-tête et le pied de page. Vous allez avoir cette option pour la version gratuite. Et ici, nous avons différents en-têtes que vous pouvez utiliser ou vous inspirer. Mais pour l'instant, je vais fermer ça. Et à partir de ce coin gauche vous pouvez voir d élément ou paramètres globaux. Vous pouvez vous égratigner. Vous pouvez le rendre plus petit comme vous le souhaitez. Et ici, nous avons des budgets mondiaux. Si c'est le cas, nous n' utilisons pas vos dettes. Et à partir de là, vous pouvez voir éliminer le risque tout de suite en sachant que nous sommes dans la section en-tête. Nous avons donc le logo du site, titre de votre page, le plan de recherche du site et le menu. Si nous faisons l'en-tête et que nous les avons de base, c'est tout ce que nous avons en version gratuite. C'est alors tout ce que nous avons en version pro et en général, ce que nous avons ici. Alors maintenant, ce que je veux faire pour configurer mes paramètres globaux, c'est aller dans ce menu de hamburgers ici. Et vous pouvez voir les paramètres du site ici. Ensuite, nous avons des couleurs globales. Et ce sont les principales couleurs globales que chaque Elementor, constructeur de pages à moitié configuré pour un site Web. Ce que nous voulons faire maintenant, c'est revenir à notre palette de couleurs, c' est que nous l'avons ici et nous les avons rapprochées parce que nous en avons besoin. Et nous pouvons voir que nous avons ici la couleur primaire et que la couleur primaire sera notre couleur. Avait-on besoin de notre local ? Je le copie et je reviens ici et je le colle. Et nous l'avons fait. Ensuite, nous avons une couleur secondaire et j'irai avec une couleur plus claire ici. Je vais le copier, puis je l'affronterai. Pour le texte. Je vais déjà au noir. Couleur noire si droite et 4 à l'accent. Et vous savez avec quoi je voulais me concentrer. Et nous allons faire quelques changements. Je vais faire de la couleur dioxine comme ça. La couleur la plus foncée. Parce que, vous savez, nous voulions avoir la couleur la plus foncée de nos boutons. C'est là que nous voulions envoyer les gens, juste pour attirer les regards, amener les gens à vouloir cliquer là. Et nous pouvons déjà faire cuire Ebola ici, mais nous ne l'avons pas mis en place. Nous allons donc changer ces couleurs également. Peut-être que la prochaine, nous reviendrons ici plus tard. Et puis pour la couleur primaire, j'irai avec la seconde. Il suffit donc de changer le lieu de la mort. Et puis pour le secondaire, j'irai avec la couleur plus claire. Et puis ce que je veux faire, c'est simplement copier et coller en tant que nouvelle couleur ici à partir de la palette de couleurs que j'ai. Et je verrai comment je vais culminer toutes ces couleurs sur mon site Web et à quoi ça va ressembler. Et puis la couleur plus claire, je l'utiliserai peut-être quelque part. Excellent. Nous pouvons mettre à jour ce moment ou un week-end, revenir et ensuite passer à une mousse mondiale. Et vous pouvez voir ici que la police principale est configurée par défaut pour rubato et la dalle secondaire. Et puis nous avons, je pense encore une fois le même logo et encore une fois plus semble éloigné. Et maintenant, ce que nous voulons faire, c'est revenir ici et nous savons déjà que nous utilisons une ligre, une couleur 40 ou principalement une couleur primaire. S'amuser, désolé. Revenons donc ici. Vous pouvez voir comment différentes polices. Nous avons beaucoup de formes différentes et recherche d'un graphique léger, le voici, et il suffit de l'utiliser. Et ma valeur par défaut est 600. Et je le laisserai comme ça et je les laisserai toucher n'importe quoi parce que si je veux dire, faire quelques changements dans de nombreux en-têtes, alors je le ferai directement depuis les airs. Et puis pour l'accent, j'irai aussi sur un lien RA. Et pour le secondaire dans quatre défauts. Désolé, j'irai avec Yosef Inst Law. Essayons de le trouver. Vous pouvez voir que nous avons slop et SAS. Donc dalle 14, je vais voir si ce sera le bon pour notre site Web ou si nous devons aller avec un bloc plus sombre, je veux dire, le bloc des styles ici. On peut donc le voir, désolée, glisser. Et nous pouvons encore faire une mise à jour, mais je reviendrai et je vais passer à la typographie. Et d'ici, vous pouvez voir ici. De là, vous pouvez voir que nous avons le corps. Et choisissons-en un direct. Pour les liens, je choisirai d'aimer le rap et aussi H1, H2, de coller l'en-tête ou de frapper. Nous étions donc faible maillon href. Donc, juste dent et dent, tous sur 600. Ou il est beaucoup plus facile pour nous de cliquer sur cette icône ici et de cliquer simplement sur Primaire. Et si nous cliquons ici, désolons, faisons une mise à jour et actualisons la page. Et maintenant, quand nous reviendrons ici et que nous passons aux paramètres de l'équipe et à la typographie. Cela a bien changé. Allons le régler à 400. Et puis le lien que nous avons pellagra, il n'est pas fixé à 600. Et nous pouvons voir maintenant si nous revenons ici et que nous le disons, la primaire est en train de changer. Tout de suite. Si primaire, il le rendra tel qu' il est si primaire. Et si nous cliquons est une étape référençant 600 et que nous n'avons pas besoin d'aller chercher. Encore une fois. Je suis encore une fois pour tous ceux qui ont des doutes. Et maintenant, nous pouvons voir ici que l'Allegra, c'est une bonne police et elle est refaite. Eh bien, mais quand nous venons ici au blob d'ESPN, c'est un peu plus léger. Même si c'est de couleur noire, nous ne pouvons pas le voir à volonté. Et ce qui est la principale proposition de l'interface utilisateur, c'est que nous pouvons voir bien, Nous avons un bon contrat sur le site. Si blanc et noir, noir et blanc. Je ne sais pas. Toute la typographie des couleurs, c'est que vous pouvez voir que vous pouvez penser aux différents changements que vous pouvez utiliser. Là. Nous devons voir, eh bien, c'est pourquoi je veux faire une mise à jour. Et puis nous reviendrons et quand nous passerons au niveau mondial, désolé, les entreprises mondiales, dans le secondaire, je le ferai 500 et aussi pour le texte 500, et je le ferai aussi, faire une mise à jour. Voyons maintenant si nous pouvons mieux voir ou si nous devons changer quelque chose. Je pense qu'il y a encore deux coureurs, alors laissez-moi l'essayer sur Cloud ou sur une autre chose. Que dire, nous les rendons audacieux. Faites une mise à jour. Encore une fois fait référence au site Web, donc le graphique d'actions, notez là ou non. Mais ce que je veux faire maintenant, c'est simplement mettre un éditeur de texte ici. Et nous pouvons le voir ici. Nous pouvons bien voir, les vieilles lettres vont bien, laissez-moi juste voir si oui, nous devons Joséphine s'affaisser et nous avons du gros et nous pouvons voir tout de suite qu'elles sont bonnes. Une autre chose. Permettez-moi donc de supprimer cette chose ici et de revenir à nouveau pour décider des paramètres. Ok, donc encore une fois, lorsque vous venez sur les téléphones internationaux, nous pouvons également choisir la taille des lettres. Mais je ne choisirai pas le primaire, mais je choisirai les lettres textuelles. Je peux leur donner 16 ans ? Je pense que c'est une très belle taille pour les livraisons. Et puis, nous avons des os dorsales. Et si nous le voulions, nous pouvons choisir la paperasse mentionnée aux batailles et je choisirai l'accent ou c'est le même que le primaire. Et nous pouvons également choisir la couleur. Il y a d'autres choses ici, la frontière. Mais je le vois généralement lorsque je fais la page, lorsque j'ai créé un site Web. Ensuite, nous avons des fichiers d'images et de formulaires. Et puis, à partir de là, nous avons le sol nu. Je vais le laisser blanc parce que c'est le cas, mais vous pouvez l' installer à partir d'ici si vous voulez un peu d'eau ou pour le grand tour mobile. Et ensuite, nous avons l'identité du site à partir d'ici. Je clique dessus , puis je sélectionne Fichier. Et je vais les télécharger tous les deux. Je n'y vais donc plus avec le même souffle. Et puis j'ai ici mon logo et vous pouvez voir qu'il est transparent, mais j'irai éditer l'image et je vais la rogner. Je ne veux pas ce grand espace. Je vais donc le recadrer comme ça. Et cliquez sur Rogner et sécuriser. Et puis j'irai insérer des milieux et le cytoplasme disparaîtra à nouveau. Je l'ai ici et je vais insérer les médias pour que ce soit mieux comme ça. Il sera plus beau ici. Je vais donc mettre à jour et je rafraîchirai la page à nouveau. Et si nous allons en avant-première, et que nous pouvons le voir ici, c'est plus petit, mais c'est bien, d'accord. Maintenant que nous avons nos polices et couleurs globales, nous pouvons passer à notre prochaine leçon et concevoir l'en-tête et le pied de page. voit là-bas. 9. Leçon 8 - Créer des en-tête et des pieds: Maintenant que nous sommes dans un, nous entendons déjà une section pour notre en-tête. Nous aimerions le faire ici. Donc, ce que je voulais faire, c'est que je veux utiliser un style simple pour l'en-tête. Et je vais simplement cliquer sur cette taille plus. Et encore une fois, vous pouvez toujours accéder à ce dossier ici. Vous pouvez choisir n'importe lequel de ces flux. Vous pouvez télécharger le vôtre à partir ici et trouver ici si vous l' avez enregistré ailleurs. Mais pour l'instant, ce que je veux faire, c'est cliquer sur cette icône de tranche, et je veux avoir trois sections. La première section sera pour mon logo, c'est pour mon logo, juste en pensant que ce sera pour mon menu. Et le troisième sera celui de mes réseaux sociaux car je veux que mes réseaux sociaux soient dans l'en-tête. Ce que je veux faire maintenant, c'est que je veux vous dire quand nous cliquons dessus et que nous l'avons ajouté ici. C'est ici qu'on appelle une section entière. Par conséquent, lorsque nous cliquons ici et que vous pouvez voir la section Modifier, nous ne sommes pas là. Et d'ici, nous pouvons dire, mettez-le comme des livres ou le désherbage complet peut voir si nous enlevons cela d'ici jusqu'à ici, tout le but. Et revenons ensuite. Lorsque les livres sont dits, vous pouvez choisir ici le montant que vous voulez être. Vous voulez peut-être avoir 800 ans et voir à quoi ça ressemble. Peut-être voulez-vous être comme ça ou peut-être que vous vouliez être, je ne sais pas, 300, 400, quelle que soit la façon dont vous vouliez faire rayonner. Je vais aller avec ça, 100 00. Je vais le faire, ici. Et puis nous avons la colonne Gabe et je ne monte pas. Et puis, nous avons de la haine. Oui, on peut le faire. Il crée un mode de normalisation. Nous pouvons aller avec un poids moyen. Nous ne pouvons pas aller avec l'écran ici vous voyez que c'est tout l'écran. Nous allons donc au poids moyen. Et ici, en pixels, j'y vais généralement avec 80. Ce sont les bons pixels. Vous pouvez voir que nous avons de l'espace entre eux. Donc, c'est juste, et ensuite nous avons une position au milieu. Cela signifie que cette colonne ici sera toujours au milieu de haut en bas. Et nous ne voulons pas toucher cette île verticale. Et le débordement est par défaut. Et nous pouvons également faire une section à gratter. Mais en ce moment, nous sommes en buck set et nous l'avons fait, bien que nous n'ayons pas été configurés à partir d'ici. Et nous pouvons voir ici, dans la structure, quel type de structure nous avons. Et nous pouvons choisir d'autres espaces. Mais je veux que ce que je voulais faire, c'est retourner mon petit livre, mon menu, mettre mes réseaux sociaux, puis configurer la structure adaptée à mon style d'en-tête. Car à partir de là, nous avons l'arrière-plan et le M Hauer normal. Et nous pouvons faire le type nu sur le dessus avec la couleur, peut-être avec cette superposition des couleurs, peut-être pas une vidéo ou un diaporama. C'est essentiellement à ce moment que nous faisons lorsque nous concevons sur les pages. Et pour l'instant, nous ne voulons rien avoir là-dessus. Donc on ne ferait que décocher ça, parce que je veux avoir un menu défilant. Et je vais vous montrer comment ça va être audacieux. Et ensuite, nous avons une superposition si nous voulons avoir une bordure ou une forme, un pilote et taper ce qui était quelques-uns, mais nous n' utilisons aucune ancienne profondeur pour le menu défilant. Si nous passons à Motion Effects, puis nous pouvons passer à la clé. Vous pouvez le voir dit : « Mec, il peut être en haut ou en bas. Et nous pouvons choisir sur quel appareil nous voulons avoir un menu tentaculaire. Et d'habitude, je m'en prends aux préjugés. Pourquoi j'utilise le menu d'exploration avant que nous puissions avoir une icône ici qui dit aller en haut. Mais c'est toujours mieux pour moi, comme si ça faisait défiler toutes les pages et qu'ils peuvent tout le temps la loutre de mer. Mon site Web ou la plupart des sites Web ont parfois un identifiant ici ou peut-être que je ne suis pas un numéro de téléphone qu'ils veulent avoir comme col d'appel à l'action et quelque chose comme ça et ils peuvent l'utiliser immédiatement. Ensuite, nous avons une déontologie compensée et compensée. Nous avons un décalage épique. J'y vais avec 18 ans. Une fois encore. Cela signifie que l'en-tête commence à faire défiler vers le bas au bout de 18 secondes. Et ensuite, nous avons réagi à partir d'ici. Nous pouvons choisir d'inverser sur une tablette et un mobile, mais ce n'est que lorsque nous avons deux colonnes. Parce que lorsque nous avons de vraies colonnes, même si nous cliquons pour inverser, cela ne fera que revenir la première et la dernière, et celle-ci est au milieu. Il restera au milieu. Et ensuite, nous avons cette capacité si vous vouliez cacher quelque chose sur le bureau, tablette et l'application mobile pour les bottes. Ensuite, nous avons des CSS personnalisés. Cela n'est possible qu'avec la version Pro d'Elementor. Je vous ai dit que nous n' utiliserons pas de codes ici. Nous ne les avons pas rencontrés. Nous pouvons utiliser pour l'en-tête si nous voulions changer de couleur lorsque, quand il commence, je descends, mais commençons par la conception et nous pouvons voir ce que nous allons faire ensuite ici. Donc tout d'abord, nous avons ici le logo du site et quand nous le mettons ici, il apparaît tout de suite. Il s'agit d'une image pleine grandeur, pas d'URL de site corrompue. Donc tout de suite, si quelqu'un clique dessus, il reviendra sur la page d'accueil. Et si la plante est sur la page principale, elle reviendra. Nous pouvons donc voir que c'est un peu plus grand ici. Donc nous l'avons fait, nous ne l'avons pas fait, nous ne l'avons pas fait, et nous pesons. Et à partir de là, vous pouvez voir que nous avons le pourcentage ici, les pixels. Et à peu près pour l'image du logo, nous utilisons ce pourcentage. Et j'y vais généralement, disons avec 16 ou 17 selon le logo. Et ce que nous voulons avoir ici. Allons-y avec 16. Je pense que c'est bien. C'est très joli. Et nous pouvons également choisir ici où il va être placé à gauche, au centre ou à droite. J'irai avec la gauche. Et nous pouvons bien le voir tout de suite. Et puis, ce que nous allons faire, c'est d'y aller ici. Et puis, nous allons le menu de navigation par défaut est configuré sur pied de page et menu principal illégal. Ok, donc nous avons maintenant horizontalement, vertical et descendu. C'est par défaut pour la version du menu, mais bien sûr, si nous utilisons l'horizontale et que nous avons ici à gauche au centre, à droite ou à gratter. Je vais faire le pointeur à droite. Maintenant, maintenant, nous avons le sous-jacent et c'est tout de suite avec notre couleur des couleurs mondiales. Et ensuite, nous avons survolé là-haut. Et nous pouvons avoir un cadrage double longueur, un arrière-plan ou des textes. Lorsque vous passez par SMS. C'est juste que vous pouvez voir à quel point j'aime à quoi ça ressemble. Il a donc grandi. Il peut également animer D. Cela peut être rétrécissant, flotte, Qu, rotation ou aucun, mais il ne peut pas rester trop loin. Ensuite, nous avons un sous-menu indicatif, mais nous n'avons pas de sous-menus. Ensuite, nous avons un point de dépliant mobile sur tablette. Et puis nous avons un double à propos de Hambourg, puis nous avons un site ou un centre. Et ce que cela signifie maintenant, vous pouvez cliquer sur cette colonne Modifier. Il s'agit de la colonne, donc l' ensemble ici est une section, et ce sont les colonnes. Et à partir des colonnes ici, vous pouvez configurer une colonne à partir d'ici. Et je vais choisir cela au milieu, à la verticale. Ali le fait. Donc. Nous avons tout mis en place au milieu. Et allumez également. Et puis vous pouvez avoir à partir d'ici et choisir le bon espace pour la colonne. Ou vous pouvez, oui, vous pouvez voir comme ça, déplacer ici et là. Je ne peux pas le déplacer comme ça. Et je reviendrai ici et j'irai au style. Nous l'avons déjà, mais je vais cliquer là-dessus. Et je vais bien paraître. Je vais mettre 20 pixels, poids de ligne. Je vais mettre 1,5. Et je ne toucherai pas à l'espacement des calques, il fera un peu de litière ici, en espacant entre eux. Et pour la transformation, nous pouvons voir que nous pouvons opter pour les majuscules ou les minuscules ou la conformité. Normal. Sar. Je ne sais pas si nous voulions y aller. En majuscules, je vais certainement passer majuscules et je ne changerai rien de tout ça. D'accord ? Et puis nous avons un diviseur, une interruption horizontale vers le bas. Nous n'avons pas chuté, donc je n' y toucherais pas. Si vous le vouliez. Vous pouvez simplement passer ici et modifier n'importe lequel des paramètres, puis nous avons basculé à leur sujet. Nous le ferons dans notre version mobile et nous savons ce que nous changeons ici. Et moins de choses si vous cherchez ici, alors montrez ça. Je vais les laisser ici. Et je ne changerai que si je viens vers vous et que je vois qu'ils ont déjà beaucoup d'angles ici parmi lesquels vous pouvez choisir. Vous pouvez également télécharger ou télécharger un fichier SVG. Vous pouvez également mettre ici un lien. Donc, je vais juste le dire comme ça. Quoi qu'il en soit, c'est la couleur officielle, mais je vais passer à Custom et vous pouvez changer la couleur de la coutume à partir d'ici. Et lorsque vous passez à la couleur principale, suffit de cliquer dessus et vous pouvez choisir la couleur. Vous pouvez voir. Ou vous pouvez dégager à partir d'ici. couleur. Je vais, juste, pour la couleur secondaire, je choisirai. Disons que nous allons y aller, nous agissons sur la couleur. Et pour la couleur primaire, je vais simplement l'enlever pour que nous n'ayons pas à mendier. Donc, juste le logo. Et je ferai de même pour les deux extérieurs. Pour DQ sur les réseaux sociaux. Vous pouvez y aller avec du blanc ou du transparent. Faisons de la transparence parce que si nous changeons de couleur, de profondeur, nous le serons, nous serons chers de montrer. Et puis on reprend les actes. Et vous pouvez voir que j'ai changé la couleur par défaut. C'est beaucoup plus facile. Et quand il faut faire preuve de transparence, il suffit d'aller ici et de revenir. Et vous pouvez également utiliser cet échantillon de couleur. Il suffit de le mâcher et de cliquer sur n'importe quelle image plus ancienne. Je choisis juste la bonne couleur. Vous pouvez voir ici, c'est beaucoup plus facile. Maintenant que nos icônes sont prêtes ici. Ensuite, quand vous allez au style et à partir d'ici, nous avons cinq espacement et de la taille, nous allons en mettre 20. Ils ont la même taille que notre menu, que notre menu ici. De plus, nous pouvons passer au survol d' icône et nous pouvons avoir un effet de survol similaire. Et nous pouvons même voir qu'ils déplacent des effluents. Nous pouvons aller à la rotation mondiale. Voyons s'ils n' ont que de la lueur. Pensez-y. Je pense que la citation, mon frère, tout comme notre menu s'agrandit, mène l'icône Grow quand elle survole dessus. Ok, donc maintenant la prochaine chose que nous voulons faire, nous avons maintenant notre menu ici configuré. Nous voulons aller à ces chevilles ici. C'est le mode responsive, et il ouvrira cela. Et à partir de là, vous pouvez peut-être changer si vous vouliez le voir différemment. Les principaux moteurs, mais ceux qui sont destinés aux ordinateurs de bureau, aux tablettes et aux appareils mobiles. Eh bien, et nous pouvons voir ici que nous avons le mode gobelet pour finir. Ce que nous voulons faire ici, c'est que je vais cliquer sur Modifier la section. En un coup d'œil. Nous avons la marge et le rembourrage. Donc, la marge ici dans la section. Si nous cliquons dessus, vous pouvez voir que nous pouvons le modifier. Si nous ajoutons ici, cela agira de l'espace. Les deux sont, donc vous pouvez voir que c' est le haut et le bas. C'est émouvant, mais nous ne pouvons pas voir, vous pouvez voir M, cela se déplace maintenant. heure actuelle, nous pouvons voir ici les lames assez déplacées que nous avons ici. Nous ne voulons donc pas utiliser cela. Et le pot, c'est les pièces que nous voulions apporter des changements. C'est tout ce qui se passe ici à l'intérieur de ces grands livres. Donc si nous n'avons pas marqué cela parce que si c'est une marque, si elle n'est pas cochée, alors si nous n'avons qu'un seul numéro, il le met partout. Mais si nous voulons changer seulement, disons en bas ou peut-être juste, je ne sais pas. Ensuite, nous devons dissocier cela et 10 % et 10 % de la gauche et de la droite. Nous avons donc un peu d' espace ici. Vous pouvez voir. Et maintenant je pense que c'est une bonne taille, mais je vais le faire comme 30. Et quand je clique dessus, je le ferai 80. Et puis cela peut être, disons 20. Nous les avons donc dans une seule ligne, et maintenant nous en avons 20, et nous en avons 35, 50, et donc cela doit être 50. C'est donc tout en une seule ligne. D'accord ? Et maintenant, nous avons notre liste déroulante, comme je vous l'ai déjà dit, nous allons travailler dessus quand nous y entrerons. Pour ce faire, cliquez sur Complet à l'intérieur. Ainsi, quand il s'ouvre, il s'ouvre sous le plus ancien et pas dans le même titre ici. Et puis nous avons le centre et Hambourg. Et maintenant, nous voulons y aller, nous voulons aller dans le style. Et pour la couleur. Ce sont des textes choisis que vous pouvez voir ici. Et nous avons la bonne topographie et nous l'avons fait, j'ai sauté en choisissant 20. C'est donc la même chose. Et encore une fois, nous allons choisir comme ça. Nous avons donc un peu d'espace ici. D'accord ? Un peu d'espace ici. Et ensuite, ce que nous voulons faire, c'est planer. Désolé. C'est le menu déroulant et je le ferai, et la normale C'est la couleur normale du texte corrigée. Et nous ne voulons pas de couleur de chambre à coucher et nous ne l'avons pas. Et la typographie, nous avons l'accent, c'est la même chose. Et puis nous avons le vol stationnaire. Et nous allons faire notre propre transparence. Nous n'avons donc pas cette grande salle là-bas. Et nous devons déjà plonger sur Vg, le configurer et la couleur du texte en survol. Nous allons le mettre en accident. C'est donc la même chose que dans le menu principal lorsque nous sommes sur le bureau. Et quand il est actif, Whitman le touche, donc il va redevenir noir. Et à partir de là, nous pouvons configurer la configuration, type de commande ou peut-être vous radios si nous voulons la distance séparateur et le total du bouton à partir d'ici, nous pouvons en faire la couleur noire, et nous pouvons le faire surcliquer pour être sur Accent, être sur l'accent, sur le vol stationnaire pour être un accident, désolé. Et puis on peut choisir la taille à 20, disons. Et c'est parfait. Mais vous pouvez voir que c'est un peu plus ici. Et c'est au milieu. Ce n'est donc pas au milieu ici. Donc, ce que nous voulons faire, c'est mettre en place ce 130 et juste mettre en place ce ONE 40. Et maintenant, nous avons tout au milieu, juste comme ça. Et maintenant, ce que nous voulons faire, c'est aller sur les icônes et les mettre à la fin. Il n'est donc pas là dans l'année et à la fin et à gauche, à droite, au milieu. Et puis, lorsque nous passons à la version du modèle, nous avons besoin de les configurer, c'est 30. Pour le configurer, j'en ai 30. On peut donc voir que la chanson 30 n'est pas piquante en ce moment. Et cette configuration, ce 140, d'accord ? Donc, ce que nous voulons faire ici, c'est qu'on veut faire plus de 100. Et nous voulons voir une ampoule, c'est bien. Mais nous voulons faire ici, c'est aller ici et nous voulons aller à Style. Et sur l'espacement. Je veux que cela soit un peu plus grand. Je vais donc 40 ans. Et je vais faire ça pour prendre la route pour voir à quel point nous avons besoin d'espace. Ok, donc nous avons besoin d'environ 41 d'entre eux n' ont pas besoin de revenir. D'accord. Donc, à 19 ans. Et si nous supprimons cela, nous pouvons voir à quoi ça ressemble maintenant. Nous pouvons le faire. Donc, euh, supprimer D vient du menu mobile. Ils suppriment généralement le coût des da pour le menu mobile. Et ça ressemblera à ça. Nous allons donc enrouler la colonne et aller à l'avance et aller à responsive et cacher sur mobile. Donc, quand on revient comme ça, c'est comme ça. Mais nous le ferons, nous le laisserons à DR2. Il a l'air bien. Voyons si nous pouvons le faire. Voyons si nous pouvons réduire l'espace entre eux. C'est bien comme ça. Nous pouvons donc revenir ici à la mise en page et nous pouvons maintenant réduire cet espace et le déplacer autant que possible. Nous avons donc plus d'espace maintenant. Je pense que maintenant ça va bien. Excellent. On peut voir le logo, on peut voir le menu déroulant, on peut voir les icônes, on revient ? Nous pouvons voir que tout reste le même ici. Et si nous revenions ici, qu'est-ce qui vous donne à la cuisse tout ce qu'il est disposé de la même façon. Laissez-moi savoir que je vais regarder ces 16. Et je reviendrai à la section de modification. Et je n'ajouterai qu'ici. Désolé, je vais modifier le rembourrage et je ne ferai que 5% de bal en haut et en bas. J'ai donc une couche de plus d' espace pour le logo ici. Et comme je vous l'ai déjà dit, cela n'est possible qu' avec Elementor Pro, c'est parce que lorsque vous cliquez sur Publier, vous obtiendrez cela à condition. Si cela n'est pas possible avec la version gratuite. Ensuite, vous allez à l' état et vous pouvez inclure un site entier ou vous pouvez exclure. Ou vous pouvez inclure, Mangeons nos moitiés et vous pouvez ajouter conditions pour exclure l'ensemble du site. Et vous avez beaucoup de possibilités. Mais nous allons inclure un côté entier et nous pourrons cliquer sur Enregistrer les raccords. Et aussi si nous faisons une fenêtre contextuelle ou autre page de destination que nous avons. Nous avons beaucoup de nos autres options comme With show up, combien de fois se présenter l' un dans l'autre. Et bien d'autres aspects. Ils sont identiques, enregistrés et les utilisent. Alors, enregistrez et fermez. Et c'est l'une des principales raisons pour lesquelles c'est parce que si vous vouliez utiliser popup et que vous n' avez pas Elementor Pro, vous devez utiliser un autre plugin pour cela. Vous ne pouvez pas être sûr que tout va fonctionner correctement ou non. Mais revenons maintenant au tableau de bord. Et passons à Save it Templates. Et si nous allons à tous ici, nous pouvons voir l'en-tête et voir le kit par défaut. C'est celui dont nous avons besoin pour les formes de couleurs globales. Et regardez. Maintenant, ce que nous voulons faire, c'est ajouter de nouveaux. Ensuite, nous allons au pied de page et le nommons pied de page et créons un modèle. Là encore, ils nous donnent des options que nous pouvons utiliser ici et peut-être que certaines peuvent changer quelque chose pour faire Twitter en fonction de ce que vous allez faire et de la manière dont nous voulons que le pied de page ressemble. Mais encore une fois, je le fermerai et nous allons le faire en hauteur. Je vais donc ici. Et vous pouvez voir que c'est déjà en bas parce que c'est un flottement. Et je vais choisir à nouveau trois sections. Et à partir de là, j' irai aussi à un 100e, 14 000. Et pas Dieu. Et un poids moyen. Je vais le faire. 300. Je pense que c'est bon. Je suis au milieu de la colonne. Je pense qu'elle est pliée. D'accord. Donc, ce que je veux faire pour le pied de page, encore une fois, comme si c'était le même processus. Encore une fois, nous voulions avoir dans le pied de page notre logo. Nous voulions avoir des icônes de médias sociaux et nous voulions icônes de médias sociaux avoir le menu du pied de page. Et selon, je ne sais pas, peut-être que vous voulez peut-être avoir 0 coordonnées aussi, nous pouvons l'avoir là. Et nous pouvons également avoir une mise en page ici. Je vais le faire 40. Et ce sera pour le droit d'auteur. Pour que nous puissions cliquer ici et ajouter un nouveau duplicata 4k. C'est pareil. Nous n'avons rien ici, mais c'est beaucoup plus facile si vous vouliez dupliquer quelque chose, je vous le demanderai. Et ce que je veux faire ici, c'est ajouter le menu ici. Le menu Pied de page est déjà sélectionné. Et je le mettrai dans la droite horizontale soulignée, je mettrai un texte exactement comme notre menu dans l'en-tête. Mais je laisserai une note à partir d'ici, liste déroulante mobile, je n'en mettrai aucune. Et ça va disparaître. Vous verrez pourquoi pas. Et je vais juste passer le curseur de tuile que nous n'avons pas sélectionné. Et je vais juste changer ici la transformation en majuscules. Excellent. Et puis sur le côté gauche ici, je glisserai et dépose ici le titre. Et c'est ici. Ce que nous voulons faire c'est écrire écrire réservé. Disons si c'est une entreprise, si elle les accompagne, violette. Et généralement, nous avons besoin de l'icône C ici, mais je n'essaierai pas de la chercher. Et je vais mettre le x ici. Il me donne le primaire qui aime la couleur primaire pour les cheveux. Et à partir de là, je vais me rapprocher des majuscules. Voyons voir. Maintenant, je vais en mettre 16 et aussi je reviendrai là-dessus et je vais le mettre, prendre la peau juste pour que nous ayons à sauver. Maintenant, je dois aller le mettre au milieu. Et à l'heure actuelle, ils sont dans la même situation. Ils vont bien. Ensuite, ce que nous voulons faire, c'est écrire maintenant pour avoir un flanc. Ensuite, j'irai sur les réseaux sociaux. Et je vais le mettre ici et je m' épanouirai à droite. Et encore une fois, permettez-moi de changer l'icône en Instagram. Je vais ajouter des couleurs personnalisées. La couleur primaire est donc la couleur secondaire est axone. Et ici, je vais l'enlever. Et je ferai de même pour les deux autres. Et ça va juste s'additionner ici. Il peut donc fonctionner rapidement pour le planer dessus. Excellent. Ensuite, nous pouvons passer au style et nous pouvons le changer à la taille qu'il reçoit. Ou vous pouvez venir ici là où il est dit corail officiel ou il peut aller dans Custom et le personnaliser à partir d'ici, mais ils les changeront tous. Vous n'avez pas besoin d' y aller un par un comme je les fais tout de suite. Et puis on peut y aller, je peux planer et ensuite on peut garder des animations. J'étais comme là. Maintenant, ce que je voulais faire c'est juste pour passer des contrats. J'ajouterai ici une couleur et j' irai avec le secondaire. Parce que lorsque nous planons sur le disque, laissez-moi voir, même si nous allons avec celui-ci, il est encore plus beau et ce qu'ils sont libres avec celui-ci. contraste contractuel encore meilleur, un contraste encore meilleur. Nous pouvons aller avec celui-ci, nous pouvons l'utiliser parfois la spécification autour de celle-ci. Et ici, je n'aimerai que Kyle et la bordure et j'en aurai un solide et j' ajouterai cette couleur. Et je ne le ferai pas remarquer. Et je suis ici aussi. C'est donc notre pied de page en ce moment. Et puis on peut entendre un peu de cap. Et nous pouvons dire des informations de contact visuel. Et puis on peut aller au style, on peut le faire affecter. On peut mettre le téléphone. J'ai 22 ans. D'accord. Et ensuite, on peut aller voir je peux soulever, on peut l'ajouter juste en dessous. Et à partir de là, nous pouvons sauver la compagnie. Oh mon Dieu. Lâchez-vous. Même immeuble Tyvek. Nous allons insérer ici et nous dirons, je ne sais pas, trois ou quatre. York, New York. Et vous pouvez mettre votre adresse, vous savez ce que je veux dire ? Ensuite, nous pouvons choisir le mobile. Et puis nous pouvons ici mettre notre mobile plus 4999928 récupérer et je vais 4, 5, 6, 8. Ensuite, nous pourrons m' envoyer un e-mail par e-mail. Et nous pouvons insérer ici des informations que violet, bonjour, disons. Et puis nous pouvons venir ici et pour les icônes, il s' estompe profondément, couleur primaire. Et la taille, nous pouvons passer à 16 et ensuite nous pouvons passer au texto et nous pouvons mettre une taxe sur le noir. Et pour la typographie, elle est déjà réalisée sur les seize cinquièmes, donc elle ressemble à ceci. Et c'est plutôt joli. On peut peut-être les rendre un peu plus gros ou à moitié vides, à quoi ça ressemble bien. Et ensuite, nous pouvons avoir notre logo au milieu. Mais nous pouvons le dire comme dites-le 18. Et voici ce que nous pouvons faire, c'est encore une fois, je me dirige et je suis vif ou violet. Et nous allons le déplacer vers la droite, viendrons ici et nous choisirons la couleur noire. Et nous en mettrons deux comme nous l'avons mis ici, deux. Et puis nous pourrons venir ici, nous pourrons ajouter un éditeur de texte. Et je vais simplement le déplacer jusqu'ici. Et il le laissera comme ça. Nous avons donc nos 16 ici. Eh bien, et notre pied de page ressemble à ceci. Ou ce que nous pouvons faire maintenant. Et je vais mettre le MOOC ici et ceci ici. Et cela ne fera que changer de place. Laissez-moi voir à quoi ça va ressembler. Et je vais le mettre ici. Et ça va le mettre ici. Et voyons voir, je peux énumérer moins 50. Et aussi je reviendrai ici, bureau banalisé, et je le mettrai 20 moins sur le dessus. Je viendrai ici et j' irai ici et je suis marqué disque et je ferai jusqu'au bas moins 20. Cela a donc réduit l'espace de 30. Nous pouvons donc voir que c'est presque l'air. Et je viendrai aussi ici sur les réseaux sociaux et je ferai de même mais au sommet, donc moins 20. Il est donc plus ici, donc vous aurez l' espace entre les deux. Mais si vous avez plus de textes que cela ne le rend un peu plus grand et il se répétera parfaitement. Il a l'air très joli. Je veux faire maintenant, c'est aller à la réponse à la nourriture. Et je voulais voir à quoi ça ressemble. Vous pouvez voir comment la tablette et la version mobile sont impatients . Ce que je veux faire maintenant, c'est aller à la section et avancer. Et je suis allé au bureau banalisé et 10 à partir de la gauche, M2M pour l'histoire, de droite. Et nous avons un peu d' espace, même 20, désolé. Nous avons donc plus d'espace. C'est mieux. Et je viendrai au logo et j'en ferai une crypte 100. Et tout le reste restera le même, c'est mieux quand tout cela est en une seule ligne. Et voici ce que je voulais faire pour venir ici et y aller. Bien. Et maintenant, passons à la version mobile. Et ici, ce que je veux faire est de cliquer pour modifier cette section. Et je veux aller avancer, et je veux ajouter ici, désolé, comme 10. Et c'est bon pour toutes les tailles. Mais ce que je veux faire ici, c'est aller à responsive et faire une colonne inverse. Nous avons donc une politique de confidentialité de Percival en matière de rêve et chez DMU, nous avons le droit d'auteur. Et ici, je veux faire de même, cochez cette marque. Je n'ai pas remarqué ça et je vais désoler. Tout comme ça, partout. Et c'est joli. Et je vais revenir ici sur la version de bureau et je vais rendre application Publier l'état aujourd'hui entier du site et cliquer sur Enregistrer et fermer. Maintenant que nous en avons fini, passons à la leçon suivante et concevons notre page d'accueil. voit là-bas. 10. Leçon 9 - Commencer avec la conception: Passons maintenant au processus de conception de notre site Web. La première chose que nous voulons faire, c'est que nous puissions aller sur les pages et trouver notre page d'accueil et aller à Elementor depuis la garderie. Ou nous pouvons accéder aux modèles, puis nous pourrons en ajouter de nouveaux. Et nous n'avons pas sélectionné une seule page. La maison. Si vous n'avez ni élément ni pro, vous pouvez le faire directement depuis votre page. Accédez à la page d'accueil, puis vous pouvez voir modification avec Elementor et vous pouvez le faire depuis les airs, puis créer un modèle. Et à partir de là, nous pouvons voir par défaut des modèles clignotants, clignotants que nous pouvons utiliser. Et nous allons simplement fermer cela et nous avons le modèle vide ici. J'aimerais voir à quel point l'en-tête va ressembler une fois qu'il se tirera vers le bas. Mais nous allons voir quand nous aurons la page et faire le reste pour cela. Donc, Retina Look, nous voulons faire comme, euh, nous savons que nous concevons ce site ou cette entreprise de décoration de fleurs. Et ce que nous voulons faire ici, c'est d'abord que nous voulons avoir notre premier en-tête et nous voulions avoir notre premier objectif d'action. C'est pourquoi nous pouvons ajouter une nouvelle section à partir d'ici et nous pouvons sélectionner combien de sections voulons-nous avoir une grande section ou en avoir deux, selon le type d'image que nous allons mettre en place. ici. Allons-nous avoir un lac, grand tour ou ce genre de choses ? Ou bien nous pouvons venir ici et nous pouvons aller sur Pages, ou nous pouvons simplement venir avec un bureau banalisé et nous pouvons trouver quelque chose d'ici comme un héros. Vous pouvez voir ici quelques exemples à quoi cela peut ressembler. Vous pouvez également trouver une page si vous souhaitez l'utiliser ici. Mais pour l'instant, je veux vous montrer comment nous ne pouvons pas utiliser. Je vais donc y aller et je vais y aller avec des sections. Ce sera des livres et des livres. J'irai encore une fois avec 000. Nous avons donc la même ligne ici pour l'ensemble du site Web. C'est donc la section. Et nous pouvons utiliser à partir de là le, c'est la colonne que nous allons terminer, mais passons avec la section alors nous n'avons pas de gouvernement et nous pouvons vous offrir pour le poids. On peut dire que le poids moyen ou les pieds sont discrètes. Je vais faire avec un poids moyen. Mais je vais le mettre à 500. Même s'il ne prend que des contrats comme ça. Et maintenant, c'est notre en-tête que nous puissions nous entraîner et nous pouvons aller à Avancé, nous pouvons marquer cela et nous pouvons aller au sommet moins entrer. Et cela deviendra sous notre tête et nos cheveux doivent être transparents. Mais je verrai un DMD si nous allons y aller, cette seringue ion ou une autre seringue design pour ici, pour notre colonne de gauche, j'ajouterai un titre. Et cette rubrique serait, peut-être devrions-nous penser à quelque chose qui attirera nos clients. Je vous souhaite peut-être la bienvenue au paradis. Dans notre paradis. Et vous devriez savoir, détruit cela pour une page racine blog ou quoi que ce soit de similaire. Tu devrais y aller avec. Vous voyez ici comment c'est H1, H2, H3. Nous avons donc besoin du premier paragraphe que nous avons ici. Le premier cap est H1. C'est médiocre, la proposition du Mémorandum d'accord pour la structure dérivée de notre site Web. Bienvenue dans notre paradis. Vous pouvez écrire ce que vous voulez pour le style et nous choisirons le noir. Et je mettrai l'aversion. On en a même 18, peut-être deux semaines. Non, mettons-le sur 18. Bienvenue dans notre paradis. Et sous disque, je vais l'éditeur de texte. Et ici, nous avons des textes simples et je ne changerai rien à cela. La seule chose que je veux faire ici est de changer le rembourrage. Et je veux couper ça pour être un peu alors disons à gauche, désolé, à droite. 15 et peut-être 18 ans. Oui. Et nous en avons presque un sous une adder. Et puis, ce que nous voulons faire, c'est aller. Enveloppez le bas ici. Et à l'heure actuelle, la question que nous nous posons ici est la suivante : quelle est la principale propulsion de notre site Web ? Nous voulons avoir des coûts de livres, un extrait des coûts. Demandé un devis, nous voulons entendre ou voir votre galerie. Donc, en ce moment, je veux avoir ici un fond indiquant qu'il y aura le principal appel à l'action ici, il va être de nous contacter. Contactez-nous. Et je veux le laisser façonner. Nous avons donc les actes et nous les corrigeons. Nous allons mettre ça sur 18, donc c'est un peu plus gros pour que nous puissions bien le voir. Et ensuite, nous voulons le mettre en majuscule. Et 4, désolé, pour ce fichier bordé, le type est solide. Et nous allons choisir la même couleur pour la bordure. Et nous allons utiliser, désolé, et nous allons utiliser pour la guerre le rayon, juste un. C'est donc la même forme que notre logo. Il va choisir, bien, même si nous voulons des fleurs, peut-être que vous commencerez à plus de couleur pour un livre. Allons le faire comme ça. Et je vais maintenant aller à F et aux fans, et j'irai au positionnement, et je vais faire avec Inline. Maintenant, je peux juste dupliquer le bas. Et ce que je vais faire, c'est écrire une autre phrase ici et nous irons, disons, en savoir plus. J'en sais plus. Et j'irai au style, et je le ferai. Maintenant, je veux que la couleur du texte soit dans laquelle il agit. Et la couleur ici peut être blanche, comme ça. Et puis, en vol stationnaire, nous allons être le texte pour être blanc. Et puis nous avons la couleur d' arrière-plan pour être l'axone, la bordure. Vous pouvez donc voir que c'est de la légèreté et où nous contacter. Ce sera sur le survol pour être la couleur du texte, les actes de couleur. Et cette couleur, n'est-ce pas ? Les points blancs comme ça. Et peut-être devrions-nous changer d'endroit. Quatre, c'est deux et peut-être le méchant. Désolé, je vais encore changer de place pour eux comme ça. Mais je vais dire que c'est que j'en apprendrai plus et ceux-ci seront Contactez-nous. Et sur ce fond, j'irai avancer. Et je vais mettre un ascenseur. Disons 10, peut-être 20. Cela ressemblait à cela et maintenant nous avons de l'espace entre eux. Excellent, c'est très joli. Très bien, ça m' a vraiment plu. Et maintenant, ce que nous n'utiliserions pas pour trouver des images que nous voulions montrer immédiatement à nos plans quand ils viennent ici. Nous allons donc prendre l'image d' ici et la mettre ici. Est-ce que c'est brumeux ? Et dans nous allons juste l'image et nous devrions télécharger. Mais tout d'abord, trouvons-en quelques uns. J'utilise généralement Unsplash ou vous pouvez également trouver quelque chose sur la bibliothèque d'images Canva. Je vais donc chercher une décoration florale. Et voyons ce qu'ils ont et ce que j'aimerais dire. Peut-être que nous allons chercher une décoration de fleurs de mariage, quelque chose comme ça. Et j'ai trouvé celui-ci, et je le téléchargerai en version moyenne. Et je vais également télécharger celui-ci. J'aurai besoin d'une image, donc je vais télécharger celle-ci et je verrai à quoi ça me sentira le mieux pour mon design. Et puis je viendrai ici. Vous pouvez toujours passer au format PNG minuscule et il est fortement recommandé de réduire la taille de vos images. Mais j'aime dire à tout moment, pour vous, que vous pouvez le faire. Je vais donc télécharger celle-ci à nouveau. Nous n'avons donc qu'un seul. Nous allons donc insérer des médias. Et nous pouvons voir que c'est trop faible. Mais passons au style. Et, euh, k, nous pouvons maintenant choisir la taille des dégâts. Je vais donc y aller avec 65 ans. D'accord, pour moi. Et ce que je veux faire, c'est revenir ici et je vais chercher des fleurs. Une histoire. Je reviendrai à Canva et je reviendrai chez moi. Et ce que je voulais faire, c'est peut-être de revenir à la taille du logo. Et je vais passer aux éléments. Ensuite, nous chercherons des fleurs. Et trouvons un beau plancher. Ça a l'air bien, ça aura fière allure sur notre site Web. Et tu vois le bon vieux temps, ça prend du temps. Donc, si c'est beaucoup plus facile, si vous faites le site Web pour le client, vous pouvez lui demander de vous donner vieux détails inutiles pour le site Web d'images similaires, copier. Tous sont des trucs ou vous perdrez du temps comme celui-ci pour essayer de trouver le bon style et le bon design pour votre site Web. Voyons donc, pour les graphismes, je perds celui que j' aime quand je fais défiler vers le bas. Je pense donc que je vais ressembler ça parce que nous faisons une fleur à la création. Je pense donc que c'est beau. Qu'est-ce qui est téléchargé maintenant ? Une mauvaise herbe transparente, ils ont de la place, mais téléchargez-les. Et je reviendrai ici et je veux une autre image ici. Et je vais télécharger le support. Et je vais maintenant insérer les médias. Et vous pouvez voir à quel point il est grand. Et j'irai à l'intérieur et j'aurai l'air de 35 ans. Et puis, lorsque nous allons en direct à une défense, nous pouvons aller à la position et au week-end, faire une position absolue, puis nous pourrons l' attraper et simplement la mettre. Un voisin, nous pensons que ça a l' air bien. Voyons donc voir. Si le plus vieux ressemble à quelque chose, rien. Faisons un petit bécher. Et nous avons tellement d'espaces blancs ici. Alors, quand nous allons à la finale et que nous en gagnons beaucoup, verrez-vous un moment pour ressembler à ceci. D'accord. Juste le détail, mais les faire signer mieux. Et voyons avec cette image que je voulais être comme ça. Ou peut-être que c'était comme ça. D'accord ? Et je vais le laisser comme ça et je verrai si c'est logique. Donc, pour la première section d'en-tête, nous avons notre section de bienvenue, qui avec H1. Ensuite, nous avons une brève introduction et deux atomes sont le principal appel à action et le deuxième appel à l'action ici. La prochaine chose que nous voulons faire est de mettre ici nos services. Donc, ce que nous voulons faire, c'est peut-être venir ici et aller aux services. C'est trop facile, c'est beaucoup plus facile. Une fleur. Notre travail et nous pouvons voir ce que nous avons ici, nos services et je vais insérer des ds. Nous avons donc nos services ici. Et nous devrions mettre un H2. Et ici aussi, maintenant, nous devrions changer la primaire et souhaiter revenir et le placer comme 66. Et vous pouvez voir que nous avons déjà des icônes ici, du contenu, du contenu. Et à partir d'ici, peut-être que nous pourrons. Bien, voyons si nous avons de la farine. Mais nous n'avons pas de fleurs. Si nous n'avons pas d'icônes que nous pouvons utiliser ici, peut-être que si nous recherchons de vraies icônes, nous trouverons quelque chose qui conviendra à nos services que nous fournissons. Mais pour l'instant, parce que je choisis d'utiliser la fleur pour créer, il n'est tout simplement pas raisonnable avoir de la profondeur, quelque chose comme ça. Je vais donc laisser ça comme ils sont et je m'adapterai. Disons. Et puis gagner la curation, peut-être se produire. Curation. Je ne sais pas. Et ensuite, nous avons dit une déclaration. Vous auriez ce que cela pourrait indiquer ici et ce que je veux faire ici est deux styles. Et pour l'icône, je vais choisir l' acte, agir sur la couleur et pour le contenu, je choisirai le principal, puis je choisirai le texte et je passerai également au noir. Et puis je reviendrai et je ferai la même chose pour chacun d'entre eux. Ils sont donc exactement les mêmes. Et à partir de là, comme je l'ai déjà mentionné, vous pouvez également créer vos propres icônes dans Canvas et les télécharger comme un fichier SVG si vous êtes un utilisateur professionnel de Canva et les télécharger ici. Et aussi des icônes jouaient le bec de la campagne ici dans l'hôte. Alors réfléchissez, quel genre d' œil il va utiliser pour votre design. Mais maintenant, parce que nous avons déjà cet espace blanc partout ici et ici, ce que nous voulons ajouter quelques différences, j'aimerais aller au style et choisir la couleur que nous étions en utilisant ici pour le pied de page. Mais ce que je veux faire ici, c'est revenir ici et je veux réduire la couleur et la laisser comme ça, comme ça, presque invisible. Et c'est joli. Je pense que ce cliquetis s'élève. Ce que j'aimerais faire maintenant avec cette image devient que j' aimerais l'agrandir. Mais j'aimerais réduire l'espace ici. Désolé, mais j'aimerais réduire ici l'espace en bas, et disons moins 50. Et ceci, cette image qui viendra sous ici et peut-être une centaine, 50. Et quand on le voit maintenant, c'est beau. Je pense que c'est peut-être juste 100. Et nous reviendrons à 100. Et vous pouvez jouer avec ces chiffres ici et voir à quel point c'est mieux. Et comment vous pouvez le faire et comment vous l'aimez beaucoup ou moins ici. Et je pense que c'est beau ici. Excellent. Ensuite, la prochaine chose que nous voulons faire ici est de passer à une autre section. Et cette section, il va y avoir quatre jurés. En ce moment, nous avons ici les services, nos services, et ici vous pouvez également ajouter un lien. Donc, si quelqu'un clique dessus, il ira vers les services et il pourra voir immédiatement les services de barrière. Vous pouvez également ajouter un autre bouton ici simplement pour montrer que vous disposez de vos services. Mais maintenant, je vais ajouter ici une section À propos. Et repartons ici et trouvons quelque chose qui nous ressent et apportons simplement l'air et ne perdons pas autant de temps en essayant de concevoir que j'ai le nôtre. Et ce qu'ils aimeraient faire, c'est aller avec cette section. Et je vais l'insérer et je vais télécharger une image ici. Je vais donc d'abord venir ici et choisir une image. Et je viendrai ici pour sélectionner mon image. Voyons ici, utilisons-nous celui-ci car celui-ci ne veut pas télécharger. Essayons de découvrir ici le disque. Allons d'abord changer l'image. Téléchargez celui-ci. Donc, c'est beau ici. Et ensuite, nous devons les accompagner. Nous devons mettre ici un arbre. Donc 1, 2, puis nous en avons trois, puis nous en avons ici primaire. Et nous pouvons mettre le 45 est ici. Et nous avons ici quelques textes. J'en viens juste à la couleur noire et au texte. Et il regarde maintenant la belle ou la salle de bain ici. Nous pouvons simplement utiliser bon marché à cause de cela. Je ne peux pas copier cela. C'est devant ça, mais ça n'a pas vraiment d'importance. Je vais copier celui-ci et je le collerai ici, et je supprimerai celui-ci. Et ce que je vais faire, je vais en lire plus à l'avance. Je soulèverai ça 20 à partir de la gauche. Pour ce fichier, je vais le modifier pour qu'il soit plein, comme ça. Et en survol, aller avec la couleur du texte et le blanc ne rend pas ça génial. Je pense que c'est excellent. Je voulais juste le faire , je veux simplement cliquer dessus et aller avancer. Et je retirerais cette équipe de personnes de haut niveau. Et je vais aussi le bureau banalisé et le port de Boston. Je vais supprimer ces 50, mais disons 30. heure actuelle, vous pouvez voir qu'il a la même ligne que l'image. Nous avons donc le bon espace blanc ici, nous avons de l'espace entre, et nous avons le texte ici la copie et l' arme juste là. Vous n'avez pas besoin de vous en sortir pour être juste là. Vous avez peut-être beaucoup plus de textes ou moins d'étapes. Peu importe, il suffit de jeter un coup d'œil à ces détails, donc ça a l'air bien là. Maintenant, la prochaine chose que nous voulons faire ici est peut-être de lancer un autre appel à l'action ici. Donc, ce que je veux faire, c'est revenir ici et je ne le ferai pas remarquer. Ce n'est pas un exemple de ce que je veux utiliser ici, c'est quelque chose comme ça, ce livre, je vais le changer. Je vais simplement cliquer sur Insérer. Et ce que je veux faire ici, c'est faire un coffret et un 114 pour être le même. Et puis je vais avancer parce que je vois nous avons le haut et le bas et c'est bien. Mais ce que je veux faire ici, c'est voir. Oui, nous avons la profondeur gauche 250 et la droite. Le, et je ne veux pas que ce soit en trois rangées, alors je vais saisir ça et le mettre sous ça. Notre histoire. Je vais supprimer ce texte et ceci à propos de la marque. J'écrirai quelque chose comme écrivons quelque chose qui attachera l' œil de nos clients. Disons donc que votre mariage sera bientôt bientôt. Et mettons un point d' interrogation et je retirerai cette ligne d'ici. Et celui-ci, je le laisserai sur chaque arbre. Nous n'avons pas besoin d'aller plus loin avec cela. Et ensuite, ils vont à la primaire. Et bien encore, ceci et ce texte ici, je vais juste le rendre noir. Et avec les faits que nous sommes habitués à l'utiliser. Et je vais supprimer cette colonne. Et pour cette image ici, je vais juste choisir les mêmes unités parce que je ne veux pas perdre de temps à chercher des images juste pour lui montrer comment changer l'image. Et je reviendrai aux styles et à l'intérieur. Et j'y arriverai exactement comme ça le 16. Et puis on reviendra et on mettra à nouveau la couleur et peut-être juste l'attraper d'ici parce que je veux que ce soit juste la couleur du sexe. Je ne me trompe donc pas. Et nous avons ces sections comme la couleur blanche, la couleur blanche. Et ce que je veux faire ici, c'est aller à, euh, pour être honnête, et je vais supprimer ça et peut-être juste mettre dans un PLT. Et ici, le 18 15. Et comme ça, et ce que j' aimerais faire, c'est encore une fois je mettrai la même chose à partir d'ici. Et je vais juste le coller ici. Et comme ça. Dites, d'accord, je dois le mettre ou si l'air est là. Et je pense que c'est beau. Et la prochaine chose que nous pouvons faire ici maintenant est peut-être de mettre peut-être une galerie. Cela nuit au fait que nous sommes la moitié de quelque chose que nous aurions mouillé par des décorations de mariage et quelque chose comme ça. Donc, si nous allons au portfolio, nous pouvons trouver des images que nous pouvons utiliser ici et comment structurer les données. Et peut-être que j'utiliserai ce genre de style, il en va de même pour insérer. Et ici, je vais découvrir notre travail de coloration florale. Et puis je reviendrai et je mettrai ça en noir, et cela reviendra et mettra ce x, et cela reviendra et le mettra comme primaire. Et il suffit de cliquer ici pour revenir sur la bonne position. Et là, ça n'a pas l' air bien, je le laisse comme ça. Il s'agit donc essentiellement d'une galerie. Et à partir de là, vous pouvez choisir quel genre de personne ne devrait pas être ici. Je vais donc supprimer toutes les images noires en gras et l'application dans la galerie et je le ferai simplement, je ne peux pas brancher six fois de plus. Insérez donc dans la galerie. Et un absolu. Voyons que deux autres images de la mort ont la même forme et probablement la même taille. Ou nous allons faire pour redimensionner pour qu'ils aient la même taille. Alors peut-être celui-là, et je vais le télécharger maintenant aussi petit qu'ils sont. Certains problèmes avec mon site Web ne veulent pas être téléchargés pour le moment. Peut-être celui-là. Ok, c'est Kim et je vais télécharger. Puis revenons à la galerie et à Insérer la galerie. Et c'est joli. Excellent. Laissez-moi peut-être voir si celui-ci, je vais le mettre un 114 juste pour que ce soit le même site Web. Et ici, à DMU 2, nous devrions faire appel à l'action. Je pense que ça aura l' air bien si nous mettons, dupliquons ça , attrapons et posons ça. Osez parce que j'aime la couleur et que j'utilise t quand on la met comme ça, ça a l'air beau. Mais ce que nous voulons faire, c'est peut-être changer cette image, et je vais mettre celle-ci , désolé, elle est trop petite. Je pense. Celle-ci aussi, mais c'est K. Et je vais supprimer tout le texte comme ça. Et voici quelques textes que ça va être accrocheur. Et encore une fois, voici un autre facteur qui les amènera à l'endroit que vous voulez et peut-être contactez-nous. Et je n' aime pas vraiment cette image ici. Je peux peut-être mettre le plus gros. Et encore une fois, ce terme K, c'est mieux mais j' aime bien comme ça. Cela me plaira peut-être aussi . Voyons à quoi ça ressemble. Non, non, non, non, non, non, non. Disons que ça ne se sent pas trop et encore et encore. Non. Non, je ne sais pas. Je vais mettre celui-là. Désolé, mais l'image est sur 15, donc je vais la mettre. Et une centaine, juste comme ça. Et je pense que c'est tout. Désolé, celui-ci ne devrait aller que Darla en haut. Juste comme ça. Et si nous faisons défiler vers l'arrière et que nous voyons à quoi tout cela ressemble. Nous avons donc notre titre avec une image montrant ce que nous faisons. Nous en avons plus à nous contacter. Ces deux-là sont, mais ce sont là un appel principal à l'action. Ensuite, nous montrons nos services puis le bateau, la compagnie. Encore une fois, nous racontons ce que nous faisons ici, expliquant un peu plus que les images qui montreront notre travail et nous sommes bons dans notre travail et ce que nous faisons, ce que nous faisons, ce que nous travaillons ici . Ensuite, nous avons un autre appel à action demandant au client nous contacter ou une boucle oser les détails et quoi que ce soit d'autre. Et puis nous avons le pied de page et je pense que ça s'est vraiment très bien infligé. Et maintenant que vous savez comment une page peut être structure , vous pouvez accéder à toutes les autres pages, comme à toutes les autres pages, comme propos de la galerie de son de services, et simplement aller à A propos de créer l'en-tête. Disons à propos de nous , puis découvrirons le jour ou montrez-nous plus sur vous. Parlez-moi de votre TAM, de votre entreprise. Pourquoi fais-tu ça ? Est-ce qu'un plus tard est plus à propos de toi ? Faites également le même processus avec le service dans la galerie de la même manière que la couleur que vous pouvez même ouvrir sur les deux pages et café est la section Scholars et le mettre là et ajouter simplement plus d'images. Et puis c'est bien si vous avez regardé, tirez le cerf du monde et faites la page du billet de blog. Et si vous avez des articles de blog, vous pouvez également les ajouter ici à la fin quelque part. Et vous pouvez le faire aussi. Ou s'il m'est plus facile de vous expliquer comment vous pouvez le faire. Si vous utilisez Element ou Pro, vous pouvez simplement venir ici. Extant aujourd'hui est aller à Contact et vous entendez avoir le formulaire que vous pouvez utiliser, peut-être le responsable de certains fichiers de formulaire. Je vais l'insérer maintenant pour vous montrer comment faire le formulaire de contact sur votre page de contact. Si vous ne savez déjà pas à quel point il est facile pour les gays de se faire. Il est facile de concevoir un site Web avec Elementor dans quatre jours . Et tout ce genre de choses, c'est juste que vous devez savoir dans quelle direction vous devriez aller. Vous devez disposer du bon outil pour disposer des ressources appropriées telles que des images, copies, des couleurs et des éléments les plus anciens. Et c'est beaucoup plus facile pour vous de le faire. Et à partir de là, si vous cliquez dessus, vous pouvez voir le nom, vous pouvez changer d'ici. Vous pouvez également modifier le gain de la colonne. Vous pouvez, à partir de là , modifier le bouton, puis nous avons une action après la soumission. Nous avons donc collecté les soumissions et les e-mails. Ensuite, nous avons recueilli les soumissions dans la soumission. Et je vais vous montrer où il fait ça. Et à partir de là, vous pouvez modifier votre adresse e-mail où vous souhaitez collecter pour recevoir votre adresse e-mail aux paramètres et à partir du style, vous pouvez modifier à nouveau le même style si vous n'utilisez pas Elementor Pro, fait ici, recherchez un widget. Et si vous, lorsque vous faites la forme plus soignée, vous recevrez également un code court et vous pouvez venir ici, est-ce que vous cherchez un manteau de chemise ajouté ici et collez simplement ici pour un code court qui pour moi, ne fera jamais générez cela pour vous et vous aurez le formulaire immédiatement ici. Dans Terminator, vous pouvez également modifier les couleurs, les formulaires que vous utilisez pour correspondre à la couleur de votre location. Maintenant que vous savez comment un site Web peut être structuré et comment concevoir l'ensemble du site Web. Vous pouvez faire le même processus avec vos autres pages, ainsi que fondamentaux de l'UX et de l'interface utilisateur. Allez-y et faites le reste des pages. voit dans la prochaine leçon. 11. Leçon 10 - Modèle de post de blog: Et n'oubliez pas de sauvegarder tous vos travaux avant de quitter vos pages. Donc pour que je sois clair ici, je sais probablement déjà comment vous pouvez le faire, mais simplement en cliquant sur publier ici et ajouter une condition, vous ne devriez pas l'enregistrer au singulier mais faire la une. C'est donc votre première page, ou si vous allez sur les pages, vous aurez la possibilité de choisir. Vous aurez la chance de choisir foi à rechercher, comment la maison, puis sauver et fermer. Maintenant, si nous revenons dans cette conférence, je veux vous montrer comment vous pouvez faire le billet de blog. Donc, lorsque vous faites votre flux sanguin, alors vous allez poster à NYU et nous avons déjà ce monde. Ajouter Nouveau. Et ici, vous allez avoir votre titre. Bonjour. Et ici, vous allez ajouter ou votre ancien texte. Mais si vous le faites comme ça, chaque article de blog sera par défaut comme l'équipe, comme c'est le cas. Ou si vous le souhaitez, et éditez avec Elementor, vous devez modifier séparément Chacun d'entre eux. C'est fondamentalement la même chose si vous avez des projets. Par exemple, si vous présentez différents projets et que vous utilisez des outils tels que des projets ici. Ensuite, accédez aux modèles, puis accédez à Ajouter un nouveau. Et à partir de là, sélectionnez Single Post et Dust Boot, Single Post, dites simplement, vous savez, de quoi s'agit-il ? Et créez un modèle. Et ici tout de suite, nous avons aussi des différences. Les modes d'affichage et d'utilisation d'un IDE ne seront pas utilisés par les modèles . Et cela prendra beaucoup de temps pour montrer comment vous pouvez le faire. Je vais juste choisir un modèle pour l'utiliser comme article de mon blog. Et je pense que je vais aller avec celui-là. C'est parce que je pense que cela ira avec celui-ci car il y a des images pour obtenir de l'aide. Et je pense que je vais aller avec celui-là. C'est parce qu'il contient du texte et des images. Et parce que ce site Web concerne une décoration florale, tout ce que nous allons sortir, il va probablement y avoir des images montrant, expliquant ce que nous en faisons. Et il y a aussi une barre latérale. Nous allons l'insérer. Pourtant, parce que nous n'avons que le monde du bonjour, ça n'a pas d'importance. Voici donc le post, sauf que nous n'avons pas besoin d'avoir une sorte de texte. Et nous avons le monde du bonjour. Et c'est là que se trouve le texte. Donc je vais juste mettre le texte du lien. Bonjour tout le monde. Je suis un, vous pouvez voir que c'est déjà par défaut. Et chacun, je vais coiffer et ensuite primaire. Celui-là, ici. Je vais également choisir nos actes sur la couleur. Et pour les effets de la cheville et du pied, encore une fois, sont des actes de couleur. Et je vais utiliser le correctif pour ici. Et vous, ce que vous voulez faire, c'est choisir du texte et du texte. Et vous pouvez voir ici dans la barre latérale droite, vous pouvez télécharger des images ou des codes HTML pour vos annonces. Si vous avez des textes ici, vous pouvez utiliser les réseaux sociaux. Ils peuvent poster un commentaire ici ou vous pouvez simplement supprimer. Et ils ne peuvent pas, ils ne peuvent pas commenter votre post. Et je vais plutôt supprimer cela. Et ensuite, vous avez des spores de taupes polaires si vous le souhaitez. Et vous pouvez modifier tout cela votre relation avec vos polices et couleurs par défaut. Donc certains, et ce qui est ma glace ici et avec élément ou pro, c'est que lorsque vous avez l'air de vous vanter comme ça, et que vous cliquez sur Publier, puis de nouveau, il ouvre l'onglet condition et ensuite nous passons aux conditions, pas tous au singulier, mais nous passons aux deux, puis à 0. Et lorsque nous cliquons sur Enregistrer et fermer. Maintenant, chaque fois que nous publions de nouveaux sondages, ils se ressemblent tous. Peu importe ce que nous mettons dans un texte, ce sera du texte, ce sera des images, du côté où il sera toujours le même. Le shérif sera toujours le même. Tout sera à chaque fois le même. C'est l'essentiel que c' est le mieux ici avec Elementor Pro parce que cela permet d'économiser beaucoup de temps et d'énergie et beaucoup de travail que nous fermons chaque fois que nous effectuons le même chose. Et ce sera tout pour cette sélection de prédits. Passons au prochain. 12. Leçon 11 - SEO: Maintenant que notre pH est terminé et lorsque vous avez un regard plus sacré, il s'abaisse. Permettez-moi de vous montrer à quel point il est facile de faire votre référencement pour le site Web. Nous avons donc besoin, si vous ne faisiez pas votre page d'accueil pour les pages d' accueil et que vous ne modifiiez pas avec Elementor lorsque vous cliquez sur Modifier avec Elementor, cela s'ouvrira simplement. Et si vous cliquez sur Accueil, si vous le faites comme si je le faisais, vous devrez aller à la page d'accueil . D'ici. Notre Rank Math au plugin que nous utilisons pour le référencement. ai probablement pas encore activé. Revenons et c'est un psy rencontré. Ensuite, nous devons aller à la configuration réservée. Et nous allons juste démarrer le magicien. Nous devons passer en revue tout ce blog personnel sur l' blog personnel organisation du site Web des petites entreprises. Vous devriez voir tout cela. Continuez et je vais simplement économiser et continuer. passe par toutes ces étapes et l'enregistre pour que nous puissions l'utiliser. Puis revenez au tableau de bord. Ou si vous êtes plus avancé, vous pouvez également enregistrer les modifications, modifier les paramètres et tout ce genre de choses. Et maintenant, lorsque nous actualisons la page, d' accord, donc, nous pouvons l'utiliser sur notre page. Nous devons parcourir nos pages et ensuite ouvrir avec Elementor pour pouvoir travailler avec cela. Nous ne pouvons donc pas le faire depuis l'élément D ou le modèle d' une seule page. Ensuite, le lien ici a le SEL tel que vous pouvez le voir. Et pour moi, nous pouvons modifier le titre, modifier le lien et modifier la description. Une entreprise ici, nous ne pouvons pas concentrer les mots clés et nous dira quel est le score de notre site Web. Et à partir de là, il prend de la vapeur. Il n'est pas trouvé dans la méta-description du DSU. Ensuite, nous avons du beurre à l'image avec le mot-clé focus et l'image. Donc, comment nous allons résoudre ce problème, c'est que nous cliquons sur cette image, nous venons ici et alternatons des textes, mais il est dit, disons que nous allons dire chaud et insérer des médias. Et maintenant, lorsque nous allons ici et vers notre référencement, nous pouvons le voir maintenant. Attendez, ça ne prend aucune option sur notre image, faisons avec une autre. Ecrivons ici de l'espoir. Insérez un support. OK, sauvegardons le brouillon et rafraîchissons ça. Et quand nous reviendrons, voyons maintenant, oui, nous avons 90 c' est le noyau, et en ce moment nous avons l'image comme coche que nous avons fait ce M. jours faciles, comment vous pouvez le faire. SKU de votre site Web t, Eh bien, lorsque vous faites vos propres lèvres, O of M site ou du site Web de votre client s'ils vous donnent le contenu que vous ne devriez pas attendre, oh, vous inquiétez trop à ce sujet. Mais si vous faites le contenu, réfléchissez bien à ce que vous allez y écrire car le moteur de recherche Google devrait choisir d'acheter les bons mots à montrer aux bonnes personnes. Prenez donc en compte lorsque vous effectuez le référencement et gardez à l'esprit lorsque vous écrivez le contenu de votre site Web ou de tout autre site Web. Vous pouvez le faire de la même manière pour l'article de blog, mais vous devez le faire depuis la page du billet de blog. Revenons et faisons une pause. Et lorsque vous cliquez sur Modifier, à partir d'ici, vous pouvez cliquer ici, il indique Rank Math et vous pouvez ajouter ici. Bonjour. Et il vous dira ici que vous pouvez voir ce qui ne va pas, ce qui vous manque, ce que vous changez deux pour aller mieux ou ils le sont. Maintenant que vous savez comment faire le référencement de votre site Web, passons à la leçon suivante. 13. Leçon 12 - passer à l'analyse, les cookies et les plugins cache: Bon, donc comme nous en sommes presque à la fin, donc S, nous sommes presque à la fin de ce cours. Je tiens à vous dire que les plugins nécessaires que nous devons utiliser ici sont ceux que nous téléchargeons le cookie. Notez que c'est parce que chaque site Web devrait avoir cela. conséquent, ils ont déjà ce message par défaut, vous pouvez cliquer sur OK ou modifier le mot. Vous pouvez également inclure le lien de politique de confidentialité ou passer à une autre page. Vous pouvez donner la possibilité de refuser le peigne, le contenu ne le permet pas et de l' activer et à l'exception d'une expiration d'un mois, vous pouvez choisir d'être dans l'en-tête ou le pied de page. J'utilise toujours le placement du script de pied de page. Et puis nous avons l'animation D, nous avons le bas et ensuite nous avons les couleurs ici. Je ne sais pas si j' ai encore de la couleur ici. Sans doute pas. C'est vrai. Vous pouvez modifier la couleur et la couleur du texte à partir de là. Il n'est pas important pour moi de changer cette couleur. C'est évident ce que je voulais dire. Et n'oubliez pas de cliquer sur Enregistrer dans une autre équipe que je veux passer en revue, se gicler sur elle. Ici. À partir de là, vous pouvez créer des formulaires, créer des pools et créer des forums. C'est facile. Vous pouvez accéder à Blend, pull requests, inscription, journalisation, newsletter, et nous contacter ou créer. Ou vous avez différentes options. Il est donc facile d' y aller au choix. Vous pouvez utiliser leurs modèles ou disons tourner la balise. Et vous avez déjà ici le prénom, e-mail, le téléphone et le message. Vous pouvez instituer avant d'ici, et vous pouvez voir que seule cette signature est en version pro. Vous pouvez même prendre des paiements, bandes ou des personnes, et c'est presque tout gratuit. La différence avec les autres plug-ins que nous avons mal à conduire forum. De plus, ils ont ici les soumissions que vous pouvez voir et vous les recevrez à nouveau dans votre e-mail que vous laisserez oser dans les soumissions sur une autre chose que nous avons, nous avons déjà ici, le prise claire. Si nous ne l'avons pas, nous devrions installer un plugin. Comme nous devrions installer un plugin qui le fera au travail pour nous. Pourquoi est-il nécessaire pour que nous ayons une prise claire. Parce que parfois nous effectuons des changements et que quelqu'un est peut-être présent sur notre site Web, ils veulent voir les changements. Ensuite, nous devons dégager pour attraper. Le site Web sait donc que nous avons fait quelques changements et qu'ils ont subi des changements très subtils pour le public. Et les listes que nous avons ratées ici sont les sujets que nous devons avoir. Je pense que tous les sites Web devraient les avoir. Personnellement, j'utilise Served to N6 Analytics et il est facile de les utiliser, il suffit de les installer et de les activer. Et vous devez configurer Google Analytics. Et vous allez simplement le connecter, suivre les étapes et vous pourrez connecter Google Analytics. Donc les étages sont, ce sont les quelques principales choses dont nous avons besoin pour les avoir sur notre site Web port du meilleur site Web de base. Mais si vous utilisez WooCommerce, dites que pair utilisant d'autres plug-ins, il est beaucoup plus profond à expliquer. Donc, si vous voulez voir comment WooCommerce fonctionne et ce que nous pouvons en faire. Comment créer une boutique, comment configurer le produit, expédition, livraison le plus ancien type d'arrêt. S'il vous plaît, faites-le moi savoir et j' essaierai de suivre un autre cours pour expliquer tout ce qui s'y trouve. voit dans la prochaine leçon. 14. Congratulaton: Félicitations pour la fin de ce cours. Si vous le suivez, je suis sûr que vous êtes déjà prêt à créer votre propre site Web ou même un site Web pour un client. N'arrêtez pas de pratiquer et de chercher de l'inspiration. Si vous le souhaitez, vous pouvez toujours me suivre et me suivre sur les réseaux sociaux si vous avez besoin d'aide à l'avenir. Mais aussi, ce sera bien si nous devenons amis et que nous nous y soutenions mutuellement. Merci d'avoir choisi ma formation et d' avoir hâte de connaître votre succès.