Comment créer un site Web Wordpress 2017 - Tutoriel du thème Divi

1. Bienvenue !: Bienvenue, tout le monde. Je m'appelle Darrell. Et dans ce cours, vous allez apprendre à faire un site Web WordPress incroyable et beau étape par étape. Maintenant, nous allons faire un site de style très sympa et moderne qui, vous savez, correspond aux tendances actuelles. C' est 2017 les gars. Nous devons nous assurer que nous fabriquons de beaux sites WordPress. Et même si vous êtes un débutant complet et que vous n'avez aucune expérience ou aucune connaissance du codage pour ne pas vous inquiéter, car ce thème est extrêmement facile à apprendre. Dans ce tutoriel, vous pouvez vous attendre à maîtriser WordPress. Maintenant, laissez-moi vous donner un exemple rapide de la façon dont cette page Bolar fonctionne et comment il est facile de créer un site Web. Donc j'ai cette section juste ici et disons juste que je veux aller de l'avant et traîner cela vers le bas. Disons que je veux aller ici et changer son titre. Peut-être que je veux être simple et faire défiler ici. Je voudrais peut-être changer cette section ici pour quelque chose comme le meilleur parcours de tous les temps. Je suis juste en train de plaisanter, mais oui, tu sais. Donc c'est comme ça que vous faites des sites web aujourd'hui avec le truc de divvy. Mais vous ne pouvez pas le faire à moins que vous n'utilisez pas le thème divvy parce que le thème divvy a inclus un front et un éditeur et il rend super facile maintenant pour n'importe qui ville de créer un site Web. Maintenant, dans ce tutoriel, je vais me concentrer plus sur le design et aussi sur la maîtrise de WordPress et la maîtrise de l'équipe de débat. Et pour ceux d'entre vous qui sont dans le coin depuis un moment et vous savez, vous foutez avec la télé, je vais vous en apprendre un peu plus sur le CSS personnalisé. Donc, même si vous êtes avancé, nous en parlerons un peu plus tard. Donc, si vous voulez peaufiner vos compétences, c'est le cours. Et si vous êtes un débutant complet et que vous voulez créer de beaux sites Web de style moderne , c'est le cours pour vous. Maintenant, si vous regardez mes autres cours, j'enseigne beaucoup de tutoriels Devi. J' enseigne beaucoup de WordPress et je suis un instructeur le mieux noté avec tous mes cours étant autour 4,5 étoiles ou mieux avec plus de 9000 étudiants donc vous pouvez me faire confiance que vous les gars vont faire des sites vraiment professionnels avec ce cours maintenant un peu à propos de moi. Les gars, m'appelle Darrow et j'enseigne des tutoriels WordPress sur un tas de sites différents. Mon site Web reçoit environ 30 000 pages du mois parlant essentiellement de tutoriels WordPress parce que je n'aime pas perdre de temps et j'aime vraiment faire de beaux sites Web et je suis très complet et très complet dans mes tutoriels. Maintenant, une autre chose que je tiens à souligner que vous pouvez apprendre de ce tutoriel est comment faire des mises en page pré faites. Donc c'est ici une page blanche. Maintenant, je vais juste aller de l'avant et simplement ajouter sur la page d'accueil juste comme ça. Et voilà. Maintenant, vous avez un site Web entièrement fonctionnel que vous avez créé et secondes et vous recevrez effectivement l'une de ces mises en page dans le secteur. Vous pouvez vous attendre à apprendre beaucoup dans ce tutoriel. Nous allons passer sur les mises en page pré faites sur la façon dont vous pouvez créer des sites Web et des secondes comment vous pouvez savoir pleinement, Maître Davy, et également améliorer vos compétences avec le thème Devi. Donc, si vous les gars étaient au lieu de faire un site WordPress beau et moderne et rouler mon cours. Tu sais, ça va être amusant. Je suis très minutieux, complet. On parlera de beaucoup de trucs cool, donc je vous verrai dans le cours. 2. Parlons !: Très bien, les gars, je tiens à vous remercier d'avoir suivi mon cours. Vous étiez sur le chemin de devenir de meilleurs concepteurs Web ou d'apprendre à utiliser WordPress et un thème DVD à partir de zéro. Maintenant, quand vous prenez ce tutoriel, je vous recommande de le prendre jusqu'au bout. Vous savez, Vous savez, je veux que vous compreniez parfaitement tout ce qui se passe dans ce cours. Je sais ce que la conception Web et vous savez que Wordpress peut être frustrant. Et tu es comme, Oh, c'est un peu dur. Sois juste cohérent. Et, vous savez, je fournit beaucoup de bon contenu précieux dans ce pour vraiment vous apprendre comment créer de beaux sites Web qui sont à jour et que notre moderne qui sont vraiment, vraiment sympa. Vous savez, ça avait l'air sympa pour moi parce que je ne veux pas que vous partiez, vous savez, pensant, Oh, c' était, vous savez, il y a un site Web laid, etcetera. Je veux que vous appreniez à créer des sites Web à partir de zéro et à le maîtriser avec Davey chose . Parce que l'équipe de débat est une belle technologie. Cela a changé la façon dont nous fabriquons des sites Web. Tu sais, c'est vraiment sympa. Ah thème wordpress. Et je le recommande vraiment. Et comme vous prenez ce tutoriel, les gars, je recommande fortement d'être cohérent. Tu sais, c'est très facile d'être frustré. J' y ai été. Crois-moi, j'ai jeté des tasses de café. J' ai été très frustré. Mais soyez assuré que vous prenez ce tutoriel. Je vous garantis que c'est vous qui apprendrez à utiliser WordPress. Vous allez apprendre à utiliser la divvy. Et ça va être très amusant. Les gars comme moi n'ont plus de montants de personne ennuyeuse et ils disent, Oh, tu sais, c'était aujourd'hui. On va faire un site web. Non, je suis vraiment en train de lui parler sortant, et je suis un très bon instructeur. Je suis l'un des meilleurs instructeurs ici sur vous, pour moi et tous mes cours reçoivent environ une étoile 4,5. Mieux parce que je sais de quoi je parle. Je n'aime pas perdre de temps et un très complet et complet. Ok, donc cela étant dit, les gars, bonne chance dans ce tutoriel. Je vous souhaite le meilleur. Et passons à la première conférence. Donc, je vais voir, pendant qu'il 3. Obtenir un domaine et un hébergement GRATUits: Bon, commençons. Donc, la première chose que nous devons faire est d'obtenir un domaine et d'obtenir un hébergement. Maintenant, vous recevrez un domaine gratuit et le plus grand rabais disponible hébergement TMD a à offrir. Donc ce site Web est TMB hébergement dot com donc vous pouvez visiter les sites Web et une fois que vous êtes là pour cliquer sur commencer maintenant, ce site utilise l'hébergement SST, qui est l'hébergement le plus rapide actuellement disponible. Vous recevez un SSL gratuit et une garantie de remboursement de 60 jours. Donc, il y a beaucoup à être heureux de mettre cette société et en fait vous fournira à tous le plus grand code promo disponible cette société a à offrir. Donc il y a trois plans maintenant. Je recommande un plan d'affaires car, vous savez, ils nous donnent des domaines illimités pour l'entreprise plutôt qu'un seul pour le démarreur. Donc, sous l'entreprise, je vais aller m'inscrire et je recommande aussi le professionnel Si vous voulez une limite plus performance et que vous voulez plus d'espace, le professionnel est pour vous. Donc, ici, nous allons pour vous inscrire et aller de l'avant et mettre dans votre domaine. Vous obtenez un domaine gratuit avec cette société. Donc je vais dire que j'aime Kylo Ren. Voyez si quelqu'un l'a pris. C' est moi-même. C' est mon célèbre domaine Ah, Star Wars. Je ne sais pas si quelqu'un l'a pris ou non. Je l'utilise dans tous mes tutoriels. On verra ce qui se passe. D' accord. Toujours disponible. On va garder la saga, Goan. On va garder la saga, Donc, vous serez amené à cette page juste ici et allez-y et remplissez simplement vos informations. Vous savez, votre prénom, votre nom de famille, votre adresse e-mail votre réseau social. Et je plaisante. Pas de social, mais vous connaissez votre confiance, votre code postal ville, etc. donc continue de grandir, ne cesse de grandir. Et ce que vous avez fait de remplir vos informations personnelles, vous allez mettre votre carte de crédit ici. Maintenant, vous pouvez aussi payer avec PayPal si vous le souhaitez, mais pour juste ici, vous savez, vous mettez juste la carte de crédit n'importe quoi, vous savez, ce que vous voulez faire, Tu sais, fais ton truc. Donc, une fois que vous aurez fini avec ces informations ici, vos informations de paiement, nous allons faire défiler vers le bas jusqu'à nos informations d'achat. D' accord ? Maintenant, ils choisissent le centre de données le plus proche de nous. Donc celui-ci est à Chicago juste ici. C' est le plus proche pour moi maintenant. Quelle est la période ? Nous avons donc 12 mois, 24 mois ou un mois. Maintenant, je recommande les 12 mois parce que le code promo que je vais vous donner vous fera économiser beaucoup plus si vous dépensez plus. Et aussi ici, ils ont la confidentialité du domaine. Vérifie. Alors qu'est-ce que c'est ? Cela protégera-t-il réellement vos renseignements personnels ? Si quelqu'un essaie de savoir qui est vous et essaie d'obtenir vos renseignements personnels, cela protégera. C' est bon. Donc, euh, c'est à vous de décider si vous voulez ça ou non, ces autres un peu basiques. Mais vous savez, Wordpress peut faire beaucoup de ceux-ci par lui-même, donc je ne recommanderais pas ceux-ci. Désolé ici. Décoché ceci. Maintenant, si vous entrez le code, vous à moi 6 à 6 et aller à postuler, vous recevrez un 7% de réduction sur l'ensemble de votre achat. Disons que tu veux faire les 24 mois et que tu fais le, euh, le code promo. Tu vas obtenir 7 % de rabais sur tout l'achat. Donc, plus vous dépensez, plus vous économisez parce que c'est un pourcentage de réduction, ok. Et qu'est-ce que tu as fait de toutes ces bonnes choses ici ? Nous allons aller voir que j'ai accepté par Baba, et je suis sûr que vous allez lire leurs conditions d'utilisation, non ? Et une fois que tu auras lu ça, on va aller vérifier. D' accord ? Maintenant ça va t'emmener sur ton portail, et je suis un client pour cette entreprise, et je l'utilise. Donc, je vais aller de l'avant et mettre mes informations ici et me connecter au compte. D' accord ? Tu devais aller à cette page ici. Et ils vont te demander de rejoindre le petit portail. Beta Baba. Je vais mettre peut-être plus tard. Je ne veux pas faire ça maintenant. Ok, maintenant, c'est ton espace client. Donc, voici vos soutiens. Si vous avez besoin d'aide, vous pouvez envoyer un ticket et ces gars vous recontacteront probablement cinq minutes. Ils sont extrêmement rapides. Et aussi ces air vos domaines actuels que vous avez. Ils ont toutes sortes de goodies et de trucs, mais descendons , marchons ici. Et ici, nous voulons aller au panneau R C et vous allez choisir votre compte avec lequel il s'est inscrit. Et ici, je suis un aller à se connecter déjà. Donc, il va. Ok, donc c'est nos gars voyants. Et c'est comme le nouveau panneau C. Beaucoup d'entreprises commencent à passer à cela. Ça s'appelle comme, euh, euh, des choses comme l'installateur d'application, des choses qu'ils appellent ça. Donc, toute façon, tous ces deux font est d'installer WordPress sur notre domaine. Donc je suis là, je vais faire défiler vers le bas. Continuez à faire défiler. Continuez à faire défiler jusqu'à ce qu'on arrive à WordPress. Juste ici. Donc McNichol sur un WordPress. Et c'est ce qu'on appelle le doux et délicieux Suffolk. Cool, je ne sais même pas comment le prononcer. Je ne sais toujours pas comment le prononcer. Donc, une fois que vous êtes ici, il suffit de cliquer sur installer. Maintenant, maintenant, juste ici dit choisir le protocole. Donc juste ici est votre CPP, et juste ici vous voulez sélectionner votre domaine. Alors allez-y et sélectionnez le domaine que vous avez acheté. Il ne devrait y en avoir qu'un. Je veux dire, si tu n'en as pas, ce ne serait qu'un droit. Et ici sont les indirectement. Les gars, assurez-vous qu'il n'y a rien. Je répète, assurez-vous qu'il n'y a rien là-bas. Ok, Il va arrêter votre site Web sur le thème Devi à tora dot com Dash WP et puis si vous avez une page comme Dash home donc c'est vraiment désordonné, et ce n'est pas bon, alors assurez-vous qu'il n'y a rien dans le répertoire . Juste ici sont vos noms de sites que vous pouvez donner votre côté de nom va mettre le thème de la télévision, ce tutoriel ou comment vous pouvez toujours nous changer plus tard, les gars. Donc, ne vous inquiétez pas vraiment des paramètres du site. Vous pouvez toujours le changer plus tard. Et voici votre administrateur et votre mot de passe. Alors allez-y et faites votre nom d'utilisateur ici. Et mettez également votre mot de passe, puis allez-y et mettez votre email ici aussi. Ok, maintenant la langue. Donc, vous pouvez choisir n'importe quelle langue que j'ai eu ces grands débats sur la question de savoir si le mandarin était la prononciation du chinois. Mais je suppose que le chinois est la bonne façon. Je ne pense pas que ce soit le mandarin, donc, euh, oui, je suppose que le chinois, mais de toute façon, allez-y et mettez dans votre langue que vous parlez. Donc je vais mettre l'anglais et juste ici sur un défilement vers le bas et aller installer. Bon, donc maintenant est d'installer WordPress sur notre domaine. Excitant. C' est en fait la partie difficile. C' est vraiment la partie difficile. Tout le reste est comme un gâteau. C' est vraiment, vraiment facile. Ok, donc en ce moment, il est en train d'installer WordPress sur notre domaine. Donc, nous avons juste besoin d'aller de l'avant et juste de lui donner un peu de temps pour le laisser installer. Habituellement, c'est 5 à 10 secondes. C' est probablement le plus long qu'il ait jamais pris. Ok , ça va. Très bien, donc c'est tout, les gars , on a l'hébergement. Il faut un domaine. Nous avons installé WordPress. Félicitations. Donc, juste ici sous le comte administratif, tout semble faire est de cliquer dessus et vous serez connecté à votre site WordPress. D' accord, c'est tout. Nous sommes connectés. Félicitations. Donc c'est WordPress. Les gars, c'est ça. Et juste ici, nous allons de l'avant et visiter notre site en allant ici et cliquez sur visiter le site. Et c'est notre site en ce moment, donc c'est moche, tu vois ? Mais ne vous inquiétez pas. On va faire en sorte que ça ressemble vraiment, vraiment bien. Bon, maintenant il y a des choses que je veux vous faire savoir et changer avant de continuer ce tutoriel. Donc, ici, sous nos outils. Je suis désolé. Notre apparence. Son apparence. Non, c'est des compréhensions. Réglages Duh. Tu veux aller aux liens Perma ? D' accord. Nous voulons changer les liens Perma en nom de poste ici. Donc la raison pour laquelle nous faisons cela est parce que d'habitude quand vous allez sur un site Web, il a, comme, vous savez, votre site Web dot com dash sur nous ou des services de tiret, non ? Pas 207. Yubaba. Tu sais, ce n'est pas la bonne façon. Donc vous voulez vous assurer que c'est sous le nom de poste, OK, donc je vais enregistrer les modifications. , Une autre chose que je veux vous faire savoir,c'est si vous voulez changer votre mot de passe. Donc ici, sous les utilisateurs, vous pouvez cliquer sur tous les utilisateurs, et juste ici je vais aller à l'administrateur. Et ici, vous pouvez changer votre email ici. Et vous pouvez également changer votre mot de passe. Donc, ici, vous cliquez sur générer mot de passe, mettre ce que vous voulez, puis cliquez sur le profil de mise à jour. Ok, c'est si tu veux changer ton mot de passe. D' accord. Donc je te montre juste comment le faire. Ok, donc félicitations, les gars. Tu sais, c'était probablement le truc le plus technique qu'on ait hébergé. On a un domaine. Nous installons WordPress. C' était le truc dur. Ok, donc la prochaine section, on va installer le thème de la divvy, donc je te verrai là-bas. 4. Installation du thème Divi: Bon, les gars, bienvenue. Maintenant, nous allons acheter le thème Devi, et j'ai un petit rabais pour vous. Aussi l'entrée. Www dot darrell wilson dot com. Dash, il a juste aimé ça ici ? Vous recevrez un rabais dès maintenant, je ne sais pas combien de temps cela durera peut-être un mois ou deux, mais vous recevrez 10% de réduction sur le développeur. Donc, ici, on va faire défiler vers le bas. Maintenant, vous pouvez obtenir le développeur ou la vie. Je ne recommande pas le personnel parce qu'ils ne vous donnent pas le branchement de la fleur. Et j'ai un tutoriel sur le branchement de la floraison C'est un email incroyable. Optez pour le formulaire. Il peut prendre comme des e-mails de tout ce qu'il z vraiment, vraiment bon. Donc, je recommande le développeur Alors va cliquer sur Inscrivez-vous aujourd'hui. Et ici, vous devez entrer votre nom d'utilisateur, votre mot , votre adresse e-mail etc. Et les gars, c'est en fait le thème numéro un. C' est donc le numéro un pour une raison. Il y a beaucoup d'entreprises là-bas qui disent seulement aux gens que je suis un développeur de devi. Je suis un concepteur de devi. Et il y a des tonnes d'entreprises qui vendent des enfants Lance, donc nous parlerons plus de mises en page et de tout ça un peu plus tard. Mais pour l'instant, soyez assurés, vous achetez le meilleur thème. Et vous les gars, vous avez aussi un argent de 30 jours ? Ok, donc ça dit, je n'ai pas tenu compte de ces gars. Je vais aller de l'avant et me connecter à l'année, et il y a mon compte, et j'ai un accès à vie. Tu n'es pas un de ces gars qui étaient assis là à dire : «  Oh, Oh, bye bye bye. Et ils ne l'ont même pas. Tu sais, j'ai toute la vie. J' ai payé 20 dollars, et c'est un produit incroyable, et tu as un soutien total avec ce gars. Donc tu as déjà eu un problème avec ce branchement ? Je suis désolé. Avec ce thème, ils vous aideront. Donc, sous le forum de soutien thématique juste ici, allez juste sur divvy juste ici. Et ces gars généraux répondent dans quelques heures. Donc, chaque fois que j'ai une question sur votre site Web ou que vous avez un problème ou codage de l'air, ces gars vont le réparer pour vous. Ok, donc au moins vous avez une entreprise qui a votre sac. Tu sais, tu n'es pas, genre, complètement dans le noir, tu sais ? Donc ici, je vais aller de l'avant et faire défiler vers le bas et juste ici sous les téléchargements de thème. Tu veux sélectionner Debbie ? C' est le numéro un ici. Et cliquez sur télécharger et allez au paquet thème. Bon, donc vous pouvez voir ici en bas à gauche de mon écran. Devi est en train de télécharger, et il a téléchargé. Alors revenons à notre site WordPress ici et maintenant nous allons installer un thème. Donc ici, nous allons au tableau de bord, et je vais expliquer un peu les thèmes en ce moment. Donc, ici, nous allons à l'apparence et allons aux thèmes. Donc, comment fonctionne WordPress est fondamentalement que vous choisissez un thème, et les thèmes sont un peu comme la structure, comme le pain et le beurre de votre site Web. Il détermine à quoi il ressemble maintenant. Beaucoup de ces thèmes gratuits sont vous savez, ils vont bien, mais ils sont extrêmement limités. Et, je veux dire, ils ne sont pas aussi bons que Vivi. Je veux dire, c'est le meilleur. Nous voulons donc utiliser le meilleur. Ok, donc juste ici sur le thème de téléchargement. Cliquez sur le thème de téléchargement et choisissez le fichier. Ok, maintenant, sous mes téléchargements juste ici. Je suis un aller chercher un divvy. Ok, alors a-t-il cliqué sur Ouvrir et cliquez sur Installer maintenant ? Donc maintenant, nous installons le thème divvy et parce que j'ai utilisé des tonnes de thèmes. J' ai utilisé des thèmes, Sermon Votto de thèmes utilisés à partir de thèmes gratuits de thèmes Tesla. Et le thème DB était de loin le meilleur. Et c'est la société à thème Onley avec d'autres entreprises qui créent des mises en page pour elle. Il est donc extrêmement populaire et la communauté est énorme. Il y a des tonnes et des tonnes de groupes qui soutiennent uniquement la divvy. Donc, vous savez, après ce tutoriel, faites comme une recherche rapide sur Google. Vous savez, comme les thèmes d'enfants Devi, ou donnez à votre divvy des mises en page gratuites. Vous savez, en fait, sur mon site, les gars, je donne des plans pour Davey. Donc, nous allons parler un peu plus sur les mises en page pré faites ici. Mais pour les mises en page de divvy, vous allez voir qui vendent réellement des pré faits. Et les gars, c'est si simple. Vous venez de télécharger sur votre site Web et votre site est complètement terminé. et en avoir des libres ici. Donc, ce sont toutes des mises en page gratuites, et aucun autre thème n'offre ce gars. Donc, c'est fondamentalement, comme un site Web de clic d'une page. Vous savez, vous cliquez sur un bouton et un site Web juste courage pour vous, comme en un seul clic. C' est assez incroyable. Donc, ce sont des mises en page pré faites. Donc on en parlera un peu plus tard, accord ? Mais je veux vous apprendre à utiliser le thème d'abord avant d'y entrer. Parce que, vous savez, je ne veux pas parler de mises en page pré parce que c'est, vous savez, je veux que vous appreniez à utiliser la facture de page. Leur premier. Ok, donc en ce moment mon thème est en train de se charger, et ça prend du temps, les gars. Donc maintenant, il est dit que l'équipe a téléchargé, Donc tout ce qu'ils ont à faire est de cliquer sur activer. Ok, donc et si vous êtes comme ça, genre , bizarre, comme des erreurs d'en-tête parfois, comme, ici, juste, vous savez, Il suffit de l'ignorer. Ça va disparaître. OK, alors maintenant allons de l'avant et allons sur notre site et aller visiter les sites. Bon, donc vous pouvez voir que notre site a l'air un peu étrange. Ça a l'air bizarre, tu sais, ça n'a pas l'air si bon, mais pas de t'inquiéter. Les gars, on va faire en sorte que ça paraisse incroyable. Ok, donc la prochaine partie, on va faire quelques pages et on va faire d'autres trucs amusants, donc je te verrai à la prochaine conférence. 5. Créer des pages: Bon, les gars, bienvenue. Alors maintenant, nous allons faire quelques pages, et nous allons aussi créer notre menu. Donc d'abord, ici nous allons à plus nouveau et aller à Page et les gars partout faire en ce moment est juste créer des pages comme la page d'accueil, la page à propos de nous, la page des services. Droit. Donc ici, je vais cliquer sur ou rentrer chez moi. Donc c'est notre page d'accueil juste ici. D' accord. Et allez publier. Allons de l'avant et allons ajouter de nouveaux. Maintenant, nous allons faire et aujourd'hui aller à publier. D' accord. Et ici va aller ajouter un nouveau aller à la publication des services, et puis nous ferons le dernier, qui est le contact avec nous et aller à publier. Ok, donc maintenant par ici, sous l'apparence, on veut descendre aux menus. Et ne vous inquiétez pas, les gars. Nous couvrirons la majorité de toutes ces options ici. Ils sont vraiment ils ne sont même pas facile. Juste juste d'accord s Donc nous allons apparaître et aller aux menus, donc nous devons donner un nom à notre menu. Faisons quand vous beaucoup un. Il va que beaucoup ont gagné t je fais menu un pour tous mes éditoriaux, les gars. Donc c'est assez commun. Donc ici, on vous a tous, ici, on a la maison, un contact, mais on veut s'assurer que c'est la bonne maison. Les gars, cette maison ici est en fait un lien personnalisé, et ça ne marchera pas. Donc, nous voulons nous assurer que c'est celui-ci juste ici, la page qui a recréé. C' est pour ça que je l'ai fait sur toutes les casquettes. Ok, donc les services à domicile communiquent à propos de nous et veulent en faire un menu principal. Et ici, nous allons ajouter au menu juste ici. D' accord. Donc maintenant, vous pouvez en quelque sorte les réorganiser. Tu peux glisser et déposer, tu sais, quelque chose comme ça. Et disons que vous voulez menu déroulant. Vous savez où vous avez comme, si vous passez la souris sur une option, cela en amène une autre. Vous pouvez simplement prendre ceci et juste le mettre en dessous. Donc, si je survole le à propos de nous, le contact nous sera une goutte ce menu. D' accord. Mais je ne veux pas faire ça maintenant, donc nous avons la maison pour les services, Andy Contact. Maintenant, je pense que nous avons aussi besoin de notre équipe, mais, euh, je pense que nous avons aussi besoin de notre équipe. Donc on va sauver ça, d' accord ? On dirait qu'il est resté là. Ok, donc nous avons la maison sur les services et contactez-nous maintenant un deuxième moyen. Les gars, faire des pages, c'est aller aux pages et aller ajouter de nouveaux. Donc je vais faire notre équipe et aller publier. Ok, donc on a créé une autre page. Cependant, maintenant nous devons l'ajouter au menu. Donc les menus d'apparence. Et maintenant, vous pouvez voir sur la vue toute la section, nous avons notre équipe juste ici. Tu vois ça ? Donc je clique dessus et je vais ajouter au menu, ok ? Et je vais le traîner jusqu'à où je veux qu'on ait la maison sur nos services d'équipe et qu'on nous contacte. Et je suis un enregistrer le menu. Ok, maintenant, allons-y et allons visiter le site. Donc, nous avons la maison, le à propos Ils sont des services d'équipe et de contact. Cependant, cette page n'est pas la page d'accueil réelle que nous avons créée. Si je clique sur ce droit ici. Vous allez voir que le permanent est différent. C' est Dash home. Donc nous devons réparer ça. Donc ici, je vais vous présenter le personnalisateur de thème. Donc, aller à cette section et aller à la personnalisation de thème. Et ne soyez pas submergé. Les gars avec un client de thème pensent personnalisateur je l'utilise à peine. Je l'utilise rarement parce que le constructeur Devi fait essentiellement toutes ces options et j'utilise rarement le personnalisateur de chose. Mais plus tard, je vais toujours parler de son Mais donc il n'y a fondamentalement aucune raison réelle pour utiliser un personnalisateur de thème, sauf pour changer votre menu. C' est tout, vous savez, mais nous parlerons de la personnalisation du menu un peu plus tard une fois que nous aurons créé certains sur notre site Web. Donc juste ici sous la page d'accueil statique, vous pouvez cliquer ici et juste ici nous allons mettre une page d'accueil statique maintenant la page accueil que nous voulons sélectionner comme notre maison, notre maison. D' accord. Et la page de courrier est pour votre blawg. Mais nous parlerons du blawg un peu plus tard. Ok, alors nous allons sauver et publier et les gars, assurez-vous de suivre l'étape, s'il vous plaît. Parce que cela fera effectivement apparaître le constructeur visuel et le plus grand. Je suppose que vous pouvez dire une erreur commune que je vois, c'est que les gens ne font pas ça. Et par conséquent, ils n'ont plus cette section ici. Parce que le générateur visuel n'apparaîtra que sur les pages. Il n'apparaîtra pas sur les liens personnalisés. Ok, donc c'est tout. Les gars, félicitations. Et tu sais, on a fait quelques pages. Des trucs assez simples, non ? Pas trop dur. Pas trop fou. Faire un site web est gâteau maintenant. Donc, la section suivante, nous allons concevoir notre site Web. Je te verrai là-bas. 6. Créer une page d'accueil: D' accord, les gars. Alors allons-y et commençons. La première chose que nous allons faire afin de créer notre page est que nous allons cliquer sur activer le constructeur visuel et les gars, Ceci est un front et éditeur juste ici. Donc, en gros, on peut voir tout ce qu'on fait ici. Ok, donc je veux essentiellement créer cette grande et belle page d'atterrissage que j'avais. Donc, je vais aller juste ici sur ce signe plus et je vais aller au complet parce que nous créons 1/4 section et je vais vous présenter le plein avec le module curseur. Très bien, si plein avec curseur. Ok, maintenant, allons de l'avant et ajoutons une diapositive. Donc, ici, Cliquez sur, ajouter un nouvel élément. Et juste ici, sur le coup, il a l'air d'aller bien ? Et maintenant, mais dans le texte. Qu' est-ce que tu veux que le bouton dise ? Eh bien, je vais mettre un peu en apprendre plus. Ok, maintenant, c'est votre budget. Neural. Où veux-tu qu'ils aillent ? Quelle page ? Tu veux qu'ils s'en aille ? Tu pourras le comprendre plus tard. Mais par exemple, disons que vous voulez qu'il aille à www dot Darrell wilson dot com. Donc, s'ils cliquent sur le bouton, ils seront emmenés à Darrell wilson dot com. Maintenant, allons de l'avant et appliquons une image d'arrière-plan. Maintenant, il y a une boîte de dépôt sur la session avant ça, et il y a un tas de photos pour que vous puissiez les utiliser pour suivre. Donc j'entends ce clic sur certains fichiers, et je vais simplement télécharger toutes ces photos que j'ai tellement ici. Images pour le tutoriel. Ce sont toutes les photos que j'ai, et elles sont dans la boîte de dépôt pour que vous puissiez les utiliser pour suivre. Et j'ai obtenu ces images de unspool ash dot com, qui est un site Web où vous obtenez des images gratuites et c'est vraiment, vraiment utile. En fait, je vais aller sur le site pour vous montrer que c'est un site incroyable. C' est vraiment le cas. Donc je veux dire, même la NASA télécharger des trucs sur ce site, et ils ont juste de très belles images que vous pouvez utiliser. Vous savez, ils ont des idées de page de destination vraiment cool, et c'est juste un très bon site. Donc ah, oui, visite sur éclaboussé toutes les nouvelles images complètes. Donc mes images sont actuellement en téléchargement, donc je vais en fait mettre la vidéo en pause jusqu'à ce qu'elles soient terminées. En fait, en fait, ils téléchargent rapidement. Ouais, je vais y aller et attendre, donc d'accord, je vais aller de l'avant et peser très vite. Je pense que ceux-ci vont télécharger assez rapidement. Et lequel va-t-on utiliser ? On l'a utilisé ici. Ok, donc tout ça est en train de télécharger. C' est assez rapide, les gars. Je veux dire, ce serveur qui héberge la société est plutôt bon. Donc, ce sont en fait vraiment de grandes images juste ici. Ok, donc ils ont tous téléchargé. Maintenant, je vais cliquer sur celui-ci juste ici, et cliquer sur télécharger une image. Maintenant, cette taille, cette image, les gars, est 16 55 sur 8 80 Mais, bien sûr, vous pouvez utiliser n'importe quelle taille que vous voulez, alors nous allons télécharger, et voilà. Maintenant, nous avons cette section blanche ici avec un rapide Voir cette section blanche ici. Maintenant, je vais vraiment me débarrasser de ça, donc je vais cliquer sur ce vert, ce qui est comme, vérifier enregistrer les changements et vérifier à nouveau. Maintenant , sous cette section bleue. Je vais fermer ça ici. On n'a pas besoin de ça maintenant. On a juste cette section ici. D' accord ? Maintenant, allons de l'avant et concevons ça. Faisons en sorte que ça ait l'air vraiment cool. Donc juste ici sous l'icône d'engrenage. C' est ainsi que vous modifiez les paramètres. Donc, je clique sur l'icône d'engrenage et ici c'est la diapositive actuelle avec laquelle nous travaillons. Nous avons donc l'équipe de débat. Nous avons appris plus ici et nos fesses dans votre l. Alors ils cliquent dessus. Il les mènera à cette section et à notre image de fond. Maintenant, pour la taille de l'image, je veux aller de l'avant et partir. C' est l'image standard de la diapositive. Je ne vais pas ajouter une image de diapositive, mais fondamentalement, cela va mettre une autre image juste ici. Donc juste pour le seul but est que je vais aller de l'avant et te montrer très vite. Voyons si j'ai un fichier PNG. Ce ne sont pas PNG, donc Oh, c' est donc Vous voyez l'image juste là maintenant, les gars, ce n'est pas un bon exemple, parce qu'il fait sombre. C' est plus pour un fond blanc, vous savez, savez, mais c'est un exemple de la façon dont vous pouvez avoir une autre image ici. D' accord. Mais je vais l'enlever maintenant. En outre, nous pouvons ajouter une image. Je suis désolé. Superposition d'arrière-plan. Donc, en cliquant sur ceci, nous pouvons en quelque sorte ajouter dans une certaine couleur à cette fonctionnalité. Donc ici, je peux mettre comme un bleu. Et puis il y a deux bars juste ici. Cette barre de gauche contrôle la force de la couleur de ce mal. La droite contrôle la chance, parent, voir de la couleur. Vous voyez comment je réduit la transparence. Vous pouvez commencer à voir l'arrière-plan juste ici. Donc, c'est fondamentalement avec cela est quatre. Mais je vais probablement aller de l'avant et laisser ce vide. Mais c'est essentiellement ce qui nous a mis en vedette. D' accord, donc la couleur du texte ne vous inquiétez pas trop de la couleur du texte. Les gars, on peut changer ça dans les paramètres de conception. Maintenant, si vous voulez un curseur vidéo, vous pouvez aller de l'avant et cliquer sur télécharger juste ici et télécharger ce curseur vidéo. Maintenant, un bon site Web pour obtenir des diapositives vidéo est enchères evo dot nets et vous pouvez télécharger des vidéos gratuites. Ils l'ont fait, et ils en ont en fait des payants, mais ils ont des vidéos gratuites que vous pouvez télécharger et une sorte de désordre avec. Donc, comme par exemple, la nature, la nature est toujours bonne, vous savez ? Donc, beaucoup d'entre eux sont des vidéos que vous pouvez ajouter à vos sites Web. Maintenant, il y en a certains qui sont payés, et il y en a qui sont gratuits. Alors assurez-vous de vérifier cela. Ce n'est qu'une autre ressource. Ok, donc en retournant ici, je vais y aller et mettre du texan ici. Je vais mettre quelque chose comme, hum, conseil, tutoriel de presse, et ensuite je vais mettre comme un espace, et je vais mettre quelque chose comme, euh, tu sais, Je vais sur mon site secret, mon site secret, texte factice. C' est mon site web préféré, donc je prends juste, vous savez, taxe factice juste pour remplir l'espace pour que ça paraisse bien, vous savez ? Donc nous allons utiliser un peu de ce texte factice ici, et je vais aller de l'avant et juste prendre quelques trucs ici et copier ceci et juste aller avant et le placer là dedans. Bon, donc voilà. Vous voyez que vous avez le texte factice là-dedans. Maintenant, je dis que je veux rendre ça un peu plus espacé. Tu sais, quelque chose d'un peu. Ouais, c'est juste un peu l'espace dehors. Et peut-être que je veux centrer ça ici. Nous allons aller de l'avant et envoyer tout cela, mais par défaut, c'est déjà centré, donc nous n'avons pas vraiment besoin de le faire. Mais c'est juste comme ça que vous devinez dans le texte central à l'avenir, que vous utilisiez un module de texte ou autre chose. Mais on y arrivera un peu plus tard. D' accord, donc on a tout ici et on dirait qu'on est prêts à partir. Mais disons que vous voulez aller de l'avant et changer comme la couleur et les troupes étrangères Webb voit. Disons que vous voulez changer comme la police, la couleur et toutes ces bonnes choses. Donc, ici, dans le design, on peut changer tout ça. D' accord, donc les polices d'en-tête. Alors rappelez-vous, l'en-tête s'applique à cette section ici. Groupes thème divvy. Donc le thème Davey juste ici. Elle s'applique à la présente section. Donc je vais changer ça pour un chemin de fer qui est l'un de mes téléphones préférés, accord. Et maintenant, nous avons ces autres options ici que nous pouvons faire comme, vous savez, très grandes et audacieuses, et peut-être même le rendre un peu plus grand. Quelqu' un a mis quelque chose comme, Ah, 80 en fait. Peut-être plus grand que ça. Maintenant, il est bon. La nuit est bonne, d'accord ? Et aussi, nous pouvons changer la couleur de l'en-tête. Donc ici, je peux changer la couleur du texte de ceci. Oui. Lecture contingente ou autre. D' accord. Et vous savez, les gars un gros pourboire en ce moment. Une fois que vous avez appris à utiliser les paramètres de conception comme cette section ici, c'est comme ça pour tous les modules. Et pendant que nous allons sur ce tutoriel, vous allez voir que c'est super facile et c'est comme si c'était répétitif. À un moment donné, tu vas être comme, OK, je sais comment faire ça. Comme ZZ. Donc, la couleur du texte d'en-tête. J' aime ça. C' est bon. Maintenant, l'espacement des lettres d'en-tête. Donc, ici, vous pouvez déterminer l'espacement que vous voulez. Vous savez ce que j'ai vu des sites de photographie qui font ça beaucoup où ils ont, comme, vous savez, comme ce style ici et ça dit comme la photographie. Tu sais, un mot qui aurait l'air bien, non ? Alors je vais y aller. Et en fait, c'était le mauvais. Ok, donc l'espacement des lettres d'en-tête juste là. Et aussi la hauteur de la ligne d'en-tête afin que nous puissions changer la hauteur de la ligne aussi bien. Mais vous voudrez peut-être laisser quelque chose que vous savez, quelque chose par défaut, je pense, était 1.111 un M. mais nous pouvons changer quelque chose comme, euh, vous savez, un point quelque chose. Ok, regarde 1.8. Ok, maintenant le fonds du corps. Donc, cette section s'applique à ce genre de choses ici. Donc ici, je vais faire quelque chose comme, hum, qu'est-ce qui est bon ? le faire. Lumière de la chaussée. Ok, on est loin de la lumière. Tu sais, je n'aime pas cet espacement des lettres. Ça a l'air moche. Oui, on y va. Je suis un peu perfectionniste, alors on veut qu'on y aille. D' accord. Alors, revenez au téléphone du corps, les gars. Donc, ici est la couleur du corps du texte. Disons juste que tu veux l'avoir comme des changements blancs pour les blancs. Ou on peut avoir des couleurs différentes. Cetera juste là. D' accord. Donc maintenant, c'est la même chose à ce stade. Donc, plus l'espacement des lettres du corps est mauvais. Donc la même chose que nous avons fait pour l'en-tête est la même chose que nous allons faire ici. Donc, par exemple, je voudrais juste vous montrer l'espacement des lettres du corps. Vous voyez comment il est de plus en plus espacé afin que vous puissiez aller de l'avant et, vous savez, faire ces réglages aussi maintenant aussi la hauteur de la ligne de corps. Alors, combien de hauteur voulez-vous entre ces deux ? Donc c'est ici qui contrôle la ligne. HaiF Ok, donc c'est essentiellement un résumé rapide de la façon de créer cette page de destination vraiment cool. Maintenant, je veux peut-être changer ça comme, audacieux, tu sais, comme ça. Je pense que c'est un peu mieux, non ? Aucune chose que nous manquons ici, qui rend cette page peu ennuyeux est la couleur que nous voulons aller de l'avant et ajouter et peut-être une couleur vraiment cool à ce bouton juste ici. Ok, donc juste ici sous coutume usagée vend pour bouton. Je vais cliquer sur ce maintenant cette section va nous permettre de décorer Sont notre bouton ici et les gars, ces paramètres sont très explicatifs et très basiques. Ok, donc la taille du texte du bouton. Alors, quelle taille veux-tu le texte ? Juste ici. A l'intérieur du bouton. Donc peut-être quelque chose comme ... 7. Créer des contours d'intérieur.: tu sais, on en fera 25. Maintenant, la couleur du texte du bouton. Je veux demander aux Blancs. D' accord, mais tu peux nous changer. Un bluey change à, tu sais, ce que tu veux, etcetera. Mais pour ici, je vais changer la couleur de fond du bouton, mais en couleur de fond. Faisons ce bleu. Ok, donc la couleur de fond du bouton est bleue et la couleur du texte. Je veux qu'il soit blanc comme ça. Ok, maintenant, je dois descendre maintenant. Mais à la frontière avec, tu sais, je n'utiliserais que son option. Je ne sais pas. Je veux dire, il y a probablement une raison à ça. C' est juste moche, mais, mais, hé, vous savez, c'est une option supplémentaire système qu'ils vous donnent les gars pour que vous puissiez jouer avec la bordure avec maintenant la couleur de la bordure du bouton. Donc ici, je pouvais décider. Peut-être que je ne veux pas d'une bordure blanche. Je veux, genre, un rouge, voir comment il est lu maintenant ou noir ou etcetera ou, vous savez, vous pouvez juste avoir aucune frontière. Ok, donc moi comme ça. Ok, donc je vois comment je n'ai pas de frontière. C' est juste bleu. C' est ça. Donc je ne peux pas ça aussi maintenant, non ? ici sous les mégots dans le rayon de la frontière. Voyez ce que cela fait, c'est qu'il fait circuler pour voir comment maintenant il devient plus circulaire. Désolé. Ici, on peut aller de l'avant et, tu sais, changer ça. Et plus vous le faites, plus il devient circulaire. Ok, donc c'est un rapide bilan. Maintenant, aussi la police. Alors, quelles polices vous voulez à l'intérieur d'ici ? Eh bien, je veux le chemin de fer. Pas de mecs. Lorsque vous créez des sites Web, je vous recommande fortement de vous en tenir à peut-être 1 à 2 polices pour l'ensemble de votre site Web. Je vous le dis, si vous avez des polices différentes , votre site a l'air collant. Et les gens vont penser que ce n'est pas professionnel. Ils vont penser ça. J' ai l'air bizarre. Je n'aime pas ça. Et à l'œil humain. Tu sais, s'ils n'aiment pas ce que ça a l'air, ils n'achèteront pas tes services. C' est vraiment vrai. S' ils n'aiment pas la façon dont il a l'air, peu importe si vous revendez des iPhones gratuits. Ils ne vont pas l'acheter parce que, tu sais, c'est comme ça que fonctionne le cerveau humain. Malheureusement. Ok, alors je vais par ici. Maintenant, vous voyez, pourquoi ai-je plané dessus. Il y a une petite icône. Peut-être que je veux autre chose. Tu sais ? Je veux, genre, une petite flèche vers le haut. Tu vois ça plus ? Je veux quelque chose comme un, euh, un cœur aussi aigu que dur. D' accord. Tu sais, maintenant on a le cœur. D' accord. Défilant ici maintenant les mégots Une couleur d'icône. Donc, ce bouton ici, nous pouvons avoir une couleur spécifique si vous le vouliez. Violet. Ok, donc si je survole, tu vois, maintenant le bouton est violet, mais c'est vraiment moche. Et on ne va pas faire ça. Oui, c' est que le blanc a l'air bien. Ok, maintenant les fesses et le placement des icônes, vous pouvez l'avoir à gauche, ou vous pouvez l'avoir à droite. Ok, donc juste là. Vous voyez, c'est maintenant à gauche, ou on peut le changer à droite. Juste ici. Ok, maintenant, c'est pour passer le vol stationnaire. Donc disons que quelqu'un passe en vol stationnaire. Ouvre ce bouton avec votre souris, OK ? Ils planent dessus. Quelle couleur de texte voulez-vous ? Changeons ça en noir. D' accord ? Et s'ils survolent maintenant, le texte devient noir. Maintenant, quelle couleur de fond voulez-vous ? Si quelqu'un survole. Laissons juste que vous lisiez Castle sur ça. Maintenant, vous voyez, le texte est noir et l'arrière-plan est rouge. OK, maintenant la couleur de la bordure. Vous pouvez même changer la couleur de la bordure si quelqu'un survole dessus. Et je l'ai pris, donc je ne peux pas le laisser un peu cohérent. Tu sais, je ne veux pas que les orteils enlèvent trop ça. Tu sais, je ne veux pas ajouter que ce serait trop, trop de couleur, trop collant. Et ici, vous pouvez changer l'espacement des lettres. Vous pouvez faire le bouton, vous savez, le vol stationnaire mais le rayon. Donc, si je survole, vous voyez maintenant comment ça se passe maintenant, la raison pour laquelle ça ressemble à ça est parce que j'ai fait l'espacement entre les lettres Très gros huit pixels. Donc ça va paraître plus grand comme ça. Et s'il veut réduire cela au début, suffit de cliquer sur actualiser et c'est de retour au début. OK, maintenant le rayon de la bordure du vol stationnaire, vous pourriez vouloir augmenter cela. Donc, si je survole, c'est toujours un cercle. Tu vois ça ? Donc maintenant ça a l'air plutôt bien, non ? donc c'est à peu près tout pour cette petite section. Juste ici, les gars. Je sais que ce n'était pas beaucoup, mais ne vous inquiétez pas. Je sais que ce n'était pas beaucoup, Tu sais, fur et à mesure que nous continuons, tu vas te familiariser avec tous les différents modules comment ça marche. C' était juste la page de destination. Et, les gars, la page d'accueil est la partie la plus importante de votre site Web. C' est vraiment parce que cela donne essentiellement au client cinq secondes pour déterminer s'il va rester sur votre site Web ou non. Donc, vous voulez vraiment vous assurer qu'il a l'air vraiment bon et vraiment professionnel. Ok, donc on a une diapositive. Maintenant, disons que vous voulez ajouter une autre diapositive, mais peut-être que vous voulez simplement dupliquer une diapositive. Donc nous avons déjà fait tout le dur labeur. Tu sais pourquoi le malheur ici, sous ces deux petites boîtes, je vais cliquer dessus. Ok, maintenant, ce que ça a fait, c'est que je viens de dupliquer toute la section. Donc juste ici, dans ces deux petites flèches juste ici. Si je clique dessus, c' est la nouvelle diapositive. Donc, au lieu de refaire tout le travail dur, vous pouvez peut-être changer la photo dans le titre. Donc, juste ici, Bien que vous de rencontrer tutoriel. Non, tu feras quelque chose comme, euh, je ne sais pas. maison de Patty. C' est mon chien. maison de Patty. Et puis juste ici fera défiler vers le bas, et nous allons juste changer l'image de fond pour quelque chose comme ça, euh, quelque chose comme ça. Ok, donc maintenant nous avons deux diapositives différentes, et nous avons gardé la plupart du réglage, donc c'est très similaire. Et il y a d'autres options sur cette section ici, comme le clic arable sur ce petit vert. Donc ici, nous avons les deux diapositives. Ok, donc on a une diapositive et deux diapositives. Maintenant. Tu veux qu'on montre les flèches ? Vous voyez, j'ai la flèche sur le côté gauche juste ici, juste ici. Je peux dire, tu sais, montrer les flèches ou les cacher. Maintenant, voulez-vous montrer les contrôles ou cacher les contrôles comme ces petits points juste ici, bas pour que je puisse choisir de le montrer ou de le cacher maintenant ? Animation automatique. Tu veux que ça soit automatique ? Donc, si vous voulez que cela soit automatique, combien de secondes entre les deux. Voulez-vous que chaque diapositive passe ? Donc juste ici, je vais dire toutes les trois secondes, ce qui est M s millisecondes. Donc toutes les trois secondes, je veux que ce soit une nouvelle diapositive automatique. Je ne veux pas que le client touche à quoi que ce soit. Je ne pense pas faire quoi que ce soit. Je voulais automatique. Donc maintenant j'ai mis 3000. D' accord ? Et voilà. Ça commence à changer. C' est un peu lent, mais c'est seulement parce que nous sommes dans l'éditeur. Les gars, une fois que vous la fermez, ça prendra trois secondes. D' accord. Maintenant pour les effets de parallaxe. Je ne recommande pas l'effet de parallaxe pour les diapositives, mais nous parlerons plus de l'effet de parallaxe un peu plus tard. Et l'ombre intérieure, nous ne l'avons pas dans son ombre. C' est si vous avez une diapositive plus petite. Il y a comme peu commeune boîte, mais on n'a pas vraiment ça et la position de l'image. Donc, si vous voulez vous concentrer sur une partie spécifique de l'image ici, vous l'utiliseriez. Mais généralement, j'utiliserais la valeur par défaut que je n'ai pas vraiment utilisée. Je n'ai pas trouvé de raison d'utiliser autant. Parce que lorsque vous créez une image, vous la créez comme ceci, Vous savez, pour l'arrière-plan, ne créez pas une image à dire après l'avoir créée. Je veux me concentrer sur ce petit partenaire ici. connais Je neconnaispersonne qui utilise ça. Et aussi, vous pouvez désactiver cela sur la tablette du téléphone ou sur le bureau, et nous en parlerons un peu plus tard. Commencez à personnaliser l'optimisation mobile. Ok, donc je vais cliquer sur le chèque et c'est tout. Les gars, on vient de créer une belle page de doublure. C' est simple. C' est facile, ça a l'air bien. Et, vous savez, en fonction de vos photos ou de ce que vous voulez, vous pouvez, vous savez, changer en fonction de vos besoins. Vous pouvez ajouter une superposition que vous pouvez ajouter dans toutes sortes de choses. Les gars. Le thème divvy est illimité. Peu importe ce que vous pensez, vous pouvez le créer. Ok, donc c'est tout pour cette section. Les gars, allons-y et passons à la section suivante. Je verrai là 8. Créer des boucles: Bon, les gars, bienvenue. Dans cette prochaine section, nous allons ajouter des blurbs et des boutons. Donc c'est le site de test sur lequel nous travaillions, et nous allons ajouter dans cette section juste ici. Donc on va ajouter ces trois colonnes avec ces trois boutons juste ici. Ok, donc ça va par ici, et j'ai activé le constructeur visuel. Toujours. Donc, juste ici sous cette icône plus, cliquez sur plus et cliquez sur une section régulière. Maintenant, je veux une ligne de trois colonnes parce que nous avons trois colonnes juste ici. Donc +12 et trois. Maintenant, je vais en fait ajouter dans la section blurb juste ici. Donc ce que je veux que ça dise. Eh bien, je vais juste aller de l'avant et copier ce bon générateur de pages de couches. J' ai mis quelque chose comme un bon constructeur de pages de couches et une fille pour votre propre. On ne va rien mettre. Utilisez une icône. Bien sûr, pourquoi pas ? Donc la couleur de l'icône que je veux est blanche. Et la raison pour laquelle je voulais que c'est parce qu'on va ajouter une couleur en arrière-plan. Je vais mettre des blancs et ajouter une icône ici. Alors je vais me mettre voir, lequel devrions-nous adhérer ? C' est le nuage ? Ok, donc hors du nuage. Donc je vais cliquer sur Je ne vais pas cliquer dessus économiquement. Continuez à descendre et juste ici sous les emplacements de l'icône de l'image que je veux en haut. Et peut-être que je devrais changer la couleur juste pour vous montrer à quoi ça ressemble. Ok, donc il y a l'image juste là maintenant, juste ici sous le placement de l'icône de l'image. Vous pouvez l'avoir à gauche, ou vous pouvez l'avoir en haut à droite là. Ok, maintenant la couleur du texte. Je vais laisser aller de l'avant. Laisse ce vide. , Tu sais, on peut toujours changer ça plus tard, en fait. Ouais, partez. Il laisse des clignotants, et juste ici. Je vais aller de l'avant et tourner quelques messages. OK, donc je vais à nouveau sur mon célèbre site, prises factices, et j' y vais et je mets un texte factice. D' accord ? Accélérez ça par flottante. Et voilà. Donc, nous avons du texte juste là. Ok, maintenant, passons au design. Donc, l'image Max avec Donc, c'est essentiellement dire comment grand. Cette image peut-elle être si vous le voulez comme à un 1000 pixels, vous pouvez définir à 1000. Ou vous pouvez définir à, comme, 300 pixels, etcetera. Mais rappelez-vous, cette taille ne fera que croître autant que les colonnes que vous avez. Donc ici, nous n'avons que cet espace. Donc, il ne va pas dépasser cette icône d'utilisation taille de police. Oui, je veux être un peu plus petit. Et la police d'en-tête, qui est cette section juste ici. Je veux le changer pour quelque chose comme le chemin de fer. D' accord. Et ne rendez pas ça un peu plus grand. D' accord ? Maintenant pour la couleur du texte de l'en-tête. Nous pouvons changer cela aussi. Juste ici. Je vais changer la couleur de fond parce que je veux que vous ayez une meilleure idée de ça. OK, donc je vais, euh, mettre euh, ça en attente pour l'instant. Et l'espacement des lettres. Non, les gars, ce sont les mêmes options que nous avions l'air de se souvenir. Une fois que vous commencez à apprendre un module, vous les apprenez tous. Ils sont très, très semblables. Donc fonds pour le corps, je vais faire quelque chose comme le chemin de fer à nouveau. Donc le téléphone du corps contrôle essentiellement cette section ici. D' accord. Et la couleur du corps du texte. Nous pouvons ajouter une couleur de fond à cela, etcetera. Nous sortons aussi dans une image de fond. Comme, juste à des fins de contrôle, je vais te montrer. Donc, nous avons cette image de fond juste ici. D' accord, mais bien sûr, ça n'a pas l'air bien, et je ne recommanderais pas que ce soit bien. Donc je pense que c'est ça pour ce petit blurb, les gars. Donc on en a fait un, non ? Maintenant, au lieu de tout faire à nouveau, nous pourrions juste dupliquer ceci et ensuite simplement utiliser cette icône juste ici pour le faire glisser ici. Très bien, dupliquez-le et faites-le glisser dessus. D' accord ? Cela peut être vouloir changer le titre. Droit ? Voici va mettre l'équipe d v est super, mais, euh, euh, thème Wordpress incroyable. D' accord. Et là, j'ajouterai quelque chose comme, hum, j'aime mon chien. D' accord. Et pour l'icône etcetera, on peut utiliser C'est peut-être que je veux changer la couleur, mais, on peut utiliser C'est peut-être que je veux changer la couleur, mais, pour l'instant, je vais le laisser en clignotant. pour l'instant, Maintenant, allons sur ce site, juste ici. J' ai donc ces boutons ici. Maintenant, je veux vous montrer tout le dos et l'éditeur pour ça. Donc ici, vous pouvez voir que j'ai blurb, blurb, blurb. J' entends le blurb, blurb, blurb, et puis j'ai le bouton bouton. Ok, alors allons de l'avant et ajouter un bouton et affaiblir. Il suffit de le dupliquer et de l'ajouter à tous ceux-ci. Juste ici. D' accord. Donc juste ici sous ce signe plus, je vais cliquer sur, ajouter un nouveau module et aller au bouton, OK ? Et ici, vous pouvez voir que c'est comme, euh, nous avons le texte blanc avec, comme, un fond sombre et un rayon autour. Ok, alors voyons si vous vous en souvenez , revenez ici. Je vais mettre quelque chose comme je vais mettre pas votre puits, Mais rappelez-vous, l'URL est le site, ou je suis désolé. L' adresse de l'endroit où vous voulez qu'il aille sur votre site Web. D' accord. Peut-être avoir des partenaires, peut-être avoir la page des ventes. Peut-être que vous avez un formulaire de contact, toutes sortes de choses. D' accord. Donc, un héros met Voyons voir ce que j'ai mis ici quand je mets apprendre plus, apprendre plus est toujours bon. Non, apprenez-en plus. En savoir plus est toujours bon, mais un alignement. Je veux ça au centre. D' accord, la couleur du texte. On va aller de l'avant et mettre ça comme je vais laisser ça vide tout de suite. Ok, maintenant le design. Je veux aller de l'avant et dire oui. Maintenant, les gars, la même chose qu'on a fait pour ce curseur. Ce sont les mêmes options exactes, donc rien n'a changé. Alors peut-être que vous voulez le mais dans un peu plus petit. Peut-être autour de 18 ans. Les mégots dans la couleur du texte. Eh bien, je veux un peu la couleur du texte du bouton comme blanc et la couleur de fond du bouton. Je pourrais vouloir un bleu, peut-être un bleu de style différent. Ok, c'est oui. Je veux dire, genre, voyons. Ou quelque chose d'un peu plus sombre. Oui. Maintenant, les mégots et la bordure avec je ne vais pas gâcher avec que la couleur de la bordure du bouton. Donc la frontière autour de ça ici, je vais aller de l'avant et laisser ça, mais le rayon de la frontière je vais changer. Donc, cela va réellement le rendre un peu plus circulaire. Tu vois ça ? Ok, donc j'aime bien ce bouton. Maintenant, je vais juste aller de l'avant et sauver ça et je vais juste copier ça et simplement le faire glisser ici. n'y a pas besoin de travailler plus dur que nous n'avons à écrire. Comme, c'est facile car il obtient, genre, juste copier et payer copie et paix. Donc tu vois à quel point c'est génial juste là. C' est là que tu sais quoi ? Il le laisse tomber. Ok, donc nous avons ces sections ici. Maintenant, nous devons fondamentalement le créer. Donc c'est plein avec. Donc vous voyez comment nous avons cette boîte sarcelle sur la façon dont c'est un peu comme, vous savez, il y a tout cet espace blanc que nous voulons, vous savez, utiliser cet espace blanc juste ici. Alors faisons-le sous cette icône d'engrenage pour cette section sarcelle. Je suis un clic sur ça maintenant. Sous ces options ici, j'ai fait cette ligne pleine avec. Donc, oui, je veux faire ce fusil avec Now. Nous pouvons aussi faire quelque chose comme ajouter dans la gouttière avec et la gouttière avec est essentiellement dire cet espace entre ces Donc vous pouvez le rendre un peu plus petit. Quelque chose comme ça. Ok, donc maintenant nous avons cette section juste ici, très limitée avec de l'espace, et je vais de l'avant et juste cliquer sur vérifier. Ok, donc nous avons ces trois sections. Maintenant, disons que vous voulez ajouter de la couleur, vous savez, nous voulons ajouter de la couleur ici. Donc juste ici, sous cette section, je suis un va au design, et on va faire défiler vers le bas. D' accord, alors appelle-lui une image de fond. Donc, cela fait référence à appeler en un. Très bien, donc juste ici, sous la couleur de fond, je vais cliquer dessus, et puis c'est comme, peut-être un bleu, ok ? Et nous allons rendre un peu plus transparent, quelque chose comme ça. D' accord. Et puis on va y aller et sauver ça. On va juste continuer à jeter dehors, en fait. Maintenant, pour la colonne. Un rembourrage personnalisé, peut-être que vous voulez un peu en bas juste ici. En fait, non, on va le faire de l'autre. L' autre module. Bon, donc, toute façon, donc la couleur du second fond, quel code vous voulez que ça soit ? Je voulais être un bleu plus foncé. D' accord. Et puis pour la troisième colonne, je veux que ce soit un peu différent. Je veux que ce soit quelque chose comme, hum ah, bleuâtre. Sarcelle ish. Voilà, tu y vas. Quelque chose comme ça, hein ? Quelque chose de simple. Ok, une partie de la vérification des armes maintenant, donc nous avons ces trois blocs est juste ici, mais nous avons tout cet espace juste ici. Nous devons changer ça. Droit ? Donc juste ici sous l'icône bleue, cliquez dessus et je veux en quelque sorte réduire le rembourrage. Il y a une autre façon de faire ça, les gars. Donc on peut aller manuellement ici et tu vois comment j'ai plané dessus. Il y a cette section bleue qui apparaît et mon curseur change. Nous pouvons simplement commencer à faire glisser cela vers le haut et commencer à supprimer cet espace blanc. Tu vois ça ? Ou je peux aller ici sur l'icône d'engrenage et changer le rembourrage à zéro. Maintenant, la raison pour laquelle vous le changez à zéro est parce que taper est fondamentalement l'espace. Donc vous créez si fondamentalement en disant que je ne veux pas d'espace. C' est essentiellement ce que le rembourrage est correct de passer par ici. Maintenant, cliquez sur cette icône juste ici sous les paramètres de torréfaction, et je dois descendre et je ne veux pas de rembourrage vers le haut. Et je ne veux pas de rembourrage en bas juste ici. Ok, donc maintenant vous pouvez voir qu'on n'a pas d'espace nulle part. On a zéro espace, d' accord ? 9. Utiliser le rembourage et des icônes: Ecoute, je veux faire un peu d'espace entre ça ici, en haut, juste là. Alors comment on fait ça ? Eh bien, nous allons utiliser les paramètres de ligne juste ici. Donc, sous cette icône d'engrenage pour la section sarcelle, je veux contrôler la section de rembourrage juste là. Donc, je veux faire plus de rembourrage ici. Et plus de rembourrage juste ici. Donc, sous cette icône d'engrenage, je descends à la conception et fais défiler vers le bas. Il continue juste de grandir. Donc nous avons la colonne. Un juste ici. Donc c'est la première colonne Maintenant, combien de rembourrage voulez-vous ? Et devine que tapoter à nouveau c'est de l'espace. Ok, donc c'est juste de l'espace. Donc ici, je veux 50 pixels, peut-être 30 pixels en haut, et je veux 30 pixels en bas. Donc maintenant, vous voyez que nous avons fait plus d'espace, et nous pouvons en ajouter un peu plus. Peut-être 50 et 50. Ou tu peux, tu sais, devenir plus créatif et sortir dans 60 ans si tu veux, tu sais, mais je laisse ça à 50 ans. Maintenant. Allons de l'avant et faisons la même chose pour les deux autres. Donc tu veux le faire regarder, tu sais la même chose. On ne veut pas le laisser comme ça, n' est-ce pas ? Ça a l'air mauvais. Donc, sous l'appel de lui, nous allons faire la même chose que vous pouvez faire 50 et 50 et même chose ici. Calme trois. Fais 50 et on va en faire 50. Très bien, donc c'est tout , les gars, vous savez, c'est les couleurs sont très laides, sans doute, mais vous pouvez probablement juste un peu pour le faire ressembler comme ça, vous savoir, en ajoutant votre propre ski de couleur ou tout ce que vous voulez. OK, donc c'est essentiellement comme ça que nous accomplissons cette section ici. Maintenant, nous allons faire cette section ici, et c'est très simple, les gars. C' est juste un accordéon et une image. C' est ça. Donc, en allant ici, je vais cliquer sur cette petite icône plus bleue, et on va cuisiner régulièrement maintenant. Il s'agit de deux rangées. Donc je veux que vous compreniez en quelque sorte le visuel derrière tout ça. Donc, c'est une image, et c'est un accordéon. D' accord, mais si vous avez remarqué, cet espace est plus que ça ici, alors allez par ici. Laisse-moi fermer ça ici. En fait, je vais probablement fermer ça ici. D' accord ? Et nous fermerons encore ça. Ok, donc juste ici sur les chèvres à cette icône juste ici. Vraiment ? Notes à la normale. Maintenant, vous voyez ici comment nous avons ces icônes ici. Donc ce serait idéal ici, non ? Parce que cela a plus d'espace, et celui-ci a un peu moins. Alors, nous allons cliquer sur celui-ci juste ici. D' accord ? Maintenant, par ici, sous ce petit blurb juste ici, je vais cliquer sur l'image. On va simplement ajouter une image. Et j'ai entendu dire que je vais aller de l'avant et télécharger, et je vais trouver ce petit téléphone cool. Euh, on dirait que je manque le téléphone, non ? Oui, ça me manque. Donc je vais aller de l'avant et télécharger ça. Je crois que je l'ai. Tu vois ? Ici. Voyons où j'ai mis le téléphone. Bien que c'est le numéro I, P et G peut-être qu'il était là. Je ne sais pas. Ouais, c'est ça. Juste là. Moi idiot. Ok, c'était ça. Juste là. Bon, alors nous cliquons sur télécharger une image, et voilà. Donc maintenant, j'ai cette image ici maintenant dans cette section juste ici. Je vais ajouter l'accordéon. Ok, donc à un nouvel article et on peut mettre quelque chose comme, euh, voyons. Nous pouvons mettre quelque chose comme bienvenue ou espoirs parce qu'ils apprennent. Oh, à propos de nous. Ok, alors juste ici, on peut ajouter un texte fictif. Ok, alors on va aller de l'avant et filmer un texto factice, ok ? Et cliquez sur vérifier. Maintenant, allons de l'avant et ajoutons un peu plus. En fait, je vais juste dupliquer cette route, donc je vais la consacrer trois fois. Et, vous savez, vous pouvez aller de l'avant et changer les paramètres des gars ici, vous savez, pour le design. Donc, ici, c'est comme la couleur d'arrière-plan à bascule ouverte. Donc, si vous voulez aller de l'avant et changer cela, nous pouvons faire ça comme vert, donc ils l'ouvrent. Ça va avoir l'air vert. Ça a l'air moche. Mais c' est ce que tu veux, non ? Donc si quelqu'un l'ouvre, quelle couleur veux-tu qu'elle soit ? D' accord. Et encore ici. Nous avons la couleur du texte à bascule ouverte. Nous avons la couleur de fond fermée. Donc, ce en ce moment est proche de voir que comment ceux-ci sont fermés. Ok, donc si tu veux, c'est comme ça que tu ferais ça. Vous pouvez également faire le basculement de la couleur du texte. Donc tu veux juste changer le savoir la couleur de ça ? Vous pouvez changer cela aussi. Et aussi la couleur de l'icône. Donc, si vous voulez changer la couleur de l'icône, vous pouvez le faire aussi juste là. Ok, maintenant la police Tugle veut peut-être changer ça en chemin de fer ? Vous savez, nous voulons garder nos couleurs un peu cohérentes. On veut s'assurer qu'ils sont tous pareils. D' accord. Et là encore, les gars, ce sont les mêmes options. Donc les lettres face à la ligne se cachent. Et c'est le fonds du corps. Donc, les polices corporelles sont la police à l'intérieur de ceci juste ici. Alors peut-être que nous pouvons changer ça pour le chemin de fer. Rendez-le en gras. D' accord. Et bien sûr, nous pouvons ajouter un peu de rembourrage peut utiliser une bordure. Tu sais, une bordure est comme une boîte autour comme ça, mais je n'aime pas la bordure, mais tu sais, tu peux utiliser la couleur personnalisée si tu veux. Ok, alors revenons au général ici et allons à la case à cocher. Donc, nous avons créé cette section ici, les gars. Et c'est très, très similaire à ça ici. Maintenant, cette section a l'air un peu différente. Alors, comment avons-nous atteint cette section ici ? Eh bien, fondamentalement, ce que j'ai fait c'est que j'ai juste pris ce texte ici, et je l'ai juste mis à l'intérieur de ce module juste ici. Je vais donc cliquer sur l'icône de l'année et je vous montre comment j'ai réussi à le faire. Donc ici, je ne vais pas mettre de titre. Et je vais juste y aller et coller ça juste ici à l'intérieur, juste comme ça. Et puis pour le lien. Les gars, je viens de créer un lien personnalisé. Donc ici, je vais me mettre, genre, apprendre plus. Non, je vais mettre en évidence ça, d'accord ? Et maintenant, nous allons créer un lien personnalisé avec un texte. Donc il y a des icônes juste ici. Tu les connais ici ? Ils lui ont envoyé le texte, ils le font à droite ou à gauche. Maintenant, je vais cliquer sur ce petit lien juste ici, et si je fais défiler vers le haut, ça va dire que tu es. S' ils cliquent dessus et plus encore. Eh bien, je vais mettre mes sites web et aller à Ok, ok. Et puis je clique sur ce chèque et vérifie à nouveau. Donc c'est un peu comme une façon créative les gars d'utiliser cela parce que la plupart des gens ne penseraient pas qu'avec ce module vous pouvez le faire. Mais rappelez-vous, vous pouvez faire tout ce que vous pouvez penser. Les gars, il n'y a pas de limites. Et disons que je veux que cette rangée soit un peu plus grande. Tu sais, je veux cette photo un peu à gauche. Tu sais, je ne veux pas fermer. Donc, pour changer cela, chaque fois que vous travaillez sur des modules, allez simplement dans les paramètres de ligne. Et au lieu de rendre cette rangée pleine avec, genre, c'est nous pouvons vraiment déterminer la taille que nous voulons que ça soit. Alors cliquez sur personnalisé avec, et maintenant je vais cliquer sur ce droit ici. Donc vous pouvez voir ça et nous pouvons déterminer que vous savez à quel point nous le voulons ou à quel point nous le voulons. Ok, donc 100% est évidemment la page entière. D' accord, donc une autre façon d'être créatif, c'est le caniveau avec les mecs. La gouttière avec est très importante parce que la gouttière avec crée fondamentalement cet effet ici où il n'y a pas d'espace que ce soit. Ok, donc chaque fois que vous voulez que les choses soient plus proches les unes des autres, tout ce qu'il faut faire est d'aller à la gouttière avec et de le rendre plus petit. Donc en ce moment, c'est à trois et puis à un. Tu vois comment c'est très proche, comme si tout était super proche comme ça. Donc si tu veux cet effet, tu peux le faire avec la caniveau avec Ok. Mais je vais aller de l'avant et laisser tout ça, tu sais, standard. Je pense que ça ressemble à une bonne section. Ok, alors allons de l'avant et passons à la section suivante juste ici. Nous allons créer cette section ici. C' est donc une section vraiment cool et créative. D' accord ? Alors je te verrai à la prochaine conférence. 10. Création de page d'accueil Cont..: D' accord, les gars. Bienvenue de retour. Donc, ici, on va créer cette section juste ici. Avant de commencer, je veux que vous compreniez comment on a fait ça. Avant de commencer, Je veux que vous commenciez à penser aux modèles qui allaient utiliser. Très bien, donc c'est un 2/3, vous savez, c'est ah, c'est une rangée plus grande dans une rangée plus petite. Il s'agit d'un module, et c'est un module de flou, un module de blurb et un module de blurb. Ok, alors allons-y et créons-le ici, et le constructeur visuel est activé. Je suis ici pour ça, plus nouveau aller à la normale. Et je veux qu'on aime quelque chose ici. Donc c'est ici celui que je veux sélectionner. Ok, donc je veux sélectionner un blurb. Et les gars, un blurb est comme quelque chose pour, genre, genre, nos services ou quelque chose comme ça. Assez simple. C' est assez simple. Ce n'est pas vraiment comme, tu sais, ce sont des petites choses qui marchent, tu vois ? petites choses qui marchent, Laisse-moi aller de l'avant et te montrer pour que j'entends une fosse la TVP que je ne veux pas être Earl. Earl est une destination d'un autre site où vous voulez qu'ils l'emmènent ? Ok, maintenant en dessous, sous utiliser l'icône que je vais dire oui. Et je vais juste mettre quelque chose comme, euh, ce pouce en haut, les pouces en haut. D' accord. OK, maintenant la couleur de l'icône, je veux le changer en quelque chose. Comme peut-être deux noirs là-bas. Oui, on va le faire. Le noir est monté. Maintenant, l'icône du cercle. Les gars, c'est une couleur de fond que vous pouvez avoir si vous le souhaitez, donc vous pouvez avoir une couleur supplémentaire autour de lui afin que vous puissiez faire preuve de créativité avec cela aussi bien. Mais je n'en ai pas vraiment besoin. Tu sais, je ne me soucie pas vraiment du reste en paix. Donc, sous les gars de placement de l'icône de l'image, je veux aller dire que je veux à gauche cette fois. Donc maintenant, vous pouvez voir qu'il est à gauche et l'animation de l'icône. Nous pouvons changer l'animation de ceci donc de droite à gauche, droite, à gauche pour mentir Bottom toe baba loi et tous ces différents. Donc, vous pouvez voir comment ça arrive. Ok, maintenant, sous le contenu ici, je vais juste aller de l'avant et ajouter du contenu fictif, mais pas trop. Juste un peu et coller ça juste là. D' accord. Et ça a l'air bien. Ok, donc je vais aller de l'avant et cliquer sur le coffre-fort. Maintenant, je veux dupliquer ça. Tu veux aller de l'avant et reproduire ça ? D' accord. 111 de trop. Tu sais ce que j'ai fait de mal ? J' ai dupliqué les gars de la route, donc j'ai fait quatre roses différentes, et ce n'est pas ce que tu veux faire. Ok, alors honte pour moi, les gars, et donnez-moi un pouce ou une mauvaise critique. Bon, donc je veux juste dupliquer le module. Je ne veux pas dupliquer la rangée entière, donc j'espère juste que vous comprenez Nous avons trois modules dans la même rangée. D' accord ? Maintenant, par ici, je veux ajouter un appel à l'action. Maintenant, c'est une façon créative de faire une section, les gars. Donc, ici, je peux mettre un peu apprendre tout sur sont compagnie incroyable. Et ici, je ne veux pas ajouter dans une couleur d'arrière-plan. Et la raison pour laquelle c'est parce qu'on va créer une autre couleur de fond, accord ? Et je vais aller de l'avant et payer quelque part idiot. Texan ici un peu plus. Ils ont mis un espace et mis un peu plus. D' accord. Maintenant, pour la conception, nous devons essentiellement faire ce spectacle. Donc la couleur de l'en-tête, faisons-le, tu sais, noir. Donc on peut voir ce qu'on fait, tu sais ? Et tu sais, je peux changer ça pour quelque chose comme le chemin de fer et les gars. La police est tout. Il apporte vraiment la vie à votre site Web. Ne rendez pas ça un peu plus gros, ok ? C' est comme ça maintenant, économisant pour la couleur du corps Tunks juste ici. Je vais rendre ça noir pour qu'on puisse le voir. Ok, donc tu y vas. Donc nous avons cette section ici, mais elle ne ressemble pas à l'autre section que nous avions. Allons-y et commençons à apporter quelques changements à la route pour obtenir cet effet. Donc, ici, cliquez dessus. Je veux faire cette rangée complète, et je veux réduire la caniveau avec juste un peu. Ok, donc je réduit la gouttière avec le SNC. Il a l'air vraiment, vraiment petit, comme un quoi ? Ça a l'air bizarre. Tu sais, ça a l'air vraiment, vraiment bizarre. Je sais. Juste que tu restes là, on y arrivera. Donc, ici, sous ces icônes juste ici sous les paramètres du blurb, je veux en quelque sorte l'ajouter dans une couleur différente à l'arrière-plan. Vous savez, je veux commencer à distinguer les sections les unes des autres, je veux commencer à distinguer les sections les unes des autres, pourqu'on puisse le faire en allant à la couleur de fond sur les paramètres de conception et juste , vous savez, qu'on puisse le faire en allant à la couleur de fond sur les paramètres de conception et juste , vous savez, comme la couleur de fond, celle-ci. Eh bien, c'est comme un bleu. Voir ici. Oui, c'était bien. D' accord. Et quelque chose ici va sélectionner un autre design. Non, le corps du texte ne le changera pas à la couleur d'arrière-plan sur. Vous savez, les gars, vous pourriez vouloir utiliser de meilleures couleurs. Et c'est vraiment moche. Et c'est juste pour Bridget Over Vis va bien. Donc, nous allons juste utiliser une autre couleur ici, et nous pouvons ajouter quelque chose comme un rouge. Ok, c'est juste le genre d'aide distincte, euh, où ils vont, et vous savez à quoi ils sont censés ressembler. Ok, donc maintenant nous devons créer un espace entre ces blurbs parce qu'il n' y a pas d'espace entre eux et nous le voulons, comme, vous savez, l'espace mantle pour en quelque sorte le faire paraître bien. Droit ? Allons au 1er 1 ici, animal. Allez à la conception, et je suis un défilement vers le bas jusqu'à la section de rembourrage personnalisé. Et là, je vais commencer à ajouter un peu de galette. Ok, peut-être aux droits que je veux. Peut-être qu'on est, genre, 50 événements en bas juste ici. Vous pouvez aller de l'avant dans quelque chose comme, euh, eh bien, en ajoutant quelque chose comme, je ne sais pas combien de temps d'espace 50 pixels et au dernier à vouloir quelque chose comme 20 peut-être 30 pixels. Ok, donc en gros, ce que j'ai fait, c'est que j'ai fait de la place ici. J' ai fait de l'espace ici, et j'ai fait de l'espace ici et par ici. Bon, Bon, souviens-toi, donc la droite dans la gauche tapotant les gars, je l'ai fait. Donc il y a de l'espace ici, mais si vous ajoutez trop d'orteils rembourrés d'un côté, l'autre n'aura nulle part où aller, vous savez ? Alors peut-être que je veux réduire un peu le rembourrage sur le côté droit et peut-être l'augmenter sur le côté gauche. Tu vois ça ? Maintenant ? vous voyez comment c'est en quelque sorte aller vers le centre ? Parce qu'il y a encore de l'espace ici. Ok, donc maintenant je vais cliquer sur le chèque. Non, les gars, je suis paresseux. Je suis super paresseux. Je vais juste faire ça. Et voilà. Nous avons maintenant la rose tout en place, et je vais juste les supprimer, reposer en paix et, vous savez, être retenu la couleur de fond. Maintenant, pour ceux-là. Donc, en ce qui concerne le design, je vais changer celui-ci pour quelque chose comme, hum, je ne sais pas, quelque chose comme du vert. Et celui-là juste ici. Changement. C' est quelque chose comme, euh e ça comme ça. Et, vous savez, un texte blanc serait probablement meilleur que ça, vous savez, discussions que nous avons en cours ici. Tu sais, je pense que le texte blanc a l'air un peu mieux, alors nous allons aller de l'avant et changer la couleur du corps du texte aussi. Et aussi pour l'icône. Les gars, vous pouvez changer la couleur de l'icône aussi, donc nous pouvons décider de rendre cette icône un peu plus grande aussi. Donc ici, on peut changer un plus grand puits, on peut le rendre vraiment, vraiment grand. Etcetera. OK, alors je vais à la section générale. Nous utilisons l'icône défiler vers le bas juste ici. Et de quelle couleur voulez-vous que cette icône soit ? Eh bien, peut-être quelque chose comme, euh, blanc. C' est cool. Tu sais, il semble que ça a, genre, cette apparence translucide maintenant a ce look vraiment cool. Donc, nous avons ajouté dans cette section, et vous pouvez le voir commencer à venir. On a de l'espace ici. Et rappelez-vous, nous pouvons toujours le faire glisser dans cette section juste ici. On a de l'espace. Il suffit de le glisser vers le haut. Donc, les gars, ce module n'a pas la capacité d'avoir la couleur de fond. Alors, comment on change ça ? Eh bien, nous pouvons aller à nos paramètres de rose ici, et nous pouvons le faire manuellement en allant aux paramètres de ligne. Rappelez-vous plus tôt comment nous avions la couleur de fond sur la ligne une route à Donc, ceci est Row One, et c'est la route pour donc aller à la conception. Allons vers le bas et nous allons trouver la couleur d'arrière-plan pour voir la colonne vers les arrière-plans. Tu te souviens ? Les gars, c'est la première colonne, et ça s'appelle Ok, donc je clique ici, et on peut ajouter n'importe quelle couleur que nous aimerions ici. On aurait dû utiliser du texte blanc, hein ? Ouais, donc je vais le laisser en noir croire qu'il est noir, mais je veux changer la couleur du texte. Je le veux en quelque sorte. Je veux que les gens voient le texte juste ici. Donc, en allant jusqu'à l'icône d'engrenage, je vais aller de l'avant et changer le texte sous le dessin. Donc en-tête, couleur de texte que je veux demander White. Et ici obtient la couleur du corps du texte en blanc aussi. Donc vous pouvez voir que ça a l'air bien. Donc, la dernière chose que nous avons à faire est essentiellement de faire du rembourrage. On a juste besoin de faire de l'espace. Donc le genre noir correspond aussi à l'autre section, parce que pour le moment, il n'a pas l'air trop beau. Tu sais, ça n'a pas vraiment l'air bien, et on doit réparer ça. Ok, alors allons-y et faisons-le tout de suite. Alors passons à ce module ici et encore. Les gars, on veut faire des tapotements. C' est tout ce qu'on veut faire. Donc, faites défiler vers le bas maintenant, Patty personnalisé. Donc je vais ajouter 100 10. Tu vois ça ? Vous voyez comment ça commence à suivre. Donc, à ce stade, vous savez quoi faire Maintenant, vous savez que vous avez juste besoin de créer assez d'espace pour qu'il puisse soit masser toute cette section ou vous pouvez rendre le texte encore plus grand. Ok, maintenant, je veux que ce tapotement juste ici loin du C'est trop proche, tu sais. Alors continuons et ajoutons 50 pixels et nous ajouterons 50 pixels supplémentaires. Elle espère maintenant se concentrer un peu et a l'air, vous savez, beaucoup mieux qu'avant. Donc, c'est fondamentalement comment nous pouvons atteindre cet effet maintenant, avant de faire le rembourrage inférieur. Tu sais, avant de faire plus de place ici, rendons ça un peu plus grand. Vous savez, nous pouvons en fait agrandir le texte, et par conséquent, cela aura probablement un effet sur le rembourrage aussi. Alors allons de l'avant et faisons quelque chose comme, euh, vous voyez comment l'espace va maintenant là-bas. Donc avant de faire ça, tu sais, tu devrais envisager que tu y ailles comme ça. Allons-y et descendons ici et on peut Adam un peu d'espace ici. Euh, laisse-moi voir ici. Tu sais, c'est que c'était 110 100. Maintenant, nous devons juste faire correspondre ça avec le bas juste là. Donc peut-être, comme 100 60 mais derrière 70 serait bon. Peut-être 165. Allons sous 65 66 67 68 60 est parfait. Bon, donc voilà, les gars. Félicitations. Et c'est essentiellement ainsi que nous réalisons cette section. Maintenant, cette perception était un peu critique, mais je veux que vous puissiez utiliser le thème Devi qui est tout, comme, comme, vous savez, à tout prix et à tout son potentiel. Je ne veux pas que vous l'utilisiez en disant, Oh, cette équipe craint. On ne sait pas quoi faire, tu sais ? Parce que je sais que ça peut vous décourager. Rien à faire, OK quand on ne sait pas quoi faire. Ok, donc c'est à propos de cette section, les gars, vous avez des questions sur cette section et comment on y parvient ? N' hésitez pas à me le faire savoir et passons à la section suivante, donc je vous y verrai 11. Tableaux de tarifs: Bon, les gars, bienvenue. Donc, lorsque cette exception, nous allons faire des compteurs de nombre et des tables de prix. Mais avant que je parte, vous savez, dans la dernière conférence, si vous regardez la barre bleue, vous remarquez que nous avons cet espace blanc ici, et nous l'avons aussi ici. Donc, tout ce que vous devez faire est simplement de le prendre et de le faire glisser vers le haut et de prendre cet espace et de le faire glisser vers le haut. Voilà, tu y vas. Tu n'as aucun rembourrage. Ok, alors passons à la section suivante où nous allons créer cette section ici. Très simple. Ce ne sont que des compteurs de chiffres simples, mais vous savez, ils vont avoir sur tous les sites Web, vous savez, je pense qu'ils sont, vous savez, standard sur tous les sites Web maintenant . Donc il a créé un quatre avec le gars de section, donc on a créé quatre petites icônes juste ici, donc on doit trouver le module qui est un compteur de nombres, ou c'est un compteur de cercle ? Je pense que c'est un compteur de cercle qu'on va utiliser le compteur de cercle, donc c'est juste. Ou on peut utiliser le compteur de numéros. On y va. OK, donc on va utiliser un compteur de nombres ici et là il dit, OK, donne-lui un titre. Donc je vais mettre, genre, satisfaction, satisfaction, et je ferai quelque chose comme un signe de 100% et un pourcentage. Oui. Signe de pourcentage. Non. Vous entendez parler de quelque chose comme la couleur noire du texte ? Je voulais comme noir. Peut-être un peu plus. Ne le laisse pas comme ça pour l'instant. Et sur les concepteurs, nous avons les polices de titre maintenant, les gars, ce sont probablement les choses les plus faciles à faire. Donc je vais faire quelque chose comme le chemin de fer, tu vois ? Et la taille de la police du titre ferait un peu plus grand. Et la couleur du texte du titre aussi. L' espacement des lettres et la hauteur. Et maintenant, c'est la police de chiffres. C' est donc la police pour le nombre spécifique. Donc je vais remettre quelque chose comme le chemin de fer, d'accord ? Et on peut le rendre un peu plus petit. D' accord ? Oui, c'est bien. Et vous pouvez changer comme la couleur du texte aussi. Tu sais, tu peux changer. C' est quelque chose, ce que tu veux. Mais, vous savez, je pense que vous savez, c'est assez standard. Vous les gars, vous savez, comprenez les bases de ce qui est pour que vous puissiez l'ajouter comme une couleur de fond à cela aussi, comme, vous savez, et vous pouvez aussi réduire ce modèle comme nous parlé plus tôt. Mais pour l'instant, je crois que c'est et ah, tu sais, je pense que c'est tout. Assez simple. Et bien sûr, les gars, je suis très paresseux. Donc je vais aller de l'avant et dupliquer la rose. Je ne vais pas travailler plus dur que ce que je dois faire. Donc ici, je vais juste, vous savez, faire ça, et on va faire ça. Et puis ici va le changer, vous savez, vous savez, au lieu de la satisfaction, fera quelque chose comme des tasses de café. Je suis un grand buveur de café. J' aime Starbucks. Je suis un meunier plus loin. Ah. Hé, les gars. Ils ont eu leur épice d'infusion froide. Je ne les aime pas. D' accord, donc j'ai enlevé le signe pour cent cette fois. Donc je dis juste 39 tasses de café, vous savez, et vous pouvez être comme des ventes ou quelque chose comme un certain nombre de profits ou de profits ce mois-ci et ensuite avoir quelque chose comme, vous Tu sais, 456% en hausse, non ? Et là, vous pouvez avoir quelque chose comme, hum, récompenses et ensuite mettre comme 34 34 prix et enlever ça pour que ça ressemble ça juste là. Ok, donc c'est assez basique, les gars, les gars,c'est assez simple mais c'est aussi vraiment bon d'avoir sur votre site web. Ce site a l'air vraiment collant. C' est juste à cause des couleurs utilisaient les gars que c'est tout. Le cerveau pense juste site laid à cause de ces couleurs collantes sur, comme celui-ci ici Nous avons vraiment de belles couleurs qui correspondent les uns aux autres. Très bien, ici, nous avons le fond bleu flou, et nous avons gardé la cohérence. Donc, chaque fois que vous faites des gars du site Web, je vous le dis maintenant, gardez les couleurs cohérentes. Ok, donc je suis retourné ici. Allons de l'avant et ajoutons dans cette section ici. Donc, c'est ici un module de texte, et ceci est un tableau de prix avec trois sections. Ok, donc ça va par ici, et on va aller à ça, aller à la normale et on peut entrer quelque chose comme ça ici et ensuite aller à un modèle de texte cette fois. D' accord. Et puis nous mettrons quelque chose comme, euh, nos tables de prix, ok. Et je veux que ça soit centré. Souviens-toi, les gars utilisaient le texte. Maintenant, nous utilisons strictement le texte que nous allons concevoir ici. Nous voulons nous assurer que nous allons à la police de texte. Donc ici, je vais faire le chemin de fer, que nous utilisons depuis un moment maintenant et je ne vais pas faire un peu plus grand. Et je veux en faire un blanc boop. Ça va disparaître. Ne vous inquiétez pas, car nous allons créer une image d'arrière-plan pour cette section. Ne vous inquiétez pas, Donc, ici, dans cette icône d'engrenage, cliquez dessus et ajouté une image d'arrière-plan juste ici. Je vais mettre celui-là juste là. D' accord ? Donc je parie que tu penses, tu sais, là. Ce n'est pas toute l'image. Tu sais ce qui se passe ? Non, les gars, vous pouvez vraiment étirer la page, mais avant que nous fassions ça, je veux, hum, ajouter les modules d'abord. Je veux que les mannequins poussent cette image vers le bas. Donc, il va passer à cette section plus juste ici, et nous allons ajouter ces trois petites icônes juste là. D' accord. Et ces trois gars icônes, nous allons simplement ajouter les tables de prix. Donc, en allant ici, nous allons aller de l'avant et ajouter un tableau de prix simple, et nous allons cliquer sur ajouter un nouvel article. Ok, donc juste ici, on va mettre quelque chose comme, hum, je ne sais pas. Que devrions-nous mettre ? Celui-ci mettra Standard est notre plan standard standard. D' accord. Et le droit ici mettra comme, euh, notre paquet de base. Quelle monnaie voulez-vous ? Eh bien, je veux des dollars par ce qui est donc nous avons par mois et par an. Je vais mettre par mois combien ça coûte ? Je vais dire 50 dollars les fesses en euros. Donc je vais mettre un petit panneau juste là, et le texte du bouton ouvert maintenant. Ensuite, nous allons aller de l'avant et ajouter du contenu ici. On va aller de l'avant et ajouter quelque chose comme, hum, le mieux prévu pour l'entrée de la presse dans un 2ème 1 On peut ajouter quelque chose comme, hum, je ne sais pas, je suis paresseux, donc je vais y aller et copiez ça , les gars, et on va juste recommencer et coller ça ici, ok ? Et bien sûr, vous pouvez avoir tout ce que vous voulez, vous savez, vous pouvez ajouter, hum, tout ce que vous pouvez penser pour rendre ce genre de choses mieux que ça ici . Mais je vous donne juste un exemple de, vous savez, vous venez juste d'appuyer sur Entrée, et cela créerait fondamentalement une nouvelle section pour vous juste là. Ok, alors allons voir les gars du design. Ce design est tout pour cela. Alors, juste ici. ne s'agit pas d'une table d'entités. Donc, une table de fonctionnalités dit fondamentalement, comme, choisir celui-ci. C' est le meilleur. Donc en-tête de table, couleur d'arrière-plan. Alors, juste ici. Je peux changer ça pour quelque chose comme du noir ou peut-être comme un gris de noir comme ça. Comme ça. D' accord. Et ici, nous n'avons pas fait de cela une table de fonctionnalités. Donc, sous la section générale, vous pouvez aller de l'avant et cliquer sur ce droit ici et faire de nous une vedette. Et ce serait les options pour en vedette, mais je ne veux pas le faire. Donc je vais le laisser comme normal. Je vais aller à nouveau à la conception maintenant aussi, les gars, le sous-titre ou les polices afin que vous puissiez changer la police de sous-en-tête aussi bien. Et la taille de la police de sous-en-tête, qui est cette section ici groupes, il le fait parfois. Oui, ça fait ça. Je ne sais pas pourquoi il fait ça. Parfois, ma bouche qui va foin. Donc aussi la couleur ici. Vous pouvez changer la couleur de cette section ici. Et, tu sais, je ne veux pas m'embêter avec ça parce que, tu sais, c'est grand, tu sais ? Je ne veux pas m'embêter avec les réglages, vous savez, c'est tout ça la même chose, gars. C' est juste pour un modèle à l'autre. Donc maintenant, sous la monnaie et les fonds fréquents affaiblissent les changements à peut-être certains, comme Roboto ou quelque chose qui font que cela ressemble un peu mieux. Donc, ça fait référence à ce signe du dollar juste ici. D' accord. Et la couleur du texte, on peut le changer en quelque chose, comme peut-être noir. D' accord. Et bien sûr, nous pouvons changer l'espacement de cela aussi. Vous savez, nous avons le contrôle de tout maintenant la chute des prix. Donc, la police de prix est un peu plus importante. Donc ici, je veux changer la police de prix, qui est le signe du dollar pour quelque chose comme notre robot. Donc tu sais, tu peux changer quand tu veux. On peut changer la couleur du texte, quelque chose comme, euh lire ou ce que tu veux. Je vais mettre quelque chose de bleu. Ok, comme un bleu clair. D' accord. Et, euh, vous savez, je pense que c'est fondamentalement, vous savez une option standard , de ça ici. Maintenant, les gars friands du corps font référence à ces trucs juste ici. Ok, donc tu veux changer ça ici, tu peux aller de l'avant et changer ça pour peut-être que, euh, euh, on utilise le chemin de fer. Ok, je sais que ça a l'air un peu mieux. Et la raison pour laquelle ce genre de chose est mauvais en ce moment, c'est parce que, tu sais, on avait besoin que l'orteil boutonné soit vraiment cool, tu vois ? Donc, sous le bouton logiciel personnalisé, nous pouvons aller de l'avant et conçu ceci ici. Donc la couleur du texte, je veux la couleur du texte comme blanc et la couleur de fond que je veux c'est quelque chose comme, euh, comme un gris. Eh bien, en fait, faites correspondre ça avec ça juste ici. On va les faire à la même chose. Ok, faut que ça reste cohérent. Et, vous savez, le rayon le rendra un peu plus circulaire. Donc, regardez quelque chose comme ça. Et la police de bouton contient aussi une police pour mon chemin de fer. Souhaitez-vous le garder cohérent avec nos autres fonds actuels. Et, vous savez, si ces gars survolent les options, alors rappelez-vous, si quelqu'un passe au-dessus de ce bouton ici, c'est à ça qu'ils font référence. Tous ces planent sur etcetera. OK, une partie de la vérification des armes. Maintenant, je vais cliquer sur la ligne en double, et on duplique ces gars. Nous avons, vous savez, ajouté dans nos polices, nous avons ajouté dans tout le reste. Alors tu sais pourquoi ? Tu sais, pourquoi rendre les choses plus difficiles qu'on ne le doit, tu sais, et on peut juste changer le texte ici. Donc ici, cliquez dessus et dites, c'est comme le plan d'or, et, vous savez, on peut le changer ici aussi. Comme, ça va être 150$ et juste ici sous celui-ci fera, genre, genre, c'est l'entreprise, et ensuite ce sera quelque chose comme 250$. D' accord. D' accord. Eh bien, peut-être que c'était oui. J' étais un peu bizarre, alors j'ai eu un peu de gentillesse où les choses se sont passées. Tu vois ça ? Donc quelqu'un arrive juste des trucs bizarres. Tu sais ? Les gens me demandent, tu sais, rien ne t'arrive, chérie. Je vais voir que c'était bizarre. Donc je vais juste vomi d'aller supprimer ça et juste en faire un nouveau juste là et juste glisser ça ici. D' accord ? Et voilà. Donc je vais mettre quelque chose comme Enterprise ou ah, plateau platine. Alors je n'ai pas aimé les 2 50 Ok, donc, les gars, les héritiers arrivent comme ça. Comme si ça n'était jamais arrivé sans raison. y avait donc aucune raison à cela. Je n'ai rien fait de mal. C' est juste parfois dans le monde de WordPress, vous obtenez juste des trucs vraiment étranges et bizarres. D' accord ? J' ai donc créé des tables de prix, les gars, c'est tout pour cette section. Les tableaux de prix sont très simples. Ils sont très faciles à comprendre. J' ai un tutoriel de commerce. Si vous êtes vraiment intéressés à faire n'importe quel site de commerce, j'ai cette histoire tout donc assurez-vous de vérifier. Alors passons à la section suivante et je vous verrai là-bas. 12. Google Maps: D' accord, les gars. Bienvenue de retour. Donc maintenant nous allons créer cette section ici, cette section sombre, et ensuite nous allons créer une carte complète où les gens peuvent voir un endroit, etc. OK, donc ça va par ici, et je vais cliquer sur cette petite icône plus, et je vais aller à la normale et je vais ajouter un appel à l'action. Donc je vais aller ici et ajouter un appel à l'action. Et si vous vous demandez pourquoi j'ai eu un appel à l'action, je pense que les actions appelées sont très simples parce qu'il a un en-tête et un module de texte déjà à l'intérieur. Donc, il est un peu plus rapide que la création de modules de texte, Mais vous pouvez également utiliser pour les modèles de texte ainsi. Vous pouvez utiliser un module de texte ici, puis le module de texte ici aussi. Ok, alors en allant ici, je vais mettre quelque chose comme, où sommes-nous ? D' accord. Et puis j'y vais. Non, tu sais, tu vas bien. Et qu'est-ce qu'il y a dans le texte ? Non, parce qu'on n'ajoute pas de bouton. Je ne veux pas de couleur d'arrière-plan. Et puis par ici, avec quelque chose comme venir nous rendre visite et cliquer sur vérifier. Maintenant, on ne peut rien voir. Et la raison en est parce que c'est du texte blanc. Maintenant, par ici, je veux ajouter une couleur. Donc je veux dire que je veux que toute cette section ici soit quelque chose comme du noir . Ou peut-être que tu l'aimes comme un charbon de bois. Ok, maintenant, par ici, les gars. Même chose. Je clique sur l'icône d'engrenage et je vais à la conception. Et comme on l'a fait avant, ça contrôle les polices d'en-tête et peut-être une fois, je veux dire, je veux dire, comme le chemin de fer. Et nous pouvons choisir la taille de cela et aussi juste ici pour les téléphones du corps ainsi. On peut faire quelque chose comme rial, et on pourrait le rendre un peu plus grand. D' accord ? Et peut-être par ici, on peut aller de l'avant on peut aller de l'avantdans un peu d'espace juste là et être comme ça. Ok, très simple. Très facile. Okay, maintenant nous allons ajouter une carte et pour la carte, les gars, nous allons devoir ajouter une touche A p I donc sur cette petite icône violette et cliquez dessus et cliquez sur le coffre-fort. Ok, les gars, obtenir une clé P I est gratuit. C' est facile à faire. Donc, aller à Google ici et tapez simplement dans Google une touche p I. Et c'est drôle. J' ai eu un tutoriel une fois, et ils l'ont rendu obligatoire comme si j'étais, genre, fin 2016. Donc, j'ai rencontré cette page ici, et ce sont les développeurs point Google. Maintenant, je suis arrivé à cette page parce que j'ai déjà un compte Gmail. Les gars, vous aurez besoin d'un compte Gmail pour accéder à cette page. Ok, Alors assurez-vous que vous avez un compte Gmail créé et puis simplement aller à Google à nouveau . Il ya taper dans les touches Google a p I. Ok, Maintenant, une fois que vous êtes là, allez-y et tapez ou cliquez sur, prenez une clé. Et j'ai beaucoup de projets, les gars, j'en ai des tonnes. Mais je vais faire, vous savez, créer un nouveau projet. Et je vais faire quelque chose comme je vais juste mettre le thème divvy et cliquer sur créer et activer un p I. Et on va prendre ça une touche p I, et on va la mettre dans notre personnalisateur de thème. Très bien, donc ça génère la clé P I je ne sais pas pourquoi ils l'ont rendue nécessaire. Je ne sais pas pourquoi, mais cette année ou 2$. 16 ils l'ont fait. Ok, cool. Donc nous avons notre clé e p I juste ici. Donc je vais copier ça et aller copier. Maintenant, il va sur notre site web par ici. Et assurez-vous de le dire ici, les gars, si vous voulez perdre tous vos progrès, ce serait la pire chose jamais. Je l'ai déjà fait avant. Ça craint. Alors assure-toi de l'enregistrer. Maintenant, on passe à notre tableau de bord, et on descend à Davy et on va aux options de thème. D' accord ? Et il y a des trucs ici, tu sais, on en parlera un peu plus tard, mais pour l'instant, c'est là. Il est dit Google une clé P I. Il suffit d'aller de l'avant et d'accélérer cela là et il suffit de cliquer sur enregistrer les changements en bas. D' accord, cool. Maintenant que nous avons activé, c'est affaiblir, fondamentalement mis sur la carte. Donc ici, je vais déjà activer le constructeur visuel, et je suis un défilement vers le bas, accord ? Et vous cliquez sur ce plus nouveau je vais à plein avec, Nous allons ajouter dans un plein avec la carte. Donc vous voyez, la clé Google A P I est déjà là, et nous allons ajouter un nouvel élément et, vous savez, le titre. Donc ça dit comme notre quartier général et notre adresse cartographique. Je vais faire quelque chose comme Hollywood, voir et aller chercher. Très bien, si cool. Il l'a trouvé juste là. Là, ça va. Et vous pouvez ajouter des trucs légers ici. Comme ouvert de 9 à 5 ou quelque chose comme ça. Ok, laisse-moi aller vérifier. Donc maintenant, je veux essentiellement dire OK, alors où veulent réellement que la carte apparaisse ici. Donc, sous l'adresse du centre de la carte, je vais faire Hollywood, Californie, et aller trouver OK. Et on y va. Donc, fondamentalement, les adresses du centre de carte Où voulez-vous que cela soit centré ? Et puis l'autre dit essentiellement vouloir vraiment que ce petit point soit correct, donc j'ai fondamentalement ajouté dans la carte. Maintenant, il y a quelques options ici, comme la molette de la souris. Donc, si vous enlevez cela, ils ne peuvent pas aimer, défiler et le rendre plus petit ou plus grand. D' accord ? Et c'est mobile, sorte que vous pouvez réellement l'avoir boire sur mobile aussi bien. Il s'agit d'une nouvelle fonctionnalité, l'ajout et une mise à jour en cours. Donc c'est plutôt cool. Ils ont fait ça. Alors je vais à cette petite case à cocher. Donc, si je clique ici, vous voyez notre siège ouvert de 9 à 5. OK, donc c'est à peu près ce que les gars pour cette section est assez simple. Assez simple. Ah, la section suivante. On va parler plus du pied de page. On va parler de widgets et de branchements. Ok, donc je te verrai dans la section suivante. 13. Plugins, le pied et les widgets: D' accord, les gars. Bienvenue de retour. Donc maintenant, nous allons gâcher quelques widgets et notre zone de pied de page. D' accord ? Maintenant et plus tard dans la section du tutoriel plus tard, nous allons le vivre plus avancé et faire des pieds de page personnalisés. Mais je vais vous montrer le pied de page par défaut avec le truc Davy. D' accord ? Alors assurez-vous que vous sauvez vos progrès, je suppose que Trust est parti. Assurez-vous d'enregistrer. C' est que tu ne veux pas revenir, ton site a disparu. Et ça va ici pour tableau de bord maintenant, les gars, il y a plusieurs façons d'accéder aux widgets, Alors d'abord, nous allons cliquer sur visiter les sites. Maintenant, c'est une façon. Si je vais à la personnalisation de thème, accord ? Et il est en train de charger ça. Et je vous ai dit que vous reviendriez un peu plus tard. Donc, en allant par ici, on va faire défiler maintenant, par ici sous les widgets, on a la zone des pieds 123 et 4. Donc, je vais aller à la zone de pied un et cliquez sur Ajouter un widget, et je vais simplement ajouter comme un juste un petit widget. Vous savez, c'est juste pour des fins industrielles, vous savez, c'était juste, vous savez juste ceux qui viennent avec défaut. On en aura plus plus tard. Donc, comme, à propos de nous juste ici et là juste, je vais juste aller de l'avant et Adam un texto factice. Ok, donc vous voyez, juste ici en bas à droite, nous avons à un widget, et maintenant nous avons cette section. En ce moment, nous pouvons aller ici et aller à la zone d'ajustement à hors de widgets et peut-être vouloir nos pages ici maintenant. Ok, alors maintenant nous avons nos pages. Donc, ce sont essentiellement des widgets, les gars, ce sont essentiellement des fonctionnalités ajoutées, donc je vais enregistrer et publier. Maintenant, continuons à brancher et parlons de la combinaison de widgets et, hum, branchements, branchements, quelqu'un ici je vais au tableau de bord. Et pour ceux d'entre vous qui ont une marque WordPress et qui n'ont aucune idée des branchements, je vais vous parler de ce qu'ils sont vraiment. Donc, c'est des branchements. Je vais aller ajouter du nouveau. Alors imaginez votre site Web comme un iPhone. Ces plug-ins sont comme des AP, donc votre site Web et ils ajoutent des fonctionnalités supplémentaires. Donc, aller à certains d'entre eux ici, c'est un formulaire de contact. C' est ici un plan de site XML. Ceci ici a sauvegardé vos sites Web. Hum, c'est ici que vous dupliquez vos messages. C' est ici un générateur de page. Cela aide ici avec de l'argent, etcetera. Yos aide avec Seo. Ça t'aide. Tu sais, euh, il a trouvé plus de moteurs de recherche. Will commerce vous donne la possibilité de vendre des choses, Donc, chaque widget gars a une fonctionnalité différente. Maintenant, disons que vous voulez faire quelque chose comme une boîte Facebook, et vous savez, je ne peux pas vraiment vous dire, les gars, quel est le meilleur brancher ? Tu sais ce qu'il y a de mieux ? Parce qu'il y a juste des millions d'entre eux, leur APS. Donc, tout comme l'iPhone et l'Android, il y a des millions d'APS. Donc, ici, ils ont beaucoup de différentes boîtes comme Facebook, mais celui que j'aime utiliser et qui fonctionne vraiment bien, est-ce que celui-ci juste ici ? Le widget Facebook like box. Donc je vais aller installer, et je vais installer ça, et ça va être disponible en tant que widget. Donc, s'il dit widget comme boîte, cliquez sur activer ici. Bon, donc nous avons le widget Facebook comme la boîte. Donc une autre façon d'aller à nos widgets est d'aller à l'apparence et d'aller à des widgets. Donc ce sont les mêmes sorcières, les gars, c'est juste une façon différente de les ajouter. Alors, juste ici. Zone de pied de page, un pied de page, zone à. Et cette barre latérale est pour, genre, la page blawg. Et nous en parlerons un peu plus tard. Mais pour l'instant, je veux prendre ce peu, vous savez, Facebook comme widget boîte et simplement le faire glisser ici. Deux pieds de page, zone trois. Maintenant, vous devrez aller à votre Facebook, et vous aurez besoin d'obtenir la longueur. gars, Lesgars, rappelez-vous, ça doit être une page de fans. Ce n'est pas un, hum, ce n'est pas un, euh, comme un basique. Il doit être public. Ok, je suis désolé. Une page de fan. J' ai donc pris le lien de ma page de fan. Ceci est ma page de fan actuelle. Ok, anima va par ici et je vais simplement, euh, vous savez, mettre ça, genre, suivre nous ou vous me suivez et la page que je vais aller de l'avant et payer assis maintenant avec nous peut laisser cette norme. La hauteur conduira à cette norme jusqu'à ce que nous voyions à quoi elle ressemble. Et ce sont d'autres options, comme, tu sais. Voulez-vous cacher la photo de couverture ? Tu veux montrer des visages à tes amis, etc. ? Je suis un clic sur enregistrer en ce moment. Ok, maintenant il va de l'avant et va sur nos sites web. Non, en fait, je vais juste en ouvrir un autre, en fait, et voir ? Oui, on en ouvrira un autre ici. J' aimerais avoir un ami et un éditeur, vous savez, mais pour ce style, il n'y a pas d'ami et d'éditeur. Donc ici, je suis un défilement vers le bas. Alors suivez-moi. Vous voyez, j'ai maintenant la boîte similaire, mais peut-être que je veux la rendre un peu plus grand pour voir comment le témoin sur une coupure juste là. Donc aller ici sous le avec ça pourrait faire un peu plus grand. 2 52 ou 50 pixels économisent. Maintenant, reviens par ici. Je vais cliquer sur rafraîchir. Ok, donc je vois que ce sont des mecs plus gros. Donc, vous voyez, maintenant il est plus grand et leurs widgets Instagram. Les gars, il y a toutes sortes de trucs. Il y a tellement de différents types de plug ins que vous pouvez utiliser comme, vous savez, si vous avez un instagram, ils ont un flux instagram étaient. Fondamentalement, Chaque fois que vous publiez quelque chose sur Instagram, il y aura comme un flux Instagram et regarder, il y en a toutes sortes. Il y a des tonnes de, euh , vous savez et tous ont, vous savez, les vous savez, différentes installations dans les différentes évaluations. Donc, vous pouvez vraiment jeter un oeil aux évaluations parce qu'elles sont assez précises. Donc, d'habitude, s'il y a une fiche très mauvaise cotée comme ça ici, d'habitude, ça ne marche pas bien, vous savez, et il y a aussi quelque chose comme un flux Twitter. Donc, ici, vous pouvez, comme, vous savez, ajouter dans votre flux Twitter à vos sites WordPress. Euh, tu sais, aussi des icônes sociales. Donc, les gars, la quantité de branchements est illimitée là-bas, tant de types de prises différentes, et vous allez devoir vous aventurer et faire votre propre truc et trouver ce qui fonctionne le mieux pour vous. J' aime l'accès social. Je pense que c'est une très bonne icône sociale. Un. Je pense que c'est vraiment bien, vraiment bien, mais à moins que ce ne soit ma recommandation, les gars, vous pouvez utiliser n'importe lequel de ces trucs et apprendre comment ils fonctionnent. Tous ces branchements, les gars, ils fonctionnent tous différemment. Ils sont tous créés par des personnes différentes. Et c'est juste à vous de passer en revue chacun d'entre eux ou tout ce que vous voulez accomplir et juste, vous savez, apprendre comment ça marche. Comme celui-là. Il a une cote de 1 et 700 probablement pas la meilleure. Et ils ont celui-là a l'air vraiment cool. Ils ont également des parts sociales. Donc disons, vous savez, vous voulez que vous aimez un blogueur ou quelque chose comme ça et vous voulez, vous savez, avoir cette petite icône de partage juste ici. Ici, ils ont, comme, comme, la part sociale où les gens peuvent juste aimer, cliquer dessus et le partager sur leur Facebook ou quelque chose comme ça. C' est un exemple de partage social. Ok, donc c'est une liste rapide des widgets et des branchements. Donc, en retournant ici pour visiter les sites, je vais aller à la, euh nous allons aller à cette section juste ici, qui va être le, euh le fond était juste là. Donc je vais passer à notre personnaliseur de thème, et on va en quelque sorte le modifier comme ça. Ok, donc c'est bon et faites défiler vers le bas. Et ici dans les widgets, les gars, les gars, on peut en ajouter un de plus à la zone de nourriture juste en ajoutant quelque chose, vous savez, ce que vous voulez. J' ai une boîte de recherche ou quelque chose comme ça. D' accord. Et cliquez sur enregistrer non publié. Donc, s'ils veulent chercher quelque chose, ils peuvent le faire juste là. Bon, en retournant ici, on peut vraiment changer. Comme, tu sais comment le pied ou l'air juste ici. Ainsi, la mise en page, nous pouvons changer la mise en page. Nous pouvons changer la couleur de fond de ceci afin que vous puissiez obtenir vraiment personnalisable. Donc, les widgets ici, nous pouvons changer la taille du texte. Et vous les gars, tout ça est pareil ici. Donc, la taille du texte du lien du corps, Vous savez, la couleur du lien du widget. Vous connaissez l'ombre ici, la couleur que nous avons pour que vous puissiez passer par ces réglages et changer. Vous connaissez l'ombre ici, Tu sais quoi ? Vous aimeriez que ça ressemble à ? C' est fondamentalement comme le texte, les polices et tout le reste et les éléments de pied de page ici. Donc ici, nous avons les icônes sociales en bas à droite ici, donc vous pouvez choisir de cacher ou de les montrer. D' accord, en revenant ici, le menu des filtres, bien sûr. C' est cette section en bas. Et vous pouvez choisir de jouer avec ces etcetera et la barre inférieure à nouveau ici et juste ici vous pouvez, vous savez, vous savez, éditer le pied ou les crédits pour dire, comme, euh, fait par zéro Wilson. Et puis ici, vous pouvez ajouter, comme, une autre, vous savez, une couleur différente ou quelque chose comme ça. Quoi que vous vouliez , vouspouvez choisir la , vous taille de l'icône sociale. Donc tu veux un peu plus grand. Et, vous savez, ce sont juste des gars, comme juste des réglages très simples. Taille de la police, couleur du texte, couleur de fond. C' est là que tu vas te lancer dans ton propre truc. Maintenant, je veux vous montrer comment les lier. Donc, il n'y a pas d'option ici. La longueur de la facilité. Donc je vais enregistrer et publier, et je suis fermé et on va aller à notre tableau de bord ici et aller à Davy pour aller sur les options de thème. Maintenant, je vais faire défiler vers le bas. Il ne cesse de croître, il suffit de garder le chrome. Et vous voyez ça ici, Facebook, Twitter, Google et ça juste ici. Donc ces petits je suppose que vous pourriez chanter des signes numériques ou où vous allez mettre l' adresse pour ces icônes. Ok, alors rappelez-vous que ces icônes correspondent à tout ce que vous mettez ici dans les options de thème. D' accord. Et plus tard, les gars, nous parlerons plus sur la façon de créer des pieds de page personnalisés tels que ceux qui ressemblent à ça ici. Donc fondamentalement, euh, aller dans le futur, ici, les gars, c'est juste un module. Il s'agit d'un module de texte, d' un module de texte, d'un lien, d'un lien, d'un lien, d'un lien, d'un lien. Ce sont les icônes sociales et un module de texte. Nous avons créé cette illusion que c'est ici le pied de page. Mais ce n'est vraiment pas par défaut. C' est le courant plus loin pour voir de quoi je parle. Donc c'est comme ça qu'on peut, genre, devenir encore plus personnalisable, divvy ? n'y a pas de limitation. Tu dois juste penser à des choses et ça sera fait, non ? Et aussi, si vous voulez un logo, c'est là que vous allez l'ajouter ici. Donc, sous le logo ici, vous pouvez cliquer sur télécharger et vous savez, il suffit d'ajouter un logo. Ces gars ne sont pas de bons logos. Si vous voulez un logo, je vous recommande d'aller à cinq ou point com et d'obtenir votre propre logo. Il y a un lien pour son ou je suis désolé. Il y a une annonce pour cela avant cette leçon pour obtenir votre logo là-bas. C' est vraiment, vraiment bon. Et voici votre logo et votre Fabrikant. Alors qu'est-ce qu'un Fabrikant ? Un tissu dessus ? Est-ce que cette petite icône est juste ici sur le navigateur pour voir ça juste là ? Comment nous avons ces petites icônes. Donc, nous allons télécharger et simplement télécharger va télécharger le soleil juste ici, et nous allons de l'avant et cliquer sur coffre-fort. Ok, donc je vais encore visiter le site et vous voyez notre logo juste là. Et maintenant, nous avons ce petit Fabrikant juste là. Ok, donc, les gars, rappelez-vous, si vous voulez un logo, je recommanderais d'aller à Fiber Dot Com et, vous savez, amener là c'est, euh, le meilleur endroit pour obtenir un logo. Tu le prends pour, genre, cinq dollars là-bas. Vraiment gentil. Et ils sont vraiment légaux. Ok, donc c'est à propos de ça pour la section, les gars. En ce qui concerne le logo et tout le reste dans la section suivante, nous allons parler du menu, donc je vous y verrai. 14. Création de menu: Qu' est-ce qui se passe, les gars ? Bienvenue de retour. Donc on va parler du menu. Il y a beaucoup de styles différents que vous pouvez avoir avec ce menu. Donc, la première chose que vous allez faire est d'aller ici pour divvy thème sur les trois premiers, Quel que soit votre site Web appelé et aller à votre personnaliseur de thème. Ok, donc vous allez descendre à la navigation d'en-tête et juste ici sous la barre de menu principale se réfère va cliquer sur ce maintenant il y a quelques options juste ici. Donc, disons que vous voulez faire cela plein avec cela va le donner plein avec effet. Ou vous pouvez choisir de masquer votre image locale si vous ne le souhaitez pas maintenant. Ici. Bien sûr, vous pouvez contrôler la hauteur du menu. Vous pouvez le rendre vraiment, vraiment grand ou vous pouvez choisir de l'avoir n'importe quelle taille maintenant. Aussi pour la hauteur du logo, cela augmentera réellement la taille du logo pour s'ajuster au menu. Maintenant, la taille du texte Donc ici, vous pouvez voir que nous avons la taille du texte. Si je fais cela plus grand, le texte deviendra plus grand aussi. Et aussi pour l'espacement des lettres, vous pouvez choisir d'avoir un espacement entre les lettres de votre menu ici. Et bien sûr, on peut changer la police, donc je vais faire quelque chose comme, euh bien, euh bien, faire quelque chose comme, euh, euh, vraiment les chemins de fer étaient toujours bons. D' accord ? Et là, je l'ai. Taille Atala. Je vais juste partir comme si c'était juste un boulon normal. Ok, maintenant, si vous voulez réaliser, c'est un menu transparent. Par ici, sous la couleur de fond, nous avons ces deux barres. On a ça ennuyeux à gauche, et on a ce bar à droite ici. D' accord ? Voulez-vous le rendre transparent ? Tout ce que vous devez faire est de prendre cette deuxième barre, qui est la barre de transparence, et de la faire glisser jusqu'au bas. Et peu importe la couleur que vous avez de ce côté. C' est entièrement transparent. D' accord ? Et si vous voulez augmenter l'opacité, vous allez aller de l'avant et, vous savez, vous savez, faites-le glisser vers le haut et ensuite ici peut changer la couleur à ce que vous voulez. OK, j'ai beaucoup de questions à ce sujet. Donc, c'est essentiellement ainsi que vous obtenez cet effet de transparence et la couleur du lien actif. Donc en ce moment, nous avons cliqué sur la maison Donc, ici, c'est en gros dire ce que vous avez cliqué sur le dernier, c'est le lien. Ça va montrer si tu ne veux pas que Teoh soit sur ton site web. Il suffit de produire la transparence, d' accord ? Et cela s'occuperait essentiellement de l'effet de couleur de longueur, accord. Et aussi pour le ah, vous savez, la couleur de la ligne de menu déroulant. Autrement dit, s'il y a un menu déroulant, il y a, comme un petit bar. Donc, vous seriez en gros désordre avec cet air pour les menus déroulants, les gars. Donc, si vous voulez avoir une goutte en vous, sont les couleurs que vous auriez à jouer avec. Ok, donc ils sont assez faciles, assez explicatifs. Mais je veux vous montrer différents styles du menu. C' est juste un style de menu, et vous savez, je n'aime pas trop ça, vous savez, je n'utilise pas vraiment ce style trop. Beaucoup de pour les sites Web. Donc, en allant ici au format d'en-tête. Donc, nous avons le style d'en-tête. Maintenant, nous avons quelque chose appelé centré. Maintenant, vous voyez, le logo ici est centré avec nos pages ou nous avons aligné au centre avec le logo maintenant nous avons le logo et ensuite nous avons le menu à l'extérieur de celui-ci. Je suis désolé que les pages en dehors de lui et ensuite nous avons glissé dans. Donc léger est fondamentalement dire quand quelqu'un clique sur ce petit onglet de menu, cela va s'ouvrir et vous pouvez changer la couleur de cette Etcetera. OK, donc j'ai fermé ça et on a plein écran. Plein écran est fondamentalement quand vous cliquez sur cela, les gars, il va introduire un menu entier qui couvre toute la page. Ok, donc maintenant, mon aller à sauver publié. Maintenant, si vous avez choisi d'avoir la diapositive et ou le plein écran, vous obtiendrez une option supplémentaire ici, sous la diapositive et en plein écran. Et cela contrôle fondamentalement toute cette section ici. Donc nous avons la couleur de fond que je peux changer, vous savez, vous savez, ce que j'aime quelque chose comme l'orange. Ou on pourrait le rendre transparent. Et ces options sont les mêmes options exactes que dans l'autre menu, comme les polices. Et vous savez, la lettre espacant la taille du texte du menu, etc. OK, donc une autre option que je voulais vous présenter est le menu vertical. Donc, je vais aller à l'en-tête Formats. Modifiez cette valeur par défaut. Maintenant, je vais activer la navigation verticale. Alors maintenant, vous voyez, le menu est à notre gauche. Vous avez déjà vu ces sites où le menu est comme à gauche ou à droite  ? Donc, ici, on peut le mettre à droite aussi. Donc, vous pouvez avoir votre menu juste là, et il apparaîtra juste comme ça. Toutes vos pages. Ok, donc c'est juste une autre fonctionnalité que vous pouvez avoir. Maintenant, il y a un menu secondaire. Ok, donc ici sous le format d'en-tête, je vais juste enlever ça, et je vais le dire maintenant. Sous la barre de menus secondaire, il y a un autre menu que vous pouvez mettre en haut ici, mais nous devons d'abord l'activer. On va donc régler les paramètres de navigation. Je suis désolé. Le ils avaient des éléments er. Et juste ici, disons que vous voulez des icônes sociales, social quoi que ce soit, et puis juste ici et mettre un numéro de téléphone, et puis je mettrai un email. Ok, maintenant je vais enregistrer et publier. Bon, maintenant, je vais fermer ça très vite et vous pourrez voir en haut juste là. Nous avons une barre de menu secondaire qui apparaît en haut. Donc, c'est une autre façon que vous pouvez avoir, comme, un menu secondaire à avoir au-dessus aussi. Ok, donc revenons ici à notre personnaliseur de thème. Donc, une fois que vous avez activé, vous pouvez choisir d'avoir ça. Comme, vous pouvez changer la couleur de la deuxième barre de menu ici. Donc, la couleur de fond, etcetera, et toutes ces autres options. Ok, Maintenant il y a un autre menu que vous pouvez avoir, et c'est en fait assez cool. Je l'ai vraiment eu sur un de mes sites Web juste ici. Alors voyons par ici. Qu' est-ce que tu penses que c'est, comme un autre site de test ? Les gars, c'est juste pour deux buts et tout. Donc, je vais aller de l'avant et va activer le constructeur visuel maintenant ce site, si je fais défiler ici, vous voyez ce menu ont juste ici. C' est un menu complet. Donc c'est en fait un type de module. Donc, c'est un modèle que vous pouvez avoir qui est plein avec donc en cliquant sur ce droit ici sous plein avec. On va aller au menu complet, d' accord ? Et il serait fondamentalement juste prendre votre menu juste ici et vous pouvez être décoré. Vous pouvez changer la couleur d'arrière-plan de celui-ci. Tu peux faire ce que tu veux. Donc, et vous pouvez, vous savez, centrer la taxe. Vous pouvez changer la police tout de même. Les options pour tous les autres modules sont fondamentalement dans cela aussi. Ok, donc c'est très simple d'utiliser les mecs. C' est cool, tu sais, c'est un petit effet cool, et c'est ah, c'est une façon créative d'ajouter un menu. Vous pouvez voir ici que j'ai ajouté en bas. Donc, il n'y a pas de menu nulle part et juste ici vous le voyez juste ici. D' accord. Mais bien sûr, s'ils défilent ici, j'en ai ajouté un autre en haut à droite. Ok, donc c'est comme une autre façon pour vous de comprendre différentes techniques sur le menu parce que le quatrième menu n'est pas utilisé beaucoup. Mais, vous savez, c'est un excellent exemple du quatrième menu. D' accord, d'autres que les gars, c'est fondamentalement et pour le menu, c'est assez explicatif. vous avez juste un peu foiré avec les options. Je joue avec la couleur. Découvre ce que tu veux. Mais le menu pour Davy est très, très bon. Et il a, ah, beaucoup de diversité selon votre site web, etc. OK, alors allons-y et passons à la règle de la section suivante. Démarrez la page à propos des États-Unis. Je te verrai là-bas. 15. La page nous qui nous de nous: D' accord, les gars. Bienvenue de retour. Donc, ici, nous allons faire le sujet d'une section. Donc, je dois faire est d'aller à votre page à propos de nous et cliquez sur activer le constructeur visuel. Bon, donc on va commencer ici. Je vais cliquer sur la petite icône plus ici, et je vais ajouter un module complet avec maintenant pour cette section. Les gars, on va utiliser un en-tête complet juste ici et juste ici. Mets quelque chose comme chez nous. Apprenez tout sur nous. Ok, maintenant je vais vraiment centrer ça ici, ok ? Et pour la couleur du texte, nous pouvons laisser cela comme sombre pour l'instant. On n'a pas besoin de le changer. Rappelez-vous, nous pouvons toujours changer cela dans la section design. OK, donc cela a une section vraiment cool qui dit, faire en plein écran un certain clic sur faire plein écran. Bon, maintenant, maintenant, si on fait défiler ici, on a des choses l'un l'autre. Comme un bouton. Quand vous sortez, on peut ajouter des boutons, les gars. Mais vous savez, ces types de modules sont tout au sujet de la créativité. J' ai choisi de ne pas utiliser les boutons ici. Je voulais juste le plein avec effet, et je voulais le titre. Donc, juste parce que le module vous donne certaines fonctionnalités, cela ne signifie pas que vous devez les utiliser. Tout est question de créativité. Quoi que vous puissiez penser à faire votre site web avec, utilisez-le, vous savez, c'est simple. Donc ici, je suis un défilement vers le bas et cliquez sur ce chèque. Maintenant, j'ai cette section d'ici. Pourtant, je vais aller de l'avant et supprimer que je n'utilise jamais vraiment celui qu'ils nous donnent par défaut. Il y a donc deux façons d'ajouter une image d'arrière-plan. On peut aller à cette icône d'engrenage et cliquer sur télécharger, OK. Et je vais simplement aller de l'avant et sélectionner une image. C' est donc une façon de le faire. L' autre façon de le faire est de passer ici à cette icône d'engrenage et de l'ajouter dans cette section juste ici pour que je puisse mettre quelque chose comme ça et le télécharger là. Ok, même chose. Alors maintenant, allons de l'avant et disons, OK , écoute, j'ai ajouté l'image de fond, mais je veux en quelque sorte ajouter, vous savez, je veux changer un peu ce texte. Je veux que ça paraisse un peu mieux. Donc, ici dans le design, je suis l'avant du titre C. Nous allons aller à la couleur du téléphone titre prendra juste un orteil blanc. D' accord. Et le sous la couleur de sous-tête pour cela changera aussi. C' est un orteil blanc ? Ok, maintenant le titre finance. Donc peut-être que tu veux ça comme tu le sais, on doit le garder. faut que ça reste cohérent ici. J' ai choisi le chemin de fer juste là. D' accord. Et juste ici. Croyez que le contenu ici ou je suis désolé. La sous-police changera à quelque chose comme le chemin de fer aussi. D' accord. Et vous pouvez choisir la taille ici. Donc celui-là un peu plus grand. Et nous pouvons avoir celle-là vraiment, vraiment grand. Ça ressemble à ça, ici. D' accord. C' est essentiellement comme ça que nous réalisons cette section ici. C' est juste des polices différentes, les gars, c'est vraiment tout ce que c'est. Ok, alors on va cliquer sur le petit chèque. Nous avons donc ajouté cette section dans. Allons de l'avant et continuons et créons cette section ici. Et en regardant ce type, c'est essentiellement un appel à l'action ici sans bouton. Et ce sont des comptoirs de bar. Donc nous allons l'utiliser maintenant. Donc ici, cette icône plus, je suis un clic sur un régulier et cliquez sur Tout droit. Ainsi, les compteurs de bar que vous pouvez déjà voir, y compris cette icône plus aux compteurs de bar et à un nouvel élément. Alors, tu sais, comment veux-tu l'appeler ? Vous savez, concepteur Web, design Web, compétence. Ton ouais. Et puis je mettrai, genre, genre, quelque chose comme si tu avais un négatif. Négatif. Qu' est-ce qui t'est arrivé ? Négatif. Tu vois ? Ok, ça ne bouge pas. Ok, tu peux toujours sortir, et je n'ai jamais fait ça. En fait, je viens d'ajouter, genre, un nombre comme 80 et puis ça remplira 80% de ça ici. Ok, maintenant, juste là. Vous pouvez changer le design comme la couleur de fond. Et rappelez-vous, les gars utilisent juste, vous savez, changer pour un sur Lee, et ensuite vous pouvez dupliquer la rose si vous voulez en ajouter plus. Donc, ici, nous avons le rayon de la frontière, ce qui lui donne cet effet circulaire. Je peux changer les polices pour quelque chose comme ça. Et le titre me couleur bleue, vous savez, vous savez et les gars, vous pouvez juste aller dans les paramètres et juste, vous savez, vous savez, envoyer un message à ces air essentiellement comme la police pour cent. Donc ce pourcentage signe quelle police ? Tu le veux ? Quoi ? Couleur du texte ? La lettre. Espacement, etc. OK, donc ce sont tous des gars assez familiers. Et c'est, euh vous savez, à ce stade, vous étiez juste en train de jouer avec le décor, donc je ne veux pas trop les examiner. Et nous pouvons également ajouter un rembourrage entre le rembourrage supérieur et la galette inférieure. D' accord. Donc, une fois que vous avez, vous savez, compris ce que vous voulez, vous pouvez juste cliquer sur les doublons et peut-être les dupliquer, genre, quelques fois. Maintenant, c'est un peu trop espacé. Donc, vous devriez aller de l'avant et, hum, réduire le rembourrage là-bas. Ok, donc ici, j'appelle cette icône de vitesse. Et, tu sais, en fait, on aurait dû être comme ça. Faisons comme ça à la place. D' accord ? Donc, au lieu de dupliquer les gars de la ligne entière, vous allez juste ajouter plus de modules. D' accord ? Mon erreur. Donc, juste ici, sous l'icône d'engrenage, vous pouvez simplement aller ajouter un nouvel élément, puis simplement le faire comme ça, puis le dupliquer de cette section ici. Ok, donc tu as dupliqué à partir de là. Ok, donc c'est un moyen rapide de dupliquer toutes les choses que vous avez. , Ce que j'ai fait,c'est que j'ai dupliqué toute la rangée juste là. Ok, donc c'est là qu'ils étaient espacés. Donc, euh, vous savez, vous voudriez le faire à partir des paramètres du compteur de bar. Ok, maintenant, par ici, nous allons ajouter un appel à l'action. Ok, donc on va mettre quelque chose comme, hum, je ne sais pas, ce qui mettrait bien que notre histoire cool soit une super histoire, et ensuite on va aller de l'avant et faire défiler vers le bas, mais en fiscalité, Rien. Couleur d'arrière-plan. Non. Tu sais, je n'aime pas la façon dont ils font toujours ça. Tu sais, c'est par défaut. Je n'aime pas ça. Je ne veux pas de cette couleur. C' est tellement moche, tu sais, une couleur si laide. Donc, la couleur du texte mis noir et puis juste ici sous le Allons chercher mon site secret secret . Ok, je vais y aller et ajouter un peu de ça ici, OK ? Et je vais jeter ça là-dedans. D' accord. Et puis, bien sûr, les gars, je vais faire défiler ici, et je vais essentiellement créer une illusion d'un lien juste ici. Donc reproduire plus d'histoire, OK ? Et là, je vais créer un lien dans le module. Donc, je ne crée pas vraiment de bouton. Je ne veux pas de bouton. Tu sais, je pense que c'est peut-être trop là, mais je pense qu'un petit lien sympa serait juste un peu mieux, tu sais ? Donc ici, je vais juste mettre quelque chose comme mes sites Web et ensuite aller à Okay. D' accord. Donc vous voyez que nous avons le petit lien juste là, donc ça semble beaucoup mieux. Et ici, on peut, tu sais, le mettre à droite. En fait, changez tout à droite. C' était trop. Donc nous pouvons choisir d'avoir ça. Tu sais, importe ce que tu aimes. D' accord. Et puis peut-être par ici, vous savez, vous pouvez ajouter la grande histoire, vous pouvez choisir ça à quelque chose comme à gauche aussi. Ok, donc ça a l'air cool. Et c'est fondamentalement la même chose que nous avons ici. les gars. Sauf que la raison pour laquelle ça a l'air un peu plus grand, c'est parce que je veux que vous répondiez à ça pour moi juste en regardant ça, ce n'est pas plein avec. Nous devons faire tout ça avec. Donc, ici, je peux cliquer sur rendre ce plein avec. Et voilà. Maintenant, vous pouvez voir que nous l'avons fait. Les barres s'étirent. Maintenant, nous pouvons aussi faire quelque chose comme personnalisé avec. Disons que tu veux dire, écoute, je ne veux pas aller trop loin. Donc ici, vous pouvez en quelque sorte contrôler jusqu'où vous voulez qu'il aille pour que vous puissiez l'augmenter . Ok, donc c'est la même section que nous avons ici. La raison pour laquelle ils ont l'air différent, bien sûr, est juste les gars de couleur. C' est simplement la couleur et la taille. Donc, ce sont essentiellement les mêmes êtres exacts. Ok, donc c'est à propos de ça pour les gars de la section. J' espère que cela vous aidera à comprendre comment utiliser ces modules et les manipuler et faire ce que vous voulez. Maintenant. Juste ici, les gars. J' aurais pu ajouter un appel à l'action, mais je voulais juste que ça ressemble à ceci. Tu connais la lecture de l'histoire ? Je ne veux pas vraiment le mais là-dedans, mais vous pouvez toujours ajouter le bouton. J' essaie juste de te faire comprendre différentes façons d'utiliser le thème Davy. Ok, alors passons à la section suivante, qui est les blurbs. Je vous verrai tous là-bas. 16. Créer des icônes et des boucles: Bon, les gars, bienvenue. Donc, ici, nous allons créer cette prochaine section juste ici. Et en regardant, j'espère que vous pouvez comprendre quels modules nous utilisons et quelle rose nous avons utilisé. Il s'agit donc d'une ligne de trois colonnes, et il s'agit d'une icône de blurb, d'une icône de blurb et d'une icône de blurb. Maintenant, vous pouvez choisir soit dupliquer la première rangée, ou vous pouvez juste, vous savez, dupliquer chacun et juste l'ajouter ci-dessous juste ici. Et nous avons une image de fond. Et nous avons utilisé cette petite section bleue sur le rechargement ici lorsque vous activez le constructeur visuel , bien sûr, à ajouter dans cette image. Ok, alors allons de l'avant et créons ça. Donc, je vais activer le constructeur visuel déjà il est activé. Et là, je vais aller à plus de nouvelles lèvres, Whoops, régulier et aller à une rangée de trois colonnes. Ok, donc ici, je vais juste ajouter un blurb. Et pourquoi a fait quelque chose comme, euh, vous savez, meilleur webbed ou la meilleure société de référencement. Et je ne vais pas mettre l'euro. Maintenant, je vais utiliser l'icône et nous allons choisir lequel devrait nous l'utiliser ici. C' est bien. Tu sais, c'est la couleur la plus laide. Je souhaite par défaut que ce soit comme du bleu ou quelque chose, ou je ne sais pas, comme, ce n'est pas vraiment laid couleur par défaut. Donc ici, je vais mettre une icône bleue, ok ? Et faites défiler vers le bas, et je ne veux pas ajouter une icône de cercle. Je ne veux pas ajouter ça. Ça n'a pas l'air. Et cette couleur est juste hideux Zari ici sous le placement de l'icône de l'image. Je suis hors de ça. La gauche juste ici. D' accord. Et en faisant défiler ici. Je vais aller de l'avant et aller sur mon site secret ici et aller de l'avant et suivre un texte fictif juste ici. D' accord ? Peut-être que c'est un peu trop. Trop de texte, un peu plus propre comme ça. Ok, Maintenant, sous la conception, les gars vont design et vous pouvez choisir la taille de la police de l'icône. Donc ici, vous pouvez choisir de l'avoir vraiment grand ou quelque chose comme ça. Et bien sûr, vous voulez changer la police. Quelque chose comme le chemin de fer ou, bien sûr, ce que vous choisissez. Et nous pouvons choisir la taille de la police d'en-tête. Maintenant, si vous regardez ça juste ici. Et tu regardes celle-là. On a de l'espace entre eux. Alors, comment pouvons-nous accomplir cela ? Eh bien, nous devons ajouter dans la ligne Hauteur. La hauteur de la ligne ici va essentiellement nous donner cette possibilité d'avoir de l'espace juste là . Vous pouvez voir qu'il est en train de créer une hauteur de ligne. Ok, donc, vous savez, le corps suit etcetera. Tu sais, je crois qu'on a fini ici. C' est juste, tu sais, si tu veux le changer en quelque chose comme tu veux, c'est un front cool. D' accord ? Je vais le laisser là pour l'instant, et je vais le dupliquer et le faire glisser ici. Je vais dupliquer ça, et je le traînerais ici. Maintenant, bien sûr, vous pouvez choisir soit de les dupliquer encore ici et de les avoir dans la boîte comme ça. Ou tu pourrais juste dire, tu sais quoi ? Je veux aller de l'avant et est dupliquer cette route entière. Et j'ai deux de ces boîtes, donc il y a deux façons de le faire. Ok, donc nous avons ces icônes ici et maintenant disons que vous voulez ajouter une image d'arrière-plan. Donc juste ici sous cette icône d'engrenage, cette icône d'engrenage. Les gars, ça contrôle toute cette section. Donc, si vous voulez avoir plus d'espace, vous pouvez choisir d'avoir plus d'espace ou en bas juste ici. Vous pouvez avoir plus d'espace, etc. Alors rappelez-vous, la section bleue contrôlera toute cette section. Donc, sous l'icône engrenage, vous pouvez l'ajouter comme une vidéo. Les gars, vous voulez l'ajouter comme une vidéo MP quatre ? Vous pouvez télécharger une vidéo, mais je vais ajouter juste une image de fond et simplement sélectionner bien, lequel ? Lequel on fait pour le faire ici ? Pourquoi personne n'a fait ? Ok, donc c'est tout, les gars. Tu sais, bien sûr, ça n'a pas l'air bien, parce qu'on doit changer la police en blanc parce que, euh, euh, tu sais, White a l'air bien mieux sur les yeux juste là. . D' accord. Et la même chose pour l'autre. Le corps du texte, le corps du texte, la même chose. Tout à fait. D' accord. Donc, vous savez, vous voulez probablement changer. Les deux Blancs sont comme j'ai juste ici. Ceux-ci sont blancs, et c'est gris. Ok, donc c'est tout, les gars. Et aussi, euh, j'ai plus d'espace sur cette section juste ici. Et comment j'ai fait cela était essentiellement, soit simplement saisir cette section concernant cette section et simplement augmenter l' espace juste là. Ok, donc c'est exactement comme ça que nous accomplissons cette section ici. OK ? Et bien sûr, les gars, c'est juste la couleur du texte qui explique pourquoi il a l'air différent. C' est ça. C' est juste la couleur du texte. D' accord ? Ce n'est pas différent. Il les couleurs vraiment, vraiment faire une énorme différence. Ok, alors allons-y maintenant et créons cette section ici. D' accord ? Donc juste en regardant à nouveau, les gars, vous pouvez probablement dire que c'est un appel à l'action sans bouton. Et j'ai fondamentalement incorporé ce peu apprendre plus. Et ceci ici n'est qu'une image standard. C' est ça. Donc, en passant par ici, allez à cette icône plus et nous allons à la ligne régulière et aller à deux colonnes. Maintenant, allez à appeler à l'action. Non, les gars, on peut ajouter un, mais dans ce temps, vous savez, si vous voulez ajouter un bouton, on peut aller de l'avant et choisir d'avoir un bouton. Donc, juste ici entrées meilleur thème WordPress. Et là, je vous ai mis un bouton tout ce temps. Donc ici, mais dans l'impôt va mettre apprendre plus. D' accord. Et je ne veux pas ajouter une couleur d'arrière-plan à cela. Il rendra ce texte sombre. Et pour l'orientation mettra cela à gauche et pour le contenu. Je vais simplement aller de l'avant et coller le contenu que j'ai juste là. Ok, donc c'est fondamentalement cette section, les gars, c'est assez simple. Maintenant, sous l'onglet design, vous pouvez choisir, bien sûr, d'avoir différentes polices pour cela ici et etcetera. Maintenant, si vous voulez ajouter la hauteur de la ligne juste ici, vous pouvez choisir Donc comme ça dans la hauteur de la ligne d'en-tête aussi bien. Ou on peut avoir, genre, voir l'espace. Tu sais, c'est une police vraiment moche. Tu sais, c'est vraiment, vraiment. Vous voulez augmenter la Maison Blanche, les gars, vous pouvez faire ça ici c'est bien, ok, donc c'est juste une autre façon d'obtenir cet effet. Tu sais, on n'a pas ce funk. C' est une polices laides. C' est un peu mieux, non ? Et puis, bien sûr, vous voulez changer la police ici pour le corps, qui est cette section Ici, Fonds du corps, couleur du corps. Tout cela contrôle cette section ici. Donc, nous pouvons aussi choisir d'aimer, vous savez, ajouter comme ligne haute, etcetera quelque chose d'un peu mieux sur les yeux. Si c'est trop près, les gars, c'est dur pour les yeux et les gens ne veulent pas le lire. Si c'est trop près, les gars, les gars, Tu sais, c'est juste la triste vérité. Et ici, sous la coutume sud pour Mais bien sûr, nous cliquons sur oui, juste ici. Et nous pouvons changer la couleur du texte du bouton juste ici. Peut-être que je n'aimais pas la couleur de fond cool. Je veux dire, comme un bleu, comme un bleu très transparent. Donc moi, comme ça va. Et bien sûr, vous demandez, vous savez, changer la police pour cette etcetera. OK, donc c'est essentiellement comme ça que nous réalisons cette section ici et cliquez sur ajouter une image. Je suis désolé. Cliquez sur le signe plus et nous allons ajouter un module huit images cette fois. Donc, défilant vers le bas, défilant vers le bas autour de l'image. Maintenant, allez et téléchargez l'image. Et je l'ai fait ici ? Oui, celui-là. Jusqu' à télécharger une image. Ok, alors comment on fait ressembler ça ici ? Quelqu' un sait ? Quelqu' un sait ? Eh bien, vous pouvez déjà commencer à voir qu'on a ce tapotement ici dont on va se débarrasser . Très bien, donc cette section ici, je vais aller rôtir des choses. Excusez-moi. Donc ici, nous allons rendre cette rangée pleine avec Ok, Maintenant, utilisez la gouttière avec. Et bien sûr, la gouttière avec réduira le rembourrage partout. Ok, donc tu vois ça maintenant comment on a cette grande image ici et ensuite on a les sections ici . Les gars, il y a beaucoup de façons de le faire. Nous pouvons en fait réduire cette section ici, ou nous pouvons réduire. Vous savez, vous pouvez le faire manuellement avec votre curseur comme ça et ici, comme ça ou comme ça, ou comme ça. Ou vous pouvez tout simplement aller de l'avant et changer tous ceux à zéro dans les paramètres routiers et dans les paramètres bleus aussi bien. Les paramètres bleus pouces Malte zéro, ce qui ne laisse pas d'espace. Ok, donc par ici, vous pouvez voir sur cette section juste ici. C' est trop crier ensemble, et ça n'a pas vraiment l'air bien. Donc nous devons changer ça ici. Donc, ici, sous la conception, nous avons besoin de nous. Vous savez, ajoutez une marge pour qu'on puisse ajouter, genre, genre, une marge supérieure, peut-être, peut-être, 30 ou 50 ou tout ce que vous voulez. Vous pouvez l'ajouter sur la marge de droite, pas sur une marge. Beaucoup de rembourrage pour cette section. Donc par ici, sous la droite, peut-être envie d'ajouter, genre, 50 personnes en ont, comme 50 pixels. Et puis à gauche, nous avons été ajoutés, comme 50 pixels aussi. Ok, donc vous pouvez, vous savez, une sorte de rembourrage à la façon dont vous voulez que ça ressemble ici. Peut-être que tu veux ça au centre ? Parce que c'est juste là. Mais le rembourrage crée à nouveau l'espace. La marge indique d'où elle commence. Ok, Maintenant, nous pouvons aussi voir si nous ajoutons la marge en haut à droite ici. Oups. Cela n'a pas l'air bien. Ok, donc c'est une autre façon, les gars , vous savez, vous pouvez choisir de dire, vous savez, que je veux plus de rembourrage ici. 60 70 80. Quelque chose comme ça. D' accord. Mais je me souviens aussi des gars que si tu le fais, comme 18 ans. 80 vous savez, les pixels ici vont forcer ça ensemble. Donc, si j'ajoute trop de rembourrage à droite dans la gauche, ça va tout serrer ensemble. Voyons si on peut faire quelque chose de créatif 100 on fera 100. Donc, c'est en gros dire, écoute, c'est le plus que ça puisse aller. Même si vous mettez 100 pixels. L' espacement des lettres dans le module dit essentiellement que c'est ça. On a fini. Tu ne peux pas. Vous ne pouvez plus faire de remplissage car nous devons changer l'espacement dans le texte dans le module. Ok, mais c'est comme ça que j'ai obtenu ce regard ici. D' accord. Et vous pouvez, vous savez, juste le rembourrage à ce que vous voulez. D' accord. Et bien sûr, vous avez la taille du texte du bouton. Rendre ça plus grand. C' est vraiment le bouton le plus laid que j'ai jamais vu. Je ne pense pas que personne ici utiliserait ce bouton. Je ne sais pas, mais ah , moins les gars, c'est comme ça que nous atteignons cette section. D' accord ? Bon, donc dans la section suivante, nous allons parler plus de la façon de créer cette section ici. Ok, donc je vous verrai tous là-bas. 17. Qui nous cont..: D' accord, les gars. Bienvenue de retour. On va créer cette section ici. Et en le regardant, j'espère que vous pourriez comprendre ce qu'on a utilisé. C' est ici un appel à l'action, et nous centrons simplement le bouton. Ici, il y a quatre compteurs de nombres, et nous réduisons juste le rembourrage, et nous avons ajouté une couleur d'arrière-plan à chacun. Ok, alors faisons-le. Allons Zschau vous comment le faire. Ok, donc ici je vais à mon plus, petite icône, aller à la normale. J' en ajoute un ici et simplement des chèvres pour appeler à l'action. D' accord. Et par ici à propos de Debbie. Le thème est le meilleur. Le bouton que vous êtes Je vais mettre, vous savez, Darrell Wilson Dot Com et les fesses dans les impôts mis maintenant. Maintenant, utilisez une couleur d'arrière-plan. Non, dans le texte. Je le veux. Oh, non. Je le veux. Euh, tu sais, je vais y aller et le laisser léger, ok ? Et je vais aller de l'avant et le laisser centré. Nous ne voulons pas ajouter qu'il ne voudrait pas ajouter de contenu là-dedans. Non, rien. Mais sortons et changeons la couleur de fond juste pour que nous puissions voir ce que nous faisons. Donc, ici dans cette icône d'engrenage, allez à la couleur de fond et nous allons simplement juste une sorte de désordre autour avec les paramètres . On y va. D' accord ? Et c'est essentiellement les gars, est la même chose ici. Sauf qu'ici, on l'avait dans un contenu. Bon, alors je vais par ici. Et donc nous allons de l'avant et collons ça. Et Paula maintenant, nous avons le contenu et pourquoi il semble différent est probablement parce que le bouton semble très différent. Donc, nous avons simplement réduit le rayon de la frontière ici pour le rendre plus circulaire. Et bien sûr, tu m'as fait changer les polices. Et vous savez, nous avons fait l'espacement juste ici. L' espacement des lignes entre l'en-tête. OK, c'est comme ça qu'on a tout réalisé. Donc, la conception à nouveau, nous avons la police d'en-tête, qui était chemin de fer. Ah, où est-il ? Tu devines quel résultat ? D' abord où est-il ? Ok, donc tu vas bien. Et puis la taille de la police et ensuite nous voulons les hauteurs de ligne comme ça. Ok, donc c'est comme ça que nous réalisons cette section. Très simple. Très simple, les gars. Très simple. Ok, donc ça va maintenant et fais cette section ici. Cette section est assez simple en allant ici à l'icône plus. Allez à la normale et allez à quatre. Et j'allais ajouter quelques compteurs ici. Si simples compteurs de numéros, je vais faire quelque chose comme, hum, je ne sais pas. Que devrions-nous ajouter ? 100 % de satisfaction. Et puis, ah, eh bien, ajouter quelque chose comme, hum, je ne sais pas, comme 30. Ok, signe pour cent ? Oui, bien sûr. Pourquoi pas ? Ici, on change en noir. Et bien sûr, nous avons juste besoin de dupliquer cette ligne, cette section déjà boop. Et puis, bien sûr, juste ici. Vous pouvez décider de changer ça comme, vous savez, nos ventes et nos revenus et peut-être, comme des actions marketing. Je ne sais pas, les gars, les gars, je suis juste en train de bavarder des bêtises à ce stade. Donc ici, je vais probablement enlever le signe pour cent, peut-être comme quelque chose comme, vous savez, 456 et cette section ici, nous ferons quelque chose comme 46. Et là, nous allons mettre quelque chose comme nous y allons. Ok, donc maintenant nous voulons aller de l'avant et gâcher les réglages juste ici. Laisse-moi aller à cette icône d'engrenage avec laquelle je veux faire ce fou. Et je veux réduire la gouttière avec 21 Cela fera qu'il n'a pas d'espace entre les deux. Ok, je suis désolé. Pas d'espace entre le module. D' accord ? Retourner par ici. Donc nous avons aussi cet espace bleu. On peut aller de l'avant et le faire glisser vers le haut. Ou rappelez-vous, sous l'icône d'engrenage, on peut changer le tapotement en haut juste ici. 20 Nous les renfermons tous à zéro. Et ça fera comme ça. Ok, alors maintenant allons de l'avant et disons OK, donc on a ça juste ici. Allons de l'avant et changeons la couleur entre toutes ces choses. Donc, sous cette icône d'engrenage sur la section de queue ira à la conception et aller à défiler vers le bas. Maintenant, nous l'avons fait. Mais en couleur 1, il y avait quelque chose comme, en fait, ouais, ça ne va pas marcher comme ça. Je n'aime pas ça comme ça. Hum, les chèvres gazeuses à pas celle-là. Voyez comment on peut faire ça. Nous irons poursuivre cette section ici, et nous allons probablement retourner Aditya sur la couleur à cette section spécifique juste ici. Je pense que cette section serait un peu plus idéale. Vous savez, l'autre section laisse ce petit espace de rembourrage, donc on dirait qu'il y a probablement des gars tapotant. J' ai probablement laissé un peu de rembourrage . On y va. Cette icône d'engrenage juste ici, et je vais réduire le rembourrage sur celui-ci juste ici sur le haut et les droits et le bas et avait gauche. Ok, donc c'est comme ça qu'on a fait ça ici. C' est, tu sais, cette section juste ici ? Nous y sommes parvenus. Alors maintenant, nous pouvons aller de l'avant et ajouter les couleurs. Je savais qu'il y avait du rembourrage. J' étais genre, non, il ne devrait rien y avoir. Mais, vous savez, les choses géniales de Kristi arrivent. Et bien sûr, les gars, vous pouvez ajouter une marge ici. Vous savez, si vous voulez ou vous pouvez mettre, comme , vous savez, aux droits ou à gauche, etc. Juste ici. D' accord. Donc je vous laisse juste savoir que, vous savez, différentes façons. Vous vous êtes foutus avec ce réglage ? Donc, par ici , des notes pour que nous voulons égaliser la colonne, Rose. Ok, donc cet espace va tout faire pareil. Chaque colonne aura exactement le même réglage. D' accord. Et sous la couleur de fond ici, je pourrais ajouter quelque chose comme, Ah, Ah, je ne sais pas ce qui me travaille ici pour la couleur de fond. Eh bien, je ne sais pas. Couleur de fond bleu. D' accord. Pour une colonne un, puis pour la colonne à nous ajouterons dans ce violet. Maintenant, la raison pour laquelle c'est toujours la même couleur, c'est parce que dans la section sarcelle je suis désolé. Dans le module lui-même, nous avons ajouté une couleur d'arrière-plan. Donc on doit sortir celui-là, accord ? Et pour la troisième colonne, j'irais à l'expérience de l'entreprise. James est quelque chose comme ça. D' accord. Et juste ici, tu devrais changer le rembourrage pour ces gars. Quelque chose comme, euh, 10 pixels. On se voit ici. On peut faire quelque chose comme ça. Il va ajouter quelque chose comme, euh, vous voulez 50 pixels et 50 pixels juste ici. D' accord. Et je pense laisser ça comme ça. Ok, donc on a juste ici 15 50, on va y aller et on va faire quelque chose comme 15 50 aussi. Donc, nous allons aller à la section de queue à nouveau et va aux paramètres de torréfaction sur la conception et juste changé tous ces pour tous ces tapotements juste ici fera. 50 et 50 15 50 et puis la section juste ici, nous ferons la même chose. Pourquoi n'a pas 50 ok et qu'il est dans le fond. Donc vous les gars, vous devez vous tourner pour voir que ça commence à être un peu comme, au centre. Donc ils ne sont pas, tu sais, au sommet. Et puis je viens ici sur la protection. On en fera 50 ici, et on en fera 50 ici. Ok, Maintenant, cette section ici, cette section bleue apparaît parce qu'il y a une couleur derrière elle sous les paramètres du module. Allons-y et découvrons comment on peut changer la couleur ici. Donc, sur la conception, faites défiler vers le bas. Maintenant, la couleur de fond veut changer ça pour quelque chose comme, disons, juste le bleu. Ok, on va aller de l'avant et faire cette transparence. Ok, donc maintenant, juste là, les gars. Cette rangée assise juste ici sous le rôti. C' est la couleur que nous avons maintenant. Ok, celui-là juste là. D' accord. Alors n'oubliez pas d'utiliser le module sarcelle au lieu d'utiliser réellement le module cause les gars, les modules vont entrer en conflit les uns avec les autres. Tu peux dire OK, alors juste ici. La raison pour laquelle cela s'est produit était parce que j'ai ajouté une couleur dans le module lui-même. Donc, sur le module, j'ai dit, je veux un arrière-plan. Donc, ici, sous la couleur d'arrière-plan, j'ai ajouté dans la couleur d'arrière-plan et par conséquent, il a changé à une couleur différente. Maintenant, la raison pour laquelle il ne change pas à cette couleur est parce que sur la section sarcelle, j'ai en fait la couleur déjà en place. Donc on doit avoir deux couleurs là-bas. Assurez-vous donc d'utiliser le bon module ou vous pouvez utiliser l'un ou l'autre. Tu sais, ça n'a vraiment pas d'importance tant que tu auras l'effet que tu veux. OK, donc c'est à propos de ça pour les gars de la section suivante. Nous allons parler plus de pieds de page personnalisés, puis je vais vous présenter des mises en page pré faites, que je vais vous donner une mise en page gratuite pré-faite. Ok, donc je vous verrai tous là-bas 18. Le pied et l'introduction à la mise en page des mises en page: déjà. Les gars, bienvenue. Donc, cette section suivante, nous allons créer un pied de page avancé personnalisé. Maintenant, par défaut. C' est le pied de page Davey nous donne, et nous pouvons choisir de décorer ou non, mais nous pouvons obtenir encore plus personnalisable. Nous pouvons décider de créer notre propre pied de page et décider de ne pas utiliser celui qu'il nous a donné par défaut. Pour que vous puissiez voir ici. Ceci est un module de texte, un module de texte, un module de texte, modèle de texte, un module de texte et le module d'icône sociale juste ici. Maintenant, cette section du bas est la section par défaut que TV nous donne. Mais rappelez-vous, tout est question de créativité. Les gars, on n'a pas besoin d'utiliser la façon dont vous le savez, la façon dont ce thème nous le donne, on peut créer nos propres trucs et faire ce qu'on veut. Ok, donc il y a deux endroits où vous pouvez obtenir ce que vous obtenez des noms Elgon dot com. Ou vous pouvez aller sur mon site Darrell Wilson dot com, et sous divvy layouts. J' ai des tonnes de mises en page gratuites, les gars. Donc ça va descendre par ici. Je vais descendre à, euh, euh, le pied Custom ou les mises en page et les gars, j'ai tellement de mises en page gratuites. Vous les gars imaginablement juste un clic sur un bouton. Vous pouvez créer un site Web en quelques secondes. OK, mais juste ici, sous le pied ou les mises en page personnalisées, cliquez dessus et vous devrez l'ajouter au panier. Et ne vous inquiétez pas, c'est gratuit. Tout est gratuit. Ça ne va pas te coûter un dollar. OK, alors allez ajouter ça à la voiture et vérifiez. Et une fois que vous l'avez obtenu, vous pouvez aller à la section de votre compte juste ici, et vous pouvez simplement le télécharger. D' accord. Il sera dans votre section de téléchargements juste ici. Et tu vas simplement, tu sais, descendre l'un d'eux. Ou, vous savez, ce que vous choisissez. Ok, donc en retournant ici, je veux aller de l'avant et dire, Ok, j'ai la mise en page. Je veux le télécharger. D' accord. Maintenant, quand vous aurez la mise en page, il sera dans un dossier zip juste ici. Tu dois l'ouvrir. Et si vous êtes sur un PC, vous devrez l'extraire. Et c'est le plus complet que j'ai ici. Je vais ouvrir ça et ce sont les pieds de page. nous avons plus de 10 types de pieds de page différents. Les gars, il y a beaucoup de pieds de page que nous pouvons utiliser. Bon, disons juste que je veux juste en prendre un. Les gars, je ne sais même pas lequel je vais prendre au pied ou au numéro six. Très bien, nous allons mettre un numéro six maintenant, selon vos gars de serveur, il y a différentes façons de télécharger ça. Et certaines façons fonctionnent pour certains serveurs. Certaines façons fonctionnent pour d'autres serveurs. C' est comme ça que les mises en page sont un peu bizarres, tu peux dire. Donc, nous allons sauver ici. Ok, maintenant, il y a 3 à 4 façons de faire ça. Vous pouvez réellement le télécharger par ici par ici ou votre dos et éditeur. Donc je vais vous montrer toutes les façons juste pour m'assurer que j'ai couvert toutes les bases. Donc, sous l'éditeur visuel ici je clique sur ces deux petites icônes violettes et aller à l' importation, Aller à choisir le fichier. Et je vais simplement prendre le pied ou le numéro 6 Maintenant, les gars, selon votre serveur, ça ne fonctionnera pas correctement pour chacun d'eux. Crois-moi, j'ai utilisé Ah, beaucoup d'entre eux. Et beaucoup d'entre eux savent qu'ils travaillent. Parfois, ils ne fonctionnent pas. D' autres fois, je ne sais pas pourquoi, mais c'est comme ça. Ok, donc je vais aller au pied ou au numéro six et aller importer la mise en page du constructeur de la Navy. Maintenant, ça pourrait marcher. Ça pourrait ne pas marcher. Je ne sais vraiment pas ce qu'on va découvrir. Ok, alors ça s'en va. Ça va maintenant pour certains gars du service. Ça marche. Et aussi pour certains domaines est juste la façon dont il fonctionne. C' est un peu poisson, donc il semble qu'il ne soit pas correctement téléchargé. Je pense que oui. Oui. Il n'est pas correctement téléchargé. OK, donc je vais quitter le constructeur visuel maintenant. Il y a aussi une autre façon de le faire. Ok, donc nous allons modifier la page ici, et c'est une deuxième façon que vous pouvez la télécharger en allant ici à votre dos et éditeur et en cliquant sur les importations importantes d'exportation et choisissez le fichier. Ok, donc c'est la deuxième voie. Et ces moyens sont un peu recommandés. Il a un taux d'échec très élevé, donc vous pouvez voir qu'il n'est pas censé être importé ce texte de sorte que cela ne fonctionne pas comme ça . Maintenant, la dernière façon de faire les gars est de divvy et d'aller à la bibliothèque Davy. D' accord, ici. Je vais cliquer sur Importer et Exporter. Je vais continuer. Les importations cliqueraient sur, choisiraient le fichier, et je vais sélectionner le pied ou le numéro six et aller à importer les mises en page du constructeur de droits. Voilà, tu y vas. Ça a fonctionné comme un charme. Donc, les gars, en fonction de votre serveur, cela fonctionnera pour différentes méthodes. Cela ne fonctionnera pas pour d'autres méthodes. Je ne sais pas pourquoi le retard aussi comme ça. J' aimerais vraiment savoir pourquoi. Mais je travaille avec Debbie depuis un moment, et c'est comme ça que ça marche. Essayez donc les trois méthodes et voyez laquelle fonctionne pour votre serveur. Ok, donc c'est essentiellement ça pour ça. Ah, non, le pied ou six. Allons-y maintenant et appliquons-le. Donc je vais aller à la section sur nous. Je suis un défilement vers le bas et aller à activer du constructeur visuel. On va devoir faire défiler à nouveau vers le bas, accord ? Et je suis un défilement vers le bas. Et, euh, juste ici, cette icône plus, euh, pourrait venir plus, et je vais aller voir Adam de la bibliothèque. D' accord ? En fait, non. Nous allons passer ici à cette section juste ici, et nous allons cliquer sur cette section plus, puis nous allons charger cette section à partir de l'annonce de la bibliothèque. Bon, maintenant on a le pied de page 6. Droit ? Voilà parce que ce n'est pas notre bibliothèque. Et vous voulez vous assurer que le remplacement du contenu existant n'est pas coché. Cela réduira qui détruira tout. Nous ne voulons pas cela. Ok, donc on va cliquer sur plus le pied ou six. Et voilà. C' est notre pied de page, mais c'est vraiment un mauvais pied. Euh, ce n'est pas vraiment Ah, bon ici. Alors, utilisons-en un autre. Allons de l'avant et retournons à notre bibliothèque de divvy. Je vais sauver celui-là. Pourquoi pas ? Je l'étais. Ce n'est pas le pas le pire pied de page, mais ce n'est pas le meilleur. Certains vont à la bibliothèque divvy et allons de l'avant et ajoutons un peu plus. Allez aux importations d'exportation importantes, choisissez le fichier et ressemble à quelque chose d'autre comme, um, sélectionnez le numéro. Comme le numéro un. Peut-être que vous ne êtes jamais vraiment, vraiment bien. Ok, donc j'ai choisi le numéro un. D' accord. Et maintenant, allons de l'avant et essayons ce pied de page. Ok, alors on va à la section A propos de nous et on fait défiler vers le bas. J' espère que celui-là est de bons gars. Je n'ai aucune idée de ce à quoi on va ressembler. Je ne le fais vraiment pas. Je ne suis pas scénarisé. Je sais juste comment fonctionne le thème. Et je le fais comme je vais. Je sais comment ça marche. Donc je n'ai pas besoin d'orteils, tu sais, écrire un script. Donc ici, à cette icône plus, vous cliquez dessus. Je suis désolé. Allez dans cette section ici. Cliquez sur le plus et allez à ajouter à partir de la bibliothèque. Et je vais ajouter le pied un ici. Maintenant, les gars, rappelez-vous, vous pourriez vouloir vérifier un Thea remplacer le contenu existant parce que vous voyez maintenant comment tout ce que j'ai ici, je viens de détruire ma page. D' accord, alors assure-toi de ne pas faire la même chose, ok ? Vous devez vous assurer que le contenu de remplacement existant n'est pas coché. Ok, donc je vais quitter le constructeur visuel et aller jeter une sortie. Donc vous voyez que tout est bon et allez-y. Tout est cool. Ok, allons-y et essayons encore une fois. Je vais activer le constructeur visuel que j'ai fait tant de fois. Les gars, je dois être honnête. J' ai détruit mon site, et je suis genre, Oh, Oh, mon Dieu, qu'est-ce que j'ai fait ? Donc, ici, je vais au plus à de la bibliothèque. Je vais décocher cela et il suffit de cliquer sur un. D' accord ? Et voilà. Donc c'est maintenant notre autre pied de page que nous avons. C' est super facile de faire un pied de page. , Tu sais, il y en a 10, alors allez-y et choisissez celles que vous voulez. Maintenant, c'est un pied de page personnalisé, les gars, nous n'avons pas besoin de créer le nôtre, donc vous pouvez vraiment aller dans les paramètres et juste une sorte de supprimer ceci. On n'a pas besoin de ça ici, OK ? On n'a pas besoin de ça. Ok, donc c'est juste une autre façon, les gars, comment vous pouvez choisir, vous savez, le pied personnalisé ou juste ici. Alors, juste ici. Vous pouvez voir que c'est une section juste ici, et nous avons une section texte, une section texte. Ce sont toutes des sections de texte. Maintenant, laissez-moi vous dire ça et je veux vous montrer de soutenir un rédacteur en chef. Maintenant, je veux vous montrer quels modèles nous avons réellement utilisés. Ok, donc c'est là, je vais supprimer l'autre. Très bien, donc c' est ici, les gars, le fabricant. Siart dit « fabricant ». Donc, ici, elle a aussi parlé de nous. C' est la même chose. Et puis ici, nous ajoutons un autre texte ici. Nous avons ajouté un texte factice ici. C' est donc cette section ici. D' accord ? Et puis la dernière section, on a juste jeté une autre petite section juste ici. Je viens de le renommer les gars. Tu sais, j'ai juste mis Darryl D V layout à la place et je l'ai mis comme ça. D' accord. Et dans cette section, ici, bien sûr, je viens de mettre un petit titre, et ensuite cette section ici sont les liens. Ok, donc le sujet de nous et la raison pour laquelle tu ne peux pas voir ici, c'est parce que c'est blanc. Donc ici, ils sont blancs parce que nous avons ajouté dans un fond de couleur différente. D' accord. Et puis ici, bien sûr, la dernière section est le texte et la section galerie juste ici. D' accord. Donc, les gars, c'est vraiment simple de créer un pied de page personnalisé. Et comme je l'ai dit, utilisez ces monteurs personnalisés sur mon site web. Cela vous fera gagner une tonne de temps. Est-ce que c'est essayer de le concevoir à partir de zéro ? OK, donc c'est fondamentalement une description rapide des gars de la façon de créer des pieds de page personnalisés. Et rappelez-vous, une fois que vous faites cela, vous allez vouloir supprimer l'autre pied de page que vous avez en bas juste ici, parce que vous n'avez pas vraiment besoin de Pieds de page personnalisés, vous savez, vous n'avez pas besoin d'un pied ou comme ça ici. Tu n'as pas besoin de ce pied ou plus. Vraiment, tu ne le fais pas. Et vous savez, vous n'avez besoin que d'un pied de page. Donc c'est à vous de décider. Ce n'est qu'une option. Si vous voulez un pied de page personnalisé, vous pouvez, vous savez, faire le vôtre ou télécharger un de la mise en page. Il y en a 10, et ce sont de très beaux designs. Les gars sont vraiment faciles à utiliser. Ok, donc, tu sais, vas-y et prends le temps de les examiner, de les vérifier et de voir lequel est pour toi. Il y a 10 mises en page, mec. Il y a donc toutes sortes de mises en page vraiment cool que vous pouvez utiliser pour votre site Web. D' accord ? Et la section suivante, les gars, j'ai, genre, un petit bonus et je vais vous donner une autre mise en page gratuite pour ces services. Et je vais vous montrer comment nous pouvons créer, euh, la page des services juste ici. Et, vous savez, je vais vous expliquer comment l'éditer et comment utiliser la mise en page pré-faite. Ok, donc je vous verrai tous là-bas. 19. Services - Introduction à les mises en page prédéfinies: Hé, les gars, bienvenue. Donc, dans cette section, nous allons faire des mises en page pré faites. Ok, Donc si vous voyez les autres sections ici, comme nous et la maison et tout, je vais vous montrer comment vous pouvez réellement enregistrer votre mise en page et exporter et aussi importer d'autres mises en page. Ok, donc aller à ma section services, je vais aller de l'avant et activer le constructeur visuel maintenant, plus tôt, avant de décider de télécharger la mise en page. Non, les gars, c'est exactement le même poids. Donc, vous pouvez réellement aller ici et aller à ces deux flèches et aller à importer et choisir votre fichier. Non, les gars, selon votre serveur, vous devrez essayer les trois méthodes que je vous ai montrées. Je sais. Pour chaque serveur, c'est différent pour le mien. Je ne pense pas que ça marche comme ça. Donc c'est la mise en page, et j'ai inclus ça dans la boîte de dépôt pour vous les gars. Ok, alors je vais ouvrir. Je ne pense pas que ça marche comme ça. Je pense que je dois aller à ma bibliothèque Debbie. Ok, donc ça marche. OK, donc c'est une autre façon. Mais plus tôt, avant d'essayer, cette méthode n'a pas fonctionné donc c'est juste Ah, comme ça se passe, les gars. Ok, donc je télécharge la mise en page et comme vous pouvez le voir, le site est déjà créé pour moi. C' est tout simplement ensoleillé et les gars, J'ai une autre mise en page premium sur mes sites Web. J' en ai des libres et vous pouvez avoir une balle avec, euh, c'est un site web qui est déjà fait pour vous. Donc tout le travail acharné est déjà fait. Disons que vous téléchargez la mise en page, accord ? Permet de voir que vous avez téléchargé. Et aussi, si vous le téléchargez, vous pourriez faire des changements différents sur un gars. Donc, ici, vous savez, on peut aller de l'avant et juste mettre comme, thème Debbie et mettre le nom de votre entreprise juste ici. Vous pouvez ajouter quelque chose comme, vous savez, nous pouvons changer ces modèles ici. Alors cliquez sur cela et mettez comme le meilleur, puis ici je peux changer le titre. Quelque chose comme une société de PDG intelligente. Donc, les gars, les mises en page premium vous feront économiser drastiquement une super grande quantité de temps. C' est pour ça que Devi est si célèbre. C' est pour ça que c'est tellement incroyable. Ok, donc en passant par ici, on peut aller de l'avant et , vous savez , les gars, les gars, c'est un onglet Paramètres. Ok, donc c'est un autre module que vous pouvez utiliser et descendre ici, et vous pouvez en quelque sorte explorer et voir, genre, quels modèles à utiliser ici. D' accord. Juste ici. Nous utilisons juste un appel à l'action, et juste ici ajouter une photo. Si vous voulez rendre l'image plus petite ou plus grande, vous pouvez l'ajuster en conséquence. OK ? Et juste ici. Vous savez, nous avons une photo ici, et nous avons, hum, hum, plus de textos. Et si vous voulez voir que vous savez ce que j'ai utilisé, vous pouvez juste aller dans les paramètres du module, aller au design et voir, vous savez, comment ai-je conçu ça ? Tu sais comment quoi tapoter le dural utilise quoi ? Un tapotement. Tu sais quelle marge, etcetera. OK, alors en descendant ici, vous pouvez en voir d'autres ici. Et bien sûr, nous avons celui-là aussi. Et nous avons ce pied de page personnalisé juste ici. Maintenant, j'ai toujours cette photo ici, et c'est parce que je ne m'en suis pas débarrassé mais, euh, tu sais, c'est juste pour contrôler, donc je devrais probablement me débarrasser de celui-là. Et ceci ici serait mon pied d'espoir. Donc, ce serait fondamentalement la fin de la page. D' accord. Et les gars se souviennent, j'ai des mises en page gratuites sur mes sites Web. Vous pouvez aller de l'avant et avoir une balle avec, euh, mais je veux juste vous montrer comment utiliser ça ici. Ok, donc c'est fondamentalement un rapide aperçu des gars de la façon d'ajouter des louts premium. Maintenant, dans l'autre sens, vous pouvez l'ajouter. Et la façon dont je le recommande est d'aller à votre bibliothèque de divvy. Donc, en allant ici au tableau de bord, sous divvy et en allant à la bibliothèque divvy, vous pouvez l'ajouter ici aussi bien. Donc, tout comme nous l'avons ajouté, ces autres pieds de page peuvent aller deux importations importantes d'exportation, choisir le fichier et simplement trouver la section des services juste ici. Ok, donc en ce moment, ça dit que ça ne marche pas, alors mais ça a marché pour l'autre page. Donc, les gars, je dois être honnête. L' accord sur notre petit drôle. Alors allez-y et amusez-vous avec les mises en page. Euh, tu sais , mais quand même , je veux parler plus , mais quand même, je veux parler plusd'une autre personnalisation. , mais quand même, je veux parler plusd'une autre personnalisation. On peut l'avoir. Dans la prochaine section, nous allons parler du Blawg. Et puis après cela, je vais vous présenter tous à CSS personnalisé afin que CSS personnalisé est fondamentalement ajouté des modifications que vous pouvez avoir que le thème divvy seul ne vous donnera pas. Vous devez fondamentalement ajouter quelque chose d'un peu plus créatif. Donc, cette section ici est faite avec CSS personnalisé afin que vous puissiez voir qu'il semble vraiment, vraiment bon. Et cela ne peut pas avoir été fait. Les mecs sans coutume. CSS Donc, fondamentalement, ce que cela signifie est que les paramètres du module à l'intérieur des modules ne peuvent pas le faire seuls. Vous allez devoir ajouter un peu de CSS et nous reviendrons sur cela après avoir examiné la section du blog . OK, donc je vous verrai tous à la prochaine conférence. 20. Tutoriel de blog: Bon, les gars, bienvenue. Donc, dans cette conférence, nous allons parler du bloc, différents modèles que vous pouvez avoir comment poster un blawg, etc. D' accord, donc la première chose que nous devons faire est de créer une page pour nos posts bloqués. Donc ici, dans notre plus nouveau, je vais aller à Page, accord ? Et nous allons simplement aller de l'avant et créer une page de bloc de base. Donc je l'entends à mettre blogué et juste aller publier ici. Ok, donc il y a quelques façons que vous pouvez ajouter dans les blogs. Je vais te montrer comment on peut ajouter un blawg. Nous avons donc ajouté la page blonde. Bon, maintenant, maintenant, allons de l'avant et passons à plus nouveau et créons un post pour notre bloc. Donc j'entends un putz comme le meilleur thème WordPress que je ne peux même pas taper, jamais. D' accord. Alors allez-y et genre, du pain , du contenu, et je veux mettre un texte factice ici. Donc, nous faisons juste semblant que ce n'est qu'un post de bloc. Donc tu pourrais parler de, comme, comme, tu sais ce que je ressens ou quoi que ce soit. Et ici, nous pouvons cliquer sur ajouter des médias, peut-être ajouter une image. Non. Comme, euh, tu sais ce que les gars aiment le plus et juste ici, sur ses modifications, on peut genre, au centre. C' est Vous pouvez changer la taille de celui-ci aussi, donc peut-être que vous le voulez pleine taille et centré comme ça, vous savez, vous puissiez avoir toutes sortes de plaisir et, vous savez, ici avec votre blawg. Mais par ici, sous l'image en vedette. Donc les dégâts futurs sont très importants, les gars, les images en vedette, essentiellement l'image qu'ils voient juste à côté du titre. Donc, vous voulez vous assurer que c'est une belle image. Sous l'image en vedette, je vais mettre cette grande ville et aller mettre l'image en vedette, OK. Et bien sûr, nous pouvons ajouter une catégorie afin de mettre comme des gars, et nous allons parler un peu plus de pourquoi nous ajoutons des catégories. OK, donc ajouté dans une catégorie. Et vous savez, nous ajoutons une image en vedette que vous pouvez ajouter dans certaines balises. Les balises disent essentiellement avec quelqu'un clique sur la balise. Quel est le lien avec vos autres histoires ? D' accord. Et c'est comme les formats, mais généralement vous voulez le laisser comme standard, mais vous pouvez aller de l'avant et vérifier les autres formats pour le post bloc. D' accord. Mais juste pour des raisons fixes, je vais juste aller de l'avant et publier ça. Alors j'ai fait un poteau blawg. J' ai créé un poste de tourbière. Maintenant, j'ai besoin d'ajouter la page de bloc à notre menu. Donc, en allant ici à l'apparence, je vais aux menus. Bon, donc nous avons blogué ici. Je suis un aller à ajouter au menu, et maintenant nous avons la page blawg que nous avons créé sur notre menu. Ok, maintenant on va visiter les sites. Maintenant, nous devons essentiellement connecter les messages avec la page de bloc. Alors passons à thème Personnaliseur et sous la page d'accueil statique, Nous allons faire la page de poste comme notre page d'appartenance juste là. D' accord ? Et puis nous allons sauver et publier. Tout bon numéro, cliquez sur X et allez à notre page blawg. Très bien, donc c'est notre nouvelle page de bloc, et ici vous pouvez voir le meilleur thème WordPress jamais. C' est notre image ici. Et si je clique sur cela va montrer un peu de texte et inclure cette autre image que nous avions et un peu plus de texte. Maintenant, ici, les gars sont des widgets. Alors allons de l'avant et parlons de cela avant de parler du constructeur avancé. Par ici, sous les widgets, comme nous l'avons fait pour la section pied de page. Les gars, on a une barre latérale. Droit ? Voici vous voyez la barre latérale. Comment ? Ici, nous avons le récent post commentaires récents, archives, etcetera. Alors allons-y. Et peut-être que, vous savez, les supprimer n'auraient pas vraiment besoin de ça. Vous savez, nos voitures, peut-être des catégories. Méta. C' est ce qu'il vient avec défaut, les gars. Donc, disons que vous voulez ajouter comme la boîte Facebook like. Tu vas aller de l'avant et juste la traîner ici et juste aller de l'avant et voir si je peux obtenir la boîte similaire de l'autre des autres ici. Voyez si je peux faire glisser celui-là. Ok, donc je vais traîner ici, la boîte comme Facebook. Donc je vais aller de l'avant et supprimer celui-ci. Ok, Donc, fondamentalement, gars, tout ce que c'était juste de créer la boîte comme Facebook, et j'ai juste volé la boîte comme Facebook dans notre zone de pied de page et je viens de mettre dans notre barre latérale. C' est tout ce que j'ai fait. Et ici, les gars, vous pouvez ajouter des trucs comme un abonnement par email ou, euh, vous savez, il y a juste un fil Twitter sur Instagram. Tous ces branchements dont on a parlé tout à l'heure. Ils vont créer des widgets. Et tu peux juste ajouter ça à tes gars de la barre latérale. Maintenant, c'est à vous de décider quel branchement vous voulez, et vous savez lequel fonctionne réellement. Donc, je mets cela ici et allons de l'avant et cliquez sur Enregistrer maintenant. Ok, maintenant, allons-y et retournons sur notre site et allons-y avec Blawg. Donc, il est là. Maintenant, le signe suivez-moi il est là et nous avons une barre de recherche juste là. Ok, donc si vous voulez ça ici, gars, tout ce que vous avez à faire est d'aller de l'avant et juste chercher la fiche et vous aimeriez et simplement glisser sur votre barre latérale. Et c'est juste glisser-déposer. C' est vraiment, vraiment simple. OK, donc nous créons ce post de bloc Maintenant, c'est le post de Blawg vraiment laide ennuyeux. fera jamais. Mon site Web C'est mon bloc post ma page de bloc et vous pouvez voir que c'est beau. Et ceux-ci ici sont tous différents styles. Donc, ici mon va à ce bloc post, et il est juste vraiment magnifiquement conçu. Donc, ici, j'ai ajouté, comme, abonnement email juste ici. J' ai ajouté dans un affilié, Benner et ici, bannière affiliée. Et puis c'est mon annonce texte Google. Ok, donc vous pouvez voir ici. C' est une très belle apparence, euh comment ça s'appelle, Page. Ça a l'air vraiment, vraiment bon. On a un tas de photos et ça a l'air vraiment, vraiment sympa. Ok, donc si vous voulez quelque chose comme ça ici, , il y a des mises en page pré faites pour les messages bloqués sur mon site, bien sûr. Donc, sous Devi mises en page juste ici. J' ai un post de bloc personnalisé ici. Donc ça va être le jour V blawg mise en page juste ici. Ok, mais parlons de la façon de créer une page bloquée séparée au lieu d'utiliser celle que nous donne DV. On peut en fait faire le nôtre. Rappelez-vous, nous n'avons pas besoin d'utiliser les paramètres de thème standard Donc je vais ici pour plus nouveau et créer une toute nouvelle page. Maintenant je vais mettre Advanced Blawg, et cette fois nous allons utiliser le constructeur de divvy. Maintenant, juste là. On peut aller de l'avant et créer quelque chose que l'on veut. Donc, juste ici sous ce paramètre juste ici, je vais en mettre un et je vais aller à insérer le module et nous pouvons ajouter dans le module de bloc juste ici . Donc, vous les gars, c'est le dos et l'éditeur pour qu'on puisse utiliser le front et l'éditeur aussi. Mais c'est le dos et le rédacteur en chef. Donc, si vous voulez utiliser un ami et un éditeur, vous pouvez aller enregistrer et quitter et aller utiliser le biller visuel. Alors allons-y et faisons-le. D' accord ? Donc c'est notre page actuelle juste ici. Maintenant, je vais aller à cette icône d'engrenage, et donc, tu sais, je ne veux pas plein avec. Je veux que Gridley sorte. Donc, je vois que nous avons ce style différent de post blawg juste ici. Donc, vous savez, on peut, vous savez, aller à ces options juste ici et s'en sortir. Alors montrez à l'auteur que je veux mettre non pour que je ne veuille pas montrer à l'auteur. Donc Darrell Wilson disparaît maintenant. Montrez cette image en vedette. Tu pourrais enlever ça. Afficher l'extrait Afficher l'extra est fondamentalement le contenu juste ici. Le contenu. Je suis désolé. En bas à droite ici. Et ici, nous pouvons montrer les dates de publication. Ici, c'est le 19 janvier. Mais si je supporte ça, c'est maintenant l'histoire. Il est parti. Ok, donc ce sont d'autres options que vous pouvez avoir. Les gars comme montrer que vous savez ce que vous voulez ou superposition d'image en vedette aussi bien. Vous pouvez ajouter cela aussi à votre, hum, sur votre site. Donc, ici, nous pouvons ajouter la couleur de superposition. On a quelque chose comme, bleu ou quelque chose comme ça, ou ce que tu veux. Et nous pouvons ajouter une icône trop couleur. Donc quelqu'un survole. Maintenant, vous pouvez voir que cette couleur d'icône apparaît et la couleur que nous mettons ici s'applique là . Nous voulons donc rendre un peu transparent. Donc, si je survole maintenant, que les teintes sombres ? Tu vois ça ? Et aussi pour cette couleur. Les gars, c'est la couleur de l'icône, ici. Peut-être que tu le veux blanc. Donc le vol stationnaire, c'est maintenant que c'est des blancs. Et bien sûr, vous pouvez toujours changer l'icône en cliquant sur l'un de ceux-ci. D' accord ? Et puis il va se charger. Et voilà. Ok, Donc c'est un braquage de réveil beaucoup plus personnalisable que les paramètres par défaut. D' accord ? Et juste ici, vous pourriez mettre le bouton lire plus. C' est cool. Tu sais, le bouton Lire la suite, c'est toujours possible. Et puis, bien sûr, sur la conception, on peut aller de l'avant et changer les types de police, on peut utiliser une goutte, une ombre portée juste ici, tout en ajoutant quelque chose comme, bien sûr, sur la conception, on peut aller de l'avant et changer les types de police, on peut utiliser une goutte, une ombre portée juste ici, tout en ajoutant quelque chose comme, Vous pouvez voir que les polices sont en train de changer quelque chose comme, euh oh, c'est tellement moche. Vous pouvez voir que les polices sont en train de changer quelque chose comme, euh oh, c' Texte pourpre. C' est un peu plus cool. Et on va faire le plaisir un peu plus grand. Peut-être vraiment, vraiment gros. Quelque chose comme ça. Et la couleur du titre de la grille, nous pouvons changer cette couleur ici pour quelque chose comme, vous savez, ce que vous voulez. D' accord. Et bien sûr, ici, c'est la même chose. Les gars, vous savez, la couleur du texte de la lettre espacant la hauteur de la ligne, etc. Ok, donc tu peux t'amuser avec ces options ici. Et vous vous souvenez, vous savez, vous pouvez ajouter plus de modules. Tu sais, on peut ajouter quelque chose comme, euh, tu sais, je n'ai pas aimé ça ici. Nous allons ajouter une petite icône. Maintenant, vous devez me suivre, les gars. Je vous donne juste un exemple de ce que vous pouvez faire. Comme ici. Je vais juste ajouter comme un texto, un téléphone texte juste ici. Ils vont mettre quelque chose comme, Eh bien, centrer ça et mettre comme le meilleur blawg jamais vu. D' accord ? Et puis pour le design, je vais aller de l'avant et rendre ça vraiment grand. Et puis je peux juste, genre , faire glisser ça ici et, genre, peut-être, mettre ça en haut et présenter notre blawg. Donc parce qu'il y a beaucoup de façons différentes que vous pouvez créer votre propre blog Donc juste ici sous mon site, je suis sûr que vous les gars ce que j'ai fait, je viens de créer cette section juste ici. Mon blawg. J' ai essentiellement mis en trois polices de texte. Et puis j'ai ajouté une couleur de fond ici, OK. Et puis j'ai augmenté le rembourrage ici. Donc, je vais réellement activer le constructeur visuel et juste vous montrer le support sur mon site. Ok, donc ici, vous pouvez voir que je peux agrandir ça. Je pourrais le rendre plus petit, et je viens d'ajouter du texte ici. Donc, si je vais à cette icône d'engrenage, j'utilise un module de texte juste ici, et je viens de mettre mon blawg juste ici et puis sous la conception, je viens de faire ce contenu un peu plus grand. Ok, donc c'est fondamentalement une autre façon de concevoir les gars de la page de bloc, il y a, vous savez, c'est illimité. Vous pouvez ajouter des images. Je veux dire, quoi que tu puisses penser, comme nous avons fait nos autres pages. Les gars, vous pouvez le faire pour la section du blog. Alors, euh, allons de l'avant et donnons un exemple rapide. Maintenant, vous ne devez pas me suivre ici, mais je vais juste aller de l'avant et publier cette page et vous donner un autre exemple rapide de la façon dont vous pouvez ajouter ceci à votre page d'accueil. Donc, nous allons sur ma page d'accueil juste ici, et en fait, j'irai sur mon autre site web juste ici. Donc tous les votes sur notre page d'accueil, et ça vous donne juste des idées. Tu sais, tu n'as pas à me suivre ici. Je vous montre juste différentes méthodes de la façon dont vous pouvez ajouter le bloc à votre site Web. Donc un ici, peut-être que je veux ajouter le blawg juste ici. D' accord. Si régulier, cette section, puis cliquez sur blawg. D' accord ? Et je veux la grille. Tu sais, je ne veux pas le plein avec. Donc maintenant, tous vos messages de bloc apparaîtront juste ici au lieu de la page de votre blog, et vous pouvez l'ajouter comme un titre juste ici qui dit, comme, notre page blawg ou sont des messages récents et sorte de faire preuve de créativité avec ce que vous voulez. OK, donc c'est essentiellement une description rapide des gars de la façon dont vous pouvez, vous savez, utiliser le module de bloc pour une sorte de désordre avec les paramètres et pour ajouter le blawg où vous voulez, causer beaucoup de les thèmes sont très limités. Beaucoup de thèmes font de sorte que vous devez poster sur la page de bloc mettre. Bien sûr, avec Debbie, vous pouvez faire tout ce que vous savez que vous pouvez ajouter dans le bloc où vous le souhaitez. Et vous pouvez être extrêmement personnalisable et l'ajouter où vous le souhaitez. Ok, Donc, les gars, la prochaine section, nous allons parler de posts avancés blawg sur la façon de faire vraiment, vraiment cool bloquer les messages et les rendre vraiment bons dans la section suivante. Alors je te verrai là-bas. 21. Section avancée de blog: Déjà, mec. Donc, dans cette prochaine section, nous allons parler plus sur la façon de faire des poteaux blancs pré-faits. Ok, donc tout comme mon site, j'ai eu ces très beaux posts de bloc. Je vais vous montrer comment faire exactement la même chose. Maintenant, je vais aller ici pour plus nouveau et aller au poste, et on est là. Je vais juste quelque chose comme le meilleur ciel nocturne. Maintenant, au lieu d'utiliser le générateur de base juste ici pour le thème, nous pouvons réellement utiliser le constructeur Davy juste ici et ici nous allons charger à partir de la bibliothèque. Et il y a beaucoup de mises en page pré-définies, mais les gars l'air pour les pages. Donc, ce ne sont pas pour les postes de bloc. Donc, tout comme nous l'avons fait pré, principalement dehors plus tôt, l'air pour les pages, pas pour les postes. Ok, donc ici on va ajouter de la bibliothèque et les gars. J' ai déjà ajouté dans l'article. Maintenant, j'ai obtenu ça de mon site web juste ici sous les mises en page Davy Blawg. Mais vous pouvez, vous savez, faire le vôtre. Vous n'avez pas besoin de l'utiliser, mais ceux-là sont ceux que les choses élégantes nous fournissent. Donc ce sont des mises en page gratuites, et je vais aller charger. Très bien, donc c'est le dos et le rédacteur en chef. Donc, en gros, ça dit, OK, donc c'est à ça que ça ressemble, etcetera. Et, tu sais, tu sais, si je veux aller de l'avant et voir ça, je vais aller en avant-première. Bon, maintenant c'est mon nouveau poste de bloc, les gars. Donc c'est beaucoup plus avancé. Ça a l'air vraiment professionnel. Il a l'air vraiment, vraiment propre. Et tout ce que vous avez à faire, c'est juste aller ici et, comme, vous savez, changer le texte et mettre ce que vous voulez. Donc, je vais cliquer sur activer le constructeur visuel ici. Maintenant, disons que vous voulez ajouter vos propres trucs, vous savez, juste ici, juste ici, vous pouvez ajouter votre propre titre comme si c'est pour les chiens sont blawg ou autre. Et vous pouvez je juste aller de l'avant et juste, vous savez, changer les modules, ajouter différents modules. Donc fondamentalement, ce qu'ils ont fait, c'est qu'ils ont simplement ajouté dans ah, tas de modules ici, comme le diviseur, la taxe, l'image, la taxe, le texte. Et en gros, ils ont créé leur propre petite page, vous savez , et ils ont juste fait en sorte que ça ressemble à un post blawg. Il y a donc beaucoup de mises en page différentes. Il y a trois mises en page différentes que vous pouvez choisir. Et c'est juste une très belle façon de, vous savez, créer un post de bloc au lieu d'utiliser le standard fourni avec le thème. Ok, donc c'est un peu plus sur les poteaux de bloc. Et aussi, les gars, vous savez, vous pouvez juste aller à, genre, charger de la bibliothèque et, vous savez, utiliser un autre juste ici. Donc, ce sont leurs mises en page de base. Ceux-ci ne sont vraiment pas si beaux, mais je pense qu'ils ont quelque chose comme, je pense qu'ils ont quelque chose comme, euh , voyons, juste ici. Je pense qu'ils en ont juste pour le blawg, ce qui est comme, euh, une page pleine de voir à quoi ça ressemble. Ils ont un tas d'entre eux. Ils ont un tas de mises en page. Je ne les ai même pas toutes traversées. Donc c'est comme un autre, vous savez, style comment ils ont vos posts blawg juste ici. Et aussi, si vous voulez vous débarrasser de la barre latérale juste ici, vous ne le voulez pas sur vos posts de bloc. Vous allez ici à ces paramètres juste ici. Donc, la mise en page ici, nous pouvons faire plein avec. Et allons-y et précédent. Et maintenant c'est plein de mecs. Il supprimera la barre latérale pour vous. Ok, donc vous ne voulez pas cette section, Vous pouvez aller de l'avant et la supprimer juste ici sous les mises en page. Vous pouvez avoir la barre latérale sur le côté droit ou sur le côté gauche. Vous pouvez choisir de masquer le titre du poste, etcetera, et tous ces amusants peu les paramètres de poste. Ok, donc je vous ai montré, c'est une autre chose que je veux vous montrer, les gars, c'est les mises en page par défaut qui vient avec Debbie. Donc ici, je vais aller à Plus New, et je vais aller à la page cette fois. D' accord ? Donc, tout comme nous avons fait ces mises en page pré faites plus tôt, Devi a leurs propres mises en page pré faites. Donc je vais mettre la mise en page pré-faite et aller utiliser le constructeur visuel. Je suis désolé. Utilisé le ah Davey Biller, et ici on va charger de la bibliothèque et les gars. Tout cela ici sont des mises en page pré faites que Devi a créé automatiquement pour nous. Donc ici, je ferais quelque chose comme, euh, les ventes sont une agence créative et aller voir. Ok, maintenant, c'est le paiement qu'ils ont créé pour nous ici. Ok, donc ils ont ajouté des fonctionnalités cool, et, vous savez, c'est juste quelque chose pour vous aider à commencer avec. Ce n'est pas le meilleur, mais c'est quand même quelque chose. Non. Et ils ont toutes sortes de prime fort. Pour que vous puissiez les chaussures. Donc encore une fois, en allant de la charge de la bibliothèque, il suffit d'en prendre un. C' est pour éclabousser la page cette fois et aller à l'aperçu et ressemble à ceci ici. Donc je veux dire, il y a peut-être une raison d'utiliser ça. Je ne sais pas pourquoi, mais ah, c'est quand même, c'est une mise en page libre, et ils ont fait tout le travail dur pour toi. Et si vous voulez l'enregistrer, les gars vont juste cliquer sur Publier et rappelez-vous, vous pouvez le changer à tout moment, même si vous le publiez. Donc mon clic sur publier ici et maintenant je parie que vous pensez, Oh, c'est plus sûr. Bien. C' est un vous savez, vous pouvez toujours aller charger à partir de la bibliothèque et juste, vous savez, choisir un autre et dire que je veux la page de destination. Je suis un aller à l'aperçu maintenant, donc ce sont leurs mises en page de destination. Vous savez, ces images ici sont fondamentalement juste des images de stock là-bas. Sachez juste qu'ils attendent que vous mettiez votre image là. C' est pour ça qu'ils ressemblent à ça. Mais c'est juste créer une structure pour vous, c'est juste essayer de vous aider. Il suffit de vous donner des idées sur la façon de l'utiliser. D' accord ? Et puis par ici, mettre à jour et ça va sauver ça. Disposer. Ok, donc c'est fondamentalement vous les gars pour cette section avec le poste de bloc avancé et tout. Lorsque vous faites un bloc posts ou utilisez la mise en page, vous n'avez pas besoin d'utiliser les options pour le bloc post, les gars. Donc, sous la section post juste ici, vous pouvez utiliser le Davy Builder à la place. Tu sais, je suis là. Vous pouvez ajouter dans un module tout comme vous créez une page de sorte que vous ne le faites pas Vous n'êtes pas limité à, vous savez, suivre. , Les thèmes,les instructions que vous pouvez être créatif et faire ce que vous voulez. Ok, donc c'est à propos de ça. Les gars de cette section, et j'espère que ça m'a aidé à le faire savoir, vous savez, si vous utilisez vos propres mises en page, vous savez, en fait, je vends des mises en page sur mon site Web. Tu sais, je crée le mien et je le vends, tu sais, parce que tu peux l'exporter. Donc, une fois que vous avez créé, c'est vous allez, comme, activer le constructeur visuel ici, et au lieu de l'importer réellement, vous pouvez l'exporter afin que vous puissiez l'exporter vers d'autres sites Web didi. Donc, sous cette petite icône violette juste ici, vous allez à cette petite chose de plus juste ici et allez à l'exportation et allez-y et donnez-lui un nom. Donc, il met la page 1 et aller à l'exportation. D' accord. Et puis vous allez voir que cette section va maintenant exporter la page, et cela va essentiellement vous permettre de l'enregistrer sur vos sites Web. Ok, donc, vous savez, je n'ai pas vraiment sauvé cette section, donc ça ne va probablement pas fonctionner correctement, donc je vais aller de l'avant et économiser au début, mais c'est essentiellement comme ça que vous peut exporter vos propres mises en page. Les gars, c'est vraiment, vraiment facile. Et, euh, c'est juste incroyable ce que tu peux faire avec Davey. Ok, donc c'est à propos de ça. Pour les gars de la section. Vous avez des questions ? outre, Enoutre, vous pouvez également l'exporter à partir d'ici, donc exporté. Et puis vous pouvez réellement, vous savez, exporter son et ensuite vous pouvez enregistrer son que vous voulez, puis vous pouvez l'importer sur un autre site Web. C' est Debbie. Ok, donc c'est vraiment, vraiment cool. Et là, ça va. Il sauve maintenant. Donc vous les gars et voyez une page pour que je puisse importer ça sur n'importe quel site Web. Allons-y et faisons-ça. Maintenant, allons-y et faisons-le. Tu vois ? Tu vois ? Juste ici. Donc, sous la première page. D' accord. Vous savez, les gars, non, je ne vais pas chercher que je suis trop paresseux, mais c'est essentiellement comme ça que vous importez des mises en page d'exportation et vous pouvez savoir, vous pouvez faire une mise en page pré-faite, les gars, et ensuite vendre ce site à quelqu'un d'autre. Donc, beaucoup de gens font ça. Je fais ça. Beaucoup d'entreprises, c'est tout ce qu'elles font. Ils créent juste des mises en page et les vendent. OK, donc c'est une bonne affaire d'être dans si vous utilisez le paiement de la divvy. Droit ? Alors ce type est enfin, tu sais, c'est à peu près pour cette section. Et je vous verrai dans la section suivante 22. Créer une CSS spéciale « rencontrée et des éléments de l'équipe » et personnalisée: Bon, les gars, bienvenue. Donc, dans cette section, nous allons faire qu'ils rencontrent l'équipe, et je vais aussi vous présenter à tous les CSS personnalisés. Donc, pour les débutants qui n'ont aucune idée de ce que CSS personnalisé est, c'est une sorte de code que vous pouvez ajouter au thème qui le fera faire faire des choses que le thème ne pourrait normalement pas faire. OK, donc c'est un exemple juste ici de CSS personnalisé. J' ai effectivement placé ceci au centre parce que par défaut, cela ne vous donne pas la possibilité de le faire. Donc, je vais vous courir à travers comment créer de très belles pages qui ressemblent à ça et vous donner des idées et, vous savez, vous savez, inspiration sur la façon de créer des pages vraiment créatives et vraiment belles et aussi utilisé TSS. Ok, donc en allant ici, je vais aller de l'avant et je vais aller à notre équipe, et je vais aller de l'avant et créer cette page juste ici. Donc, je vais activer le constructeur visuel et allons de l'avant et nous allons d'abord ajouter un petit module de texte. Donc ici, je vais aller de l'avant et utiliser ces blocs. Pourquoi pas ? Je vais aller de l'avant et faire, plus et je vais aller de l'avant et admettre le module de texte et je vais mettre quelque chose comme, Rencontrez l'équipe, faites défiler vers le bas hors de quelque chose tout le centre. C' est et je vais mettre rencontrer l'équipe, d'accord. Et puis nous allons aller à la conception juste ici, et nous pouvons changer la police d'en-tête. Quelque chose comme, euh je suis désolé, la police de texte. Donc nous allons changer la police du texte pour quelque chose comme, euh, quelque chose d'un peu plus professionnel utilisera le chemin de fer. Ok, donc hors de ça. Mais nous pourrions vouloir changer le design ou la taille de cela, donc fondamentalement, rendre cela un peu plus grand. D' accord ? Maintenant, en dessous de cela, je veux ajouter un diviseur. Ok, donc je vais te montrer pourquoi. Alors, ici, on va ajouter un séparateur. Alors, quel est le séparateur ? Eh bien, le diviseur crée essentiellement de l'espace, mais il ajoute aussi fondamentalement du design. J' ai donc ajouté un diviseur de bloc juste là et la visibilité. Je veux que ça se montre. Donc, ce que le diviseur fait vraiment , c'est qu'il pousse la page. Il crée de l'espace. Donc, si je mets comme 500, il va créer 500 pixels d'espace, donc il suffit de créer de l'espace. Cependant, je l'utilise juste pour la barre. J' aime juste la façon dont il a l'air juste là. Je me fiche de la hauteur juste là. Ok, mais je vais vous donner un autre exemple de hauteur dans un petit peu. D' accord ? Donc je vais enregistrer les changements, et je vais à cette section suivante ici, et je vais aller de l'avant et ajouter une nouvelle ligne et ajouter trois colonnes, et je vais aller de l'avant et ajouter la personne. Donc ici, j'ai mis Darrell Wilson. Ah, oui, il y a bien dire que ça va mettre WordPress designer et je vais aller de l'avant et mettre dans une photo. Bien sûr, ce n'est pas moi. Ce gars est bien mieux à me regarder, donc beaucoup dans ce gars juste ici à la place. D' accord. Et pour le congé de couleur de texte, c'est maintenant pour le tout de votre facebook que vous allez entrer votre vous tous de votre page de fan facebook. Donc, tu sais, quoi que tu sois, tout ce que c'est. Vous êtes tous des mecs. Est-ce que cette section est juste là ? Donc, quoi que ce soit sur votre Facebook là-bas, vous allez juste copier ça et vous allez payer. Asseyez-vous juste ici. Mais pour l'instant, je vais mettre ce petit numéro. C' est juste par défaut pour, vous savez, ajouter ce truc ici. Ok, maintenant, par ici. Je vais mettre une description. Donc je vais aller sur mes sites Web célèbres, mon site secret, et obtenir des textos fictifs. Bon, alors allez-y et prenez du texte factice et collez-le juste là. Ok, Cool. Maintenant, nous allons concevoir ici. Et, vous savez, on peut changer l'apparence de tout, les gars , vous savez , on peut avoir vous savez, on peut changer l'apparence de tout, les gars, vous savez, on peut avoir une couleur d'icône. S' ils survolent son juste ici, nous pouvons changer la police d'en-tête. Donc peut-être que quelque chose comme le chemin de fer doit le garder cohérent, non ? Je dois le garder pareil et tout. Adan est, tu sais, une police plus grosse comme ça. Et, euh, nous ne pouvons pas ah, hauteur de ligne juste là. Fais un peu de place, d'accord ? Et les polices corporelles. Nous pouvons changer ça pour quelque chose comme le chemin de fer et la couleur du corps du texte. Peut-être un peu plus sombre, ou changer tout en blanc. D' accord. Et expliquez pourquoi on va ajouter un arrière-plan à ça. Et l'arrière-plan va essentiellement être comme une couleur sombre. Donc, en revenant ici à cette section bleue, rappelez-vous que cette section contrôle toute la page que les gars contrôlent cette section entière. Donc, je veux aller de l'avant et ajouter une image d'arrière-plan à cela et peut-être quelque chose qui ressemble à ceci ici. D' accord, pour que vous puissiez voir que ça commence à paraître plutôt bien. Maintenant, ici. J' allais aller de l'avant et copier ceci et le faire glisser et copier à nouveau et le faire glisser dessus. Maintenant, voici l'équipe. Apparaissent les gars, c'est vraiment, vraiment moche. Je vais changer pour les blancs, accord ? Et bien sûr, le séparateur juste ici. Nous pourrions vouloir changer de White aussi, parce que c'est juste mieux avec les photos. Donc ici, je vais aller de l'avant et changer la photo de ce gars. Donc l'image que vous êtes. Eh bien, je vais aller télécharger. Il suffit de sélectionner un de ces gars et de le découvrir ici. On va aller de l'avant et choisir une autre photo de ce type ici. Ok, donc on a ça, tu sais cette section ici ? Ça a l'air plutôt bien. Et ici, sur deux autres sites, je vais retourner à notre équipe. Je vais te montrer cette comparaison. Donc nous avons ces trois boîtes juste ici. Mais ça a l'air très différent. Vous savez, nous avons un fond noir juste ici, et ces air centrés, etc. Alors, nous allons vous montrer comment accomplir cet effet. Donc ici, je vais aller à cette icône juste ici, et on va au design, et on va faire défiler vers le bas. Continuez à faire défiler. Il ne cesse de croître, et ils ont une couleur de fond, donc on va utiliser la couleur de fond de quelque chose comme le noir. Ok, donc on va utiliser du noir et juste ici. Même chose. Allez-y dans la conception du noir. Il faut que ça reste cohérent. Je dois tout faire. Ecoute, euh, je dois les rendre tous bons. D' accord. Donc aussi ici, la couleur de fond va être noire. Ok, maintenant, je veux commencer à claquer ça. Je veux en quelque sorte atteindre cet effet que nous avions tellement ici dans l'icône d'engrenage, je suis un aller à la conception, et je vais aller faire défiler vers le bas, juste continue de grandir à la marge personnalisée, et je veulent ajouter une marge ici. Je veux créer un peu d'espace ici, sorte que quelque chose comme 50 pixels ok, donc je suppose de le voir commencer à pousser vers le bas parce que nous sommes crédit a donné marge de 50 pixels. Et ici, je ne peux pas vouloir faire la même chose. Peut-être environ 100 pixels, non ? C' est à 100 pixels. Ok, donc tu es ce genre d'inclinaison. Cool. Regarde juste là. Ok, maintenant je veux centrer ce texte et ceci et ceci et ceci. Le problème est que Devi ne vient pas avec un texte central pour ce module de personne. Alors, comment on change ça ? Il y a plusieurs façons de changer ça. Les gars, on peut aller sur ce site. Non, les gars, j'ai en fait un CSS personnalisé pour vous les gars dans l'article avant cette conférence, et vous aurez besoin de ça. Donc, si vous en avez besoin maintenant, allez-y et repartez. Mais je vais aller de l'avant et l'attraper dans les autres modules d'autres sites Web. Bon, donc je vais aller de l'avant et copier ça très vite. D' accord, je vais aller à celle-là d'abord. Ok, Donc par ici Maintenant, je veux ajouter un CSS personnalisé donc le CSS quoi ? Cela fera ce foxy. Créez une ombre qu'il va créer comme une ombre autour d'elle pour lui donner un joli bord. Ok, donc nous allons passer ici à cette icône d'engrenage, aller au CSS, et je vais coller ce code dans le petit élément dans les éléments principaux. Maintenant, vous pouvez voir qu'il a cette ombre juste là. Donc, il semble un peu plus prestigieux, et vous pouvez obtenir ce code à partir de thèmes élégants. Je vais en fait mettre ça dans la conférence avant pour que vous puissiez aller de l'avant et juste, vous savez, prendre le code et les ajouter. conférence avant pour que vous puissiez aller de l'avant et juste, vous savez, Donc, ici va à l'icône d'engrenage CSS et Main Element. Et là encore, même chose. Donc vous pouvez voir ce design d'écriture que le thème ne pouvait normalement pas nous donner en ce moment . Je veux centrer ça. Maintenant, c'est un peu plus facile à comprendre. Donc ici, nous avons ce texte aligné au centre juste là, donc le texte aligné, Centre. C' est juste une commande que vous donnez le thème. Donc je vais aller à cette icône de vitesse. Je suis un aller à CSS et sous l'image du membre, pas l'image que nous pouvons avoir cela pour la description aussi bien. Vas-y et rythme ça là-dedans. Donc, ce que je dis essentiellement les gars, c'est que je veux que le texte soit aligné au centre. Maintenant, je pourrais nous changer à droite aussi. Voyez comment je forçais le thème à m'écouter. Je suis en train de décider, vous savez, je veux le texte au centre. Vous pouvez utiliser CSS personnalisé pour obtenir des résultats que le thème n'a pas pu vous donner. Donc je fais comme ça, tu sais ? Allons de l'avant et ajoutez simplement ceci au titre juste ici. Voyez comment maintenant seul le titre s'aligne au centre. Pas de poste de membre. Je pourrais aller de l'avant et coller ça là aussi. Ou je peux dire, vous savez, les liens sociaux membres. Je veux le social et aussi au centre. Mais peut-être que je voulais à droite. Alors je vais dire que je veux ça à droite. Donc, vous comprenez comment CSS fonctionne votre overriding Fondamentalement tout ce qui est dans le thème. Donc, vous lui donnez essentiellement des commandes supplémentaires ? Bon, donc par ici, je vais juste dire que tu sais ce que je vais aller de l'avant et juste poster ça et la description du membre. Je suis désolé. Dans la description de novembre ici. Mon rythme, c'est là. Ok, donc maintenant tout est centré, et il avait l'air vraiment, vraiment propre et bon. Ok, maintenant, allons de l'avant et faisons la même chose pour cette section ici. Donc, par ici, sous l'image du membre. Mais allez-y et placez-la là. Je suis désolé. Description du numéro. La description du membre des gars. D' accord. Et le dernier ici. Je vais pousser ça dans la section juste ici, mais voilà. Ok, cool. Disons que vous voulez que cette barre soit minimisée. Maintenant. Vous ne pouvez pas le faire seul. Vous devez avoir CSS personnalisé. Donc je vais aller sur mon autre site ici, et je vais avoir le CSS personnalisé maintenant, les gars, les gars, c'est aussi dans l'article pour vous les gars, euh, avant cette conférence, si vous les gars besoin, alors allez-y et attrapez. Il va aller de l'avant et prendre le mien très vite, et je vais vous montrer comment utiliser ça. Copiez ceci. D' accord. Donc je vais aller de l'avant et enregistrer cette page maintenant, et je vais faire de mon mieux pour vous aider à comprendre ce que le CSS signifie réellement. OK, donc on va voir mon tableau de bord juste là. Je suis un aller à divvy et aller aux options de thème. Ok, donc fondamentalement, le CSS personnalisé dans le thème dit fondamentalement que je veux appliquer ceci à l'ensemble du thème. Donc, ici, vous pouvez voir que nous avons le module diviseur. Donc, ici est la commande pour le diviseur. Et ici, c'est le avec. Alors, je veux que le avec soit grand ? Eh bien, je le dis, je veux au moins 30% et auto veut dire que je le veux au centre. Maintenant, je peux mettre à droite, mais je choisis de l'avoir dans le centre de sorte que vous pouvez aussi faire auto pour le centre aussi bien. Ok, donc je vais le sauver et je vais ouvrir le site Web sous une autre page et retourner à notre équipe. Donc vous pouvez voir que cette ligne est maintenant plus petite. Maintenant, si je change ça ici à quelque chose comme 50 %, ça va devenir plus gros. Je vais rafraîchir la page et maintenant c'est plus grand 23. Rencontrer l'équipe Cont.: Et si je fais quelque chose comme 10%, ça va devenir très petit, ok ? Et allez ici et rafraîchissez la page. Maintenant, c'est très petit. Tu vois ça ? Donc, c'est juste un design que vous pouvez ajouter. Et j'utilise le module de séparation non pas pour créer de l'espace, mais pour ajouter le noyau, non ? Donc je suis juste très personnalisable avec Devi et juste une sorte de penser en dehors de la boîte ici. Maintenant, sortons et disons d'accord, donc on les connaît ici, mais je voulais regarder un peu quelque chose comme Mawr comme ça. Juste ici. Alors comment ai-je fait ça ? Non, je parie que vous savez comment faire ça. Vous vous rappelez peut-être comment faire ça un peu, mais je vais aller de l'avant et vous montrer comment faire ça. Donc je vais aller de l'avant et juste, euh je vais copier ce gars et ce gars et, euh, en fait, je dois créer une nouvelle rangée il y a deux plus nouveau et ajouter quatre ici. Fermez ceci. Maintenant, je vais juste aller de l'avant et traîner ces gars dans le nouveau rôle juste ici. D' accord. Tu vois ça ? Prends ce type aussi. Je les vole. Va le mettre ici, et je vais aller de l'avant, voler ce gars ici et le mettre ici, et je suis paresseux. Je vais juste en créer un de plus, et je vais traîner ça et le mettre ici. Ok, donc on a cette rangée juste là. Tu sais, je vais changer la photo de ce type. Je ne veux pas avoir les mêmes gars. Donc je vais changer la photo de ce gars très vite pour ce gars juste ici. Bon, donc nous avons ce nouveau rôle ici. Alors, comment ai-je obtenu cet effet ? Juste ici. J' espère que vous comprendrez. Juste en regardant cette boîte, nous devons la rendre plus grande. Tu sais, la boîte n'est pas assez grande. Donc, je vais aller à la rampe assis ici et aller faire ce fou avec. Ok, maintenant, rappelez-vous ce que la gouttière fait la gouttière avec essentiellement serrer la maladie ensemble et assurez-vous qu'il n'y a pas de place. Donc je vais de l'avant et je clique sur activer la gouttière avec je vais changer ça en un et aller en sécurité pour que vous puissiez voir qu'il n'y a pas d'espace ici. Et comment puis-je déterminer si ces photos, vous savez, comment puis-je savoir que là où ils se fient à ça, vous savez ? Comment puis-je le déterminer ? Eh bien, ici, dans cette icône d'engrenage, allez au design. Souviens-toi comment on a foiré avec une marge personnalisée avant qu'on ne recommence. Donc, sous la marge personnalisée, je vais ajouter celui-là comme 1 50 Donc maintenant nous avons cet effet vraiment cool et incliné de la marge juste ici. Ok, donc nous avons ajouté des CS personnalisés à ces images ici, et nous avons également ajouté dans l'ombre d'arrière-plan. Vous pouvez le voir ici. Cela s'applique toujours. Donc, il va rester avec elle et l'arrière-plan. Ça a l'air vraiment, vraiment sympa. Ça a l'air vraiment cool. Maintenant, si vous voulez juste une ligne en gros ces ensemble, juste ne mettez pas de marge. Donc, sur cette icône d'engrenage juste ici, on va aller au design et je ne veux pas de marge cette fois. Donc je veux mettre zéro celui-là juste ici. Je vais mettre zéro. Je ne veux pas de marge. Je ne veux pas que tu ne veuilles pas que tu pousses. Je ne veux pas que tu fasses quoi que ce soit. Et puis par ici, la même chose exacte. Le design. Je vais mettre zéro. Ok, donc c'est un autre effet que vous pouvez avoir, mais soyons un peu plus créatifs. Allons de l'avant et disons OK, nous avons fait ça. On a fait ça. Comment as-tu fait ça ? Tu sais, comment j'ai créé ça ici ? Ok, donc en allant sur notre site, je vais aller de l'avant et je vais juste dupliquer ce gars. Eh bien, en fait, non. On va créer une nouvelle rangée. Donc je vais à Plus New et je vais à deux cette fois, et je vais juste cliquer sur X, et je vais simplement copier ça et l'emprunter. Ma copie, ça et moi allons simplement prendre ce gars et le traîner ici et ensuite sur ce gars. Prends ce type. Je vais l'emprunter aussi. Je suis juste là. J' ai besoin d'emprunter ton corps. Je vais t'emmener ici, d' accord ? Et je vais dupliquer ce type et le dédier. Maintenant. Pourquoi ne pas dupliquer ces deux types pour nous ? Parce que tout est dans la même boîte, les gars. Donc c'est tout un nouveau module ? En gros. Ok, donc je veux garder ça. Mais je veux en gros, vous savez, je veux ajouter un peu plus d'espace ici. Donc, nous allons utiliser à nouveau le module de séparation. Mais cette fois, utilisons-le pour son usage régulier. Quelqu' un va à plus nouveau clic sur ce, et je vais au module diviseur. D' accord, donc la hauteur ici, combien de hauteurs tu veux ? Eh bien, 300 pixels. Vous voyez comment le séparateur crée de l'espace ? C' est ce que fait le séparateur. C' est ce qu'il devait faire. Cependant, ici, je l'ai juste strictement utilisé pour sa conception. Je me fichais vraiment de ce que ça fait. Ok, donc en allant ici, on a ces images , mais , je ne veux pas d'espace ici. Tu sais, je ne veux pas d'espace entre ces deux, alors je vais ici à cette section, et je vais juste prendre le caniveau avec et le réduire à un. Et voilà. Maintenant, nous avons ce bel effet et vous pouvez ajouter, comme, vous savez, rencontrer l'équipe juste ici. Donc je vais aller de l'avant et juste, vous savez, dupliquer toute cette section et juste faire glisser cette section maintenant en bas juste ici. Donc je le tiens et je fais défiler. Et voilà. Maintenant, nous avons maintenant une nouvelle section de rencontre de l'équipe. Ok, donc c'est une façon vraiment créative que vous pouvez utiliser CSS. Et aussi ajouter, vous savez, quelques styles différents et différents, vous savez, façons d'ajouter et Devi. Ok, donc j'espère que cette section vous a aidé à comprendre la coutume, CSS et, vous savez, style moderne. De beaux sites comme celui-ci est vraiment moderne gars, c'est vraiment beau. Et pour un débutant, si tu fais ce genre de bûches sur le dos parce que ça m'a pris des années pour faire des choses comme ça. Je faisais des trucs si moches quand j'ai commencé, et ça m'a pris quelques années et je me développé. Et maintenant je peux comprendre différents styles. Ok, donc c'est à propos de ça pour les gars de la section. J' espère que cela vous a aidé à comprendre la coutume. CSS. J' ai quelques articles sur CSS personnalisé dans l'article avant pour vous aider. Tu sais, lectures plus poussées et des trucs parce que je ne veux pas que tu t'arrêtes ici. Je veux que vous puissiez créer tout ce à quoi vous pouvez penser. Très bien, donc c'est sorti pour cette section d'index, les gars, on va parler plus. Qu' est-ce qu'on a ensuite ? On a la maison. L' équilibre. Ok, on va nous contacter. Maintenant, on va au contact. Ce type va bien, donc je vous verrai tous là-bas. 24. Créer la page de contact: Bon, les gars, bienvenue. Maintenant, on va faire la dernière page, qui est la page de contact. Et je vais vous faire découvrir les modèles que j'utilise et vous aider à visualiser. Tu sais ce que tu peux créer avec Devi. Donc, ceci ici, j'utilise le quatrième en-tête, et je viens de dire, pas à un bouton. droite. Et ici, j'ai ajouté en trois blurbs si flurb un blurb pour flurb trois, et j'ai ajouté dans mes icônes, et je lui ai fait tous la même couleur ici, ajouté dans une section d'appel à l'action. Et ici, j'ai ajouté dans un formulaire de contact, et nous parlerons plus des formulaires de contact dans cette section et de la livre sterling ici. C' est une carte complète, ok ? Et ici, c'est notre pied de page personnalisé que j'ai téléchargé et dont nous avons parlé dans les autres conférences. Ok, alors allons-y maintenant et créons la même page exacte. Donc, je vais nous contacter et permettre le constructeur visuel et aussi les gars après la conférence, nous allons parler plus sur l'optimisation mobile, et c'est extrêmement, extrêmement important. Surtout après Google a lancé sa nouvelle optimisation mobile en tant que PDG mise à jour. Ok, donc je vais aller à cette section plus nouvelle, et je vais en quelque sorte accélérer cette fois parce que je pense que vous comprenez ce que vous savez ce qui se passe maintenant. Alors allez au plein avec en-tête, et juste ici quand il met contactez-nous, contactez-nous, et je vais placer ça au centre. Je vais faire ce plein écran et fermer. Maintenant, je vais fermer cette autre section ici, et je vais aller de l'avant et ajouter une image de fond pour qu'on ajoute quelque chose comme, Ah, ce sont tous assez cool. Maintenant, ça ne marche pas. C' est trop grand. OK, donc ajouter quelque chose comme, hum, voyons ici. C' est juste ici. D' accord ? Et par ici, je vais aller de l'avant et dire, accord, vous savez quoi, les gars ? Je veux aller de l'avant et changer cette police ici, ou faire le design. Donc quand il va à ma, um ma couleur de police de titre et aussi la couleur de la police de sous-en-tête et que je veux les rendre un peu plus grands, je vais changer ça en chemin de fer. D' accord ? Et je vais changer le front de sous-cap aussi en chemin de fer, et ensuite on va le rendre un peu plus grand, celui-ci plus grand. Et là-haut un peu plus grand, et peut-être que je vais le faire boulonner. D' accord. Donc aussi, je peux ajouter le, um, um, l'espacement entre les en-têtes. Mais je choisis juste de ne pas le faire parce que vous connaissez probablement déjà l'espacement des lignes juste là. D' accord. ici, je vais aller à plus nouveau et y aller. Je vais cliquer sur ce petit qui va bien. Donc régulier ici et va cliquer sur ces trois et pas simplement ajouté dans un blurb juste ici. Donc on entend beaucoup dans quelque chose comme, hum bien, Adam téléphone et je ne vais pas mettre une fille. Et je veux utiliser un Nikon et cette icône. Je vais utiliser le téléphone. Je vais trouver le téléphone ici. Je sais qu'il est ici quelque part. Vous êtes probablement prêts. Je l'ai vu. Je le laisserais probablement passer. Ou est-ce ou c'est celui qui gagne le premier ? Tu vois ? Voyez si je peux le trouver ici. Je sais qu'ils ont un téléphone. C' est juste que je ne peux pas le trouver. il est donc là. D' accord. Et je veux changer ça pour quelque chose comme du noir. Ok, maintenant je pars en haut, et je ne veux pas de l'animation. Rappelez-vous, l'animation est comme, de droite à gauche, comme une petite animation. Et là, je vais y aller et taper quelque chose comme, tu sais, ça. J' irai sur mon site secret ici. Site secret. C' est le site secret, et je vais juste aller de l'avant et jeter un texte factice juste ici et le coller dans. Ok, maintenant, je vais faire quelque chose d'un peu différent. Je suis au lieu de créer un autre module ici, un texte. créer un autre module ici, Je vais juste aller de l'avant et mettre de l'espace ici, et on va faire quelque chose comme, hum, eh bien, ajouter notre numéro de téléphone 1 800 Ok, donc on a ça juste là, et, Je vais aller de l'avant et prendre cette section ici, et je vais faire en sorte que c'est une couleur différente. Je vais aller de l'avant et prendre cette section ici, Quelque chose comme Ah, lisez. D' accord. Vous pouvez l'ajouter comme une couleur rouge. Certains aiment ça ou quoi que ce soit. Et allons de l'avant et alignons cette section, vous savez, rendre un peu plus soignée. D' accord ? Et aller à la sécurité. Ni en fait, Maintenant, allons à la conception juste ici. Et, vous savez, nous pouvons, vous savez, gâcher les dessins. Vous savez, affaiblir, allez à quelque chose comme les téléphones corporels ici, changez le corps, changez le corps, tombez dans le chemin de fer. D' accord. Et aussi ajouter un peu ah, hauteur de ligne juste ici. Toujours sur la ligne. Salut. Comme ça. Parfait. D' accord. Et aussi, vous pouvez changer la taille de ça. C' est l'icône aussi bien. Alors n'oublie pas, tu peux toujours changer ça. Donc, je clique sur ce juste ici, et je vais dupliquer et glisser-déposer et dupliquer et glisser-déposer. Donc ici, vous voudrez peut-être changer cela quelque chose comme un e-mail, écrire un e-mail. Et là, on va mettre quelque chose comme, euh, voyons ce qu'on devrait mettre. Quel est le courriel ? Est-ce que ça marche ? Hmm ? Je ne sais pas. C' est proche. Je sais. Ils n'en ont pas envoyé un. Voyons voir, juste là. Non, ça ne marcherait pas, non ? Je ne sais pas. C' est bon, mais ce n'est pas vraiment ce que nous essayons d'accomplir. Donc email ou j'allais à un moment comme ça, accord ? Et puis juste ici sur la partie inférieure sur le rouge. Nous pouvons probablement mettre quelque chose comme, Vous êtes notre email, vous savez ? Et là, nous mettrons quelque chose comme notre emplacement, notre adresse, et puis nous changerons. C' est quelque chose comme, toi. Trouver une icône d'adresse, n'est-ce pas ? Trouver une adresse ou comme une maison. On devrait trouver une maison. Je pense que la maison va marcher. Voyons voir ici. D' accord. Et puis au fond, bien sûr, nous mettrons notre adresse juste ici. Vous pouvez changer cette couleur en quelque chose comme, vous savez, sombre ou quelque chose qui peut avoir comme ça, un gris, et c'est comme une couleur plus foncée. J' utilise juste le rouge pour deux. Les gars de Tolbert que je connais ont l'air très moches. Mais j'essaie juste de vous expliquer. Tu sais ce que ça fait. Donc, euh, oui, je vais changer la section ici pour aimer, euh, je ne sais pas, Los Angeles Road. La route Atlas Endless. Ok, donc c'est essentiellement cette section que nous avons créée ici. J' utilise simplement des tailles de police différentes. Et, euh, c'est en gros tout ce que j'ai fait, c'est juste que j'ai fait l'icône un peu plus petite, donc ici. Je veux dire, l'icône un peu plus petite, mais pas moins. Les gars sont fondamentalement la même chose. Et ici, j'ai juste ajouté plus de hauteur de ligne, mais j'aime commencer un peu mieux. Je veux dire, c'est un peu plus branché, je suppose que tu peux dire OK, donc dans cette prochaine section ici, on va aller de l'avant et créer cette prochaine section. Donc je vais à plus nouveau régulier, et je vais ajouter celui-ci ici et simplement ajouter un appel à l'action et mettre quelque chose comme, hum, laissez-nous vos informations. Et aussi, les gars, quand vous les aimez comme ça. Assurez-vous que la première lettre est toujours capitale. Ça a juste l'air bien. Et c'est ce que tout le monde fait. Vraiment. C' est comme ça que ça se passe. Et je n'écris pas les règles. Je joue juste au jeu, tu sais ? Donc on va faire la couleur de la taxe est sombre, et ici on a quelque chose comme, euh, eh bien, revenez à vous et pour le design, peut-être envie de changer. C' est quelque chose comme le chemin de fer, tu sais, gardez-le cohérent. On avait un peu plus gros. Et aussi pour les téléphones corporels ainsi. On peut ajouter quelque chose comme le chemin de fer. Je pense que ça a l'air bien. D' accord. Et la section suivante, on va en faire un nouveau, ou on peut le mettre ici. Ça n'a pas vraiment d'importance. Nous pouvons créer une toute nouvelle section pour mettre un formulaire de contact ou ajouté dans cette section. Donc, je vais juste à plus nouveau aller à celui-ci juste ici et ajouter n'importe quel formulaire de contact. Ok, donc la conduite des gars est un peu différente. Donc ici, nous avons le nom, adresse e-mail, et vous pouvez ajouter plus comme ici. On peut ajouter quelque chose comme, euh, tu sais, ce que tu veux ici, comme un numéro de portable ou quelque chose comme ça. Mais je ne vais pas vraiment ajouter quoi que ce soit en extra. Je vais donc m'appeler Sofield. Je représente votre nom juste là. Le titre est le nom. Donc, le type est que vous avez le champ de saisie, e-mail ou zone de texte. Donc zone de texte est fondamentalement pour comme, une zone de saisie de message pour, comme, un nom. Nom de famille portable. L' e-mail est leur adresse e-mail. D' accord. Maintenant, est-ce un champ obligatoire ? Est-ce que ça veut dire ? Doivent-ils remplir la section Nom ? Est-il nécessaire ? Vous pouvez mettre oui ou vous pouvez mettre. Maintenant, tu veux faire tout ça avec eso ? Ce que ça fait, c'est que ça rende cette section spécifique avec, et vous pouvez l'avoir horrible avec, vous savez. Tu vas dire non ? J' aime bien ce que ça ressemble. Je veux aller de l'avant et laisser ça standard. D' accord ? Maintenant, pour les gars du design, bien sûr, la personnalisation est illimitée. Nous pouvons changer la couleur d'arrière-plan de la section. Nous allons de l'avant et nous disons, vous savez, pour les polices de champ, que je veux changer cela en chemin de fer. Je veux le garder cohérent avec mes sites Web. Donc chemin de fer, vous voyez le plaisir et il est maintenant en train de changer et la couleur du texte de champ change quelque chose comme CNBC blanc. Il est blanc, et nous pouvons ajouter une prochaine bordure ra. Mais, euh, vous savez, si vous voulez ajouter une autre bordure, vous pouvez ajouter quelque chose comme le rouge ou la couleur que vous voulez. C' est ce que fait la frontière. D' accord. Et bien sûr, vous avez une frontière avec la frontière. Peut être pointillé, pointillé la bordure. La bordure a beaucoup de styles différents, mais c'est vraiment laid avec le formulaire de contact. Mais je suis sûr qu'il y a des raisons de l'utiliser, tu sais ? Je sais qu'il n'y a aucune raison de l'utiliser. D' accord ? Donc d'autres que les gars, c'est fondamentalement l'option pour chaque spécifique. Donc je passais sur l'e-mail, donc je l'ai juste ici, et nous avons des commentaires. 25. Contd..: temps en temps. Le titre ici est l'adresse e-mail. Tu peux les mettre comme, yo, email ici, OK ? Et ce type est le champ e-mail. Donc c'est là qu'ils vont entrer dans l'adresse e-mail, ok ? Et encore conçu. Même chose. Vous pouvez concevoir cette section. Maintenant, si vous voulez ajouter une nouvelle section comme, disons juste que vous voulez ajouter quelque chose, comme le numéro de téléphone étant cliqué sur un nouvel article et nous entendons un téléphone de mise, puis mon numéro de téléphone et juste ici, mettre le champ d'entrée. Et, vous savez, c'est fondamentalement que je ne fais pas attention à ce plein écran, et je veux passer ça au téléphone un peu plus haut ici. Tu sais, je veux faire ça, tu sais, un peu plus soigné. Maintenant, on peut faire tout ça avec des gars qu'on peut dire, écoutez, ça n'a pas vraiment l'air bien. Alors sortons et disons, écoute, je veux qu'il soit horrible maintenant parce que je voulais tout faire correspondre. Donc au téléphone, je vais faire tout ça avec et sur l'email. Faites cela aussi avancer. Ok, donc maintenant j'ai l' air cool, tu sais . Et vous pouvez je sorte de modèles changés comme cette section. Tu peux avoir de l'obscurité. Pourquoi sombre ? Vous savez, ajoutez, vous savez, saveur et du décor à votre design. Tu sais, tu ne veux pas partir. C' est standard et ennuyeux. Ok, alors retournez ici maintenant, capturez. Alors qu'est-ce qu'une capture ? La capture est essentiellement des choses qui empêchent le spam. Donc vous les gars, j'ai des tonnes de spams comme, Hey, vous voulez acheter mon Viagra ? Hey, tu veux acheter ce, euh, cet ordinateur ou Hey, tu veux avoir le numéro un ? D' accord. Sur Google ou quoi que ce soit ce que la capture empêche. Il empêche les robots automatisés. Donc, je recommande de mettre son comme vous l'emmenez loin, il va enlever la capture. D' accord. Et email. Alors allez-y et mettez votre email sur les gars. Si vous avez des questions, allez-y et mettez comme, vous savez, il suffit de cliquer dessus. Ça te dit ce que c'est quatre. Donc, vous savez, allez de l'avant et entrez votre adresse e-mail juste là et le titre de ce que vous vouliez dire . Comme, tu sais, définir un contact. Un titre pour votre formulaire de contact. Donc, vous savez, euh, l'équipe de débat. Alors ici. Mais le formulaire de contact sur le thème Davy. Ok, modèle de message. Vous pouvez en quelque sorte, vous savez, juste ajouté quand vous voulez les gars. Aussi, vous pouvez toujours aller ici et mettre ça ici et déterminer ce que vous voulez juste là. Donc, vous savez, vous pouvez aller vérifier ça et, vous savez, mettre ça. Mais en général, je voudrais juste, vous savez, je le laissais vide pour défaut, vous savez ? Juste ici. Sauf si tu sais ce que tu fais. Je vais juste le laisser vide par défaut. Ok, les gars. Donc ça va ici, donc activé. Direct. Tu vas bien. Ah, tu sais, je ne m'embêterais pas avec cette fonctionnalité. C' est un peu plus avancé, mais cela leur permettra essentiellement à une fille différente après avoir rempli votre formulaire. Disons qu'ils ont pensé à votre forme. À quelle page vous voulez qu'ils se rendent après avoir rempli votre formulaire. Maintenant, le message de réussite. Qu' est-ce que tu voulais dire ? Donc j'ai mis Oui, ça marche. A bientôt. Donc, une fois qu'ils ont senti le formulaire de contact, les gars Où voulez-vous dire sur le message de réussite ? Ça va dire, tu sais, ce que tu veux, alors je te vois bientôt, etcetera. Et c'est essentiellement le gars. Donc, ce contact pour mon planning, allons à mon email et j'ai mis le formulaire de contact fait-il et tout est fondamentalement, vous savez, sur défaut pour le modèle de message. Donc ça ira directement dans votre boîte de réception, et ça marche comme un charme. C' est vraiment, vraiment facile. Si vous avez des problèmes avec cela, cela pourrait être votre société d'hébergement. Alors premier contact, thèmes élégants. Dites-leur Hey, mes e-mails ne fonctionnent pas ou slash. Ils vont au spam secondes. S' ils disent que c'est votre société d'hébergement, contactez votre société d'hébergement et ils devraient être en mesure de vous aider ou de comprendre quel est le problème. Ok, je vais aller vérifier, et c'est tout. Nous remplissons le formulaire de contact très simple, vraiment facile. Ok, alors on va aller de l'avant et ajouter le tout avec un peu plus tôt la carte, quatrième carte. Donc, à la nouvelle section pleine avec et aller à la carte. Et nous l'avons fait plus tôt. Les gars, on est déjà ça plus tôt, donc je vais faire la même chose, mais Hollywood, euh, notre maison, notre base. Qu' est-ce que c'est ? La Ligue de la justice ? Froid. Leur base d'opérations. J' ai oublié. Je dois regarder celui-là. Donc ici, mettre, comme Hollywood. Tu vois un Ok, donc je l'ai trouvé. Maintenant, on va aller ici et mettre comme nos heures d'opération 9 à 5. Ok, donc j'ai trouvé ça ici, et puis je vais cliquer sur vérifier. Bon, maintenant, par ici, nous devons centrer la carte. Alors, où voulez-vous que la carte soit centrée alors ? Alors je vais dire Hollywood, Californie, et le trouver. Et voilà. Donc on a Hollywood, Californie. Et si vous cliquez ici, notre base, nos heures d'ouverture et c'est ce que le formulaire de contact est et aussi les gars. Donc, ils font défiler son Ceci ici désactive cela. Maintenant, ils ne peuvent pas le faire, et ils peuvent simplement cliquer dessus. Vous pouvez inscrire votre adresse. Tu peux mettre ce que tu veux. OK, donc c'est joli, plutôt mal. Je suis désolé. Facile, FIT faisable. Il y a du sel, Dragonball. Quand mon cerveau était comme traîner une facture plus ça. Oui, on est donc que je ne suis pas des yeux et c'est tout. Les gars, on a créé un formulaire de contact complet. Très simple, très facile. Ok, alors restez là, les gars. Ne laissez pas cette section éditoriale parce que vous pensez que Oh, j'ai fini. Et j'ai fait le site web. Nous allons parler beaucoup plus de l'optimisation mobile et d'autres fonctionnalités. Ok, donc je vous verrai tous aux prochaines conférences. 26. Optimisation mobile: Bon, les gars, bienvenue. Donc, ici, nous allons parler de l'optimisation mobile et aussi de quelques fonctionnalités supplémentaires que Devi a à offrir. Donc ici, je vais aller activer le constructeur visuel. Et d'abord, nous allons parler de l'optimisation mobile. Donc, les gars, l'optimisation mobile est extrêmement important parce que depuis 2017 leur bras ou les utilisateurs mobiles qu'il ya des utilisateurs de bureau. Donc, vous voulez vraiment vous assurer que votre site est optimisé pour mobile. Donc en cliquant sur cette petite icône violette juste ici, je vais cuisiner sur cette icône de tablette juste ici. Voici donc à quoi ressemble notre site Web sur une tablette. Donc, il va faire défiler vers le bas et voir s'il y a un changement que nous devons faire et ce que nous pouvons faire pour le réparer. Donc, défilant vers le bas six. Ça a l'air bien, tu sais ? Mais ici, euh, tu sais, je n'aime pas ce que ça a l'air. Et aussi le rembourrage ici n'est pas bon non plus. Donc, je veux fondamentalement changer cette section ici. Donc il y a quelques façons de faire ça, vous savez, , abord, je vais aller de l'avant et dire, Ecoutez, je veux, vous savez, déplacer ce texte ici à peut-être que le centre juste pour l'optimisation mobile pourrait sur cette icône d' engrenage juste ici et aller à la conception. Maintenant, mon défilement vers le bas jusqu'à la taille de la police d'en-tête. Donc, si je clique sur le petit téléphone ici, vous pouvez voir smartphone et tablette. Maintenant, apparaissez donc juste ici sur la tablette. Vous pouvez ajuster la taille de ceci. Maintenant, c'est juste pour les comprimés. Tu vois ça maintenant dans le smartphone ? Ça n'a pas l'air trop bien ici. Ça a l'air vraiment désordonné. Donc nous devons réparer ça juste ici pour que nous puissions rendre ça un peu plus petit juste pour le téléphone. Et voilà. Ça a l'air un peu plus propre, non ? Une partie de la vérification des armes juste ici. Maintenant, aussi le rembourrage juste ici. Le rembourrage ici n'est pas bon. Alors allons-y et essayons de réparer ça ici. Donc je vais aller à l'icône d'engrenage et je vais aller à la conception et faire défiler vers le bas et juste ici nous avons le bas. Ensuite, je vais d'abord cliquer sur le téléphone. Le téléphone va contrôler à quoi ça ressemble ici. Donc, je veux ajouter un peu de tapotement en bas juste ici. Quelque chose comme 40 pixels ou 80 pixels. Ok, donc vous pouvez voir que ça a l'air un peu mieux pour les tablettes. Maintenant, allons-y et regardons le smartphone. Le smartphone ? Ça a l'air bien, non ? On a un rembourrage juste là. Ça n'a pas l'air trop mauvais. Je dois descendre maintenant. Par ici. On voudra peut-être changer cette section ici. Cette section ici a l'air un peu étrange, vous savez, elle n'a pas l'air trop belle. Et aussi, il y a des problèmes de tapotement ici aussi. Alors, juste ici. Cliquez sur le téléphone et vous pouvez voir que ça a l'air bien sur le téléphone juste ici. Mais nous pourrions devoir nettoyer ça sur la tablette. Donc, ici, nous allons à cette icône d'engrenage et allons ici pour la conception et la taille de la police d'en-tête. Je n'aime pas ça ici, et je vais réduire ça pour le smartphone. Juste comme ça. Alors maintenant, vous pouvez voir que ça a l'air un peu plus propre. Maintenant, vérifiez sur la tablette sur la tablette. Ça a l'air plutôt bien. Ça a l'air sympa. Ok, quelqu'un va cliquer sur ça maintenant, par ici. On va aller de l'avant et cliquer sur cette petite icône de vitesse, ambergris. Qui ça à la tablette. Ok, alors allons-y et nettoyons cette section ici. Donc nous avons cette résection tapotant juste ici. Quelqu' un va cliquer sur cette icône d'engrenage et on va aller au design. On va faire défiler vers le bas, il ne cesse de grandir. On va descendre à la colonne 1 rembourrage. Maintenant, on va cliquer dessus, et on va cliquer sur la tablette. Alors, juste ici. Tu sais, on avait besoin de réparer ça ici. Donc il y a tapotement en bas à droite. Donc je vais ajouter zéro tapotement sur le fond, ok ? Et puis aussi dans le haut. En fait, je vais aller de l'avant et probablement enlever tout ça ici. Et pour voir à quoi ça ressemble ici. Allons de l'avant et supprimons. C' est bon. C' est un peu bizarre. Ok, donc je vais y aller et ajouter un peu plus. Peut-être 45. Ah, 47. 48e 49. D' accord. 50, c'est bon. 50. Ça a l'air bien. D' accord. Donc vous pouvez voir que j'ai sorti le top tapotant juste là. Et j'ai ajouté 50 juste là. Ok, donc ça a l'air bien mieux que ce qu'il a fait avant. Juste avant. On dirait de la merde. Et c'était vraiment désordonné. Ok, donc je vais cliquer sur vérifier et faire défiler maintenant. Les gars, il semble beaucoup plus propre maintenant sur la tablette, quelque chose cliquez sur coffre-fort. Maintenant, il va juste vérifier une autre page. Tu sais, je ne sais pas à quoi m'attendre. Allons de l'avant et juste x constructeur individuel, une noble chèvre à quelque chose comme, hum, onglet Services. Et nous irons pour activer le constructeur visuel. Et voyons à quoi cela ressemble maintenant sur l'appareil mobile juste ici. Cliquez ici et allez à la première. On va aller à la tablette. Ça a l'air assez standard. Non, c'était un peu propre. Allons sur la tablette. D' accord. Tu sais, je ne pense pas qu'il y ait beaucoup de choses à changer ici. Donc, tu sais, je pense que ça a l'air bien, et je vais aller au téléphone, accord ? Et nous allons faire défiler ici. Et c'est essentiellement à ça que ça devait ressembler. Ça a l'air assez propre. Tu sais, on pourrait le rendre un peu plus petit si tu le choisis. Tu sais, on peut faire ça juste sur une ligne sur l'icône d'engrenage. Je suis un aller à la conception et je veux changer la police d'en-tête ou la taille de la police du titre. Donc, nous allons cliquer dessus et cliquer sur le smartphone et nous pouvons réduire cette taille ici. Ça a l'air un peu plus propre, non ? Donc, vous devez aller de l'avant, les gars, et assurez-vous que votre site est entièrement optimisé pour mobile et en cliquant sur le téléphone. C' est exactement comment le changer, parce que si je clique sur enregistrer ici et je retourne à quelque chose comme l'ordinateur ici , vous allez voir que la police de texte n'a pas changé sur Lee a changé pour le mobile périphérique. Donc ça ne va pas aimer, vous savez, changer tout votre site web. C' est sur Lee va le changer spécifiquement pour les appareils mobiles. Ok, tu veux aller de l'avant et vraiment t'assurer que c'est censé le faire ? Tout a l'air vraiment, vraiment bon. Je ne vois rien sur cette page que nous devons vraiment changer. D' accord. Donc, les gars, l'optimisation mobile est très importante et c'est comme ça que vous, vous savez, optimiser à partir du mobile. Maintenant, s'il y a une section que vous ne voulez pas montrer, disons par exemple , , sur cette page de contact, Allons par ici. Je ne suis pas capable de cette balle visuelle ici. Disons que vous ne voulez pas que cette section apparaisse ici. Donc je dois faire, c'est cuisiner sur cette petite icône violette ou n'importe quelle icône, et tu vas faire défiler et on va aller ici et mettre désactivation sur le téléphone et les tablettes parce que je ne veux pas que les gens sur le téléphone ou la tablette voient ce module. Je ne veux pas qu'ils le voient. Alors je vais aller de l'avant et dire, OK, c'est sûr. Donc avec ça, ce que je viens de faire, c'est en gros dire, si vous êtes sur l'ordinateur, vous pouvez voir cette section. Si vous êtes sur un téléphone ou une tablette, vous ne pouvez pas voir cette section, et je vais y aller avec vous. L' appareil mobile juste ici et ah, ça a l'air assez bon. Ou sur la tablette. Cela a l'air assez bien et vous pouvez voir maintenant c'est un peu gris, et quand c'est génial comme ça, c'est essentiellement dire que c'est désactivé pour la tablette ou n'importe quel appareil que vous choisissez aller au téléphone maintenant, Même chose. Voyez à quel point c'est génial là-bas. Donc il n'apparaît pas sur aucun appareil mobile, ok ? Et en train de foirer ici parce qu'il a juste l'air bien. Nous devrions peut-être réduire la taille de ça, mais, vous savez, c'est aussi un style, vous savez, vous pouvez dire, Oh, c'est un genre de style, Mais disons juste pour Detroit représenter, vous voulez changer, aller à notre icône d'engrenage, aller à la conception, et nous allons trouver la taille de la police du titre cliquez sur l'icône Petit téléphone et sous le smartphone, nous allons réduire cette situation. Maintenant, ça semble, ça a l'air un peu trop grand maintenant, aussi. Donc, nous voulons aller de l'avant et peut-être changer cette section aussi. Les polices de sous-titre sur le smartphone. Je vais réduire ça aussi. Donc ça ressemblera à ça sur l'appareil mobile. OK, vous devrez aller de l'avant et vous assurer que c'est optimisé pour le mobile. Si vous ne voulez pas une section qui montre, vous savez, hum, que vous ne voulez pas montrer sur le téléphone des tablettes. Assurez-vous de le désactiver parce que, vous savez, certaines sections ne sont pas vraiment nécessaires pour les téléphones, vous savez, peut-être comme un formulaire de contact très long et compliqué. Quelqu' un pourrait ne pas sentir ça sur son téléphone. Je ne sais pas vraiment, mais c'est à toi de décider. Mais c'est tout pour cette section. Les gars à propos de l'optimisation mobile. Vous voulez vraiment passer par le site Web et vous assurer qu'il est optimisé. Et aussi, si vous voulez voir les changements précédents que vous avez faits dans le passé, vous pouvez cliquer sur ce petit, cette petite icône de téléphone, et c'est en fait nous allons la charger à quoi que ce soit. C' est comme une histoire comme un argent. Donc, tout ce que vous avez fait, vous pourriez juste revenir à dire, je veux revenir à cette section ou à cette section. C' est comme un endroit sûr. OK, donc chaque fois que vous pensez avoir des problèmes et que vous voulez y retourner, allez dans votre histoire et vérifiez ça. Ok, donc la prochaine en fait, les gars, nous allons parler d'une série d'autres conférences que j'ai inclus sur d'autres sites, comme l'optimisation vidéo pour les téléphones, parce que les curseurs vidéo ne jouent pas sur l'appareil mobile, donc je vais vous montrer comment résoudre cela dans la section suivante. Donc, je vous verrai tous là-bas. 27. Optimisation mobile de Slider vidéo: Tout le monde, c'est Darryl. Et aujourd'hui, je vais vous donner quelques trucs et astuces rapides avec le nouveau thème de la divvy. Trois points. Alors maintenant beaucoup de gens me demandaient à propos du curseur vidéo. Donc beaucoup de gens aiment avoir ces grandes, belles araignées vidéo qui ressemble à ça. Mais rappelez-vous, ces curseurs vidéo ne seront pas lus sur n'importe quel appareil IOS. C' est comme ça que la pomme l'a. Donc, si vous avez un iPhone et que vous allez sur ce site, il ne ressemblera pas à ceci. Cela ressemblera à un fond gris, mais je vais vous montrer aujourd'hui comment vous pouvez réparer ça. Ainsi, par exemple, si quelqu'un vient pour un site Web sur un ordinateur, cela ressemblera à ceci. Maintenant, nous voulons essentiellement l'optimiser pour mobile. Donc je vais te donner un bon conseil et astuce pour réparer ça. Donc, la première chose que vous voulez faire est en fait juste de dupliquer cette ligne, donc nous allons dupliquer toute cette section. Alors maintenant, nous avons des curseurs vidéo. Ok, maintenant, on va aller sur cette petite icône de vitesse juste ici, et je vais cliquer sur ça et je vais faire défiler et je vais désactiver ça sur les tablettes et le téléphone et cliquer sur vérifier. Donc maintenant, cette section vidéo est sur Lee qui joue sur, euh, sur l'ordinateur. Il ne va pas jouer sur un téléphone ou une tablette, donc les gens ne verront pas cette section s'ils utilisent un appareil mobile. Parce que vous avez été à ces sites Web étaient comme Skype ou quelque chose, où vous allez sur le téléphone et il semble complètement différent. C' est ce qu'on va faire aujourd'hui. Donc, dans cette autre section, nous allons réellement tuer cet arrière-plan vidéo, et nous allons ajouter une image d'arrière-plan ou une couleur. Cliquez donc sur l'icône en forme de roue dentée. Nous allons sortir la vidéo MP 4, et, au lieu de cela, cela, au lieu de cela, nous pouvons ajouter et peut-être comme une couleur de fond à la place. Et rappelez-vous, vous pouvez toujours tester ça en utilisant votre téléphone. Il suffit d'aller visiter le site Web sur votre téléphone pour voir si est mobile responsive. Alors peut-être que je veux ce fond bleu. Non, quelque chose de assez simple. Droit. Donc maintenant, je vais faire défiler ici, et je vais en fait désactiver cette section sur le PC comme ça. Donc maintenant, cette section ne sera jouée que sur le, um sur le téléphone et la tablette, mais les gens avec un bureau ne pourront pas voir cette section. Ok, on dirait que le fond change un peu, alors changeons un peu plus sombre. On dirait ça. Et, euh oui, donc je vais cliquer sur X maintenant, juste pour vous faire connaître la logique derrière tout ça. Alors rappelez-vous, cette section jouera sur Lee sur l'ordinateur, et cette section ne s'affichera que sur le téléphone et la tablette. Donc c'est comme ça que vous passez les curseurs vidéo. Parce que beaucoup de gens m'écrivent que la vidéo ne montre pas ce qui ne va pas avec le thème , car ce n'est pas le thème. Il est juste la technologie pour Apple, malheureusement, ne sort pas comment les lettres vidéos avez-vous joué sur le téléphone. C' est comme ça que vous fixez les curseurs vidéo. J' aurai plus de tutoriels à la télé qui sortiront comme la semaine prochaine. Je vais en avoir un sur les modèles de texte, et après cela, nous allons parler, um, l'image CSS personnalisée. Alors je vais y arriver. Mais c'est tout ce qui veut montrer à tout le monde aujourd'hui. Donc j'espère que cela a aidé tous ceux qui utilisent ces grands combattants vidéos aller de l'avant et aimer et souscrire à ce pidio. Et je vous verrai probablement la semaine prochaine. À plus tard. 28. Modules de texte avec mobile: Les gars, c'est Darryl. Et aujourd'hui peut vous donner un conseil rapide pour le nouveau thème de la divvy. Trois points. Oh, et je vais vous parler aujourd'hui de la façon d'optimiser le module de texte pour les utilisateurs mobiles. Maintenant, en 2014, il y a plus d'utilisateurs mobiles qu'il n'y en a d'utilisateurs de bureau. Donc, optimiser votre site pour mobile est assez important maintenant, moins que vous ces gens fous à Starbucks qui juste une sorte de assis sur des ordinateurs portables toute la journée et voir tous ces paquets de sucre. Mais la plupart d'entre nous, vous savez, nous vérifions nos téléphones quand nous sommes au travail ou chez un ami, etc. Laissez-moi vous donner un exemple de ce dont je parle. Donc je vais faire défiler mon site web ici, et je suis sûr que vous avez vu ça, vous savez, comme sur votre site web. On a des titres comme ça. Donc, ici, nous avons notre travail récent est incroyable. Nous savons que je veux vous montrer maintenant à quoi il ressemble sur l'appareil mobile. Ok, donc je fais défiler vers le bas et on dirait que ça ressemble à de la merde. Tout est encombré. Ça n'a pas l'air bien. Je vais te montrer comment réparer ça. Donc d'abord je vais retourner sur mon bureau, toi et on va aller à ce module, accord ? Et rappelez-vous, vous devriez le faire sur chaque texte d'en-tête que vous avez qui introduit, comme une nouvelle section. Donc, ce ici présente cette section et vous savez, cela introduit six sections, donc je vais vous montrer comment l'optimiser pour le mobile et la tablette aujourd'hui. Donc la première chose que vous voulez faire est de passer ici et de cliquer sur l'icône en forme de roue dentée et vous voulez trouver vos textes ? Mon Texas blanc. Donc tu ne peux pas voir. C' est pour que je sache qu'il est juste là. Mais vous voulez vraiment changer ceci ici pour le titre un, et vous pouvez réellement concevoir ceci. Alors, allez à votre design. Maintenant, c'est la police d'en-tête et le texte d'en-tête au lieu de Thea Text police etcetera. Donc, par exemple, je peux aller ici et changer la taille. Donc maintenant, cette partie contrôle le texte de l'en-tête. J' allais laisser ce vide pour l'instant. Leavitt , cliquez sur la case à cocher, et maintenant je vais voir à quoi il ressemble sur l'appareil mobile. D' accord. Voilà, tu y vas. Donc, il est entièrement optimisé pour le téléphone. Maintenant, vérifiez la tablette. Voilà, tu y vas. Donc maintenant, il semble bon sur la tablette et il est vraiment important de le faire pour toutes ces sections que vous avez qui présentent, vous savez, vous savez, une nouvelle section parce que quelqu'un m'a demandé. Ils disent que tout semble se réunir. Et je lui ai dit que vous n'utilisez pas le bon module, mais, euh, c'est pour ça que je voulais vous montrer aujourd'hui. Mais je vais avoir plus de tutoriels à venir, comme un tutoriel e-commerce David. Mais pas avant qu'ils corrigent des bugs et des trucs comme ça. Il y a des choses qui vont un peu mal. Aussi, je vais vendre ces mises en page D V qui est écrit. Je crée probablement quatre sites Web, vous savez, vous savez, comme des sites Web pré fabriqués que vous importez juste exporter vers l'Europe côté. C' est assez simple, donc je vais les vendre plus tard, alors assurez-vous d'aimer et de vous abonner et de vérifier cela. part ça, vous avez d'autres questions concernant la télé ou quelque chose que vous voulez me dire ? N' hésitez pas à le mettre dans la section des commentaires et je ferai de mon mieux pour revenir vers vous, donc je vous verrai tous plus tard 29. Communauté et carrières Divi: Très bien, les gars, bienvenue à cette conférence. On va parler de vendre des mises en page et des trucs comme ça. Donc, vous savez, il est devenu si populaire ces dernières années ? Il y a des entreprises qui sont uniquement dédiées à la vente de mises en page de divvy. Donc, fondamentalement, ce que font ces entreprises, c'est qu'elles créent simplement des thèmes enfants ou qu'elles créent des mises en page Devi et qu'elles les vendent juste à temps plein. Tu sais, au lieu de construire un site web pour un client toi-même, tu peux en fait aller de l'avant et dire, Tu sais quoi ? Je vais juste y aller et l'acheter. Comment thème. Ou par une mise en page. Il suffit de le gifler sur un site web pour 100 dollars et de les charger ce que je veux. Donc, si vous êtes intéressé par un peu comme développer vos propres mises en page pour Davy, il y a un énorme marché, il y a des centaines de développeurs qui créent uniquement des thèmes enfants et des mises en page juste pour les sites Web. Donc, ici, nous avons ces mises en page juste ici. Maintenant, juste là. Ils sont tous gratuits, mais ils demandent des dons. Donc ici et cliquez sur Afficher les détails et je ma vue la démo. Donc ce site ici a été créé avec le thème divvy. Et c'est une mise en page que vous pouvez simplement acheter ou donner ou tout ce que vous voulez. Donc, des centaines d'entreprises ont effectivement sauvegardé la télévision, et ils sont tellement confiants qu'ils ont une affaire uniquement sur la vente de mises en page TV. Parce que, soyons honnêtes, c'est le thème classé numéro un. Donc, si vous êtes intéressé par la conception Web ou si vous voulez en apprendre davantage sur cette entreprise, vous pouvez essentiellement créer vos propres mises en page, les exporter et juste dire, Hey, les gars, je vends ces mises en page. Tu sais quoi ? Vous voulez aller de l'avant et acheter ces mises en page parce que, ah, beaucoup de gens là-bas les vendent. , Regarde ces prix, comme si je les vendais pour 15 dollars. Maintenant, ils sont tous très bien cotés, et ceux-ci comprennent, comme, vous savez, la maison, les informations sur les services, la page de contact, et ces autres Les gars d'ici font exactement la même chose. Maintenant, au lieu de construire un site Web pour un client, les gars, vous pouvez simplement acheter une de ces mises en page Davey ou même vendre le vôtre à d'autres entreprises. Donc je suis juste en quelque sorte, vous savez, vous présenter les marchés ne vous influencer pas pour acheter quoi que ce soit. Je te dis juste qu'il y a un marché pour Davy Loud. Toutes ces pages que vous voyez ici sont des mises en page Davey juste des sites Web que les gens juste assis autour et créer toute la journée et ils créent juste des mises en page. Et après ça, là, disant, disant, accord, tu sais, je vais aller de l'avant et vendre cette mise en page, tu sais, et soyons honnêtes pour 75 dollars, c'est beaucoup de travail, vous savez, pour quelqu'un de développer un site Web entier pour vous et vos clients ou qui que vous connaissez, vous voulez, cela va vous faire gagner beaucoup de temps. Et ceux-ci sont rentables. Je veux dire, vous obtenez un tout à l'envers juste ici pour 35$. Je veux dire, c'est juste imbattable. Aussi sur mon site, ici, tu as un tout, tu sais, un site web pour 10 dollars, tu sais, tu sais, et ce n'est pas à propos de tu sais, moi qui essaye de te vendre sur ça. Je vous présente les marchés de ce que vous pouvez créer. Donc ici, j'ai ce site web, et c'est une mise en page. Et si tard, je vends 10 à 15 dollars. Maintenant, je ne gagne pas autant d'argent parce que, tu sais que je ne suis pas une grosse entreprise ou quoi que ce soit, mais au lieu de je ne gagne pas autant d'argent parce que, tu sais que je ne suis pas une grosse entreprise ou quoi que ce soit, mais au lieu de construire ton propre site Web pour un client veut une photographie vous feriez mieux d'acheter une mise en page auprès , vous feriez mieux d'acheter une mise en page auprèsd' un de ces fournisseurs et, vous savez,il suffit de gifler sur certains sites Web, et voilà. un de ces fournisseurs et, vous savez, vous savez, il suffit de gifler sur certains sites Web, Maintenant, si vous voulez vendre le vôtre, vous pouvez simplement créer nos propres petits sites Web et faire exactement la même chose ces gars faisaient en disant, si vous voulez vendre le vôtre, vous pouvez simplement créer nos propres petits sites Web et faire exactement la même choseque ces gars faisaient en disant, , une mise en page ici, j'ai créé, C'est que je veux le vendre. Tu sais, c'est que je veux le vendre pour 50 dollars et, tu sais, peut-être offrir un soutien pour, genre, genre, 10$ par mois ou quelque chose comme ça. Ou, vous savez, nous vous donnerons l'hébergement ou l'installerons pour vous, etc. Mais j'essaie juste de vous présenter des idées d'un très grand marché pour Davy. Vous avez un Web similaire ici ? Web similaire, et nous vérifions thèmes élégants, qui est la société qui fait la promotion de Debbie. Ces gars reçoivent beaucoup de gars de la circulation. C' est donc une entreprise très, très bien cotée. Je veux dire, ils reçoivent 5,2 millions de visites chaque mois. Et si vous allez sur des sites comme l'équipe, si moi ou quelque chose comme ça où vous êtes comme d'autres entreprises, vous n'aurez pas ça. Tu sais, tu n'auras vraiment pas la communauté aussi. Donc, euh, si j'ai l'air que ce n'est même pas évalué, vous savez, et il a un très, très mauvais classement. Donc les gars d'autres entreprises ne sont pas vraiment, vous savez, à la hauteur de Debbie et de la communauté derrière la télé. Vous pouvez aller de l'avant et juste, vous savez, il y a des pages Facebook. Il y a des groupes. Il y a toutes sortes de trucs vraiment cool pour le thème Davy. Et tu sais, ils ont des partenaires. Ils ont des compagnies. Les gens créent des plug-ins spéciaux juste pour divvy, parce que c'est juste si populaire. Et c'est juste un thème tellement étonnant que les entreprises là-bas sauvegardent. Maintenant, une entreprise avec laquelle je suis en fait partenaire est C. D B a fait le web design dot com. Maintenant, ces gars ont vraiment un branchement cool, et je vais le remplir pour ces gars, et je ne vais pas vous promouvoir les gars. Mais si vous allez à aimer leur magasin juste ici, ils ont des plug-ins comme des plug-ins cool prolongés qui donnent de nouvelles fonctionnalités juste pour Davey. Donc, le thème de la divvy a une énorme communauté derrière elle. Ce n'est pas une seule entreprise qui vend un thème. Il y a des centaines d'entreprises qui construisent des entreprises autour de Davie parce que c'est tellement incroyable, non ? Et c'est juste que c'est illimité. Vous pouvez créer des plug-ins, mises en page toutes sortes de choses pour cette équipe, et vous avez un si grand public que les gens là-bas sont prêts à l'acheter. Ils sont prêts à le regarder en disant, Oh, tu as fait une prise pour Devi. Qu' est-ce que ça fait ? Et il y a des tonnes de pages Facebook, les gars, si vous allez sur Facebook juste taper comme des thèmes Debbie, il y a cinq ou six groupes avec, genre, 30 ou 40 000 personnes qui parlent juste de Devi thème. Vous allez sur le rouge, c'est que vous allez sur n'importe lequel de ces sites, ils vont tout parler du thème Debbie, donc je vous présente la mise en page pré faite et le potentiel et le soutien que vous avez avec la communauté, parce que soyons honnêtes. Si vous voulez acheter un thème, vous voulez le meilleur des meilleurs et aucun autre thème sur Internet ne fait ça ? Aucun autre thème n'a des entreprises qui vendent la mise en page, les branchements, toutes ces autres choses Aucune autre entreprise ne fait. Ce Davey est le seul qui fait ça parce que c'est juste un produit si incroyable. Et tout le monde que je n'utilise rien d'autre. Je vais juste utiliser Debbie. Pourquoi acheter un autre thème alors que je peux tout créer avec divvy ? Ok, donc je vous présente les gars aux marchés et, vous savez, vous aider à comprendre le thème Devi, et c'est un potentiel imbécile. Maintenant aussi, les gars, rappelez-vous, j'ai des mises en page gratuites ici. Donc vous voulez vous amuser avec ça, vous savez, et vous amuser, vous savez ? Et, vous savez, obtenez un plan gratuit pour, genre, genre, une église ou, vous savez, un restaurant, Jim ou un magasin. Tu sais, c'est là. D' accord. Donc, je veux vraiment vous aider, vous savez, développer vos compétences et si vous voulez devenir concepteurs web, vous savez, c'est vous connaissez votre chemin. Allez-y et prenez son ou vous voulez devenir, Vous savez, juste un simple propriétaire d'entreprise qui veut un site Web simple. Ici, nous avons une mise en page gratuite de petites entreprises de cinq sites Web que vous venez de télécharger. Et après avoir appris à utiliser le divvy, vous pouvez le personnaliser à ce que vous voulez. Tu sais, tu n'as pas à suivre le même type de modèle. Donc j'essaie juste de vous aider à comprendre le potentiel derrière Debbie et toutes ces agencements sympas dans la communauté et le soutien que vous avez avec Devi. Ok, donc c'est à propos de ça. Les gars, pour cette section. Ah, je vous verrai dans mes sections de clôture. Je te verrai là-bas. 30. La fin :): D' accord, les gars. Eh bien, félicitations. Vous êtes parvenus jusqu'au bout ? Maintenant ? Je vous souhaite le meilleur avec, vous savez, WordPress, des thèmes élégants et la télévision et tout ce que vous faites. Tu sais, je comprends ça. Quel design est très difficile, vous savez, ce pas facile. Comme si tu ne voyais qu'un site web. Ce n'est pas facile d'en créer un, tu sais, de penser à des trucs pour en faire un talent. Et c'est beaucoup de travail. Et pendant que vous faites ça, les gars, vous allez être frustrés. Tu vas être comme, mec, tu sais, c'est dur. Tu sais ? Je vais démissionner. Soyez cohérents avec ça, et je vous le garantis. Vous savez, la fin de la date, vous allez créer des sites web. Que vous souhaitiez simplement démarrer une entreprise de conception Web ou que vous soyez propriétaire d'un site Web, vous voulez juste en faire une pour votre petite entreprise. J' espère vraiment que cette histoire vous a aidé. J' ai essayé de couvrir autant que je pouvais. J' ai d'autres un Toral. Si vous étiez intéressés par cela concernant la télévision et d'autres modules aussi bien. Mais, vous savez, je vous souhaite juste bonne chance les gars. Et je vous remercie vraiment d'avoir suivi mon cours. Et j'espère que ça vous aidera vraiment. Alors je vous verrai les gars. Et une autre leçon. Ou peut-être qu'on te verra dans la rue ou quelque chose comme ça. Je vous verrai plus tard avec bonne chance.