Comment créer un blog personnel dans Wordpress avec Elementor Pro

1. Comment créer un blog personnel dans de Wordpress avec Elementor Pro: Hey, mon nom est Reno, et dans ce cours je vais vous montrer comment construire un bloc entièrement personnalisable sur WordPress . Que vous pouvez construire avec piste et déposer discours est pour les personnes qui veulent apprendre à construire un bloc afin que vous puissiez commencer à vendre des blocs à des clients. Mais vous pouvez également suivre ce cours. Si vous voulez construire votre propre bloc, je vais vous montrer comment créer quelque chose d'unique où vous pouvez personnaliser chaque élément du site Web. Donc c'est pour n'importe qui. Ils veulent avoir un contrôle total sur tous les éléments du site. Donc, je crois que c'est la meilleure façon de construire un site Web parce que vous voulez être en mesure de prendre vos propres décisions sur le site Web. C' est la construction. Donc, le problème est, à mon avis, avec beaucoup d'autres cours, est qu'ils vous montreront comment construire un bloc avec des modèles ou des équipes pré-faits. Mais les chances que vous allez changer votre site Web à l'avenir sont très élevées, alors pourquoi ne pas commencer par une méthode où vous pouvez changer n'importe quelle partie du site dans la journée  ? Ce n'était pas vraiment possible de le faire tout seul. Mais heureusement, maintenant nous avons été pressés avec les constructeurs de page, et ils nous permettent de suivre et de déposer un site Web. Et de cette façon, nous n'avons pas à utiliser de code. Nous pouvons simplement utiliser des curseurs et des sélecteurs de couleurs et des choses que tout le monde peut utiliser. Je m'appelle Reno. J' étudie pour concevoir des îles Internet, où j'ai appris à concevoir des sites Web et APS et il y a quelques années, j'ai commencé ma propre entreprise de conception Web , et je vends maintenant des sites Web à d'autres clients. Et j'enseigne aussi en ligne quand j'aime vraiment que je reçois beaucoup de commentaires positifs sur mes cours, et la plupart de mes cours obtiennent plus de 4,5 étoiles sur cinq. Alors merci. Si vous avez déjà laissé un commentaire positif sur l'un de mes cours précédents si peu plus sur mon flux de travail, j'aime travailler aussi efficacement que possible. Donc ça veut dire qu'ils allaient vraiment plonger dans l'essentiel sur le présent, comment préparer une page correctement. Parce que si vous faites cela, le processus de création d'un appât sera tellement plus rapide. Donc le bloc que nous allons construire a un bel en-tête. Comme vous pouvez le voir ici, il a trois bateaux de bloc qui sont en vedette un email inscrivez des éléments de bloc de formulaire que vous pouvez cliquer dessus comme une barre latérale, comme vous pouvez le voir ici. Et il a une belle nourriture ou qui est connecté à instagram. Et ce que je veux aussi vous montrer, c'est l'intérieur d'un post de bloc avec un gros titre, une date et les catégories que vous avez données à ce post de bloc. Il a une grande image. Il doit bloquer le contenu et il y a encore cette même barre latérale. Et vous pouvez voir des articles connexes que la moitié de la même catégorie et je vais vous montrer comment mettre en place le signe de presse de travail. Vous pouvez créer vos publications facilement à partir d'ici, et éditer un post bloqué est également très facile. Vous pouvez configurer le titre ici, le lien ici, le contenu du bloc et voici les catégories que vous pouvez configurer une image en vedette, qui est la miniature, et je vais même vous montrer comment optimiser votre post de bloc pour Google. Et bien sûr, son site Web est entièrement réactif. Et comme je l'ai dit, vous pouvez entièrement personnaliser la conception de ce bloc parce que nous allons construire chaque partie ensemble afin que vous puissiez facilement tourner du site Web que nous allons construire de cette conception à la distance signe en quelques clics seulement. C' est pourquoi utiliser ver press avec des éléments de pro est si puissant. Et à la fin du cours, je vais également vous montrer quelques astuces pour livrer un site web si vous travaillez pour un client. Donc je pense que c'est le paquet complet. Donc je suis vraiment excité et assez fier de la partition. J' espère que vous étiez tous si excités et j'espère vous voir à l'intérieur du parcours. 2. Qu'en de nous créerons ?: tout droit et bienvenue. Officiellement, bienvenue dans le cours que vous êtes maintenant dans le premier épisode où je vais vous montrer en détail ce que nous allons réellement construire pour que vous sachiez à quoi vous attendre. Je vais également vous donner un peu d'informations sur ce que vous pouvez attendre en termes chapitres. Et puis vous pouvez passer au chapitre deux. Où allez-vous réellement commencer avec la première tâche ? Très bien, donc c'est le site que nous allons construire ensemble, et nous allons faire chaque partie de ce site nous-mêmes, mais d'une manière simple, parce que nous allons seulement utiliser direct et déposer. Bon, donc on va juste baiser la page d'accueil dans la première chose que tu vois ici est une bruyère. C' est un plein avec bruyère qui s'adapte automatiquement à votre téléphone, par exemple, ou pour une tablette. Donc, si vous pouvez voir maintenant, le texte a disparu, donc vous verrez toujours toute l'image, non ? Donc, l'ensemble du site est re taille pour tablette et pour smartphone. Donc c'est cette première partie. C' est la bruyère. Ceci est juste un logo et une image et Ceci est un texte, et peu importe la taille de votre écran ISS, l'image sera automatiquement compétence. Donc c'est plutôt sympa. Et nous avons le menu ici avec des éléments de menu cliquables, une liste déroulante et les médias sociaux Aikens avec un bon effet de vol stationnaire et la barre de menu. Et cette barre fait partie de notre modèle de bruyère. C' est l'une des choses que vous allez apprendre dans les scores, comment créer un modèle d'en-tête. Et ne serait pas Heather modèle. Vous pouvez dire au système comme, Hey, Je voulais que ce modèle d'en-tête s'affiche sur toutes nos pages. Mais il y a une chose qui va changer automatiquement. Et c'est cette ligne sous le menu, Aiken. Donc, nous sommes maintenant sur la page d'accueil, Donc je vais vous montrer comment vous pouvez le construire, que lorsque vous allez sur une autre page, qu'il va automatiquement changer de date limite pour que l'utilisateur sache ce que h hey est. Et aussi, si vous utilisez votre bouche, vous pouvez également voir une petite ligne. Mais l'indication maintenant sur la page d'accueil, vous aurez trois de ces blocs et ce ne sont pas des blocs en vedette et nous allons construire ceci pour obtenir jamais construire un de ces blocs et ensuite nous allons répéter ce bloc trois fois et alors la seule chose que vous avez à dio est de dire à chaque poste de bloc comme, Hey, Je veux que ce bloc ceux à être sur le dessus de mon site Web et puis il sera automatiquement affiché ici à un maximum off bloc de traitement vante. Et puis nous devons envoyer l'abonnement par e-mail pour lui, que vous pouvez également personnaliser comme vous le souhaitez. Et vous pouvez le connecter. Faites un service comme Milton, par exemple, si vous ne savez pas ce que c'est, ne vous inquiétez pas de dire les femmes pour votre bloc si vous êtes dans le marketing par e-mail. Mais vous pouvez aussi sauter cette partie ou même la partie élitiste si vous le souhaitez, alors nous aurons la partie principale du site Web avec la barre latérale et cette barre latérale. Nous allons construire ça une fois, et ensuite je vais vous montrer comment afficher toute cette barre latérale sur les différentes parties de votre page. Donc d'abord, nous avons l'image détecte et ce joli trouvé ici. Ensuite, nous avons trois autres bateaux de bloc où vous pouvez également choisir les bateaux de bloc que vous voulez apparaître ici, vous pouvez toujours le changer quand vous le voulez. Vous avez une partie pour une annonce, par exemple, et vous devez diffuser ou taper, que vous pouvez lier à d'autres parties de votre site Web. Tu peux mettre n'importe quoi dans ces blocs si tu veux. Donc, ici, nous avons tout le bloc. Les deux et ceux bloquent les deux liens vers les éléments de bloc réels. Donc, si vous cliquez sur le lire plus, vous verrez que le site saute au nom de domaine, puis slash le titre dans un euro de site web. Vous ne pouvez pas avoir d'espaces, alors il créera automatiquement ces tirets. Mais c'est super sympa parce que vous n'avez pas à créer est si vous créez un nouveau bloc bateaux ici, il va automatiquement créer ce lien, qui semble vraiment sympa. Vous pouvez également le raccourcir si vous le souhaitez. Peut-être que vous voulez seulement cela comme le lien entier. C' est tout possible. Donc, comme vous pouvez le voir, c'est le bloc. Bowsher. Si vous avez une image complète, un grand titre, vous avez des dates et vous avez la même barre de site ici. Vous avez tous vos bateaux de bloc avec du contenu. Bouton précédent un bouton suivant pour aller à l'autre bloc post partage social. Aikens et moi allons vous montrer comment personnaliser ce design. Aussi à presque tout. Il est entièrement personnalisable et encore une fois, c'est la grande différence entre le discours et beaucoup d'autres cours sur Internet. Je vais vous montrer comment construire vous-même l'effort, ce qui vous donne la liberté totale de dio tout ce que vous voulez sur votre site Web. C' est ce que ce cours est aussi un peu plus long que la plupart des autres cours qui viennent importer des modèles. Mais c'est beaucoup plus rapide que beaucoup. Bien sûr, c'est qui va vous apprendre à créer un site web par vous-même avec chèvre parce que nous n'allons pas utiliser de code. Nous allons seulement utiliser le constructeur officiel et c'est ainsi que nous pouvons construire ce site en quelques heures, et ce cours est maintenant de six heures. Mais il y a aussi beaucoup d'épisodes que vous pourriez peut-être sauter à la fin. Je ne vais pas vous montrer comment livrer un site web à votre client. Mais si vous n'avez pas de client, ce cours sera beaucoup plus court pour vous. Donc, je suis presque sûr que si vous bloquez juste un jour ou vous le faites juste dans quelques jours que vous aurez un bloc en cours d'exécution. vais te donner tous les trucs avec lesquels je travaille pour que tu puisses me suivre. C' est donc génial pour les personnes qui veulent également avoir ce bloc dans leurs articles de portefeuille. Alors peut-être que vous voulez démarrer votre propre entreprise de conception Web, et vous voulez également montrer aux gens que vous pouvez construire un bloc. C' est ce que je fais. C' est pourquoi ce site est sur mon sous-domaine au lieu de mon vrai domaine. Je vais aussi vous montrer comment le faire. Mais si vous voulez juste avoir votre propre bloc, c'est aussi possible. Je vais vous montrer comment enregistrer votre propre nom de domaine. Donc, ce sont mes lectures de site Web à bord de dot com. Mais si vous voulez un mode de vie sain, euh bloqué, venez ou quel que soit votre nom de bloc, je vais vous montrer comment faire ça. Donc, sur le bloc, les deux espaces. Vous avez également des articles connexes qui afficheront uniquement des articles qui ont la même catégorie que les bateaux de bloc sur lesquels vous êtes en ce moment. Et puis vous avez à manger ou ici avec une intégration vraiment instagram. Donc, si vous cliquez sur l'une de ces images, vous allez en fait sur la page instagram, qui est une page vraiment instagram que j'ai créée pour le discours. Donc, cela fonctionne réellement, et puis vous avez aussi quelques éléments de menu ici et les Aikens sociaux. La dernière chose que nous allons construire ensemble est la page de contact, qui ressemble à ceci et a demandé son joli texte d'introduction. Et puis il a un formulaire de contact qui enverra automatiquement un e-mail à votre e-mail ou un autre e-mail que vous voulez. Donc, je vais vous montrer comment ajouter ces carburants comment concevoir ça. Et je pense que c'est la beauté de ce cours par rapport aux autres cours. Je ne vais pas seulement vous montrer comment construire ce design. J' aime concevoir des sites Web parce que j'ai une entreprise de conception Web. J' aime concevoir des sites Web d'une manière où je peux tout personnaliser. Donc, pour démontrer mon point de vue, je suis ici dans mes conceptions volonté. Mais si vous n'avez pas à avoir cet orteil design, vous pouvez simplement travailler avec le feutre que je vais partager avec vous. Mais c'est le site que nous allons construire. Il ressemble à ceci, mais avec les techniques que je vais vous montrer dans ce cours, vous pouvez facilement transformer son site Web et vraiment facilement. Ce n'est pas seulement moi qui dis que c'est facile de faire semblant facile, mais c'est vraiment facile de changer ce design pour quelque chose comme ça, n' est-ce pas ? Il a toujours la même structure. Avant exemple, Changer cette barre vers le haut qui est si facile à l'intérieur de sa presse est juste en traçant et déposer, poursuivant les colliers que vous pouvez voir ici. Je n'ai pas une image de fond dese. Deux images ici sont juste le même bloc que j'ai utilisé ici. Mais alors c'est juste aussi. Vous pouvez le transformer en cela en quelques clics ou, par exemple, votre signe informe. De là à ça, je vais vous montrer comment faire ça ou, par exemple, pour vos posts de bloc. Ici, vous n'avez qu'une colonne qui est répétée pour chatouilleux, mais dans ce bloc, vous aurez un à grilles. Et c'est la beauté de ce parcours par rapport à beaucoup d'autres cours tout d'abord, c'est très pêcheur. On n'utilisera pas de chèvre. Et deuxièmement, vous pouvez transformer votre bloc en n'importe quel bloc que vous voulez. Donc, après ce cours, vous saurez comment construire un bloc et comment le transformer. Ainsi, vous pouvez également commencer à facturer d'autres personnes de l'argent pour construire un bloc. Et c'est là que si quelques heures je le pense. J' espère que vous bloquerez un jour dans votre agenda pour vous assurer que vous allez regarder les épisodes à nouveau. Vous pouvez sauter ce que vous voulez si vous connaissez déjà certaines parties. Et aussi, si vous manquez quelque chose ou si vous avez une question, s'il vous plaît envoyez-moi un TM sur instagram, par exemple à vivre avec des porcs. Ou laissez simplement votre question ci-dessous et j'essaierai d'y répondre. Donc c'est tout pour l'instant. Je vais vous montrer dans le premier épisode suivant comment gérer l'hébergement et le domaine. Donc, si vous ne savez pas mais l'hébergement et le domaine l'est encore, alors c'est parfait. Si vous avez déjà un domaine dans un site Web, alors vous voudrez peut-être aussi apprendre comment vous pouvez configurer un sous-domaine comme j'ai ici et cette façon je pourrais juste avoir beaucoup de sites Web différents sous mon site officiel que je peux juste construire gratuitement parce que vous n'avez pas à payer un supplément si vous allez utiliser ma technique . Alors c'est tout et je te verrai dans la prochaine vidéo. 3. Hébergement et domaine :: Très bien, gars, dans cette section, nous allons parler de comment gérer l'hébergement pour vous-même ou pour vos clients, et comment insulter sa presse sur un domaine ou un sous-domaine si vous avez déjà un site Web. Alors laissez-moi vous expliquer. La différence est ici. Si vous ne savez pas ce qui ne domine pas et l'hébergement est très rapide. Un domaine n'est qu'un euro. Donc, par exemple, j'ai mes sites Web personnels qui est mon nom dot com. Donc, la lecture du tableau sont calmes et vous pouvez choisir le nom que vous voulez, puis point com ou point travail. Je recommande juste gros point com parce qu'il semble professionnel. Eso peu importe dans quel pays vous êtes. Les gens connaissent l'extension dot com et dot com noms de domaine sur presque tous les fournisseurs coûtent environ 15$ par an, donc ce n'est pas vraiment un investissement énorme hébergement à l'autre extrémité et est un peu plus cher, mais c'est encore assez bon marché. C' est quelques dollars par mois, et c'est ce que vous devez payer. Si vous voulez avoir la vie de votre site Web, c'est juste de l'économie. Donc, cela est également vrai si vous travaillez pour un client, vous devez dire au client qu'il y a des coûts mensuels impliqués s'il veut avoir sa vie sur son site Web. Ah, ce que je fais avec mes Glines c'est que je leur ai facturé même Mawr pour l'entretien. Mais revenons d'abord sur les bases. J' ai fourni le lien ci-dessous deux. Ah un Mon avis, le meilleur hébergement WordPress il est rapide est fiable et ils ont super bon support. Et ils sont évalués dans la plupart des groupes Facebook, demandant numéro un ah plate-forme d'hébergement sur. C' est juste super rapide et facile à installer si quelqu'un peut le faire. C' est donc aussi l'une des raisons pour lesquelles ils sont si populaires. Il a donc des motifs signés. Et si vous allez à la longueur et vous allez à cette page qui est gérée, étaient hébergement du sein et comme vous pouvez le voir là, même recommandé par ont été pressés eux-mêmes et par Yost qui commerce. Donc je pense qu'il y a les meilleurs au monde en ce moment. Hum donc ce qu'ils offrent, comme vous pouvez le voir ici est un plan bon marché pour un seul site Web. Je suis sur ce plan parce que j'ai des sites Web différents, pas vrai, parce que j'ai site Web d'un général YouTube, chaque site de mon portfolio. Donc, avec ce prix, vous obtiendrez des sites Web illimités. Eso Si vous savez déjà que vous voulez avoir plus d'une vie de site Web, alors c'est une très bonne affaire. Et sinon si vous venez de commencer ou que vous achetez un site Web pour vos clients, que je vous recommande d'acheter ce domaine Une chose si vous travaillez pour un client et que vous êtes comme, Oh, eh bien, je peut exécuter tous mes sites clients sur ce que je ne suis pas vraiment, um à un combat vous pour le faire parce que vous ne voulez pas posséder le compte pour votre client parce que peut-être dans cinq ans, ils veulent travailler avec un autre concepteur ou ils veulent travailler avec Quelqu'un d'autre ? Et si vous achetez leur hébergement, vous avez également géré leurs e-mails qui est venu informations confidentielles beaucoup hors du temps. Alors, mon conseil. Si vous travaillez pour les clients, juste toujours grand affichage et Burke lions, et si vous voulez aussi juste un de bouleversé pour vous-même, sorte que vous voulez juste démarrer votre propre bloc de votre site Web, alors c'est aussi le meilleur paquet pour Maintenant, vous obtiendrez, par exemple, libre comme une cellule, qui est ce lot sécurisé vert. Je veux savoir comment vous pouvez l'appeler le verrouillage de l'écran, qui s'assurent que les gens n'obtiennent pas l'erreur SSL dans leur écran. Et c'est aussi plus sûr pour vos utilisateurs. Vous obtiendrez une isolation en un clic ver presse rend tout super facile. Vous pouvez créer une adresse e-mail professionnelle. Ainsi, par exemple, mon nom de domaine lit le tableau dot com. J' ai donc l'adresse e-mail à Sabrina de boer dot com. Ça a l'air vraiment professionnel. Ah, c'est ce que vous obtenez aussi pour le prix et vous pouvez obtenir jusqu'à 10 000 visites par mois, ce qui est assez élevé. Donc, si vous avez vraiment beaucoup de trafic sur votre bloc, eh bien, alors votre bloc fait beaucoup d'argent. Probablement. Sinon, vous tirez vraiment monétiser votre bloc. Hum, et ensuite tu dois passer aux gros paquets. Mais c'est tout ce que vous devez comprendre pour l'instant. Donc, ouais, ce que je fais avec mes clients, c'est que je leur ai facturé 20$ par mois pour faire de l'entretien, donc j'ai juste gros ce plan et j'ai installé un côté représentant et puis je leur fais payer 20$ par mois et pour la dette, j'ai juste mettre à jour les plug-ins tous les premiers jours du mois. Et je fais une sauvegarde sur le site, qui est en fait automatisé, et nous allons vous montrer comment faire ça. Et de cette façon, je profite de ça parce que tu ne veux pas perdre de l'argent quand tu travailles avec des plans hors cours. Donc c'est un petit truc d'affaires que vous pouvez utiliser. Et si vous voulez juste créer un bloc pour vous-même, attendez-vous, Avez-vous au moins 10$ par mois de rabais pour votre entreprise en tant que blogueur ? Et c'est toujours une entreprise super bon marché à démarrer parce que la plupart des entreprises ont besoin de beaucoup plus argent dans ce, et ce n'est pas vraiment si difficile de faire au moins 10$ de hors de votre bloc, c' est donc le premier chose que vous avez besoin d'investir. Donc ce que je vais vous montrer en premier, c'est comment obtenir votre propre nom de domaine et l'hébergement. Si vous ne l'avez pas encore, après cela, je vais vous montrer comment vous pouvez installer un site Web sur un sous-domaine et c'est gratuit. Vous n'avez pas à payer pour un hébergement supplémentaire ou un domaine. Donc, pour moi, par exemple, je vais utiliser ce site Web de bloc comme élément de portefeuille. Donc, j'ai déjà mon propre site personnel sur la lecture du tableau point com par leurs idées, sites Web également fait avec élémentaire ou. Mais ce que je vais faire maintenant, c'est que je vais installer ver press sur un domaine libre qui est un sous-domaine, que je vais installer un bloc sain dot arena le tableau dot com. Et ça ne me coûte rien. Il n'est pas parfait pour votre site Web principal avant les articles de portefeuille. C' est super sympa. D' abord, je vais vous montrer comment vous pouvez obtenir votre propre nom de domaine. Donc, par exemple, attendant d'embarquer dot com, puis je vais vous montrer comment vous pouvez créer un sous-domaine . Donc, si vous avez déjà votre propre site web personnel, vous pouvez créer un sous-domaine. Vous pouvez également installer sur la presse sur ce sous-domaine et ensuite vous pouvez construire un site Web entier à l'intérieur de votre site Web et vous pouvez lier cela dans votre performance sur les gens de spectacle comme, Hey, c'est aussi un site Web que je peux créer. C' est ce qu'on va faire dans la prochaine vidéo 4. Installing de Wordpress sur un nouveau domaine et l'hébergement: Ok, donc ce qu'on va faire maintenant, c'est que je vais vous montrer comment vous pouvez obtenir votre propre domaine et installer sur la presse sur ce domaine. Donc nous allons revenir au lien que j'ai fourni ci-dessous. Et ce que vous allez faire, c'est vous allez aller au plan de démarrage et vous allez cliquer sur, obtenir un plan, puis vous allez à la page de commande, et ici vous devez choisir un domaine. Ainsi, par exemple, si vous voulez avoir un bloc sur la santé, vous pouvez taper des blogueurs sains unis. C' est calme. Je ne sais pas si c'est disponible. Mordre. Mais n'oubliez pas de grossir votre extension. Donc point com, par exemple, Ici, Cassie. Euro surprenant. Donc, si vous cliquez sur le lien, vous pouvez voir le prix dans votre pays. Ça peut être différent, mais je pense que c'est probablement similaire à 14$. Ça peut être différent, Quelque chose comme ça. Et si vous cliquez sur continuer, vous pouvez voir si ce nom de domaine est toujours disponible. Alors quoi ? Mon conseil pour vous est que si vous n'avez pas votre propre nom personnel dot com que je devrais certainement l'acheter. Ah, pour la simple raison que tu ne veux pas que quelqu'un d'autre ait ton nom personnel, non ? Je veux dire, m'appelle Uber du rein. Il pourrait y avoir plus de gens qui ont ce nom, non ? Donc Reno est un Italien nommé le Buller est un nom hollandais. C' est assez unique, mais beaucoup de gens ont un nom qui peut être pris et surtout quand vous construisez un bloc. Donc, par exemple, si vous avez un très beau nom, blogueurs sains United,par exemple, par exemple, vous voulez juste avoir un nom de domaine afin que personne d'autre ne puisse l'acheter. Parce que si vous avez ce nom de mai dans vos comptes que personne d'autre ne peut l'acheter, vous pouvez même le vendre si vous voulez Teoh à l'avenir. Donc, si vous cliquez sur continuer dès maintenant, vous pouvez voir si ce nom de domaine est toujours disponible s'il est aussi félicitations qu'il n'est toujours disponible. Donc, en ce moment, j'achète des blogueurs sains unis point com, et ici vous pouvez sentir dans toutes vos informations. Si vous avez une entreprise, assurez-vous que vous vous sentez dans votre idée de texte car alors il n'y aura pas d'impôt sur le calcul réel . Laisse-moi les remplir à chaque instant, d'accord ? Et puis, si vous avez rempli vos informations et votre carte de crédit, vous pouvez choisir un forfait d'hébergement. heure actuelle, ils ont un accord, qui est, hum, Onley $1 pour trois mois, ce qui n'est pas une très bonne affaire, parce qu'après la table de trois mois, augmentez le prix à $10. Eso Je ne suis pas vraiment sûr pourquoi ils font cela, parce que c'est peut-être, et ce n'est pas une très bonne affaire, mais ils ont de très bonnes affaires, comme je vous l'ai montré sur la page d'hébergement et vous pouvez sélectionner ces autres offres ici. Donc, si représenté, réduction pour 12 mois, ce que vous allez voir si c'est que vous obtiendrez ce prix pour 12 mois. Donc, si vous voulez commencer votre propre bloc, vous pouvez Vous pouvez vous donner 12 mois pour faire au moins 10$ par mois avec votre bloc. Ce n'est pas une chose très difficile à traiter, mais si vous aurez même plus de rabais et vous êtes déjà noté que vous êtes sérieux à ce sujet ou votre client est sérieux à ce sujet. Ensuite, vous pouvez même l'obtenir déjà pendant trois ans, et il l'a fait. Cela sera calculé pour trois ans. Un inconvénient de ceci est que vous devez payer le gros montant en ce moment. Donc c'est ce que si tu travailles pour des clients, demandé comme, Hey, tu veux payer pour un an pour deux ans sur trois ans ? Si vous construisez des sites Web pour vous-même, alors décidez. Comme, comment êtes-vous sûr que vous voulez ce nom de domaine et peut-être que vous voulez juste l'avoir pour des mois d'arbre ou pour six mois à nouveau. Vous devez vérifier ce que les prix actuels en ce moment. Ah, mais c'est autour de ce prix. Donc si vous commencez votre propre bloc, je dirais 12 mois. Donnez-vous 12 mois Après cela, le prix va augmenter. Mais à ce moment, votre bloc sera d'une certaine taille si vous,bien sûr, bien sûr, continuez à vous vanter d'un bon contenu ou de vos clients. Donc si votre travail de ligne de travail dit juste comme, Hey, c'est 10$ par mois et alors vous pouvez avoir un rabais pour vous-même, non ? Donc, vous les construisez juste 10$ par mois ou vous les faites asseoir devant l'ordinateur et vous les laissez passer par tout ce processus. C' est aussi une possibilité, bien sûr. Eso Comme vous pouvez le voir, si vous choisissez 12 mois ici, vous allez payer ça pour l'hébergement. Et puis vous devez également payer pour votre nom de domaine dot com. Donc, ils ont besoin d'un prix bas sera, ah, 70 euros d'arbre et peut-être en dollars, c'est un peu différent, mais cela surpris que je dois payer en ce moment. C' est juste pour le cours. Je ne vais pas vraiment lancer ce site web, donc je vais juste le mettre à trois mois parce que je sais déjà que je vais annuler ça dans trois mois parce que je suis juste en train de créer ça pour le cours. C' est sur un vrai site pour moi, alors prenez votre décision et faites défiler vers le bas. Et il y a une autre chose que je veux vous montrer, c'est la confidentialité du domaine. Et cela peut être intéressant pour vous si vous êtes un influenceur, par exemple, ou si vous êtes un propriétaire d'entreprise et que vous ne voulez pas que quelqu'un ait vos renseignements personnels car en haut de cette page, vous avez probablement rempli votre téléphone et il existe certains outils sur Internet où d'autres personnes peuvent obtenir des informations personnelles , ou au moins des informations sur le propriétaire du domaine. Donc, s'ils veulent obtenir des informations personnelles, ils peuvent taper votre domaine à l'aide d'un outil, puis ils obtiendront certaines des informations que vous avez renseignées ci-dessus. Si vous ne voulez pas cela, alors vous devez vérifier la confidentialité principale. Et puis si les gens tapent ce nom, puis ils verront simplement les informations commerciales sur le terrain du site au lieu de vos informations personnelles sur le scanner de site Teesside Crown. Vous n'en avez pas vraiment besoin parce que je vais vous montrer beaucoup d'outils gratuits qui peuvent aussi le faire. Donc je vais vérifier la confidentialité de ce domaine parce que je suis un influenceur. Et puis je vais confirmer que j'ai lu et accepté de décider des conditions préliminaires et je ne veux pas recevoir de bonnes nouvelles du site. Mais c'est à vous de décider, bien sûr. Donc, je vais aller à la porte tout de suite. Bon, donc maintenant je destin et ça dit, merci pour les ponts, les services d'hébergement au sol. Votre section de tournage était terminée. Et maintenant, ce qu'on va faire, c'est aller à l'email qu'on a rempli. Ok, donc j'ai reçu trois emails de leur part. Je vais cliquer sur le premier email, et maintenant vous devez confirmer que c'est vous parce que quelqu'un d'autre peut utiliser votre adresse e-mail . Donc, si vous cliquez sur ce lien, vous allez à une page, quelque chose comme ça. Et si vous ne faites pas défiler vers le bas et si vous cliquez sur vérifier les informations, alors les informations de contact D est juste combat, et maintenant vous êtes. Ok, alors retournez à votre email et ouvrez le second e-mail. Et c'est un e-mail important, car voici vos informations de journalisation. Donc ce qu'on va faire maintenant, c'est qu'on va aller à ce lien, et maintenant on doit se verrouiller dans nos comptes avec le nouveau mot de passe qu'on le crée et est maintenant verrouillé. Et maintenant, je suis dans la nouvelle interface hors terrain du site. Ils ont récemment mis à jour toute leur interface semble vraiment agréable, et c'est vraiment simple d'utiliser eso. Tout ce que vous devez faire maintenant est d'aller sur les sites Web et ici vous pouvez voir votre nom de domaine. Ça dit « dépenser ». Donc nous allons cliquer sur « Terminé », et ici ils vont demander si nous allons démarrer un nouveau site Web ou si nous allons migrer un site Web d'un autre plan d'hébergement. Il s'agit d'un nouveau site Web. Je vais cliquer sur démarrer un nouveau site et ici pour avoir l'auto insulté. C' est super super facile eso il peut instiller sur la presse en quelques clics simples. Donc si nous allons cliquer sur WordPress ici, vous devez vous inscrire à nouveau. Mais ce n'est pas pour la couronne latérale. Donc pas pour votre hébergement il y a. Mais c'est votre journal de presse ver. Et alors assurez-vous que c'est un mot de passe différent, mais vous pouvez utiliser le même e-mail, donc je vais utiliser le même e-mail, et je vais utiliser le meilleur régénérateur, puis je vais cliquer sur Continuer. Et je ne veux pas me vendre car ils n'allaient pas cliquer sur au travail. Et je clique juste sur terminer et maintenant il va installer sur la presse automatiquement en arrière-plan. Tu n'as rien à faire. Et c'est tellement plus facile qu'avant. a quelques années, avant que vous deviez faire toutes sortes de choses manuelles. Et maintenant, il court juste en arrière-plan. Vraiment belle expérience. Ok, alors maintenant c'est fini. Il dit que vous êtes tous les ensembles et tout ce que nous devons faire en ce moment est de cliquer sur gérer le site et plus est arrivé maintenant est que nous allons aller aux outils que le site grand point com et c'est ce que voir panneau était avant. Ici, vous avez différents outils. Donc, par exemple, si vous voulez créer votre propre adresse e-mail comme je l'ai dit avant adresse e-mail professionnelle , Donc, par exemple, info c'est bloqueurs sains United dot com Vous pouvez le faire ici vraiment facile, puis vous pouvez les ajouter à votre perspective ou à votre usine Mac. Comme vous pouvez le voir ici en matière de sécurité, SSL est déjà installé. Ceci est également reconnu parce qu'à l'époque, vous auriez à le faire manuellement. Donc, ce que nous pouvons faire maintenant, c'est que nous pouvons aller sur notre site Web et verrouiller notre nouveau site Web. Alors allez sur votre nouveau site Web, puis tapez barre oblique WP tiret Atzmon. Et si vous voyez cela, cela signifie que nous sommes pressés est installé de la bonne manière. Donc maintenant, nous allons regarder avec Deaver Sein à regarder Donc les mots de passe secondes que nous avons créés. Donc, d'abord en regardant avec votre email et votre mot de passe et cliquez sur baguage et maintenant il va vous montrer la répression de nos billets de terrain de vue, nous n'allons pas utiliser parce que nous allons commencer sur un site propre. Je veux juste le minimum. Donc on va cliquer sur la sortie en bas et maintenant on est à l'intérieur au-dessus de la presse. Comme vous pouvez le voir, côté Grant a déjà installé quelques choses que nous allons supprimer. Mais si vous voyez cela, cela signifie que vous avez installé avec succès sur appuyez sur un nouveau domaine. Donc c'est vraiment sympa. Et dans la vidéo suivante, je vais vous montrer comment vous pouvez créer un sous-domaine. Donc ce que j'ai ici et qui est complètement gratuit pour que vous puissiez avoir différents sites Web sous votre domaine principal, mais en ce moment nous avons fait pour cette vidéo. 5. Installing de Wordpress sur un sous-domaine: dans cet épisode, je veux vous montrer comment vous pouvez installer ver press sur le sous-domaine, qui est complètement libre de le faire si vous avez déjà votre propre nom de domaine. Donc, comme je l'ai pour mon site, j'ai déjà acheté arena de boer dot com. Donc, je ne veux pas acheter un nouveau domaine et l'hébergement chaque fois que je veux juste tester avec un site Web. C' est pourquoi j'ai créé différents sous-domaines. Cependant, je peux également montrer différents sites Web pour mon portfolio, donc je vais vous montrer comment vous pouvez le faire. Donc, si vous allez revenir à vos outils de site ou pour démarrer le site grander dot com, et que vous vous connectez, vous avez quelque chose que les sous-domaines culte de profondeur de domaine. Et si vous avez un autre fournisseur d'hébergement, peut-être que vous êtes sur le tuyau bleu ou l'hôte Gator ou un autre fournisseur d'hébergement n'a pas vraiment importance. C' est tout de même. Vous avez juste à chercher à l'intérieur du panneau C ou à l'intérieur sur votre panneau d'administration à quelque chose appelé sous-domaines. L' air est vraiment facile à l'intérieur du sol. suffit de chercher des sous-domaines, et il y a presque toujours une option pour le faire donc maintenant je vais juste créer un sous-domaine appelé Tess un. Donc, alors le site sera tester un point bloqueurs sains unis point com, et il est un site Web séparé avec une installation WordPress séparée complètement gratuit. Donc, si je n'ai pas cliqué sur créer, alors c'est fait. Et donc c'était vraiment sympa. Et ici, vous pouvez cliquer sur Installer une implication et ici peut vraiment facilement sélectionner ver site de presse. Actuellement super facile sur ce aller non vérifié, jamais par démarreur. Et ici, vous pouvez créer un utilisateur, un mot de passe et votre e-mail. C' est la même chose que nous avons ici. Le nom d'utilisateur est l'e-mail ici, et vous pouvez choisir un mot de passe ici. Le nom d'utilisateur est l'e-mail ici, Et puis si vous cliquez sur installer et que vous allez à vos sous-domaines de test un, ne soyez pas sain. Les blogueurs ne uni point com slash administrateur WP comme nous l'avons également fait ici. Donc, ce lien, Mais puis avec la mort un en face de lui, alors vous aurez aussi juste votre expérience WordPress de traînée normale, qui est complètement gratuit parce que vous avez déjà votre domaine principal. Donc, alors vous obtiendrez quelque chose comme ça semble un peu différent de la terre du site, mais la plupart des fournisseurs juste 1/2 la presse propre ver installer. Comparé à cela par va probablement supprimer cette supposition, Donc ne vous inquiétez pas à ce sujet si elle semble un peu différente. C' est ainsi que vous créez un sous-domaine gratuit pour votre portfolio, sorte que vous pouvez lier un site Web à un site Web réel pour montrer à vos clients potentiels ce que vous pouvez faire. 6. Nettoyer et les paramètres de base: D' accord. Bienvenue dans cette vidéo. Travailler sur un nettoyage sur la presse et mettre en place quelques paramètres de base. Eso Je suis ici en vue du nouveau tableau de bord des prix ver pour le discours. Je ne vais pas travailler sur des blogueurs sains United dot com, mais c'est exactement la même chose pour toi. Ça n'a pas vraiment d'importance. Mais comme vous pouvez le voir, il y a une différence. Parce que si vous avez sur votre domaine craint site terrain, ils ont installé ce tableau de bord, que vous pouvez supprimer. Je commence toujours avec une installation propre ver pris. Je vais vous montrer comment vous pouvez mettre en place une presse propre. Donc, si vous allez à brancher, ne vous inquiétez pas pour tout en ce moment. Il suffit de cliquer sur compliments en ce moment et de cliquer sur désactiver pour le démarrage de la presse ver. suffit donc de cliquer dessus et d'attendre jusqu'à ce qu'il soit chargé, puis juste supprimé parce que nous n'aurons pas besoin cela, puis cliquez sur. OK, Et maintenant, si vous revenez à votre tableau de bord, vous obtiendrez une installation WordPress propre comme ceci, l'autre plumage que vous avez vu. Vous pouvez laisser que je ne l'utilise pas vraiment, donc vous pouvez aussi désactiver. Donc, si vous voulez vraiment avoir une touche propre à installer. Ensuite, vous pouvez également supprimer cette psych rant Optimizer. C' est un optimiseur de performance, mais j'utilise différents optimiseurs de mon site Web. Mes sites Web sont toujours super rapides S'ils ne sont pas trop d'images et de vidéos, bien sûr sur le site. Donc c'est comme ça que je commence toujours. Retourne au tableau de bord. Jamais. Maintenant, je vais passer à mon sous-domaine. Très bien, donc c'est là que presse un peu sur les bases. Vous avez une barre supérieure, presse inver et vous avez une barre gauche. La barre de gauche ou la barre latérale est l'endroit où vous passez la plupart de votre temps. Si vous travaillez dans les appels comme par exemple, si vous créez une page d'accueil et sur la base de la page de contact, ils seront tous ici dans les pages. Donc, cliquez sur les pages pour l'instant, vous pouvez voir que nous en ce moment, nous n'avons pas Bages parce que c'est un nouveau site Web bien sûr médias. C' est là que toutes vos images vos fios, vos enregistrements audio vous êtes Aikens Tout ce que vous téléchargez que vous souhaitez utiliser sur le site est stocké dans votre médiathèque. Vous pouvez également supprimer des éléments à partir d'ici. C' est très facile. Vous pouvez également faire glisser des éléments de votre Finder ou de votre Explorateur Windows juste à l'écran pour les télécharger sur votre site Web. Et puis vous pouvez utiliser ces images ou faire des fells où vous voulez. Les vantails vont être très importants pour ce site Web parce que nous allons créer un bloc et les deux sont votre avantage de bloc. Donc, si vous allez à la conception que nous allons construire, toutes ces choses sont bloquées les deux. Donc, c'est un post de bloc. Ceci est un post de bloc, et vous pouvez les trouver tous ici montrer. À l'avenir, vous pouvez simplement cliquer sur le nouveau. Vous pouvez ajouter un nouveau post de bloc, lui donner un titre, lui donner du contenu, puis si vous finissez, si vous publiez cela, alors il sera automatiquement affiché sur votre page d'accueil comme ceci, ou fait ce que nous allons construire dans le futur sont tous vos messages sont ici. Vous pouvez également mettre en place des catégories que j'expliquerai plus tard, que nous allons utiliser pour les menus de. Par exemple, si vous voulez catégoriser votre bloc, vanter tout pour le petit déjeuner par exemple, vous pouvez créer une catégorie ici, puis à l'intérieur d'un bloc. Mais tu peux dire comme, Hey, c'est un bloc. vanter que cela doit obtenir un déjeuner caree et fait maison, par exemple. C' est donc ce que c'est. Si vous obtenez Commons sur votre bloc, vous pouvez les trouver ici. vertébrés ont déjà un Commons par défaut. Je vais te montrer ça dans une minute. Mais si vous activez Commons sur votre bloc WordPress, alors vous les trouverez ici pour votre premier site de bloc. Je ne recommanderai pas Teoh à l'exception des commentaires. Donc on ne va pas construire ça sur ce site en ce moment parce qu'il peut devenir vraiment Spammy. La seule chose que vous devez savoir en ce moment est que vous pouvez configurer des éléments de menu ici sur leur apparence. Donc, tous les éléments de menu de la vous pouvez les configurer sur leur apparence. Hum, et les gains de coups est aussi une section importante en ce moment sur ce site. J' ai aussi désactivé ces deux-là. Je vais les supprimer, et j'ai aussi une installation propre ver pus. Mais le public dans la section est où vous insultez tous vos plug-ins et si vous ne savez pas ce qu'est le plug in, un plug in est un peu comme une application sur vos téléphones ou vous avez un clignotement pour la sécurité. Vous avez un Blufgan pour afficher votre bloc, les deux affichant votre Instagram différents APS que vous pouvez utiliser. Vous pouvez les télécharger quelque part appât. La plupart d'entre eux sont gratuits, et les utilisateurs sont également très importants en ce moment. Si vous avez juste un avantage personnel, vous avez juste un utilisateur, comme je l'ai juste ici. Mais si vous travaillez pour un client, vous pouvez également ajouter un utilisateur pour votre client afin qu'il puisse également Le Guin. Ne donnez jamais votre propre mot de passe à votre client toujours à un nouvel utilisateur, car alors vous pouvez les diriger plus tard ou les rétrograder parce que vous avez déjà administrateur. Mais vous pouvez également donner aux gens un autre rang, qui est inférieur. Ainsi, par exemple, le rouleau de l'éditeur, qui est un rang en dessous de l'administrateur, puis ils ne peuvent pas installer des plug-ins et des choses comme ça ici avec des outils. Je n'ai jamais utilisé cela, mais il y a certains paramètres que nous devons changer, alors allons d'abord aux paramètres, et nous allons juste cliquer sur général et changer quelques choses ici et c'est le nom votre bloc. Donc si vous visitez votre site, vous verrez dans votre robinet que vous allez voir un nom. Alors, nous allons juste visiter les sites Web pour l'instant et voir ce que c'est. Donc, si vous passez la souris mature sur, il est mon bloc, et vous cliquez sur les sites de visite que vous allez à votre site Web. Mais je veux aussi rester dans ces écrans, ou ce que je suis toujours dio j'ai raison. Cliquez et cliquez sur Ouvrir dans un nouvel onglet. Vous pouvez aussi le faire, soit dit en passant, en tenant co mois. Si vous êtes sur un Mac ou un contrôle, si vous êtes sur Windows et qu'il s'ouvrira dans un nouveau robinet, je vais le faire beaucoup dans le discours parce que c'est vraiment agréable d'avoir juste quelques robinets ouverts au lieu de revenir au tableau de bord tout le temps. Alors cliquez sur votre nouveau robinet ici, et voici à quoi ressemble le site Web en ce moment. C' est l'équipe de base par défaut pour la presse, et il y a un bloc Bosa que vous pouvez voir. Ça s'appelle bonjour Monde, et il y a un Commons qui était une commune que nous venons de voir. Donc c'est mes premiers arcs de bloc. Et pour le reste, c' est juste une équipe de base. Très simple. Si vous cliquez sur bonjour monde, nous allons aller au bloc, pose vos premiers messages de bloc, et ici vous pouvez voir ce Commons de base. Nous allons supprimer cela, mais tout ce que vous devez savoir pour l'instant, c'est que votre bloc s'appelle mon bloc de blocage mon bloc de presse ver , et c'est ce que vous pouvez changer ici. Donc on va nommer ce genre de vie sain Er qui est le nom de mon quartier. Et là, vous pouvez ajouter une ligne d'attaque à quelque chose comme, hum, pour les gens qui aiment les aliments sains ou ce slogan, par exemple, pour les gens qui se soucient vraiment de la nourriture saine. Ils se soucient de la nourriture saine, accord. S' il connaît la fille en bas, vous pouvez installer quelques choses ici vous au lieu de votre propre fuseau horaire. Donc, je vis aux Pays-Bas, donc c'est Amsterdam pour moi, et vous pouvez taper dans votre ville ou trouver le fuseau horaire de votre propre pays. Et puis vous pouvez configurer la date et l'ancienne, mais il laisse toujours ceci tel quel. Donc les seules choses que j'ai changées, c'est le fuseau horaire du thé et le titre du site dans la ligne d'accrochage, et c'est tout. Et puis vous cliquez sur les modifications sûres. Et maintenant, si vous revenez à votre bloc et que vous cliquez sur Actualiser, vous allez voir qu'il a changé. Donc ici, vous pouvez le voir dans le robinet. On va changer tout ça. Donc, vous devez vous soucier de ce point est que vous vous souciez. C' est ainsi ? Comme vous pouvez le voir maintenant, le site est appelé « vie saine » et tout le monde le verra. Qui visite le site ? D' accord. Et il y a encore une chose que nous devons changer. Et c'est dans Paramount Ling, parce que dans Paramount mailings, vous pouvez configurer l'apparence de votre lien. Donc, si on veut créer un bloc, se vanter, tu ne veux pas que le lien soit vraiment Massey. Alors allons sur notre site en ce moment et cliquez sur notre post bloc. Et comme vous pouvez le voir maintenant, le lien est la barre oblique de mon site Web, puis le point d'interrogation B est un. Eh bien, ça n'a pas l'air vraiment professionnel. Donc, ce que je fais toujours, c'est que je l'ai changé en nom de poste. Mon conseil est de ne le faire qu'une seule fois, parce que sinon cela peut vraiment blesser votre Seo. Alors comment vous êtes trouvé sur Google, alors configurez-le correctement dès le début. Donc, mon conseil pour choisir le nom du poste parce que cela semble vraiment professionnel. Alors je vais vous montrer ce que je veux dire. Je vais faire défiler vers le bas. Je vais sauver ça. Et maintenant, si je retourne à mes bateaux de bloc et que je clique sur le rafraîchissement, vous allez voir que ce bloc pose maintenant appelé la marée. Alors bonjour, Dash Worlds. Parce que l'espace n'est pas possible dans un lien, bien sûr. Il y a donc beaucoup plus professionnel. Donc c'est tout ce que vous devez savoir. Pour la configuration de base sur les soldats du sein, retournez à votre tableau de bord, et maintenant nous allons installer nos premiers plug-ins essentiels 7. Installer le plugin de sécurité: Ok, donc dans cette vidéo, on va mettre en place la sécurité du site. C' est toujours la première chose que je fais parce que vous voulez vous assurer que votre site Web est sécurisé afin que vous ne soyez pas piraté. Et c'est aussi sans danger pour vos visiteurs. Par exemple, s'ils remplissent un contact pour autoriser le site Web, vous voulez que ces données soient sûres car il s'agit d'informations personnelles. Donc on va mettre quelques choses en place. Cliquez dessus. Tu n'en auras pas vraiment besoin. C' est donc ce que nous allons faire maintenant c'est que vous pouvez cliquer sur Plug-ins et ensuite cliquer sur Ajouter nouveau. Et c'est là qu'on va demander la plupart de nos branchements. Ou d'abord, on va commencer par la sécurité. Le premier livre que j'installe toujours est S S l, qui est ce verrou vert que vous voyez ici. C' est ainsi que vous pouvez protéger les renseignements personnels de vos visiteurs lorsqu'ils ne se sentent pas en forme, par exemple. Et cela semble aussi vraiment professionnel parce que si vous ne l'avez pas, certaines personnes obtiendront une erreur SSL dans leur écran. Eh bien, en fait beaucoup de gens et n'a pas vraiment l'air professionnel, mon sous-domaine. Comme vous pouvez le voir, je l'ai déjà pour une raison quelconque. Mais sur le nouveau domaine, ce n'est pas sécurisé. Mais si vous avez un nouveau domaine, ce n'est probablement pas sécurisé. Je vais te montrer comment faire ça. Donc, si vous tapez SSL ici dans la barre de recherche, vous pouvez voir afficher Akin. C' est très simple. SSL s. Donc, voici la liste de tous les plug-ins sur le processus. Et comme vous pouvez le voir, cela a quatre millions d'installations, et c'est beaucoup. Je pense que je n'ai jamais vu un bloc dans l'a plus de cinq ou six millions d'insultes. Peut-être que je me trompe, mais c'est un branchement très populaire, et aussi vous pouvez voir les notes ici est chose que vous savez qu'il est sûr de sorte que vous pouvez cliquer sur insulte maintenant et puis il est va installer, et alors vous devez avoir besoin de cliquez sur activer et puis vous devez cliquer sur Aller de l'avant, activer SSL, et maintenant c'est tel qu'il est activé. Il se peut que vous soyez verrouillé, vous devrez peut-être vous verrouiller à nouveau. Euh, mais c'est ce que tu dois voir. Vous pouvez simplement cliquer sur le X ici et maintenant vous devrez verrouiller l'écran ici. Mais si vous avez un autre fournisseur d'hébergement, parfois ils ne s'installent pas sur les certificats SSL tout de suite. Donc, si vous n'êtes pas hôtesse avec terrain de site, peut-être que vous avez besoin de regarder dans votre hébergement et robes et vous devez rechercher le terme SSL et ensuite vous devez installer Let's encrypts comme je vous ai montré dans la vidéo précédente sur terrain signé. Il est déjà installé automatiquement. Elle peut voir ici sur le gestionnaire SSL Les Encrypts. C' est la version SSL de base dont vous avez besoin. Si vous pouvez vraiment faire en sorte que cela fonctionne, veuillez contacter votre fournisseur d'hébergement car cela est important car vous ne voulez pas que les gens aient ce message d'erreur sur leur écran. Je suis désolé, je ne suis pas une aide que pour chaque fournisseur d'hébergement. Donc je te montre juste comment le faire en vue. Au sol. Hum donc, ouais, ce moment on a une cellule installée. Donc la prochaine chose que je veux faire est d'installer une pincée de sécurité pour que nous ne soyons pas piratés eso. Ce que tu vas faire, c'est que tu vas cliquer sur le nouveau sous le robinet et maintenant tu vas taper. Je crois qu'il y a un autre fameux bouchon de sécurité dans lequel est appelé mot Clôture. Mais j'ai trouvé que cela va ralentir votre site Web. Et celui-ci est aussi très populaire. Comme vous pouvez le voir, près d'un million de téléchargements et cela gardera votre site Web rapidement sur. Et je n'ai jamais été piraté sur tous les sites que j'ai fait aussi sur pas sur les sites de tous mes clients. Donc, je sais que c'est un bon plug in afin que vous puissiez cliquer sur installer et activer à nouveau. Et maintenant, vous devez aller dans les paramètres parce que nous devons configurer quelques choses ici. Et c'est que nous devons cliquer sur le site sécurisé ici et puis il va juste charger. Vous pouvez cliquer sur la redirection le Webster normal trop chaud Astuce A s, qui est le SSL. est donc ce que je devrais suggérer. Et aussi vous pouvez rejoindre le réseau de protection de la force brute, qui est un peu comme un système où votre site fait partie d'un grand réseau. Et lorsqu'ils voient une menace similaire sur un autre site Web, sur votre site Web, ils peuvent résoudre le problème plus rapidement. Donc, je vous conseille aussi de le faire. Il suffit de mettre ça à. Non, parce que vous ne voulez pas plus d'e-mails et cliquez simplement sur Activer la force brute du réseau. Vous savez, cliquez sur Run côté sécurisé à nouveau parce que nous venons de faire ça, vous pouvez simplement cliquer sur fermer Maintenant Il y a une autre chose que je veux vous montrer, et c'est le centre de notification, parce que ce plug in va vous envoyer beaucoup d'e-mails, qui n'est pas ce que j'aime. C' est très agréable qu'ils vous envoient des mises à jour, mais c'est trop pour moi. Eso Si vous faites défiler ici, vous pouvez voir qu'ils ont envoyé un résumé de sécurité quotidien afin qu'ils vous envoient un e-mail tous les jours . Et puisque j'ai travaillé pour beaucoup de clients, c'est trop. Donc, je désactive toujours cela, et j'ai aussi désactivé cela parce que parfois dans la nuit, par exemple, certains robots Google ou certaines personnes essaient de pirater votre site Web et cela arrive comme cinq fois , puis je me réveille et je avoir cinq e-mails dans ma boîte de réception de différents sites Web, et ce n'est tout simplement pas vraiment sympa Oh, aussi décoché celui-ci. Et c'est juste à propos des emails. Ce n'est pas que le plug in profond ne regarde pas les gens. C' est juste la notification. Donc c'est ce que vous avez installé ici. Si vous cliquez sur les paramètres sûrs en ce moment, cela est configuré correctement dans la vidéo suivante. Nous allons insulter à plus de branchements, ce qui rendra votre site un peu plus rapide et empêchera le spam. 8. Installer le compresseur Antispam et la l'image: D' accord. Donc le prochain clignotement que nous allons insulter est un anti-spam un branchement. Donc nous allons aller à nouveau brancher et cliquer sur ajouter nouveau et ce que vous allez taper est anti-spam , et puis il va charger et vous verrez quelque chose avec un B. Encore une fois. Il y a beaucoup de plug-ins qui ont offert cela, mais le meilleur que j'ai trouvé est sur ce Bambi comme très simple, très léger. Et c'est juste bon. Donc nous allons installer ça, Et ce plug in fera en sorte que si vous avez un formulaire complexe, par exemple sur votre site Web, vous ne recevrez pas beaucoup de spam car si vous avez un formulaire de contact sur votre site, alors vous pouvez recevoir beaucoup de courriels de spam, qui n'est pas ce que vous voulez. Donc on va activer cet anti-spam, et on n'a pas besoin de configurer l'anti-spam. Soyez comme vous pouvez le voir dans les paramètres ici, ils ont déjà vérifié les choses les plus importantes. Vous pouvez vérifier cela et l'ajuster si vous le souhaitez. Mais c'est assez bon, et moins nous avons besoin d'un nouveau compresseur d'images et d'un compresseur d'images est très important, surtout lorsque vous travaillez avec des clients, car s'il y a une chose que ne sont pas vraiment bon à, il ne se soucie pas vraiment de la taille de l'image en pixels, mais aussi en mégaoctets. Donc, ce que vous voulez quand une autre personne télécharge ou que vous téléchargez une image sur votre site Web, vous voulez que cette image compresse. Si je ne sais pas quelle compression est vraiment rapide. La compression est quand vous avez une photo, par exemple, qui est cinq et être ainsi. Si vous prenez une photo avec votre iPhone, par exemple, c'est comme cinq mégaoctets, mais c'est la rue, par exemple, c'est comme cinq mégaoctets, mais c'est la rue, bien trop grand pour un site Web, parce que si vous avez cinq images sur votre page d'accueil bien trop grand pour un site Web, alors si les gens visitent votre page, le site Web doit charger 25 mégaoctets de données, ce qui est beaucoup trop. C' est pourquoi je fais toujours mes images très petites. Et il y a une inférence automatique de livre, ce qui est vraiment sympa. Si vous téléchargez une image pour votre média, elle se compresse automatiquement. Donc, ce que vous devez taper ici est très spécifique car il y a aussi beaucoup de connecteurs de compresseur Comme vous pouvez le voir, si vous tapez compresseur, vous pouvez voir qu'il y en a beaucoup. Mais ce que vous devez taper est Reese Mush it image optimiseur. Il y a aussi un optimiseur d'image très célèbre, mais ils n'arrêteront pas de vous envoyer des messages à ce sujet. Vous avez besoin de leur version pro, et c'est juste une version très simple. Ce n'est pas vraiment populaire, mais j'ai trouvé ça, et c'est juste que ça marche est vraiment sympa. C' est parce que Reese beaucoup que son optimiseur d'image Donc c'est ce que vous avez besoin de taper Enzo Reese bouillie Pensées. E i t. Optimisateurs d' espace de l'image spatiale. Ensuite, vous cliquez sur Installer et activer, et vous n'avez pas besoin de configurer cela, mais vous pouvez modifier les taux de compression. Donc, si vous passez maintenant la souris sur les médias, vous pouvez voir qu'il y a un nouveau robinet ici appelé Reach Smush. C' est I T. Et si vous ne cliquez pas sur le Reese beaucoup que je t. Vous pouvez voir qu'il va maintenant compresser automatiquement toutes vos images. La valeur par défaut est 92. Je fais souvent cela encore plus petit quand je sais que je vais télécharger beaucoup d'images sur un site Web. Même le mettre à 70 par exemple, Parce que, comme vous pouvez le voir, ici, 100 est la meilleure qualité. Donc vous voulez vraiment diviser en compresser les images sur ce site ? Puisque c'est un bloc, je vais le mettre à 70. Donc, diable, sois suffisant, et puis je vais cliquer sur les changeurs sûrs. Et maintenant c'est mis en place. Donc chaque diamant télécharge une nouvelle image. Il va maintenant compresser automatiquement l'image à une taille beaucoup plus petite. Ok, donc c'est tout. Dans la prochaine vidéo, nous allons installer élémentaire ou 9. Installer l'élément et Elementor Pro: Donc, je suis ici à nouveau sur le tableau de bord, et maintenant nous avons fini avec la configuration de base. Notre site Web est donc sécurisé et tout ce que nous téléchargeons sera compressé. Et maintenant on va installer Elemental ou plus maintenant je veux vous montrer une autre façon d'installer des branchements. Et Elemental pro vous demande d'insulter publicain d'une autre manière, qui est la peur, un téléchargement. Donc, Donc, ce que je veux que vous fassiez maintenant, c'est un clic sur le lien ci-dessous, qui est le Donald Link pour les mentors de L. A. Si vous allez à ce lien, vous obtiendrez un téléchargement, qui est un zip est tombé et vous pouvez voir En ce moment le zip est tombé dans mon dossier de téléchargements et de l'espace, vous obtiendrez la dernière version des éléments. Ou en ce moment j'enregistre ça et c'est 2,9 point 7. Donc ce que je vais faire, c'est ouvrir mon détecteur. Donc voici ce qu'il est tombé dans mon détecteur. Maintenant, je vais retourner à sa presse et je vais rebrancher. Cliquez sur vos plug-ins et cliquez sur ajouter de nouveau. Et maintenant nous n'allons pas utiliser le champ de recherche, mais nous allons cliquer sur télécharger, brancher, et ici vous pouvez choisir votre zip est tombé. Donc, ce que vous pouvez faire est que vous pouvez le faire glisser sur le bouton, ou vous pouvez simplement cliquer ici, choisir faute. C' est un moyen plus sûr de le faire, puis sélectionné est celui que vous voulez, puis cliquez sur ouvrir, puis vous pouvez installer la fiche à partir d'ici. Donc, cliquez sur installer maintenant et puis il semble que se charge. Je ne pense pas que ce soit très intelligent à l'heure. Toujours appuyer, mais c'est déjà fait. Si elle dit que Blufgan insulte avec succès, alors vous savez que c'est fait et vous pouvez l'activer. Je ne sais pas le jour ne pas avoir une case à cocher ou quelque chose comme ça, mais si ça dit cela, alors c'est fait. Donc maintenant, vous pouvez cliquer sur Activer un plug in sur le prochain gin de jeu et je peux juste cliquer sur ce loin n'a pas vraiment d'importance. La seule chose que vous avez le chèque, c'est que vous voyez élémentaire ici. Donc, si vous voyez élémentaire ici dans votre barre latérale Dan, c'est tout à fait bien. Et maintenant, nous avons besoin d'un pro élémentaire. Donc, j'ai également fourni un lien vers le bas dans la description et FIA ce lien vous allez à la page des paquets de l'élément ou pro. Et maintenant, par ici, vous devez choisir votre forfait. Donc, c'est comme ça qu'il va additionner jusqu'à 10$ par mois. Si vous avez juste un site personnel pour cette page, je veux vous expliquer un peu parce que, bien sûr, vous voulez justifier votre investissement dans cette gorge. J' utilise element ou pro pour construire ce site comme vous le pouvez, comme vous pouvez le voir dans le titre. Elemental Pro est une recherche payante, mais à mon avis,ce n' est pas très cher parce que ce prix est par an. Elemental Pro est une recherche payante, mais à mon avis, Donc, si vous voulez juste commencer votre propre bloc, comme je l'ai dit, vous devez payer, comme $4 par mois pour l'hébergement et aussi $4 par mois pour cela environ. Donc, si vous concevez 94 par 12, vous pouvez voir que c'est 4$ par mois. Donc, vous hébergez votre domaine et L un mentor combiné environ par mois. Maintenant, si vous savez que vous allez utiliser élémentaire pour beaucoup de sites vers le haut, alors n'achetez pas ce paquet mais par dis bagages parce que, comme vous pouvez le voir, vous obtenez seulement trois sites Web pour 99$ par an. Mais ici, vous pouvez obtenir 1000 sites Web et ce que je fais. Comme je l'ai déjà dit, j'ai facturé 20$ par mois à mes clients. Donc $20 fois 12 est déjà plus que le prix annuel, les deux élémentaires. Donc je juge que mon client a 20$ par mois pour l'entretien, donc il a juste mis à jour leurs plug-ins. Une chose très facile à faire. Vous n'avez qu'un seul client qui paie déjà votre abonnement. Mais si vous avez à des clients, vous faites déjà assez beau profit. Donc, si vous avez trois clients qui vous payent 20$ par mois, vous faites déjà 500$ par mois profit sur Lee off Element ou pro. Donc c'est plutôt sympa. C' est pourquoi j'ai investi dans ce paquet. Mais si vous voulez juste avoir votre propre site Web personnel, alors c'est la dernière chose que vous devez acheter. Et laissez-moi être très clair. C' est en fait la dernière chose que c'est l'appât dans le score. Donc, euh, ce sont les deux seules choses dont vous avez besoin, et c'est pourquoi cela va ajouter jusqu'à environ 10$ par mois s. Donc ce que vous devez faire maintenant est que vous devez cliquer sur et ici vous pouvez mettre votre informations si vous le souhaitez, et puis vous pouvez aller à vérifier. Et si vous avez vérifié, vous recevrez un e-mail de leur part qui ressemble à ceci. Et dans cet e-mail, vous pouvez accéder à votre compte et vous pouvez télécharger t plug in. Donc, vous devez d'abord payer, puis vous pouvez télécharger pour vous connecter, et votre compte ressemblera à ceci. Donc ici vous pouvez télécharger élémentaire pro. Donc, si vous cliquez sur le téléchargement T plug in, vous obtiendrez le zip est tombé à nouveau. Donc, je vais le faire tout de suite. Ok, alors maintenant c'est fini. Je vais retourner à mon tableau de bord, vais retourner aux branchements à nouveau. Vous devez cliquer sur le téléchargement, brancher, et maintenant je vais utiliser une méthode différente. Je vais juste nous traîner d'ici sur deux boutons D et je vais cliquer sur installer maintenant. Je ne sais pas si vous pouvez le faire sur Windows. En passant, il suffit de cliquer sur Choisir Fell si vous Si ce n'est pas possible, euh, puis cliquez sur Activer Blufgan. Et maintenant L. Un mentor pro est presque terminé parce que vous devez le connecter et l'activer parce qu'il a besoin de savoir que c'est vous. Donc, si vous cliquez sur connexion, activer, alors vous pouvez verrouiller dans quel compte. Si vous ne voyez pas cette option, vous pouvez également utiliser vos clés de licence ou dans votre compte. Il y a une clé de licence que j'ai floue. C' est maintenant, mais c'est ma clé de licence. Et vous pouvez également l'utiliser pour activer élémentaire pro. Mais ici, je vais juste utiliser l'outil simple qu'ils ont pour connecter vos comptes et je vais cliquer sur Activer. Et maintenant mon compte est activé. Donc maintenant, on en a fini avec toute la mise en place et toutes les choses ennuyeuses. Donc, dans la prochaine vidéo, nous allons commencer avec quelque chose de pêcheur, qui est en train de concevoir notre prochaine page, qui est une très belle fonctionnalité à l'intérieur de l'élémentaire. Alors j'espère vous voir dans la prochaine vidéo 10. Thème et configuration d'une page à venir: Ok, les gars, maintenant nous allons faire quelque chose de amusant et c'est la mise en place bientôt bases. Alors maintenant, nous allons commencer à construire dans L. Un mentor. Mais d'abord, nous devons faire une chose de plus, et vous n'avez à le faire qu'une seule fois. Et c'est choisir une bonne équipe parce que pour le moment, le site doit par défaut sur vierge , ce qui n'est pas très personnalisable. Il nous faut quelque chose de simple, quelque chose de léger. Donc on va mettre en place ça ne va jamais créer notre prochaine page. Donc ce que je veux que vous fassiez, c'est que vous alliez en équipe. Et je vais vous donner la meilleure équipe libre que j'ai trouvée qu'elle est très légère et qu'elle fonctionne très bien avec les éléments. Ou en fait, il est construit par l'équipe de mentors de L A. Si vous cherchez élément ou ici dans les équipes, vous trouverez bonjour l un mentor. Et c'est l'équipe la plus rapide disponible parce qu'elle est super vide. n'y a rien dans cette équipe que vous pouvez faire parce élément ou sait que vous pouvez construire un site entier juste avec des éléments ou un élément ou pro. Et c'est pourquoi ils ont sorti l'équipe creuse, c' est-à-dire il y a une équipe super propre et rapide parce qu'ils savent que vous n'aurez plus à aller dans les paramètres de l'équipe . De retour dans la journée exprès, vous téléchargerez une équipe hors d'une forêt d'équipe, par exemple. C' est un site Web et vous personnaliseriez l'équipe. Mais en ce moment, tout est glisser-déposer élément. Vous n'aurez pas besoin de tous ces paramètres d'équipe. Et la plupart d'entre eux sont juste l'ancienne façon de construire des sites Web. Nous allons utiliser directement et tomber vraiment facile. Il suffit de cliquer sur installer sur l'équipe Hello et de cliquer sur Activer, et maintenant nous allons mettre en place la prochaine page. Devenir bientôt. La page est toujours la première page que je crée parce que si un site Web est en construction, vous ne voulez pas que quelqu'un voit que vous travaillez sur vos pages. Donc, parce que c'est le site Web, nous allons créer tous les bages de la. Mais si vous travaillez toujours sur vos pages, vous ne voulez pas que quelqu'un la voie. C' est pourquoi je suis en train de mettre en place une page à venir et Elemental a une fonctionnalité intégrée. C' est vraiment agréable, parce que cela enverra automatiquement tout le monde deux de venir bientôt payé. Donc, peu importe ce qu'ils tapent, par exemple, s'ils tapent dans votre site Web dot com slash à propos, ils seront toujours redirigés en raison de venir bientôt. C' est donc je vais te montrer comment faire ça. Donc, si vous survolez L un mentor et que vous allez aux outils maintenant vous pouvez voir un robinet ici appelé modes de maintenance. Et nous n'avons pas monté de maintenance. Vous pouvez configurer un modèle à venir. Le premier, nous devons créer un modèle. Donc nous allons juste mettre en place un modèle très simple avec un logo et un peu de textes, et puis tout le monde sera redirigé vers cette page. Donc, ce que nous allons faire maintenant, c'est que nous n'avons pas quelque chose à sélectionner, donc nous devons créer un modèle. Si vous cliquez sur, créer un, vous allez à un nouvel écran et vous pouvez simplement appeler cela à venir, puis vous pouvez cliquer sur Publier. Et maintenant, vous verrez cette édition avec bouton élémentaire. Donc, si vous cliquez sur le modifier, l un mentor. Maintenant, nous allons aller à l'éditeur élémentaire et voici à quoi ressemble l'éditeur élémentaire dans cette seule vidéo. On va juste se concentrer sur la construction du patient à venir. Je ne vais pas tout expliquer ici. Eso ne t'inquiète pas. Nous allons couvrir tout ce que vous devez savoir comment créer un bloc. Mais en ce moment, nous allons juste créer une page à venir simple pour pouvoir commencer à construire nos autres Bages et je vais expliquer tous les détails quand nous construirons la page d'accueil. Donc pour l'instant, tout ce que vous devez faire est d'aller dans les paramètres ici parce que nous voulons supprimer cela . Nous voulons une page propre et vous pouvez le configurer sur leur mise en page ici. Donc, si vous sélectionnez canevas élémentaire, vous pouvez voir que nous allons obtenir un écran vide. Donc c'est tout ce que vous devez savoir. Si vous souhaitez enregistrer vos modifications, vous devez cliquer sur la mise à jour. C' est ainsi que fonctionne l'élémentaire. Et si vous voulez voir la page finale, vous pouvez cliquer sur le I. Donc, si vous cliquez sur les changements d'aperçu, c'est en fait un aperçu hors de la page. Donc, si vous voulez aller à la page réelle que vous devez aller au lien réel. Mais tout ce dont vous avez besoin est maintenant que si vous cliquez sur mettre à jour que tous vos changements sont enregistrés sur la page de vie. Ok, alors comment veut-on que notre prochaine page ressemble ? Mais je veux juste avoir un simple logo ou le logo que j'ai sur le site Web que vous voulez montrer cela parce que cela semble professionnel et puis peut-être un peu de texte que le site va bientôt venir, Donc c'est ce que nous allons affaire. Donc, je vais juste glisser dans une image pour que vous puissiez dragon une image en ce moment, mais je recommande toujours de créer une section d'abord. Vous pouvez créer une section ici avec ce plus et ensuite vous pouvez créer une section qui a deux colonnes arbre pour etcetera et les sections sont les parties horizontales de votre site Web. Donc, par exemple, si je dois la page d'accueil ici, c'est une section aussi, c'est un droit de section. Ensuite, nous allons créer une section pour cette partie et une autre section pour dis Spartan. Ensuite, il s'agit d'une colonne, colonnes ou verticales. Et c'est aussi une colonne. Et avec dans une colonne, vous pouvez créer une section de sorte qu'il dans cette colonne verticale, nous avons une pour arborer quatre sections. C' est ainsi que cela fonctionne. Donc encore une fois, sections horizontales rt et verticales déjà colonne. Donc pour l'instant, on veut juste une simple grande page. Donc nous allons juste cliquer dessus et maintenant nous allons obtenir une colonne est très petite, donc si vous voulez lui donner une certaine hauteur, vous pouvez le faire simplement ici. Si vous allez à la hauteur et que vous cliquez sur Heights minimum, vous pouvez configurer les pixels ici. Pour l'instant, nous allons simplement garder les choses très simples et simplement utiliser ce curseur ici et le rendre aussi grand que votre écran. Le numéro n'a pas vraiment d'importance. Pour l'instant, nous allons juste garder les choses vraiment basiques pour ce modèle. Et ce que nous attachons en ce moment, c'est quand vous voulez ajouter une image, tous les éléments que vous voulez ajouter dans l'éditeur élémentaire, vous pouvez les trouver ici. Donc, si vous cliquez dessus, vous pouvez suivre tout ce que vous voulez. Donc, dans un titre, une vidéo image, un bouton. Donc pour l'instant, on ne veut qu'une image et un peu de texte, donc d'abord, je vais suivre une image. Vous êtes juste de suivre une de ces boîtes et de le diriger à l'intérieur de l'appel, et maintenant c'est vraiment énorme. Je vais le rendre plus petit. Donc, quand d'abord, nous devons choisir une image. Donc, si vous cliquez sur l'image de chaussures, vous pouvez télécharger une image. Donc, si vous avez déjà téléchargé des images dans votre médiathèque, vous pouvez les trouver ici. Mais en ce moment, on va télécharger quelque chose. Donc, ce que je veux que vous fassiez est aller à votre finder et aller à D Exercice est tombé lien qui est ici ci-dessous où f préparé toutes les images que nous allons utiliser pour son site Web et ont également inséré un logo. Donc c'est un B et G. C'est une image transparente. Eso Ce que vous pouvez faire est simplement glisser dans son de votre plus fin fonctionne la même chose sur les fenêtres, puis cliquez sur insérer le média. Et maintenant, le logo est inséré sur notre page. Vraiment simple. C' est un chemin trop grand. Vous pouvez voir la taille de l'image ici, mais ce n'est pas la vue visuelle. C' est la version que verbeux utilise dans les signaux. Je vais vous montrer. Si vous cliquez sur le support, il restera le même car chaque image que vous téléchargez réprime crée quelques versions différentes de celui-ci pour garder les choses rapides. Donc, si vous savez déjà que votre image n'a pas besoin d'être aussi grande, vous pouvez sélectionner une version plus petite. Par exemple, comme ça. Maintenant, il va diminuer parce que sinon il deviendra trop sur forte. Mais ce n'est pas là que vous modifiez la taille visuelle, la taille visuelle. Vous pouvez changer cela sur les styles. Chaque élément élémentaire a trois de ces robinets Gun 10 Stella et Advanced. Nous n'allons pas approfondir ça maintenant, mais tout ce que vous devez savoir, c'est que vous pouvez changer le avec ici comme ça. Je ne recommande pas d'utiliser le pourcentage profond, mais vous voyez des pixels car alors ce sera plus facile pour le mode responsive. Il suffit donc de le mettre à 205 par exemple. Ah, peut-être un peu plus gros. Vous pouvez utiliser le curseur ici. Vous pouvez taper un nombre ou utiliser vos touches fléchées se déplacent vers le haut et vers le bas. Vous pouvez cliquer sur ces petites choses ici pour le rendre plus grand et plus petit. C' est tout ce dont nous avons besoin pour le logo en ce moment. Et nous voulons aussi un texte, une seule ligne de texte. Donc on va retourner aux 9$ que je vais glisser dans un éditeur de texte comme celui-ci, et maintenant vous pouvez voir que vous pouvez le placer au-dessus ou sous le logo. Donc on va maintenant je vais le placer sous le logo, et tu peux taper ton texte ici. Vous pouvez également taper ici, mais je ne le recommande pas parce que parfois, lorsque vous tapez équipe par exemple, votre ordinateur se souviendra de le styliser. Tu es en train de taper et ça affectera la chèvre. Donc, je recommande toujours de taper le texte ici. C' est le moyen le plus sûr. Et si vous voulez vraiment vous assurer qu'il n'y a pas de style, vous pouvez aller au texte ici. Et si vous voyez Dex et pas des chèvres bizarres, alors vous savez que c'est juste un texte clair, qui est ce que vous voulez. Donc en ce moment je vais serrer quelque chose comme le site complet à venir bientôt. Et maintenant, comme vous pouvez le voir, le texte est aligné à gauche. Donc ici avec Diestel, vous pouvez centrer tout cet élément sur ce spectacle central. Si vous cliquez sur le centre, vous pouvez voir qu'il est maintenant centré. La dernière chose que nous devons vérifier avant de l'enregistrer s t tablette et le mode mobile. Donc on va passer la souris sur ça, qui est le mode réactif. Cliquez dessus, allez sur la tablette. Et ça a l'air plutôt bon. Et puis on va aller à Mobile et ça a aussi l'air bien. Ok, c'est sympa. Donc, nous n'avons pas besoin de changer quoi que ce soit pour mobile et tablette. Et maintenant, retournez à la mort. Arrête ! Fermez ce clic sur la mise à jour. Et maintenant, nous avons créé D modèle de sorte que vous pouvez voir que cette page va se recharger. Et maintenant, c'est notre prochain modèle semble très agréable, donc nous pouvons revenir aux outils en ce moment. Et maintenant, si nous actualisons cette page, nous pouvons mettre en place notre prochaine étape, donc nous allons choisir le mode qui va bientôt arriver. en passant, la différence entre venir bientôt et la maintenance est que nous arrivons bientôt. Votre site Web peut encore être indexé par Google afin que les gens puissent trouver sa peur. Google, si vous le mettez sur le mois de maintenance. C' est en fait la même chose parce que les gens seront redirigés pour faire ce modèle que nous venons créer. Mais vos représentants, je ne serai pas indexé par goule afin que les gens ne trouveront pas votre site web en ce moment . Je me fiche que les gens trouvent mes sites web. Je vais le mettre bientôt sur presque toutes les affaires. Vous voulez juste le mettre, mettre à venir bientôt parce que ah, beaucoup de gens veulent juste être trouvés sur Google. Maintenant, nous devons sélectionner un modèle que nous venons de créer, que nous avons appelé bientôt. Et puis nous cliquons sur les changements sûrs. Donc maintenant, vous pouvez voir ce mode de maintenance est activé. Donc maintenant que nous avons complètement fini avec le site, nous allons changer ça et nous allons éteindre le prochain, et ensuite notre site Web sera la vie. Si quelqu'un va sur mon site Web et même tape quelque chose comme à propos, ils seront toujours redirigés vers la prochaine page, qui est ce que vous voulez. Donc j'espère que vous avez apprécié cet épisode et dans le prochain épisode, nous allons vraiment commencer avec notre page d'accueil va expliquer ce que nous allons faire. Donc je suis vraiment excité et je te verrai dans la prochaine vidéo 11. Décomposer le fichier Adobe Xd: Bienvenue dans ce nouveau chapitre, nous allons construire le bloc réel. C' est donc un chapitre très excitant. Je suis très excité pour ça. Et comme vous pouvez le voir, nous avons les quatre pages ici. En passant, cela est tombé un adobe eggs e est tombé, mais vous n'avez pas orteil Avez-vous cela est tombé pour suivre le cours, Je l'ai inclus dans le dossier de téléchargement, mais vous n'avez pas besoin de l'utiliser. Vous pouvez simplement utiliser les images. Mais je voudrais utiliser cette conception est tombé pour voir les tailles hors des téléphones et les différents colliers . Mais on va tout reconstruire à l'élémentaire. Si vous suivez ce que j'ai mis en moi un mentor, alors vous allez très bien. Mais si vous avez adobe dépassant, vous pouvez ouvrir cette est tombé si vous voulez. Donc maintenant, dans ce premier épisode, je veux prendre un peu de temps pour expliquer les bases de la fonctionnalité hors d'un bloc parce que cela rendra beaucoup plus facile pour vous de comprendre la grande image car un bloc est un site web très dynamique. Si vous voulez créer un simple site Web d'entreprise, vous n'avez que quatre pages et rien ne change jamais sur ces pages. Mais dans un bloc, vous avez beaucoup de contenu qui doit être remplacé par d'autres contenus. Ainsi, par exemple, sur la page d'accueil, toute cette section ISTEA explique les messages. Donc, si vous créez une nouvelle publication, vous voulez que cette nouvelle publication soit automatiquement sur le dessus. Donc, cela signifie que vous devez dire ce processus d'inver de section. S' il y a un nouveau vantage, vous devez démarrer qui va en haut ou,par exemple, par exemple, sur une page de catégorie a une case à cocher qui est cochée avec le petit déjeuner. Ensuite, vous devez l'afficher sur la page du petit déjeuner. Ce que vous voulez également, c'est que si vous créez une nouvelle publication de bloc et que vous téléchargez une image dans votre position de bloc, vous voulez que cette même image soit affichée dans cette liste. Cela signifie donc que nous avons besoin de beaucoup de contenu dynamique et de condom dynamique signifie contenu qui ne se trouve pas sur un seul endroit de votre site Web. C' est comme l'explication simple, et nous avons aussi besoin de modèles, et je ne veux pas dire modèles conçus, mais l un mentor. Les modèles signifient des éléments. Ainsi, par exemple, l'image d'en-tête ici nous avons la même image d'en-tête sur toutes nos pages. Cela signifie que nous devons dire à Vour Press que nous lions cette image pour être placée au-dessus de toutes les pages de notre menu. Nous voulons le même menu sur chaque page, mais il doit avoir un état actif parce que nous voulons savoir sur quelle page nous sommes actuellement. Donc, c'est tout pour l'en-tête. C' est également vrai. 40 pieds de page. Vous voulez créer le ou les aliments et ensuite vous voulez afficher ce même aliment er sur toutes vos pages. Et si vous apportez une modification à votre modèle maître que vous souhaitez que cette modification s'affiche sur toutes vos pages. Donc, cela signifie que la nourriture er ne fait pas partie de la page d'accueil. C' est quelque chose que vous créez dans un autre endroit dans wordpress dont un élémentaire est la nourriture Kulti ou modèle. Et puis les unités sont élémentaires qu'ils ont besoin de montrer que la nourriture un modèle sur chaque page. C' est ça. Et aussi pour ce panneau de site. Ce panneau de site est également sur cette page et aussi sur cette page. Et si vous voulez apporter une modification, vous ne voulez pas la modifier sur toutes vos pages où vous avez un panneau de site ou une barre latérale. Tu veux juste changer ça impliqué. Lieu. Alors, comment ça ressemble à l'intérieur de la presse ? Laisse-moi te montrer un site web d'un de mes clients. Donc c'est un site web d'un de mes clients et c'est un site de magazine, donc c'est un peu similaire à un bloc. La technique est en fait la même. Donc, si vous avez ce post de bloc, par exemple, et que vous cliquez sur ce post de bloc et vous verrez la même image ici et que vous ne voulez pas télécharger cette image deux fois donc cette image est automatiquement recadrée à l'intérieur d'un bloc vantant par cette seule façon de le créer. Mais je vais vous montrer comment vous pouvez toujours avoir le même ratio d'image pour tous les bateaux de bloc parce que cela semble un peu plus agréable que sur ce site, Mais pour ce site, cela fonctionne. Comment ça ressemble à l'intérieur de sa presse ? Donc, comme vous pouvez le voir, je suis ici à l'intérieur du site et je suis ici à l'intérieur de la poste. Il bloque déjà les postes. Et si mon client comme un nouveau bloc post comme celui-ci, et mon client crée un titre et il met dans tout le contenu. Ensuite, il peut aussi le mettre dans une catégorie. Donc, il sera affiché dans la catégorie, et nous avons aussi ce nom. Et si le client télécharge une image ici, vous voulez que cette image soit affichée sur le déménagement, mais aussi dans les plus rares. Donc, cela signifie que nous avons besoin de relier profondément , appelé plus, pressé aux extrémités frontales. Et puis la dernière chose que nous devons faire est de créer tous ces blocs séparés. Donc, cela est aussi appelé un modèle. Donc, nous devons créer ces blocs, et ensuite nous devons dire s'il y a un titre de post de bloc dont vous avez besoin afficher ce bloc post Idol ici. S' il y a une catégorie, vous devez afficher cette catégorie ici, et le bouton Lire la suite doit automatiquement lier à la page de publication de bloc réel. Alors que la page de contact va être facile, il va juste être en-tête de nourriture er et un peu de contenu au milieu. Cela ne sera affiché que sur Maman Paige. Donc ça va être très facile. Mais la plupart des gens sont très dynamiques. Donc, nous allons utiliser le team builder parce que l'en-tête et le food er et vos arcs de bloc sont tous des parties de votre équipe. Nous allons créer notre propre équipe. Et c'est pourquoi ce site est si flexible. Parce que si vous comprenez comment créer ces types de modèles, vous pouvez concevoir n'importe quel type de site Web de bloc ou de magazine que vous voulez. C' est tout pour cette première vidéo. Dans la prochaine vidéo, on va préparer tous les téléphones et les colliers parce que c'est une façon très efficace de travailler. Je te verrai dans la prochaine vidéo. 12. Préparer notre style dans le style de thème: Ok, Bienvenue dans cette vidéo, cassé et préparé les téléphones et tous les colliers allumés. Et nous allons le faire avec une nouvelle fonctionnalité au lieu d'élémentaire. J' ai appelé le Team Styler. J' ai vraiment aimé sa fonctionnalité car elle vous permettra de changer le style de vos téléphones corporels , par exemple. Donc cette police sur tout votre site Web si vous l'utilisez de manière correcte donc c'est vraiment sympa parce que parfois votre client va dire, comme, Oh, oui, je n'aime pas ce titre. Ou le titre pourrait-il être un peu plus grand ? Et puis vous aurez ce titre sur, genre, 300 endroits dans votre site Web. C' est horrible. Donc, vous voulez travailler avec l'équipe a commencé parce que alors vous pouvez contrôler qui est à partir d'un seul endroit. Alors qu'est-ce qu'on a ici sur ce site ? On a un gros titre. Comme vous pouvez le voir ici, c'est sale à la taille. Nous avons un titre plus petit pour notre post de bloc, qui est 20. Qu' est-ce qu'on a ici ? C' est aussi 20. C' est aussi Winnie. Mais on en a un plus petit ici. C' est 16. Donc ça veut dire que nous avons trois stèles de titre. Nous avons aussi une cellule de téléphone du corps, qui est celle-ci pour les longs textes, qui est 16. Et c'est Carla. C' est ce que nous devons aussi savoir à nouveau. Tu n'as pas à ouvrir cette chute. Vous pouvez suivre ce qui est juste ? Ce que je fais à l'intérieur de L. Un mentor. Et puis on a trouvé cette création ici, mais ça ne sera affiché que dans quelques endroits, donc je ne vais pas préparer ça. Mais je vais préparer nos trois styles de titre principaux et notre style de corps parce que c'est quelque chose qui sera affiché sur beaucoup d'endroits. Alors commençons juste. Je vais cliquer sur ma presse et je vais aller à Bages ici, et nous allons créer une page de bureau où nous pouvons voir toutes les stèles et tard, peut-être plus tard, revenir et voir si ça dit que tout va bien ensemble. J' ai déjà fait un design en ce moment, mais parfois c'est une bonne chose à avoir. Alors cliquez sur Nouveau pour une nouvelle page et appelez cette page, euh, euh, style du Maine ou quelque chose comme ça, ou lignes directrices en ce moment, je vais juste l'appeler Main Star et je vais cliquer sur Publier. Cela n'a pas vraiment d'importance parce que nous avons mis en place la base à venir afin que tout le monde soit redirigé vers cette page. Donc maintenant, nous pouvons simplement cliquer sur l'ajouter avec L un mentor, et nous pouvons aller à cette page. Donc, ce que nous devons faire maintenant, c'est que nous devons charger dans nos titres, et nous voulons charger dans notre texte et peut-être même un bouton, parce que nous avons un style de bouton ici assez sympa. Donc peut-être que nous pouvons l'utiliser parce que nous allons utiliser ce bouton à quelques endroits. Alors faisons simplement glisser quelques titres. Donc un titre à l'intérieur d'une chèvre s'appelle un titre. C' est vraiment déroutant parce que cette partie est appelée une tête là-bas, mais un titre est appelé un titre, donc si vous faites glisser un titre comme celui-ci, vous pouvez changer le texte de l'en-tête ici. Je ne recommande pas de le taper changer le texte ici, mais ce que vous devez faire attention est la balise HTML. Mais la seule chose que vous devez savoir sur le tack HTML est que l'âge un est le plus grand, et l'âge de six ans est le plus petit, donc H signifie cap. Donc ce sont tous les titres en tête, et DP est les téléphones du corps normal. Donc, pour vous donner un peu plus de contexte dans le jour où vous développerez un site Web, vous utiliseriez l'âge de 12 h 6 comme hiérarchie sur votre page. Donc, les titres principaux sont à l'âge 12 2e plus grande idoles Art age faire. Mais cela est également important pour votre S e O. Je ne suis pas un expert chez ASIO, mais je sais que Google lit la taxe html. Donc, pour vos bateaux de bloc ou D titres sur une page est toujours le meilleur à utiliser dans H un parce que c'est le H Decter Google, basé sur la plupart de l'attention à ce n'est pas un cours sur Seo. Mais c'est le contexte sur pourquoi DSR ici. Alors sélectionnez l'âge un pour l'instant. Et c'est tout ce dont nous avons besoin. Nous avons besoin d'un grand titre, ce qui est pour nous. Ce sera ce 1 32 avec Mary mieux que le téléphoné, et nous avons aussi besoin d'un titre plus petit Donc c'est juste cliquer seulement 9$ glisser dans un autre, cap sous notre titre principal, que nous allons mettre à h Do know drag dans un autre titre. Et on va avoir trois ans. Cela va battre la version plus petite. Mais nous ne changerons pas encore cette stèle. Nous allons le faire avec le style d'équipe, mais nous n'avons pas encore fini. Nous avons également besoin d'un bloc de Texaco Beckton neuf points et juste glisser dans un bloc de texte comme cet éditeur de texte T. C' est culte. Et nous y voilà. Nous avons un bloc de texte copier maintenant les districts quelques fois parce que nous avons besoin de voir les hauteurs de ligne . Je vais copier tout ça. Copiez cela quelques fois Donc nous allons voir l'espacement entre les lignes qui est important et aussi je suis sur le crabe dans un chignon dans comme ça. Donc c'est tout ce dont nous avons besoin pour le moment. Donc maintenant, nous allons vendre ça avec l'équipe Styler Show click mises à jour pour l'instant parce que nous allons sauver ça. Ne cliquez pas sur le hamburger ici et ici nous pouvons aller à l'équipe Styler. Donc, l'équipe Styler est l'endroit où vous pouvez modifier les stèles si vous vous dirigez vers l' ensemble du site afin que nous ne puissions pas cliquer sur notre texte. En ce moment, nous ne pouvons pas modifier est juste ici. On doit l'éditer ici. Alors allez à la typographie. Et ici, vous pouvez voir le téléphone du corps. Donc le corps trouvé est dis texte. Alors, de quoi avons-nous besoin pour notre ballon de téléphones corporels ? Dans cette conception, nous avons Carla comme un téléphone. Il a 16 ans et ses habitués, alors créons ça tout de suite. Si vous allez à la typographie, vous pouvez changer la famille de fonds. Il s'appelle une famille en raison des téléphones peuvent avoir beaucoup de versions différentes. Donc, si vous voyez de la famille quelque part, cela signifie que vous pouvez changer de téléphone. Alors cliquez dessus, et je vais sélectionner le fonds que je veux. Et comme vous pouvez le voir maintenant, c'est comme Google parce que Carla est un Google trouvé que j'utilise toujours les téléphones Google parce que les téléphones Google sont gratuits et ils sont automatiquement mis en œuvre à l'intérieur de L. Un mentor. Papa est gentil, et maintenant pour la taille qu'il nous faut 16. Si vous changez le côté texte ici, vous pouvez voir qu'il va changer. Mais comme vous pouvez le voir, le textile n'est pas changé. S donc ce que nous devons faire est que nous devons recueillir sur les mises à jour pour l'instant. Et il est dit pour que l'équipe commence à affecter tous les éléments pertinents, s'il vous plaît désactiver, collège par défaut et trouvé à partir de la page Paramètres car cela remplacera les styles de fonds votre vapeur actuelle. Donc, si vous avez une autre équipe installée que j'ai, c'est pour ça que ça ne marche pas. Donc je vais aller à la page de l'équipe. Je vais tenir la commande pour qu'elle s'ouvre dans un nouvel onglet. Donc, allons dans les paramètres, puis désactivez les valeurs par défaut, les téléphones et le collège par défaut désactivé. Maintenant, cliquez sur les changeurs sécurisés, retournez à votre page et cliquez sur recharges. Et maintenant, vous verrez que le fonds a changé en Carla. Donc maintenant, nous ne sommes pas de retour dans l'équipe Editors. Je vais retourner à l'équipe, Styler, Styler, je devrais dire qu'il n'y a plus d'équipe à une autre typographie ouverte. Et nous avons également besoin de changer le collier pour le collier que j'utilise pour la conception de dis pour le corps . Texas 717171 Vous pouvez simplement taper ça ici, en commençant par le hashtag ou la copie. C' est d'un conçu pour comme je suis en train de faire en ce moment, et cela va changer le collier. Voyons si ça marche. Oui, comme vous pouvez le voir, ça a fonctionné. Donc je vais refondre ce manteau de couleur. Et maintenant, c'est bon. Maintenant, la dernière chose que je veux faire est de définir celui-ci à zéro s. Donc, ils ne seront pas beaucoup d'espacement sous notre calque de texte car normalement il y aura plus d'espacement. Alors mettez-le à zéro. Maintenant, parfois sur notre site Web, nous avons aussi un lien comme celui-ci. Nous voulons donc que ce lien soit le vert que nous voulons. Et nous voulons aussi que le texte soit sous-jacent, donc il ressemble à un lien, ce qui est aussi quelque chose que nous pouvons faire. Alors prenons le pouvoir col vert Coast pour l'instant. Je vais y retourner, et je vais aller à Link et ensuite mettre le collier juste ici. Basez ce collier et puis cliquez simplement sur le plus, car ce sont les colliers par défaut hors élémentaire. En fait, nous n'avons pas besoin d'en avoir un, alors juste la piste, tous les colliers par défaut, donc nous n'aurons que deux colliers que nous allions utiliser. Je laisse toujours le noir et le blanc, mais maintenant nous avons sauvé le vert. Sauvegardons également la version grise les commentaires pour le corps du texte. Donc maintenant, le lien est vert. Cela arrive aussi dans le fond, mais nous allons corriger cela bientôt. Donc, si nous avons un texte qui a un lien, nous verrons que capable pendant le vert. Et nous devons également ajouter le soulignement. Donc, si vous allez à la décoration, vous pouvez sélectionner soulignement. Donc, de cette façon, il va créer un effet de soulignement, pas de cliquer en dehors de cela. Et maintenant, nous allons juste changer le bord un H deux et un h arbre. Donc, le collier pour notre bloc post est en fait 121212 Et c'est aussi vrai pour les titres dese, donc ils ont tous à. Même appelant papa est gentil, donc le plus grand est sale à puis 20 puis 16 si sale à 2016. Allons donc appeler notre premier Allons au collier. 1212121 Attitude un panel maintenant aller à Typography Fund. Ça s'appelle Merry Weather qui a l'air bon et sale, aussi. Ensuite, il y a une chose que nous devons aussi ajouter. Et c'est la hauteur de la ligne. Parce que parfois, comme vous pouvez le voir, ici, nous avons deux lignes. Nous devons donc également copier la hauteur de la ligne. Dans ce cas, c'est 42. Mais si vous en avez trouvé un autre, vous devez le tester un peu. Donc, vous devez rendre ce texte beaucoup plus long, vous devrez donc des lignes, puis vous devrez vérifier ce qui semble bon. Donc pour l'instant, je vais le mettre en pixels, et on va mettre ça sur 42. Bon, donc maintenant je peux aller à l'industrie H 2 et appliquer la même chose. D' accord. Et maintenant, la dernière chose que je dois changer est le bas, parce que le bas semble maintenant que ça ne semble pas vraiment aller cliquer sur les boutons et ensuite on va aller à la typographie. Maintenant, jetons un oeil à notre design. Notre bouton a un style différent de celui de l'en-tête normal. Le texte à l'intérieur du bouton est encore mantra, et le bouton est vert et il est très net, donc il n'a pas de coins arrondis. Alors créons ça tout de suite. D' abord, allez au collier de texte et faites-les blanc. Ensuite, je vais aller à la couleur de fond et rendre ce vert. Maintenant, je veux aller à la typographie et sélectionné le fonds. Monse aretz maintenant Decoration dit que inconnu parce qu'un bouton est aussi un lien, donc nous devons le définir à aucun. , La taille ici était de 12,mais il y a beaucoup d'espacement. Donc, quand vous avez dit cela à 12, puis transformez-le en majuscules, donc tout sera en majuscules et ensuite nous voulons beaucoup d'espacement des lettres, donc ils utilisent des nombres différents ici que dans Adobe X'd. Donc juste concevoir un peu sur le je m'assure qu'il a l'air assez bon qui vit bien. Et maintenant le rayon de la frontière, tu vas délier ça et c'est tout. Si vous mettez un zéro maintenant vous pouvez voir que le Mais il ressemble à ceci. Maintenant, le bouton ici a un peu plus d'espacement sur le haut et sur le bas, ce qui le rend un peu plus propre. C' est ce que je veux faire aussi. Donc je veux mettre en place mon propre batteur, donc je vais délier ça. Donc maintenant, il n'aura pas de paris. Je vais à ma propre marge et rembourrage. Donc, en haut, en bas, je vais utiliser 10 et voyons ce qui se passe. Mais c'est un peu trop petit, alors essayons juste 15. Pour l'instant. Ça a l'air mieux que quoi ? Environ 25 25 par ici. Ça a l'air sympa. Et nous n'utiliserons pas beaucoup de formulaires sur le site Web seulement à deux endroits, donc vous n'avez pas à tout configurer, donc c'est OK. Et la dernière chose que je veux faire est de vérifier si la police est réellement la même. Parce qu'ici, on dirait qu'il y a beaucoup plus d'espacement. Il a aussi l'air un peu plus léger. Je veux juste vérifier si c'est ce que je veux. Donc je vais retourner à la topographie. Je vais aller à Carla. Oh, j'ai oublié la hauteur de la ligne, comme vous pouvez le voir. Ok, je vais mettre ça à 25 ans qui avait déjà l'air beaucoup mieux. Ok, donc c'est tout ce que je voulais faire pour l'instant. Aussi, si vous avez déjà remarqué. Votre site Web a un arrière-plan sur toutes vos pages. Vous pouvez le mettre en place ici. Mais c'est tout ce que je veux faire en ce moment, c'est que je vais cliquer sur Update, retourner à la page normale. Et maintenant, vous verrez si nous glissons dans un autre bouton qui aura déjà le Stell exact que nous voulons certains. De cette façon, nous pouvons vraiment construire rapidement nos pages sans avoir à entrer dans l'éditeur tout le temps. Donc, nous allons juste cliquer sur la mise à jour. Revenons à l'endroit où la presse. Je vais cliquer ici et quitter le tableau de bord. Et c'est tout ce que je voulais faire pour cette vidéo. la Danslaprochaine vidéo, on va se préparer. Teoh, dessine le chapelier que nous allons voir ici. Alors je te verrai dans la prochaine vidéo. 13. L'en-tête: Bienvenue dans cette vidéo, nous allons créer la bruyère avec le modèle d'en-tête à l'intérieur de Elemental. Vous pouvez également exporter cet en-tête en tant qu'image. Mais sur mobile et tablette, vous n'avez pas beaucoup d'espace. Donc, vous voulez que l'image soit un peu plus petite. Et c'est pourquoi nous devons séparer le logo détecte ici et l'image eso qu'il sera juste à l'écran de l'appareil que la personne alimente le site Web sur Donc ce que j'ai fait si vous allez à définir er er nous avons deux logo ici, que nous avons déjà téléchargé, et nous avons à l'image Heather ici. Donc c'est tout ce dont nous avons besoin pour l'instant, parce que c'est un texte que nous allons créer avec élémentaire et aussi pour diviseur. Donc ce que je veux que vous fassiez, c'est que nous allons retourner au tableau de bord parce que nous n'avons plus besoin de ça et nous allons aller aux modèles. Et maintenant, nous aurons le team builder ici, qui est un élément ou un pro. Donc maintenant, nous pouvons aller à l'en-tête ici, et nous pouvons créer notre modèle d'en-tête à nouveau, nous ne allons pas créer est sur la page d'accueil Eh bien, parce que nous voulons que cela soit affiché sur différents Bages. C' est pourquoi nous avons créé à l'intérieur du team builder pour cliquer sur, ajouter un nouvel en-tête et juste lui donner un nom. J' ai toujours un frais d'en-tête un, quelque chose comme ça et puis créer un modèle par vos visiteurs ne verront pas ce nom. Donc, cela n'a pas vraiment d'importance et puis élément ou vous offre beaucoup de modèles que je n' utilise pas , parce que alors vous aurez beaucoup de nouvelles cellules dans votre site Web et notre avait un est assez personnalisé. Il suffit de cliquer sur celui-ci et la première chose que vous voulez faire est de cliquer sur le plus et de cliquer sur ce 1er 1 parce que nous n'avons besoin que d'une seule colonne pour cet en-tête. Maintenant, nous ne serons pas seulement plus difficile d'avoir un peu de hauteur, donc ce que vous voulez faire est d'aller à avancé et vous voulez expliquer avec le rembourrage. Si vous ne savez pas ce que la marge et le taping sont, marge est l'objet extérieur souvent et les paris sont la perspicacité. C' est donc l'espace sur la perspicacité et c'est l'espace à l'extérieur. Donc un exemple. Si vous avez un fond comme celui-ci, si vous voulez plus d'espace à l'intérieur des fonds au batting, et alors cela arrivera. Si vous voulez plus d'espace à l'extérieur, cela se produira. Et aussi ce téléphone parce que vous voulez plus d'espace à l'extérieur. Donc, si vous n'êtes pas encore familier avec ça, ça n'a pas vraiment d'importance. Vous l'apprendrez en le faisant. Ce que je fais toujours, c'est que je dissocie cela parce que je veux définir ma propre interdiction et ma marge et je veux ajouter un peu sur le fond, quelque chose comme 80 et un peu sur le dessus. Et maintenant, comme vous pouvez le voir, nous avons un peu plus d'espace pour travailler, peut-être même en faire 100. Et à droite et à gauche, nous n'avons pas besoin de frapper parce que c'est un imbécile avec en-tête. Maintenant, nous allons simplement ajouter l'image d'abord, donc si vous allez à la stèle, vous pouvez sélectionner un fond, donc nous voulons une image. Donc, c'est sous le robinet classique, et maintenant vous pouvez sélectionner une image ici. Si vous cliquez ici, vous pouvez télécharger une image comme nous l'avons fait avec le logo. Alors prenez votre image d'en-tête et juste téléchargé sur le site et cliquez sur insérer Media. Maintenant, l'image est absolument massive. Nous allons donc changer quelques paramètres ici. Tout d'abord, la position Mettez cela au centre, par exemple. Si vous avez une photo qui a beaucoup de place sur le dessus, vous voulez la mettre en bas centre, par exemple. Mais pour cette image est parfaitement alignée au milieu, donc papa sera condamné à une amende attachements. Vous pouvez laisser cette répétition, cliquez sur non, répéter, parce que vous voulez juste afficher une image et la taille que nous allons définir ce Kaufer afin qu' il couvre automatiquement à l'écran, quelle que soit la taille de votre écran Is Donc, par exemple, si nous cliquons sur celui-ci loin, vous pouvez voir qu'il sera un peu plus grand. Et en fait, c'est à quoi ressemble votre site Web. Donc, si vous pensez comme oh, ça a l'air génial ici, suffit de cliquer celui-ci loin parce que c'est à ça que ça ressemble vraiment. Nous avons donc besoin d'un peu plus d'espacement sur le haut et le bas. Cliquez à nouveau sur Avancé. Ajoutons 20 sur le dessus et sur le fond. Et maintenant cliquez sur celui-ci loin, et cela ressemble un peu plus au design que nous avons ici. On a peut-être même besoin de plus d'espace. Mais nous allons d'abord au logo dans. Donc, ce que vous pouvez faire en ce moment est de cliquer sur le $9 dans le logo que vous pouvez faire glisser dans le logo du site . Mais je préfère simplement télécharger une nouvelle image parce que parfois c'est plus net. Je ne sais pas vraiment pourquoi ? Donc, si vous prenez juste une image et placez-la à l'intérieur de votre colonne, vous pouvez sélectionner votre logo d'ici contre. Cliquez sur le film de cheveux sur le logo. Cliquez sur insérer. Maintenant, le logo est inséré. Nous n'avons pas besoin de la plus grande version, alors faites-la un peu plus petite, peut-être même 300. Maintenant, allez à la stèle et cliquez sur les pixels. Vous pouvez également utiliser ce curseur de pourcentage, mais si vous le mettez à Swinney et que vous oubliez de le modifier sur mobile, il sera également 20% sur mobile. Donc, si vous le mettez sur des pixels, c'est un peu plus sûr. C' est ce que j'ai toujours aussi. Alors mettons-le à 200 pour l'instant. Maintenant, nous devons aussi ajouter un peu de texte. Donc ce qu'on va faire, c'est qu'on va y retourner et qu'on va prendre l'éditeur de texte. Alors prenez un de vos éditeurs de texte et dirigez-les ici. Maintenant, nous pouvons modifier ce texte. Maintenant. Je veux dire autre chose. Parfois, lorsque vous copiez des attaques à partir d'un e-mail ou ailleurs détecte peut avoir des stèles appliquées pour le faire. Donc, parfois, si vous le copiez juste d'un autre endroit et que vous le basez ici, parfois, il a déjà été appliqué, et alors cela créera beaucoup de code dont vous n'avez pas besoin. Donc, si vous voulez être vraiment en sécurité, cliquez sur le texte ici et basé votre texte ici, Denko retour à visuel et ajouter aux entrées ou ah, l'audace. Si vous voulez quelque chose comme ça avec le bowled ici, parce que sinon vous aurez beaucoup de chèvre dans votre texte que vous n'avez pas besoin. Je vais vous montrer ce que je veux dire, si vous mettez ça sur les deux, par exemple, c'est ce qui se passe réellement sur les appels. C' est du côté visuel. On dirait ça, mais c'est ce qui se passe vraiment dans l'or. Alors maintenant, je vais bien. Remettre son dos. Vérifie encore. D' accord, c'est bien. Va faire Stell. Et nous voulons centrer ça comme ça assez facile. Et maintenant, la dernière chose que nous voulons faire est de créer cette petite ligne. Il y a une petite ligne verte. Nous avons déjà sauvé ce vert, et il fait deux pixels avec Ah, cette petite ligne, vous pouvez facilement créer ça avec Dee Dee Chasseur. Donc, si vous prenez juste dans le combattant comme ça et que vous l'alignez au centre, vous pouvez configurer d avec ici à nouveau. J' aime utiliser des pixels au lieu du pourcentage. Mets-le sur quelque chose comme ça. Allez au style. On va mettre le collier vert et la bouffée sera aussi. Bon, alors, l'écart. Nous voulons que ce soit beaucoup plus petit parce que nous voulions que Teoh soit très proche du texte ici. Donc il suffit de mettre cet écart à zéro ou au plus bas et ensuite nous devons également nous assurer que cet élément se déplacera plus vers le texte. Maintenant, zones de texte normales ont beaucoup d'espacement en dessous. Nous devons donc nous assurer qu'il y a un espacement négatif en bas de ce texte. Cela signifie donc que chaque élément de cette taxe augmentera et c'est l'exemple qui signifie que cette ligne augmentera. Donc ce qu'on va faire, c'est qu'on va aller au niveau avancé, et on veut faire quelque chose à l'extérieur. Donc on va jouer avec la marge. Donc dissocié cela et maintenant nous voulons une marge négative au bas. Donc, si nous ajoutons plus d'espace au bas maintenant, les éléments vont s'éloigner plus loin. Donc, s'il en négatif vers le bas afin que vous puissiez voir moins arbre maintenant les éléments vont commencer à se déplacer vers nos textes. Maintenant, jetez un oeil à votre design. Ecoute, si tu es heureuse, ça a l'air sympa. Le logo est un peu trop petit, donc je vais cliquer sur le logo. Ça va rendre ça un peu plus grand, quelque chose comme ça. Mais maintenant, comme vous pouvez le voir, cette boîte entière est devenue beaucoup plus grande que ce qui sera commencé avec. Donc, nous sommes les plus proches pour l'instant, c'est un peu trop grand à mon goût, et c'est parce que nous avons mis dans les articles. Donc, si nous cliquons sur cette section parce que nous voulons l'ajouter à des sections ou cliquer sur ces six fléchettes ici, ces centaines et 20 images en haut en bas sont ajoutées au-dessus et au-dessous de tout ce contenu. C' est pourquoi nous devons le réduire si nous voulons changer cela. Alors mettons-le sur 80 pour l'instant. Et nous allons ah, plus près de voir à quoi ça ressemble. Ça a l'air plutôt sympa. C' est peut-être un peu trop gros. Essayons seulement 70. Ça a l'air plutôt sympa. Donc maintenant, nous devons le vérifier sur mobile. Donc, pour aller à la tablette ou mobile, le mouvement pour cliquer sur le mode responsive et cliquer sur les tablettes, par exemple. Et comme vous pouvez le voir, c'est déjà assez agréable, parce que nous avons travaillé très efficacement, et maintenant si nous allons à mobile maintenant, vous ne pouvez pas vraiment voir les parties vertes dans les images, et maintenant nous avons besoin pour changer quelques choses. Donc, tout d'abord, si vous cliquez sur la section décochée le rembourrage, Donc il suffit de le décocher comme ceci. Maintenant, on va mettre en place quelque chose de différent, quelque chose comme 40 et 40. Et nous voulons également un espacement à gauche sur la droite parce que si ce texte est trop long, vous ne voulez pas qu'il touche les bordures. Mettons 20 à gauche et 20 à droite. D' accord, ça a l'air beaucoup mieux. Et maintenant, cliquez sur votre logo. Rendez cela un peu plus petit, incohérent pour le style à nouveau. Venez choisir la source, changer un peu le logo, et maintenant nous ne voyons toujours pas grand-chose. Donc je vais le changer à nouveau. Cliquez donc sur la section. Mettons ça à 20 ou 20. Ça a l'air un peu mieux, mais je n'ai toujours pas chaud. Parfois, il arrive que sur le téléphone mobile, les images ne fonctionnent pas si bien. Donc, ce que vous pouvez également faire est de cacher certains éléments pour vous assurer qu'il y a de la place pour d'autres éléments. Donc, dans ce cas, si vous voulez sacrifier le texte et cette petite ligne pour montrer plus de l'image, vous pouvez le faire. Alors cliquez sur notre calque de texte sur le crayon, Aller à l'avance, Faites défiler vers le bas, Aller à responsive et juste hauteur Ce texte un mobile Assez facile. Maintenant. Aussi, cliquez sur la ligne, faites la même chose. Accédez au doigt Tous avancé, réactif et haut sur mobile. Et maintenant, nous n'avons pas de très bons amis libres ici. Parce que quand un élément est caché dans L. Un mentor , , il le montrera toujours, mais il montrera ces lignes, donc cela signifie que nous ne pouvons pas vraiment vérifier si notre idée fonctionne réellement. Donc, en ce moment, nous devons prendre le téléphone électrique et jeter un oeil à ce qu'il ressemble sur le téléphone. Donc, comme vous pouvez le voir au téléphone que cela semble beaucoup mieux. Peut-être que nous avons besoin d'ajouter un peu plus de rembourrage sur le dessus et sur le bas pour le rendre un peu plus agréable. Mais c'est assez bon pour mobile. C' est tout ce que je vais faire pour l'instant. Je vais juste revenir à mon mode bureau et maintenant détecte la ligne de fin est visible à nouveau, et je vais cliquer sur publier. Et maintenant, nous devons mettre en place les conditions. Eso les conditions sont l'endroit où vous indiquez à Elemental où vous voulez afficher cet article. Maintenant, nous voulons que cet en-tête soit affiché sur l'ensemble du site Web. Donc nous allons juste cliquer sur la condition et la condition standard est ajoutée sur tout le côté. Cliquez sur coffre-fort et fermez. Et maintenant, s'il clique sur, jetez un coup d'oeil, nous pouvons voir l'en-tête réel. Ça a l'air cool. Et maintenant, comme vous pouvez le voir automatiquement, ajustez à la taille de l'écran. Et maintenant, si vous allez sur mobile, ça commence à ressembler à ça Assez sympa et assez cool. 14. Le menu - création: Bienvenue dans cette vidéo, nous allons préparer la barre de menu qui est également écartée de l'en-tête. Donc, nous allons juste créer cette section et ensuite aussi l'inclure dans notre modèle d'en-tête. Mais avant de pouvoir le faire, nous devons d'abord créer des pages de dese parce que si nous créons un menu à l'intérieur de élémentaire, nous ne allons pas taper ces noms à la main parce que ces noms doivent être des pages réelles. Et c'est pourquoi nous allons d'abord créer les pages, puis nous allons charger dans les pages avec l'élément de menu à l'intérieur d'Elemental Pro. Donc, allons à notre presse ver est le résultat étaient ici à l'intérieur de l'éditeur à nouveau. Je vais laisser le rédacteur en chef ouvert parce que nous aurons besoin de ça. Donc ce que je vais faire, c'est que je vais cliquer sur le tableau de bord. Je vais tenir les commandes ou le contrôle pour l'ouvrir d'un nouveau robinet, puis je vais aller à l'apparence, puis les menus allumés. Je vous ai déjà montré un peu dans l'épisode de base, mais sur leurs apparences, vous pouvez changer les menus. Donc, ici, dans les menus, vous pouvez créer différents menus. Pourquoi pouvez-vous créer différents menus ? Eh bien, parce que sur certains sites Web, vous avez un menu différent dans votre en-tête que vous avez dans votre nourriture. Euh, pour cette conception, je viens de copier à l'en-tête principal d'en haut et le mettre dans la nourriture er, mais beaucoup de fois, vous aurez un menu de pied de page différent quatre pages, comme votre politique de confidentialité ou les termes et conditions. Donc, c'est ce qu'ils appellent un menu, puis vous devez affecter des pages à ce menu. Pour l'instant, on va juste créer ce menu supérieur. Alors donnons-lui juste un nom maintenant. Mon menu supérieur. J' appelle toujours ce top main, donc je sais quel menu il ISS. Et puis vous pouvez attribuer différentes pages. instant, nous n'avons pas de pages, donc c'est ce que nous devons créer en premier. Donc nous allons créer le menu pour l'instant afin qu'il soit sauvegardé. Et maintenant, nous allons aller aux pages et ici nous allons créer les pages que nous voulons ajouter à notre menu. Donc, il suffit de cliquer, ajouter de nouveau. Et tout d'abord, on va ajouter à la page d'accueil. Donc, ajouter la maison, puis cliquez sur publier et c'est tout, Puis revenir à étaient Pre. Ensuite, cliquez sur ajouter de nouveau Une annonce, par exemple, une page de catégorie. Donc le petit déjeuner pourrait être un petit déjeuner sera pH et nous allons ajouter un autre Obtenez un âge ghareeb quelque chose comme des fruits. Je vais aussi à la page à propos et à la page de contact pour l'instant. Et je pense que je vais avoir une autre page qui sera sous cette meilleure pose de liste. Je vais également vous montrer comment vous pouvez créer un sous-menu comme celui-ci. Donc, la meilleure liste n'est pas un post, mais ce sera une liste déroulante. Donc, sous cette liste, nous avons besoin d'une autre page. Donc, dans ma barre latérale, j'ai pensé à quelques ah, meilleures pages. Ainsi, par exemple, les meilleurs raisins. Donc, nous allons juste créer une page en ce moment qui s'appelle les meilleurs raisins, et nous allons créer cela comme une sous-page. Donc nous allons retourner à nos menus ou revenir à l'apparence, puis au menu, puis dans notre menu supérieur. Maintenant, nous pouvons sélectionner toutes les pages que nous venons de créer. Donc, la cellule principale basée sur nous ne voulons pas que cela, bien sûr, soit dans notre menu. Donc on va supprimer ça. Donc maintenant, je viens de cocher les cases que vous voulez ajouter au menu. Parfois, lorsque vous ne voyez pas toutes les pages ici, vous devez cliquer sur peu tous. Et voici toutes vos pages. Alors, bien sûr, nous voulons la maison. On est déjà à moitié. C' est donc nous ne serons pas sur les meilleurs raisins, le petit déjeuner, le contact, contact, les fruits et la maison à nouveau. Non, on ne veut pas de la maison. Donc, nous allons simplement cliquer sur les annonces au menu. Et maintenant, si vous voulez changer l'ordre, vous pouvez simplement les faire glisser. Donc, cliquez et faites glisser et modifiez l'ordre. Une telle page de contact doit être à la fin. Les meilleurs raisins doivent être un nombre. Petit déjeuner sur Ok, quelque chose comme ça. Mais maintenant les meilleurs raisins. Je veux que ce soit une sous-page. Nous devons donc créer cette meilleure liste. Un. Ce n'est pas une page, mais elle doit être visible. Et c'est là que les liens personnalisés viennent. Donc, si vous allez au lien personnalisé, vous pouvez créer un lien personnalisé, et nous allons juste laisser celui-ci vide et nous allons taper les meilleures listes de texte maintenant. Cela me donnera une erreur. Donc j'ai besoin de sentir dans certaines choses que je vais mettre dans un hashtag, et ensuite ça marchera, et je vais cliquer sur les annonces pour vous demander. Et maintenant je vais attirer ça au numéro deux. Je vais prendre les meilleurs raisins et le mettre un peu à droite jusqu'à ce que ça change. Comme vous pouvez le voir ici. Maintenant, nous pouvons enregistrer ce menu. Et maintenant, nous pouvons charger dans ce menu à partir des éléments ou de l'éditeur. C' est ce qu'on va faire dans la prochaine vidéo. 15. Le menu - Créer des pages: dans cette vidéo, nous allons mettre toutes nos pages à l'intérieur pour le menu. Retournons à notre Heather. Si vous avez le top le plus proche pour une raison Maintenant, vous pouvez revenir aux modèles, puis team builder. Et à partir d'ici, vous pouvez cliquer sur éditer avec des éléments ou et je l'ouvre toujours dans un nouveau robinet ou détient des commandes , puis cliquez dessus. Donc maintenant nous sommes ici, mais nous devons le rafraîchir parce que nous avons noté toutes nos pages. Donc il y a de nouvelles données, donc je vais juste cliquer sur l'actualisation. OK, alors maintenant regardons le design. Nous avons besoin de ce joli collier en arrière-plan et il y a aussi un nouveau collier que nous avons. Qu' est-ce que le texte ici, hein ? Alors faisons défiler un peu vers le bas. Nous voulons donc ajouter ces colliers à notre palais. Commençons d'abord par l'arrière-plan. Alors je vais choisir mon collier. Vous pouvez sélectionner votre collier. Vous pouvez grosser n'importe quel autre collier. Je vous suggère d'utiliser un léger pour le menu. Donc maintenant il suffit de cliquer sur le plus et nous allons créer une autre section comme celle-ci n'a pas besoin d'être très élevée. Tu allais le laisser. Pour l'instant, cliquez uniquement sur la stèle, puis allez à la bénédiction de retour de parce que nous voulons l'appelant comme arrière-plan. Donc maintenant, basé sur votre col de chèvre et aussi sur ce col à nos bulletins de vote, c'est assez bon. Et puis nous voulons ajouter dans notre menu. Donc, Elemental Pro a une fonctionnalité intéressante pour cela, et il s'appelle les menus Jamais. Si vous regardez ici, vous pouvez voir le menu naff. Si vous ne trouvez pas une sorcière ici, vous pouvez la chercher. Mais maintenant, je vais faire glisser dans le menu nerveux comme ceci, et maintenant nous devons sélectionner le menu D et tellement en colère si un seul menu a déjà été sélectionné. Mais comme vous pouvez le voir maintenant, nous avons notre menu. Et maintenant, la seule chose que nous devons faire est de le coiffer. Donc c'est déjà assez sympa. Ce n'est pas la mort verte que nous voulons, et le téléphone doit être un peu différent. Donc on va aller voir Stèle et je vais prendre mon col, qui est un col gris vert foncé qui se fond très bien avec ce fond. Donc je vais coller mon collier ici et aussi à ça au palais. Ça a l'air sympa. Et maintenant, j'ai utilisé la même cellule que sur le bouton. Donc c'est du mantra. Il est 14 et puis beaucoup d'espacement. Donc on va recommencer à la typographie. Et ici, vous pouvez changer le trouvé de la même manière que nous l'avons fait dans une équipe Styler. Et nous devons le faire maintenant parce que le menu DNF ne fait pas partie du Tyler de l'équipe. Et parfois, tu dois retourner dans le Styler. Nous ne voulons pas ce soulignement. Alors allons à la décoration et allons à aucun. Nous voulions être majuscules, et nous voulons beaucoup plus d'espacement entre les caractères réels. Donc nous allons aller à l'espacement des lettres et augmenter ça un peu, et aussi le téléphone est un peu trop épais, donc nous allons attendre et mettre ça à 300 maintenant vous pouvez voir qu'il devient beaucoup plus propre . C' est vraiment sympa. Alors cliquez en dehors de votre topographie, et maintenant nous devons aussi changer quelques choses ici. Tout d'abord, si vous voulez que votre menu soit exactement aligné à l'extérieur de votre port. Ce que vous n'avez pas besoin de faire est de supprimer tout le rembourrage horizontal, comme vous pouvez le voir, car avec le tapotement horizontal, il rendra les zones cliquables plus grandes. Mais ce que vous pouvez aussi faire est de mettre ce zéro, puis à l'espacement entre et de cette façon, la ligne, le sous-jacent sera aussi grand que l'élément réel. Et je pense que ça a l'air un peu mieux. Donc j'ai utilisé la plupart du temps. Alors donnez-lui un peu d'espacement quelque chose comme 30. Maintenant, vous devez re dept. Ici, ce qui est normal, hover et actif et actif est la page où vous êtes actuellement à si de pages actives donc dans ma conception, et nous voulons avoir ce vert sous-jacent sur la page à laquelle nous sommes. Donc, comment vous pouvez faire cela est bon, trop actif et la couleur du texte doit juste être la même. Donc, nous pouvons juste sélectionner le même collier de texte mais deux couleur de pointeur. Nous voulions être vert, et nous ne pouvons pas le voir ici parce que nous ne sommes pas en fait sur une page où dans le modèle d'en-tête mais le week-end mettre en place les paramètres ici. Donc, dans notre conception, ce sont des tailles pour gagner un pointeur avec. Je vais mettre ça à deux heures. Et pour l'instant, nous ne pouvons voir que le vol stationnaire. Donc, nous allons juste aussi mettre en place le vol stationnaire ici afin que vous puissiez choisir la même couleur, puis pour le Poynter Mettez cela sur le vert et maintenant vous pouvez voir que cela ressemble déjà plus notre design. Maintenant, la dernière chose que je veux faire est de m'assurer que cette ligne regarde une ligne en bas de toute cette boîte. Ce que vous devez également savoir est que chaque colonne de L A mentor a déjà un peu de paris afin d'espace sur la perspicacité que vous pouvez supprimer. Donc, cette colonne, parce que les colonnes sont pour chatouiller et les sections sont horizontales, alors appelez-le juste ici a un peu d'espacement. C' est pourquoi vous voyez un peu d'espace d'ici à ici et d'ici à ici, de gauche à droite, que vous ne pouvez pas voir en ce moment. Mais il y a un peu d'espacement là-bas donc vous pouvez supprimer qu'il suffit de cliquer sur la colonne et peut ensuite aller à avancé, puis juste le dissocier. Maintenant, vous ne pouvez presque pas voir la ligne réelle, mais il est là. Si vous regardez de près, il est toujours là. Donc maintenant, nous devons augmenter la taille Steve côtés verticaux de nos articles. Nous devons donc revenir à notre élément de menu réel parce que nous sommes maintenant à l'intérieur de la colonne. Alors cliquez sur le crayon de notre élément de menu. Maintenant, allez au rembourrage vertical et augmentez cela et maintenant notre menu entier devient plus grand. Alors mettons-le sur 20 pour l'instant, et maintenant ça va marcher. Donc, sauvegardons juste qu'il est épuisé et voyons ce que nous avons créé jusqu'à présent. Donc je vais cliquer sur la mise à jour, et maintenant je veux revenir à porter la presse parce que je veux voir à quoi ça ressemble sur une page. Donc je vais retourner deux pages en arrière et nous allons juste quelques pages de la page d'accueil pour l'instant. Donc, je vais ouvrir la page d'accueil d'un nouveau robinet et voyons à quoi ça ressemble. Donc, je vais cliquer sur la page du petit déjeuner, par exemple, sur Voyons voir à quoi cela ressemble et qui semble assez bon. Vous pouvez voir sur la ligne par ici. Pour une raison quelconque, notre Aiken ne s'affiche pas et aussi cette liste déroulante n'est pas parfaite. Alors voyons ce qui ne va pas avec notre Aiken parce que c'est un peu bizarre. Cliquez à nouveau sur notre menu. Je suis ici et contenu, puis mise en page sur. Changeons le sous-marin. Vous avez indiqué quelque chose de différent. Voyons si ça marche. Cliquez sur la mise à jour, puis revenez à notre page du petit déjeuner et actualisez la page. Et maintenant, ça ne marche pas non plus. Ok, ne vous inquiétez pas pour ça. Maintenant, on va arranger ça. Alors revenons à l'en-tête et à la dernière chose que je veux changer sa thèse vers le haut menu . Donc si on retourne à notre en-tête et qu'on retourne à Stella, on peut aller à la liste et on n'a pas descendu. Nous pouvons également mettre en place différents styles. Ainsi, par exemple, nous pouvons également mettre en place notre collier de course arrière comme celui-ci. Et maintenant, s'il Harvard a le même érudit. Donc, pour le texte, nous pouvons également utiliser la même typographie de col et de pieds. Nous pouvons aussi faire la même chose. Donc, par exemple, Monsour C'est 300 poids, majuscules et un peu d'espacement des lettres. Et maintenant la décoration sur aucun. Donc, de cette façon, vous pouvez avoir le même style. Oh, maintenant passer le vol stationnaire n'a pas l'air si bon. Donc c'est ce que vous pouvez aussi changer. Ici, c'est le même principe. survol est lorsque vous passez la souris sur quelque chose de droit, l'arrière-plan se tourne vers un autre collier. Ce n'est pas ce que tu veux. Alors que diriez-vous de garder le dos autour de la même ? Et la seule chose que nous allons faire est de changer l'appelant en un plus léger ? Comment ça a l'air ? Mais ça a l'air un peu plus agréable. Comme vous pouvez le voir, il y a une transition en douceur. Ça a l'air plutôt bien. Et au fait, j'ai trouvé le problème avec l'Eiken. Ça marche maintenant. Eso Ce que vous devez faire si vous voulez réparer votre Aikins, est de revenir au tableau de bord sur, puis aller à L A mentor et paramètres. Mais vous devez accepter les téléphones ah génial. Quatre soutien et c'était un non. Donc, si vous mettez celui-ci sur oui, puis enregistrez vos changements et revenez à votre conception, alors vous verrez enfin le Je peux. Ainsi, vous pouvez également voir, comme, l' une des autres icônes. Mais je pense que cette icône a l'air assez soignée dans ce design, donc je vais la garder comme ça. Donc c'est tout ce que je vais faire pour cet épisode et que dans le prochain épisode, nous allons créer ce menu, mais ensuite le changer pour mobile et tablette parce que ce menu ne fonctionne pas encore. Mobile et tablette. Alors je te verrai dans la prochaine vidéo. 16. Le menu - Version mobile: Bienvenue dans cette vidéo, nous allons créer le menu pour téléphones portables ou tablettes. Ok, donc maintenant nous allons retourner à notre modèle d'en-tête et voyons à quoi ça ressemble sur un téléphone portable . Nous allons donc passer en mode réactif et cliquer sur Mobile. Maintenant, notre menu change à nouveau. On a vérifié la partie image, donc on n'a plus besoin de vérifier ça. Et maintenant, nous n'avons qu'à nous inquiéter de cette partie. Donc, à l'intérieur de l'éditeur, vous pouvez réellement ouvrir le menu comme celui-ci, donc c'est assez agréable. Et maintenant, il s'ouvre à l'intérieur de la colonne, sorte que la colonne devient réellement plus grande. Le menu que j'utilise le plus hors du temps est une autre version. Donc, si vous revenez au contenu pour vous assurer que vous êtes aperçu du menu, alors vous allez à la liste déroulante mobile et vous cliquez sur plein avec. Et maintenant, si vous cliquez dessus, la section ne devient pas plus grande, mais c'est juste un, mais il va juste chevaucher l'autre contenu de la page. Et ça a l'air beaucoup plus agréable. Vous verrez qu'il y a un petit écart ici. Papa n'est pas vraiment gentil. Alors disons-le un peu. Tout d'abord, je vais cliquer sur ma section principale. Je vais lui donner un peu de hauteur, donc on va ajouter un peu de planification en haut en bas. Donc tu sais comment ça marche. Alors peut-être que tu t'es souvenu de comment travailler. Tu vas délier le bâton et le donner un peu en haut et en bas. Donc peut-être cinq. Ça pourrait suffire. Et maintenant, c'est encore un peu au sommet. Et c'est parce que le contenu à l'intérieur de chaque colonne est automatiquement notre position en haut . Donc, si vous voulez que le contenu d'une colonne soit positionné au milieu, vous devez cliquer sur la colonne, puis aller à la disposition, puis aller à position de chatouillement, qui est Stop est en fait la valeur par défaut et cliquez sur le milieu. Et maintenant vous pouvez voir qu'il est au milieu de cette colonne maintenant, nous pouvons aussi le mettre sur les droits. Je vais cliquer à nouveau, pas sur la colonne, mais sur l'élément de menu, puis faites défiler vers le bas et cliquez ici maintenant. Vous pouvez voir que c'est une ligne à droite. Mais nous ne voulons pas que ce soit une ligne à droite complètement. Alors, nous devons revenir à notre section à nouveau, aller à l'avance et aussi à un peu d'espacement sur la gauche et la droite, parce que ça a l'air beau. Et maintenant, je veux aussi changer l'icône. Donc on va retourner à notre menu. Je peux encore. Maintenant. Nous allons aller à Stell, faire défiler le bouton bascule vers le bas, parce que cela a un bas bascule parce que vous basculez la liste déroulante et ici vous pouvez changer l'arrière-plan. Appelant. Je ne veux pas utiliser de couleur d'arrière-plan, donc je vais sélectionner un savant transparent en ce moment. Il n'a pas d'appelant. On dirait qu'il est transparent. Donc, ce n'est en fait pas un très bon design. élémentaire de Géorgie. Ils devraient avoir de l'autre côté ou quelque chose comme ça ici. Je ne sais rien d'autre parce que ce n'est pas transparent. Vous devez réellement saisir le curseur, puis le mettre sur transparent, et maintenant vous pouvez voir qu'il est entièrement transparent. Alors changeons juste la couleur ici pour aussi cette bague sombre que nous avons dit qui semble un peu plus agréable. Et maintenant, si nous ouvrons ça, nous ne pouvons pas vraiment voir ce qui se passe derrière le bouton, mais ça semble plutôt bon, comme vous pouvez le voir. Et c'est aussi une chose que je veux te montrer. Et c'est que vous pouvez changer quelques paramètres sur la façon dont cela ressemble ici, alors peut-être que vous voulez juste ajouter un peu d'ombre en bas ici. C' est ce que je fais sur presque tous les sites Web. Parce que alors, si le contenu sous cet homme, vous avez aussi l'érudit, il se fond juste en une grande chose, qui n'est pas ce que vous voulez dans la plupart des cas, donc vous pouvez ajouter une grande ombre de boîte comme celle-ci si vous cliquez sur l'ombre de la boîte. C' est beaucoup trop intense, et c'est aussi sur le dessus ici, sorte que vous pouvez mettre la position pour chatouiller à un nombre plus élevé afin qu'il soit placé en bas. Assurez-vous que vous ne le voyez pas en haut, puis juste diminuer la propagation quelque chose comme ça , et aussi peut-être rendre le couvercle de flou un peu moins intense. Il a besoin de jouer avec cela, et bien sûr, vous devez également changer le spectacle de couleur, rendre très, très solide. Vous ne voulez pas que ce soit très intense parce que c'est juste pour séparer le menu de l' arrière-plan. Donc quelque chose de subtil comme ça et aussi vous avez votre batteur horizontal et vertical ici . Je ne voudrais utiliser t frappeurs verticaux parce que le caressage horizontal vous pouvez changer cela. Mais vous vouliez juste être aligné sur l'alignement de votre colonne principale. Donc, laissez-le à cela à rien, et ensuite vous pouvez changer le tapotement vertical. Je fais toujours cela un peu plus grand, donc quelque chose comme 15 dépend de combien d'articles vous avez. Eso si vous avez beaucoup d'articles mais il à la houle, par exemple. Mais si vous avez quelques éléments de menu, cela semble un peu plus propre. Donc je vais le mettre à ça pour l'instant. Et vous pouvez également changer la distance parce que parfois vous aurez un écart comme celui-ci. Vous pouvez ajuster la distance comme ceci. Je vais mettre un 10 pour l'instant, Tilikum mise à jour. Ensuite, nous retournerons à l'une de nos pages, cliquez sur Rafraîchir. Voyons ce qui se passe quand on a fait ça. Nous pouvons voir que nous avons oublié le mode tablette d, donc ce n'est pas bon, mais la version mobile semble assez agréable, mais il y a encore un écart, donc nous devons changer l'écart. Mais il est préférable de vérifier cela sur un téléphone mobile. Donc ce que je vous suggère de faire à nouveau, c'est d'aller sur votre téléphone. Donc, si vous allez à votre téléphone mobile et vous allez à votre lien de site Web, puis slash WP tiret Atzmon chose, vous pouvez verrouiller sur cela. Vous pouvez aller à une page et voir à quoi elle ressemble. Donc, comme vous pouvez le voir sur mon téléphone portable juste ici, c'est à ça que ça ressemble. Donc, comme vous pouvez le voir, il y a aussi une lacune sur mon téléphone portable. Ça n'a pas l'air très joli. Donc on va revenir à notre conception et réduire ça à cinq. Cliquez sur la mise à jour, et dès qu'elle est mise à jour, vous pouvez rafraîchir votre téléphone et vérifier à quoi cela ressemble et qui semble un peu mieux. Donc, sur la plupart des sites Web, votre élément de menu sera sur la droite. Mais pour ce design, nous devons également ajouter nos Aikens sociaux. Donc ici, je suggère que vous choisissiez cet élément de menu, puis revenez au contenu et puis l'aligner à profondément ici à la liste déroulante mobile. Ok, et maintenant on doit revérifier notre mode tablette. Et après Deborah peut au Social Aikens. Alors passons au mode tablette. Et ça n'a pas l'air très mignon parce qu'on a oublié les paris. Alors cliquez sur notre section principale, Aller pour avancer à nouveau, délier ceci et encore une fois nous allons ajouter quelques pixels en haut et quelques pixels en bas, puis aussi 20 à gauche et 20 à droite. Et maintenant que ça n'a pas l'air très bon, mais c'est un livre. Si vous rouvrez cela, vous pouvez voir qu'il est plein avec notre Aiken n'est pas au milieu, donc je suis en quelque sorte de cliquer sur le Ajouter. Colonne pour la position des chatouilles. Mettez ça sur le repas, et maintenant c'est aligné au milieu. C' est vraiment sympa. Alors revenons à notre page. Notre page de petit déjeuner à titre d'exemple. Actualisez la page, puis réduisez votre fenêtre un peu plus petite. Et ça vit assez bien. Et dans le prochain épisode, nous allons ajouter le menu étudiant Social Aiken, donc je vous verrai dans la prochaine vidéo 17. Le menu - Idées sociales: Hé, et bienvenue dans cette vidéo, on va antisocial Aikens dans le menu. Comme je l'ai dit, ces icônes sont des effets ou la mort signifie que peu importe la distance où vous zoomez, ça va être net. Et c'est ce que tu veux. Maintenant, il y a deux façons de télécharger Aikens à l'intérieur des éléments, ou je vais vous montrer le moyen le plus simple d'abord, parce que élémentaire n'a pas la bibliothèque Aiken intégrée. Mais vous pouvez également télécharger vos propres Aikens parce que parfois vous avez créé vos propres Aikens ou vos clients parce que parfois vos clients ont une icône personnalisée pour leur propre entreprise. Alors commençons tout d'abord par la méthode facile. Donc ce que je vais faire, c'est que je vais retourner à mes modèles d'en-tête. Ah, voici la finale. Et voici ma version élémentaire. Je suis maintenant en mode tablette, mais je vais revenir au bureau parce que je fais toujours la version de poussière en premier. Je vais zoomer un peu en maintenant les commandes et puis moins ou sur les fenêtres est contrôle moins en cours. Cliquez que deux fois j'allais aller à 80% zoomé dehors donc je peux voir un peu plus Maintenant, je dois dire que ce quelques-uns n'est pas le fusible final réel à Si vous voulez savoir à quoi il ressemble sur le site final, vous devriez toujours revenir à la chasse Zoom à 100 %. Et vous pouvez le faire par des commentaires zéro ou sur un contrôle de Windows zéro et puis en cliquant ici ou comme nous l'avons fait avant, juste passer par la finale avec le I que vous pouvez voir ici. Donc, je l'ai juste utilisé seulement zoomé version Teoh réellement construire et puis je retourne à D zoomé dans la version. Eh bien, en fait la version 100%. Maintenant, nous devons commencer par notre première colonne. Donc jusqu'à présent, nous n'avons travaillé qu'avec des sections, donc c'est une section, et c'est une section, et toutes les sections sont horizontales. Donc, si nous regardons le design, c'est une section parce qu'elle est empilée horizontalement. Ceci est une section tout ce bloc d'ici à ici est une grande section et puis la nourriture er est une section, mais aussi inciter hors de cette barre latérale. Nous avons des sections parce que c'est une section qui est au-dessus de cette section, et il y a juste un peu d'espace entre ces sections, et vous appelez ces intersections ? Parce qu'ils sont à l'intérieur de cette grande section. C' est ainsi que cela fonctionne et les colonnes sont verticales. Donc, tout est à l'intérieur d'une colonne, et ceci est à l'intérieur d'une colonne maintenant sur la page de contact, par exemple. Ceci est une colonne, puis c'est une colonne. Donc c'est tout ce que vous devez savoir pour l'instant. Donc nous allons créer notre première colonne. Eso Revenons et vous pouvez voir le vol stationnaire que je peux pour les appeler. Ici, c'est ce que je peux vous pouvez éditer l'intérieur d'une colonne. Maintenant, nous avons déjà changé, en fonction de la colonne, et maintenant ce que nous voulons faire est de faire une autre colonne. Si vous allez commencer à partir de zéro avec une nouvelle section, vous pouvez le faire ici. Mais en ce moment, nous avons déjà une section. Donc, ce que vous devez faire alors, est de faire un duplicata de la colonne réelle que vous avez déjà droit Donc, cliquez et cliquez sur duplicate. Maintenant, vous avez deux colonnes, un aperçu de cette colonne. Il y a aussi le même contenu parce que nous avons fait un duplicata. Donc maintenant, nous devons supprimer le compteur cette colonne d'initié. Alors allez dans votre menu, à droite, droite, Parce que c'est un élément à l'intérieur de la colonne. On va faire un clic droit et cliquer sur les pistes. Et maintenant nous pouvons voir que nous n'avons pas de colonne vide. Maintenant, notre menu n'a pas l'air si bien, donc nous pouvons facilement passer la souris ici et ensuite le faire glisser comme ça parce que nos Aikens ne sont pas gros et les 1 000 000 ont besoin d'être beaux. Maintenant, cela n'est pas possible en mode tablette en mode tablette, vous ne pouvez pas faire glisser des colonnes. Donc ici, vous devez travailler avec la colonne avec. Mais nous allons d'abord nous concentrer sur le bureau pour l'instant. Donc ce qu'on va faire, c'est qu'on va travailler avec un nouvel élément qui s'appelle So show Aikens. Donc on va juste diriger les défauts, Aikens sociaux dans les cheveux. Et maintenant, vous pouvez voir que nous avons Facebook, twitter et YouTube déjà dans le menu. Et la première chose que nous allons faire est de l'aligner à droite et il y a de grandes boîtes autour de ces Aikins parce que nous voulons quelque chose de personnalisé pour que vous puissiez changer le style ici . Peut-être que vous voulez juste un carré parfait ou que vous voulez faire un cercle pour l'instant. Gardez-le juste à l'une des choses n'a pas vraiment d'importance, parce qu'on va travailler avec des colliers personnalisés. Laissons ça pour analyse. D' abord le styliser. Donc, si vous allez à la stèle, vous pouvez mettre en place le style ici. Ici, vous avez le collier officiel. Donc, ce déjà des colliers officiels sur Facebook, Twitter et YouTube. Mais dans notre conception, nous voulons que tous nos Aikens soient une seule couleur. Alors comment vous pouvez le faire, c'est d'abord, bien sûr, vous aurez besoin du collège dont vous avez besoin. Donc je vais copier le code couleur, et vous pouvez entendre cliquer sur personnalisé. Donc on est à Stell Aiken. Collier personnalisé. Les colliers primaires que vous pouvez voir si vous le modifiez est l'arrière-plan. Nous voulons un arrière-plan transparent. Donc on va diminuer ces 20 ? , En fait, presque zéro, parce qu'on doit changer un peu d'espacement ici, et on doit voir ce qu'on fait. Donc, nous allons juste le garder à ce pour l'instant et puis aller au collier secondaire, cliquez sur la couleur réelle que nous avons bombardé un doigt cette chèvre Oui, J'ai déjà ajouté, C'est au palais. Donc maintenant, nous devons Perfect collier. Maintenant, vous pouvez configurer quelques envois ici. Le bâton est l'espace autour de l'Eiken. Donc, si vous le dirigez et le mettez à zéro, vous allez voir qu'il n'y a pas d'espacement autour des Aikins, ce que vous voulez. Vous voulez un peu d'espace entre les Aikens, donc les données voient l'espacement ici. C' est ainsi que vous pouvez changer cela. Je vais le laisser à 12 h par exemple. Et maintenant, je peux juste supprimer cela et le mettre un collier transparent. Vous pouvez également augmenter la taille ici. Peut-être que vous voulez que vos icônes soient un peu plus grandes. Vous pouvez utiliser vos touches fléchées pour l'adapter au design. Je vais le mettre à 30 ans. Pour l'instant, ça a l'air bien. Et je dois l'aligner au milieu. Normalement, ce que je ferais c'est que je cliquerais sur la colonne et j'irai vers pour l'alignement des chatouilles , puis cliquez sur le milieu car alors il sera aligné au milieu comme nous l'avons fait ici. Mais avec ces Aiken, il y a de l'espace sous les Aikens. Je ne sais pas pourquoi, mais vous devez les supprimer manuellement. Donc, vous devez aller à avancé. Et puis nous devons jouer avec la marge parce que c'est l'espace à l'extérieur des Aikens. Donc, si vous liez cette valeur, vous pouvez changer la marge inférieure. Donc, si vous utilisez juste vos touches fléchées et votre regard sur l'Aikins, vous pouvez vraiment voir que la marche du bas disparaîtra si nous le faisons comme ça. Donc, en fait, il ajoute juste 15 pixels. Je ne sais pas pourquoi, mais il a demandé 15 pixels en bas. Donc maintenant ces pixels ont disparu, et ça a l'air bien. Donc maintenant, ce que vous pouvez faire est de changer les plates-formes réelles. Donc, disons que vous voulez changer le Facebook. Je peux. Vous pouvez simplement cliquer sur l'icône et ici vous pouvez voir la bibliothèque de l'ICANN hors éléments ou ces icônes sont tous facteurs ici. Vous pouvez voir Facebook, mais si vous allez à des marques, vous aurez toute une liste des plus célèbres plateformes de médias sociaux. Donc ici, vous pouvez rechercher Facebook et vous pouvez voir différents Aiken. Alors peut-être que tu veux juste ça, Aiken, où tu veux ? Unique F. Si vous ne cliquez pas sur insérer, vous aurez un autre F Facebook. Pour l'instant, nous voulons Pinterest. Alors allons à nouveau aux marques et ensuite taper dans l'intérêt et vous pouvez voir qu'il a déjà profond intérêt, Aiken, Aiken, ce qui est parfait, car alors nous n'avons pas besoin de l'exporter à partir d'un orteil design comme celui-ci et téléchargé. Donc on va juste insérer été habillé comme ça. Maintenant, nous voulons Twitter, instagram et YouTube. YouTube est déjà là. Donc la dernière chose que nous devons faire est à Instagram. Donc, comment vous ajoutez quelque chose est en cliquant sur le doublon Aiken ici. Donc, si vous cliquez sur duplicate je peux vous en obtenir un autre, vous pouvez cliquer dessus et ensuite aller à la recherche à nouveau, cliquez sur les marques et recherchez Instagram. Et ici, vous pouvez voir l'Aiken officiel pour instagram Sur beaucoup de sites Web, les gens ont utilisé le mauvais Aikens. En fait, il n'est pas permis d'utiliser à nouveau une coutume. Vous devez dualité la marque réelle. Aiken et les marques élémentaires sont vraiment faciles parce que tous les Aikens officiels sont déjà dans la bibliothèque de l'ICANN de L. A mentor. Mais disons que vous voulez aussi ajouter une coutume, Aiken. Donc, ce dont vous avez besoin, c'est un Aiken SPG. Donc, si vous travaillez avec un client et qu'ils vous envoient des Aikins dans E p s, vous aurez besoin d'un outil pour convertir cela Ce n'est pas de quoi ce cours est sur. Vous pouvez le faire avec Adobe Illustrated, par exemple. Mais si vous ne l'avez pas fait, je peux inciter Adobe XY. Vous pouvez également exporter cela à un SPG tombé à nouveau. Ce cours n'est pas sur ils seront XY Mais je sais que beaucoup de gens travaillent dans un conçu pour aimer ça. Vous pouvez l'exporter et une plupart des outils de conception. Vous pouvez le faire et ensuite vous pouvez sélectionner SPG ici. Et si vous n'avez pas de SPG, je peux Vous pouvez également télécharger votre SPG je peux ici. Donc, vous n'allez pas à la bibliothèque Eiken, mais vous cliquez sur télécharger le SPG s et vous devez l'activer parce que SPG, pour une raison quelconque, a un risque de sécurité. Et je pense que c'est parce que SPG est un Aiken basé sur le web. Donc c'est basé sur le code. Et peut-être que les pirates peuvent utiliser SPG pour blesser votre site Web. Mais si j'exporte un SPG pour moi-même, je sais que le SPG n'est pas blessant. Bien sûr, Donc j'ai toujours juste activé est Et maintenant vous pouvez simplement télécharger vos spg fells sur le tableau de bord WordPress , puis utiliser cette seule note. Si vous utilisez un SPG, Je peux Vous ne pouvez pas changer la couleur. Vous devez l'exporter dans la couleur exacte que vous voulez en tant que SPG. Mais si vous venez d'utiliser l'élémentaire comme ça et que vous utilisez simplement leur bibliothèque Aiken , vous pouvez changer la couleur comme nous l'avons fait ici. Maintenant, tout ce que nous avons à faire est de vérifier notre tablette et notre téléphone portable. Donc je vais cliquer sur Tablet, et ça a déjà l'air assez bien. Mais il y a quelques problèmes, et c'est qu'il est divisé en deux lignes. Donc maintenant, nous devons travailler avec la bouffée de la colonne. Donc, cette colonne n'a pas besoin de beaucoup de avec. Mettons-le sur Swinney. Et maintenant c'est encore deux rangées parce que celle-ci est toujours à 100. Si ça ne dit rien, c'est juste par défaut. C' est 100 sur tablette. Donc, vous devez mettre ça sur 80. Et maintenant, tu ne vois toujours rien. Et c'est parce qu'on a oublié de zoomer. Donc maintenant, nous devons revenir à la version 100% parce que nous y sommes maintenant. Il a fait un zoom arrière en premier. Hum, donc je suis une sorte de commentaire de presse zéro ou sur un zéro de contrôle Windows, et puis vous reviendrez à la 100% quelques-uns, et maintenant vous pouvez voir que cela fonctionne et ça semble absolument bon. Maintenant, on va vérifier les téléphones portables Clicker mobile. On doit encore ajuster la bouffée. Donc je vais mettre ça à 20 ans. Et maintenant tu vas mettre ça à 80 ans et maintenant ils sont parfaitement placés. Si vous le souhaitez, vous pouvez changer le côté de l'Aikens en raison de mobile. Tu veux peut-être un peu plus petit, Aikens. Peut-être quelque chose comme ça 24 au lieu de sale, parce que cela semble un peu plus propre et le menu est toujours un plein écran. Donc, cela fonctionne parfaitement. Et ces icônes ont également fonctionné parfaitement. La dernière chose que je veux vous montrer dans cette vidéo est que vous pouvez ajouter un joli petit effet de vol stationnaire sur ces Aikens. Donc si vous cliquez sur les Aikens contre, je vais cliquer sur le crayon. Vous pouvez aller à je peux planer ici, et c'est là que vous pouvez vous choisir un collier, ce qui est très simple. Alors allez au collier secondaire et mettez-le en vert clair, par exemple. Alors maintenant, vous verrez quand vous survolez l'icann qu'il a une couleur différente. C' est un bel effet, mais vous pouvez aussi faire ce que je fais la plupart du temps est juste de le mettre au même collier, mais ensuite utiliser une animation. Vous pouvez aussi le faire à la fois. Mais comme, ne le fais pas trop, trop froissé, trop bon marché. Bien sûr, puis sur Aikens, J'utilise toujours pousser parce que cette lisse lâche très agréable. Et si vous ne survolez pas l'icône que vous pouvez voir cela semble très simple et subtil. J' adore ça. Donc maintenant, si vous cliquez sur la mise à jour maintenant, nous avons terminé. Revenons donc à notre page de test, qui est qui est de fruits Page. On va cliquer sur Rafraîchir. Tu vas voir le social. Je peux repérer et il a ces super beaux effets. Au fait, fait, j'ai oublié une chose. Et c'est pour vous montrer comment vous pouvez ajouter des liens. Studio social Aikens. C' est très facile. Il suffit de cliquer sur le wichit, aller au contenu et entendre Pinterest. Vous pouvez placer votre lien ici. Eso liez ceci à votre profil Buddha lien ici et mettez un lien ici. Et c'est ainsi que vous les liez à une plate-forme. Et si vous ne voulez pas que le site l'ouvre d'un nouveau robinet, ce que je recommande avec Social Media Aikens, , vous devez décocher ça, mais oui, eh bien, bien, les médias sociaux, parce que vous voulez garder les gens à l'envers et avoir différents robinets ouverts. Je voudrais juste laisser cela comme c'est par défaut. D' accord ? C' est tout ce que je voulais montrer pour l'instant. Continuons avec la prochaine vidéo 18. L'Édition classique et la structure de la page d'accueil: Bienvenue dans cette vidéo, nous allons construire la première partie de notre page d'accueil. Donc maintenant, nous avons fini avec le modèle d'en-tête parce que nous travaillons toujours à l'intérieur du modèle Heather. Et cela ne fait pas partie de la page d'accueil car nous avons créé ce modèle d'en-tête avec la fonctionnalité de modèle d' en-tête dans L. A mentor. Si vous avez oublié ce que nous avons fait, nous sommes allés aux modèles, puis nous sommes allés au team builder et ici nous avons créé une bruyère avec le modèle de bruyère. Et ici, vous pouvez voir l'en-tête. Ne confondez pas cela avec les pages réelles. C' est la partie que nous allons montrer sur chaque site Web et il passera automatiquement à la page sur laquelle vous êtes. Donc maintenant, nous devons passer à l'éditeur de débat parce que nous allons construire la page d'accueil et cela avait jamais été automatiquement au-dessus de toutes les pages et nous cliquons sur. Donc maintenant, nous allons créer cette partie à partir de l'image en vedette ici pour les robinets de catégorie ici parce que la nourriture ou nous allons également créer cela dans un modèle séparé, FIA de Team Builder fonctionnalité parce que ici vous avez besoin de mettre en place la nourriture. Euh donc maintenant, nous devons aller à nos pages et créer la page d'accueil si nous ne l'avons pas déjà fait. Donc je vais cliquer sur les pages. Et oui, nous avons déjà créé la page d'accueil. Donc maintenant, si nous cliquons sur les modifications, nous avons déjà vu cet écran, mais c'est le nouvel éditeur sur presse. Ça s'appelle Gutenberg, et ils veulent que tu aies une super belle expérience. Eh bien, en tapant sur un poteau de bloc. Donc, il n'y a pas de distractions. Tout est blanc. Vous pouvez simplement vous concentrer entièrement sur la construction d'un poteau de bloc. Et cette idée est géniale. Mais pour vous dire la vérité, cette fonctionnalité n'a pas été respectée par l'ensemble ont été pris communauté sur je vais vous montrer pourquoi. Parce que l'ensemble du tableau de bord WordPress est très simple. Vous pouvez voir ces titres bleus. Il y a des modifications. Par exemple, si vous allez dans le menu D, tout est structuré et conçu de la même manière. Mais si vous n'allez pas ajouté à une page, vous avez tout ce menu et les gens étaient très confus par cela. Il a certains avantages que je veux vous montrer parce qu'ils sont importants pour un bloc. Donc, les avantages d'avoir cet éditeur est que vous pouvez créer toutes sortes de mises en page dans un post de bloc. Donc ce dont nous parlons en ce moment, c'est d'envoyer et d'Onley cette partie. Donc, un bloc normal bateaux sur un site Web normal est juste une image qu'un peu de texte qu' une image qu'un peu de texte puis une image. Mais avec l'éditeur Gutenberg, vous pouvez créer toutes sortes de choses. Donc, si vous cliquez sur le plus ici, vous pouvez créer des colonnes paires dans un bloc. Se vanter. Ainsi, par exemple, vous pouvez mettre une image ici et une image par ici. Si vous voulez cette fonctionnalité parce que vous construisez le bloc, alors vous devriez continuer à décoder. Éditeur de Burke. Je n'aime pas l'éditeur Gutenberg comme la plupart des gens parce que c'est vraiment déroutant, et je vais vous montrer l'alternative dans cette vidéo avant de créer la page d'accueil . Mais vous allez sacrifier quelques choses. Si vous n'utilisez pas l'éditeur Gutenberg, vous pouvez également créer une liste dans l'ancienne version. Vous pouvez également ajouter des images, mais vous ne pouvez pas, par exemple, créer des colonnes. Il y a donc quelques avantages sur les éditeurs Gutenberg. Je ne vais pas entrer dans tous les détails de Gutenberg parce que je sais que la plupart des gens vont juste créer un bloc. C' est juste quelque chose de simple comme ça. Une taxe sur l'image, une image, Tex. Et peut-être que tu veux aussi des points de balle. Et vous pouvez aussi le faire dans l'ancienne version. Laisse-moi te montrer l'ancienne version. Donc, je suis ici enfermé sur mon propre site Web sur mon site de portfolio, et je vais vous montrer quelle est la différence si vous cliquez sur Modifier ici, certains dans les pages et je clique sur Modifier. Comme vous pouvez le voir, cela semble beaucoup différent de cela, mais les gens préfèrent disons vieille mise en page. Ah, beaucoup plus et je vais vous montrer les chiffres parce que c'est vraiment incroyable. Donc si on retourne en arrière, Teoh notre page et qu'on va cliquer sur le logo verbaux, tu peux laisser cette édition et tu peux aller au branchement. Nous allons cliquer sur les annonces nouvelles et avec n'importe quelle bibliothèque plug in, vous n'avez même pas à rechercher car il apparaît déjà. Et si elle ne s'affiche pas, tape-le ici. Éditeur classique. Il a cinq millions de semelles actives. C' est un off. Le peut être le Blufgan le plus populaire dans un an, donc les gens préfèrent vraiment les vieux. Très structures étaient mise en page de presse pour toutes leurs pages et leurs vantures de bloc. Mais si vous voulez vraiment devenir créatif avec le bloc, vous devriez rester avec l'ancien éditeur. Cela n'a pas vraiment d'importance pour les fonctionnalités, mais je préfère la mise en page simple parce que c'est aussi un cours pour les débutants ou les intermédiaires , et c'est juste plus déroutant. Donc ce que je vais faire, c'est que je vais cliquer sur Installer l'éditeur classique sur notre site Web, et nous allons cliquer sur Activer et j'allais retourner à notre page. Alors cliquez sur les pages, faites défiler vers le bas, cliquez sur ajouter C'est sur leur maison Et maintenant nous pouvons voir l'ancien éditeur assez simple, la même mise en page que le reste de réprimé. Maintenant, nous allons ouvrir notre page d'accueil pour la première fois. Retty, rédacteur en chef élémentaire. Donc, je vais cliquer sur modifier avec L un mentor et maintenant la page va s'ouvrir afin que vous puissiez voir l' en-tête at-il apparaît automatiquement parce que nous avons configuré le modèle d'en-tête. Alors maintenant, c'est la page d'accueil vide de la nouvelle version de L. A mentor. Vous pouvez également revenir à la tête des modèles à partir d'ici. Je n'aime pas ça. Je les ai toujours dans des onglets différents. Donc je ne suis pas confus. Ainsi, vous pouvez voir dans votre robinet ici que vous êtes sur la page d'accueil. Donc nous sommes sur la page d'accueil. Alors de quoi avons-nous besoin sur la page d'accueil ? Eh bien, sur la page d'accueil, nous avons besoin de quelques sections, et dans ces sections nous avons besoin de quelques colonnes. Donc, ma recommandation est toujours d'utiliser autant de sections principales que possible. Donc, si vous pouvez créer une section pour quelque chose d'horizontal, Kal, faites-le comme ça. Ne créez pas une grande section pour toute cette page, puis utilisez ceci comme une intersection. Ceci comme une intersection et cette intersection car il y a une limite au nombre intersections que vous pouvez utiliser si vous pouvez le séparer en sections principales. Fais ça. Donc, nous allons créer une section pour dis pour cela, puis pour dis. Et on n'a pas fait cette grande section, on va avoir des colonnes et ensuite dans la colonne latérale, on va avoir des intersections. Donc, nous n'avons que trois couches pour travailler. Si oui, la partie principale est la section principale que nous avons deux colonnes en vue de la section principale, puis nous avons des sections internes à l'intérieur de la colonne de droite. Ok, alors créons ça maintenant. Donc d'abord, on va créer cette section, et maintenant tu penses, Oh, Oh, donc on a besoin de trois colonnes par ici ? Eh bien, non, parce que c'est du contenu dynamique et avec du contenu dynamique, nous avons juste besoin de créer ce bloc puis de le répéter. Et ce n'est en fait qu'un élément. Alors, peut-être un peu déroutant pour l'instant, mais suivez-moi. Nous allons créer notre première colonne et cliquer sur celle-ci, donc ce sera pour cette section. Maintenant, nous allons créer l'e-mail, inscrivez-vous. Donc, revenez à une autre une colonne comme celle-ci une section avec une colonne. Et maintenant, nous allons créer cette section, qui a deux colonnes. Donc, cliquez sur les jours et maintenant sélectionné deux colonnes. Maintenant, nous avons la structure de base pour toute notre page d'accueil. Et maintenant, rendons cette colonne un peu plus petite, alors peut-être la mettre autour de la charité. Cela devrait être bon pour l'instant, et nous voulons également supprimer cette taxe sur les maisons car affiche automatiquement n'est qu'un élément . Vous pouvez masquer cela en allant dans les paramètres ici, puis aller à la mise en page et utiliser élémentaire complet avec. Et j'ai aussi beaucoup de questions à ce sujet. Le plein avec est si vous voulez afficher l'en-tête et la nourriture er sur la page, ce qui est vrai pour la page d'accueil, et la toile est pour le vide ce que nous avons fait sur la prochaine page. Donc, pour toutes vos pages normales, qui n'est pas un endroit à venir bientôt, vous voulez utiliser l'élément de plein avec donc cliquez sur l'élément de plein whiffed sur la page sera recharges et Audi texte d'accueil est parti. C' est donc très important. Les gars, ne commencez pas seulement, puis réfléchissez plus tard aux colonnes. Regardez votre design et pensez à ce que vous avez besoin pour votre site Web avant mettre tous les éléments ? Parce que si tu dois changer ça après, ça va être un message. Si vous n'avez pas compris ce que j'ai fait avec les colonnes ici, regardé si vous le faites encore, je vais expliquer un peu plus à ce sujet parce que cela pourrait être déroutant. Donc, ce qui s'est passé ici, c'est que je viens de faire une section principale pour radié, et c'est parce que nous allons utiliser un élément ou un pro, qui est appelé postes et est une richesse qui peut afficher trois bateaux de bloc différents avec dans un seul wichit. Je vais montrer ça ici appelé Pose, et on va l'utiliser à l'avenir. Se vanter. Donc, il semble qu'il ait trois colonnes, mais c'est en fait juste une colonne sur la page d'accueil, puis les messages de bloc sont répétés avec dans ce même wichit. Alors j'ai aidé ça à l'éclaircir un peu. Pour l' instant, sauvegardez votre page, et ensuite on ira à la prochaine vidéo. 19. La la sde la sde la barre - section Introduction: Bienvenue dans cette vidéo. Nous allons commencer par la barre latérale et le cyber semble vraiment compliqué, mais l'élémentaire va le rendre vraiment facile pour nous. Alors ne vous inquiétez pas. J' ai toutes les images préparées dans le détecteur, donc nous allons avoir besoin de quelques photos, par exemple, la photo de profil juste ici. Allons voir moi un mentor. J' étais toujours sur la page d'accueil. Si vous avez fermé votre page d'accueil, vous pouvez simplement revenir aux pages, puis cliquer sur modifier avec L un mentor sur la page d'accueil. Donc maintenant nous sommes ici sur la page d'accueil à nouveau, je vais zoomer un peu, donc je vais utiliser un commentaire et puis moins je vais zoomer à 80%. Et tu n'as pas à faire ça. Au fait, si vous avez un plus grand écran abba de mon ordinateur portable, j'ai un écran sale. Si vous avez juste un écran assez grand, vous n'avez pas besoin de zoomer. Bien sûr, j'ai juste besoin d'un plus gros ordinateur portable. Mais je sais que beaucoup de gens travaillent encore à gauche. Ok, alors, de quoi avons-nous besoin ? Nous avons besoin de beaucoup de choses. D' abord, nous avons besoin d'une image. Alors nous avons besoin d'un titre. Nous avons besoin d'un autre titre, d'un texte, d'un titre plus juste et d'un autre. Donc, nous allons d'abord créer cette première partie. Ok, donc ce qu'on va faire, c'est travailler avec des intersections. Pourquoi ? Eh bien, parce que vous pouvez enregistrer cela comme un modèle, car cette barre latérale est également affichée sur toutes les autres pages. Et la dernière chose que tu veux, c'est Teoh. Changez quelque chose sur une page, mais oubliez-le sur toutes les autres pages, mais vous voulez que vous vouliez enregistrer ceci une fois à un endroit, et que vous voulez que ce modèle soit affiché sur toutes vos pages. Mais L un mentor ne permet pas d'enregistrer des colonnes comme un modèle. Ils permettent uniquement d'enregistrer des sections en tant que modèle, comme vous pouvez le voir. Donc, c'est quelque chose que nous devons contourner. Alors je vais vous montrer comment. Il suffit de cliquer sur les neuf points qui vont glisser dans notre première intersection et une intersection a automatiquement deux colonnes, mais nous allons supprimer l'un d'eux parce que nous n'avons pas besoin de ça. Donc deux colonnes. Comme je l'ai dit, il suffit de cliquer sur l'une des colonnes, clic droit et cliquez sur le plomb, et maintenant nous pouvons enregistrer cela comme un modèle. De cette façon, nous pouvons l'afficher sur toutes les différentes pages. Alors mettons juste un peu de contenu dedans. La première chose dont nous avons besoin est une image, puis un texte, puis un autre texte. Alors allons d'abord saisir une image. Attrapez-le et assurez-vous que ce n'est pas à l'extérieur de cette colonne, mais à l'intérieur de l'intersection. Maintenant sélectionné l'image que nous n'avons pas appliqué jets ou aller à votre finder, faites-le glisser sur notre presse et cliquez sur insérer le média qui se trouve. Maintenant, vous voulez aller à nouveau aux neuf points et dragon un cap, et nous avons déjà mis en place les titres. Assurez-vous qu'il est à l'intérieur de la même colonne, est-ce pas ? Pas en dehors de ça. Donc comme ça. Et puis nous avons besoin de l'âge parce que l'arbre H est un peu trop petit. Mais cela, bien sûr, dépend de votre conception. Mais pour l'instant, je vais utiliser le h do. Je vais l'aligner au milieu, changer son nom dans ces champs, et maintenant je veux faire deux doublons de ce texte, alors cliquez dessus. Assurez-vous que vous êtes sur la couche de texte, puis cliquez sur les doublons et cliquez à nouveau sur Dupliquer . Euh, celui-là. On va changer ça dans cette version. Et c'est lui 14 mantra. C' est qui ont également été utilisés dans le menu. Ah, Seth Lee, assez faible s'est copié d'ici parce que c'est un menu Neff. Ce qu'il Ah, Mais sur le calque de texte normal, vous pouvez copier ce conte, puis dire de base sur un autre calque. Mais maintenant, nous avons besoin de créer une fois. Donc, comme vous l'avez vu est vraiment facile de changer les cellules avec l'âge faire dans l'arbre H. Donc, ce que je veux faire est maintenant juste un chef quatre à travers ce dit que nous avons ici parce que cette stèle, nous allons aussi l'utiliser à différents endroits. C' est si facile d'entrer ici et de changer de cellule. Mais si vous savez déjà que vous allez l'utiliser encore sur beaucoup d'endroits différents, alors pourquoi ne pas l'utiliser à nouveau ? Eh bien, en fait, c'est une version plus petite, mais sur la plupart des sites Web, vous utilisez la même stèle sur beaucoup d'endroits. Cela pourrait être 14 sur le site Web réel. Ça n'a pas vraiment d'importance, donc je veux que ça soit facile pour moi. Cliquez simplement sur les mises à jour pour l'instant. Cliquez sur le hamburger ici et allez à l'équipe Styler. Maintenant, vous pouvez aller et en typographie et vous pouvez changer le H quatre. Mais en ce moment, aucune de nos attaques n'est de 4 h. Donc, ce n'était pas vraiment intelligent. Je dois revenir en arrière et changer un texte pour le H 4 afin que je puisse réellement voir le changement que je veux. Alors je vais le mettre à quatre heures comme ça. Maintenant, je veux retourner à l'équipe, Styler, pour voir les changements réels. Donc la typographie ouverte va à H 4 et maintenant rassis ton texte ici c'est mois Aretz. On va utiliser 14. On va utiliser la version majuscule des gays et il va y avoir beaucoup d'espacement des lettres quelque chose comme deux dans la couleur que nous voulons la version East Green. Et maintenant, nous pouvons facilement utiliser cela à différents endroits moins maintenant cliquez sur mise à jour pour le style de l'équipe ou revenir à votre page d'accueil en cliquant sur le X. Et maintenant tous les h quatre a cette stelle. Maintenant, si vous avez aussi une version plus petite, vous pouvez aussi le faire pour H 5 et ensuite vous avez tout préparé pour l'avenir. Maintenant, cette petite cellule ici qui n'apparaît pas sur beaucoup d'endroits. Je vais le faire manuellement, donc devrait aussi vous montrer comment le faire manuellement. Mais ce téléphone n'est pas un téléphone Google, donc vous ne pouvez pas le trouver dans le robinet de famille ici. Donc, ce que vous devez faire est d'aller sur Google téléphones. Et ici, nous n'avons pas Google téléphones. Vous pouvez trouver beaucoup de différents téléphones qui sont écrits à la main. Si vous allez dans les catégories, vous pouvez voir 100. Et par ici. Donc ici, vous pouvez trouver un fonds qui correspondrait à votre site Web et le rendre un peu différent de la version que j'ai. Et vous pouvez même configurer deux propriétés. Peut-être que vous voulez que leur téléphone soit un peu plus FIC, et ici vous pouvez trouver les noms. Vous n'avez pas besoin de les télécharger parce qu'ils sont déjà à l'intérieur de L. A mentor. C' est ce qui est si agréable à propos de l'élément. Ou vous pouvez également simplement taper les noms par exemple. Notre nom est marié. Dime. Donc maintenant, il va prévisualiser le marié que je nomme et vous pouvez voir ce qui va marcher sur votre site . Disons que tu veux ça, Nico Ana. Alors tu y retournes. Teoh l un mentor et vous venez de cliquer sur Ty Parker pieds et vous tapez Nick Oona et il est là . Ça a l'air plutôt sympa. Je vais augmenter la taille un peu comme ça. Peut-être le mettre sur 24. Ça a l'air plutôt cool. Et maintenant, la dernière chose dont nous avons besoin est une boîte de texte. Donc nous allons prendre l'éditeur de texte et le quartier aussi être déjà stylé pour s'assurer qu'il est sous le titre ici. Et puis nous devons également aligner cela au milieu. Donc je vais aligner ça. Je vais raccourcir quelques mots. que Parcequeje voulais l'avoir sur les lignes des arbres. Je veux dire, le Texas, bien sûr, faux. Et maintenant, la dernière chose que je dois faire pour cette partie est une diminution de l'espacement e, car ici, il semble plus proche les uns des autres. Donc, comment vous pouvez faire cela est en diminuant l'espace en diminuant la marge parce qu'il ya l' espace à l'extérieur de cette taxe par les défaillants déjà un peu d'espace et la poussière élémentaire est de le rendre facile pour vous. Mais dans ces situations, vous devez vous ajuster. C' est donc si vous voulez moins d'espacement entre ces icônes, vous pouvez faire deux choses. Vous pouvez diminuer la marge supérieure sur celle-ci ou la marge inférieure sur celle-ci. Alors je vais vous montrer ce que je veux dire. Accédez à l'avance de financement afin que vous puissiez les modifier individuellement. Ensuite, allez en bas ici et appuyez sur moins stent, par exemple. Et vous pouvez voir maintenant la boîte cliquable devient un peu plus petite et c'est aussi un peu trop. Donc je vais le mettre à moins Fife comme ça. Et nous allons aussi faire la mort pour les districts. Alors allez à avancé non lié celui-ci que d'habitude Cherokee et faites-le s'adapter. Et je vais remettre ça à moins 10. Il rend plus difficile de cliquer sur le réel contre. Ce que vous pouvez également faire est de mettre ceci à moins Fife et ensuite aussi aller à votre calque de texte aller à avancé, puis à un moins, marcher dans le haut ici à moins Fife. Maintenant, la dernière chose que je dois faire a changé le texte ici à temps plein blogueur de santé, et aussi diminuer peut-être cette taille en dessous de cela sur la boîte à vaisselle. Je voulais la même chose à une marge moins. Donc, la signature réelle se rapproche un peu plus. Moins 10 moins cinq ans. Utilisez vos yeux pour le rendre un peu plus agréable. Il y a aussi un peu plus d'espacement. Ah, buff D Texas. Donc, ce que vous pouvez faire maintenant est à un peu d'espacement sous l'image ou à certains sommets basés sur le texte. Alors juste augmenter. Il y a un peu moins cinq à D haut ici, et maintenant nous allons cliquer sur Mise à jour et vérifions simplement ce que nous avons créé jusqu'à présent. Donc on va aller sur une page réelle. Nous allons cliquer à nouveau sur les commentaires zéro pour passer à 100% zoom, et nous allons cliquer sur la page d'accueil pour voir nos progrès. Et maintenant vous pouvez voir que ce genre de travail, parce que nous sommes dans la presse ne sait pas que vous voulez que cela soit la page d'accueil que nous venons de nommer à la maison. Mais pour la presse ne sait pas quelle page vous voulez s la page d'accueil. Donc, par défaut, où appuyez sur affichera la page d'archive normale pour votre bloc Les deux. Donc, c'est ce que vous devez également configurer Si vous voulez avoir ceci comme base d'accueil, alors laissez-vous le faire un vrai rapide afin que nous puissions réellement voir ce que vos pages d'accueil. Donc je vais retourner à l'arrière sur la presse vor. Vous pouvez aussi, au fait, le faire ici en allant au tableau de bord. Mais ici et puis si vous faites défiler vers le bas jusqu'aux paramètres et ensuite aller à la lecture, vous pouvez définir une page spécifique S t page d'accueil. Ceci est cependant, pris devrait lire votre site Web afin que votre base d'accueil affiche votre dernier message. Non, parce qu'on va concevoir cette page par nous-mêmes. Nous voulons la page d'accueil, que nous avons appelée maison comme page d'accueil. Si vous faites défiler maintenant, cliquez sur Safe et revenez à celui-ci. Cliquez sur Actualiser. Maintenant, nous allons voir si le modèle que nous avons fait comme il page d'accueil Donc c'est la première partie de notre page d'accueil. Nous devons ajouter beaucoup d'espacement et beaucoup de choses sur le dessus et par ici. Mais c'est en fait la première partie avec laquelle je suis assez satisfait. Ça a l'air plutôt sympa. Donc je vous verrai dans la prochaine vidéo où nous allons continuer avec la barre latérale. 20. La s'étale - La section Favoris les personnels: Hé, et bienvenue dans cette vidéo, on va continuer avec la barre latérale maintenant on a fini avec cette partie supérieure, et maintenant on va remplir toutes ces parties. Donc, ce que nous allons faire est que nous allons retourner à notre page d'accueil pour toujours dans les éléments ou l'éditeur sur la page d'accueil sur je vais zoomer un peu à nouveau à 80% parce que mon écran est trop petit. Et maintenant, avant de passer à autre chose, nous devons d'abord faire quelques ajustements à profondeur, en ajoutant parce que ce que vous avez aussi à remarquer que l'élément sont automatiquement ajoute un peu de paris. Donc l'interdiction était sur la perspicacité. Donc, comme vous pouvez le voir dans cette colonne, il y a un peu d'aperçu de l'espace sur cette colonne, il y a aussi un peu d' aperçu de l'espace hors colonne de pont. Et si vous ne faites pas attention aux paris par défaut, cela signifie que votre design ne sera pas aussi parfait que votre design réel que vous avez créé dans un design. Ou peut-être un dessin que quelqu'un d'autre vous a envoyé. Alors, comment vous pouvez supprimer d dif ouverture à l'intérieur d'une colonne, peut-être que vous savez déjà ce que je vais faire, mais il suffit de cliquer sur la colonne, aller à avancé et délié ceci. Alors ce sera de retour à zéro, parce qu'en ce moment il y a une flexion par ici. Vous pouvez le voir, mais c'est le cas. Et puis si je clique dessus, vous verrez qu'il remplit toute la colonne de l'acte. Et c'est aussi la même chose pour cette colonne principale. Droit ? Donc c'est une colonne en vue de notre intersection, que nous allons dupliquer dans quelques secondes pour créer nos secondes. L' intersection était proche, comme pour l'instant, et c'est la colonne principale pour tout ça. Donc on va aussi supprimer les caresses ici, alors va avancer. Particulièrement sur cette colonne. Et puis, contrairement à celui-ci, vous pouvez maintenant voir que cela est parfaitement aligné sur les sites. Maintenant, ils sont encore un peu de caresses sur le dessus. Donc, entre le haut de cette colonne principale et à cette intersection, ils sont encore un peu d'espace. Et ce n'est pas à cause des caresses sur celui-ci, parce que nous venons de supprimer ça. Mais c'est à cause de l'espacement supérieur sur cette intersection. Donc, si vous passez à avancé et que vous dissociez celui-ci, alors vous verrez que cet espacement disparaîtra également. Mais pour l'instant, il vaut mieux laisser cela, parce que maintenant nous pouvons voir la colonne réelle qui est en dessous. Il y a un truc autour de ça, mais pour l'instant, je vais juste appuyer sur le jeu commun ou les commandes qui sont sur votre clavier pour revenir sur le dessus. En passant, si cela ne fonctionne pas, vous pouvez également aller à l'historique ici, puis cliquer sur un pas en arrière. Ce sont les étapes que j'utilise toujours l'ensemble commun sur le clavier, mais vous pouvez aussi aller ici. Donc, disons qu'il est très difficile pour vous de cliquer sur la colonne réelle sur laquelle vous voulez cliquer. Les éléments sont également a un truc pour cela, et qui est appelé le Navigateur. Car si vous faites un clic droit n'importe où n'a pas d'importance. Vous pouvez voir le Navigator, et le Gator jamais est un peu comme vos couches la même chose que dans la boutique photo, donc vous pouvez voir que nous avons une section principale ici si nous avons trois sections principales sur cette page est pour la partie supérieure pour le signe e-mail en haut. Et pour tout le contenu et un intérieur de celui-ci, nous avons une colonne, deux colonnes, deux colonnes, une intersection avec une colonne à l'intérieur de celui-ci. Mais si je l'ai fait, je dis aussi que vous devez toujours avoir une colonne à l'intérieur d'une instruction parce qu' une sorte d'intersection de travail sans une colonne. C' est pourquoi nous avons une colonne à l'intérieur de celui-ci et aussi à l'intérieur du ragoût D ici. Donc c'est tout ce que vous avez à comprendre pour l'instant. Donc maintenant, si nous allons dupliquer cette colonne, ce qui va arriver, c'est qu'il sera parfaitement une ligne vers le bas de celle-ci, je vais vous montrer ce que je veux dire. Donc, si vous faites un clic droit en double, vous verrez qu'il n'y a pas d'espace entre ces éléments. Ce n'est pas ce qu'on veut. Donc, avant de commencer à dupliquer aux intersections, mon conseil est de regarder votre conception et de voir combien de base vous avez réellement besoin de cette section deux, cette section et sur ce site Web j'ai choisi 60. Donc, ce que vous pouvez faire alors est que vous pouvez cliquer sur l'intersection, aller à l'avance et à frapper vers le bas. Maintenant, si nous allons supprimer ça, nous allons aussi les pistes du batting que vous voyez ici, que je veux garder, parce que sinon je ne peux pas facilement cliquer sur celui-ci. Nous devrons donc ajouter quelques pixels en haut et quelques images en bas. Donc je vais délier ça. Il saute vers le haut, va se terminer ici que cette forme redevient visible. Et je vais mettre 60 en bas. Donc maintenant vous pouvez voir que la colonne est devenue plus grande ici, je vais la supprimer comme ça, pas une colonne est alignée en bas du texte, et maintenant il y a plus d'espace en dessous. Donc maintenant, si vous cliquez sur la section interne, clic droit, dupliquer ou contrôler D, vous pouvez voir qu'il y a un espacement entre ces colonnes et bien sûr, vous pouvez configurer votre propre numéro là. Alors maintenant, quel est le design ? Nous avons un Spartan préféré, et c'est aussi un contenu dynamique. Donc c'est un bateau de bloc. C' est un bateau de bloc, et c'est un poteau de bloc. Nous n'avons pas encore mis en place notre poste de bloc, donc nous allons laisser ce vide alimenté, mais nous allons mettre en place cette partie. Donc, nous allons juste d'abord élite quelques articles. Donc je vais supprimer l'image juste à droite, cliquez et cliquez sur les pistes. Et maintenant, nous devons insérer un nouveau titre. Cliquez donc sur les neuf points et directement dans un diviseur. Vous pouvez utiliser un diviseur pour diviser certains éléments avec une ligne ou même simplement supprimer la ligne entière pour donner un peu d'espace. Mais ce n'est pas ce que je recommande. Ne pas usti divisé Richard juste pour donner l'espacement deux éléments. Il suffit d'utiliser le bas de marche ou le haut du marchand sur un objet comme nous l'avons fait avant. Mais vous pouvez l'utiliser pour combattre un Richard pour créer un effet agréable car vous pouvez ajouter un élément ici. Ainsi, par exemple, un texte. Donc, avec ces effets, si je clique dessus, vous pouvez ajouter un aperçu diviseur de la taxe. Donc, si vous mettez cela à 100 c'est c'est un design que vous voyez sur beaucoup de blocs. J' ai donc servi beaucoup d'inspiration quand j'ai commencé ce bloc, et vous pouvez voir, par exemple, que ce bloc ici a aussi cette stèle. C' est donc ce que vous pouvez créer avec élémentaire. Donc, ici, vous pouvez changer les couleurs et tout. Um, mais si vous voulez avoir cet effet, mais vous pouvez changer le texte ici, mes favoris, par exemple, et puis si vous allez dans la stèle et puis allez au texte, le robinet, vous pouvez définir la position à gauche, et de cette façon vous pouvez créer un design comme celui-ci. Et maintenant, si votre texte devient plus long, n'a pas d'importance car il est réglé à 100% sur la bouffée. Donc mon bloc préféré se vante, par exemple, que vous pouvez voir. Ensuite, la lumière ajuste automatiquement mon bloc. Je vais aller à mes favoris personnels. Alors je veux faire ma ligne. Je veux rendre ce plaisir vert que nous avons déjà inséré dans L. Un mentor. Donc, si vous cliquez sur le collier dans le séparateur dans le blocage, vous pouvez mettre en place au vert ici et peut-être augmenté avec quelque chose comme deux dans mon design. C' est aussi, aussi, mais vous devez utiliser vos yeux parce que parfois cela semble un peu différent de vos conceptions réelles. Maintenant, vous pouvez également changer la cellule de texte ici. J' ai donc utilisé le H2. Nous ne pouvons pas sélectionner les deux H ici, donc nous devons utiliser la fonctionnalité Addis. Donc, il est 20 et est en gras et les couleurs presque noires. D' accord, ça a l'air plutôt sympa. Maintenant, je vais supprimer cette partie. Je vais supprimer ce titre. On n'a pas besoin de ça et on n'a pas besoin de ça. Et la dernière chose dont nous avons besoin à l'intérieur de cette intersection est déposé Block. On ne s'est pas encore préparés à déposer, comme je l'ai déjà dit, mais on va le laisser là. Alors nous avons fini, donc il suffit de taper les messages et l'hérésie. Bloc de post d'élémentos va simplement le faire glisser dans, et maintenant il va automatiquement générer le post par défaut par refoulé. On va installer ça plus tard. Pour l'instant. Mettez juste cette colonne à une pour qu'elle ne regarde pas ça tôt. Pour l'instant, c'est ce que nous allons changer à l'avenir Maintenant, il y a aussi un peu d'espacement entre ce texte et ce texte. Vous pouvez également configurer cela ici, été dans le contenu de la stèle, et ensuite vous pouvez changer l'écart ici. Et c'est le battement de Gap en poursuivant ce diviseur parce que c'est en fait un diviseur et les autres éléments. Donc non, ils espacent toujours les informations de cette colonne. Donc maintenant, nous pouvons facilement dupliquer celui-ci et en créer un autre. Et l'année prochaine, nous allons finir dese deux parce que l'air deux est très similaire. Et puis nous avons fini avec la barre du site, donc je vous verrai dans la prochaine vidéo. 21. La la sde la sde - Pages publicitaires et explorez les pages: Bienvenue dans cette vidéo, nous allons créer la section à ajouté, vous voyez ici et peut-être aussi cette section vers le bas dans la barre latérale. Revenons donc à notre élément ou à la page d'accueil. Et nous avions déjà fait une copie du bar favori. Donc, si vous ne l'avez pas encore fait, juste à droite, cliquez et cliquez sur les doublons pour obtenir une autre intersection ici. Et puis la première chose que nous allons faire est de changer le nom et l'étranger chez vous peut faire quelques choses différentes parce que parfois vous vouliez juste afficher une image. Disons que vous travaillez avec un sponsor, et que ce sponsor dit, Eh bien, voici notre image. Tu devrais juste placer ça. Alors ça va être très simple. Vous allez juste à la $9 vous faites glisser une image, vous vous assurez qu'il est sous le titre comme celui-ci. Il supprime cette partie. Vous sélectionnez une image que vous voulez, donc dans l'exercice est tombé, j'ai, ils se sentaient ajouter un que vous pouvez télécharger, et puis vous pouvez lier cette image entière à une chemise et un site Web. Parce que notre plus de blocs ces publicités ont des liens d'affiliation, par exemple, je n'ai pas à expliquer. C' est parce que les gens qui utilisent comprennent cela, mais vous pouvez avoir beaucoup de choses différentes, mais dans la plupart des cas, vous sur un lien vers un autre site Web et vous pouvez le faire ici par ce lien et puis cliquez sur Custom Euro, , puis vous pouvez coller un lien ici vers une boutique. Mais vous pouvez également faire est de créer votre propre type d'annonce avec élémentaire, bien sûr, et utiliser le textile et utilisé pour mais dans l'outil pour créer quelque chose comme ça. Mais si vous n'avez pas ajouté, ma recommandation est d'utiliser une seule image sur et ensuite simplement lier cette image à un site Web hors du sponsor ou la chose que vous voulez. Peut-être que vous voulez promouvoir une application, peut-être un autre bloc eso. De cette façon, toute cette image devient cliquable. Mais il y a une chose que vous devez savoir si vous allez télécharger une image, parce que pour une raison quelconque, si vous nommez l'image à Fordyce Mint, je vais vous montrer ce que je veux dire. C' est très bizarre. Faisons un duplicata de cette image, par exemple, et nous allons juste télécharger cette image, qui est appelée publicités version un. Et comme vous pouvez le voir maintenant, ils n'afficheront pas l'image, donc je peux sélectionner celle-ci. Mais je ne peux pas sélectionner celui-ci si je clique dessus. Il ne s'affiche pas. Donc, ne nommez pas vos annonces d'images, mais juste le nom qu'il a demandé, par exemple, et la dette fonctionne. Je ne sais pas pourquoi ils ont fait ça, mais c'est ce que j'ai découvert. Et puis il y a une autre chose que je veux vous montrer, parce que parfois vous devrez utiliser un manteau personnalisé pour afficher un cul. Ainsi, par exemple, si vous avez un bean inscrivant pour Google annonces et que vous voulez placer Google comme sur votre site Web , vous devrez probablement insérer un peu de manteau. Andi, même si tu ne comprends pas, vas-y. Il y a un très simple qui est pour cela. Il s'appelle HTML, donc si vous tapez HTML dans le $9, vous pouvez faire glisser dans un champ HTML et ensuite vous pouvez baser votre manteau et que vous obtenez de quelqu'un d'autre ici. Et c'est aussi une technique que vous devez utiliser parfois quatre annonces d'affichage de doses sur le site, donc c'est tout ce que vous devez savoir. Et maintenant, créons nos autres annonces, qui ne sont pas vraiment des ajouts, mais seulement des catégories, et vous pouvez faire la même chose ici. Il suffit d'exporter ces grandes images avec les boutons inclus, puis de les coller les unes sur les autres. Mais je veux vous montrer aussi une méthode différente si polyvalente que nous allons faire un duplicata de cette boîte intéressante à nouveau, et nous allons nommer cette exploration et maintenant nous n'allons pas utiliser les champs d'image. Mais nous allons utiliser quelques intersections différentes. Donc, c'est une autre façon de créer un design comme celui-ci. Donc, si vous cliquez sur la boîte et vous cliquez sur Dupliquer, alors nous aurons une autre intersection. Mais nous n'avons pas besoin d'autant d'espacement du bas sur celui-ci parce que nous voulions être plus proches. Donc, nous allons combler son écart par le leader de la marge inférieure. Nous le ferons aussi jusqu'au bas, mais nous le réduirons à quelque chose comme 20. Et maintenant vous voulez supprimer l'intérieur ici, et maintenant nous avons juste un seul appel. Et cela est important parce que si vous voulez que ce bouton soit un vrai bouton qui a une animation de survol, par exemple, droite, Donc, il change lorsque vous passez le curseur avec votre souris sur le bouton. Ensuite, ce que vous devez faire est que vous devez configurer cette image en tant qu'arrière-plan de cette colonne, puis vous pouvez insérer le bouton à l'intérieur de la colonne. Et puis tu dis juste à cette colonne Ayez un peu d'espace. Donc, parier à l'intérieur, aussi ce que je vais te montrer maintenant. Donc, j'ai le site pour obtenir des images en hickory par ici. Donc, ce que je veux que vous fassiez est de cliquer sur la colonne, puis aller à Stell parce que nous allons mettre en place un arrière-plan de la même manière que nous l'avons fait sur notre en-tête principal. On va passer au classique, et maintenant on peut choisir une image. Et je vais télécharger toutes ces trois images en même temps parce que c'est un peu plus facile, car à partir d'ici je peux juste sélectionner une image. Commençons par celle-là. Cliquez sur insérer, et maintenant vous pouvez voir qu'il est inséré. On va faire la même chose que sur la bruyère, la répétition a dit ça sur Pas de répétition. Et puis Taille a dit que découvrir parce que nous voulons tromper avec cette image. Et maintenant, avant de changer le rembourrage, alors donnez-lui un peu de place se réfère à glisser dans un bouton. Alors allez à D $9 à nouveau et faites glisser dans une bouteille. Assurez-vous qu'il est à l'intérieur de la colonne, puis relâchez-le. Maintenant tu vas aligner son bouton au centre. Et si vous voulez changer la couleur, vous devez aller à Stell car le bouton par défaut est comme ceci. Donc, si vous voulez retourner cela, vous devez définir la couleur d'arrière-plan comme blanc et le texte savant comme vert, et maintenant vous pouvez voir que nous avons un bouton droit. Maintenant, vous pouvez également configurer l'animation de vol stationnaire déjà ici et peut-être mettre cela sur le rétrécissement, par exemple. Alors, si tu tondes, ça va se rétrécir un peu. Et maintenant nous avons juste besoin d'un peu d'espacement de cette colonne, alors allez à l'avance et nous allons ajouter des paris sur l'aperçu pas à droite et à gauche, parce que le gauche, mais dans ses lignes centrales, mais seulement sur le haut et le bas. Alors essayons juste 20 et 20 par exemple, qui reviennent à la conception. Mais nous avons besoin de plus que ça. Essayons 40 40 40. Et tout cela semble déjà beaucoup mieux. Peut-être même 50 et 50. C' est un peu trop gros. Donc je vais laisser 40 et l'Afrique. Une chose à faire et c'est que l'image devrait être centrée parce que maintenant, je ne sais pas si vous avez remarqué. Mais si vous augmentez ce pari, vous allez voir que capable une ligne sur la gauche. C' est par défaut. Donc, nous devons mettre en place l'image, a demandé au centre. J' ai oublié de le faire. Revenons donc au style de réussite. Assurez-vous que vous êtes sur votre colonne, puis positionnez le centre. Et puis l'image est centrée et qualifiée, et maintenant vous devez vous assurer qu'il y a assez de place sous cette colonne intérieure. Donc, si nous faisons un duplicata, il a déjà deux espaces là-dedans. On veut Sonny. Alors voyons. En ce moment, il a tourné sur le haut et tourné sur le fond. Supprimons donc le 10 en haut et mettons 20 en bas. Et maintenant, nous pouvons commencer à dupliquer celui-ci et dupliquer à nouveau. Et maintenant, vous pouvez simplement changer l'arrière-plan ici pour l'autre image. Cliquez donc sur la colonne suivante, puis sélectionnez une autre image d'arrière-plan. Juste comme ça. Très facile. Certains aiment celui-ci et ont sélectionné la dernière image d'arrière-plan comme ce boom. Et maintenant, vous avez vos arrière-plans d'image d'arborescence configurés. Ce qui est également un avantage de cette méthode est que vous pouvez appliquer une superposition, sorte que cette image est très lumineuse, a beaucoup d'exposition. Donc maintenant, parce qu'il s'agit d'une colonne et passe en revue l'éditeur élémentaire pour créer cela, vous pouvez aller à la superposition d'arrière-plan, aller à classique et configurer un fond noir. Alors cliquez sur noir. Maintenant, vous pouvez voir que vous pouvez jouer avec la saturation que vous pouvez jouer avec l'opacité de ces couches noires. Ou peut-être rendre celui-ci un peu plus sombre, sorte que le bouton devient plus visible comme ça sur ces deux images, ça a l'air bien, donc c'est bon . Maintenant, vous pouvez également changer le texte à l'intérieur de ces boutons à l'intérieur de contenu meilleurs raisins, par exemple, Et puis vous pouvez lier à une base spécifique ici. Donc, si nous avons une page spécifique, nous pouvons simplement la taper ici, puis elle apparaîtra automatiquement. C' est super facile. Si elle ne s'affiche pas, alors vous devez aller ver pres tableau de bord à nouveau. Ainsi, par exemple, vous allez sur les pages, puis vous devez copier le lien d'une page. Comment vous pouvez faire cela est en cliquant avec le bouton droit sur la vue, puis copier l'adresse du lien ou simplement ouvrir la page dans un nouveau robinet et copier le lien comme celui-ci. Ensuite, retournez à L. Un mentor et basé le lien ici. Mais il est beaucoup plus facile de le taper dans le lien, puis il apparaîtra automatiquement. Il va générer un lien pour vous écrit, et j'ai changé le texte à l'intérieur des boutons. Il a ce bel effet de vol stationnaire, mais comme vous pouvez le voir, il y a beaucoup plus d'espacement d'ici à l'image, puis de cette section. Donc maintenant, je veux ajouter un peu d'espacement inférieur à celui-ci, donc je vais aller à avancé et peut-être augmenté cela de 20 par exemple. Maintenant, il y a aussi une chose que nous avons oubliée, c'est que nous avons ajouté 10 pixels en haut ici. Mais nous avons dupliqué ces intersections, et maintenant chacune de nos colonnes internes a 10 pixels de marge supérieure, qui n'est pas ce que nous voulons. Donc supprimons simplement cela pour l'instant, parce que maintenant nous avons fini avec ce panneau de site, donc nous voulons juste l'aligner parfaitement au sommet. Commençons donc par le 1er 1 aller à l'avance et l'avance à la marge supérieure. n'y a pas le moyen le plus efficace parce que je fais parce que maintenant je dois cliquer comme 4 à 5 fois. Mais maintenant, le design est parfait. Voyons donc ce que nous avons créé jusqu'à présent. Nous allons cliquer sur la mise à jour. On va aller à l'une de nos pages pour que vous puissiez revenir aux pages. En passant, si vous avez des vêtements, toutes vos taxes, vous pouvez toujours revenir au tableau de bord en tapant votre site Web, puis slash WP tiret à moi. C' est ce que vous devez taper, puis vous retournez toujours au tableau de bord et vous pouvez cliquer sur l'une de vos pages. Alors, allons à notre page est en ce moment. Et puis nous allons simplement cliquer sur la page d'accueil et en ouvrir quelques-uns ici. Je vais l'ouvrir d'un nouveau robinet, et maintenant vous pouvez voir que la barre du site est là. Il n'y a pas de marge ici parce que nous devons ajouter beaucoup d'éléments au-dessus de la barre latérale . Ne vous inquiétez pas pour ça maintenant, mais ça a l'air bien. C' est déjà un post de bloc à son lien. Mais nous devons changer tout le style de cela. Je veux dire, encore plus de messages bloqués. Il s'agit d'une image qui peut être liée. Et ce sont de vrais boutons qui fonctionnent bien. Et en fait, celui-ci est déjà lié à une page. Donc maintenant, nous en avons fini avec la barre latérale. Mais cette barre latérale n'apparaît maintenant qu'à la page d'accueil, et c'est bon. Mais maintenant, nous voulons enregistrer toute cette partie comme un modèle parce que lorsque nous faisons un changement dans barre latérale, nous voulons cyber pour changer sur toutes nos pages, et c'est là que nous allons faire dans le prochain épisode. 22. La la sde la sde la s: Bienvenue dans cette vidéo, nous allons transformer notre bataille de site ou notre barre latérale en un modèle que nous pouvons réutiliser sur toutes nos pages, une sorte de quand nous faisons un changement. On n'a pas besoin de le changer sur beaucoup d'endroits. Donc, ce que je veux que vous fassiez est de retourner à la page d'accueil avec l'éditeur élémentaire, zoomer à nouveau un peu, et maintenant nous devons enregistrer toute cette partie comme un modèle. Ah, et ce n'est pas très facilement possible. C' est pour ça que c'est une vidéo séparée. Parce que, comme je l'ai déjà dit, vous ne pouvez pas enregistrer cette colonne entière en tant que modèle. Donc, ce que nous devons faire est que nous devons sauver une de ces intersections en tant que modèle, puis aux autres intersections en vue, hors de ce modèle. Donc, de cette façon, il est un modèle, mais il a différentes intersections à l'intérieur du modèle Devon. Mais nous pouvons importer ce modèle sur toutes les pages. Donc ce qu'on va faire, c'est créer ce modèle. Nous nous assurons que c'est sûr dans la section du modèle à l'intérieur de L. A mentor. Ils allaient tout supprimer de la page d'accueil, et ils allaient insérer notre propre modèle avec le modèle D, que ce pro élémentaire offre. Cela signifie donc que vous n'allez pas à la page d'accueil pour maitriser le modèle maître hors de la barre latérale. Mais vous allez à la section des modèles à l'intérieur de L. Un mentor qui est ici dans les modèles Safed. Donc c'est ce qu'on va faire. Tu vas déjà ouvrir ça ? Vous pouvez voir que le modèle à venir est également ici. Donc ce que je vais faire, c'est que je vais ouvrir à nouveau la page d'accueil, et puis nous allons cliquer sur le premier d'une section, clic droit, cliquez sur Safe comme modèle. Et maintenant, nous devons lui donner un nom. Donc je vais donner le nom santé de la barre latérale et c'est tout. Et on va en sécurité. Et maintenant, ne cliquez pas sur quelque chose comme ça. Ce que vous devez faire est de ne pas le supprimer encore, mais nous allons aller dans les modèles Safed. Donc, encore une fois, si vous n'avez pas un nouveau robinet ouvert, allez sur votre site Web barre oblique WB dash admin, puis allez à modèles sûrs. Maintenant actualisez cette page et maintenant vous verrez que c'est un nouveau modèle est à sa cybersanté. Mais ce modèle sur Lee doit d'abord se croiser à l'intérieur de celui-ci. Nous devons donc aller au modèle. Donc nous allons ouvrir ce serait élémentos en maintenant commande ou contrôle pour l'ouvrir dans un nouvel onglet. Et ici, vous pouvez voir l'intérieur de ce modèle. Ce n'est pas un flux de travail super agréable, car dans ce modèle, la bouffée est de 100%. Donc tu ne sais pas vraiment à quoi ça ressemble à l'avant. C' est pourquoi nous l'avons conçu sur la page d'accueil, parce que la bouffée de cette colonne est déjà là. Donc, ici, nous savons que c'est bien. Et si nous voulons faire un changement maintenant, nous devons aller à ce modèle et ensuite faire un changement ici que de le sauvegarder. Retournez ensuite à notre page d'accueil, votre dernière page d'accueil, patiemment rédacteur élémentaire, et voyez le changement réel. Et ce n'est pas parfait, mais c'est la voie à suivre. Il y a aussi une autre façon de le faire, et c'est de créer un Colum juste pour voir à quoi il ressemble sur cette page, puis le diriger puis l'enregistrer, parce que sinon vous auriez deux colonnes me laisser vous montrer ce que je veux dire. Ajoutons d'abord toutes les colonnes internes dans le nouveau modèle. Alors allez à votre page d'accueil. On va sélectionner le suivant dans sa colonne. Il suffit de le copier comme ça. Allez à il aller ici, cliquez sur le haut dans une section clic droit, puis cliquez sur le rythme. Et cela signifie qu'il sera badigeonné sous cette intersection. Donc, si vous faites défiler maintenant, vous pouvez voir que c'est par ici. Donc, revenez à la page d'accueil des tâches à nouveau pour celui-ci que nous avons seulement à faire est ceux. Donc basé à nouveau. Maintenant, nous avons le at et nous devons le faire aussi pour la dose pour ici. Ok, donc base de couteau, tous les éléments. Alors sauvegardons d'abord. C' est pour l'instant. Donc maintenant ce modèle est Safed. Et vérifions ça avant d'effacer tout de la page d'accueil. Donc nous allons aller à la cybersanté, cliquez sur la vue afin que la page réelle et défiler et voir si tout est sur leur première partie, cette annonce de fête et l'arbre de nos colonnes. Donc c'est parfait. Donc maintenant, nous pouvons aller à la page d'accueil et je remarque, est un peu effrayant. Mais à cause de la piste, tout sur la page d'accueil pour vous assurer que vous êtes sur la page d'accueil maintenant supprimer tout comme ce gars. Donc maintenant, nous avons une colonne vide à nouveau. Maintenant, allez dans les modèles pour rechercher le modèle, qu'il a glissé dans cette colonne et maintenant sélectionné modèle que nous avons enregistré. Nous venons d'appeler Sidebar Cyber Health Template, et maintenant vous pouvez voir que c'est un gros élément. Le contour est maintenant orange, donc vous savez qu'il s'agit d'un modèle, et vous pouvez modifier ce modèle si vous cliquez sur Modifier, puis il ira à l'expédition. Très bien, en fait, en fait, cet éditeur élémentaire Alors maintenant, actualisons cette barre latérale de la page, et vous voulez savoir à quoi ça ressemble. Ce que vous pouvez faire est dans une colonne, donc si vous avez raison, cliquez sur la première colonne et cliquez sur Nouvelle colonne. Vous avez une nouvelle colonne à droite que drac. Donc, cliquez sur glisser et mettez-le sur la gauche et faites-le de la même taille que sur la page d'accueil . Donc je pense que c'était comme 70%. Et maintenant, vous pouvez voir à quoi ça ressemble. Mais vous devez aussi le faire pour toutes ces parties. Ce n'est donc pas un flux de travail parfait. J' espère donc que les éléments sont améliorés cela à l'avenir. Parce que maintenant, si vous faites un changement ici, vous devez retourner à la page d'accueil pour voir à quoi il ressemble dans la conception finale. J' espère donc que le jour de la justice. Si vous cliquez maintenant sur la mise à jour, vous revenez à la page d'accueil. Nous cliquons également sur coffre-fort. Nous cliquons sur l'actualisation. Maintenant, c'est un grand élément. Donc maintenant, nous avons fini. Et nous allons juste vérifier la page d'accueil très rapidement. Donc nous allons aller à la page d'accueil, cliquez sur Actualiser et voyons à quoi cela ressemble. D' accord. Ça marche totalement. Tout fonctionne à l'intérieur du modèle, donc j'espère que ce n'était pas trop déroutant. Si vous avez des questions, faites-le moi savoir. Donc maintenant, nous avons complètement fini avec la barre latérale. Je suis vraiment content de ça. Et maintenant, continuons avec les autres parties passionnantes de la page d'accueil et les gars. La page d'accueil est le Bartoli le plus difficile à faire avec la base de la maison. Toutes les autres pages vont être très faciles. D' accord, je te verrai dans la prochaine vidéo. 23. Barre de l'e-mail - Partie 1: Hé, et bienvenue dans cette vidéo, on va finir avec la barre d'inscription pour ton email que tu peux voir ici. Ali Sina bar est en fait la dernière chose sur cette page. Les dettes ne sont pas dynamiques, parce que les postes sont bloqués et ici sont bloqués poste. Et voici les messages bloqués. Donc si on a fini avec ça, on peut commencer par construire le bloc. Donc, nous allons simplement créer ce formulaire d'inscription parce que beaucoup de blocs, vous devrez construire un formulaire d'inscription, que vous devez vous connecter à un logiciel virtuel. Par exemple, Mill Chimp, parce que beaucoup de blocs ont besoin d'avoir une fonctionnalité où les gens peuvent s'inscrire avec votre e-mail et ils seront ajoutés automatiquement à une liste de courriels. Pour cela, vous aurez besoin d'un logiciel de marketing par e-mail orteil comme les chimpanzés mâles. Donc, si vous ne savez pas ce que c'est, donc c'est l'un des outils que beaucoup d'entreprises ont utilisés pour obtenir nos e-mails, alors je vais vous montrer comment vous pouvez le faire. Donc, chaque fois que quelqu'un tape dans son email sur le clic s'abonner, il modifie automatiquement Teoh, un marketing e-mail souffrent comme le lait dans, par exemple, ou celui que j'aime utiliser un personnellement est convertir obtenir parce qu'il est très facile à nouveau, s'agit d'un tout nouveau marché en dehors du marché de la construction de site Web. Mais vous devez savoir comment connecter un formulaire car beaucoup de lignes vous ont été demandées pour le faire . Alors commençons juste. On va retourner à notre presse, avoir beaucoup de robinets ouverts, alors on va fermer. Si vous êtes ici, la barre latérale. On a besoin de la page d'accueil. Ok, donc vous devez aller à la page d'accueil, Alors allez à vos pages à nouveau et cliquez sur Modifier l'élément. Ou alors cette fenêtre s'ouvrira. Et ce que nous allons faire maintenant, c'est que nous allons nous assurer que nous avons assez d' espacement à l'intérieur de ces colonnes, et nous allons faire maintenant, nous allons ajouter de l'espacement aux sections principales, donc nous en aurons par espace autour de nos objets. Donc, nous allons juste zoomer un peu pour qu'il puisse mieux voir ce que je fais. Commençons simplement par l'inscription email et avant que je vais réellement mettre dans certains éléments, je vais d'abord mettre en place des paris profonds et la marge parce que cela va rendre beaucoup plus facile si nous allons le convertir en mode tablette et mobile. Donc ce que je vais faire, cliquez sur la section principale ici, cliquez sur Avancé et juste le plomb, tout le rembourrage. C' est la première chose que tu dois faire. Et maintenant, nous allons ajouter nos propres paris personnalisés. Alors ajoutons juste 40 en haut et 40 en bas. Et maintenant, vous pouvez voir que nous avons un peu de place à l'extérieur de la colonne D. Donc la colonne. On va donner à ça le boursier. Donc renoncer à la colonne et toute cette section comme la zone bleue réelle que je sélectionne en ce moment , ce sera le pari sur la section principale. droite. Nous avons donc une section pour la première partie qui est comme ça. C' est une section pour la première partie. Ensuite, nous aurons une section pour l'inscription D, qui aura un peu de paris ici et un peu d'interdiction ici. Et puis nous avons toute la grande section qui a des paris sur le dessus et aussi des paris vers le bas. Donc, nous devons ajouter ce pari ce pari, en contestant ceci et ceci. Alors faisons ça très vite. Alors commençons par celle-là. Vous pouvez voir dans mon design ici qu'il a 60 grandes âmes. Je vais à 60 pixels en bas. Hum, et on a aussi 60 pixels ici, donc on veut sale en bas de la section Desmond et 30 en haut de celle-ci. Alors ce sera 60 pixels, donc je vais ajouter 30 à l'arrêt ici. Et maintenant, nous allons cliquer sur cette section, aller à avancé sur le lien. Celle-là. Je n'ai pas besoin de m'ajuster en fonction ici parce que j'ai déjà mis 60 en bas ici. Donc, si vous voulez rendre les choses plus faciles pour vous-même, vous pouvez aussi à 30 ici et à 30 en bas dans celui-ci. Donc, ce sera la même chose sur chaque colonne. C' est en fait un peu plus facile maintenant pour celui-ci en bas. Mais nous devons faire est d'ajouter 100 pixels au bas parce que nous avons besoin d'un peu d' espace en bas ici. Alors maintenant, nous mettons en place les parties principales. Je vais aussi le faire pour un clic mobile sur Responsive et cliquez sur Tablet Mode et un mobile. Vous voulez avoir 20 photos à gauche et 20 photos à droite, du moins parce que cela lui donne un peu d'espace sur les deux côtés. Parce que vous ne voulez pas que vos éléments touchent la frontière ici. Aussi, ajoutez un peu d'espace sur le fond et sur le dessus pour l'instant, aussi à sale et sale. Donc, nous aurons un peu d'espace. Nous allons aussi le faire pour mobile. Encore une fois, non lié, c'est 20 à gauche, 20 à droite, sale en haut, intérieur en bas. Et croyez-moi, c'est beaucoup plus facile que de le faire après. Alors, retournez sur le bureau maintenant. Et que diriez-vous de faire un duplicata de celui-ci et de supprimer celui-ci ? Donc, nous n'avons pas à l'appliquer sur le dessus parce qu'il n'y a pas de contenu dans celui-ci, donc ça n'a pas d'importance. Chef fœtal. Donc supprimons celui-ci et faisons un duplicata pour en arrêter un. Alors maintenant, nous sommes prêts 24. S'inscrire à la sign - Barre Partie 2: Donc avant qu'on ne fasse des erreurs. Faisons simplement glisser dans le post, Rich. C' est au sommet juste très facile comme ça. Donc, nous savons que ce sera le bloc des postes. Ok, donc maintenant nous allons commencer avec notre email pour s'inscrire alors de quoi avons-nous besoin ? On a besoin de deux colonnes parce que cette partie sera dans une colonne, et cette partie sera dans une colonne. Donc je vais faire un duplicata de la colonne. Mais avant de le faire, je vais supprimer le rembourrage pour qu'il soit aligné sur les bords réels de cette colonne. Donc, de la même manière que nous l'avons fait ici et maintenant, nous pouvons ajouter un érudit de fond. Alors passons au classique par ici. Allons à l'appelant et choisissons la couleur d'arrière-plan que nous voulons. Faisons un duplicata de cette colonne parce que nous avons besoin d'une colonne pour ce texte et nous avons besoin d' une colonne pour les districts. Et c'est aussi parfait parce que sur mobile, alors cette colonne sera automatiquement montée sur colonne de pont. Cela le rend parfait pour le mobile maintenant glisser un titre parce que nous avons besoin d'un titre normal , et nous avons besoin d'un texte plus normal. Donc vous savez déjà ce que je vais faire glisser votre cap comme ça. H deux ? C' est parfait. Et aussi faire glisser votre éditeur de texte comme ceci. D' accord. Et maintenant, je veux mettre en place ma propre literie personnalisée à l'intérieur de cette colonne. Donc c'est ce que je vais faire. Je vais aller au niveau avancé, et on va ajouter un peu de batteur en haut. Il suffit d'utiliser vos yeux pour cela et assurez-vous qu'il est assez agréable sont sous droite. Nous voulons également un peu d'espacement, alors assurez-vous que le texte ne touche pas le coin. Donc, ça a l'air assez bien à nouveau. Vous pouvez voir l'espacement entre ce texte et dis Tex est plus que dans mon design final. Alors, comment vous pouvez le faire avec deux méthodes, vous pouvez ajuster le fond avec un moins ici. Donc, par exemple, moins. Alors ça le ferait. Ou vous ajouteriez un dessus moins deux d sur celui-ci. Maintenant, j'ai ajouté cet en-tête de détail, et ça a l'air bien. Échangez le texte. D' accord. Et maintenant, nous devons ajouter le formulaire. Donc l'élément de pro a un pour les nains. Il est très facile de glisser dans le formulaire et va générer un contact standard de Donc nous devons ajuster ce contact pour le rendre adapté à notre conception. Tout d'abord, vous pouvez supprimer le message et qui peut également faire est de diriger le nom en cliquant sur le X. Et maintenant, nous avons seulement le thé email et nous avons le bouton d'envoi. Dans notre conception, nous n'avons pas d'étiquette donc dist, ext. Oh, désolé. Ce texte au-dessus du champ de saisie s'appelle un libellé. Donc, si vous décochez les étiquettes, vous n'aurez qu'un champ e-mail et un bouton. Maintenant, nous devons nous assurer que le champ d'entrée et le fond sont à côté de l'autre. Et comment nous allons faire cela est en ajustant la colonne avec. Donc, c'est le avec hors les champs d'importation. Donc, si vous mettez ceci à 60 par exemple, puis vous allez sur le bouton et vous mettez cela sur 40 maintenant vous pouvez voir qu'ils sont à côté autre, et c'est ce que nous voulons. Peut-être que ce bouton est un peu trop gros. Je vais essayer de dissuader les deux et de retourner dans mes champs. Je vais mettre ça sur 66. Mais vous pouvez aussi le rendre plus petit. Si vous voulez que votre champ d'entrée soit plus petit, mettez simplement ceci comme 50 et je ferais également le travail. Maintenant, nous devons ajuster quelques choses. Commençons par ajuster le contenu. Donc, si vous voulez changer le texte à l'intérieur du bas, vous devez aller au bouton de soumission. Et voici le texte. Donc je vais taper, m' abonner et j'en ai déjà deux. Stell, comme nous l'avons mis en place avec l'équipe, a commencé pour que c'est sympa. Vous pouvez également modifier le texte à l'intérieur de ces champs de saisie. Si vous cliquez sur l'e-mail, il est appelé espace réservé. Ainsi, vous pouvez le modifier à votre adresse e-mail, par exemple. Vous pouvez également rendre ce champ obligatoire, qui est en fait ce que vous voulez pour un formulaire comme celui-ci. Maintenant, nous allons configurer le style de sorte que nous ne voulons qu'un contour pour ces champs de saisie. Donc, comment nous allons y arriver, c'est d'aller dans le style et ensuite aller dans les champs de saisie. Voici le champ d'appel. Si vous cliquez sur les champs, vous pouvez voir la topographie alors que la topographie est déjà bonne, mais vous voulez aller à l'appelant d'arrière-plan En ce moment, c'est sur blanc, donc nous voulons définir. Cela ajoute de la transparence 100% transparente. Et maintenant, nous avons seulement besoin d'ajuster le collier de bordure pour faire vert que nous voulons maintenant c'est presque comme notre design. La seule chose qui est différente est que ce champ d'entrée a des coins arrondis, comme vous pouvez le voir ici, ici. Donc, comment vous allez faire ça n'est pas lié celui-ci et maintenant c'est pointu. instant, la dernière chose à faire est de cliquer sur la colonne et de s'assurer que le contenu est au milieu de ces colonnes ou d'aller aux alignements verticaux de la colonne. Cliquez sur. Oh, milieu. Ok, donc maintenant c'est au milieu, et ce que j'aime aussi faire, c'est rendre l'entrée un peu plus grande. Vous pouvez le faire en allant dans le contenu, puis allez à la taille d'importation, puis définissez-le sur le support. Presque toujours dit sur le moyen semble un peu plus luxueux, mais vous pouvez également laisser une valeur par défaut. Bien sûr, cliquez sur un médium pour le bouton aussi, et cela le rend vraiment agréable Et bien sûr, vous pouvez également juste ajuster les colonnes comme ceci pour changer la conception ou à un peu d' espacement sur l'aperçu de cette un. Donc, par exemple, quelque chose sur la gauche 20 pour faire un peu plus de place ici. Et si vous voulez rendre ce bloc entier plus grand que, bien sûr, vous devez revenir au champ de saisie de l'e-mail réel et le mettre un peu à 60 par exemple . Donc maintenant, nous devons vérifier le mobile avant de nous connecter au formulaire. Donc, nous allons juste cliquer sur les tablettes pour l'instant. Et maintenant, les colonnes collent automatiquement sur un Jeter. Euh, celui-là a l'air assez sympa déjà, donc on a juste besoin de changer celui-là. Donc maintenant, nous allons juste délier le panoramique ici qui est à 40 pixels à gauche, comme nous avons ici, 40 pixels à droite, peut-être aussi 40 en bas. Et tu peux le laisser comme ça si tu veux. Mais si vous voulez faire l'impulsion se sentir un peu plus petit et les comprimés, vous pouvez changer la colonne avec Onley pour tablette peur celui-ci. Donc, si vous voulez mettre cela à 50 Il fera aussi cela pour votre bouton afin que vous puissiez régler cela à 50%. Et maintenant, il semble que ça ne marche pas. Mais c'est souviens-toi, parce que je fais un zoom avant. Donc je vais appuyer sur le zéro commun. Et maintenant, vous pouvez voir que c'est à quoi il ressemble vraiment sur une tablette. Je ne sais pas pour toi, mais c'est un peu trop petit, donc je vais juste les garder à 100. Je ne sais pas pour toi, mais c'est un peu trop petit, Et cela sera aussi vrai pour mes carburants de courrier électronique. Oui, c'est un peu mieux. Et maintenant, je veux aussi ajouter un peu d'espacement vers le haut afin que ma forme soit alignée au milieu. Maintenant quoi ? Vous pouvez voir que la hauteur de ligne dans cette taxe n'est pas très bonne. Ce Texas très proche l'un de l'autre. Alors, comment vous pouvez corriger qui est aller à votre âge, ne aller au style, puis aller à la typographie, puis cliquez sur la hauteur en ligne et le mettre à 28 par exemple. Donc ça semble déjà un peu mieux maintenant. Nous devons ajuster cela pour les téléphones mobiles, alors cliquez sur le mode Responsive et cliquez sur mobile, et maintenant vous pouvez voir qu'il y a un peu trop de base. Cliquez à nouveau sur vos colonnes. Allez à avancé non lié ceci et créez quelque chose qui semble un peu mieux. Donc peut-être 20 de tous les côtés est un peu meilleur pour un mobile. Aussi faire. C' est pour celle-là, non ? Mais vous voulez le supprimer en bas parce que vous ne voulez pas que votre entreprise soit trop éloignée . Et c'est toujours plus agréable d'avoir un peu plus d'espace en bas que sur la gauche à droite. Donc, vous pouvez également mettre cela à 40 et ensuite donner à cela un coup 40 bas donc cela semble un peu plus naturel. Ok, donc maintenant on a fini de coiffer le formulaire. Donc maintenant, nous devons le connecter au courrier. Chimpe 25. sign à la barre d'e-mail - Logiciel de marketing par e-mail: et comment vous pouvez le faire est assez facile. Il suffit de cliquer à nouveau sur le formulaire et vous passez à l'action après les soumissions. Elemental a déjà intégré des intégrations avec la plupart des fournisseurs de marketing par e-mail célèbre . Donc celui dont j'ai parlé est conféré kit et le lait. Donc, si vous cliquez sur Mill Chimp, il y aura une nouvelle boîte ici. Vous pouvez collecter cela, et maintenant le chimpanzé va commencer à rechercher votre liste de courriels. Mais si vous n'avez pas configuré votre clé A P I dans les intégrations, cela ne fonctionnera pas à nouveau. Si vous n'avez jamais travaillé avec le marketing par e-mail, il est préférable de passer à la vidéo suivante. Mais si vous voulez savoir comment connecter le chimpanzé repas que vous devez regarder cette fin. Donc pour l'instant, nous n'avons pas d'intégration avec le chimpanzé. Donc, si vous commenter, cliquez sur ce lien ou cliquez sur le contrôle. Vous pouvez configurer vos intégrations à l'intérieur de L. Un mentor ici, donc à l'intérieur des paramètres étaient ici à l'intérieur de l'intégration supérieure. Vous pouvez faire défiler vers le bas, et ici vous pouvez faire face à la touche A P I. Donc, ce dont vous avez besoin est que vous devez regarder dans votre e-mail marketing souffrent, et ceci est un exemple de chimpanzé laitier. Et puis vous devez chercher une clé A p I à l'intérieur du lait. Champ, tu as juste besoin d'aller sur tes comptes, puis sur leurs extras. Vous pouvez trouver la touche A P. I ici, et je ne vais pas cliquer dessus parce que c'est mes comptes personnels. Mais si vous avez une clé P I, vous pouvez le mettre ici. Et n'oubliez pas d'enregistrer vos modifications. Et si vous revenez ici, vous cliquez sur mise à jour et vous cliquez sur Actualiser. Vous pouvez sélectionner la liste de courriels ici sous audience, puis à tout moment quand quelqu'un ajoute son email, il sera automatiquement ajouté à la liste. C' est ainsi que cela fonctionne. Maintenant, il y a quelques options supplémentaires. Par exemple, des options supplémentaires. Je change parfois des messages personnalisés D. Merci pour le succès le plus réussi. Ce sens formel avec succès, il n'est pas vraiment abordable. C' est un formulaire techniquement, mais vous pouvez aussi changer le texte ici quand quelqu'un s'abonne à un ah vous êtes abonné aux listes ou peut-être changé est dans une autre langue. Si vous faites un site Web qui n'est pas anglais, Donc c'est tout ce que je voulais montrer pour Now s. Et je vais juste cliquer sur mise à jour. On va voir à quoi ça ressemble sur la page d'accueil. Donc, je vais rafraîchir ma page d'accueil et voyons. D' accord, ça a l'air plutôt cool. Et il fonctionne également sur tablette et mobile. Donc c'est tout pour cette vidéo. 26. Créer du contenu et des catégories de blogs: Hé, et bienvenue à son nouveau chapitre dans ce chapitre. On va enfin commencer à remplir le bloc avec du contenu du bloc Riel. Donc, en ce moment, le site ressemble à ceci. Alors nous allons juste visiter. Nous avons créé jusqu'à présent et nous avons notre en-tête. Nous avons un post de bloc, qui est celui par défaut. Nous avons notre barre de site, et maintenant, nous devons sentir tout le contenu du bloc post. Alors commençons juste. Votre bloc se vante toujours. Vous pouvez trouver tous vos bateaux de bloc ici à vantails, et en ce moment vous ne pouvez voir que le post de bloc par défaut. Allons rivaliser le post de bloc par défaut maintenant. Et parce que nous n'avons pas de style, euh, les bateaux de bloc vont juste prendre ce que nous avons mis en place dans l'équipe Styler. Donc, il a déjà deux colliers et les téléphones, mais c'est une page que nous devons mettre en place, et nous devons créer beaucoup plus de pages bloquées. Eso Revenons à notre poste et créez un nouveau post. Et si vous n'avez pas choisi Teoh, allez avec l'éditeur classique, alors vous avez plus d'options ici. Mais pour le discours, nous allons garder le bloc. Très simple. Ce qu'on va faire maintenant, c'est qu'on va créer ce bloc, se vanter donc il a un titre. Il a une date que vous pouvez changer par la suite. En passant, il a une image principale de catégorie 1 qui est appelée l'image en vedette à l'intérieur de sa presse. Parce que cette image apparaîtra également sur déterminer les anguilles et dans le contenu de la publication de bloc. Donc d'ici à ici est ce que vous mettez ici et cette image en vedette. Vous configurez cela ici pour l'image en vedette d obtenir hickory comme ceci et un post de bloc pourrait avoir plusieurs catégories si vous le souhaitez. Tu peux dire ça. Préparez ça ici maintenant. Nous n'avons pas encore de Get a Caries, donc c'est ce que nous pouvons aussi créer. Mais ce soir, quelle nuit ? Qu' est-ce qui est agréable dans sa présence que vous pouvez également créer des catégories à partir de votre bloc vante. Donc, quand vous venez avec une nouvelle catégorie, vous pouvez juste le faire ici. Commençons par notre premier bloc de vantails, que je vais appeler la meilleure soupe pour votre routine matinale saine. Quelque chose comme ça. Et maintenant vous pouvez voir, le but génère automatiquement un lien qui est également important à comprendre parce que parfois vous voulez changer le titre par la suite. Mais alors le lien ne change pas. Disons que tu veux changer le titre, Teoh le pire. Et puis le lien restera toujours le même. Ainsi, vous pouvez également modifier un lien si vous le souhaitez. Vous n'avez pas à le faire, mais vous pouvez changer le lien ici. Mais sachez simplement que si vous avez déjà partagé ce lien sur vos réseaux sociaux ou sur d'autres sites Web, il ne sera pas automatiquement redirigé. Pensez donc à votre titre, puis changez avant de le publier. Et je ne veux pas dire publier ici un livre publié sur vos réseaux sociaux, par exemple. Donc maintenant, je vais juste faire la meilleure soupe que je vais aimer. D' accord ? Et maintenant, nous devons nous sentir dans un certain contenu. J' ai donc un super gentil marié. Se brancher ici s'appelle Laura. Ipsum et Aiken génèrent un faux decks ici. Donc, si vous avez également Google chrome, vous pouvez générer un texte sur exemple arbre paragraphe bâton. C' est très bien. Une copie de clic, puis j'ai un faux texte. Donc, si vous n'avez pas encore de faux texte, et que vous voulez avoir une recherche de texte faux pour Lauren Epsom si vous ne savez pas ce que c'est, c'est un peu comme un générateur de texte par défaut que chaque concepteur a utilisé quand vous n'avez pas encore vraiment de contenu. Donc vous pouvez taper Laura MIPS, um, um, un générateur sur Goule. Ou vous pouvez télécharger cette fiche dans son générateur culte Laura Ipsum. Vous pouvez le trouver via l'histoire d'extension chrome si vous savez où les histoires d'extension chrome il est sous ici et puis plus d'outils que les extensions. Et si vous cliquez sur le hamburger, je peux. Ici, vous pouvez ouvrir le Google Chrome Store, et ici vous pouvez trouver beaucoup d'extensions différentes pour Google Chrome. Je vais mettre un lien vers la version que j'ai dans une description de cette vidéo. Donc, une fois que vous avez copié des textes égyptiens d'alarme et que vous avez collé dans la zone de contenu, vous pouvez également ajouter une image. Donc, par exemple, si vous voulez ajouter une image entre ces deux paragraphes, faites juste un peu d'espace avec une pause, puis cliquez sur le média et nous allons télécharger notre image. Donc, je dois des images que vous pouvez utiliser à l'intérieur de votre post de bloc. Ils sont appelés bloc se vanter, image à et bloc image post trois. Donc, je vais les télécharger en même temps, et puis je vais sélectionner l'un d'eux, qui est celui-ci inséré dans le post de bloc. Il a automatiquement inséré les deux hors d'eux, ce que je ne veux pas. Et maintenant j'ai cette version pour que vous puissiez l'éditer si vous le souhaitez et choisir une plus grande taille. Ainsi, par exemple, la pleine taille ou la grande taille comme celle-ci, donc il sera aussi blanc que le contenu réel lui-même. Alors jetons un coup d'oeil sur ce que ça a l'air. Donc, nous allons cliquer sur publié pour l'instant parce que encore une fois n'a pas vraiment d'importance, parce que nous sommes sur la maintenance, gémissements, puis cliquez simplement sur nos posts de bloc. Donc, les commentaires maintiennent la commande ou le contrôle, puis aller à la publication de bloc afin que vous puissiez voir que le titre est ici. Il y a un peu de textos. Ensuite, il y a notre image, mais ce n'est toujours pas imbécile avec et dans leurs sujets que vous pourriez voir qu'il n'y a pas beaucoup d' espace entre les districts dans cette image. Donc, pour ajouter un peu plus d'espace ici, vous pouvez simplement appuyer, entrer ou casser, puis cliquer sur la mise à jour appelée Noir, Retour à votre sang se vanter, cliquez sur l'actualisation et maintenant vous pouvez voir que est un peu plus d'espace. Et vous pouvez aussi le faire sur le fond. Hors de l'image, bien sûr. Alors, allez ici et appuyez sur Entrée. Cliquez sur la mise à jour, revenez en arrière et actualisez-la. Et c'est ainsi que vous créez un peu d'espacement autour d'elle. Maintenant, l'image est encore trop petite. Mais rappelez-vous et dans notre dernier bloc, se vanter de décider bar sera également ici. Alors cette image est assez grande. Mais si vous le souhaitez, vous pouvez revenir en arrière pour cliquer sur éditer et le rendre encore plus grand. Maintenant, ajoutons une autre image. Donc je vais appuyer sur Entrée sur une autre image comme celle-ci insérée dans les bateaux de bloc. Sauvegardez-le pour l'instant pour voir à quel point c'est petit en fait. Donc je vais rafraîchir ça. Comme vous pouvez le voir, il s' agit d'une très petite image, et parfois vous voulez que vous puissiez également aligner l'image au milieu si vous le souhaitez. Nous avons des tabourets ici comme ça, ou même autour des textes, ce qui est parfois aussi assez agréable. Voyons comment ça va revenir à mon quartier. vanter après avoir cliqué sur la mise à jour et maintenant vous pouvez voir que cela semble aussi assez agréable afin que vous puissiez jouer avec la façon de bloquer les regards de poste et vous pouvez même ajouter des titres. Ainsi, par exemple, le matin de la routine du matin, vous pourriez faire que gras, par exemple, ou vous pouvez faire un H trois, puis cliquez sur mise à jour et voir à quoi ressemble papa. Ainsi, comme vous pouvez le voir, vous pouvez concevoir votre post de bloc avec les options que vous aurez à l'intérieur de l' éditeur de l'Éventreur . Mais encore une fois, si vous utilisez Gutenberg, vous avez plus d'options que ce que nous avons ici. Mais c'est déjà assez sympa. Alors ajoutons simplement notre image en vedette. J' ai préparé huit images pour vos honoraires. Juste l'image là appelé Post un jusqu'à Butch, les deux sept. Sept aussi. Pas huit, et je vais les télécharger tous et ensuite choisir le 1er 1 Alors électionnons nos premières vantures. Cliquez sur ensembles image en vedette. Et maintenant, vous pouvez voir que nous avons une image en vedette ici. Nous allons juste aussi dans une catégorie donc dispose sur la routine du matin. Alors ajoutons simplement un petit déjeuner de catégorie. D' accord ? On va injecter les moyennes catégorisées de l'ONU pour cliquer sur la mise à jour. Maintenant, reviens une fois de plus. Pour votre bloc Post, cliquez sur l'actualisation. D' accord, ça a l'air bien. On a une image par ici. Ok, donc on va redessiner toute cette base. Nous n'allons pas utiliser un ver pris par défaut bateaux de bloc comme ceci. Mais tout le contenu en ce moment est comme nous le voulions. La seule chose que nous n'avons pas configurée manuellement est la date car elle reprend automatiquement la date d'aujourd'hui. Donc, si vous voulez changer la date, vous pouvez le faire ici. Euh, ou même plus vite. Si vous êtes sur tous vos bateaux de bloc ou que j'ai cliqué sur tous les messages, vous pouvez également cliquer sur les modifications rapides, puis changer la date Did ici, Teoh. Quelque chose de différence du mois aujourd'hui, de l'année et puis de l'heure. Et parfois tu veux juste manipuler ça. Ok, donc je vais cliquer sur la mise à jour et maintenant je veux faire beaucoup de doublons de ce bloc arcs parce que nous avons besoin de beaucoup de variations à tester avec nos poteaux de bloc. Et ce n'est pas par défaut. On doit insulter un branchement pour ça. Donc, je vais aller aux branchements, je vais cliquer sur New, et je vais taper les doublons et les deux. Ils fonctionnent bien. Mon conseil toujours. Juste vous venez de choisir celui qui a le plus d'installations et le plus opérationnel. Donc je vais juste cliquer sur celui-ci. Cliquez sur Actif, Et c'est un Blufgan très simple, et il vous permet Teoh dupliqué les deux. Donc, si vous retournez aux bateaux et cliquez sur celui-ci loin, vous pouvez voir que vous avez une nouvelle option ici. Ça s'appelle Clone. Alors essayons juste ça pour l'instant. Je vais cliquer sur clone, et vous pouvez voir que c'est un nouveau parce que c'est comme brouillon. Donc, si vous cliquez sur Modifier, nous pouvons changer le titre. Quelque chose comme ça. Maintenant, il ne change pas automatiquement le lien. Donc, vous pouvez Skopje votre titre comme ceci ou un clic droit, puis copier. Ensuite, allez ici et il suffit d'appuyer sur OK et ver appuyez automatiquement à D Dash est donc le nouveau lien sera parfait. Et on va aussi mettre en place une autre image. Cliquez donc sur le plomb et sélectionnez le suivant, qui est le numéro deux. Cliquez sur ensembles image en vedette. Et nous allons aussi changer la catégorie dîner,par exemple, par exemple, je vais cliquer sur ajouter une nouvelle catégorie et non cochée et le petit déjeuner. Donc maintenant, nous avons un bloc avec dîner et un au petit déjeuner et cliquez sur Publier et puis revenir à tous vos messages. Et vous pouvez également voir les catégories ici dans cette vue d'ensemble. Alors maintenant, je vais le faire cinq fois de plus. Donc, nous avons sept post de bloc préparé avec quelques catégories différentes, et je vais sauter cette partie pour vous. Je vais juste faire cinq doublons de plus à cinq images de plus à quelques, obtenir un accord, et puis je reviendrai. Ok, alors maintenant j'ai fini. J' ai sept post de bloc et aussi cette vieille violence par défaut. Donc supprimons ça. Je vais cliquer sur la poubelle et maintenant nous avons sept points forts, alors revenons à notre page d'accueil, nous allons cliquer sur les pages et ouvrir notre page d'accueil. Lequel peu ? Jetons juste un coup d'oeil sur l'apparence de notre page d'accueil. Donc, ce n'est guère la page d'accueil semble en ce moment. Il a automatiquement déplacé six. Bloc va par ici et six blocs posent par ici. Et nous n'avons pas encore bloqué Post dans notre colonne principale. Donc on va arranger ça plus tard. Burt est le premier. Je vais vous montrer comment vous pouvez transformer les pages de glorification de bloc réel. Alors passons à l'épisode suivant, et puis nous allons transformer la page en notre propre design. 27. Créer la page blogpost: retour eso Maintenant, nous allons créer un modèle pour notre bloc vantants Bages sur tout le bateau bloc . Nous devons donc transformer ça en quelque chose qui ressemble à ça. Donc nous allons utiliser le modèle que nous avons créé avant et ils allaient concevoir toute cette page. Alors passons à la presse. Je vais aller à la fin de Beck. Tu peux y aller. Mais il a fait signe en survolant ici, puis aller au tableau de bord et puis nous ne allons pas le créer appât parce que c'est un modèle, parce que chaque post de bloc doit regarder le même à l'intérieur de ce modèle. Nous allons donc aller aux modèles et faire team builder au sein du team builder. Nous allons construire un seul modèle de vantail pour que vous puissiez le trouver sur leur bardeau. Et vous allez utiliser un seul modèle, par exemple, pour les arcs de bloc. Mais aussi, par exemple, si vous avez une page séparée pour toutes vos offres sur le bloc Donc, disons que vous avez quatre modifié sur le bloc n'importe qui d'avoir une page séparée avec le même design, mais seulement la société à être différent. Vous pouvez également le faire avec un seul modèle. Donc, nous allons juste ajouter notre modèle de bardeaux unique, Sélectionnez A deux côtés que nous voulons parce que nous voulons que cette conception pour le bloc se vanter. Donc, les morts pour toute la glorification et ensuite vous pouvez lui donner le nom. Donc on va appeler ce bloc, se vanter de modèles. C' est ça. Créez le modèle. Maintenant, l'élément ou l'éditeur s'ouvrira. Ok, donc tu vas te donner beaucoup d'options. Mais je vais vous montrer comment vous pouvez concevoir le vôtre. Parce que si vous cliquez sur l'un d'entre eux va à tous les styles de leur bloc et alors vous devez changer tout ce que je ne recommande pas Teoh utiliser cela parce que alors vous devez tout changer à nouveau. Donc je vais cliquer sur le X ici. Les en-têtes sont automatiquement ici. Maintenant, nous voulons le même design dans le cadre de notre page d'accueil. Donc, avant de cliquer et de créer toutes nos colonnes et tout à nouveau, revenons d'abord à la page d'accueil et copions simplement ce que nous avons déjà fait. Donc je vais revenir sur Teoh my Bages aperçu, et ensuite je vais ouvrir la page d'accueil avec Ella mentors et faire des commentaires. Cliquez sur Modifier avec L un mentor. Et maintenant, nous voulons copier ce que nous avons déjà créé. Donc on veut vraiment toute cette section, mais avant de la copier. On n'a pas encore rendu cette section réactive, donc c'est ce que je vais faire avant de la copier. Sinon, je dois le changer à nouveau sur les autres pages. Je vais donc passer en mode réactif, cliquer sur le mode tablette. Et comme vous pouvez le voir pour cette partie, nous avons déjà mis en place des tapotements profonds parfaitement pour tablette. Mais on l'a oublié pour radié. Allons à la section principale avant de copier sur l'autre page de Ling. Cette valeur maintenant à un peu d'espacement sur les sommets ou quelque chose comme sale. Donc, nous avons 60 d'ici à ici aussi 60 en bas, puis 20 à gauche et 20 à droite. Donc, nous avons un peu de basing à gauche et à droite. Ça a l'air un peu mieux. Je vais au mobile et je fais la même chose. Non lié, c'est sale 60 20 et 20. D' accord, ça a l'air parfait. Maintenant, nous allons retourner sur le bureau et jamais prêt à copier toute cette section sur notre nouvelle page, alors cliquez sur les mises à jour pour notre base d'accueil. Nous sommes donc maintenant dans le modèle de page d'accueil. Cliquez sur votre section principale, le bouton droit de la souris, cliquez sur la copie. On va aller à notre bloc, se vanter de modèles et juste aller ici avec votre souris, clic droit et coller et boom. Maintenant, nous avons notre modèle à l'intérieur de ce nouveau bloc de modèles de post. Donc c'est sympa. Il n'affiche pas ce texte pour une raison quelconque, mais il est là, Crois-moi. Alors sauvegardons d'abord un brouillon pour nous assurer que nous ne le perdrons pas. Donc, ne cliquez pas sur publier, Mais cliquez sur le triangle ici, puis cliquez sur les brouillons sûrs. Nous ne perdrons pas notre travail. Ensuite, dans la conception, nous avons notre grand titre, qui est un âge un. Nous devons nous mettre d'accord, et nous devons nous rendre à ce jour. Nous devons donc charger ces données à partir de tous les bateaux que nous avons créés. C' est donc là que le robinet unique entre en jeu. Vous ne voyez donc cette statistique que lorsque vous créez un seul modèle. Donc maintenant, nous pouvons glisser dans un titre de post, par exemple, abord, je vais m'assurer que je n'ai pas de perspicacité sur cette colonne. Donc je vais délier celui-ci. J' ai aussi oublié ça à la maison, au fait. Alors faisons ça très vite. Donc, nous allons aussi assez oublier sur la page d'accueil, Juste détaché un caresser. Bon, alors retournez à ici, cliquez sur les neuf points, et on va glisser dans le titre de la vantation. Il s'agit d'une fonctionnalité dynamique. Normalement, il traînait dans un cap, mais dans ce bateau, vous pouvez simplement suivre ce contenu dynamique. Donc, c'est en fait la même chose que ça. Mais alors il génère automatiquement de titre. Donc, nous allons juste le faire glisser ici et maintenant vous pouvez voir qu'il préfère automatiquement utiliser l'un de nos vantails de bloc, Si vous voulez pré peu un autre post de bloc. Vous pouvez le faire ici, alors allez dans les paramètres et pré peu, puis vous pouvez sélectionner un autre bateau de bloc que vous voulez. Alors peut-être que vous voulez juste avoir la version soupe correcte ? Parce que le titre est un peu plus long. Si vous cliquez dessus, puis cliquez sur un prat, appliquez et pré peu vous pouvez voir que nous avons maintenant notre nouveau titre, ce qui est en fait mieux, parce que vous pouvez voir que l'espacement entre ces lignes est un peu trop étroit. Donc, nous devons aussi changer cela avant de sauver ça. Pour tous nos vante bloc, bien sûr, Donc, c'est un meilleur exemple de prévisualisation. Donc, encore une fois, vous pouvez également utiliser pour diriger. Mais si vous utilisez le titre, vous pouvez ajouter vos propres textes. Mais c'est là que ce bouton entre en jeu. C' est donc ce qu'on appelle la taxe dynamique. Et avec la technologie dynamique, vous pouvez glisser quelque chose de l'arrière et au-dessus de Pris. Ainsi, par exemple, vous pouvez suivre dans le titre de la vantail, si rigide que nous avons importé qui, qui est l'Edit post Idol. C' est juste en fait un en-tête. Mais alors déjà avec cette fonctionnalité dynamique appliquée, puis une H, c'est ce que c'est. Donc, nous allons juste utiliser la valeur par défaut, ce qui est ? Mais je voulais juste vous montrer comment fonctionne la dette. Maintenant, nous allons détruire une autre fonctionnalité dynamique, qui est la catégorie D. Andy Category fait partie de la Post Info car il est des informations sur le post à glisser dans l' info post pour l'instant et comment vous pouvez voir qu'il génère déjà quelques champs dynamiques. Donc, si vous créez un bloc pour un magazine, par exemple, vous avez différentes offres. Qui écrivent vos bateaux de bloc. Vous pouvez afficher quel utilisateur qui était abondant er, comme écrit. Ce bloc publie. On n'a pas encore gouverné ça. Mais inver press, vous pouvez ajouter des utilisateurs afin que vous puissiez ajouter des écrivains qui écrivent différents arcs de bloc et ensuite vous pouvez changer l'offre ici, qui alors vous pouvez afficher à l'intérieur de vos messages de bloc Nous ne allons pas faire pour avoir en ce moment , Donc je vais fermer l'offre aussi le temps que vous pouvez laisser comme ça. C' est sympa. Sont la plupart des blocs Vous ne voulez pas également afficher l'heure et parfois vous voulez afficher les Commons. Mais si vous n'avez pas beaucoup de commentaires, ce n'est pas vraiment bon. Vous pouvez donc simplement cliquer sur la hache ici. Maintenant, il a cet Aiken. Donc, si vous ne voulez pas cela, Je peux Vous pouvez supprimer cela en cliquant ici, puis aller à l'icône et puis cliquez sur aucun fait comme il pour ce bloc. Laissons-le. Et vous pouvez également télécharger votre propre personnalisé. Je peux si tu veux. Vous pouvez choisir quelque chose dans la bibliothèque ou l'option SPG, comme je l'ai montré précédemment. Pour l'instant, je vais juste m'en tenir à la valeur par défaut. Vous pouvez également faire de cette partie un lien, qui n'est pas ce que je veux parce que vous voulez que les gens lisent ce bloc, tous les deux ne vont nulle part ailleurs. Donc je vais délier ça et maintenant D sur la voie disparaîtra maintenant quand il aura besoin de le dire un peu. Parce que dans nos poteaux, Estelle est un peu différente. En passant, vous pouvez également changer le format de date. Donc peut-être que vous voulez d'abord afficher une année, par exemple. Mais j'aime déjà ça. Un par défaut qui est en fait le même. Et vous pouvez également ajouter quelque chose comme des dates avant le contenu dynamique réel. Mais je ne vais pas faire ça aussi parce que l'Aiken est assez bon. Alors allons à la stèle pour l'instant. Et dans notre conception, vous pouvez voir qu'il est italique. Donc, si vous voulez changer qu'ils vont à la typographie, puis allez à la stèle et cliquez sur. Oblique Oblique est un autre mot pour italique maintenant. Nous voulons également afficher notre catégorie. Nous n'avons pas de bloc pour cela, donc ce que je veux faire est maintenant que je veux utiliser le type de titre. Donc nous allons simplement glisser dans un titre. Je viens de changer à l'âge de cinq ans ou je devrais dire, le H quatre, parce que cela a déjà il encore que nous avons besoin de 40 catégorie. Cliquez sur les balises dynamiques, cliquez sur les termes de la publication, puis cliquez à nouveau sur les termes de la publication. Et ici, vous pouvez. Vous pouvez sélectionner la catégorie, donc maintenant vous pouvez voir qu'il affichera la catégorie D, qui est dans. Et si vous avez plusieurs catégories, parce que je l'ai avec quelques blocs les deux. Revenons donc à bloquer les messages. Pour l'instant. Vous considérez, par exemple, le bloc de salade de riz comme le dîner et fait maison. Ensuite, vous pouvez séparer cela avec une virgule. Ou vous pouvez utiliser un tiret, par exemple, sorte que vous pouvez afficher différents résultats Gatica. Je ne veux pas que ce soit un lien, donc maintenant c'est parfait. Cliquez en dehors de cette zone et déplacez maintenant les choses vers le haut. Alors faites-le glisser comme ça, assurez-vous qu'il est sur le dessus. Très bien, c'est bon. Et maintenant, nous devons faire glisser le contenu. Donc, revenez à la $9 juste rack dans la boîte de trou de contenu comme ceci, et il va maintenant mettre automatiquement dans tout le contenu de notre post bloc. C' est plutôt sympa maintenant. n'y a pas d'espacement entre les colonnes, donc nous allons juste corriger ce clic sur la colonne à cause de Avancé. Allez sur le côté droit et ajoutez 40 par exemple. Et maintenant, vous pouvez voir qu'il y a un peu d'espacement entre les deux colonnes. Maintenant, je veux faire deux choses de plus, et c'est à un bouton suivant et précédent. Donc, si vous revenez à Sudeep $9, vous pouvez faire glisser dans la navigation post profonde, et c'est assez agréable. Il affichera les messages suivants et précédents, mais si vous voulez avoir à concevoir que j'ai ici, vous devez changer quelques paramètres. Alors regardons juste le design. Ceci est une flèche, donc nous allons juste d'abord changé le type jamais Teoh, par exemple, une double flèche et j'ai fusionné la longue flèche. C' est un peu différent, mais il y a quelques options ici. Je n'ai pas trouvé d'option pour une coutume. Aiken. Celui qui est le plus proche est Theo Long Arrow. Je ne veux pas montrer Deep Post Idol. Supprimons aussi la bordure suivante, et les steaks précédents sont bons. Maintenant, allons à la stèle. Il suffit de changer un peu le style. Je vais mettre ça à 14 heures et allons à la décoration et supprimer le sous-jacent qui, pour une raison quelconque, ne fonctionne pas. Mais laissons ça tout de suite. J' ai une solution potentielle pour des jours dans l'un des épisodes suivants et aussi à plus d' espacement des lettres . Mettez-le sur, comme sur le reste du site. Retournez, allez à votre cadeau de flèche qui aussi un collier, quelque chose de vert. Vous pouvez changer l'écart ici que vous pouvez changer la taille de la flèche. Et je ne sais pas si j'aime cette flèche ici. Alors, tu sais quoi ? Je vais y retourner et je vais en choisir un autre. Je crois que j'aime encore celle-là. Vous pouvez également ajouter un effet de survol si vous le souhaitez. Alors peut-être que tu veux avoir une couleur plus foncée. Quand vous passez la souris sur l'icône comme ça, ça pourrait être sympa. Donc, ça a l'air plutôt bon. Et puis la dernière chose que je veux un partage social Aikens parce que dans mon design, il ressemble à ceci. Alors, comment vous pouvez faire cela va à la surtension sorcières et taper dans part. Et ici, vous pouvez voir les boutons de partage si directement que sous les prochains tous les quelques boutons et vous pouvez également configurer les différents styles ici. Ce sont les appelants officiels. Cela semble absolument bon, je dois dire, mais j'aime garder les choses simples. Donc je vais juste mettre ce que je peux. Mais vous pouvez également obtenir du texte, par exemple. Mais j'aime utiliser les Aikens, donc je vais le mettre au minimum. Vous pouvez les faire rondes ou dans un cercle, et c'est assez agréable pour dis site web. Je pense que vous pouvez aussi une ligne qui est à gauche ou les droits, et vous pouvez ajouter les plates-formes de différence afin qu'ils aient quelques options ici. Par exemple, qu'est-ce qui se passe ? Vous pouvez également changer l'ordre ici en faisant simplement glisser, ce qui ne fonctionne pas non plus pour une raison quelconque. Donc il y a quelque chose qui ne va pas. Je pense que j'ai un bug, mais je pense que cela sera corrigé quand je l'enregistrerai. Donc tu vas aller à la stèle et changer beaucoup de choses que je mettrais pour ramer Gap sur zéro. Donc, vous n'avez pas d'espacement sous cela parce que je veux mettre en place mes propres marges et l' écart des colonnes est également important tennis. Très bien. Et là, si tu veux. C' est aussi assez sympa. Vous pouvez mettre en place un collier personnalisé Sodi appelant principal. Si vous mettez ça sur le vert, alors il sera dans la vente de ce bloc qui semble un peu plus agréable. Et vous pouvez également ajouter un collier de vol stationnaire. Alors peut-être à la couleur verte plus foncée qui est l'élevage de beaux vergers gros celui-ci et le déplacer un peu vers le bas. Et je peux aussi être assez gentil. C' est très simple. Et la dernière chose que nous devons faire est à cette partie des articles liés. Donc ce que je dois maintenant faire est d'ajouter un nouveau titre comme celui-ci Not Oh, désolé. Pas que Seidel tous les deux. Mais nous avons besoin d'une rubrique normale parce que cette taxe n'a pas besoin de changer. Un H Do est d'excellents articles connexes. Nous avons besoin de plus d'espacement sur le dessus, alors allez à avancé non lié nous un et à 20 ou même 40 en haut. Maintenant, vous voulez revenir à celui-ci et à dans les vantails parce que nous voulons un autre bateau ici pour afficher la traînée dans le post d'ici à nouveau, nous allons changer à quoi cela ressemble. Les colonnes ont dit que tout le monde pour l'instant et ne vous inquiétez pas de la conception. Mais nous voulons afficher des articles qui ont aussi du thé, la même catégorie, et vous pouvez installer ça Indy Creamery ici. Ne vous inquiétez pas pour tout ça. Il suffit d'aller à la carrière E, puis cliquez sur Related sous Schorsch et dans lié, vous voulez aller à terme parce que nous voulons Onley bloc pose avec dans la même catégorie. Et maintenant, il sera Onley bloc d'affichage vante qui ont également la catégorie petit-déjeuner profond. C' est donc tout ce que nous devons faire pour l'instant. Donc, nous allons simplement cliquer sur publier et maintenant nous pouvons mettre en place les conditions qu'il est automatiquement mis place avec le bloc unique dispose d'un modèle, sorte que vous n'avez pas à vous inquiéter à ce sujet. Laisse-le aux vantaux. Cliquez sur Safe et fermez. Maintenant, ce que nous voulons faire est de revenir à nos listes de messages, et nous allons juste prévisualiser l'une de nos vœux. Donc on va aller voir aller par ici. Maintenant, vous pouvez voir que nous devons obtenir accepte le titre et autres messages de bloc connexes. Mais j'ai oublié une chose et les données voir image en vedette. Alors revenons une fois de plus. Montez ici et nous voulons qu'une image en vedette soit sous la date D. Donc la dernière chose que nous allons faire est d'aller à la traînée de 9$ dans l'image en vedette juste ici. Très bien, c'est parfait. Et maintenant, cliquez sur mise à jour. Retournez à notre bloc vante, cliquez sur le rafraîchissement. Et maintenant, nous pouvons voir que l'image en vedette est également ici. Ok, on se rapproche. Les gars, passons à l'épisode suivant. 28. Créer le dernier bloc de post: Bon, bienvenue dans cette vidéo, on va créer notre première boucle dynamique et ça s'appelle une boucle. Vous pouvez également l'appeler un bloc. Mais l'idée est que vous créez l'un de ces et ensuite vous pouvez dire de porter la presse. Je veux que ce bloc soit répété pour, par exemple, six fois sur la page d'accueil ici. Mon plan, c'est sept. Donc, disons que nous allons dire six ou huit fois sur la page d'accueil, et je veux aussi être capable de l'utiliser sur d'autres pages et même dans ma page de bloc et ensuite la page de bloc, il doit être un arbre maximum hors arbre et aussi sur le bloc page. Je veux que ces articles soient liés à l'article qui étaient sur parce que cet article a une catégorie maison. Donc, cela signifie que la presse inver nous ne voulons que des postes bloqués ici qui doivent aussi obtenir un cri fait maison. Donc on va construire un de ces blocs et on a besoin d'un autre branchement pour ça. Revenons à Wordpress et je vais retourner aux tableaux de bord. Et ce que vous voulez faire est d'aller à brancher, puis cliquez sur Nouveau. Et maintenant, nous allons chercher un autre Blufgan qui est appelé élément ou peau personnalisée, parce que pour une raison quelconque, L, un mentor n'a pas à présenter encore pro élémentaire où vous pouvez créer une de ces boucles . Vous n'avez que quelques options disponibles, comme nous pouvons le voir ici, et vous pouvez changer quelques choses ici, mais vous ne pouvez pas créer votre propre bloc avec votre propre design. Donc, disons que vous voulez changer la position de lire plus d'ici à ici. Tu ne peux pas faire ça un élément de pro. C' est pourquoi nous avons besoin d'une peau de douane élémentaire. Et de cette façon, nous pouvons créer notre propre bloc afin installé un plug in et activé. Et maintenant, vous verrez que si vous allez à Template et puis le team builder que nous avons une nouvelle option ici, qui s'appelle Loop. Donc on va faire la boucle et on va créer notre première boucle. Maintenant, mon conseil est d'utiliser des noms très clairs parce que nous allons créer quelques boucles différentes . C' est donc une boucle parce qu'elle est répétée de cette façon et c'est dynamique. C' est une boucle. C' est juste une version plus petite. Et nous avons aussi une boucle ici, qui est Onley affiché trois fois de manière horizontale. Appelons ça un seul bloc de paysage parce que c'est un peu comme le mode paysage, et c'est plus comme Portrait , alors on va y aller. Ce bloc vante paysage et eux grands parce que nous avons aussi une version plus petite ici. Alors allons-y. Ce bloc se vante d'un grand paysage. Tout droit, cliquez sur, créez un gabarit. Ok, on va cliquer sur le X parce qu'on veut créer notre propre truc. Et puis ce que vous voulez faire est de créer deux colonnes parce que nous allons placer l'image dans une colonne et ensuite tous ces éléments. Zoom sur les Littles. On peut voir le design. OK, alors cliquez ici et cliquez sur deux colonnes. Maintenant, nous allons d'abord trek dans une image, alors allez aux neuf points, faites défiler vers le bas, faites glisser une image dans la première colonne. D' accord. Et maintenant, nous avons besoin d'une image dynamique et nous voulons que cette image soit la même image que cette image, qui est appelée l'image en vedette, nous avons téléchargé sur chaque bloc se vanter. Donc on va aller à Dynamic ici au lieu d'en utiliser un. Nous voulons charger dans l'image en vedette de ce post de bloc spécifique. Alors allez à dynamique. Et là, il est, image en vedette. Et maintenant, il va vous donner un exemple. Les messages. Donc, ce ne sera pas l'image pour tous les bateaux, mais ce n'est qu'un exemple. L' exemple qu'il montre ici est en fait le premier bloc vante. Alors revenons en arrière. Elle voit que ce sont les bateaux les plus récents. En fait, c'est ce que c'est. C' est pour ça qu'il montre cet exemple ici. Donc, ce sera la même si nous glissons dans un titre, par exemple. Alors, buvons aussi dans un titre. Alors postez des idoles qui le traînent dans celui-ci. D' accord, ça a l'air bien. On va mettre ça vieilli. Fais bien. Et de quoi avons-nous besoin de plus ? Nous devons nous mettre d'accord, et nous devons dire le texte, et c'est un peu compliqué. Alors commençons tout d'abord avec votre lecture plus et la catégorie D. D' accord ? Donc je vais retourner au D 9 points, catégorie Andy. C' est une partie de l'info de la poste. Donc, nous allons glisser dans l'info de vanter qui il et le braze au-dessus du titre parce que c'est aussi dans notre conception. Ok, donc maintenant ça va vous donner toutes les infos qu'il a. Une Ford est bloquée, vante, mais maintenant la seule chose dont nous avons besoin est en fait des termes D parce que les catégories sont partielles termes. Donc, si vous cliquez sur les termes, vous pouvez choisir des catégories ici, puis il affichera les catégories que ce bloc post a. Ok, alors fermez celle-là. Et maintenant les pistes de l'opéra gémit avec le X. Ok, nous voulons supprimer l'Eiken si ville Aiken à aucun. Et vous ne voulez pas que ce soit un lien. Vous pouvez aller aux textes, puis changer le texte. Donc je vais rendre ça vert, et je vais donner le même style que nous avons pour les autres textes. C' est donc une majuscule, et l'espacement des lettres est aussi. Ok, donc maintenant on a le même design. Ça a l'air bien. Et maintenant, nous devons créer le bouton Lire la suite. Donc vous lisez plus bouton est en fait un bouton, mais nous allons personnaliser les champs du bas, et je ne vois pas beaucoup de gens faire ça, donc c'est plutôt sympa. C' est assez unique parce que vous devez faire un effort pour créer un lien comme ça. C' est donc le bouton par défaut. Mais si tu veux mettre un gros bouton par défaut comme ça sur tous tes arcs de bloc, ça a l'air un peu bon marché et un peu me crier, à mon avis. C' est pourquoi je veux vous montrer comment vous pouvez créer un bouton comme celui-ci semble beaucoup plus propre , et il est également entièrement cliquable. Ok, alors d'abord, changeons le texte ici pour en savoir plus. Maintenant, le lien. Nous voulons aussi que cela soit dynamique parce que c'est différent pour chaque post de bloc, et nous voulions lier au post de bloc spécifique, et c'est ce qu'on appelle depots euro, parce que c'est le lien pour ce post spécifique. Si vous cliquez sur ce maintenant, le bas va automatiquement lien faire ce post de bloc spécifique. Donc c'est plutôt sympa. C' est ce qu'il faut faire ici. Maintenant, allez à Stèle, puis dans la typographie. Il s'agit de la valeur par défaut pour le bas. Et nous voulons changer ça. Si tu vas te transformer. On ne veut pas de majuscules ici. Nous voulons la version normale. Et aussi pour l'espacement des lettres. Nous voulons juste que ce soit zéro, donc le texte sera à nouveau normal. Donc je ne sais pas si ce téléphone est juste. Alors, changeons aussi les téléphones, accord ? Et le texte à l'intérieur d'un cul. Et je fais toujours ça 15 ou 16. Ok, donc maintenant on va changer les arrière-plans des boutons. Donc, si nous dissocions le caressage, alors vous verrez que tous les paris à l'intérieur du fond seront partis. Maintenant, nous devons ajouter les paris au bas. Donc, disons, 10 par exemple, Case et moi avons un peu d'espacement sur le fond. Et maintenant, nous devons ajouter un coup. Mais sur Lee, un coup en bas. Et puis on va éteindre ce vert. Donc, seul le coup sera physique. Donc, si vous allez à un type de bordure et puis sélectionnez solides concéder qu'il y a maintenant un puits solide blanc , en fait, vous pouvez le voir parce qu'il est blanc sur blanc. Donc, si vous changez ça en une autre couleur, vous verrez ce que je veux dire. Ok, donc maintenant nous voulons seulement afficher la section vers le bas. Donc, si vous dissociez celui-ci maintenant, le solide est zéro pixels. Vous de sorte que vous pouvez le voir si vous allez au fond et le mettre sur un ou deux. Vous pouvez voir que maintenant, sur Lee, la frontière est visible okays. Mais il y a un problème et c'est que l'espacement entre ce r et décider. Alors, comment vous pouvez réparer que c'est retourner contenu de Teoh. Et si pour une raison quelconque, vous devez mettre cela à zéro parce qu'il met automatiquement dans un espacement pour un potentiel cheveux Aiken que je ne comprends pas parce que je n'ai pas sélectionné et je peux. Mais c'est comme ça que ça marche. Donc, si vous mettez ceci à zéro maintenant, vous verrez que cela fonctionne. Ok, donc maintenant on peut retourner à deux colliers et mettre le collier d'arrière-plans sur un collier transparent comme celui-ci. Maintenant, nous pouvons voir le texte. Alors vérifions notre design. Nous voulons une taxe noire ou presque noire, et puis nous ossons frontière profonde, qui est en fait juste le fond maintenant pour être vert. Et de cette façon, nous venons de créer un fond personnalisé qui ne fait que des liens vers chaque article de bloc. Ok, donc c'est plutôt cool. Maintenant, dans cet épisode, je veux faire une chose de plus, et qui est changé la hauteur de cette image. Cliquez simplement sur publier pour l'instant parce que je veux vous montrer ce que je veux dire. Donc on va cliquer sur Publier. Et maintenant, nous voulons mettre en place les conditions pour tous nos postes de bloc parce que cela doit fonctionner pour tous nos vantaux de bloc. Et nous le ferons aussi, en passant, pour la boucle dis et aussi pour cette boucle, puis avec des arcs inde. Richard, on va dire à l'élémentaire quelle boucle on veut montrer à quel endroit. Donc, c'est pourquoi nous allons mettre cela à tout le post de bloc. Donc, si vous mettez ceci à vantures maintenant, il s'affichera sur tous les poteaux de bloc. Cliquez sur, enregistrez et fermez. Maintenant, revenez à votre page d'accueil, cliquez sur Actualiser, et nous ne voyons toujours rien. Et c'est parce que nous n'avons pas Stolt Elementary où nous voulons afficher celui-ci Alors maintenant ouvrez la page d'accueil avec élément ou que vous pouvez également faire à partir d'ici et nous allons voir ce que nous pouvons faire. Donc c'est Barca toujours vide, donc nous allons importer à la profondeur à la fois parce que nous voulons afficher le post. Ok, Dragon est comme ça. Maintenant, mettez-le à un parce que nous voulons une colonne à la fois par page six. C' est bon pour l'instant, Nous ne allons pas changer cela parce que nous voulons montrer notre propre boucle faite, que vous pouvez trouver sous personnalisé. Donc normalement, vous n'aurez que ces trois options qui sont limitées. Mais avec notre méthode, nous pouvons choisir notre propre design. Donc maintenant, nous pouvons sélectionner nos arcs de bloc, paysage grand, qui est cette chose que nous venons de créer. Ok, donc maintenant vous pouvez voir que ça marche. Mais nous devons changer les paramètres à nouveau. Encore Eso ? Nous devons mettre ça en un seul. Et maintenant, vous pouvez voir que le design commence à prendre vie. Nous devons réparer quelques autres choses, comme vous pouvez le dire. Mais c'est ainsi que vous pouvez créer votre propre boucle personnalisée, puis charger dans la boucle personnalisée avec dans les deux interrupteurs élément ou pro. Mais alors vous voulez aussi dire des éléments ou quel type de bloc à la fois vous voulez montrer ici. Et c'est ce que vous faites dans De Crear e. Donc, nous voulons montrer toutes les vantards. Ainsi, par exemple, vous pouvez également charger toutes vos pages ici qu'en bas dynamiquement dans les pages. Mais pour celui-ci, nous voulions le Post, bien sûr. Et si nous cliquons sur descending, cela signifie que le nouveau bloc sera tous les deux sur le dessus si nous cliquons sur un envoi et le plus ancien post noir sera sur le dessus. Donc, bien sûr, pour vos patients à domicile, voulez-vous que le nouveau veut être au top et nous ne voulons pas d'imagination à la fin parce que nous ne voulons pas que cela sur d'autres pages parce que la page d'accueil doit rester propre. Ok, donc je vais cliquer sur une mise à jour, et maintenant je veux retourner à ma page d'accueil. Donc je vais retourner à ma page d'accueil, cliquer sur le rafraîchissement, et comme je l'ai dit, il y a encore une chose que je veux changer dans cet épisode. et c'est que je veux changer cette taille de l'image dans nos fells d'exercice. Je vous ai donné des images qui ont exactement le même rapport d'aspect. Mais ce n'est pas toujours le cas, surtout lorsque vous travaillez avec des clients, car les clients téléchargent parfois une image qui a un rapport d'aspect différent comme celui-ci, puis vous voulez que l'image soit coupée, donc être recadrée des deux côtés. Donc, votre page d'accueil ou les autres pages sont toujours jolies. Donc, vous devez dire élémentaire ou que vous voulez image à recadrer automatiquement. Et c'est ce que vous pouvez faire si vous cliquez sur cette image, puis la taille de l'image personnalisée parce que nous voulons une taille personnalisée pour notre image. Donc disons que nous voulons mettre ça à 804 100. Cliquez sur, appliquer et voir ce qui se passe maintenant héritage que c'est le rapport d'aspect. Donc, si vous mettez cela à 500 par exemple, cliquez sur appliquer. C' est une sorte de rapport d'aspect qui serait agréable aussi pour tablette et aussi pour mobile. Donc je vais le laisser là, et nous devons réparer beaucoup de choses les pad ings, et nous avons aussi besoin de charger le texte pré ici, donc c'est ce que nous allons faire dans le prochain épisode. 29. Preview le texte et la réactivité les derniers articles: Hé et bienvenue. Nous avons presque fini avec le bloc vante boucle avec notre première boucle s. Donc nous l'avons ouvert ici. Alors assurez-vous que vous avez ce type ouvert et votre page d'accueil parce que nous devons corriger quelques choses. Par exemple, le mode mobile, le mode réactif. Mais aussi, nous devons corriger les pré quelques textes et quelques pré textes. Mais vous pouvez voir dans la conception ici comme ceci est des extraits d'or ou dans sauf sur un savoir vraiment comment le prononcer. Mais je pense qu'il a un extrait, et ce n'est qu'un texte d'aperçu pour tout ce bloc. Et c'est ce que vous devez configurer manuellement pour chaque post de bloc. Parce que les premiers paragraphes de votre bloc se vanter dans la plupart des cas ne sont pas une bonne introduction pour votre page d'accueil écrit à, Vous devriez voir cela comme un moyen de promouvoir votre propre arc de bloc. Donc, un petit résumé de l'Arctique et s'attendre, ou pourquoi cela est si important. Et c'est pourquoi il doit être un champ d'entrée séparé. Alors je vais vous montrer comment faire ça. Je vais aller à la presse, alors je vais aller à mon tableau de bord et pour chaque bateau de bloc , nous devons aller cliquer sur les modifications. Et maintenant, vous pouvez voir l'extrait parce que normalement il sera juste ici. Mais vous pouvez voir les révisions et vous pouvez voir les taxes, par exemple. Mais nous n'avons pas besoin de ça. Vous pouvez modifier cela ici dans les options d'écran. Donc, vous obtiendrez ce menu et vous pouvez activer la boîte d'exurb comme ceci. Et puis, si vous faites défiler vers le bas, vous pouvez voir que cette nouvelle boîte apparaît. Et profitons de cette occasion pour en désactiver quelques-unes dont nous n'avons pas besoin,par exemple, par exemple, révisions. Vous pouvez laisser ça hors de cours, mais on n'utilisera pas vraiment cette taxe. C' est un peu déroutant parce que c'est similaire aux catégories. Alors éteignons ça pour ce bloc. Donc maintenant, si Reese ferme ce que nous avons, c'est un peu plus propre, et nous devons exercer la boîte ici. Donc ici, vous devez mettre un petit texte. Copions une petite partie ici, copions-la et base-la ici. Donc, euh, ne rendez pas ce texte trop long. Parce que sinon dans votre conception, celui-là sera beaucoup plus long que celui-ci. Par exemple, vous souhaitez conserver la cohérence de votre conception. Donc, une longue phrase pour la plupart des messages de bloc suffit. Donc je vais cliquer sur la mise à jour maintenant, je vais retourner à mes messages. Et pour ces sept messages, je vais aussi mettre dans le même texte extrait, et sur un vrai bloc de force, vous aurez besoin que Teoh ait une différence de decks pour chaque poste de bloc. Mais ce n'est qu'un aperçu de ce cours. C' est pourquoi je vais sentir tous les bateaux de bloc avec le même texte extrait. Ok, donc maintenant j'en ai fini de ressentir tous les textos. Donc, si vous jetez un oeil à celui-ci, par exemple, vous pouvez également voir qu'il y a un extrait de texte ici. Donc, maintenant, nous pouvons charger cela en tant que fonction dynamique. Donc ce que je veux que vous fassiez, c'est retourner à notre paysage de poteaux. Grande boucle. Vous allez toujours cliquer sur l'actualisation parce qu'il y a de nouvelles données dans les extrémités arrière. Donc maintenant, nous pouvons aller ici et sélectionner des dépôts, des exercices et ensuite le placer sous votre titre Maintenant, vous pouvez voir que nous avons un petit aperçu, ce qui est assez agréable. Ok, donc maintenant on doit réparer deux choses de plus. Et ce sont les alignements, certaines marges et littures et aussi D mode responsive. Donc, tout d'abord, vous pouvez voir qu'il y a automatiquement tapotement à l'intérieur de la colonne. Donc supprimons ça. Va avancer à nouveau. Délié un batting Maintenant, les images en plein écran. Maintenant, allez à celui-là à la même chose comme ça. Mais maintenant, à parier à gauche parce que nous voulons obtenir un peu de la salle de respiration peut mettre maturité. Je pense que ce sera suffisant. Et aussi pour le titre que j'ai vu sur la page d'accueil finale que c'est un peu trop proche. Donc, je pense que nous avons besoin de plus de hauteur de ligne sur ce texte. Nous ne pouvons pas le voir en ce moment, parce que ce titre était très court. Donc, comment vous pouvez prévisualiser un autre bateau de bloc est ici aperçu, puis aller à un autre. Alors disons-le. Je vais aller à tout mon post de bloc pour vérifier à quoi ça ressemble avec un long titre. Donc, les magasins de riz, c'est un long titre. Alors, cherchons juste la dette. Salades de riz. Ok, je vais cliquer sur, postuler et prévisualiser. Et maintenant, il va charger dans le nouveau contenu dynamique. Ok, pour une raison quelconque, cette image ne s'affiche pas ici, ce qui est correct, mais maintenant on peut changer la ligne. Cache-toi ici. Alors je vais refaire le style. Contactez le parc Rafi, allez à la hauteur de la ligne, puis mettez ceci à 28. Je pense que c'est le cas. Oui, ça a l'air bien. Aussi, je veux que ceux-ci soient plus proches de moi. Donc ce que je vais maintenant critique pour avancé délié la marge parce que c'est à l' extérieur. Donnez cela dans la marge supérieure négative, par exemple moins 10 et faites aussi cela sur le fond. Alors ce texte sera plus proche. OK, ça a l'air plutôt bien. Je veux aussi apporter cela un peu vers le haut, donc je vais également donner une marge supérieure négative sur le bouton lire la suite. Ok, donc ça a l'air plutôt sympa. Alors maintenant Alexis, cliquez sur mise à jour revenir à notre page d'accueil. Eh bien, les adultes élémentaires ne sont pas une vraie page d'accueil, ce qui est en fait par ici. Je suis désolé. Donc, cliquez sur actualiser et voir à quoi cela semble OK. C' est plutôt cool. Euh, c'est plutôt cool. On a toujours fini. Cela commence à ressembler à un vrai bloc. Ok, Donc, ce que vous pouvez également traiter dans cet élément est de changer l'espacement entre D rose. Donc tu ne fais pas ça ici. Mais vous le faites sur la page d'accueil. Donc, c'est aussi l'ancien design. Donc, nous allons simplement cliquer sur actualiser sur la page d'accueil, faire défiler vers le bas, et maintenant cliquer ici. Et si vous allez à la stèle, vous pouvez configurer l'écart de rose pour ce bloc. Je vais le mettre à 40 ans. Et pour une raison bizarre, ils n'ont pas le plus réactif ici. Donc, vous devez mettre en place un espace de ligne pour tablette mobile et bureau, et je ne comprends pas cinq quoi ? Ils ont fait ça. Mais c'est ainsi que cela fonctionne pour une raison quelconque. Donc, nous devons faire face à ça. Aussi, assurez-vous qu'à l'intérieur de cette colonne principale, vous avez à ses droits frapper ici parce que je ne sais pas si nous avons déjà appliqué cela , mais j'ai aussi appliqué un batteur droit sur cette colonne. Alors le bloc se vante ne touchera pas l'autre colonne ici. Maintenant, je vais mettre ça à 40 ans. Mais vous verrez si je change cela en mode tablette que ce design n'est pas ce que nous voulons. Et même si nous changeons cela en une mise en page d'une colonne, est probablement pas encore une. Alors testons ça pour l'instant. Je vais passer en mode Tablette Colonnes. Mets ça sur un. Et comme vous pouvez le voir maintenant, l'image devient vraiment petite. Mais aussi, cette zone de texte devient vraiment longue. Alors peut-être que sur un téléphone mobile nous voulons la conception où les images en plein écran, puis le texte est sous ici, qui est ce que cela va arriver par défaut sur les téléphones mobiles. Si vous cliquez sur les téléphones mobiles, vous verrez le Maintenant l'image sera sur le dessus de cette autre tablette bouton colonne. Ce n'est pas par défaut. C' est ce qu'il faut changer. Donc, pour l'instant, je vais juste cliquer sur la mise à jour. Je veux revenir à mon paysage de pose de bloc, un grand nous allons cliquer sur les moteurs de la tablette, et ici vous pouvez voir que les deux colonnes ne sont pas 100% avec, donc c'est ce que nous avons besoin de changer le jour de la tanière apparaîtra sur le dessus de l'autre. Alors allons à la colonne de gauche par ici. Il suffit de cliquer dessus. Allez mettre en place ce boot à 100 et aussi faire cela pour la colonne inférieure comme ceci. Maintenant, nous devons aussi changer les paris ici parce que nous n'avons pas besoin de frapper ici. On a besoin de parier ici. Alors, on va juste changer le financement rapide, comme la dinde ou peut-être 20 au sommet. Ok, ici vous pouvez mettre en place un batteur différent vers le bas. Donc, si vous ne l'aimez vraiment pas, alors que vous n'avez aucun contrôle sur la rangée se cacher entre les bateaux de bloc. Vous pouvez également à frapper à l'intérieur de celui-ci, et vous pouvez changer. Et ici, vous avez la possibilité de le faire pour toutes les plates-formes d'arbres. Papa est un truc si tu veux contourner la mort. Ok, donc ça a l'air bien Maintenant, aussi, vérifions le mobile avant d'y retourner. Et maintenant, il prendra automatiquement le design que nous avons pour les tablettes. Donc c'est aussi assez sympa. D' accord ? Il y a encore une chose que je veux faire. Et cela est réduit la taille entre ceci et ceci parce que je pense que c'est encore trop. Alors allons à notre texte ici. Délié ceci et peut-être même démarrer moins 20 ici. Ou peut-être qu'il y en a un peu trop. Alors qu'en est-il moins 15 et aussi au fond moins 10 ou peut-être moins 15 ? Ok, donc ça a l'air bon. Je veux aller sur le bureau et je veux l'augmenter. Aussi, un peu là-haut, 15 et 15 ans. Ok, ne laisse pas cliquer sur la mise à jour. Retournez à notre élémentaire de terrain à domicile et cliquez sur le rafraîchissement. Et maintenant, on va vérifier les moteurs de la tablette et les douves mobiles pour voir si notre design est bon. OK, cliquez sur les moteurs de la tablette. Et ça a l'air un peu plus agréable sur une tablette. Um, ouais, j'aime ça. J' aime beaucoup ça. OK, Et maintenant vérifions la version mobile. Aussi, il y a un joli rembourrage sur ces colonnes principales jusqu'à mort. Ça rend agréable. Ok, j'aime ça. OK, donc on va retourner en mode bureau pour que le mobile soit réparé, et maintenant on a fini de copier toute cette partie sur les autres pages. C' est ce qu'on va faire dans le prochain épisode. 30. Bloc des articles connexes: D' accord. Donc bienvenue dans l'épisode précédent, nous avons corrigé cette mise en page et cela semble assez cool et cela se lie automatiquement à la vanter de bloc. Mais aussi à l'intérieur des bateaux de bloc. Nous voulons afficher d'autres poteaux de bloc et non pas avec ce design, mais avec notre nouveau design. Et puis nous avons aussi Onley veulent afficher des arcs de bloc qui ont la catégorie maison ou fruits , parce que sinon il ne serait pas lié. Donc, allons juste dans notre modèle de publication unique parce que nous avons besoin de changer le modèle, pas le bloc post lui-même, mais le modèle pour l'ensemble de notre bloc Post, qui est appelé Block vante modèle. C' est un seul qui est important. Commentaires cliquez sur l'APP sur. Alors maintenant, nous allons aller aux éléments ou à l'éditeur. Ok, donc si vous faites défiler vers le bas, vous verrez que ce sont des articles connexes, et nous devons également sélectionner une boucle personnalisée ici. Mais ce que nous pouvons aussi faire, c'est simplement copier ce que nous avons déjà sur la maison. Alors qu'en est-il de l'élite toute cette partie ? Parce qu'on n'en a plus besoin ? Maintenant, allez à la page d'accueil, sélectionnez le poste dont il clic droit copier aller au modèle de publication de bloc à gauche, cliquez sur votre titre, puis clic droit coller. Et maintenant, c'est là. Mais sur cette page, nous ne voulons afficher que trois messages de bloc associés. Ok, alors on va juste mettre ça en place. Descendez les deux par page. L' arbre. OK, et maintenant on en a besoin. Salomon ou ce qui va affluer se vante que nous voulons montrer ici et encore. C' est ce que nous faisons dans la requête. Donc maintenant, nous voulons montrer les messages, mais nous voulons montrer les messages connexes. C' est donc ce que vous pouvez mettre en place ici. Donc, cliquez sur lié. Et maintenant, nous devons dire comment ces messages de bloc sont liés à cette page, et c'est à nouveau par terme parce que les catégories cette partie hors des termes. Donc, cliquez sur les catégories de clic terme, et maintenant vous pouvez voir qu'il se charge automatiquement dans le nouveau bloc vante. Dans cet exemple, vous pouvez voir qu'il affiche Onley pour bloquer les vantails, et c'est parce que nous n'avons pas assez de messages bloqués sur ce site Web pour le moment qui ont une taxe similaire à celle des bateaux de bloc que nous sommes actuellement sur. Donc, c'est comme ça que vous savez que cela fonctionne parce que ce qu'il est mis en place pour un maximum de trois . Alors maintenant cliquez sur la mise à jour. Retournez à votre exemple de pastèque. Cliquez sur actualiser défiler vers le bas. Donc maintenant, si vous faites défiler vers le bas, nous avons seulement besoin de c bloquer les bateaux qui ont des fruits ou fait maison dans le texte. Faites défiler vers le bas. Et comme vous pouvez le voir, aides à domicile, aides à domicile, fruits, droit, parce que c'était aides à domicile et fruits, et il ne montre que trois blocs les deux. Donc, si leurs arcs de bras ou de bloc qui ont t piles maintenant, il ne montrera que ces blocs pose à un maximum d'arbre. Donc, ici, vous pouvez également configurer la crème pour être ascendante ou descendante. C' est la même chose qu'on a fait à la maison. Alors maintenant, le plus récent sera sur le dessus. Ok, donc c'est parfait en fait. Donc maintenant, avec cette même technique, nous pouvons super facilement créer une page de catégorie. Donc, si nous voulons avoir une page pour tout notre poste de petit-déjeuner, nous pouvons créer une lecture d'une minute. Ok, faisons-le juste ça. Donc on va retourner à WordPress. Nous allons aller sur nos pages et voyons quel genre de page de catégorie nous voulons créer en moment. Au fait, fait, c'est une erreur d'orthographe. Alors réparons ce raisin. Serait-ce mis à jour ? Commençons par le petit déjeuner. Ok, Donc je vais cliquer sur Modifier parce qu'il n'y a pas encore d'éléments ou d'éditeur parce que nous devons cliquer dessus une fois, et puis nous devons cliquer sur Edit Element ou avant que ce bas apparaisse sur les pages. Vue d'ensemble. Donc maintenant, tout ce que nous avons à faire, c'est d'aller à la page d'accueil et de copier toute cette section. Ok, copions simplement celui-ci, parce que ce modèle est déjà là. Allons à la page du petit déjeuner. En passant, nous ne voulons pas montrer ce titre, Alors allez à nouveau dans les paramètres, un élément de fou avec parce que nous voulons un en-tête et un pied de page à afficher. Maintenant, nous allons juste baser toute cette section principale parce que c'est la même page. Vous voulez un peu plus d'espacement sur ce genre de pages. Alors réparons ça très vite, allez à celui-ci et mettez-le sur 60. Et maintenant, nous voulons aussi avoir un grand titre H un en haut parce que c'est une meilleure indication que ce ne sont que des articles avec le petit déjeuner tag. Ok, si direct. Faisons simplement glisser dans un titre. Boum très facile comme ça. Un H un petit déjeuner articles, grand titre. Plutôt sympa. Peut-être un peu plus d'espacement sous le texte pour lui donner un peu d'espace blanc. Donc, j'ai dissocié la marge et ajoutons simplement Swinney, par exemple, que vous soyez bon. Et maintenant, nous devons dire à la crème que nous voulons seulement afficher des vantails de bloc qui ont à attaquer le petit déjeuner. Alors va voir Crary. Tu sais déjà ce qu'on va dio. Nous ne allons pas aller à lié parce qu'il ya sur cette page n'est rien qui peut être lié parce que c'est une page vide. Donc maintenant, nous allons rester à vantails et maintenant nous allons passer à terme, et maintenant nous devons dire exactement quelle catégorie nous voulons. Donc si nous tapons le petit déjeuner ici pour montrer le petit déjeuner, c'est en fait tout ce que nous devons faire parce que maintenant nous avons fini avec toute cette page. Mais là en fait, une chose que nous devons faire et qui est de mettre en place la pagination, euh et c'est ce que c'est parce que si vous avez un très gros bloc et que vous n'avez pas préparé à cela que le bloc affichera seulement le maximum montant que vous avez configuré ici. Six dans cet exemple. Mais vous ne pouvez pas revenir plus loin. C' est donc là que vous configurez une pagination profonde. Pour l'instant. Je n'ai que des bateaux bloqués sur les arbres disponibles sur ce bloc. Donc pour l'instant, je vais mettre ça à deux heures. Donc, nous pouvons en fait pour que nous puissions réellement travailler avec des pages. Ok, donc si vous cliquez sur la pagination, vous pouvez cliquer sur les numéros précédent, suivant et les numéros plus précédent suivant. Dans ma conception, j'ai précédé les chiffres et suivant Sadat est ce que vous pouvez vendre ici. Ok, donc c'est très proche. Alors réparons ça très vite. Va à Stell. L' imagination et un espace entre l'espace entre cela est l'espace entre les objets réels. Donc, pour une raison de rouge, ils n'ont pas non plus de cheveux curseurs pour augmenter l'espacement d'ici à ici. Donc, alors vous devez aller dans la typographie, ce qui est en fait pas parfait à faire, mais c'est la seule option qu'ils ont, puis augmenter la hauteur de la ligne. Donc, c'est en fait la hauteur de la ligne au-dessus et sous ce texte. Mais c'est le seul moyen que j'ai trouvé pour résoudre ce problème. Pas parfait, mais c'est ce qu'on doit faire. Ok, donc maintenant nous voulons aussi changer le texte parce qu'il a ajouté ces flèches bizarres que je n' aime pas. Alors faites défiler vers le bas, allez à la pagination et ici vous pouvez configurer les textes. Donc la fin de Lagu est ces choses bizarres que certains vont juste effacer ça ? Parce que je n'aime pas le précédent et le suivant ça devrait suffire aussi, je veux le soulignement Leedy. Donc tu sais déjà ce que je vais faire ? Je vais aller à la topographie, aller à la décoration et mettre ça sur aucun. Et puis il tire sur le travail. Mais ça ne marche pas. Donc encore une fois, laissons ça pour l'instant. J' ai une solution potentielle pour cela et l'un des prochains épisodes à venir en ce moment qu'il suffit de cliquer sur la mise à jour et vérifions la version mobile et tablette a dit Cela semble assez bon. On veut peut-être un peu plus d'espacement dans le haut, donc peut-être 60. C' est juste vérifier mobile pour Maintenant, nous allons également augmenter cela. Peut-être que 60, c'est trop de Mobil de 40, ça ira. OK, alors nous allons juste cliquer sur la mise à jour. Allons sur notre site. C' est notre site web. Non, je n'ai pas ouvert le site et nous allons cliquer sur la page du petit déjeuner et voyons si cela fonctionne. D' accord ? Petit-déjeuner, Petit-déjeuner, petit déjeuner, critique. Mais maintenant, la quantité maximale des deux est trop, ce qui est hors cours, un peu trop peu. Donc, je veux mettre ça en place à six ou huit. Parce que sinon la page sera très longue. Donc pour ce bloc, je vais le mettre à huit heures, ce qui est plus sur la page d'accueil. Mais il s'agit d'un spectacle payé de catégorie arrière réel. Ce n'est pas une chose bizarre à faire. Je pense que oui. On va retourner à la page du petit déjeuner, cliquer sur le rafraîchissement. Donc maintenant un maximum sur un bloc vantantes sera affiché sur cette page de catégorie. Et maintenant vous savez aussi comment faire pour cette page, Cet espace et cette page, mais vous avez juste à faire est de copier toute cette section principale, changer ce titre, puis aller dans la carrière e assez facile Et la seule chose que vous devez changer ici est la catégorie. Badged faire des fruits, par exemple. C' est ainsi que vous créez des pages de catégorie, et c'est tout pour cet épisode. On va déjà loin, donc je te verrai dans la prochaine vidéo. 31. Carrelage de la nature des favoris de la personne - Créer: Hé et bienvenue. Dans les derniers épisodes, nous avons créé ce bloc et ensuite fait un duplicata avec son élément d'autorité ou post sorcières. Et maintenant, nous allons faire la même chose, mais avec une version plus petite qui est profonde section Favoris personnels ici. Donc c'est à ça que ça ressemble en ce moment. Mon design original, que vous avez vu auparavant, ressemble à ceci. Mais je me rends compte que ce n'est pas un design vraiment intelligent, parce que le titre dans beaucoup de post de bloc est plus long qu'une ligne. Et puis il n'y a presque pas de place pour l'exercice. Et il n'y a pas une fonctionnalité facile de montrer seulement une petite partie de l'extrait à l'intérieur de élémentaire ou ainsi à changé est conçu Teoh, le design que vous voyez ici vous. Donc, vous voyez juste le titre sur les bateaux de bloc, puis un bouton de lecture plus. Parfois, quand vous concevez un site Web, vous réaliserez que les choses que vous avez conçues, Luke cool. Mais ils ne sont pas vraiment pratiques. Et c'est ce que je ressens aussi avec mon propre design. Donc c'est le bloc que nous allons créer, et ça va être très facile parce que c'est juste un vote de version plus petite que nous avons conçu ici. Donc, avant de commencer, il suffit de regarder ceci pour signer et nous devons faire quelques calculs. Alors, quelle est la taille par rapport à tout ce bloc ? Parce que alors nous pouvons mettre en place le avec hors les colonnes parce que ce sera une colonne, et puis ce sera une colonne avec un peu de perspicacité, paris sur la gauche, et vous pouvez calculer cela avec des pixels hors cours. Ah, mais j'aime juste concevoir le I parce que sur le site final, il a juste besoin d'être beau. Donc, je pense que toute cette partie est de 33% et peut-être que c'est des années 60, donc ça nous rend facile pour nous-mêmes. Et, ah, Big 30 et puis 74 colonne de disque. C' est donc ce que je fais toujours avant nous, l'élément de travail. Je regarde le design, puis j'essaie de voir les colonnes que je crée réellement avant de commencer à le créer, et cela rendra notre processus plus facile. Ok, alors allons maintenant à Wordpress. Je suis ici à l'intérieur, hors du tableau de bord. J' ai encore quelques robinets ouverts et un robinet que nous devons vraiment ouvrir est celui-ci. Donc, si vous avez fermé un robinet, je vais vous montrer comment y revenir, parce que nous devons copier l'intérieur. On va aller aux modèles et ensuite à Team Builder. Et cette partie s'appelle une boucle. Donc, si vous allez faire la boucle ici, nous pouvons voir que celui-ci est celui-là. Donc, si vous cliquez sur modifier L un mentor, alors votre aperçu de ce bloc. Maintenant, nous voulons créer un nouveau bloc. Nous voulons créer une nouvelle boucle à nouveau. J' ai appelé des blocs d'enseignement, mais dans ce Blufgan est appelé boucle. OK, alors créons un nouveau. On va l'appeler « Bloquer le paysage de Post » parce que c'est toujours un poste de paysage. Ah, horizontal se vante à droite, et c'est un plus petit. Donc bloc, poste, paysage, petit. Tu sais ce que je vais copier ? Facilitez les choses pour moi, basez-le ici et changez cela trop petit, puis créez les modèles. Maintenant, nous allons mettre en place les colonnes. Cliquez d'abord sur un acte sur celui-ci, et maintenant commençons par copier ce que nous avons dans nos bateaux de bloc. Grande version. Alors quoi, tu vas copier toute cette section principale ? Donc pas les colonnes individuelles. Copiez toute cette section principale. Clic droit Copier. Va à la nouvelle. Le petit. Basé sur un clic droit. C' est bon. Maintenant, mettons en place le riff sur les colonnes. Cliquez sur la colonne ici. Peut-être que tu veux zoomer un peu ? Si votre écran est trop petit pour cliquer sur celui-ci, on va le mettre comme sale. Ok, alors de quoi avons-nous besoin ? Nous avons besoin d'un bouton de lecture plus, qui, en fait une version différente de celle que j'ai ici, qui n'est pas parfait à l'esprit. Le design n'est pas entièrement cohérent, nous devons donc copier pour en savoir plus. Nous devons changer un peu le style, et nous devons copier le titre. Et le titre est déjà là, donc c'est bon. Donc, si vous supprimez simplement celui-ci comme celui-ci et supprimez e extrait comme celui-ci, nous avons seulement besoin d'étudier lire plus, Donc faisons ça maintenant. D' abord, je vais supprimer ce soulignement. Donc si tu vas à Stell, ce n'était pas une frontière solide. Donc je vais mettre la frontière à zéro, parce qu'alors on n'a pas de frontière. Et maintenant juste changé le collier de texte en vert. Et maintenant, nous avons fini parce que ce design ressemble à ceci. Et maintenant, la seule chose que nous devons faire est de changer le titre. Mais il a cette marge. Donc ça sort de la boîte. Je n'aime pas vraiment ça. C' est juste d'abord changé la taille de la H deux à h trois parce que nous voulons une version plus petite . Et puis je veux aussi changer d marge supérieure parce que nous avons ajouté cette marge d'arrêt pour disposé , mais cela a un autre élément en plus de lui. Donc on va l'effacer ici, ok ? Et peut-être aussi donne au titre un peu d'espacement sur le fond. Donc peut-être moins cinq, c'est un peu mieux. C' est toujours parfait parce que nous voulons l'image en vedette ici. Donc, nous allons simplement cliquer sur Publier. Maintenant, c'est tout ce qu'on a à faire, en fait, donc on va ajouter des conditions à tout le bloc, se vanter, alors cliquez sur les messages. Tout ce qui est bon. Cliquez sur coffre-fort. Donc maintenant on en a fini avec l'un des blocs, mais qu'est-ce qui est un favori, en fait ? Eh bien, si vous avez un bloc, vous voulez peut-être promouvoir certains blocs vantent plus qu'un autre droit, afin que les gens puissent rechercher ce qu'ils veulent dans les catégories. Mais peut-être que vous voulez promouvoir trois postes de bloc. Donc, la chose la plus simple à faire est juste de créer une nouvelle catégorie, que vous appelez favoris. Et puis quand vous avez un bloc vanter que vous voulez mettre en vedette ici, vous venez de prendre la partie favoris. Et puis si nous trions cette liste sur la plus récente, alors il peut y avoir plus de trois favoris. Mais les plus récents seront au sommet. Et si cela ne vous plaît pas, que vous pouvez également changer l'ordre parce que vous pouvez simplement changer les dates. Ou je vais vous montrer un moyen de changer manuellement l'ordre de leur supposé. Vous aurez donc le contrôle total des publications de blocs d'arborescence que vous pouvez présenter ici, et ce sera le même pour sur la page d'accueil. Cet arbre en vedette se vante. Donc, d'un point de vue technique, celui-ci n'est pas vraiment différent des favoris. Un, parce que c'est juste une catégorie pour toi. C' est des favoris personnels, non ? Et peut-être que les fonctionnalités se vantent que vous voulez ceux qui sont censés être ? Peut-être des collaborations de marques. Droit. Donc ce que nous devons faire maintenant, c'est de faire une case à cocher pour la préparation la mort Spartan. Et nous devons faire une case à cocher pour les favoris afin que nous puissions vérifier les messages bloqués et les mettre dans les favoris. Ok, alors faisons-le tout de suite. Je vais retourner à l'arrière de la presse verbe, alors ouvrons un nouveau robinet, allez à notre propre site web slash WP admin. On va se vanter, puis les catégories. Vous pouvez voir nos catégories ici. Alors ajoutons un nouveau. Favoris slog. Ce sera des barons générés automatiquement. Non, ce n'est pas un parent. Et il suffit de cliquer sur, ajouter. Ok, donc maintenant nous avons un favori obtenir d'accord. Et aussi une vedette. D' accord. Et aussi dans cette catégorie de service. Maintenant, ajoutons trois messages de bloc A à D faveurs. Donc, nous pouvons réellement charger ces poteaux de bloc dans Esso. On va aller à tous les postes, et ensuite on doit aller à l'intérieur du bloc et à eux dans une autre catégorie. Mais il y a un moyen plus rapide de le faire parce que sinon vous auriez à cliquer sur chaque édition , puis vous iriez dans la base. Si vous cliquez sur l'édition rapide ici, vous pouvez simplement les ajouter aux favoris ici. Donc tout aussi bien, pas ce téléphone, parce qu'on fusionne ça beaucoup de fois. Pas en ce moment. Donc le sushi. Je vais ajouter ça aux favoris. D' accord. Et le dernier, je vais aussi ajouter ça aux favoris. Ok, donc maintenant j'ai sélectionné trois poses de bloc que je veux comme favoris, donc nous pouvons réellement charger ces posts de bloc dans. 32. Carrelage de la qualité personnelle -: Mais il y a encore une chose que je veux te montrer avant de charger ces bateaux. Et c'est un moyen facile de changer l'ordre de ces vantails de bloc, parce que nous sommes opprimés par défaut trie D bloc à la fois sur les nouveaux ist, est-ce pas ? Donc celui-ci est le plus récent. Vous pouvez vérifier la date. Si vous cliquez sur, ajoutez-le. Vous pouvez voir que celui-ci est quatre du 15 avril 45 et celui-ci est deux minutes plus tôt, donc c'est le plus récent. Mais si vous voulez changer manuellement cela, vous pouvez changer les dates et tout cela. Mais c'est beaucoup de travail, donc il y a une prise facile et simple pour cela. Si vous allez à Blufgan, cliquez sur Ajouter nouveau et c'est la bordure de type vantage d'or. Donc, si vous recherchez Depp Logan, vous verrez celui-ci, comme ont un taux d'installation de 1,000,000 est très bien, donc il est très facile juste activé, et puis il vous donnera décider erreur. Les deux types doivent être configurés pour aller à la parole dissidente, accord, mais le fera parce que le Blufgan veut savoir quelles choses vous voulez être en mesure de commander sur la page. Ainsi, par exemple, si vous ne voulez pas changer l'ordre de l'appât média, vous pouvez cliquer sur masquer ici. Modèle de bloc. On n'avait pas besoin de ça sur celui-là. Les téléphones. On n'en a pas besoin. Je peux mettre. On n'a pas besoin de ça. Ça devrait être bon pour l'instant. Alors faites défiler vers le bas, cliquez sur Enregistrer les modifications. Et maintenant ça marche. Ça me donne une erreur. Je ne sais pas ce que c'est. Rafraîchissons ça, voyons s'il a disparu. Ok, maintenant c'est parti. Donc, si vous revenez aux vantails, vous pouvez voir que ma souris a cette, hum, quatre flèches de sites. Et maintenant je peux juste drac de se vanter et leur donner un autre ordre. Et cela changera également l'apparence. Alors essayons juste. C' est pour l'instant. , Ce qu'on va faire,c'est qu'on va aller à notre bar du site, parce qu'on fait partie de la barre latérale. Donc, nous allons retourner aux modèles sûrs. Je vais ouvrir ça dans un nouvel onglet. Cyber santé. OK, ouvrez ça à l'intérieur des éléments, ou je vais zoomer à nouveau. Zéro si commun. Donc je serai à 100% et on va faire défiler vers le bas. Et cette partie nous devons changer la mort. Alors cliquez sur le crayon ici. 40 postes sorcières. Et maintenant, nous devons changer celui-ci de la classique 12 D bouclée. On le crée juste. Donc on va prendre une autre peau, cette nouvelle peau, cette petite version. Cliquez dessus. Maintenant, vous verrez notre nouveau design. Et ici, vous pouvez voir ce que je voulais dire. Certains types d'un plus montrent un périphérique. Ce ne serait pas très agréable en termes de design. Donc défilé vers le bas avec une colonne sur un parce que nous voulons juste une colonne, et ici il semble très large. Mais si vous allez à un mobile qui sont prêts semble Non, il ne semble pas parce que nous n'avons pas mis en place mobile. Mais peut-être que les moteurs à double double, euh, n' ont pas l'air parfait non plus. Je vais mettre ça sur un. Maintenant, nous devons mettre en place le plus réactif. Donc, allons d'abord avec le mode Bureau et enregistrez cela pour l'instant et voyons à quoi cela ressemble à l'intérieur d'une barre latérale. Donc on va aller à une page normale. Ainsi, par exemple, l'espace de petit déjeuner, par exemple. Donc, si nous rafraîchissons, nous devrions voir un changement dans cette barre latérale. Donc, je vais cliquer sur l'actualisation, et maintenant vous verrez un changement. Donc maintenant, il va montrer six bateaux de bloc parce que nous n'avons pas mis en place de crear e. Et aussi, l'espacement entre cela est un peu trop. Revenons à notre barre latérale, d' accord ? Ouvrir de crear e parce que nous avons besoin de dire élémentaire que nous voulons seulement afficher déposé qui ont la catégorie favoris. Donc, si vous allez aux deux et ensuite les inclure par catégorie, ce qui fait partie des termes, ok. Et puis terme, nous allons appeler cette foi pour ses catégories favoris. Et nous voulons un maximum d'affichage hors arbre ici. Et c'est ce que nous pouvons mettre en place à la mise en page. D' accord avec ce pays. Et aussi on va changer l'espacement, parce que ce n'était pas bon aussi. Alors allez à Rose Gap, et puis peut-être change à 15. Un peu moins d'espacement entre les objets. Peut-être que c'est un peu trop petit. On verra. Cliquez sur Mettre à jour. Retournez à l'une de vos pages normales. la page du petit déjeuner, cliquez sur le rafraîchissement. Et maintenant, voyons à quoi cela ressemble. OK, donc ce ihsaa assez gentil. Pourtant, le titre est un peu plus bas, donc nous avons besoin de changements Teoh et aussi pour mobile. Ça n'avait pas l'air très bien. Revenons donc à notre modèle, pas le grand. Je suis désolé. Nous devons aller à la plus petite, qui est celle-là. Donc il y a encore un peu d'espacements qu'on va remettre cet os. Je pensais qu'il était venu, mais il n'était pas parti. Mettons ça sur moins 10. Essayons ça pour l'instant. Et aussi pour Mobile, allez à Responsive Click a Mobile et nous voulons également configurer ce 30%. Et puis celui-ci doit avoir 70 ans. Parce que de cette façon, même sur mobile capable regarder bien. Maintenant, nous avons besoin d'un peu de paris sur l'intérieur de cette colonne pour cliquer sur la colonne Advanced orgue à paris sur la gauche. Donc peut-être 20 qu'un titre est vraiment élevé. Je ne sais pas si cela fonctionnera, mais essayons-le simplement parce que ma prédiction sur la précédente était également fausse. Donc on va passer en mode tablette. Configurez également le avec off les colonnes. Donc, mais ça à sale. Et aussi mettre la vaisselle à 70 ans comme ce Gay. Pour une raison quelconque, il y a beaucoup d'espacement sur celui-ci, ce que je ne comprends pas. Mais nous allons juste à quoi ça ressemble. Donc on va cliquer sur la mise à jour. On va retourner à la page du petit déjeuner, et on va voir sur la version du bureau. Si le titre est trop élevé, il est un peu trop élevé. Donc, je ne comprends pas vraiment pourquoi le titre a cette marge en haut. Mais cela arrive parfois parce que parfois aussi, si les fonds peuvent avoir une marche sur le dessus, donc parfois ce n'est pas de votre faute. Mais la marge est implémentée dans les téléphones d'une manière ou d'une autre. Je vais mettre ça à moins cinq. Ce sera assez bon pour ces téléphones. OK, il suffit de cliquer sur la mise à jour une fois de plus. Retournez en cliquant sur actualiser et voyez à quoi cela ressemble. Ok, ça a l'air plutôt sympa. Peut-être quelques pixels de plus, mais pour l'instant, c'est plutôt bon. Ok, donc c'est plutôt sympa. Et maintenant, nous allons veste sur un mobile. Donc ce que je veux faire, c'est que je veux aller à une page normale comme celle-ci. Je vais le rafraîchir. On va vérifier Mobile avant de passer à Gay. Maintenant, ça ressemble à ça sur leur arrêt. Allons à Tablet Motors. Ce n'est pas parfait parce que c'est encore deux colonnes. Revenons donc à notre modèle. Va par ici. Allez à Tablet Motors. Ils peuvent voir qu'il montrera pour bloquer les messages. On ne veut pas ça. On en veut juste une. Alors allez au contenu. Faites défiler vers le bas et mettez celui-ci à un. OK, cliquez à nouveau sur la mise à jour. Retournez à votre petit déjeuner à la fois sur les moteurs de tablette, Cliquez sur Rafraîchir. Et maintenant, nous avons besoin d'ouvrir les moteurs de la tablette à nouveau parce qu'il va aussi aller parce qu'il va toujours revenir à fait que le mode d'arrêt. Et maintenant cela semble déjà un peu mieux à propos de pas parfait. Donc maintenant, je dois retourner ici, aller sur les mobiles de la tablette et réparer ce truc par ici. C' est probablement à cause de Thea tapotant à l'intérieur de cette colonne. Donc si nous avançons, vous pouvez voir qu'il y a 20 en haut, ce dont nous n'avons pas besoin, nous n'avons pas besoin à gauche. Alors maintenant, ils devraient être réparés. Alors vérifions Mobile avec vraiment rapide. Tu vois à quoi ressemble papa, OK ? La marée était un peu trop élevée, donc je vais aussi changer ça moins 15. Il suffit de supprimer cela. Je l'ai aussi mis à moins Fife comme on l'a fait sur l'autre. Et aussi, mettons celui-ci sur moins Fife. Donc, pour lire plus a un peu pour plus de chambre vérifié il tablette Une fois de plus qui semble bon pour la salle à lire, plus cliquer mettre à jour à nouveau. Et maintenant on va le vérifier une fois de plus sur les moteurs de tablettes, aller sur le bureau. Ça a l'air bien. Seul le titre ici n'a pas l'air bien. Donc nous devons changer celui-ci et aller sur mobile. Et ça a aussi l'air bien. Ok, les gars. Donc, nous avons beaucoup fait dans son épisode, et maintenant nous sommes prêts à construire ce bloc vedette ici, qui est un peu différent parce que avec celui-ci, nous avons des choses qui se chevauchent sur l'image. Donc, nous devons utiliser une autre méthode qu'ici parce que c'est une image que c'est donc ici nous allons utiliser avec un fond d'image et aussi une ombre parce que, comme vous pouvez le voir, le Texas pas très lisible S'il n'y a pas d'ombre, Donc c'est ce qu'on va faire dans le prochain épisode donc je te verrai là-bas. 33. Carrelage de la page principale - Créer des carrelets de la création: Bienvenue dans cette vidéo, nous allons créer la boucle en vedette pour Block, comme j'aime l'appeler. Et c'est celui-ci qui a une image de fond, et il a la plupart des éléments que nous avons déjà ici. Donc, si nous revenons à WordPress i f ah, beaucoup de robinets de proximité, beaucoup de robinets. Et les seuls que j'ai ouverts, c'est la page d'accueil. Parce que cette partie de la maison PH. D page d'accueil à l'intérieur de élémentaire ou si vous pouvez aller que par ici ou nourrir les appels et aussi garder ce bloc ouvert à la fois paysage grand parce que nous avons besoin de copier beaucoup de choses d' ici. Et si aussi ouvert est les constructeurs d'équipe. Donc, si vous ouvrez un tableau de bord que je suis ici dans Team Builder et ici nous pouvons voir les deux boucles que nous avons créées. Donc maintenant, nous devons créer une nouvelle boucle basse, et nous devons avoir un nouveau nom pour cela. Nous allons aller avec les vantations de bloc en vedette vraiment simple. Cliquez donc sur ajouter de nouvelles fonctionnalités de post de bloc de collège et cliquez sur Créer un modèle. Et il y a une bonne chose à propos de ce bloc et qui est qu'il peut presque être la même conception sur cet arrêt sur mobile et sur dire il parce qu'il n'a pas de colonne. Donc, nous n'avons pas besoin d'affichage Teoh avec les literies et les marges autant que nous l'avons fait, par exemple, avec ce plus petit , à droite, Donc nous avons seulement besoin de créer ceux et puis il sera déjà agréable sur un mobile et tablette peut être la seule chose dont nous avons besoin pour changer cela la taille du titre, par exemple. Mais la plupart des bars resteront les mêmes. Donc, je suis ici dans Bloat block Post en vedette quelques-uns qui est la nouvelle boucle que j'ai créé. Et j'ai aussi l'ancien ici, et il y a les articles dont nous avons besoin. Alors de quoi avons-nous besoin ? Nous avons besoin de tous les articles à l'exception des extraits D. Donc, avant de copier tout cela, je veux travailler avec un propre ici parce qu'il y a une technique différente parce que ici les éléments sont sur le dessus, souvent l'image comme nous l'avons fait avec le modèle d'en-tête. Nous n'avons pas simplement inséré des sorcières d'image D. Nous avons mis en place l'image comme une colonne de fond 40. C' est ce que nous avons fait au lieu d'utiliser l'image qui elle et si vous définissez l'image comme arrière-plan, alors vous pouvez utiliser des éléments au-dessus de cette image. C' est ce que je vais faire. Je vais les créer un grand appel comme ça tous droits. Je vais lui donner un peu de hauteurs. Alors ajoutons juste un peu de paris sur le fond. Disons juste 20 pour l'instant et beaucoup de choses sur le dessus. Alors peut-être 80. Ok, et ensuite nous devons mettre en place un arrière-plan. On peut mettre en place un arrière-plan dans cette colonne, mais on va utiliser cette colonne pour D Sparse ici. Donc, je vais mettre en place un arrière-plan à la section principale au lieu de la colonne. Désolé, si c'était déroutant dans mon explication. Aussi. 40 en-tête. Nous avons configuré l'image d'arrière-plan dans la section principale, pas dans la colonne. Désolé, mais le principe est le même. Vous pouvez également configurer une image d'arrière-plan pour la colonne, mais dans l'en-tête, nous l'avons fait avec la section, donc nous allons également le faire dès maintenant. Donc, nous allons mettre en place un clic d'arrière-plan sur Stell, cependant, faire des arrière-plans. Maintenant, nous allons utiliser un fond dynamique, qui sera l'image en vedette d'un post. Alors allez ici, cliquez sur Image en vedette, et maintenant vous avez terminé. OK, configurez les paramètres ici à nouveau. Centre des pièces jointes. Pas de répétitions, pas de soupirs répétés, golfeur, car alors il couvrira toute l'image. Maintenant, ajoutons quelques éléments, donc nous allons retourner à notre paysage. J' ai juste copié celui-ci en premier. Copiez donc la catégorie D. Retournez à l'intérieur de la colonne basée. C' est ça. Et nous allons le faire avec le titre à So clic droit sur le titre. Une copie. Retournez, gauche Cliquez sur celui-ci. Basé sur un clic droit. Maintenant, vous avez le titre. Retourne, exerce. On n'a pas besoin de ça. Nous avons besoin de celui-ci. Cliquez sur le crayon. Cliquez droit sur Copier. Retourne. Gauche, cliquez sur Droite. Basé sur le clic. Donc ça devrait être bon. Mais le titre dans celui-ci est blanc et aussi pour en savoir plus. Donc d'abord, on va changer ça. Et puis vous verrez aussi pourquoi nous avons besoin d'une ombre. Donc, si vous cliquez sur le titre. Allez au collier texte Stell et mettez ça sur blanc. Vous pouvez voir que sur cette image, c'est que cela ne fonctionne pas du tout. Donc on va aussi faire ça, c'est 40. Lire la suite, Aller à Stell, érudit de pont et boudette sur les blancs. Vous pouvez voir que cela ne fonctionne pas du tout. C' est pourquoi nous avons besoin d'une superposition d'arrière-plan pour l'image. Donc, si vous cliquez sur la section, nous avons l'arrière-plan ici, et nous devons revenir superposition avant sous son. Donc on va mettre un Grady int dans les arrière-plans. Si vous cliquez sur Grady INS, qui est d'une couleur à l'autre appelant, nous pouvons configurer l'université ici. Maintenant, vous ne voyez rien, alors il suffit de cliquer ici et de mettre ça sur le vert, par exemple, parce que vous pouvez vraiment voir ce que nous faisons avant de changer les colliers aux couleurs exactes que nous voulons. Et maintenant, le texte est déjà un peu plus visible, donc le bas doit être sombre, non ? Vous pouvez même configurer l'angle ici, donc peut-être que si vous voulez aller de gauche à droite, vous pouvez aussi le faire ici. Mais je vais mettre ça et 1 80 parce que je vais passer du bas au haut. Celui-ci doit être la version noire. Donc juste du noir pur comme ça. Et celui-ci peut d'abord mettre ça sur le noir et ensuite mettre la capacité sur zéro. Et de cette façon, vous verrez que le texte devient visible. Mais l'image est aussi encore physique. Vous pouvez configurer l'emplacement du premier appelant et des deuxième colliers. Si vous voulez que l'appelant du bas commence par le titre, par exemple, vous pouvez le faire comme ceci. Mais vous pouvez aussi le faire. Nous avons le col supérieur, et de cette façon, vous pouvez montrer plus de l'image, par exemple, et vous pouvez rendre le bas un peu plus sombre. Alors faisons-le juste ça. Je vais mettre ça à 90 et celui de 25 ans qui a l'air bien un passé. Tu peux changer ça ,le rendre encore plus sombre si tu veux juste le mettre à 0.6, , ok. Et nous avons également besoin d'espacement à l'intérieur de la colonne parce que nous voulons plus d'espacement d'ici à ici. Donc, nous pouvons le faire de deux façons afin que nous puissions ajouter de l'espacement ou en fonction de l'intérieur de la colonne. Ou nous pouvons le faire au niveau de la section. J' aime le faire au niveau de la section. Donc, nous allons juste dissocier celui-ci. Le rembourrage ici aller à avancé et délié le rembourrage. Donc maintenant, il n'y aura pas de rembourrage ici. Allez dans votre section principale et à parier sur l'intérieur de la section principale, vous pouvez déjà voir qu'il y a 20 en bas. C' est gentil ce que je veux. Oh, c'est là. C' est sale. Je vais mettre sale en bas sur la gauche. Je veux aussi avoir de l'autorité, par exemple. Alors l'espace d'ici à ici sera le même que cet espace. D' accord. Et aussi, n'oubliez pas de l'ajouter sur les droits en ce moment, vous n'en avez pas besoin. Mais si le titre est trop grand, alors vous aurez aussi besoin de parier ici. Donc aussi, mettez ça sur la charité. Ok, peut-être que nous devons changer ce pari supérieur un peu plus de troupes, mais nous verrons comment la déférence quand nous commencerons à travailler avec vraiment des données. OK, nous allons juste cliquer sur Publier. D' accord. La dernière chose que je veux faire est d'ajouter plus d'espacement en bas de ce titre, car l'espacement entre la lecture plus et le titre est trop étroit. Allons donc au titre, avançons et voyons ce qui se passe ici. Juste en haut avec ça. De moins 15 à moins 5. Peut-être même complètement supprimé. Non, moins cinq serait bon pour l'instant. Ok, juste avec ça, on va cliquer sur publier, définir les conditions pour tous les messages de bloc. Fondamentalement composé. Sûr. Et puis dans le prochain épisode, les gens, J'ai utilisé ce bloc de fonctionnalités sur la page d'accueil, nous allons vérifier le mode responsive. 34. Carrelage de la page: Bienvenue dans cette vidéo. Nous allons utiliser ce bloc et le mettre sur la page d'accueil afin d'obtenir un design comme celui-ci . Ah, mais pour l'instant, on n'a pas de bloc. Se vanter de cette moitié de la catégorie en vedette. Donc c'est ce qu'il faut réparer d'abord. Donc je vais retourner dans mon dos et le verbe Ra's. Ah, Fi. Ah, ce bouton ici, je vais ajouter quelques messages de bloc à mettre en vedette. Donc nous allons faire la même chose que nous l'avons fait dans quelques épisodes avant ça. Je vais utiliser différents messages de bloc. En ce qui concerne le favori, donc nous allons voir la différence sur l'exemple Celui-ci des modifications rapides et à cela de fonctionnalité, c'est OK, mise à jour. Ok, donc maintenant à un poste de bloc d'arbres pour ceux qui sont en vedette. Maintenant, nous pouvons utiliser ces données réelles sur notre page d'accueil. Ok, on est ici sur la page d'accueil, et on va cliquer sur le rafraîchissement parce que nous avons de nouvelles données du back-end. Faites défiler vers le bas et on va changer ça pour notre nouvelle boucle. Donc, si nous cliquons sur le crayon est la même chose changement de peau qui font personnalisé et je vais sélectionner le nouveau bloc de boucle Post en vedette. Ok, donc papa a l'air Ah, déjà dans l'élevage. Joli. Pas parfait. Mais nous allons changer cela. Ah, Gay fait défiler la rue de la colonne C'est parfait. Et le maximum sera également arbre. Et maintenant, vous pouvez voir que le design commence à prendre vie. Donc, voyons juste à quoi cela ressemble sur la vraie page, parce que c'est la version plus petite. Nous allons donc cliquer sur la mise à jour. Je vais retourner à ma page d'accueil et cliquer sur l'actualisation et voyons à quoi ça ressemble en ce moment . Ok, donc ça respire bien. Déjà nous avons besoin de plus de marge au sommet. Et aussi, celui-ci n'est pas très bien lisible. Alors peut-être que je vais même supprimer ça. Ah, mais essayons d'abord de jouer un peu avec l'ombre et la hauteur de cette boucle. OK, donc nous sommes ici à l'intérieur de la boucle que juste un peu plus de rembourrage d'abord. Alors peut-être un syndicat, comme 40 au sommet. Et maintenant, jouons avec l'ombre en bas. Donc nous allons cliquer sur la section, aller au style, faire défiler vers le bas jusqu'à la superposition d'arrière-plan. On va augmenter la capacité, peut-être même mettre ça sur 0.8 et l'emplacement. On va augmenter la capacité, On va le déplacer un peu vers le haut, pour que notre texte soit mieux visible. Maintenant, Dis texto. Si vous le comparez à mon design, alors c'est une version plus petite parce que sur notre version finale, il semble un peu grand. Je vais aussi changer ça ici, et peut-être qu'on veut aussi utiliser une version un peu plus audacieuse. Donc, il sera aussi un peu mieux visible si vous allez aux textes. Si vous cliquez sur la typographie, nous allons en faire une version plus petite à 12 points. Et aussi donner un peu plus de poids, peut-être 400 ou 500 comme ça. Je vérifie juste à quoi ça ressemble. Je vais donc cliquer sur une mise à jour de retour à ma page d'accueil et cliquer sur l'actualisation et voir quoi cela ressemble. , Ok, donc c'est un peu mieux, mais toujours pas comme je le voulais. Maintenant, nous devons faire un choix. Allons-nous augmenter l'ombre et donc avoir une image qui n'est pas parfaitement visible , ou allons-nous supprimer les catégories ici ? Donc, parfois, vous verrez que vous devez faire des choix pour le rendre plus visible. Au fait, je ne pense pas que celui-ci ait augmenté dans le avec du tout. Donc d'accord, maintenant ça change. C' est donc audacieux. Vous avez déjà envie de changer ? Je veux jouer un peu plus avec l'ombre alors je joue juste avec l'endroit. Mettons ça sur un T aussi pour dislocation. J' ai juste mis cela à zéro et puis peut-être augmenté la capacité à chaque 0,9 pair et aussi faire ce bloc un peu plus haut que nous allons revenir à l'avance et peut-être faire ce 160. Bon maintenant, il semble déjà mieux sur cette version. Um, mettons-le à jour. Retournez à notre page d'accueil et voyez à quoi cela ressemble. Cliquez sur Actualiser. Ok, donc maintenant vous pouvez voir que la catégorie est déjà un peu plus visible. Et si vous voulez qu'il soit encore mieux visible, bien sûr , vous pouvez également changer l' , vous pouvez également changer l'ordre des éléments. Donc, par exemple, si vous mettez pour obtenir d'accord sous le titre, c'est aussi une possibilité parce que maintenant, si vous cliquez sur Enregistrer et cliquez sur Actualiser maintenant vous verrez que la catégorie est beaucoup mieux lisibles. Donc, ce que nous pouvons aussi faire est juste supprimer cela, lire plus de bouton et puis rendre ce titre entier cliquable. Et de cette façon, les gens ont aussi un moyen d'aller à ce post de bloc sans un bouton de lecture plus. Je veux te montrer ça. Je n'ai pas préparé ça. Et c'est ce qui se passe vraiment quand je construis un site web. Parfois, dans le processus, je décide des choses différentes parce que ça semble mieux ou ça marche mieux. C' est donc un vrai processus. Je veux vous montrer que aussi, mes dessins ne sont pas parfaits. Donc, il est plus réaliste de cliquer sur votre boucle et supprimons simplement leurs lectures plus aussi pour notre titre, nous voulons avoir un peu moins d'espacement en bas ici. Et si on mettait ça en moins 10 et qu'on supprimerait ça ? Mettons ça à moins 15. Peut-être même. Ok, donc maintenant ça a l'air bien. Vérifions juste à quoi cela ressemble sur la dernière page. Je vais cliquer sur la mise à jour, cliquer sur l'actualisation ici, et ça semble beaucoup mieux. Peut-être qu'on peut diminuer l'arrière-plan. L' ombre ici rend le bloc un peu plus long, mais cela semble plutôt sympa. Mais maintenant, nous devons lier ce titre dentée post bloc réel afin que les gens puissent cliquer dessus. Donc ce que vous voulez faire, c'est que vous voulez aller au titre ici, aller sur deux continents et ensuite lier celui-ci à la vante du bloc. Donc, si vous allez à des messages et puis allez à poster votre L Maintenant, vous pouvez voir qu'il est un lien à travers dans un clic sur la mise à jour, nous allons revenir à notre page d'accueil, cliquez sur l'actualisation, et maintenant vous pouvez voir que les titres sont cliquable et ils iront aux messages de bloc réels. Ok, donc c'est plutôt sympa. Mais maintenant, nous avons le même problème à nouveau qu'il y a un sous-jacent et j'ai le sentiment que cela ne fonctionne pas non plus si nous le supprimons ici. Mais j'ai le sentiment, en passant, que c'est parce que nous avons mis en place chaque lien avec un sous-jacent, puis pour une raison quelconque Elementary ne comprend pas que cela doit écraser ce que nous avons fait dans l'équipe paramètres. Revenons à l'équipe, Styler, Styler, parce que je suis sûr que cela résoudra notre problème. Donc, si on va à la typographie ici et qu'on fait défiler vers le bas, on va au lien. Et s'il a changé sa décoration par défaut, oui. Maintenant, cela fonctionnera pour toutes nos pages. Cliquez à nouveau sur la mise à jour. Cliquez sur le X. Ok, c'est parfait poing retour à la page d'accueil. Si cela fonctionne comme je le veux, alors il supprimera également un lien sur le bouton suivant sur notre bloc vante. Oui, OK, voici une brève utilisation, mais maintenant il est également supprimé sur cette version. Comme vous pouvez le voir, il y a des limitations avec un élément parce que pour le moment ce n'est pas vraiment parfait, parce que maintenant si nous implémentons un lien ici, il ne deviendra vert, et c'est aussi assez agréable. Mais il n'y a pas de sous-jacent qui, ce qui est quelque chose que je voulais vraiment. Donc, pour une raison quelconque, nous ne pouvons pas combiner la valeur du lien ici avec, par exemple, un titre ou autre chose. Mais nous avons résolu notre problème de sorte que c'est bien. Et maintenant, la dernière chose que je veux faire est de vérifier la version mobile. Diminuer également un peu la marge supérieure. Donc on va retourner à celui-là. Diminuer l'arrêt de marche à peut-être 180 élections a diminué un peu l'ombre, aller à la superposition d'arrière-plan et peut-être rendre la capacité un peu plus légère. Peut-être 0,8 avec un emplacement un peu plus bas. Aussi celle-là. Ok, donc je vais mettre ce 20 juste un que 90 pour permettre. Voyons qui regarde sur la version finale, cliquez sur l'actualisation. Et oui, ça a l'air encore assez bon. Ok, vérifions maintenant la version mobile. Donc nous allons retourner à la page d'accueil, cliquez sur l'actualisation, parce que c'est l'ancienne version. Donc on va aller sur les mobiles de la tablette et voir comment ça marche. Et maintenant, nous avons trois objets ici. Ce qui n'est pas parfait. Donc, ce que je veux faire est de montrer seulement pour bloquer les messages sur une version de tablettes D et peut-être sur la version mobile, um, nous voulons juste montrer l'arbre qui semble assez bon. Mais comme vous pouvez le voir, il y a un peu d'espacement à l'intérieur de cette colonne. Loin parce que cette ligne n'est pas parfaitement alignée avec celle-ci. Donc, nous allons juste une piste que le rembourrage à l'intérieur par ici. Ok, ça a l'air un peu mieux. Oui. Donc, ce que je veux faire est de vouloir aller au poste un défilement vers le bas. Et comme vous pouvez le voir, il y a une autre limitation ici, et c'est que nous ne pouvons pas mettre en place le message par appareil oiseau page. Donc, sur tablette, nous devons faire face à un design qui ressemble à ceci. Et si vous détestez vraiment, vraiment, vraiment vraiment, vraiment, vous pouvez cacher tout cet élément ou même toute cette première section principale de votre page d'accueil sur Lee sur les moteurs Tablet. Donc, je peux comprendre que ce n'est pas vraiment sympa, parce que n'a pas l'air cohérent. Donc, ce que vous pouvez faire est de sélectionner toute cette première section principale, aller à avancé, aller à responsive, puis juste cacher celui-ci sur les tablettes. Et maintenant, il sera toujours visible sur un téléphone mobile et sur la version de bureau. Mais il ne sera pas visible sur une tablette moteurs Donc c'est une autre limitation que nous devons travailler avec. Ok, donc c'est plutôt bon. Donc, nous allons cliquer sur la mise à jour et retourner à la page d'accueil, cliquer sur l'actualisation, et cela semble toujours assez bon. Maintenant, je veux diminuer un peu la marge ici parce que je veux la même marge en haut et la même marge que le bas. Et aussi, je vois qu'il y a encore un peu de rembourrage à l'intérieur de cette colonne. Donc, supprimons simplement cela d'abord, allons à notre section principale ici et vérifions le rembourrage à 30 à l'autorité inférieure à la pensée. Mais il y a aussi de la saleté ici. Alors quoi ? Ce que nous avons, il l'a porté à 60. Ensuite, il y aura 60 entre celui-ci et 60 entre celui-ci. Et aussi vous pouvez voir mon design qui est aussi, mais je l'ai fait moins. C' est la dernière chose. Et maintenant Glicken mise à jour, Retour en arrière, rafraîchir et vous pouvez voir que le test semble maintenant assez bon. Ok, donc maintenant nous en avons fini avec la plupart des parties importantes du site, ce qui est en fait assez sympa. Nous avons seulement besoin de concevoir la nourriture ou avec notre flux Instagram, ce qui ne va pas être une tâche très difficile. Nous devons concevoir la page de contact, ce qui ne va pas non plus être très difficile parce que nous avons tous les éléments qui ont été presque fait avec l'ensemble des gars du site. Alors ouais, continuons à bouger et je te verrai dans la prochaine vidéo. 35. Configurer la section de pied: Ok, les gars, bienvenue dans ce nouveau chapitre. Nous allons finir le site avec la nourriture réelle que vous pouvez voir ici avec un Riel Instagram pieds et nous allons créer la page de contact dans ce chapitre. Donc ce qu'on va faire en premier. Donc on va préparer la nourriture, euh, parce que la nourriture ou ressemble à une section, mais elle a en fait trois sections. Et c'est parce que le flux instagram est un imbécile avec section, et toutes les sections que nous avons créées sur le site jusqu'à présent ne sont pas pleines avec tout est à l'intérieur de cette boîte de contenu que vous appelez un conteneur dans la langue de l'or . Donc tout est à l'intérieur de ce grand. Donc si j'allume mon grain, vous pouvez voir que tout est à l'intérieur de ces formes bleues. Mais le flux instagram n'est pas si ici. Nous devons utiliser un petit truc pour le faire ressembler à une section, mais ce sont en fait des sections d'arbre. Alors faisons ça tout de suite. Nous allons aller à Wordpress et nous avons besoin de faire un nouveau team builder éléments, donc je veux aller à la FIA appelé le tableau de bord Cliquez sur tous les autres robinets loin parce que je sais besoin de lui en ce moment et allons juste aller aux modèles et cliquer sur Team Builder. Et maintenant, nous allons créer un modèle er alimentaire. Donc, Element a déjà un aliment, un modèle cliquez sur nouveau et l'appeler nourriture ou version un, par exemple. C' est comme ça que je l'appelle toujours. Ensuite, ouvrez et encore une fois il vous donnera beaucoup d'options. Mais tu sais déjà ce que je vais faire. On va le concevoir nous-mêmes, parce qu'alors on aura une liberté totale. Ok, donc nous allons juste créer cette première section, euh, puis celle-là et ensuite faire la partie inférieure. Donc, je veux créer une section principale comme celle-ci. D' accord, mais avant que je clique ici et que nous allons créer toutes ces sections, pourquoi ne pas utiliser ces sections que nous avons déjà créées ? Parce que malgré par exemple, il est beaucoup plus facile d'utiliser cette partie parce que c'est juste une version plus grande de l'en-tête . Et c'est facile. Ce n'est pas très dur. Donc c'est juste d'abord copier celui-ci, puis faire le bas. Ils en font une copie et en font une, et ensuite on va faire l'Instagram. Ok, donc c'est ce que je vais faire. Donc on va revenir en arrière, refaire le tableau de bord, aller voir le team builder, et on va ouvrir notre modèle d'en-tête. Alors allez voir le team builder. Faites défiler ici. Vous pouvez voir l'en-tête ouvrir l'en-tête avec élémentaire ou vous allez juste copier cette section principale à droite ? Cliquez sur Copier. Va à notre nourriture. ER écrit en fonction des clics. Faisons un duplicata de celui-ci. Nous aurons donc aussi une section pour celle-ci. Ok, nous allons d'abord à un peu d'espacement sur la version inférieure. Donc nous allons aller avancer et ajouter un peu d'espacement sur le fond et aussi un peu d' espacement sur le dessus comme ça. Ok, c'est en fait tout ce que j'ai à faire. Je pense que pour ce bas pour ce haut. On a juste besoin d'une colonne par ici. Je vais vous montrer un nouveau petit truc que vous pouvez utiliser pour placer une icône à côté d'un titre, parce que ce n'est pas quelque chose qui est par défaut avec les Richards. Ok, donc, euh, pour le haut. Supprimons simplement ce réseau social parce que nous avons juste besoin d'une seule colonne. Ensuite, nous allons aussi supprimer l'intérieur de celui-ci. Alors aller aux riches n'est pas une colonne. La sorcière, on va supprimer le menu, lequel c'est ? Donc, nous aurons une colonne vide comme celle-ci. Maintenant, quoi avons-nous besoin ? Nous avons besoin d'un Je viens, d'un titre et d'un sous-titre. Ok, traînons juste dans notre je peux d'abord. Alors allez à votre type Richard dans Aiken et Dragon. Et je peux aimer ce gars diable pt Instagram je peux maintenant nous avons aussi besoin d'une pensée h deux. Oui, pour notre en-tête. Donc, faites glisser dans un h faire cap comme ça. Ok, tout est partie de la même colonne. Attention à ce que tu ne le traînes pas dans celui-ci. Et maintenant, nous voulons aussi avoir un sous-texte, qui est juste me suivre sur instagram. Donc je vais déjà copier ce texto. Et nous allons simplement glisser dans cet éditeur de texte comme ça sous le titre Assez facile. Et je vais mettre le texte ici. D' accord ? Maintenant, commençons un peu. Donc nous allons continuer à centrer celui-ci, et nous voulons aussi faire cette en-tête de quatre jours. Maintenant, il y a deux choses que nous pouvons faire. Nous pouvons travailler avec une intersection comme nous l'avons fait sur la page d'accueil afin que nous puissions mettre cet Aiken dans une section et ensuite aussi le titre dans une section. Mais il y a une autre façon de le faire, et c'est de donner à cet Aiken et à ce texte un moyen de ne pas vivre les uns sur les autres mais à côté de l'autre. Donc c'est ce qu'on va faire si on clique sur l'Eiken, si on va avancer et qu'il y a une nouvelle chose, on ne l'a pas fait avant. Si vous allez au positionnement, vous pouvez ville avec deux en ligne auto. Si vous faites cela, alors vous pouvez voir que les lignes bleues vont changer, et maintenant il est possible d'ajouter d'autres éléments à côté de l'Eiken au lieu de au-dessus de la Je viens comme si c'était les valeurs par défaut pour toute la sorcière. C' est donc ce que je veux aussi faire pour mes titres. Rapidement sur votre titre, allez à avancé au positionnement avec en ligne automatique, et ici vous pouvez voir qu'il est maintenant à côté de l'autre. Alors, qu'est-ce qu'on doit faire maintenant ? On doit placer ces deux-là au milieu. Et comment on va faire ça, c'est aller deux colonnes D. Et ils allaient dire à la colonne que nous voulons que tous les objets soient alignés horizontalement Klay au milieu. Alors allez à la ligne horizontale, mettez-le au centre. Et c'est pourquoi je n'avais pas vraiment besoin de le faire pour l'éditeur de texte D. Donc maintenant, nous devons changer ce style ici. Donc, nous allons juste d'abord changer notre Je peux cliquer dessus, aller au contenu, cliquez sur la bibliothèque Aiken parce que l'Instagram Aiken est déjà dans ici. Instagram. C' est là. Cette version défectueuse a l'air assez agréable. On va faire ça une crème foncée pour aller à l'appelant vert foncé. Ça a l'air sympa. Nous allons aussi le faire pour le texte. Par ici. Va voir Stell Tech, Scholar. Crème foncée. Ça a l'air plutôt sympa. Maintenant, on va jouer un peu avec les tailles, alors allez à votre Aiken à nouveau. Voici la taille. Peut-être que tu veux mettre ça sur quelque chose comme ça. Et maintenant, vous voulez ajouter un peu d'espacement en haut de ce texte et à gauche. Donc, ce sera plus comme de concevoir que nous voyons ici. Je viens d'utiliser le nom d'utilisateur sur Instagram, Mais vous pouvez aussi utiliser un autre texte, bien sûr. Alors faisons-le au début. Maintenant, allez à avancé à un peu hors marge en haut et un peu de marche sur la gauche parce que nous voulons avoir de l'espace à l'extérieur de ce texte. Ok, financement celui-ci, cliquez ici et utilisez vos touches fléchées pour que ça paraisse bien. Donc sept, c'est bon pour l'instant, à gauche. Vous voulez peut-être utiliser un nombre rond, quelque chose comme alors qui ressemble à l'élevage. Joli. D' accord. Et maintenant, la dernière chose que nous voulons faire est que nous voulons plus d'espacement à l'intérieur de cette section principale. Si vous allez avancer, nous allons également ajouter de l'espacement à l'intérieur, qui est en train de parier pour l'instant, cliquez sur le bas 40 et le top 40. D' accord ? Et maintenant, nous avons seulement besoin de faire une section de plus pour notre Instagram s. Donc nous allons préparer ça et ensuite dans le prochain jamais. Donc, je vais vous montrer comment vous pouvez implémenter votre flux instagram ici qui sera automatiquement mis à jour si vous téléchargez une nouvelle image. Alors cliquez sur Ah, une nouvelle section en ce moment et sur une seule colonne et mettez celle-ci au milieu comme ça. Et maintenant, vérifions Mobile re rapidement avant qu'on passe à autre chose. Je vais vérifier les motifs de ma tablette. Et comme vous pouvez le voir, ce look semble presque parfait. Mais sur la section stop n'a pas l'air très bon parce que nous devons faire quelques ajustements ici. Et c'est parce que cette colonne n'est pas à 100% dans. Donc on va mettre ça à 100%. Donc celui-ci sera aligné au milieu pour aller à la disposition. C' est juste concéder est sur 20. Et c'est parce que nous avons copié cette version, qui a le 20% avec, comme, vous pouvez voir ici. Donc, si vous mettez cela à 100% en arrière maintenant, cela semble bon et faisons juste cela sur mobile aussi. Mais vous mettez aussi cela sur une centaine et maintenant nous devons ajouter un peu de paris à l' intérieur de la section principale. Alors allez à la section principale, allez à sa Vance, peut-être à 40 en bas et 40 en haut. Et aussi faire ça pour votre tablette. Des motifs comme ça. 40 en bas 40 en haut. Donc maintenant notre version mobile est déjà presque parfaite. Comme vous pouvez le voir, cet alignement n'est pas bon. Comme je vais aussi arranger ça. Je vais délier la marge et jouer un peu avec ça. Peut-être mettre tout ça moins Fife et la gauche sur moins 10. Encore une fois, cela avait l'air beaucoup mieux et un mobile. Vérifiez aussi. Ok, ça a aussi l'air beaucoup mieux. Ok, donc maintenant on a fini. Il est entièrement réactif. Et maintenant, la dernière chose que nous devons faire est d'insérer notre flux Instagram, donc je vous verrai dans la prochaine vidéo. 36. Insérer votre flux Instagram: D' accord. Bienvenue de retour. Dans cet épisode, nous allons insérer notre pro Instagram est tombé sur notre nourriture er s Oh, c' est assez sympa. Mais il y a quelque chose que j'ai oublié dans l'épisode précédent et qui est en fait de publier la nourriture ou parce que maintenant, la nourriture er n'est pas visible sur notre site. Allons à notre page d'accueil, faites défiler vers le bas et vous voyez qu'il n'y a pas de nourriture. Allons à notre page d'accueil, Euh donc nous allons publier cette nourriture er ou retourner à votre nourriture ou cliquez sur Publier et vous voulez malgré cette nourriture ou sur votre site web entier. Il suffit de cliquer sur celui-ci et ensuite il est automatiquement sur l'ensemble des sites. Donc, encore une fois, vous pouvez également faire différentes commandes alimentaires, qui apparaîtront sur différentes pages. Et puis vous pouvez leur assigner des pages spécifiques à Teoh si vous le souhaitez. Mais pour la plupart des commandes alimentaires, tu veux juste des orteils. Mettez-les sur toute la page. Si vous cliquez sur Enregistrer et fermer maintenant, retournez à votre page d'accueil. Cliquez sur Actualiser. Vous verrez que maintenant la nourriture est également partie de notre page d'accueil. Très bien, c'est plutôt sympa. Ok, donc on va retourner à la nourriture. Un modèle et élémentaire n'a pas un moyen facile d'insérer un pied instagram. On a besoin d'un autre branchement pour ça et de brancher. On va trouver ça dans le sang dans la section. Bien sûr, nous allons revenir à nouveau dans le verbe Best to your Blufgan section et cliquer sur Nouveau . Maintenant, on va le chercher. Blufgan. Ce sont des objectifs. Je cherche juste Instagram. C' est le moyen facile. Et puis il apparaîtra comme le 1er 1 que nous avons besoin d'insuline. Maintenant, ça s'appelle Smash Balloon Social flux de photos. Ok, donc si vous activez celui-ci maintenant, vous verrez qu'on a un nouveau top ici appelé Instagram pieds. Donc, si vous allez dans les paramètres ici, vous pouvez connecter votre compte instagram avec dans ce plumking. C' est un Blufgan assez facile à utiliser. Ce n'est pas parfait parce que c'est la version gratuite. Hum, et si vous voulez plus de fonctionnalités, vous pouvez passer au pro. Mais la version gratuite est assez bonne. Donc, ce que vous devez faire maintenant est que vous devez connecter votre compte instagram et quatre discours. J' ai créé un compte séparé 40 mode de vie sain er que je vais utiliser parce que je veux utiliser ces images sur ce site. Mais dans cette étape, vous devez vous connecter votre propre compte instagram ou aussi créer un faux compte Instagram juste pour avoir des photos à montrer ici et connecté à Instagram. Et je ne pense pas que ce soit une bonne idée de te donner ce passeport parce que je ne sais même pas si j'ai le droit de le faire. Donc, je vais juste utiliser le bagage que j'ai pour les comptes dis. Donc, si vous voulez vraiment cela comme un élément de portefeuille, vous devez également créer un compte, télécharger des photos et ensuite regarder avec cela parce que c'est la façon légale de le faire. Je le crois. Je vais connecter mes comptes INSTAGRON. Les deux options fonctionnent ici. J' ai testé les deux, mais je vais juste garder ça facile maintenant avec un compte personnel. Donc je vais cliquer sur connecte, et maintenant vous devez vous verrouiller avec vos comptes Instagram. Il voit déjà que je suis à la recherche avec instagram. On pourra changer ce regard plus tard. Donc, pour l'instant, j'ai juste besoin de cliquer sur continuer et puis il me demandera, Teoh, utiliser mon Instagram. Comme vous pouvez le voir ici, c'est mon propre compte instagram car il voit déjà que je suis verrouillé sur Instagram. Il vous demandera si je veux utiliser mon compte Instagram personnel. Au fait, c'est mon instagram Si vous voulez me suivre sur Instagram Donc ce que je dois faire maintenant , c'est que je dois changer de compte parce que je veux m'amuser avec d'autres comptes. Donc, vous devez d'abord cliquer et continuer. Et maintenant, je peux regarder avec d'autres comptes. Donc je vais mettre mon nom d'utilisateur et ensuite mon mot de passe. Ok, donc je vais cliquer sur une connexion en ce moment. Et au fait, c'est du texte néerlandais. Au fait, ce n'est pas anglais parce que je suis néerlandais dans mon ordinateur et Instagram voit que je suis néerlandais, mais vous verrez dans le texte anglais ici et je vais demander si je permet à ce Blufgan d'utiliser mes photos sur mon propre Instagram profil Teoh à afficher sur le site Web. Donc, je vais cliquer sur appliquer et maintenant il va demander Hey, voulez-vous ajouter ce compte, et puis je vais dire oui. Et maintenant, il est connecté. Donc c'est plutôt sympa, parce que cela signifie que nous ne pouvons pas afficher les photos D de celle-ci sur la page. Donc, ce que vous voulez faire est que vous voulez faire défiler vers le bas, et puis vous verrez que vous devez insérer cela aller sur votre site Web pour l'afficher parce qu' il ne fait pas partie de l'élémentaire. Droit est une prise externe et ah, beaucoup de branchements externes contre le travail avec des couches courtes. Donc ça s'appelle un manteau court que vous devez mettre en œuvre à l'intérieur de L. Un mentor et c'est l'endroit Onley où je vais utiliser un court, court chèvre à l'intérieur de l'élément ou en arrière dans la journée. Vous utiliseriez beaucoup de courts va pour construire un site Web, mais en ce moment ce n'est pas comme ça. C' est donc la seule fois que nous allons utiliser un raccourci pour copier celui-ci. Retourne à ta nourriture, euh et puis on doit insérer ce raccourci. Voici comment vous faites c'est avec la chèvre courte, ce qui est assez facile. Il suffit de le faire glisser comme ça. Et je baserais juste ce raccourci ici, ou juste le copier comme ça. Et maintenant, vous verrez que cela ne fonctionne pas très correctement. Alors, nous allons juste cliquer sur. Appliquer d'abord. Ok, ça a déjà l'air un peu mieux. Glicken met à jour ça. Allons à notre page d'accueil et cliquez sur Actualiser et voir ce qui va se passer. Ok, donc c'est la valeur par défaut pour ce Blufgan. Donc ça marche. Ce sont les photos que j'ai sur Instagram. Il montre Thea votre euro. Il affiche votre nom d'utilisateur ici. Il a un bouton de suivi, donc c'est assez cool. Mais nous voulons un design qui ressemble à ceci. Alors, comment allons-nous y parvenir ? Nous devons aller dans les paramètres, alors revenez à ce plug in et vous devez aller à personnaliser ici, Alors cliquez et personnalisez le riff sur les pieds. Gardez ça à 100. C' est ça. Fonctionnalité Pro. Comme vous pouvez le voir, un certain nombre de photos et notre design. On veut un maximum de huit photos ici pour que tu puisses le mettre à huit colonnes. Eh bien, c'est un horizontal. Donc c'est huit colonnes pour l'éteindre. Huit. Frappage autour des images. Nous voulons que ce soit zéro parce que les images sont parfaitement alignées, donc je vais juste mettre ça sur zéro. Tu vas le mettre en un ? Si vous voulez un peu d'espace entre les photos, Alors gardons juste pour l'instant et voyons ce qui va se passer. Retournez à votre page d'accueil, cliquez sur l'actualisation et maintenant nous verrons que cela se produit. Ok, donc nous devons cacher quelques choses, et ensuite nous devons ajuster la section. D' accord ? Revenez donc aux paramètres. Fille vers le bas. Et nous avons besoin de Teoh. Désactivez quelques choses à Heather Shoaf Eat Header. Nous n'avons pas besoin de ce spectacle Biotechs. Nous n'avons pas non plus besoin que défiler bas Mawr Pas de bouton de suivi. Je sais que se trouve les changeurs de clic sûrs revenir à votre page d'accueil, cliquez sur l'actualisation et maintenant cela va se produire. Et maintenant, nous devons aller dans l un mentor et dire comment nous voulons afficher cette colonne et cette section principale. Ok, donc on va retourner à la nourriture et on va cliquer sur le rafraîchissement parce qu' on a de nouvelles données et dans Adam et dans l'élémentaire, qu'il n'affiche pas correctement. Hum, nos pieds Instagram, ce n'est pas un problème, parce que je sais quoi faire. Donc on va zoomer un peu, en fait, au moins sur mon écran, parce qu'on veut voir l'espace blanc sur les côtés ici. Et c'est pourquoi nous avons fait le pied de page avec trois sections principales. Parce que cette section principale est la seule section qui doit être pleine avec au lieu de boîte, qui est la boîte que j'ai décrite précédemment, qui est la boîte entre la grille bleue. Donc cette boîte, accord, on doit mettre ça sur la boîte de noix, en fait pleine avec. Et maintenant, vous verrez que cette section principale est pleine de cet air, encore un peu de base de glace. Et c'est parce que l'espace blanc par défaut à l'intérieur de la colonne toujours là. Tu sais ce que je vais faire ? Tu vas juste délier ça ? Et maintenant, vous verrez que le manteau court est le truc Onley. Que nous avons un aperçu de cette section. Ok, collègue sur la mise à jour à nouveau, Retournez à votre page d'accueil vont zoomer un peu. On va se rafraîchir. Et maintenant, vous verrez que cela fonctionne. C' est plutôt génial. Et même il est lié aux images réelles sur Instagram. Ici vous pouvez voir mon profil de droits. Ok, donc je suis plutôt content de ce que ça ressemble sur un bureau, mais ça ne semble pas parfait sur mobile, alors vérifions mobile pour l'instant. Donc, si vous faites défiler jusqu'à la nourriture ou vous verrez que sur mobile, ça a l'air bien, mais c'est, Ah, huit images l'une sur l'autre. Et comme vous pouvez le voir, inver presse ici, il dit que sur mobile, il change automatiquement à quelques colonnes étaient. Mais ça n'arrive pas. Donc ce n'est pas quelque chose dont je suis vraiment heureux. Alors peut-être que c'est mieux dans la version pro. Mais là encore, c'est une limitation que je ne peux pas changer. Donc, ce que je veux faire, c'est que je veux cocher cette case et cliquer sur Enregistrer les modifications. Et maintenant, je veux retourner à mon téléphone portable et rafraîchir ça. Et maintenant, vous verrez que sur mobile, il semble un peu mieux. Ce n'est toujours pas parfait. Mais encore une fois, c'est un Blufgan gratuit. Donc, si vous voulez vraiment personnaliser votre flux instagram, vous devez regarder d'autres plug-ins, peut-être l'appât, l'élégance. Mais c'est ce que vous pouvez faire gratuitement. Donc, oui, je suis plutôt content du résultat. Et continuons maintenant avec la page de contact, que nous allons construire dans le prochain épisode. 37. Créer une page de contact: Hé, et bienvenue. Dans cet épisode, nous allons construire notre page de contact, ce qui n'est pas très difficile à créer. La seule nouvelle chose que nous allons faire est de créer ce formulaire de contact, qui est en fait juste une version plus longue et plus simple que le formulaire de contact que nous avons ici. Donc ce qu'on va faire, c'est qu'on va utiliser celui-ci et ensuite ajusté pour obtenir le design que vous pouvez voir ici. Alors commençons juste. Je vais aller sur mon site, et je viens de fermer quelques robinets pour l'instant, et je veux ouvrir ma page d'accueil parce que je veux copier cette partie, donc je vais l'ajouter une page d'accueil avec moi un mentor. Et puis je vais aussi aller à la page de contexte D, que nous allons ouvrir dans un nouvel orteil, , et puis je veux aussi ouvrir celle-ci avec moi un mentor. Nous ne pouvons pas collecter celui-ci pour le moment car nous n'avons pas édité la page contextuelle auparavant avec l'éditeur élémentaire. Donc, si vous ne pouvez pas cliquer sur ce bouton ici, vous devez d'abord aller à la page Modifier. Dan unités cycliques sur édition avec des éléments ou puis l'âge profond seront accessibles avec élémentaire. D' accord, donc tout d'abord, on va changer le modèle parce qu'on ne veut pas ce titre ici. Alors encore une fois, allez dans les paramètres. Fondamentalement sur élémentaire, plein avec. Nous verrons donc l'en-tête et le pied de page, mais pas le titre. Ok, c'est parfait. Alors maintenant regardons la conception et voyons d'où nous pouvons copier Bartsch. Donc cette partie ressemble un peu à notre barre latérale. Parce que tu as celle-là. Vous avez un titre, qui est juste une version plus grande. Le H. Vous avez un texte qui, avec quelques points de puces et vous avez D fonds de création. Donc on va ouvrir notre panneau timide, et on va aussi ouvrir la page d'accueil de cette section ici. Commençons donc par la page d'accueil. Je vais ouvrir la page d'accueil, et je vais copier toute cette section d'ici, alors cliquez sur celle-ci. Clic droit Copier. Allez aux contacts. Basé sur un clic lumineux. Je vais zoomer un peu moins Commons. Et tout d'abord, nous voulons beaucoup plus d'espace à l'intérieur de cette section principale. Alors faisons ça d'abord. Nous allons aller à nouveau et ajouter quelque chose comme peut-être 80 en haut et en bas, le bas, collier de fond sur ces colonnes. On veut juste que ça soit blanc. Donc nous allons supprimer la couleur de fond que nous avons ici. Donc, si vous cliquez sur l'appelant, puis cliquez sur non clair, alors il sera à nouveau transparent. Et bien sûr, le fond est blanc ici, donc c'est parfait. Et nous allons aussi le faire pour les autres colonnes. Cliquez ici Gahler et dégagez. Donc c'est le fond pour notre page de contact, pas nous voulons ouvrir notre pédale timide. Donc, ce que vous voulez faire est de vouloir parcourir votre page d'accueil. Et si vous survolez cela, vous pouvez voir quelques modèles ici. Eso Parfois, on veut aller à la bruyère. C' est pratique parce que vous n'avez pas besoin d'aller au team builder et du tableau de bord. Mais dans ce cas, la barre latérale n'est pas ici. Alors nous devons aller aux appels. Donc, je vais aller aux modèles et modèle enregistré parce qu'il ne fait pas partie du team builder. Ouvrez la barre du site comme ceci, puis revenez à la page de contact et regardez ce que nous avons déjà parce que nous avons déjà un texte ici. Jetons maintenant un coup d'oeil à la conception. Nous avons une balle inutile ici. C' est ce que nous pouvons créer avec un Richard élémentaire. Il suffit de copier celui-ci et celui-ci. Ok, donc ça va être facile. Ouvrez la barre latérale. Ah, copie. Ah, celui-là gauche Cliquez sur cette copie rigide du clic droit. Allez à la gauche de votre page de contact, cliquez sur la droite. Cliquez et placez cela en haut du titre et à gauche de la ligne. C' est OK. C' était facile. Maintenant, nous voulons aussi de titre créatif rusé. Donc, à gauche, cliquez, clic droit, copier, page de contact à gauche, cliquez, clic droit. Et aussi laissé la ligne que maintenant notre titre est un H parce que c'est une grande version. Donc nous allons sélectionner notre modèle. Ça a l'air bien. Et maintenant, je vais changer un peu le texte. Ok, donc si vous changez de texte, euh, et il y a un problème, et c'est la ligne. J' ai encore jeté le titre. Cela n'a pas fonctionné dans un team builder, donc nous devons l'ajuster ici pour une raison quelconque. Donc, nous allons à la hauteur de la ligne de typographie à moins de changer cette valeur. Deux pixels. Et puis je pense que c'était quelque chose comme, Eh bien, vérifions le design. Pourquoi je fais ça ? OK, il est 42. Donc, euh, nous devons travailler de manière cohérente. Maintenant. J' ai failli me voir être paresseux. Nous devons donc être cohérents et avoir la même ligne. Hauteur de chaque h un titre, Bien sûr. C' est ce que je vais faire ici. Ah, Et comme vous pouvez le voir dans le design, c'est une jolie petite colonne, donc vous pouvez faire deux choses. Vous pouvez rendre cette colonne vraiment petite qui rend cette colonne vraiment grande et à gauche panoramique ici. Ou vous pouvez juste faire ce 50 50 et puis juste à parier sur la droite. Donc c'est ce que je vais dio 50 50 est plutôt sympa. Donc c'est juste le premier Jack D avec hors de la colonne ici, si c'est même 50 maintenant c'est 51. Alors mettons-le sur 50. Ok, vous pouvez voir qu'il y a des caresses ici, donc on va changer cette interdiction de ce côté en ce site. Donc c'est l'interdiction de gauche, bien sûr. Supprimez cela maintenant sur la droite, à plus de rembourrage. Donc peut-être 80 encore plus de rembourrage. Et 120 ? 141 160. 180 ? Oui, 180 est ce que je veux. Encore une fois, c'est 50. Donc, cela signifierait aussi que celui-ci devrait être 50. Cliquez dessus à moins d'être coché. Si c'est aussi 50. Ok, il est presque 50. Parfait. Ok, donc il y a encore une chose, et c'est la liste des puces. Je ne sais pas si j'ai montré que vous aviez déjà à créer un mettre un inutile parce que nous avons déjà fait beaucoup. Mais une liste de puces. Vous pouvez facilement le faire avec les listes, ce qui est donc si vous tapez dans la liste ici, vous pouvez saisir la liste des icônes ici avec ceci, qui vous aurez un peu plus d'options de personnalisation qu'avec le texte normal point de balle. Mais si vous voulez juste le rendre vraiment facile pour vous-même, vous pouvez aussi simplement aller dans l'éditeur de texte ici à deux lignes de texte sur l'exemple numéro de téléphone et e-mail, puis sélectionner les deux et la liste de puces sélectionnée. C' est la version facile. Mais comme vous pouvez le voir, il y a un espacement entre le côté et ce point de balle. Et il n'y a pas beaucoup d'options ici pour changer ceci ou je ne sais tout simplement pas comment faire cela , mais pour moi, je n'aime pas ces espacements. Donc ce que je vais faire, c'est que je vais supprimer ce texte comme ça, et elle a utilisé la liste, qui est correct, alors ce qu'il nous faut c'est qu'on a besoin d'un petit cercle pour l'Eiken parce que ça ressemblerait à un boodle liste. Donc, si vous allez à la liste, je peux Vous pouvez sélectionner un autre Aiken ici, cliquez sur cela et tapez simplement quelque chose comme Circle. Ok, voici le cercle complet, sorte d'insert qui perdent bien proche qui supprime l'autre pour faire un doublon, ne faisant pas un doublon Ou en fait, nous allons seulement maintenant au style et puis changer le site de l'Eiken à l'intérieur d'Aiken. Alors maintenant, il est 14. C' est le dire à six heures, par exemple. Et maintenant, comme vous pouvez le voir, c'est un peu plus agréable que vous pouvez voir que ce n'est pas parfait parce qu'il est un peu bas aligné. Ce n'est pas parfaitement au milieu. Il y a aussi quelque chose que j'aimerais qu'ils aient déjà changé, mais ils ne l'ont pas fait. C' est donc avec ça que nous devons travailler. Donc tu peux rendre ça un peu plus grand si tu veux, mais je vais juste le mettre à six heures. Pour l'instant, ce que vous pouvez faire est de détecter le changement dans les tanières. Et c'est le singh pian entre le point et les textes réels. Et la dernière chose que vous pouvez également faire est de changer l'espacement entre les lignes. Eso en fait zéro est le moins, et vous pouvez augmenter l'espace. Donc je vais juste laisser ça à zéro, ok ? Et maintenant je vais changer la texture très vite. Ok, ça a l'air bien. Donc, sauvegardons ceci pour l'instant et cliquez sur les modifications de l'aperçu. Et comme vous pouvez le voir, ça a l'air assez bien. Ils sont encore un peu trop de marge entre le texte et la puce. Tu sais déjà ce que je vais faire ? Je vais diminuer la marge inférieure à quelque chose comme moins 20 ou c'est trop. Moins 10. Ok, que vous travaillez maintenant cliquez sur une mise à jour et maintenant nous avons presque fini. Et maintenant, vérifions la version mobile. Donc je vais cliquer sur Tablet et maintenant il saute automatiquement Teoh Ah, 100% avec la colonne, qui est ce que je veux. Mais la marge ici n'est pas parfaite. Donc on va aller avancer, puis caresser, et ensuite je veux lier celui-ci. Rien ne se passe parce que je suis encore en train de zoomer pour ne jamais oublier ça. Revenez au zéro commun. Et maintenant, vous pouvez voir que c'est vraiment différent. Ce n'est même pas 100%. Alors, changeons. C' est pour l'instant. Ok, donc tu peux le laisser à 100 pour l'instant. Mais je pense que pour les comprimés, 50 pourrait aussi fonctionner. La seule chose que je vois est que la hauteur de la ligne a disparu pour une raison quelconque. Donc c'est quelque chose que je veux réparer avant de passer à autre chose. Et nous allons également vérifier la version mobile et il y a beaucoup trop de paris à l'intérieur. En fait, je ne veux pas de paris à l'intérieur. Je veux juste parier en bas. Supprimons les 40 ici parce qu'on va ajouter du rembourrage à la section principale au lieu de la colonne, non ? Nous voulons travailler de manière cohérente leurs droits, supprimer qui a laissé le leader et seulement ajouter quelque chose comme 42 le fond. Il y a donc un espace entre cette partie et le formulaire de contact réel. Ok, donc c'est ce qu'on doit faire pour cette première colonne. Et puis dans le prochain épisode, n'oubliez pas de sécuriser. En passant, nous allons créer notre formulaire de contact et le faire et le transformer en un formulaire de contact qui ressemble à ceci et fonctionne réellement, et il enverra automatiquement un e-mail à votre boîte de réception. 38. Le formulaire de contact: D' accord. Bienvenue de retour. Nous avons presque fini avec la page de contact. La seule chose que nous avons à faire est de mettre en place le formulaire de contact. Donc nous sommes toujours dans les éléments ou les éditeurs ? Je vais ouvrir cette fenêtre, et maintenant on veut changer celle-là. Ok, donc la première chose que je veux dio est que je veux changer la sensation sur les colonnes réelles parce que n'importe quel formulaire de newsletter, nous avons mis en place celui-ci pour être fou 100% avec mais pour notre design, nous voulons un 100% avec contexte et seulement le mais il doit être petit. Si nous allons à nos champs de courriel, nous voulons que la colonne soit 100. Le bas va automatiquement passer à une nouvelle ligne car cela doit être 100. Droit ? Maintenant, on va ajouter les autres champs. Alors de quoi avons-nous besoin ? Il nous faut un nom. Soumettez un message. Ok, alors allons-y. Ah, et cette sorcière à l'intérieur de l'élément ou a déjà tous ces champs que Buell a intégrés. Donc c'est plutôt sympa. Et ce que cela signifie est qu'un e-mail alimenté par exemple, vérifiera automatiquement même le courrier électronique. Il est en fait rempli qui se sent donc si vous n'utilisez pas de signe à, par exemple, vous pouvez générer une erreur. Parce qu'avec ces entreprises de contexte, si quelque chose se passe mal, vous pouvez mettre en place des erreurs ici. Et je pense que j'ai déjà couvert cela dans l'épisode précédent où nous avons créé le formulaire de newsletter. Mais dans cet épisode, nous allons plonger un peu plus profondément dans ce wichit. Ok, donc tout d'abord, les carburants électriques plus grands que nous voulons, nous voulons d'abord, changé le nom pour formulaire de contact, et ce nom peut être important pour quelques raisons différentes. abord, quand quelqu'un se sent en déforme, vous recevrez un e-mail et ensuite vous verrez ce nom. Donc c'est plutôt sympa. Mais vous verrez également la page d'où il est logique de. Mais parfois, vous avez un formulaire que vous avez sur différentes pages. C' est pour ça que tu peux lui donner le nom. Mais vous verrez aussi la base où n'importe quel formulaire est rempli. C' est pour ça que déserte ici. Ok, maintenant créons un champ de nom. Donc, dans les champs de nom est en fait juste dans la zone de texte donc. Nom de l'étiquette. Mais on ne voit pas ça ici. Mais vous en aurez besoin à l'intérieur de l'e-mail. Espace réservé votre nom. Il suffit de taper votre nom que vous pouvez également définir requis. Et je suggère que l'e-mail est toujours nécessaire parce que sinon vous ne pouvez pas les envoyer par e-mail . Droit ? Donc, si vous n'avez pas d'autres informations à récupérer, arrêtez que c'est un problème. Donc, je m'opposerais toujours à celui-ci pour le courrier électronique ou pour les numéros de téléphone. D' accord. Euh, alors le nom doit être le 1er 1 Je vais le suivre jusqu'au sommet. Maintenant, nous voulons un sujet qui est aussi juste une zone de texte. Donc je vais juste copier celui-ci, faire glisser ici, l' ouvrir et changer le nom des sujets requis. Non. Et puis nous voulons une grande zone, et c'est ce qu'on appelle une zone de texte. Donc, si vous avez sélectionné la zone de texte ici, il va automatiquement créer une grande boîte. Et ils peuvent taper plus de choses dans cette grande boîte. Et ça peut même dracler les écorces pour être plus grandes s'ils ont besoin de Teoh. Il y a plus de champs ici. Ainsi, par exemple, si vous voulez que les gens téléchargent une chute ou donner un temps spécifique ou à un certain nombre de droits de Parfois, vous avez un formulaire où vous voulez savoir comment les personnes âgées ont raison. Ensuite, vous pouvez utiliser le nombre, puis il se transforme automatiquement en un champ numérique où vous ne pouvez utiliser les nombres qu' il entrée. Jack Box est aussi quelque chose que vous pouvez avoir des options ici, donc c'est assez agréable. Donc, femme de moulin, par exemple, quelque chose comme ça. Et puis vous verrez également que dans votre numéro de téléphone e-mail, Vous pouvez également faire cet euro, qui est un lien pour l'instant, nous allons utiliser la zone de texte. Mais je voulais juste vous montrer les options que le pro élémentaire offre dans ce formulaire de contact . Richard. Ok, c'est plutôt sympa. Et nous avons presque fini parce que regardez le design. J' ai oublié d'afficher du texte ici, donc je vais nommer ce message. J' ai oublié d'afficher du texte ici, Non, pas le Messie. C' est autre chose. Un message. Ok, ça devrait être bon. Oui, c' est juste cliquer sur le bouton Soumettre parce que nous ne voulons pas d'abonnement Texan ici. Nous voulons une soumission, texto, audition ou un sens. C' est aussi quelque chose que beaucoup de gens utilisent colonne avec. Vous pouvez faire que plus petit Si vous voulez définir un fond est un peu plus petit. J' aime ça. Ah, ceci avec pour ce fond et puis actions après soumissions ici parce que nous avons battu l'intégration du chimpanzé de la lettre d'information précédente. Nous voulons supprimer cela parce que la seule chose que nous voulons arriver est que nous obtenons en tant que propriétaire du site Web, nous recevons un e-mail de quelqu'un a fait champs dans ce formulaire. Alors laissez ça sur email, puis allez à l'e-mail par ici et ici. Vous devez indiquer au site où vous voulez que les e-mails de D de personnes remplissent là où les sites Web doivent envoyer ces e-mails. Vous pouvez également configurer le message ici eso Lorsque vous recevez un e-mail à partir du site Web, vous pouvez mettre quelque chose comme formulaire de contact et puis il doit afficher tous les champs et je vais vous montrer comment la dette ressemble à l'intérieur du four e-mail de courriel. C' est en fait faux parce que cet e-mail n'existe même pas. Donc Ford email que vous obtenez ceci est parfait. Mais ce que je veux aussi vous montrer, c'est que vous pouvez utiliser ce formulaire riche pour envoyer à vos utilisateurs qui se sentent dans ce formulaire un e-mail de confirmation et puis l'e-mail de est important. Alors comment faites-vous ça ? Je ferme ça pour l'instant. Il l'est. Mon e-mail est Ok, Alors comment vous faites cela, vous allez les actions orteils, et puis vous mettez en place un e-mail à et cet e-mail pour aller à l'utilisateur réel qui a rempli ce formulaire. Alors maintenant ouvert l'e-mail à et il veut envoyer cela faire l'utilisateur. Mais ce que Dusty ressent, non, quel est l'email. Donc, vous avez besoin d'un manteau court pour cela. Donc on va encore foirer. Les champs de formulaire vont déjà cliquer sur l'email ? Ensuite, si vous allez à avancé, vous pouvez voir manteau court ici si vous copiez ceci. Donc, double-cliquez dessus Copier ou cliquez avec le bouton droit sur Copier. 10. Retournez à l'e-mail à basé à In Here. Maintenant. L Un mentor sait que cet e-mail sera utilisé pour le courriel de confirmation D afin que vous puissiez dire quelque chose comme merci pour votre message ou votre message a été reçu. Ensuite, vous pouvez ajouter un peu de textos ici, donc quelque chose comme merci pour votre message le plus tôt possible, quelque chose comme ça. Et puis si vous présentez les extrémités de l'air ici qui ne fonctionne pas à l'intérieur d'un e-mail, donc je vais vous montrer ce que je veux dire. Donc l'e-mail, je voulais être un homme vraiment, non ? Donc parce que si les gens cliquent sur la réponse, vous voulez réellement recevoir cet e-mail pour ce site Web est en fait un faux site Web, droit, droit, Parce que c'est un site Web de portefeuille. Donc, je vais juste démarrer dans mon propre e-mail et tout est bon. Ok, donc maintenant que j'ai fini ici, je vais juste cliquer sur la mise à jour et je vais prévisualiser ma page et voir si le formulaire de contact fonctionne. Alors remplissons mon nom. OK, donc j'ai mis une fausse taxe et maintenant nous allons juste cliquer sur consentement et voir ce qui se passe. Et c'est comme le formulaire a été envoyé avec succès. Donc maintenant, on devrait recevoir un email sur mes infos entrant dans la frontière. Venez. Et c'est là. Alors nous allons juste ouvrir l'e-mail et ici vous pouvez voir l'e-mail. Ok, donc vous pouvez voir que voici le titre de notre formulaire Healthy Lifestyle er à mon email. Vous pouvez voir l'entrée ici tout ce que j'ai rempli et vous pouvez voir 8 profond. Ural pour que vous puissiez voir l'heure où vous pouvez voir la date et c'est tout. Donc maintenant le formulaire de contact fonctionne parfaitement, donc c'est assez agréable. Et maintenant, la dernière chose que nous devons vérifier est la réactivité de ce contact pour Ok, Donc revenons à un passage en mode tablette et ici vous pouvez voir que c'est aussi assez bon , mais pas parfait, parce qu'il y a beaucoup de marge à l'intérieur de celui-ci, et il n'est pas correctement aligné au sommet comme cet appel lui-même, allez à avancer et ici vous pouvez voir le problème. Laissons juste lier ceci pour l'instant et le tout mener. Mettez cela sur zéro maintenant délié à nouveau et met sur la marge sur la gauche ici parce que nous avons besoin que nous voulons un peu plus d'espace pour radié que pour cette partie droite s. Donc mettons juste 40 ici, et cela devrait être suffisant à nouveau. Notre section principale n'a pas beaucoup d'espace blanc, alors allons-nous pour l'instant. Pour cliquer sur la section principale, allez en haut et en bas. On veut quelque chose de plus. Quelque chose comme 80. Ça devrait être bon. Ok, vérifions maintenant mobile. Donc, je vais cliquer sur un mobile aussi pour la quantité de section principale plus d'espace en haut. Donc peut-être 60 ou mobile et au fond, aussi, quelque chose comme 60 pas 630 60. Et ensuite, on va changer le bâton à l'intérieur de cette colonne. Donc, hum, supprimons juste la gauche. C' est la piste. Le fond laisse une dame droite, et supprimons le haut. On n'a pas besoin d'espacement à l'intérieur de cette colonne. D' accord ? Donc maintenant, la page de contact semble également parfaite sur les appareils mobiles et tablettes. Ok, revenons à la mort. Arrêtez de cliquer sur la mise Consultez notre page une fois de plus. Et puis si nous sommes pleinement heureux, ce que je ne suis pas en fait, parce que cette partie est un peu trop grande à mon goût. Peut-être que tu veux rendre ça aussi plus petit, non ? Donc, sur le bureau, vous pouvez également ajouter un peu d'espacement à gauche ou à droite pour la conception dis. Je dirais peut-être ajouter un peu d'espacement sur la droite au lieu de sur la gauche, parce que sinon cet écart sera si grand. Droit ? Donc ce que je vais faire, c'est qu'on va augmenter selon la droite. Peut-être faire quelque chose comme 80. Ça devrait être bon ou 60. Ok, vérifions juste comment ça ressemble à une mise à jour. Retournez, attendez qu'il se recharge. Et ça a l'air un peu plus agréable. Et, bien sûr, vous pouvez également modifier cette conception comme vous le souhaitez. Ok, donc la mort le plus pour toutes les pages. Vous savez maintenant comment créer des pages de catégorie. Vous savez comment ajouter de la vanité à la vedette. Tout ça fonctionne. Alors maintenant, dans le prochain chapitre, nous allons faire quelques choses pour optimiser les sites Web, ou maintenant le site est terminé. Mais je ne le recommande pas. Vous êtes effrayé sa vie de site Web en ce moment parce que nous n'avons pas les autres choses essentielles comme Google Analytics commence. Cela va accélérer votre site web ou même Aiken. Parce que maintenant chaque page a son ver pris que je peux sur le dessus. Ce n'est pas ce que tu veux, est-ce pas ? Alors regardez,par exemple, par exemple, sur mon site web personnel, vous pouvez voir que chaque robinet a discuté Um Aiken à l'intérieur du robinet. C' est plutôt cool. Je vais aussi vous montrer comment faire ça. Et je vais également vous montrer comment optimiser votre site web. Mieux pour Google parce que c'est un bloc et vous pouvez faire un bloc très s PDG sympathique. qui signifie que si vous utilisez les astuces, je vais vous montrer que votre site Web sera bien meilleur index par Google, ce qui générera beaucoup plus de trafic vers le site par rapport à ne pas optimiser le site Web. Et je vais également vous montrer comment insulter les sauvegardes automatiques parce que nous sommes arrivés si loin et la dernière chose que vous voulez est une erreur. Et puis vous devez tout recommencer. Nous devons donc également insulter les sauvegardes sur le site Web. Je te verrai dans le prochain chapitre et on va continuer à partir de là. 39. Télécharger une icône de fav: D' accord. Et bienvenue dans ce dernier chapitre, nous allons préparer le site web pour notre salon pour le Life Lounge. Donc nous allons mettre en place quelques choses, et la première chose qu'ils allaient faire est de changer dif f f je peux déjà localiser Aiken. C' est ce que je peux ici que vous pouvez voir dans le robinet et quel que soit le tampon que vous ouvrez sur votre site. Vous verrez toujours une ICANN ici. Et ça s'appelle le site. Je peux déjà Pfaff je peux, qui est f un V et ce dont vous avez besoin pour votre site. Je suis encore une image comme celle-ci sur cette image a un peu d'espace sur la gauche et souscrire. Et c'est nécessaire. Parce que si vous téléchargez une image qui est juste cette locale que vous aurez besoin de la recadrer, alors but vous demandera de recadrer un carré. Vous aurez donc besoin d'un peu d'espace à gauche et à droite. Je l'ai fait dans Adobe X'd, mais quel que soit l'outil conçu que vous utilisez, peut-être photo shop, peut-être peut va. Tu peux le faire. Assurez-vous simplement que si vous avez un logo de papa ah, horizontal ou vertical, que l'image que vous exportez sera un carré aussi pour les logos. femme n'a pris que cet âge au lieu de tout le logo Eh bien, sinon ça va être très petit. Donc, ce que je vous suggère de faire avec la plupart des sites Web, c'est juste que c'est juste prendre un personnage, par exemple. Donc, sur mon site web personnel, j'ai aussi ceci. Je pense que je vous ai déjà montré mon je peux, mais il est juste le sont et puis le point Donc, même si mon logo un petit, j'ai fait une version plus petite 45. Je ne peux pas non plus utiliser le blanc parce que sur beaucoup de navigateurs, alors vous ne le voyez pas. C' est un excellent contexte. Est vraiment raison. Mais bien sûr, vous voulez utiliser quelque chose qui est un peu plus sombre. Vous allez utiliser presque tous les colliers, mais assurez-vous d'utiliser un PNG. Si vous voulez que la transparence parce que Buddha J image de retour, vous aurez un fond blanc à l'intérieur de cette petite zone qui ne semble pas très professionnels. Donc, ma suggestion est toujours utilisé BMG et utiliser de l'espace à gauche et à droite, alors assurez-vous que votre toile ou votre port est un peu plus grand, comme celui-ci. Ok, donc maintenant je vais vous montrer comment vous pouvez installer ça. Donc, si vous allez à l'arrière sur les seins verbes, je suis juste là dans les médias. Peu importe où vous êtes. Vous allez à l'apparence, puis vous allez à personnaliser et entendre parler de Deaver ouvert, pris customizer. Et à l'époque, c'était l'endroit où vous aviez ajouté beaucoup de votre site Web. Mais avec bonjour, Elemental, vous n'avez pas beaucoup d'options ici parce que nous avons presque tout fait à l'intérieur élémentaire. Bien sûr, Eso, tu vas aller à l'identité du site ? Ce n'est pas le logo car le logo est la valeur par défaut du site Web par défaut pour juste dans votre menu . Mais c'est le site Aiken par ici. Et c'est triste que vous aurez besoin de 512 500 pixels de rabais. Au moins, ce n'est pas vrai. Je vais vous montrer comment cette image n'est pas 500 pixels, elle concède, courir à 50 et c'est toujours le travail. Donc, où vous allez cliquer sur le site sélectionné, je pourrai jamais télécharger ce PNG dans la bibliothèque de but. On va cliquer sur tout sélectionner, et vous avez cette récolte. Donc, si vous n'avez pas cet espace à gauche sur la droite, alors vous auriez ce problème de recadrage. Mais en ce moment, je peux juste voir le H ici. Alors papa a l'air sympa. Il suffit de le placer comme ça, puis de cliquer sur recadrer l'image. Et je peux déjà voir un aperçu ici. Et puis si vous cliquez sur Publier, vous verrez maintenant que c'est Jane Show. Vérifions notre site de vie et cliquez sur l'actualisation, et vous voyez aussi qu'il va maintenant changer. Oui, d'accord. Ça a l'air plutôt cool. Sur chaque page, vous obtiendrez la belle nouvelle Aiken. Donc maintenant dans la prochaine vidéo, je veux vous montrer comment vous pouvez configurer Google Analytics parce que c'est aussi une partie essentielle de votre site Web que vous savez combien de visiteurs il y a sur votre site Web. Donc je vous verrai dans la prochaine vidéo 40. Installing: : Google Analytics: D' accord. Et bienvenue dans cette vidéo sont réguliers. Découvrez Google Analytics comment configurer Google Analytics et afficher les statistiques dans le bord de votre site Web. Donc, ce que vous voulez essentiellement, c'est quelque chose comme ça. Donc, ce que je vais vous montrer, c'est comment vous pouvez configurer votre Google Analytics Et quand vous regardez dans le but que j'ai sur mon site Web, vous pouvez voir les statistiques de votre site Web. Ainsi, comme vous pouvez le voir au cours des 30 derniers jours, mon site Web a 2000 sessions. Ce ne sont pas des utilisateurs, mais la session de l'air. Donc, vous un utilisateur peut avoir différentes sessions basées fusible comme, bien sûr, les vues de la page et vous pourriez voir un graphique et vous pouvez obtenir beaucoup plus de données à l'intérieur de Google Analytics lui-même. Alors mettons-en place ça pour l'instant. Donc, nous sommes ici sur notre site Web et passons à l'analyse dot google dot com. Et si vous n'avez jamais configuré Google, puis ici, ils vous demanderont votre Gmail. Donc si vous n'avez pas à Gmail, alors hum, vous devez créer une salle de gym. Oh, parce que vous ne pouvez utiliser Google Analytics que si vous avez un Gmail, puis vous pouvez simplement vous verrouiller avec votre Google Analytics et ils vous demanderont de créer un compte. Maintenant pour mes analyses Google. C' est à quoi il ressemble dans mon compte à la langue off. Mon Google Analytics est néerlandais, donc je traduirai les choses sur lesquelles nous cliquons. J' ai déjà essayé de le changer en anglais, mais cela n'a pas réussi, donc je voudrais juste vous montrer où vous devez cliquer. Ah, mais ici vous pouvez voir beaucoup de données sur votre site Web. Ainsi, par exemple, vous pouvez voir ce sont les utilisateurs comment courtiers. Donc ici vous pouvez voir que mon site Web a reçu 320 utilisateurs au cours des sept derniers jours. Donc, si je veux régler cela à 30 jours, ce qui est en fait 28 là-bas, vous pouvez voir que mon site Web a près de 1000 utilisateurs ce mois-ci et les sessions que nous avons déjà vu à l'intérieur de la fiche. Donc, c'est tout Google Analytics. Vous pouvez voir beaucoup de données ici s O, par exemple, de croissance ou d'où les utilisateurs viennent dans le monde. Donc ici, vous pouvez voir que beaucoup de gens viennent des Pays-Bas, où je vis les États-Unis, l'Inde. Et aussi sur quel type d'appareil les gens visitent votre site Web. Donc, vous pouvez voir le mobile de bureau et la tablette ici. C' est un outil assez cool. Alors je vais te montrer quoi ? Ce que vous devez dio et ils vous demanderont de créer un compte. Donc, je vais aussi créer de nouveaux comptes. Donc tu vas voir les hommes ici. Ici. Ça s'appelle un plus dur, mais c'est l'administrateur. Et puis vous devez créer un nouveau compte afin que vous ayez un bouton quelque part qui dit créer un nouveau compte. Si vous êtes complètement nouveau à cela, et alors vous devez lui donner un nom. Alors, ici. Mon conseil est juste de lui donner le nom de votre site web. Donc pour moi va être un mode de vie sain. Euh va bien. Et puis vous pouvez configurer quatre options ici. Dis dépend de votre pays en Europe. S' il veut faire de votre site GDP sont la preuve que vous devrez désactiver ces. Vous n'en avez pas besoin pour votre site Web. Et aussi assez pour vos propres données, mais c'est juste que vous envoyez. Mais c'est une option où vous pouvez partager vos données avec Google. Une journée peut améliorer leurs services. Mais si vous voulez faire de votre site le PIB sont la preuve, ce qui est la nouvelle loi en Europe, alors vous devez les désactiver. Il ya beaucoup de règles différentes pour le PIB sont donc ce n'est pas un PIB sont gorse parce que je ne suis pas si bon à la matière juridique. Mais c'est une des choses que je sais et vous n'en avez pas besoin pour vos propres données. Donc, j'ai juste éteint ces derniers et puis je clique sur le suivant. Alors ce sera pour une arme. Donc, vous pouvez simplement laisser cela sur WEP et cliquer sur le suivant, puis sur le nom du site Web . Je suis aussi j'utilise toujours le même nom ici le site de Lifestyle er, par exemple. Et puis vous devez donner le lien. Donc ici, vous pourriez juste faire face à votre lien. Donc, si vous revenez à votre page d'accueil comme ceci et puis vous pouvez copier le lien d'ici est que je vais cliquer ici et cliquer sur la copie, et puis il sera automatiquement copié le http. Donc si on entre ici, on va cliquer sur le rythme. Vous verrez que capable à ce https. Ah, mais vous devez laisser ça ici, et vous devez sélectionner le HDP comme ici. Donc c'est ce que vous devez faire. Branch est un peu comme les marchés, donc vous pouvez choisir quelque chose comme les industries COS ou les passe-temps pour moi. Je vais le mettre à des passe-temps, mais ça n'a pas vraiment d'importance au fuseau horaire. Pour vos rapports pour moi, je veux que ce soit les Pays-Bas. Mais mettez ça sur n'importe quel pays dans lequel vous êtes, et je clique sur crée, ok, alors vous devez signer l'accord. En outre, vous devez sélectionner votre pays ici et là. Vous devez dire, comme je suis d'accord avec les termes de Google Analytics et puis vous pouvez cliquer sur Oui, je suis d'accord. Et puis tu as fini. C' est ça. Maintenant, vous disposez d'un compte Google Analytics. Quatre, notre site web. Mais maintenant, nous devons connecter ces analyses scolaires à notre site, et nous allons le faire avec un Blufgan. Mais maintenant, si vous cliquez sur votre page d'accueil ici. Ici, vous verrez les données lorsque les utilisateurs visiteront notre site Web. OK, maintenant, revenons sur notre site et nous allons installer une nouvelle prise. Donc on va aller sur le tableau de bord pour aller à des branchements comme sur New, et on va chercher Google Analytics, OK. Et il y a quelques options ici. Celui-ci est aussi très populaire. Mais d'après mon expérience, c'est beaucoup de données et je veux juste avoir quelque chose de simple. C' est pour ça que j'ai choisi celui-ci, celui-là est en fait l'un des plus populaires. Mais les notes depuis la mise à jour, quand est vraiment faible ? Il veut en fait quelque chose comme 1.5 ou deux sur leur bosse un peu parce qu'ils ont introduit beaucoup de fonctionnalités pro. Mais les caractéristiques de base sont toujours bien. Et ce waas, le deuxième branchement le plus populaire, je pense, est assez facile, comme je vous l'ai montré sur mon site et c'est gratuit. Donc c'est ce que je vais faire. Mais vous pouvez aussi choisir celui-ci. Mais pour ce tutoriel, je vais grossir ce formulaire parce que j'utilise toujours ça. Donc, vous allez juste cliquer sur installer et activer, et maintenant vous devez configurer des mesures exactes. Eso ici, vous pouvez voir toutes les options qu'ils fournissent ici. Vous pouvez déjà voir qu'ils essaient de vous vendre un plan écrit profond. Nous n'allons pas utiliser ça maintenant, donc nous allons juste cliquer sur un lancé l'Assistant, et maintenant nous devons configurer le site Web. Donc, pour moi, ce n'est pas un site d'affaires. Ceci est un droit de bloc pour notre site Web. Donc on va cliquer sur le coffre-fort et continuer maintenant. Nous n'avons pas besoin de tout cela, il suffit de cliquer sur connecter des mesures exactes, et maintenant vous devez le dire. Et c'est l'endroit où vous connectez la prise de dette à votre Google Analytics parce qu' ce moment, elle n'est pas connectée. Je vais donc sélectionner l'e-mail que j'ai utilisé pour créer cette propriété Google Analytics Je suis donc verrouillé avec mon compte Gmail. Donc ici vous devez regarder dans votre compte Gmail, donc je vais cliquer sur la salle de gym. Oh, compte. Et ici, vous devez donner un accès précis à vos données. Donc, si vous cliquez sur Autoriser Maintenant, vous pouvez sélectionner votre site Web sur mon Gmail. J' ai beaucoup de sites Web à l'intérieur de Goo Analytics. Donc, c'est pourquoi je vois beaucoup d'avantage quand je clique ici pour que je puisse voir un mode de vie sain de site ici parce que nous venons de créer cela. Donc, je vais cliquer sur toutes les données du site, OK, et maintenant on va cliquer sur complet, et maintenant ils vont vous poser quelques questions supplémentaires, ce qui n'est pas vraiment important. Tout ça est bon. Il suffit de cliquer sur Safe et de continuer. Ils vont te demander à nouveau à un super qu'on ne veut pas mettre à niveau. Donc, nous allons simplement cliquer sur enregistrer et continuer. De plus, nous ne voulons pas de formulaire WP. Donc, cliquez sur cette Ignorer cette étape et puis génial. Vous êtes prêt. On a fini. Termine l'assistant de configuration et de sortie. Et maintenant, on a fini. Il s'agit donc du nouveau tableau de bord, pas de votre tableau de bord principal, mais du tableau de bord pour les mesures exactes. Ainsi, vous pouvez voir ce nouveau robinet ici et encore, ils vous demanderont de mettre à niveau. C' est pourquoi beaucoup de gens sont laissés une critique négative parce que c'est le cas. C' est une grosse pub. Mais ce qui est vraiment agréable à ce sujet, c'est que si vous allez faire rapport ici, alors vous verrez beaucoup de données sur votre site Web. Et pour l'instant, nous n'avons pas beaucoup de visiteurs. En fait, personne. C' est pour ça que c'est toujours à zéro. Mais d'après mon expérience, c'est tout ce dont vous avez besoin. Et encore une fois, vous pouvez essayer une tonne de différents plug-ins Google Analytics car il y a beaucoup comme le monstre à l'intérieur de celui que je vous ai montré. Mais ce que je pense est de reconnaître à propos de celui-ci, c'est que vous avez un bref vous sur votre tableau de bord . Donc, si vous cliquez sur votre tableau de bord tout de suite et que vous faites défiler vers le bas, vous pouvez voir qu'il y a un nouveau sommet ici et vous pouvez mettre à pas sur le dessus. Donc, si vous fermez cette élémentaire plus que peu vers le bas, vous contractez celle-ci au sommet comme ça, et ici vous verrez ce graphique. Si votre site Web commence à attirer des visiteurs, ils ont quelques options supplémentaires ici, comme les pages de messages les plus populaires. Mais encore une fois, vous devez créer un pro. Donc ce n'est pas vraiment sympa. Mais le rapport d'aperçu de base est suffisant pour moi, mais parce que je veux juste vérifier comme, hey, combien de personnes est-ce que ça va monter ? Est-ce que ça descend ? Et si nous voulons vraiment avoir les données, je vais juste aller à un autre google dot com lié et je vais juste chercher dans tous les champs pour obtenir les données que je veux. Donc, je comprends pourquoi les gens qui ont laissé un avis négatif parce que vous ne voulez pas payer pour les données qui sont déjà gratuitement est hors de votre Google Analytics secondes. Peut-être qu'il me manque quelque chose, mais c'est ce qui se passe. Alors oui, c'est tout. Ils ont également introduit un mode classique, ce qui est comme il était avant. Fais semblant que tu verras tous ces boutons sur les pros, et c'est pour ça que je le laisse en mode normal comme ça. En passant, vous pouvez également fermer ces étapes si vous voulez rendre cet endroit un peu plus propre parce que vous en avez vraiment besoin, la seule chose dont vous avez vraiment besoin est l'analyse. Donc c'est pour Google Analytics, et maintenant nous allons nous concentrer sur la rapidité du site Web, donc je vais vous voir dans la prochaine vidéo 41. Installing: : La fonction Lazy: Ok, Bienvenue cette année, nous allons rendre notre site un peu plus rapide et parce que maintenant, si vous chargez la base d'accueil, par exemple, et est la limite technique. Mais l'ordinateur enverra une demande pour toutes les images et tout le contenu que vous avez sur votre site Web au serveur sur lequel votre site Web est hébergé. Donc pour moi, c'est sur ce sous-domaine pour toi. C' est peut-être sur un domaine normal. Mais comment cela fonctionne, c'est que votre ordinateur envoie une demande pour la mériter, parce que ces images sont sur un serveur, n'est-ce pas ? Et vous voulez que ce processus soit aussi rapide que possible. Et c'est là que la charge de dentelle entre en jeu. Donc chargement paresseux est une technique où votre ordinateur enverra une demande lorsque vous faites défiler vers la partie mort hors de la page. Ainsi, par exemple, si vous rechargez la page d'accueil ou un nouveau visiteur entre dans votre page d'accueil, ils baisent juste pour entendre, et ils cliquent dessus. Ensuite, il n'est pas nécessaire de charger tout le contenu en dessous, à droite, car cela ralentira votre site Web. Donc charge paresseuse vous permet de ne faire que des choses qui sont dans une partie visible d de votre écran, sorte que cela rendra l'expérience de votre utilisateur beaucoup plus rapide. Donc ce que vous voulez faire, c'est que vous voulez aller sur votre tableau de bord, vous voulez faire des branchements et cliquer sur le nouveau, nous allons installer une prise de chargement en dentelle. Donc, si vous allez ici et que vous tapez la charge paresseuse et que vous appuyez sur Entrée, vous allez voir beaucoup d'options. Vous verrez également beaucoup d'argent dans les plug-ins, dont je ne suis pas vraiment un grand fan est fait par des fusées WP. Donc, si vous cherchez des charges paresseuses, WB Rockets, vous verrez celui-ci ici, et celui-ci est vraiment facile à installer. Donc, si vous cliquez sur installer maintenant et puis cliquez sur activer, vous obtiendrez un nouveau robinet à l'intérieur des paramètres, qui est appelé Lazy Load. Si vous allez à la charge paresseuse, vous aurez trois options. Donc, ici, vous pouvez vérifier quels éléments vous voulez charger paresseux. Alors quoi ? J' ai dit l'exemple avec des images, je pense que c'est très important. Eso, vous devez vérifier ceci si vous voulez ce plug dans le travail de remorquage. Donc, par défaut, ça ne fait pas grand-chose, je pense. Mais vous devez vérifier cela et puis il commence à travailler dessus. Aussi, n'oubliez pas de le sauver. Eso je vais juste vérifier tout parce que cela rend un site un peu plus rapide. Alors je vais cliquer sur les changements sûrs, et maintenant c'est fait, et c'était tout. Donc maintenant, si vous allez à votre page d'accueil et vous cliquez sur l'actualisation puis une actualisation de trésorerie, ce que vous pouvez faire avec le gouvernement déplacer notre rechargement si normal, c'est avec commentaire à droite ou tout simplement décourageant ici ou sur. Windows est le contrôle sont. Mais si vous voulez obtenir une actualisation du gaz, ont alors été en mesure de mener toutes les vieilles choses que votre ordinateur a enregistré sur le site Web que vous devez cliquer sur Maj commun sont sur ou sur les fenêtres. Je pense que c'est le changement de contrôle de notre mais maintenant vous verrez que le site, alors qu'en fait est très difficile à voir. Mais le site est un peu plus rapide maintenant pour vos utilisateurs, donc c'est tout ce que je veux montrer pour cette vidéo. Donc, dans le prochain épisode, nous allons nous assurer que votre site Web sera parfaitement index par Google. Donc, vous regardez plus de visiteurs sur votre site Web, donc je vous verrai dans la prochaine vidéo. 42. Installing: : Math de Rank + optimiser les messages: D' accord. Bienvenue dans cette vidéo, nous allons optimiser notre site web pour Google et surtout pour un bloc. C' est essentiel. Donc, Google Optimization est appelé s PDG, qui signifie une optimisation des moteurs de recherche. Donc, vous optimisez votre site Web quatre moteur de recherche D. Ainsi, par exemple, ce bloc de pastèques de la peau guérir un mal de tête. Il y aura beaucoup de gens qui cherchent dans Google pour guérir un mal de tête. Donc, si vous pouvez optimiser votre bloc, se vanter pour les personnes qui ont servi pour les termes, alors vous obtiendrez plus de visiteurs sur votre site Web. Donc, si vous ne dites pas à Google comment lire votre site Web parce que c'est ce que vous faites, alors vous manquez beaucoup de trafic libre, n' est-ce pas ? Tout le monde veut du trafic sur le site. Mais comment obtenez-vous le trafic gratuit ? C' est encore mieux. Donc, nous allons vous montrer un plug dans lequel je pense est le mieux à la recherche d'optimiser votre site Web pour Google. Si vous allez à souffler gins et puis cliquez sur ajouter de nouveaux, nous allons servir pour s PDG parce que d'abord, je veux vous montrer une chose, et qui est le branchement le plus populaire dans le monde pour ASIO est Yost as hell, qui est en fait faite par un Néerlandais. Donc c'est plutôt sympa. Mais ce problème Blufgan est utilisé par presque tout le monde qui a un site web à but, et j'ai utilisé ce plug in depuis des années. Mais l'année dernière, un nouveau plug in est devenu vraiment populaire, qui est appelé maths de rang et ce grade maths. Blufgan a beaucoup de fonctionnalités que Joo's offre également, mais dans la version pro payante. Donc, avec ce plug in, vous obtiendrez des résultats similaires à Yost. Mais alors, sans avoir à la baie. Ainsi, par exemple, vous avez des mots clés page de naissance. Donc, si vous avez un post de bloc comme celui-ci, pastèques peuvent-elles guérir un mal de tête ? Vous pouvez mettre en place un mots-clés que ce genre du même principe que hashtag sur instagram ou sur Twitter, comme si les gens ont servi pour la mort appelé et votre post apparaîtra eso In Yost, vous ne pouvez mettre en place qu'un seul mots-clés gratuitement à la naissance se vanter. Mais avec le rang, Matthew peut en mettre cinq, et c'est là que vous devez payer pour vous. Aussi, on va travailler avec le rang, Beth, Beth, parce que tu obtiendrais plus pour ton argent, ce qui n'est en fait pas d'argent. Donc c'est toujours bon. Donc on va installer la meth de rang et un peu plus mis en place pour la recherche de A s Joob parce que tu dois dire ce blocage comme, Hey, c'est mon site web. C' est comme ça que vous devriez le lire. Et ici, ils vous demanderont de connecter un compte gratuit. Mais ne vous laissez pas berner. Cultivez un peu vers le bas parce qu'il y a un bouton de saut pas ici. Et puis vous pouvez configurer les sorciers commencés. Je recommande cela parce que vous devez dire Affiché dans la façon dont votre site Web Super Red. Donc, nous allons cliquer sur Démarrer l'Assistant, et ici vous devez dire quel genre de site il est. Il sait déjà que c'est un bloc personnel. Je ne comprends pas vraiment comment c'est fini. Il le sait. Peut-être que parce que nous l'avons déjà installé à un autre endroit, vous pouvez également configurer un logo pour Google. Alors tu sais quoi ? On va juste télécharger notre logo ici comme ça. Utilisez cette image par défaut de partage social. Vous pouvez configurer cela, mais cela n'influencera pas vraiment votre recherche Google. Onley affichera un type d'image lorsque vous partagez votre site Web sur les réseaux sociaux. Donc, ce que je ferais est, par exemple, d' utiliser une image comme celle-ci. Nous avons juste un peu similaire à votre photo de profil ou réellement faire image de profil. Je ne sais pas où on l'a. Oui, cette image de profil qui est bonne pour l'image de partage social par défaut. Cliquez sur Enregistrer et continuer Google Search Console. On n'a pas encore ça. C' est également sur la façon avancée de rendre votre site Web plus indexé par Google avant maintenant. Nous allons sauter cette étape parce que nous n'avons pas de chirurgie quand nous avons seulement Google Analytics, une carte du site très importante. Une carte du site. C' est un peu comme un arbre de page. Donc, ce que je veux dire avec ça, c'est que tout commence par la page d'accueil. Ensuite, vous aurez beaucoup de catégories et vous aurez beaucoup de messages. Vous avez votre page de contact et toutes ces choses sont reliées d'une manière ou d'une autre, et cela dira Ghoul comment ils devraient atteindre un site Web. Donc, un plan du site est vraiment, vraiment important. Donc, je voudrais juste laisser cela sur le clic sur sûr et continuer comme PDG tweaks Ceci est tout parfait . Ne changez jamais ce coffre-fort et continuez. Et puis votre site est prêt. Vous pouvez également configurer activer la mise à jour automatique pour le jeu d'affichage. Mais je vais vous montrer une autre façon de télécharger vos plug-ins d'une manière beaucoup plus facile. Globalement. Montrez-nous votre score à vos visiteurs. Laisse ça à. Non, parce que parfois votre score est très bas et vous ne savez rien qui n'est pas très professionnel. Alors maintenant, vous allez simplement cliquer sur le retour au tableau de bord et c'est tout. C' est tout ce dont vous avez besoin pour aller dans les paramètres généraux et regarder par ici , Teoh, voir s'il y a des choses que vous voulez changer. Mais si vous êtes un débutant complet à cela, que c'est tout ce que vous avez besoin de ah, à faire pour l'instant. Mais maintenant, la magie se produit à l'intérieur de votre poste de bloc. Donc, ce que vous devez faire est d'aller à vos messages et maintenant vous avez une nouvelle option. À l'intérieur de chaque bloc se vante sur l'exemple de la pastèque de l'équipe un Il suffit de cliquer sur les modifications. Et maintenant, si vous faites défiler vers le bas, vous obtiendrez ce nouveau robinet ici, qui est appelé anneau MEF en tant que PDG et ici vous pouvez changer comment ce bloc les deux vont regarder sur Google. Donc, c'est assez agréable parce que vous pouvez même changer le titre si vous le souhaitez. Donc, si vous voulez rendre le titre de Google un peu plus intéressant Donc, par exemple, vous voulez Teoh changer tout votre titre. Vous pouvez simplement supprimer ceci et choisir votre propre titre à nouveau. pastèques guérissent vraiment une maladie. Mais par exemple, vous pouvez le changer en quelque chose d'autre comme la maladie. Et vous pouvez également changer la description ici et comment le lien va regarder à l'intérieur de Google. Donc c'est vraiment sympa. Et puis ici, vous aurez votre mot clé focus. Ainsi, par exemple, vous pouvez ramasser de l'eau, melons, appuyez sur Goma et maintenant vous pouvez ajouter un peu plus de spectacle par exemple, melons et l'eau et la maladie. Et ils vous donneront également un score pour vos mots-clés. Donc, ils savent déjà que ce ne sont pas de bons mots clés parce que les chances sont très faibles que vos blocos apparaissent quand quelqu'un cherche de l'eau. Donc c'est pour ça qu'ils disent, comme , Hey, c'est un Donc si vous laissez juste les pastèques, vous pouvez voir que votre score S E o va augmenter. Donc, euh, pour le rendre encore plus spécifique. Pastèques, maux de tête, par exemple. Je pense que c'est mieux que pour une raison quelconque, ça n'aime pas ça. Donc je vais le laisser aux questions d'eau pour l'instant. Cliquez simplement sur une virgule. Je ne comprends pas vraiment comment ce Blufgan évalue ces mots-clés, mais ici vous pouvez configurer ce clavier focus, mais c'est très important. Et puis aussi, il vous donnera quelques suggestions pour améliorer votre post de bloc. Donc, si vous voulez vraiment entrer dans s PDG, et vous voulez vous assurer que Block a beaucoup de trafic de recherche que vous devriez vraiment plonger dans S E. O. Il y a beaucoup de vidéos sur Internet à propos de nous. Tu sais, je ne suis pas un expert en S u. Je suis plus comme un designer, donc j'aime juste créer beaucoup de contenu sur les médias sociaux, et c'est pourquoi j'ai quelques 1000 visites par mois. Mais c'est aussi un excellent moyen d'obtenir beaucoup de trafic. Peu Google, Mais encore une fois, je ne suis pas un expert dans ce domaine. Donc, mes connaissances sont limitées sur ce sujet. Ok, donc maintenant vous pouvez cliquer sur la mise à jour et ensuite vous pouvez le faire pour chaque bloc. Se vanter. Vous pouvez également le faire pour vos pages. Donc, si vous allez sur les pages et que vous voulez vous assurer que les gens peuvent facilement trouver votre page de contact , par exemple, vous pouvez également aller au contact. Cliquez sur les modifications Et ici vous pouvez également changer les pré quelques de votre page de contact. Droit. Vous pouvez donc modifier ce texte pour me contacter, par exemple. Vous pouvez également configurer des mots-clés de focus, et cela vous donnera également quelques conseils. C' est donc également possible au niveau de la page. Donc, la dernière chose que je veux dire est que si vous installez seulement le grade mef Blufgan, c'est déjà mieux que sans le rang gauche Blufgan après la mise en place. Bien sûr, parce que si vous insultez le plug in et alors Google sait déjà un peu mieux sur la façon lire votre site Web. Mais si vous voulez en tirer beaucoup plus que vous pouvez également optimiser vos pages et vos bateaux. Mais juste Onley insultant. C' est déjà beaucoup mieux que de ne rien avoir. Donc c'est une dernière chose que je veux dire à ce sujet. Ok, donc maintenant nous avons mis en place l'ASIO de base. Et maintenant, insultons les sauvegardes automatiques. Eso votre site Web sera automatiquement sauvegardé chaque mois. 43. Réaliser des sauvegardes automatiques: Bon, bon retour dans cette vidéo, on va installer Beck Ups parce que si quelque chose ne va pas, tu veux que ton site soit mal. Ce que je fais sur la plupart de mon site, c'est que je les mets sur un mois, mais peut-être pour un bloc où vous publiez chaque semaine, il est préférable de définir la sauvegarde automatique pour chaque semaine. C' est aussi gratuit, donc c'est super sympa. Mais vous devez le connecter à un moyen autorisé. Ainsi, par exemple, Dropbox ou Google lecteur Si vous n'avez pas un lecteur Dropbox ou Google pour une façon ou Trump stockage dans le cloud et un fortement suggérer que vous le faites, vous pouvez également choisir Microsoft un lecteur. Et avec la plupart de ces fournisseurs, vous obtiendrez quelques gigaoctets gratuitement. Donc ce que tu veux faire, c'est que tu veux aller te brancher, aller en ajouter, et on va chercher un renfort, Blufgan. Donc tapez ici en arrière, et celui que j'utilise toujours est appelé updrafts. De plus, c'est aussi l'un des plus célèbres. Inver Press. Je pense que c'est en fait le plus insultant. Ce n'est pas seulement une sauvegarde du blocage. Cela a cinq millions, mais ils ont beaucoup plus d'étoiles que ça. C' est aussi réprimé. Mais c'est ce très simple et puissant que vous voulez utiliser. Alors cliquez sur l'insulte. Et comme vous pouvez le voir, vous pouvez le récupérer dans la rue Dropbox. Cool drive, etc. Donc, si vous cliquez sur activer, nous devons configurer cela et pour une raison quelconque, il se connecte. Vous faites la section Blufgan, mais ça vous donnera ce pop up. Et vous pouvez simplement cliquer sur la pression ici pour commencer parce que nous avons besoin de mettre en place ce truc. Il suffit de fermer Ce que vous devez faire est que vous devez aller aux paramètres, puis vous devez dire à la fiche dans ce que la fréquence en tant que tel. Ce que je fais toujours, c'est que je mets ça tous les mois parce que si tu mets ça sur le manuel, tu dois y aller tout seul. Donc, vous voulez que ce plug in fasse le travail pour vous juste tous les mois, assez facile. Donc, ici, vous pouvez le configurer pour mensuel, même hebdomadaire, par exemple, ou même tous les jours. Donc ah, de la plupart des sites Web, je fais juste mensuellement. Mais sur un bloc sur un vrai bloc, je devrais dire, faire ça Weekly était pour ce bloc, qui est un faux bloc que je vais juste faire avec mensuel. Et puis je vais enregistrer six versions. Donc six mois, c'est vraiment économiser. Vous pouvez aussi simplement mettre ceci sur l'un. Si vous n'avez pas beaucoup d'espace à l'intérieur de votre Dropbox ou de votre lecteur, alors vous voulez mettre ceci à deux pour des exemples sur mon conseil est de le mettre au moins à deux. Donc, vous avez aussi deux mois de congé au moins. Mais je pour les sites Web de mon client je les ai mis sur six parce que c'est un peu plus sûr. Et en fait, pour le dessert, site Web n'est pas vraiment si important parce que c'est un faux site Web. Alors, tu sais quoi ? Je vais juste le mettre à Tree. Faisons quelque chose de différent aujourd'hui. Il a donc besoin d'un vendable à nouveau. Quel genre de nuages tu veux ? La plupart des gens ont Google. Essayez, par exemple, j'ai dropbox et j'aime Dropbox. Je l'ai connecté à mon mech. Mais vous pouvez aussi le faire. Vous pourriez même vous connecter à votre ftp si vous savez comment le faire. Mais c'est un peu trop technique pour le discours. Mais les gens qui ne savent pas ce que FTP est le consentement ici. Mais mon conseil, si vous êtes un débutant complet, faire une boîte d'essai gratuite sont comptés parce que c'est vraiment facile à faire ou simplement utiliser Google Drive ou un lecteur. Donc, pour ce tutoriel, je ne vais pas seulement montrer toutes les options, bien sûr, parce que ce sera vraiment long. Je vais vous en montrer un, mais c'est la même chose. Vous venez de vous connecter à un dossier dans lequel vous souhaitez l'enregistrer. Dans Dropbox, il crée automatiquement un dossier pour vous. C' est ce que je vais vous montrer maintenant, parce que c'est l'une des façons les plus faciles de le faire. Vous pouvez cliquer sur Dropbox puis faire défiler vers le bas. Assurez-vous que ces trois sont cochés, et celui-ci est également vérifié. Et si vous cliquez sur Enregistrer les modifications maintenant, il vous demandera de connecter le bloc à votre compte Dropbox, n'est-ce pas ? Parce que vous devez connecter ça. Donc, si vous êtes verrouillé dans votre compte Dropbox, sentez-vous navigateur profond. Vous pouvez facilement le connecter à partir d'ici. Mais c'est différent pour chaque plate-forme. Mais c'est juste que tu dois t'accrocher. Vous obtiendrez quelque chose comme ça où vous devez cliquer sur ce bouton ici, complet pour configurer. Et maintenant, je l'ai connecté à ma dropbox s facile comme ça. Et maintenant la prochaine sauvegarde sera automatiquement programmée pour moi. Donc je n'ai même pas à m'en soucier pour l'instant. Si je veux faire une sauvegarde de tout ce que j'ai en ce moment et voir déjà si cela fonctionne à l'intérieur de ma Dropbox parce que vous voulez vérifier. Si cela a fonctionné, vous pouvez cliquer sur sauvegarde maintenant alors, si vous cliquez sur sauvegarde maintenant, il va démarrer la sauvegarde. Ensuite, il vous indiquera lorsque la sauvegarde sera terminée que vous pouvez accéder à votre Dropbox. Il peut, dans mon dossier Dropbox, il ressemble à celui-ci ici verrouillé dans mes comptes Dropbox et ensuite il crée ce dossier appelé APS. Ensuite, vous pouvez voir qu'il a automatiquement créé ce dossier appelé Updraft Plus et avoir un clic sur le dossier. Vous verrez toutes les sauvegardes que j'ai pour les sites Web de mon client. Je ne vais pas le montrer maintenant. Mais c'est là que toutes les espèces sont sauvées. Donc, il est un moyen assez sûr car alors si votre site Web a des problèmes, vous pouvez toujours facilement restaurer à fells. Étaient-ils restaurer Blufgan, ce qui n'est pas quelque chose que je peux facilement montrer en ce moment. Mais c'est aussi très facile. Il suffit de télécharger les nouveaux fells, puis l'ancienne version de votre site Web est de retour. Donc, pour l'instant, j'ai juste besoin d'attendre que cela soit fait et puis le site Web va automatiquement sauvegarder tous les mois. Donc c'est super sympa et c'est gratuit. Ok, donc le diable pour le chapitre de la division maintenant dans le chapitre suivant. Ce qu'on va faire, c'est avoir quelques détails avant de mettre la vie sur le site. Parce que je veux également vous montrer comment vous pouvez configurer un rôle d'utilisateur différent. Donc, par exemple, si vous avez une offre sur votre bloc ou si vous avez un client, comment vous pouvez leur donner accès au site sans qu'ils soient en mesure de changer et d'élite et et gâcher tout votre site Web et je vais aussi vous montrer un truc. Teoh, mettez à jour tout votre commence en un clic parce que si vous avez beaucoup de sites Web, alors ce n'est pas une très belle expérience. Parce que vous devez alors mettre à jour tous les plug-ins tous les mois manuellement. Eso je vais également vous montrer un truc sur la façon de le faire. Je vous verrai donc dans le prochain chapitre. 44. Expérience de login personnalisé: Hé, les gars. Et bienvenue dans ce dernier chapitre et nous allons nous assurer que nous allons mettre la vie du site Web de manière professionnelle. Eso, je suis encore là à l'intérieur du but. Vous pourriez, en passant, voir que ma sauvegarde est maintenant fait sera couvert dans l'épisode précédent. Mais pour l'instant, je veux rendre l'expérience de bagage un peu plus agréable. Et c'est tout simplement parce que si vous verrouillez le site Web, vous verrez cette touche ver toujours traîner et tout le monde peut y accéder. Donc, pour rendre cela un peu plus professionnel, je vais vous montrer comment vous pouvez changer cette mise en page pour quelque chose de complètement personnalisé. Donc, c'est vraiment sympa si vous travaillez avec un client ou si vous avez un bloc pour vous-même la vie et vous ne voulez pas que quelqu'un sache que c'est un système de sein verbe ou que vous voulez juste rendre un peu plus professionnel que cet épisode est ce que vous voulez. Alors je vais vous montrer ce que je veux dire. Si je regarde dans mon propre site arène tableau point com, vous verrez que j'ai mon propre logo à l'intérieur du tableau de bord de presse verbe. C' est aussi vraiment agréable quand vous travaillez sur beaucoup d'avantage que vous pouvez voir ce tableau de bord rêve ? Parce que la plupart des sports de tableau de bord ressemblaient, mais aussi seulement l'expérience de baguage. J' ai mis en place son logo. Et avec ce Blufgan, vous pouvez même le personnaliser à quelque chose comme ça, je n'ai que des pixels menthe en direct point com site, qui semble complètement personnalisé avec un logo, un fond et un bouton lucking coloré s. Alors mettons en place quelque chose comme ça. Nous allons aller à notre tableau de bord, ceux qui branchent, cliquez sur Nouveau et chercher le public dans le label blanc C. M. S. Et ici vous pouvez voir le plug in comme très bonnes notes pour que nous puissions installer cette fiche, cliquez sur Activer. Et maintenant, vous aurez un nouveau robinet sur leurs paramètres, qui est appelé White label CMS. Donc, ils vous demanderont d'abord de configurer votre image de marque de développeur, mais vous n'avez pas vraiment besoin de le faire, donc je clique toujours sur Skip. Ensuite, vous pouvez mettre en place quelques choses. Donc, d'abord, modifions l'expérience de journalisation car ce que vous voulez faire est que vous voulez aller au Guin Et puis voici le logo de verrouillage. C' est donc un logo que vous pouvez voir ici. Donc ici, vous devez prendre une décision. Voulez-vous une image d'arrière-plan avec un logo large comme celui-ci ? Droit ? Parce que si vous utilisez un beck images avant mieux d'utiliser un logo léger et un fond plus sombre. Ou vous ne voulez pas d'arrière-plans et juste un logo noir pour notre site web ? moment, lemoment, nous n'avons que la version noire du logo, mais vous pouvez également configurer votre image en arrière-plan, puis puis télécharger une version blanche de vos logos, et cela dépend de votre site Web. Pour l'instant, nous allons garder les choses simples, et nous allons cliquer sur le haut chargement, et ici nous pouvons agrandir notre logo. Donc on va choisir notre insert de logo dans la poste, et vérifions si ça marche. Donc, nous allons cliquer sur le coffre-fort avant de regarder dehors, assurez-vous que vous cliquez sur sûr, puis regardez dehors et vous verrez que nous avons un logo personnalisé dans notre expérience de journalisation de qui est vraiment agréable à cliquer sur, traîner à nouveau, revenir aux paramètres White label CMS et aller au robinet plug in. Et puis, si vous faites défiler vers le bas, vous pouvez également configurer la couleur d'arrière-plan sur celle qui est décolorée dans les arrière-plans. Et vous pouvez également configurer une image ici. Mon conseil est que Teoh télécharge une grande image, qui a une superposition sombre. Mon conseil est que Teoh télécharge une grande image, Si vous voulez concevoir comme ça, j'ai téléchargé une image ici qui a déjà une superposition noire. Il a donc une couche noire sur le dessus avec,par exemple, par exemple, 50 % de capacité, ce qui rend le logo un logo de division visible. Donc tu dois être très grand avec ta photo ici. Pour l'instant, je ne vais pas utiliser une photo, mais vous pouvez simplement télécharger ça ici et vous pouvez le définir en plein écran. Assez simple. Maintenant, si vous faites défiler vers le bas sous Avancé, vous pouvez configurer plus de choses ici pour notre site Web. Nous avons notre collier vert, qui est le code de couleur que je veux utiliser quatre chance profonde dans le bouton afin que vous puissiez mettre en place le col inférieur ici, les états de vol stationnaire. Donc c'est la souris finie, bien sûr. Et puis l'érudit du pont dans le fond. Si vous regardez ce bouton, nous avons le col normal bleu et le vol stationnaire est bleu foncé. Et puis la couleur suivante est blanche. Donc c'est juste que James D dirige l'appelant. Alors allez ici basé dans notre vert et ensuite aussi passer par l'érudit Harvard basé dans votre vert et juste traîner un peu vers le bas, rendre un peu plus sombre. Ça n'a pas besoin d'être parfait. Et vous pouvez garder ce collier chez White, d' accord, accord, vous permet de voir si ça marche. Donc, nous allons cliquer sur les avis de surveillance sûrs, et maintenant vous verrez que c'est vert. Pourtant, il y a quelques éléments bleus ici, et je n'ai pas trouvé comment vous pouvez également changer ces colliers par exemple ce collier bleu, je n' ai pas trouvé un bouchon qui peut le faire, veut réellement avoir personnalisé couleurs sur l'ensemble du dos et juste pour une expérience plus agréable. Mais bien sûr, cela ne rend pas votre site web beaucoup mieux. Quoi ? Je veux aussi vous montrer comment vous pouvez configurer votre logo ici à nouveau. C' est plutôt sympa pour si vous travaillez dans un client. Mais aussi, si vous développez différents sites Web sur lesquels vous avez toujours une référence sur les deux sites Web vous travaillez et vous pouvez le configurer ici dans le tableau de bord sur. Et ici, vous devez être très biggie avec le logo parce que vous devez avoir une bonne version du logo. Donc pour l'instant, je vais juste créer une version blanche de notre logo. Ok, donc voici la version blanche du logo que je veux aussi dire est qu'il est préférable d' avoir un peu d'espacement sur la droite dans cette image de logo que vous allez utiliser sur cet endroit. Donc, par exemple, sur mon propre site Web, vous pouvez voir que mon local est aligné à gauche ici, et comment je l'ai fait est avec une image qui a un peu d'espace sur la droite ici. Alors je vais vous montrer ce que je veux dire. Si vous allez à l'image que j'ai utilisée, vous pouvez voir que voici l'image D PNG avec transparence, et il y a beaucoup d'espace sur la droite ici, et c'est pourquoi il est à gauche aligné ici. n'y a donc pas d'options pour rendre le logo plus petit et l'aligner. Donc c'est un petit truc que vous devez faire. Je vais aussi le faire maintenant. vais m'assurer que j'ai un peu d'espace à droite ici et encore. Vous pouvez le faire dans n'importe quel outil de conception que vous voulez. C' est la même chose pour le site. Je peux. Je vais appeler ce logo blanc pour les tableaux de bord pour que vous puissiez mettre ce logo sur leur tableau de bord . Sport. Je suis désolé. Ce n'est pas dans le tableau de bord. C' est dans l'image de marque. Et puis si vous faites défiler vers le bas, vous pouvez voir la barre d'administration, qui est celle'll un. Donc, vous pouvez également mettre en place un logo ici. Mais c'est le menu du site, vous devez donc télécharger l'image ici. Donc, si vous cliquez sur télécharger et puis télécharger votre image comme je l'ai déjà fait ici avec l'espacement cliquez sur inserts, Cliquez sur coffre-fort. Maintenant, vous pouvez voir que nous avons notre bas qui va ici et vous pouvez le voir pendant des jours. Logo. L' espace ici n'a pas l'air parfait. Alors peut-être que vous avez besoin d'ajuster un peu votre image pour la rendre plus professionnelle. mais cela semble déjà assez joli. Donc c'est tout ce que je voulais montrer. Celles-ci. Encore une expérience de lugging ne rend pas le site web beaucoup mieux, mais c'est juste une belle expérience, et c'est très professionnel si vous travaillez avec des clients, ok, alors maintenant dans le prochain épisode, nous Je vais faire une chose importante si vous travaillez avec d'autres personnes. Et qui est mis en place l'élément ou gestionnaire de rouleau, ce qui limitera les capacités d'édition des autres utilisateurs hors de votre site Web, donc je vous verrai dans la prochaine vidéo. 45. Rôles d'utilisateur Elementor: Bon, bienvenue dans cette vidéo, on va mettre en place les rôles élémentaires. Encore une fois, si vous travaillez avec un client ou si vous avez d'autres writers sur votre bloc, vous voulez utiliser cette fonctionnalité. Et avant de commencer, je veux vous expliquer une chose, et c'est que vous ne devriez jamais donner vos informations à quelqu'un d'autre. Donc vous avez le vôtre. Utilisez votre nom là où vous devez vous connecter. Vous avez votre propre mot de passe dans votre propre email. Ne partagez jamais cela avec quelqu'un d'autre parce que nous sommes sur presse a une fonctionnalité de construction pour les utilisateurs si vous avez un autre utilisateur et que vous voulez également en faire un administrateur. Parfois, vous travaillez avec un développeur parce que vous voulez quelque chose de personnalisé sur votre site Web. Il suffit de faire un utilisateur. Fordham. Ne partagez pas vos informations de recherche parce que s'ils ont vos informations de connexion et quelque chose arrive à votre compte ou qu'ils ont même changé un mot de passe, alors vous avez perdu l'accès à votre propre site Web, et ce n'est pas très agréable. Donc L un mentor a des rôles différents, Il y a donc l'administrateur, qui est le rôle le plus élevé. Vous avez aussi beaucoup d'autres rôles à l'intérieur de ses seins. Donc, dans cette vidéo sur vous montrer comment vous pouvez ajouter un utilisateur qui est un rouleau en dessous du rôle admin. Donc, cela signifie qu'ils ont certaines limitations avec inverser la poitrine afin qu'ils ne voient pas tous les robinets ici. Et puis nous allons également mettre en place élémentaire ou ici avec un gestionnaire de rouleau où nous pouvons dire à élémentaire, ou qu'ils peuvent Onley à son texte de et l'image est à l'intérieur des pages au lieu de faire glisser des colonnes autour. Alors je vais vous montrer ce que je veux dire. Donc maintenant nous avons déjà chez les hommes, qui sont mes personnels. Je vais ajouter un autre utilisateur pour quelqu'un d'autre. Et c'est l'exemple. Ce sera aussi moi, bien sûr, mais vous allez faire un autre utilisateur. Je vais appeler ces rédacteurs de Reno parce que je sais déjà que ça va arriver. Nom des tarifs de la liste de l'éditeur. Vous n'avez pas besoin de le faire, mais vous pouvez configurer votre nom ici site Web. Vous n'avez pas non plus besoin de faire ça. Afficher les mots de passe. C' est quelque chose que vous pouvez faire pour le copier sur votre propre PC. Envoie un utilisateur et un nouvel e-mail sur les comptes er. Donc Dan Ver prince enverra un email à l'email de cet utilisateur avec Hey, quelqu'un a créé un nouveau compte sur ce site pour vous. Parfois, ces e-mails finissent dans la boîte de spam. Donc, quand vous travaillez avec quelqu'un d'autre, dites-lui comme, Hey , hum, aussi vérifier votre spam si vous n'avez pas reçu l'e-mail, OK, donc ici vous pouvez configurer le rôle. Donc, l'administrateur est le rouleau le plus élevé, et puis vous avez éditeur offre contributeur et abonné pour l'instant. Pour vous, il suffit de comprendre lestreet. Donc les Adminis t le plus élevé, ils ont toutes les mêmes choses que nous avons. Le rôle de l'éditeur. Je pense qu'ils ne peuvent pas insulter les branchements, et il a aussi des limites pour éditer l'offre de pages. Donc, si vous êtes si vous avez un bloc et que vous voulez seulement quelqu'un qui écrit juste des vantations bloc, vous pouvez juste choisir ce que vous voulez ils ont seulement quelques options ici. Donc pour l'instant, on va créer un éditeur parce que je veux vous montrer les limites. Donc je vais cliquer sur ajouter un nouvel utilisateur, et maintenant je dois aller à mon email. Et maintenant, il ya l'utilisateur va recevoir un e-mail avec leurs informations de recherche. Maintenant, je vais me connecter au site. Pour l'instant, je vais utiliser incognito parce que c'est mon propre site Web. J' ai besoin d'un nouveau robinet. Donc je vais aller sur mon site, et ensuite je vais essayer de me connecter, et ensuite je ne vais pas regarder avec le Reno principal entre l'éditeur Reno, donc je vais faire une grande théorie. Aucun éditeur et j'ai déjà enregistré un mot de passe profond dans Google Chrome suggérant yeux. Et maintenant je peux me connecter. Donc, c'est un autre utilisateur. Maintenant, nous voyons tout ce que le tableau de bord du comité est différent, par exemple. Donc, l'analyse est toujours ici, donc cet utilisateur peut également faire glisser ces colonnes et un ordre différent. Mais comme vous pouvez le voir maintenant, ils n'ont pas accès à des plug-ins profonds, par exemple, donc ils ne peuvent pas insulter les nouveaux plug-ins et supprimer les vieux plug-ins, ce qui est assez sûr. Aussi, il n'y a pas de réglages ici, donc papa est aussi gentil. Eso Ensuite, si nous revenons au rôle d'administrateur et puis allons à L un mentor et aller à Roll Manager ici, nous pouvons dire à un mentor quel genre de limitations nous voulons que l'éditeur ait à l'intérieur de l. Un mentor pour que vous puissiez vérifier celui-ci. Et si vous vérifiez celui-ci, alors ils ne peuvent même pas y accéder. Les éditeurs sont maintenant rédacteurs en chef. Si vous allez sur les pages, ils auront la modification avec fonction élémentaire et ils peuvent modifier tout ce qui peut supprimer les colonnes prises. Ils peuvent faire glisser des colonnes, ils peuvent insérer de nouvelles richesses. Ils peuvent faire tout ce qui n'est pas toujours ce que vous voulez quand vous travaillez avec quelqu'un d'autre pour que vous puissiez configurer ça. Donc, si vous cochez cette case , ils n'auront aucun accès aux éléments ou à l'éditeur du tout. Et c'est quelque chose que vous pourriez vouloir faire pour quelque chose comme une offre avec. Mais vous voulez seulement qu'ils créent un bloc post pour votre site Web. Mais pour un client qui doit éditer le texte D lui-même, vous voulez lui donner accès au contenu adity uniquement. De cette façon, ils ne peuvent pas. AP nouveau Richards est très limité, mais l'éditeur élémentaire est toujours accessible. Donc, si vous cliquez sur Enregistrer les modifications maintenant, nous revenons à notre éditeur Roll. Nous cliquons sur rafraîchir Maintenant, si nous ouvrons les éditeurs élémentaires que je vais avoir avec des commentaires et puis cliquez maintenant, vous verrez la différence. Donc, euh, vous concédez déjà ici qu'il n'y a pas beaucoup d'options. Ainsi, par exemple, la page de contact. Si je veux changer quelque chose à propos de ce texte, vous verrez qu'ils n'ont qu'un seul clic ici. Par exemple. C' est seulement l'étape du contenu pour qu'ils ne soient pas obligés de taper à l'est, donc ils ne peuvent pas agrandir ce téléphone. La seule chose qu'ils peuvent dio est, par exemple, changé le texte ici, qui est ce que vous voulez pour vos clients. En outre, s'ils cliquent sur les neuf points, il n'y a pas d'options pour insérer de nouveaux éléments. Et même s'ils essaient de faire glisser ce que vous pouvez voir, ils ne peuvent pas faire glisser ces sorcière, c'est et le plomb aussi, clic droit ne fonctionne pas ici, donc c'est un moyen assez sûr si vous travaillez avec des clients et vous veulent toujours les changer, l'image est peut-être les champs à l'intérieur de votre formulaire. Ils peuvent également changer cela, mais ils ne peuvent pas changer les stèles et supprimer ou modifier de nouvelles choses. Donc, si vous avez aussi des règles d'offre, je mettrais cela en place comme aucun accès à l'éditeur, car alors, si vous ajoutez un autre utilisateur avec un rôle d'offre que les éléments ou l'éditeur n'est pas inclus du tout , et ils ne peuvent aller à publier et créer une nouvelle publication et télécharger une nouvelle publication de bloc sur le site Web. C' est tout ce que vous devez savoir pour travailler à nouveau avec d'autres personnes. Ne partagez jamais vos informations de connexion. Toujours créer un nouvel utilisateur, puis vous pouvez supprimer à l'utilisateur par la suite. Donc, disons que vous travaillez avec un développeur et après quelques mois, ou comme hey à ce projet est terminé, je voulais juste vous guider. C' est aussi possible. Il vous suffit de cliquer sur le prospect, puis ce compte est à diriger. C' est donc super sûr. Si tu travailles avec d'autres personnes, OK, maintenant on a fini. Et nous allons mettre la vie de site jamais faire cela dans le prochain épisode 46. Astuce du site Web LIVE + Pro : ManageWP (mise à jour du 1 clique): D' accord. Bienvenue de retour. Dans cet épisode, nous allons mettre la vie du site Web parce que maintenant, le mode de maintenance est toujours activé. Et cela signifie que si quelqu'un d'autre que je vais ouvrir incognito à nouveau visite votre site Web, alors ils seront redirigés vers la prochaine page. Et peu importe ce qu'ils meurent, été, par exemple, slash à la maison. Ils seront toujours redirigés vers la prochaine page. Ok, alors revenons maintenant et on va aller à L un mentor, puis cliquer sur les outils et ensuite dans les outils, on va passer aux modes de maintenance. Et avant de changer cela, nous devons vérifier si nous avons mis en place la page d'accueil Esti et je pense que nous l'avons déjà fait. Vérifions juste une fois de plus. Je vais aller dans les paramètres et puis cliquer sur la lecture parce que vous voulez dire à vour press comment ils devraient lire votre bloc. Assurez-vous donc que cette page d'accueil statique est sélectionnée à la place de celle-ci. Sinon, votre page d'accueil ne sera pas la bonne page. Et je m'assure que la page d'accueil que nous avons créée est sélectionnée ici. Donc, si c'est sélectionné, c'est parfait. Alors, retournez en arrière. Juifs, le mode Cliquez sur le Zabel qui peut accéder à Verrouillé hors cours. Choisissez un modèle. Tu peux le laisser comme ça. Et maintenant, si vous cliquez sur enregistrer les changements et ces boîtes de repos disparaîtront. Et maintenant, notre site web est la vie. Alors c'est plutôt sympa. Il suffit de cliquer sur visité les sites Web et maintenant vous pouvez voir que peut aller automatiquement faire la page d' accueil et aussi dans incognito. Maintenant, toute personne qui va visiter le site va obtenir cette page. Maintenant, vous pouvez voir que toujours l'ancienne page parce que votre ordinateur enregistre l'ancienne version Donc encore une fois, vous devez faire de l'argent Rafraîchir Et parfois cela prend quelques minutes. Diskin dépend de beaucoup de facteurs différents. Mais encore une fois, vous voulez aller à rafraîchir les gouvernements, barre de changement de vitesse ou de contrôle de notre et puis il sera rafraîchir l'élite de tous les vieux tombés et maintenant il est en charge. Ok, donc maintenant vous pouvez voir qu'on a deux nouveaux sites Web. Donc c'est maintenant le site de la vie. Ceci est maintenant la page d'accueil. Vraiment, vraiment cool. Vraiment gentil. Donc, nous avons fait au moins presque. Et je veux expliquer une chose de plus et c'est qu'un site Web a parfois besoin de mises à jour, , parce que vous avez beaucoup de gins de sang. Mais ces plug-ins ont parfois besoin de mises à jour. Vous pouvez quitter le site comme ça. Vous avez fini maintenant et vous pouvez quitter le site comme ça. Mais ce que je fais est de mettre à jour tous les plug-ins tous les mois pour l'ensemble de mon site Web. Et cela garde les sites Web propres parce que parfois les plug-ins se mettent à jour, puis l'ancien logiciel n'utilisera pas avec des plug-ins comme le flux Instagram ici. Il arrive déjà quelques fois que sur le site, puis les pieds instagram cesse d'afficher parce que le Blufgan a mis à jour et l'ancienne version ne fonctionne plus parce que Instagram a changé le code d'affichage, par exemple. C' est pourquoi vous voulez mettre à jour les gens contre. Mais il est beaucoup de travail si vous avez beaucoup de sites Web et vous devez aller dans pour insulter Liggins, puis cliquez sur mise à jour sur chaque prise qui est obsolète et vous pouvez le faire comme un fait. Ici, vous pouvez cliquer, il suffit de cliquer sur élémentaire sujette cliquez sur la mise à jour et de le faire tous les mois, et si vous n'avez qu'un seul site, c'est parfait. Mais je veux aussi vous montrer si vous avez différents sites Web sur la façon dont vous pouvez le faire en un clic d'un bouton. Et la plate-forme que j'ai utilisée pour cela s'appelle Manage WP et est une plate-forme où vous pouvez facilement ajouter un nouveau site Web mais aussi mettre à jour tous les Liggins en un seul clic. Par exemple, celui-ci de mes nouveaux projets clients s'appelle un collectif de yoga, et j'ai ajouté son site web. Faites cela gérer WB et maintenant je peux facilement mettre à jour les plug-ins à partir d'un seul endroit. Donc, j'ai tous mes sites Web que j'ai jamais créé à l'intérieur de er presse dans cette plate-forme. Et donc si je veux aller sur ce site, par exemple, je clique simplement sur celui-ci, et maintenant il n'y a qu'une seule prise qui doit être mise à jour. Mais s'il y a une liste entière ici, je peux simplement cliquer sur, sélectionner tout, puis cliquer sur la mise à jour aussi facile que cela. Donc, ce que vous voulez faire est que vous voulez aller à gérer WP dot com. Si vous n'avez pas encore de compte et que vous pensez que cela est précieux pour vous sur. Et puis vous je peux cliquer sur S'inscrire gratuitement et puis si vous vous êtes inscrit, vous obtiendrez un tableau de bord comme celui-ci où vous pouvez ajouter de nouveaux sites Web. Alors ajoutons simplement notre site web dès maintenant. Donc, si vous cliquez sur le plus ici, vous pouvez cliquer sur Ajouter un nouveau site Web, et ici vous devez taper l'euro bien, alors allons sur notre site Web. C' est copier notre L. Allons gérer WP, puis sur notre site Web et ici il vous demandera de regarder avec votre compte refoulé, mais je n'utilise pas cela. J' utilise une clé de connexion parce que je pense que c'est beaucoup plus facile. Donc, ce que vous devez faire est que vous devez connecter manager WP à votre presse ver. Vous pouvez facilement le faire avec la prise. Si vous accédez à votre tableau de bord, allez à Plug-ins, cliquez sur Nouveau. Ils ont une astuce super facile dans les enseignants. Faites-le en un clic. Donc, si vous avez servi pour gérer WP, vous verrez gérer WP travailleur ici, et c'est la fiche dans laquelle vous pouvez connecter votre site Web à cette plate-forme avec juste un code simple sans avoir à vous connecter. Parce que, honnêtement, je ne veux pas partager tous mes détails sur différentes firmes de explosion, et je ne sais même pas si c'est plus économisant, mais pour moi, c'est juste plus sûr. Donc, si vous cliquez sur l'insuline maintenant et s'active et que vous faites défiler vers le bas dans la section de la prise , vous verrez la gestion de la connexion ici. Si vous cliquez dessus, voici votre clé de connexion. Cliquez sur copier et revenez à U P gérable Utilisez une clé de connexion à la place, puis basez une clé ici. Et si vous cliquez sur ajouter un site Web, il essaiera de se connecter au site Web, puis il dit qu'il est à elle. Donc c'est sympa. Donc, si vous cliquez sur aller dans le tableau de bord, vous pouvez voir qu'il y a deux connecteurs qui doivent être installés. Vous pouvez cliquer facilement ici. Mettre à jour tous les diable également mis à jour équipe. Donc, si vous voulez juste mettre à jour en profondeur contre, vous pouvez simplement sélectionner partout ici et cliquer sur mise à jour Pour l'instant, je fais juste confiance aux éléments bonjour ou les deux. Avec certaines équipes, elles peuvent causer des problèmes. Mais encore une fois, nous avons les sauvegardes, non ? C' est donc un moyen sûr. Si quelque chose se passe vraiment mal, vous pouvez retourner à votre sauvegarde. Donc, je vais juste cliquer sur la mise à jour tout parce que je pense que rien ne va mal tourner. Mais si vous voulez être vraiment sûr, mettez à jour vos plug-ins et c'est le moyen le plus sûr de mon expérience. Ok, donc maintenant c'est mettre à jour les plug-ins, et ici vous avez une autre option pour faire des sauvegardes. Tant de WP ont également une option pour créer des sauvegardes. C' est vraiment sympa, et c'est aussi gratuit, dit-on. Ici, c'est 1,80$ par mois. Mais si vous cliquez sur Activer les sauvegardes, vous pouvez voir qu'il y a aussi une version gratuite ici. Bien sûr, ils offrent beaucoup plus d'options. Mais si vous cliquez simplement sur activer ici et je veux dire de l'Europe, je vais vérifier ce clic sur Activer. Maintenant, vous avez un endroit supplémentaire où votre site Web reçoit des sauvegardes. Disons que quelque chose ne va pas avec votre updraft plus ou Richard Dropbox. Et ce Gérer WP a également une sauvegarde a. Parfois, vous voulez également cliquer sur l'optimisation, puis cliquez sur optimiser tout et qui supprime un spam sont des choses que vous n'avez pas besoin de votre site Web. Tu peux faire beaucoup de choses ici. Par exemple, créez un rapport sur les analyses et sur le point de mettre à jour si vous travaillez avec des clients. Mais cela pourrait être nous un petit cours sur son propre. Donc je vais juste vous montrer les bases. Donc maintenant, si vous revenez sur les sites Web, vous pouvez voir toute la liste ici. Je ne vais pas montrer tous les sites en ce moment, mais ma suggestion est juste de mettre une alarme dans votre agenda pour chaque premier hors du mois et juste aller dans le site que vous avez créé, par exemple, ce site et puis sélectionnez tout et cliquez sur mise à jour, et c'est un moyen beaucoup plus facile de le faire. C' est donc mon conseil pour mettre à jour votre site Web, donc maintenant vous êtes entièrement en sécurité. Vous avez des sauvegardes à deux endroits, et vous pouvez mettre à jour tous vos plug-ins en un ou deux clics. C' est tout ce que je voulais montrer. Donc maintenant, nous avons complètement terminé avec le site Web. Et peut-être que j'ai oublié quelque chose. Peut-être que tu veux que je fasse un autre épisode sur un sujet de serviteur. Si c'est le cas, faites-le moi savoir. Il y a encore un épisode comme l'épisode final du Discours. Mais si je vais faire plus d'épisodes et je vais juste à ce Duke Horsch. Alors assurez-vous que vous regardez également le dernier épisode. Et puis je tiens à vous remercier beaucoup. Ah, pour l'avoir fait si loin dans le parcours. J' espère que ça vous a vraiment plu. Merci, les gars. 47. Quoi faire à l'ensuite ? Mettez cela dans votre portfolio !: Ok, donc maintenant tu as fini avec le cours. Je tiens à vous féliciter parce que vous avez la patience de mettre les heures, et que tout le monde n'arrive pas à la fin du cours. Il y a donc une belle réussite. Donc c'est super sympa. Merci d'avoir regardé. Et pour l'instant, que pouvez-vous dio ? Mais mon conseil est d'utiliser ce bloc et de le mettre dans votre portefeuille. Peu importe que ce soit un projet vraiment client, parce que la seule chose qui intéresse les clients est de les amener à la valeur qu' ils recherchent. Et si vous voulez en savoir plus sur ces types de sujets sur l'entreprise de la conception Web , alors vous devriez suivre mon voyage vous général est appelé Vivre avec des pixels confinés, qu'il ya beaucoup de vidéos gratuites que vous allez regarder ou vous allez regarder mes autres cours sur mon profil si vous le voulez. Et si vous utilisez Instagram beaucoup, alors vous pouvez suivre livrer compte pixels. Ça s'appelle vivre avec Picks ou mon compte personnel à l'Arena le garçon. Et ce que je veux aussi dire, c'est que vous pouvez laisser vos idées pour des vidéos supplémentaires pour ce cours. Donc, si vous pensez que vous manquez quelque chose qui s'il vous plaît laissez-moi savoir ci-dessous et je vais essayer de faire des épisodes supplémentaires pour rendre ce cours meilleur, ou peut-être vous donner quelques exemples supplémentaires ou quelque chose si quelque chose n'est pas vraiment clair. Alors s'il vous plaît laissez-moi savoir si vous avez des doutes. Alors s'il vous plaît laissez-moi savoir s'il y a quelque chose en tête que vous voulez partager. Et puis je veux juste te remercier d'avoir regardé. Je pense que c'est une grande réussite que tu l'aies fait jusqu'à présent. J' espère que vous avez apprécié tout le cours et ah oui, merci. J' espère vous voir quelque part sur Internet si vous voulez regarder plus de mes affaires, faire pour pisser, placer, ou simplement cliquer sur mon profil et j'ai plus de cours. Alors c'est tout. Et encore une fois, merci d'avoir regardé