Créez et concevez un site WordPress professionnel - Introduction à Elementor et conception de la page d'accueil - Partie 4

1. Introduction aux éléments: salut et bienvenue à la conception avec section élémentaire. Maintenant, si vous avez suivi le cours, vous aurez appris à mettre en place un site WORDPRESS entièrement fonctionnel, installé tous les plug-ins essentiels et aussi compris la psychologie derrière la création professionnelle sur votre site Web. Il est temps d'en apprendre davantage sur moi un mentor. Alors, qu'est-ce que L est un mentor ? L. Un mentor est l'outil de concepteur le plus professionnel pour nous faire passer des designers Rukia aux professionnels complets. Laissez-moi vous montrer ce que je veux dire. Voici maintenant quelques exemples de personnes utilisant élémentaire pour leur signe avec le thème WP WordPress de l'océan. droite. Alors jetez un oeil à ce beau site. La première chose que nous allons remarquer, c'est qu'il y a une grande merveilleuse image autour de tout le coin. Maintenant, nous avons appris que cela est appelé au-dessus du pli. On a le nom de la personne ici et son slogan défilant vers le bas. Nous allons obtenir un tas d'informations sur le site web sur la personne. Mais le point ici est que c'est un design élémentaire. C' est en utilisant l'outil élémentaire et c'est extrêmement professionnel à la recherche parce qu'il est si propre. Maintenant, la plupart des concepteurs un Web concepteurs plutôt utiliser élémentaire pour la conception parce qu'il est si facile. C' est si rapide, et vous pouvez créer un site Web entièrement fonctionnel et magnifique en seulement quelques heures. C' est incroyable, aucun codage n'est nécessaire. Donc, si nous regardons ce site, nous avons remarqué que le thème est à peu près le même. Nous avons une grande et merveilleuse photo. Il y a un titre ici. Il y a un slogan ici ou plutôt, description. Dans ce cas, faire défiler vers le bas obtiendrait un tas d'informations. Cela pourrait être tout ce qui serait un enjeu de vente mettant en valeur votre produit. En mettant souvent votre email, il disait Ra, et vous vous souviendrez que Pat Flynn a fait quelque chose de similaire avec son design. Maintenant, cela est tellement affecté parce que vous remarquerez qu'il y a une section. Nous avons une section plein écran ici, défilant vers le bas. Nous avons une autre section, une autre puis une autre, certains étant plein écran mais la plupart couvrant l'ensemble de l'écran. Très professionnel. Maintenant, si nous avons un coup d'oeil à ce site, qui utilise également élémentaire avec l'océan WP, tous ces exemples sont vous remarquerez qu'ils utilisent une vidéo en arrière-plan ici. Maintenant, ils transmettent clairement ce qu'ils sont. Et puis il y a un appel à l'action en bas appelé à l'action. Ce qui signifie que vous voulez que les gens cliquent, soucient d'obtenir un e-mail, Optez pour obtenir vos produits pour acheter quelque chose. Quoi que ce soit, la priorité de votre page d'accueil, souvenez ? Toujours définir la priorité commencerait ici, la maison pitch tout. Maintenant, ce sont mon type préféré de poisson domestique parce qu'ils sont si propres, leur droit au point. Et c'est ce que nous viserons aussi. Quand il s'agit de décider défiler vers le bas, vous arrivez à mettre plus d'informations, toujours très propre. Soit en utilisant ce genre de demi-écran ou tout l'écran le signe droit ? Et enfin, cette page ayant un design similaire se passe là, couvrant tout l'écran ici. Nous fabriquons à partir de l'enseigne des organisations Branson étagé Creative Digital studio. Maintenant, si je pouvais m'affaiblir, commencez. Souviens-toi, c'est le début ici. Bouton étaient en train de défiler ici, donc il a mis toutes ces informations précieuses sur la première page d'un grand long rouleau, comme vous le remarquerez la plupart des gens l'ont fait. Et puis, bien sûr, des preuves sociales qui mettent en valeur les clients. Maintenant, c'est juste pour vous montrer que tout le monde peut créer ces beaux sites web grâce à un outil tel que L A mentor. Allons donc plus en profondeur à ce qu'est l'élémentaire maintenant. L. Un mentor est ce qu'on appelle un générateur de pages. En d'autres termes, cela vous aide à construire des pages comme vous l'auriez vu ? Et en quoi consiste votre site web ? Eh bien, fondamentalement différentes pages maintenant. Par le passé, vous aviez besoin de compétences en codage pour pouvoir créer des sites Web. Maintenant, WordPress l'a simplifié. Ah, beaucoup de branchements sont venus après ça. Trop simplifié. Et maintenant, nous avons un mentor à concevoir pour le rendre beau. Si tu es comme moi, tu sauras que je ne suis pas du tout un designer. Je n'ai pas un bon oeil pour cette fois, mais grâce à L. Un mentor, tout devient super facile. C' est un outil très intuitif à utiliser, et ils ont également une autre fonctionnalité qui aide vraiment hors. C' est la capacité d'être en mesure de concevoir de la chaux. Maintenant, vous remarquerez. Dans les conférences précédentes, lorsque nous créons nos pages que nous avons créé la page, puis nous sommes allés à l'aperçu pour voir comment il s'est avéré. Maintenant, avec L. Un mentor, tu peux construire la page entière vivante. Vous obtenez de voir vous demander, mettre les différentes fonctions, différentes parties différentes sorcières et voir comment il se passe. Live est une fonctionnalité incroyable, et il économise tellement de temps et d'aide grâce à la conception intuitive maintenant à nouveau. Parce que je ne suis pas un concepteur, j'apprécie vraiment que cet élémentaire est rempli de modèles de page. J' en ai vraiment besoin, et ça rend ma vie tellement Pâques. Je ne dessinerais pas de logo, mais nous avons quand même un beau logo, et de la même façon, je n'irais pas de l'avant pour concevoir une page. Mais grâce aux modèles, nous pouvons obtenir vraiment, vraiment belles pages à la recherche et donc vraiment beau site Web, grâce à cet outil. Donc, en d'autres termes, si nous apprenons à maîtriser ces outils, non seulement sera vraiment compétent quand il s'agit de construire des sites Web, mais aussi de concevoir ces sites, que ce soit pour votre entreprise, être un freelancer, aider quelqu'un à construire votre propre entreprise pourrait être tout aussi longtemps que vous avez besoin de construire un site Web a décidé de regarder professionnel. Élémentaire est l'outil maintenant Il y a aussi une fonctionnalité dans l'élémentaire appelée Elementary Can Va. Fondamentalement, ce qu'il fait est qu'il vous permet de supprimer tout ce qui est sur cette certaine page, signifie la barre latérale Le pied de page. Si vous voulez le logo que le menu tout et juste faire complètement nettoyer un Canada afin que vous soyez en mesure de mettre, par exemple, un film là ou vous pourriez être mettre une grande image là-bas et ensuite nous pourrions commencer le signature. Mais certains peuvent être un menu en haut, votre logo, etc. Mais cette fonctionnalité le rend si facile, parce que si vous pouvez commencer à partir d'une ardoise propre avec le Canada élémentaire, la conception devient tellement plus facile. Et voici la dernière chose de fou. En fait, c'est gratuit. Il y a une version pro, en fait, je pense qu'il y a deux versions pro. Si vous voulez l'utiliser pour plusieurs sites qui vous ont coûté, je crois $99 ou $199 pour un an de mise à jour actuellement, mais 90% de cela est complètement gratuit, et 19% va être plus que ce dont nous avons besoin pour notre but, n' est-ce pas ? Et si vous devriez, jamais par des outils ou des plug-ins et à mon avis, si jamais vous allez acheter un plug in sera soit pour la protection de votre site Web pour la restauration et la sauvegarde de votre site sur l'élémentaire brancher pour décider comme un pro. Mais une fois de plus, vous allez remarquer que nous avons fondamentalement tout dans ce générateur de pages. Et si jamais vous avez besoin de plus, vous avez le budget pour cela. Il est facile de mettre à niveau et d'utiliser ces fonctionnalités pour woo commercial. Par exemple, si vous voulez créer un site Web de commerce électronique, nous en parlerons plus tard, et je vous montrerai comment construire un commerce électronique en utilisant les arrivants. Ok, Donc si vous êtes aussi excité que moi de commencer à construire ces pages que nous avons déjà préparées étant notre page d'accueil étant notre page d'accueil et bien sûr notre ressource est page, alors commençons passant par élémentaire dès le début, jusqu'à obtenir le produit fini. La chose finie, non ? Commençons à voir la prochaine conférence 2. Paramètres des éléments: Très bien, gars, on va tout apprendre sur l'élémentaire, mais pour faire ça, c'est une bonne idée de commencer dès le début. Commençons donc à partir du back-end de notre site Web et passons à Elemental ici. Maintenant, comme avec la plupart des plug-ins, ils vont être quelques réglages et différentes options qui viennent avec. Donc avant de commencer et de commencer à l'utiliser, on va aller de l'avant et passer à travers ce que tout cela signifie. Et si on a besoin de changer quelque chose, on va aller de l'avant et faire ça. Ok, alors commençons dans les paramètres ici maintenant. La première chose que nous avons dans les paramètres est où vous voulez que l'élémentaire soit appliqué, non ? Donc, en ce moment, nous l'avons pour les types de poste hors pages postales, et c'est tout. Mais nous pourrions aussi appliquer élémentaire à la page du poète masculin ou à ma bibliothèque. Mais ce n'est rien qu'ils ont vraiment besoin de penser maintenant. Je veux juste que vous sachiez que ces options sont là. Si vous voulez personnaliser la page du poète masculin plus tard, par exemple, rappelez-vous, vous pouvez créer différentes pages là-bas. L' homme est la page d'abonnement, etcetera. Ensuite, nous avons également désactivé les couleurs par défaut. Maintenant, c'est si vous voulez utiliser les couleurs qui viennent avec vos thèmes principalement. Ensuite, vous pouvez les vérifier pour désactiver les colliers par défaut des élémentaires et les utiliser place et de la même manière avec les téléphones. Vous pouvez désactiver les fonds hors élémentaire pour utiliser ceux de votre thème. Cependant, lors des conférences à venir, lorsque nous commencerons à concevoir notre page d'accueil, nous allons en fait passer par quels colliers et quels fonds utiliser pour votre entreprise, selon ce que vous faites avec votre site Web, ce qu'il est et quel sentiment que vous voulez livrer la psychologie hors téléphones et colliers. Vraiment excité. Je pense que tu vas adorer cette conférence, mais pour l'instant, on ne va pas les toucher, non ? Nous allons les personnaliser plus tard. Ensuite, nous avons également le paramètre d'amélioration des élémentos, ce qui signifie que si vous voulez aider élémentaire en leur permettant de suivre votre utilisation. Maintenant, il s'agit d'une donnée animus qu'ils recueillent pour améliorer leur branchement. Et si tu veux faire ça, tu ne peux pas vraiment faire grand-chose. J' ai tendance à ne pas le faire, parce que je ne veux pas avoir la charge de moi-même. En d'autres termes, cela pourrait ralentir légèrement les choses. Et je n'aime pas vraiment faire ça, même si c'est pour une bonne cause là-bas. Et puis nous passons au style. Et ici, nous avons le style de forme générique. Nous avons le contenu avec fondamentalement le style de vos pages, ce style que j'allais regarder comment ça va correspondre avec les espaces entre les etcetera. Maintenant, nous n'avons pas vraiment besoin de toucher ça maintenant parce que nous allons réellement mélanger avec ça quand nous sommes en l. Un mentor lui-même et à l'avance, nous avons des choses comme la méthode d'impression CSS et pour nous mortels qui ne sont pas dans codage. On n'a pas vraiment à se soucier de ça du tout. Basculez en mode Loader de l'éditeur. On n'y touchera pas non plus, parce que c'est pour le dépannage et on ne va pas faire ce genre de choses . Ceci est pour les utilisateurs avancés. n'est rien que je fais soit en utilisant ce plug lui, et puis nous avons quelque chose qui s'appelle les poignées d'édition, et c'est en fait une fonctionnalité décemment récente. Maintenant, ce que cela fait, c'est que ça change les blocs d'édition Maintenant, je sais que nous n'avons pas encore commencé avec élémentaire, mais je veux juste vous montrer ce que cela fait. Si nous gardons cela caché, cela signifie que pour personnaliser un bloc, nous avons travaillé avec le blocage de Gutenberg. Donc ça va vous être familier pour personnaliser un bloc, nous pouvons faire un clic droit sur ce bloc. Maintenant, si nous gardons ça pour montrer, il va utiliser cette impasse en cliquant droit. Et ça ressemble à ça. Vous allez de l'avant, vous activez ceci pour afficher, puis, comme vous pouvez le voir dans le bloc, vous obtenez ce genre de pliage où vous pouvez copier, vous pouvez éditer, vous pouvez le fermer, etcetera. Maintenant, c'est complètement à vous de choisir, comment vous voulez le faire. Mais en général, peu importe ce que vous commencez ce que vous allez être à l'aise avec, je pense que cette fonctionnalité est principalement parce que beaucoup de gens qui ont utilisé élémentaire pendant un certain temps ils sont devenus mal à l'aise avec l'option de clic droit. Mais si vous commencez juste par élémentaire, vous serez à l'aise, probablement avec lequel j'aime vraiment les bons clics. Je vais garder ça pour cacher. Alors passons au gestionnaire de roll maintenant, tout comme il est dit Roll Manager si vous voulez permettre aux gens de faire certains éditages dans L. A mentor. Maintenant, par exemple, si vous voulez que votre rédacteur n'ait pas accès à L. A mentor, A mentor, vous allez de l'avant et Kallick ici. Maintenant. Les différents rôles sur votre site Web va être beaucoup plus important pour vous Une fois que votre site Web commence à grandir correctement et que vous pouvez commencer à signer différents rôles à différentes personnes. Vous pouvez avoir plusieurs auteurs si vous avez un blogueur. Par exemple, si vous avez des contributeurs quelqu'un qui prend ici si vous êtes PDG, etc. Maintenant, si vous voulez donner accès à certains contenus, vous devez aller pro. Mais ce que vous pouvez faire, c'est que vous pouvez limiter l'accès des gens à ce que les gens peuvent ajouter dans L. A mentor, et vous le faites via Roll Manager. Passons donc aux outils. Maintenant, ici est en fait quelque chose que vous pourriez venir à utiliser quelques fois, et c'est le CSS régénéré Now, même si nous ne travaillons pas vraiment beaucoup avec la CIA, dit que c'est en fait quelque chose qui est dit dans le style, et ce style va être la volonté de votre page. Peut-être le fonds, les colliers etc. Donc, chaque fois que nous mettons à jour cela et que nous avons remarqué que les mises à jour n'ont pas réellement lieu , alors il y a des chances qu'il y ait quelque chose de mal avec les os du poignet. Par exemple, Entre élémentaire et le thème que nous avons, nous avons océan WP. Donc, si quelque chose est en retard ou quelque chose manque ou étaient présents en faisant un peu manqué avec L. Un mentor, tout ce qu'on a à faire, c'est revenir en arrière et cliquer sur régénérer les fichiers, et ensuite on va s'assurer qu'ils coulent et, en gros, 99 % du temps ça marche, non ? Donc quel que soit le changement de style que vous avez fait, ça va commencer à travailler par eux. y a des chances que nous utilisions ces deux fois pendant que nous construisons notre site Web en utilisant L. Un mentor, et ensuite nous avons une bibliothèque de lavabo, et la bibliothèque sera beaucoup plus utile plus tard dans la section élémentaire quand nous commencer à utiliser des modèles. Ainsi, par exemple, si vous téléchargez un certain modèle ou si vous enregistrez le vôtre et que vous remarquez que cela n'est pas visible dans vos modèles enregistrés, tout ce qu'ils doivent faire est d'aller aux outils élémentaires et de cliquer sur la bibliothèque de lavabo et la plupart du temps, cela va résoudre ce problème, et ensuite nous avons le mode de sécurité et les motifs sécuritaires. Si vous voulez résoudre des problèmes ou quelque chose de spécial dans élémentaire, il s'agit d'une fonctionnalité avancée. Nous n'allons pas utiliser ça donc nous n'avons pas vraiment à nous en soucier. C' est essentiellement pour les nerds. Et même si je me considère comme un énorme nerd, je ne suis pas assez informé pour entrer dans le codage et couper le mode sans échec. Donc on ne va pas l'utiliser. Nous avons également la barre de débogage maintenant le débogage. C' est similaire si vous voulez chercher des problèmes qui ont dit, nous n'allons pas utiliser cela non plus. Donc, ce sont toutes des fonctionnalités avancées que nous n'avons pas besoin de construire des sites Web fantastiques. Donc, passer à vous remplacer ou L. Maintenant, si vous avez suivi le cours depuis le début, tout d' abord, c'est génial. Bon travail. Deuxièmement, vous vous souviendrez quand nous avons téléchargé un plug in pour sauvegarder notre site Web. Lorsque nous avons sauvegardé notre site Web a pu migrer notre site Web ailleurs, n' est-ce pas ? Et ce que nous pouvons faire alors, c'est que nous pouvons migrer ça et ensuite aussi migrer tout notre élément ou mettre en place en utilisant ce remplacement U R L Wright va être vrai aussi. Si vous changez le nom de domaine en un nouveau nom de domaine, vous devrez remplacer ce u R l deux mais encore une fois, comme il est dit là-bas. Vous devriez vraiment sauvegarder votre base de données avant de faire quelque chose comme ça, et heureusement, auriez notre sauvegarde. Et nous savons comment faire la sauvegarde manuellement. Donc, si vous avez besoin de remplacer votre ancien el ou votre migration, puis allez-y et sauvegardez d'abord et puis utilisez ce droit dans votre ancien l et puis vous saviez et cliquez sur remplacer euro, puis nous passons au contrôle de version. Donc, devraient-ils lancer une nouvelle mise à jour avec L A mentor, par exemple, et vous remarquez que Hey, attendez, Ceux-ci ont réellement cassé mon site Web. C' est très rare, mais comme avec tous les branchements, ça pourrait arriver. Mais c'est très, très rare. Mais vous pouvez faire est d'aller de l'avant et de réinstaller l'ancienne version que nous savons fonctionne réellement. Et bien sûr, nous avons notre site Web sauvegardé, dit qu'il allait être une perte, mais c'est là que nous allons à la version rollback, la version précédente pour installer ceux qui ont réellement fonctionné. Nous pouvons donc continuer à éditer notre site Web et continuer à progresser dans notre activité, et nous avons aussi si vous voulez devenir un meilleur testeur, si vous activez celui-ci, alors vous aurez la possibilité de tester de nouvelles versions avant qu'elles ne soient libéré. Si vous êtes dans ça, ce n'est absolument pas nécessaire adulte à lui pour garder ça sur handicapé. Ensuite, nous avons le mode de maintenance. Donc, si vous mettez à jour votre site Web ou dans cette certaine page, vous pouvez aller et utiliser un rythme à venir, par exemple, ou une page de maintenance. Donc, les gens qui viennent sur votre site Web vont le voir bientôt, ou une page de maintenance vous permettant de faire ce que vous devez faire sur votre site Web. D' accord, avant que tout soit publié. Cela pourrait donc être idéal pour toutes les mises à jour de maintenance ou juste pour ces jours d'inscription. Si vous voulez juste le poser, mettez à jour votre site en toute tranquillité et relâchez-le avec son nouveau design magnifique. Ok, alors nous avons qui peut bien accéder à votre site web, les gens se sont connectés. Ou si vous voulez définir cela comme une coutume, sorte que seules les personnes ayant certains rôles peuvent réellement se connecter. Une fois que ce système arrive bientôt ou la maintenance, je préfère juste garder cela connecté. Et puis nous avons les modèles. Si vous avez créé un modèle incertain pour le moment où votre site Web est en panne, vous pouvez l'utiliser. Si vous n'avez pas un créatif, nous pouvons en créer un ici. Maintenant, j'ai tendance à ne pas faire ça non plus. Si jamais je posais le site Web, ce que je ne fais jamais, jamais, j'irais de l'avant et j'utiliserais la partie maintenance. Ensuite, nous avons des informations sur le système. Et ici, il y a juste un tas de jargon technique. Ça ne nous aide pas du tout. On dirait juste ça. n'y a rien d'information qu'on puisse utiliser ici, donc on ne passera pas de temps ici. Nous avons un onglet de mise en route ici. Une houle. C' est vraiment génial, parce que L A mentor est fondamentalement illimité dans son potentiel pour la belle science. Et il y a beaucoup de trucs et astuces que vous pouvez utiliser à partir d'ici. Tu n'auras pas trop besoin de ça parce que je vais être ton éditorial, non ? Tu n'auras pas trop besoin de ça parce que je vais être ton éditorial, C' est pourquoi vous êtes ici dans ce cours pour rendre belle la science et merveilleux site Web. Mais pour apprendre beaucoup de trucs et astuces, ils ont quelques tutoriels vraiment remis ici. Peut vérifier cela, puis obtenir l'article complet. Maintenant, si vous avez besoin d'aide, vous pouvez cliquer sur, obtenir de l'aide ici. Ils ont un grand soutien pour avoir une foire aux questions ici peut aller de l'avant et vérifier cela. Il y a des tutoriels, etcetera, vraiment, vraiment génial. Et puis nous avons des fondations sur mesure. Maintenant, c'est une fonctionnalité pro que vous devez mordre afin d'ajouter des fonds de vos clients et des fonds personnalisés signifie s'il y a un téléphone que vous avez téléchargé ou peut-être même créé vous-même que vous voulez utiliser pour rendre votre site Web encore plus unique. Mais il y a beaucoup de plaisir, comme beaucoup de téléphones ici déjà que nous pouvons utiliser. Et au cours de la prochaine conférence de psychologie sur, les différents fonds allaient choisir un qui correspondrait parfaitement à votre entreprise, c'est qu'on n'a pas besoin de s'inquiéter à ce sujet, et ensuite on a les fesses de GoPro. Et si vous voulez acheter la version mise à niveau hors élémentaire et hors cours. Cela peut être un avantage si vous l'utilisez pendant un certain temps et que vous avez plusieurs sites Web et que vous voulez utiliser des sorcières supplémentaires et l'utiliser sur plusieurs plates-formes. Mais comme je l'ai dit dans la conférence précédente, ce n'est pas nécessaire. Vous obtenez fondamentalement tout pour la zone libre open source, et nous allons faire le site Kick Ass en utilisant la version gratuite, non ? Tu es la plupart des enfants. Tu n'auras pas besoin de la version pro. Mais s'il y a quelque chose que vous devriez par pro pour brancher, ce sera l'anti-virus ou la sonde de secours ou élémentaire, à mon avis. Et puis nous avons des modèles ici. Maintenant, nous avons notre mot à dire que les modèles. Donc, par exemple, je décide de faire des pages différentes pour différents cours, je pourrais vouloir avoir le type de construction hors page similaire. Donc, ce que je pourrais faire est de faire une certaine page construite et de l'enregistrer comme il modèle et l'utiliser encore et encore va gagner beaucoup de temps. Et, bien sûr, quand nous commencerons à télécharger des modèles, que nous allons passer plus tard, ça sera mis ici aussi. Le générateur de thème est une fonctionnalité pro, donc nous n'avons pas accès à cela. Mais il vous permet d'aller dans l'intégré, par exemple, pour éditer votre ah, en-tête votre nourriture er dans le l un mentor. Mais encore une fois, il n'y a rien à faire parce que nous savons déjà comment le faire à l'extérieur. Et je vais vous montrer comment utiliser les différentes fonctionnalités pour rendre votre site Web génial. Sans ça, nous avons des pop ups et des pop ups que nous connaissons tous. Le pape est sur ton écran. Vous voulez ouvrir un e-mail,par exemple, par exemple, ou s'il y a quelque chose que vous voulez annoncer sur votre site Web, c'est une fonctionnalité pro. Mais honnêtement, c'est assez sensible. Ils peuvent être utilisés correctement, mais ils peuvent également être très ennuyeux. Mais ce n'est rien dont nous avons besoin ici. Nous pouvons grands nouveaux modèles, et ici nous pouvons mettre des modèles dans des catégories, n'est-ce pas ? Donc ce sont les différents paramètres en élémentaire, donc nous avons passé par les paramètres rôle réussi à système pour tous ces trucs importants et plaques Sam, que nous allons passer par la mort de Maurin plus tard. Ce que je veux que tu te souviennes avant tout, c'est que si tu vas à L. Un mentor et des outils. Nous avons le CSS régénérer. Donc, s'il y a quelque chose qui ne se met pas à jour sur votre site Web, allez dire à un outil de mentor et cliquez sur régénérer les fichiers. La plupart du temps, cela va résoudre le problème de votre thème, ne pas mettre à jour votre style, ne pas fonctionner comme ils le devraient. ce moment. Passons à la prochaine conférence et commençons à utiliser élémentaire. C' est vraiment excitant, les gars voient dans la prochaine conférence. 3. Pré-conception de la page d'accueil: Très bien, gars, dans cette conférence, nous allons aller de l'avant et préparer notre page d'accueil. Maintenant, si vous avez suivi le cours depuis le début et que vous avez suivi les mêmes étapes que moi, vous aimerez juste que je n'ai pas de page d'accueil en ce moment parce que précédemment nous avons transformé notre page d'accueil en un début ici page. Donc, ce que nous allons faire est d'aller de l'avant et aller sur les pages ici et cliquer sur Ajouter Nouveau et réellement créer une page d'accueil que nous pouvons utiliser. Donc, je vais juste appeler cette maison, puis je vais cliquer sur publier, puis publier, Et puis je vais revenir à toutes les pages. Et si vous faites défiler vers le bas tout de suite, vous verrez que le début ici est notre patient sur la première page et la page d'accueil, ces synonymes d'air. Donc, ce que vous voulez faire est de cliquer sur l'édition rapide parce que cette limace vous vous souvenez de ce que la limace est ? C' est ce qui apparaît après votre nom de domaine. Donc la limace ici est Robin et Jesper dot com. Slash avant à la maison. Mais c'est très déroutant pour les moteurs de recherche parce que nous voulons en faire un début ici dès maintenant. La page de début ici devrait avoir commencé ici. La limace acide a beaucoup plus de sens pour la recherche et les oreilles et les humains. Maintenant, chaque fois que vous écrivez des limaces, vous voulez toujours utiliser des lettres minuscules, et vous voulez toujours utiliser un tiret lorsque vous faites n'importe quel espace. Alors on va aller de l'avant et cliquer sur la mise à jour. Et maintenant, jetons un oeil à notre maison. Si chaque semaine, vous allez voir que cette jambe est appelée à la maison et puis vous a pointé Nous voulons juste que ça soit appelé à la maison, et ensuite nous allons cliquer sur la mise à jour. On y va. Et maintenant, on va aller dans les réglages et aller à la lecture. Et maintenant, nous allons transformer notre page d'accueil du début ici en maison et maintenant cliquer sur Enregistrer les modifications. Donc, la page d'accueil n'est pas définie actuellement dans notre menu, et c'est exactement comme nous le voulions. Nous voulons que la page d'accueil soit la première page. Ils voient que l'éditeur, mais vous ne voulez pas qu'il soit dans le menu parce que nous l'avons déjà dans le logo. Donc ce que nous allons faire est de faire ça dans sa page d'accueil avant de la concevoir en enlevant toutes les peluches dont nous n'avons pas besoin, et ensuite nous allons passer à autre chose et rendre ça vraiment professionnel et beau en utilisant L un mentor. Je veux dire, c'est pour ça qu'on est dans cette section, non ? Donc maintenant on va aller vers les pages et cliquer là et ensuite on va aller à Hope, qui est maintenant une première page. Accueil est notre page d'accueil. C' est génial. Et maintenant, les gars, on va enfin cliquer sur ce gros bouton bleu qui nous regarde dans les yeux depuis un moment. C' est ajouté avec élémentaire. Ok, maintenant, la seconde où je clique dessus, ça va transformer notre page d'accueil en une page éditée élémentaire, à droite et va aussi ouvrir toute la page de Gutenberg que nous avons utilisé avant dans l'éditeur élémentaire. Donc, c'est à quoi ressemble l'éditeur élémentaire. Vous reconnaîtrez beaucoup de fonctionnalités de chute de dragon de Gutenberg, mais aussi avec cette belle édition de vie. Ne vous inquiétez pas pour tout ça. Nous allons passer en revue le tableau de bord lors de la prochaine conférence. Mais maintenant pour continuer avec notre pré le signe de la page d'accueil. Ce que nous allons faire est d'aller ici aux paramètres, et cela va faire apparaître quelques paramètres généraux pour la page d'accueil, tels qu'ils veulent changer le titre pour lequel ils veulent changer le statut. Je veux ajouter une image en vedette. On ne va pas faire ça maintenant, et ensuite on pourra aussi cacher les titres. Maintenant, si nous regardons le titre en ce moment, il dit « Accueil » et la plupart de nos pages ont intitulé « tel cours ». Titre de l'assistant, bien sûr, est sur le sang blawg, etcetera pour sont conçus pour prendre le niveau suivant et à l'air vraiment propre et vraiment professionnel. On ne veut plus utiliser les titres, n' est-ce pas ? Je veux rendre le site aussi propre et direct que possible, donc nous n'avons pas besoin de déclarer au monde qu'il s'agit d'une page d'accueil. Nous voulons simplement livrer le but de notre site Web, le but de notre page d'accueil et nous avons parlé plus tôt. Donc, ce que nous allons faire est que nous allons réellement aller de l'avant, cliquez sur les paramètres ici et nous allons cliquer sur Masquer le titre maintenant si cela ne cache pas le titre pour vous, alors les chances sont que le thème que nous utilisons n'est pas complètement synchroniser avec élémentaire en ce moment. Et c'est parce que parfois ils ont le nom différent dans les codes. On n'a pas besoin de le savoir. On a juste besoin de savoir comment le réparer. Donc, si vous cliquez ici et qu'il ne le cache pas réellement, rappelez-vous, c'est un aperçu en direct. Alors laissez-moi vous montrer comment contourner cela et cacher les quatre titres parce que cela ne fonctionne pas Ocean WP en ce moment. Allons donc cacher tous nos titres sur toutes nos pages parce que nous ne les utiliserons plus. Donc, ce que nous voulons faire est juste. Cliquez sur notre logo ici et cliquez sur Ouvrir le lien dans Nouvel onglet. Et puis on va y aller et on va aller de l'avant et cliquer sur Personnalisé. Si vous êtes à l'arrière de votre site Web, il vous suffit d'aller à l'apparence, puis de personnaliser. Et maintenant, on va aller de l'avant et passer aux options générales et au titre de la page. Et là où il est dit style, nous allons en fait aller de l'avant et cliquer de la valeur par défaut à la valeur cachée. Donc, ce que cela va faire une fois que vous cliquez sur l'éditeur, c'est que va masquer les titres de toutes vos pages actuelles et futures. Ça va nous épargner beaucoup d'ennuis. Il a donc été publié. Tous les titres ont disparu avec juste un peu nettoyé notre design. Impressionnant. Alors maintenant on comprime celui-ci et on retourne en L un mentor. Maintenant, tout ce que nous avons à faire est d'aller de l'avant et de mettre à jour cette page. Cliquez sur congé, Paige, c'est très bien. Et puis le titre de la maison a disparu. Tous ses titres ont disparu. Impressionnant. Maintenant, si nous allons de l'avant et nous retournons dans les paramètres ici maintenant, c'est la partie vraiment importante et intéressante. ce moment, nous avons quelque chose ici qui dit mise en page. D' accord. Et utilisaient-ils ça avant ? Nous avons utilisé l'élémentaire complet avec pour supprimer la barre latérale. Et si vous avez suivi le long du cours avec nous, Je vous recommande fortement d'aller de l'avant et vous cliquez sur le l aumentar plein avec et nous allons utiliser. C' est un joli design avant de commencer à concevoir notre page d'accueil. La raison en est que j'adore ce menu. J' aime que nous ayons le logo ici, et c'est aussi la nourriture qui est contenue ici avec notre politique de confidentialité en termes de conditions. Maintenant, si vous venez de commencer le cours et d'aller directement dans L. Un mentor, vous avez un site web. Mais vous n'avez pas toutes ces fonctionnalités ou vous ne vous souciez pas réellement de cette fonctionnalité. Chaque fois que faire tout ce que vous pouvez utiliser quelque chose appelé toile élémentaire, et c'est une fonctionnalité que sur beaucoup de site Web, j'aime utiliser cela, surtout pour commencer parce que regardez cela. C' est une toile complètement propre, et on peut commencer à construire tout ce qu'on veut ici. Donc, en fonction de votre conception dans votre but, vous pouvez aller de l'avant et choisir si vous voulez utiliser la toile élémentaire avec l'élémentaire plein avec. Mais si vous avez suivi depuis le début, je recommande que vous avez l'habitude d'élémentaire complet avec. C' est ce que je vais utiliser, et c'est ce qui va être la base pour commencer à signer notre page d'accueil. Alors on y va. Je vais juste aller de l'avant et cliquer sur les mises à jour, et maintenant nous avons tous fini qui ont pré-conçu ou page d'accueil voir la prochaine conférence. Les gars 4. Tableau de bord: Bon, alors apprenons un peu plus sur l'élémentaire en passant par le tableau de bord. Mais les premières choses d'abord. Comment pouvons-nous arriver à L. Un mentor de notre WordPress de l'arrière et hors de notre site Web. Maintenant, il y a deux façons de vraiment entrer dans l'éditeur élémentaire ici. Le 1er 1 serait de commencer un à partir de votre tableau de bord, aller dans les options de l'écran, puis activer l'élément ou la révision. Maintenant, rappelez-vous, nous cliquons dessus dans une conférence beaucoup plus tôt du cours. Maintenant, à partir d'ici, vous allez pouvoir créer de nouvelles pages en cliquant ici d'ici. Vous allez remarquer que le patient que nous avons édité notre page d'accueil, il dit en fait élémentaire ci-dessous. Et tout ce qu'on a à faire, c'est d'aller de l'avant et de cliquer sur Modifier avec L. A mentor, et on va sauter directement dans un mentor commençant à éditer cette page. Ok, donc nous y voilà. Maintenant, passons par ce tableau de bord ici, toutes les différentes fonctionnalités. Maintenant, si vous avez suivi depuis le début de ces cœurs, alors c'est vraiment génial. Parce que alors vous aurez appris à utiliser l'éditeur Gutenberg qui doit également faire glisser et déposer la fonction. Vous allez reconnaître beaucoup de ces fonctionnalités ici parce que si nous les regardons, nous avons les éléments de base ici, qui sont les choses comme les prises de tête, l'image de l' éditeur , le bouton vidéo etc. que vous pouvez simplement aller de l'avant et cliquer, faire glisser ici et déposer, et nous avons un titre plus à ce sujet dans un peu. Mais ses différents sont tout. Voici Dragon Drop. Alors quoi ? Nous avons tous les éléments de base qui se passent ici. Et si nous faisons défiler vers le bas ou simplement effondré, celui-ci de base, nous avons aussi ceux généraux, ce qui est des choses comme la Galerie d'images. Vous pouvez avoir un soin d'image d'évaluation des étoiles afin que je puisse lister le code court d'alerte Soundcloud barre latérale. Lisez celle de Mère. Il y a un ton off fonctions ici est un outil si génial. Et si nous effondrons celui-ci aussi, nous avons aussi les widgets WordPress que nous avons traversés de la zone des sorcières plus tôt. Nous pouvons également simplement cliquer, glisser et déposer comme ceci très, très facile à construire des pages de cette façon. Maintenant, la prochaine chose que nous pouvons faire ici ce que vous allez remarquer est que si j'ouvre le basique et par exemple, je veux ajouter un éditeur de texte ici, alors tout ce que je vais faire est de faire glisser l'éditeur de texte ici, et je vais avoir un morceau de Texas comme le rédacteur en chef de Gutenberg. Et quand ça arrivera, ça ouvrira l'éditeur de texte juste ici. Donc, et il faut quelqu'un pour écrire et peut juste écrire ça ici. Je peux aller de l'avant et changer le style, l'alignement et tout. C' est super similaire à Gutenberg, et puis nous avons aussi des fonctions avancées, que nous allons passer plus tard. Mais tout va marcher de la même façon que quand vous le tirez ici, vous le faites glisser et le déposer. Tu vas aller dans un éditeur où tu peux éditer ses différentes fonctions. Maintenant, si je veux aller de l'avant et ajouter d'autres choses, tout ce que je vais faire c'est cliquer ici dans le coin supérieur droit avec toutes ces cases, et je vais retourner ici. Disons que je voulais ajouter autre chose. Disons que je veux ajouter cette image. Je vais juste cliquer dessus et le déplacer vers le haut et vous pouvez avoir reconnu cela. Vous pouvez le mettre au-dessus, ou vous pouvez le mettre ci-dessous juste comme ça. Maintenant, si je mets ci-dessous va finir ici, et si je veux supprimer ça, je vais faire est juste. Cliquez et cliquez sur Supprimer. Maintenant, rappelez-vous, quand nous sommes dans les paramètres plus tôt que la fonction addict aurait été ici si nous avions ajouté sur le guidon. Mais maintenant, nous allons utiliser le clic droit pour cela et juste le supprimer pour que nous puissions ajouter n'importe quoi ici. Et c'est un carré de lui-même où vous pouvez ajouter un tas de choses. Un tas de vidéos, de boutons, boutons, n'importe quoi. Tu vas remarquer qu'on peut traîner sur différentes sorcières ou éléments. Ce sont essentiellement des synonymes ici. Donc, de cette façon, vous pouvez garder sur différentes sections avec différentes fonctionnalités. Droit ? Disons donc que je voulais ajouter mon propre en-tête ici. Je peux tirer les choses que je veux tirer d'ici, traîné ici et créer un en-tête ou un au-dessus du rythme de la maison de pliage. Vous vous souvenez de ce qui est au-dessus du pli signifie qui est tout. Ça sera sur ton écran quand tu ouvriras la page. Alors je pourrais faire ça et le prochain carré ici. Cela pourrait être les choses où je mets, par exemple sous le plein, le premier écran sous le pli, et nous pourrions faire un autre et un autre. Tout ça va avoir beaucoup plus de sens dans un petit peu. Maintenant, si je veux m'effondrer sur toute la place, tout ce que j'ai à faire est d'aller de l'avant et de cliquer sur le supprimer ici. Boum ! Tout est parti maintenant. La prochaine chose que c'est si incroyable et si beau avec cet éditeur est cette fonction. Remarquez le plus ici. Si je clique sur ce va ajouter une nouvelle section entière, il est si facile de le lire. Disons donc que j'ajouterais ici que nous avons quatre sections différentes. 1234 Et puis vous pouvez éditer ce qui se trouve entre eux. Par exemple, la hauteur deux colonne. Prends le débordement. Même la balise, ce qui est vraiment cool, parce que cela signifie que vous pouvez créer votre propre en-tête. Et les moteurs de recherche vont le reconnaître comme un frappeur parce que vous avez changé html en en-tête. En d'autres termes, l'en-tête est pour les moteurs de recherche. S e o encore plus à ce sujet dans la section S e o. Ok, donc si on retourne ici où on a tous nos widgets, je pourrais ajouter un titre dans celui-ci. Vraiment bien. Retournons en arrière. Je pourrais ajouter une vidéo à celle-ci. Retournons en arrière. Je pourrais ajouter un Google Maps dans celui-ci. Les possibilités d'édition sont infinies ici, et c'est ce qui le rend si incroyable. C' est pour ça que j'adore ça. Vous pouvez faire un tel site professionnel facilement. Je veux dire dans des heures, une fois que tu as appris ça. Alors enlevons le carré entier comme ça. On y va. Maintenant, la prochaine chose que vous pouvez faire est d'aller de l'avant et de cliquer ici. Et c'est la prochaine chose qui souffle l'esprit ici. On va obtenir un tas de modèles. Maintenant, regarde ça. Ce sont des modèles de page, n'est-ce pas ? Si vous faites défiler ici et disons bien, celui-ci semble vraiment bon, tout ce que vous devez faire est de cliquer dessus et vous pouvez vous attendre inspecté, Voir à quoi il ressemble défiler vers le bas avec la mer, nous avons cette belle, belle paysages, paysages vidéo. Ils ont cette femme qui surgit. Nous avons la boîte qui prend et le bouton qui se passe. Très simple, propre et beau défilement vers le bas. On a ce petit pli ici où on peut appeler. Nous avons le nombre défilant en dessous du pli en cours. Nous avons toutes les fonctionnalités du service, quelques photos, puis quelques informations supplémentaires. J' aime vraiment ça. Donc je vais aller de l'avant et cliquer sur insérer et ensuite on aura toute cette page. Ecoute, c'est si facile. Je pourrais aller de l'avant et écrire. Robin et Jesper commencent à éditer de minuscules choses, en ajoutant nos chiffres, en ajoutant notre fonctionnalité et honnête dans quelques heures, j'aurais un site Web de kick ass. Tout cela grâce à élémentaire si facile à utiliser. Maintenant, nous allons simplement réduire tout cela en cliquant sur la section Supprimer ici. On va juste supprimer tout ce qu'il y a à l'intérieur de ce carré ou plutôt, dans ce cas, c'était juste la vidéo. Et sur cette place, par exemple, ils l'ont divisé, donc ce numéro de téléphone va être effondré ici. Et si je la tiens, je peux voir que tout ce carré de fonction va être supprimé de ce carré. Cela a divisé cela à ce sujet. Donc tout dépend de la façon dont vous voulez diviser toutes vos différentes sorcières et votre propre design, non ? Donc tout ce que je vous montre ici, nous allons entrer dans plus de détails au fur et à mesure que nous allons traverser et construire notre page d'accueil. Ceci est juste pour courir à travers le tableau de bord et ses nombreuses fonctions hors Comment fonctionne élémentaire. Ok, donc si nous descendons, nous avons quelques fonctionnalités supplémentaires comme les paramètres. Maintenant, nous avons abordé les paramètres juste plus tôt dans la conférence quand nous faisions le réglage de nos patients à domicile ou élémentaire complet ici, nous pouvons également changer le style, ce qui signifie que nous pouvons aller de l'avant et cliquer sur et ajouter une image ce qui signifie que nous ajouterions une image à ce fond qui se passe ici. Nous pouvons également utiliser le Grady en ce sens que nous pouvons utiliser des couleurs et faire un certain appelants dans ce fond. Et les possibilités d'édition sont infinies ici. Et maintenant, si je descends, nous avons aussi un navigateur. Maintenant, Navigator va être quelque chose qui, par exemple, Disons que je clique ici, retourne aux sorcières et j'ajoute dans le titre ici. Maintenant, nous pouvons voir le titre dans notre navigateur. Si je retourne dans les éléments et que j'ajoute dans un mégots et s bien, posons-le ci-dessous. Ici, nous pouvons voir que dans la même colonne, nous avons le titre et le bas. Maintenant, si je retourne ici et que j'ajoute une vidéo dans un carré de natter, alors nous allons voir que cette vidéo est en fait dans une nouvelle section. Chacun de ces carrés est connu sous le nom de sections, non ? Donc, si je veux un accès rapide à eux, je peux juste cliquer dessus et je peux voir le martyr. De même, si je clique dans le coin supérieur gauche comme ça va être marqué dans le navigateur, et puis nous allons juste réduire chaque carré, carré ou section n'a pas d'importance ce que vous les appelez et réduire celui-ci aussi et puis en descendant. Nous avons aussi l'histoire maintenant des histoires de fonctionnalité vraiment utile, parce qu'il va montrer était tout ce que nous avons fait. Donc, par exemple, nous venons d'ajouter la vidéo. Donc, si je clique ici. On récupère tout quand on a la vidéo. Donc si vous faites des erreurs en cours de route, vous êtes inquiet pour Oh, comment ça va ressembler ? Oh, je suis allé trop loin ? Je peux annuler ça ? Oui, tu peux. Et c'est la belle chose à ce sujet. Tout est sauvé ici, ce qui est vraiment Austin. Nous avons même notre modèle quand nous avons ajouté celui-ci ici. Et bien sûr, si vous voulez aller à la dernière, il suffit de cliquer sur le haut et nous revenons. Nous avons aussi des révisions. Maintenant, les révisions, c'est quand nous avons fait cela Les grands changements qui ont été devraient dire que j'ai eu il y a une minute 13 minutes. J' ai joué un peu avec ça et de la conférence d'avant-première qui a été filmée. Donc, nous avons aussi ceux qui enregistrent ici peut cliquer sur que je pourrais appliquer et les recharger. Donc, il n'y a jamais aucun souci de perdre quelque chose dans le processus d'édition parce que tout est sauvegardé ici. En descendant. Nous avons également le mode responsive. C' est vraiment utile parce que votre montage en direct, ce qui est incroyable lui-même, vous pouvez aller de l'avant et vérifier Comment ça va ressembler dans la tablette ? Comment ça va ressembler sur le mobile ? Donc, vous obtenez toujours des commentaires directs. Et nous savons que la majorité des gens sur Internet utilisent aujourd'hui leur téléphone portable. Donc, nous devons nous assurer que tout est adapté aux téléphones cellulaires, est-ce pas ? Sinon, on va se rencontrer dans un tas de trafic important. Donc, nous allons nous assurer de toujours garder un œil sur ceux-ci quand nous faisons notre conception et ensuite nous avons des changements d'aperçu. Quand je fais quoi que ce soit, retournons aux sorcières ici. Et puis ajoutons. Réglons dans cette vidéo, par exemple. Ici, c'est. Maintenant, si je veux voir à quoi cela ressemble, je pourrais juste cliquer sur les changements d'aperçu, va s'ouvrir dans un nouvel onglet. On a déjà vu ça arriver, et ça va me montrer à quoi ça ressemble en ce moment. Ok, donc c'est à ça que ça ressemble avec la vidéo. Maintenant, si je veux modifier davantage cette section, je peux simplement déplacer ma souris avec cette section d'édition et vous allez obtenir un autre mode d' édition ici. Et ce qui est beau avec ça, c'est que tu peux décider que tu veux que la section soit emballée . Tu veux avoir un appel dans les lacunes ? Il va y avoir très important. Nous avons différents Appelez-les position Contin, balise html de débordement, structure tout. Vous pouvez changer le style, tout et c'est hors de la section. Si vous voulez ajouter une section ci-dessus, par exemple, il suffit de cliquer sur le plus et vous allez ajouter une section ici que je recommande lorsque nous faisons la conception et que vous allez nous remarquer, nous allons que nous gardons chaque section pour chaque contenu. Donc, par exemple, la première chose que nous allons vouloir faire a dit le but principal de notre page d'accueil qui va être dans une section qui va être la partie ci-dessus la section dupe maintenant en bas . Nous pourrions, par exemple, quand j'avais un email, choisir mon envie d'ajouter un numéro de téléphone ou quoi que ce soit, peut-être des témoignages. Quoi que ce soit, il y aura en dessous du plein. La première chose qui apparaît quand vous faites défiler vers le bas qui sera dans une nouvelle section dans la nouvelle place. D' accord. Et pour supprimer ces Tout ce que nous devons faire est de cliquer sur le X ici. Il va cliquer sur le X ici. Celle-ci a disparu aussi et qui couvre toutes ces fonctions et toutes les sorcières. Maintenant, nous avons aussi quelque chose qui s'appelle Global. Maintenant, c'est une fonctionnalité pro qui ferait de votre qui est global. Ce n'est pas important Je voulais juste vous montrer ce qu'est cette partie, mais nous n'allons pas utiliser parce que c'est une fonctionnalité pro qui baisse. Chaque fois que vous avez fait quelque chose dont vous êtes fier, vous pouvez cliquer sur la mise à jour et qui va mettre à jour. Nous avons également la même option. Vous pouvez l'enregistrer comme un modèle dont nous parlions plus tôt peut aller au modèle et ensuite charger que si vous voulez avoir un certain modèle pour certaines pages et aussi juste enregistrer brouillon et enfin monter, nous savons que nous allons obtenir aux sorcières si nous cliquons ici droit, Mais si nous cliquons ici, nous obtenons une paire différente d'options en cours. Nous arrivons à définir nos couleurs par défaut sont les fonds par défaut sont le sélecteur de couleur par défaut, et puis nous avons des paramètres globaux, qui va être des choses comme le fonds générique par défaut, le contenu avec l'espace widget, etcetera. En outre, nous avons la lumière de la boîte de lumière. Réservé est si vous ajoutez une image que vous cliquez sur l'image va apparaître afin que vous puissiez voir les images plus en plein écran. C' est une fonctionnalité étonnante qu'ils ont ajoutée ici Cliquez ici pour revenir en arrière. Nous avons les paramètres du tableau de bord, qui est juste cette partie que nous avons traversée plus tôt. On a le sujet de l'élémentaire va t'emmener à leur page d'accueil. Nous avons le détecteur, ce qui est vraiment cool. S' il y a quelque chose de certain que vous voulez trouver dans cette page, vous pouvez simplement la rechercher et ensuite nous pouvons voir la page ou quitter le tiret. Mais quel est le backend de votre site web ? OK, les gars, maintenant à la prochaine conférence, nous allons aller de l'avant et décider du thème de notre site, ou plutôt, du sentiment que nous voulons exprimer. Et nous allons commencer par décider quels fonds par défaut nous voulons utiliser pour nos en-têtes pour nos sous-en-têtes. Pour le générique, vous avez piloté le texte. Il a dit de décider du sentiment et de comprendre que si vous n'êtes pas un designer comme je ne suis pas un designer, les chances sont que vous ne l'êtes pas. Mais il y a des designers là-bas qui comprennent la psychologie des fonds. Nous devons donc faire correspondre la psychologie au téléphone avec le sentiment que vous voulez donner à vos vistors. Et je vais vous montrer exactement comment faire ça, parce qu'il y a beaucoup de modèles là-bas que les sites sur quel téléphone qui exprime, quel sentiment Donc nous allons regarder quel service avons-nous ? Quel sentiment ne veulent exprimer ? Alors qu'est-ce qui a téléphoné ? Peut-on décider d'exprimer ce sentiment et quels fonds vont correspondre à ça ? Ensuite, on va aller de l'avant et faire la même chose pour le thème plus froid de notre site Web. Il ya un super excitant, une telle partie intégrante de la conception de vos sites Web, etc. Dans la prochaine conférence, les gars 5. Définir des valeurs globales - Régles polices: dans cette conférence, nous allons parler de l'établissement de valeurs mondiales. Donc, ce que c'est fondamentalement définir certaines valeurs que l un mentor va utiliser et encore chaque fois que vous concevez une page. Ok, donc nous allons commencer par définir les valeurs mondiales de nos fonds. Donc, pendant que nous sommes en élémentaire ici, ce que nous allons faire est d'aller dans le coin gauche de l'opéra ici, cliquer là et ensuite déplacé vers les fonds par défaut. Nous allons passer par les fonds avant les couleurs parce que les fonds sont si importants quand il s'agit l'expression elle-même hors de votre entreprise sur le site pour votre restaurant, pour votre design ou votre sang, peu importe ce que vous êtes créer en ce moment. Donc, nous allons cliquer sur les polices par défaut ici. Donc, comme vous pouvez le voir, nous avons quatre types différents. Nous avons un titre primaire, titre secondaire, un corps de texte et l'accent prend. La première chose que nous allons faire est que je vais mettre ici quatre exemples différents qui représenteront tous ces quatre types de texte différents. Ensuite, je vais vous montrer la psychologie derrière eux et comment vous pouvez trouver une expression qui va s'adapter à votre entreprise, puis aussi des outils pour trouver des appariements appropriés à chaque téléphone. Maintenant, les fonds sont en fait assez sur l'art. Mais pour nous qui veulent juste avoir une très bonne représentation de notre site web dans les affaires, nous allons prendre le raccourci et aller chercher les modèles. Il y a certainement la chose la plus efficace que nous puissions faire ici. Donc les gros titres, deuxième corps de titre prend l'accent On va aller de l'avant et on va aller à ce qui ne va pas mettre ça juste pour te montrer leurs différences. Donc ça va être le titre, et ça va être le titre secondaire et ça va être le corps du texte qui va mettre juste en dessous. Et je vais aller de l'avant et écrire. C' est le corps du texte a atteint un niveau bas. Je vais aller de l'avant et centrer ça aussi, qu'ils soient plus faciles à voir. Et puis on va ajouter l'accent. Takes va mettre ça dans le fond juste ici. Donc on y va, et on va retourner ici et aller aux fonds de défaut. C' est là que nous avons mis en place nos valeurs globales tout ce que je vais faire est d'ouvrir ces menus. On y va. Et c'est là que ça devient à la fois délicat et intéressant, parce que c'est là que nous décidons de nos téléphones et comme nous parlons, les fonds antérieurs sont en fait sur l'art. Donc ce que nous allons faire, c'est que nous allons utiliser un guide de peut voter dot com. Maintenant, chez ce gars, ils ont un tas de modèles différents. Ils ont mis en place une liste avec différents accords de fonds que vous pouvez aller de l'avant et voir ce que John votre entreprise et votre dans vérifier cela, regarder leurs parents de téléphone et juste suivre de même. Et si tout n'existe pas à l'élémentaire, je vais vous montrer comment trouver une alternative. Ou si vous voulez juste trouver vos propres alternatives de toute façon. Donc ce que je vais faire, c'est faire défiler ça jusqu'à ce que je trouve quelque chose que j'aime ici et ici. J' ai trouvé cette première page. Maintenant, nous concevons notre page d' accueil, notre page accueil, c'est à peu près la même chose. Et en regardant ça, je pense que ça a l'air vraiment sympa. J' apprécie vraiment la détection ouverte ici. Si je fais défiler un peu vers le bas. Je reçois une explication sur la façon dont cela fonctionne, puis aussi un exemple pratique. Et j' apprécie vraiment ça. Donc en fait, je vais aller de l'avant et utiliser cette configuration, OK, donc d'abord nous avons le titre principal et c'est les sons ouverts extra gras. Donc je vais y retourner et je vais aller de l'avant et je vais écrire des sons ouverts maintenant, remarquez qu'ils n'ont pas les sons ouverts extra gras, mais ce que je peux faire est de changer le poids parce que le poids est un autre mot pour gras. Donc je vais passer de 600 à 800, on peut voir comment ça change tout ton titre ici . Et ça commence à ressembler beaucoup plus à celui-ci, et j'apprécie vraiment ce Looks. Donc on va garder ça. Retournons ici. Fonds par défaut. Donc maintenant, nous avons dit ou titre primaire. Et qu'est-ce qu'un titre primaire ? Eh bien, le titre principal sera quand nous irons à nos éléments ou widgets, et nous utilisons ces épées hors des en-têtes. Si je clique sur ce titre ici, vous pouvez voir qu'il peut avoir la balise h un à six ans Dave Span ou P. Maintenant, peu importe lequel vous utilisez. Ça va avoir plus d'importance, n'arrivera pas à la section S e o. Ce qui est important ici, c'est que le titre va se diriger vers n'importe quelle section que vous modifiez pour ce qui est rencontré de telle sorte que vous voulez rentrer chez vous, est-ce pas ? Et si nous retournons ici et que nous allons au téléphone complet, le titre secondaire n'existe pas tellement chez L. A. mentor. Le deuxième titre. Ce sera surtout certain, ce qui est pourquoi j'utilise ce compteur sorcières comme exemple. Parce que tous les titres différents ici, ce h 2345 ou six ceux sont tous comptés ses titres primaires. Donc, le deuxième titre, Il va en fait être utilisé très, très rarement. C' est juste une bonne chose à savoir, d' accord, accord, mais maintenant on n'a pas pu trouver le Cooper Hewitt. Donc ce que je vais faire, c'est que je vais aller de l'avant et chercher des sons ouverts et essayer de faire correspondre ça en allant au péridot téléphonique. Si o non. Tout cela va être dans la ressource est tellement ici. Ce que je vais faire, c'est chercher des fils ouverts juste comme ça, puis frapper , entrer et ensuite en bas, on peut voir deux paires différentes qui se passent. Et la chose cool ici est que vous pouvez simplement cliquer sur ce prend et droit dans votre propre ainsi , juste pour voir à quoi il ressemble. Et puis nous faisons défiler jusqu'à ce que nous voyons quelque chose que nous aimons. Ok, maintenant, je pense vraiment que celui-là est vraiment cool. Baskerville délibérée. J' apprécie vraiment celle-là. Donc, la salle de bain de liber, je vais utiliser celle-là. Donc on va y retourner. Je vais vérifier ici et chercher le souffle de plomb, Bhaskar ! Et on y va. Là, nous l'avons. Libère Baskerville. Et puis on a le titre. Je pense que ça a l'air vraiment, vraiment sympa. Maintenant, si nous allons au corps du texte, ce sera la plupart du texte que nous parcourons sur notre site Web. Ils vont être une valeur globale. Donc, chaque fois que tu fais un titre, tu vas retirer ces valeurs de ces gros fils ouverts que nous avons sélectionnés ici et chaque fois que tu écris et qu'il faut, tu vas prendre ce corps. Je veux donc choisir avec soin et m'assurer que nous faisons nos appariements. Eh bien, maintenant revenons à la canette d'un guide ici, ils recommandent que nous utilisions des sons PT ici, donc et je pense que cela semble vraiment bon aussi. Ça a l'air vraiment génial ici aussi. Donc je vais aller de l'avant et chercher des fils P T. Et c'est là. On l'a. Donc nous allons juste voir comment ces transformations. On y va. Ça pourrait ressembler à une différence mineure. Mais quand vous commencez à ajouter beaucoup de texte, cela va vraiment s'ajouter. Cela va être fondamentalement 90% de la conception de votre site Web à la fin, surtout si vous bloguez. Prend ce tout sponsoriser vraiment tout. Donc j'apprécie vraiment cette partie, et ensuite je vais avoir un accent. Nous prend assez bien pour l'accent prend qui va être sur des choses telles que les boutons tels que différentes parties de votre barre latérale, etc. Non, ils n'ont pas vraiment de recommandation pour le texte d'accent ici alors ce que nous allons aller avant et faire est d'aller à nouveau financer paire, et nous allons juste continuer à défiler jusqu'à ce que nous trouvions quelque chose qui correspond bien avec fils ouverts. Parce que c'est le titre que nous utilisons. Alors passons à la brise marine Serif. En fait, je profite vraiment du cul. Un bouton prend, comme dans ce cas. Alors respirez Serif. Je vais vérifier ça et voir à quoi ça ressemble ici. Gel ! On y va. Je vais cliquer sur Kim, et ils partiraient. Ok, j'apprécie vraiment cette mise en place. Donc, tout ce que je dois faire maintenant est rapide et appliquer. Et soudain, nous avons dit nos valeurs mondiales pour nos fonds et cela va décider complètement comment nous nous exprimons. , Rappelez-vous, ici, vous pouvez voir quel genre de fonds vouliez-vous avoir pour la technologie,par exemple, par exemple, quel genre de sentiments vous voulez avoir pour une galerie d'art pour des invitations et des événements ? Je veux dire, tous ces téléphones, ils expriment des sentiments différents. C' est donc une bonne idée sociale d'aller avec les parents de téléphone qui sont recommandés par des designers professionnels . Ce sont des gens qui font des recherches et des études là-dessus. Je recommande que nous faisons ce qui fonctionne. Donc, nous avons installé nos téléphones. Si vous voulez les vérifier, Maurin Death, on peut cliquer dessus. Et puis nous pouvons aller, par exemple, à la taille et le mettre en grand. On peut même le mettre en XXL et voir à quoi il ressemble. Et j'aime vraiment ça. Killeen. Ecoute, je suis super content de ce choix. Je pense que tu devrais faire la même chose. Consultez la ressource est aller et trouver votre genre Jordan ish. Trouvez vos appariements, puis allez à l'ascenseur supérieur ici. Aller à la valeur par défaut. La police allait être vos valeurs globales. Donc ça va toujours être appliqué et ensuite les mettre en place. Appuyez, appliquez. Et puis nous allons passer à la prochaine conférence où nous allons faire la même chose pour les couleurs de notre site Web Les couleurs sont également super importantes, comme nous pouvons voir cette couleur, non ? Il ne va pas voir dans la prochaine conférence. Les gars, 6. Correspondez votre menu - Correspondez à votre polices: D' accord, gars, avant d'aller de l'avant et de décider dans notre palette de couleurs pour notre site Web, en fonction de vos besoins chez John et du service que vous offrez , etc., nous allons aller de l'avant et correspondre à fonds que nous venons de cueillir avec notre menu et notre nourriture. Er Maintenant, si vous avez opté pour l'élémentaire peut va et vous n'avez actuellement pas de menu ou de pied de page et vous n'avez pas l'intention d'utiliser l'un ou l'autre, vous pouvez aller de l'avant et sauter cette conférence. Mais si vous l'êtes, ce que je vous recommande d'utiliser le menu dans la nourriture ou de rester autour et nous allons aller avant et faire ça. Ok, Donc la première chose que nous voulons vérifier, c'est les noms de ces fonds que nous avons décidé pour le titre principal Le second Headline Body prend un texte d'accent. Maintenant, ce que nous allons vouloir faire correspondre, c'est le titre secondaire qui a formé la famille au menu supérieur ici. Le menu principal. D' accord. Et puis nous allons aller de l'avant et faire correspondre le corps prend au texte du copyright et aussi à la nourriture nos liens pour la politique de confidentialité et les termes et conditions Ok, Donc ce que nous devons nous rappeler ici est le deuxième titre er et le corps du texte. Ok, donc pour moi, c'est le travail Baskerville, MPT Sands. Donc, nous allons garder ces choses à l'esprit. Ce que nous pouvons également faire est d'aller de l'avant et de supprimer. Tous ces éléments allaient enlever toute cette place, aussi connue sous le nom de section. En cliquant ici, ils allaient fusil. Et chaque fois que vous faites un changement, n' oubliez pas de cliquer sur la mise à jour. On y va. Donc, nous allons cliquer sur le coin supérieur gauche ici, puis cliquer sur Quitter to Dashboard et cela va nous conduire à l'arrière du site Web, et nous allons aller à l'apparition ici et cliquer sur Personnaliser. Et puis on va aller à la typographie sur le tableau de bord gauche, entendre cliquer là dans cet onglet, et ensuite on va aller de l'avant et cliquer sur le menu principal. C' est le 1er 1 qu'on va commencer. Ils y allaient et on va cliquer sur la famille du téléphone. Maintenant, le menu principal est celui-ci. On va cliquer sur la famille du téléphone, et je vais chercher Brah. Et c'est ce Baskerville libéré. Donc, si vous regardez le menu principal juste ici et regardez quand je clique sur le basket-ball, nous pouvons voir le changement qu'il apporte. Et je suis déjà fan de ça. J' aime ce grand moment, en fait. Donc, cela change notre menu principal. Maintenant, si nous le pouvons, nous pouvons aussi changer la taille comme ça. Si vous voulez l'avoir un peu plus grand, nous pourrions même en 16. On y va. Là. On en a 16 en fait vraiment vraiment comme ça dans Ford. Vu comme ça, vous pouvez également jouer avec l'espacement des lettres. Mais honnêtement, je ne le ferais pas parce que ça va gâcher le front lui-même. Et puis on va aller de l'avant et cliquer sur le dos, et on va aller faire où il est dit nourriture ou copyright. Ok, et les droits d'auteur que ce droit d'auteur prend en fait ce qu'on a écrit ici, et je vais chercher P T. Sands. En effet, tout ça. Waas clique sur PT sur mon clavier et il va sauter à P T ici et ils auraient PT Sands. Donc, si vous gardez à l'œil ce texte et que nous pouvons le regarder, changer et nous y allons. Donc pas un grand différent, mais ça va mieux s'adapter à la conception globale du site Web, d' autant plus que nous commençons à y ajouter du contenu. Donc ce que nous voulons aussi faire ici, c'est jouer un peu avec cette taille, non ? C' est vraiment petit. Maintenant, nous pourrions vouloir faire ça un peu plus grand. En fait, j'aime vraiment Ford voir ici. On y va. Peut-être 30. Oui, gardons ça un 13 semble vraiment bien. Donc 13 et la taille. J' aime vraiment ce design. Et puis on y va et on va changer ces fesses. Eh bien, donc on change juste la nourriture ou les droits d'auteur. On va revenir en arrière, faire défiler jusqu'à la nourriture ou au menu, et on va changer de téléphone. Famille aussi à P T Sands. Ok, maintenant, jette un coup d'oeil à ça. Encore une fois, nous pouvons voir la différence. Et on y va. Maintenant, certaines personnes pourraient proposer de faire correspondre leur menu principal, leur principal nouveau ici avec leur pied de page. Et vous pouvez absolument le faire. n'y a rien de mal à cela, mais moi personnellement, je préfère faire correspondre le texte du copyright avec la nourriture ou prendre le contrôle de tout. Je pense juste que ça rend un design plus agréable et plus propre. Et puis je vais changer cette taille là-bas. Donc, ça va que 12. Voyons voir. Troisième scène 14. 14. Ça a l'air plutôt bien. On y va encore. 13. Je pense que c'est vraiment bon. Et puis je vais cliquer sur Publier, et ça va publier celui-ci pour le menu principal, prises d'entreprise et la nourriture ou le menu. Il a donc été publié. Elle a été changée. gars géniaux, pas avec lui. Faites correspondre le téléphone sur notre site Web. Nous avons défini les valeurs globales, ce qui signifie que lorsque nous commençons à créer du contenu, nous commençons à ajouter des en-têtes des bas , prises qui vont correspondre avec les téléphones que nous avons déjà choisi. Alors quoi, on va aller de l'avant et faire ensuite ? Ça va pour les couleurs. Vérifiez quelle couleur devrait représenter mon entreprise. Quelle palette de couleurs va tenir avec ça ? Et c'est à la valeur globale pour les couleurs, comme nous l'avons fait avec les fonds. Vous voyez, dans la prochaine conférence, les gars 7. Définir des valeurs globales - Régler les couleurs: Très bien, les gars , dans cette conférence, on va parler des couleurs. Ce qu'ils signifient comment les utiliser correctement pour représenter votre entreprise, puis, bien sûr, définir nos valeurs mondiales. Maintenant, comme avec les fonds, nous pouvons rendre cela aussi facile ou avancé que comme nous aimons le faire maintenant, j'ai opté pour quatre téléphones. Vous vous en sortirez bien avec seulement deux. Si vous ne voulez pas y aller trop profondément et que les couleurs sont similaires, vous n'avez pas à y aller trop profondément. Mais je veux vous montrer où vous pouvez trouver toute la ressource est de rendre l'exploration aussi profonde que vous le souhaitez, parce que je trouve cela beaucoup de plaisir. Maintenant, la première chose que nous pouvons jeter un oeil est le sens et le symbolisme hors couleur. Ceci est un excellent tutoriel du Canada. Je vais le mettre dedans. La ressource est maintenant là. Ils vont parler de ce que chaque couleur symbolise. Donc, ce que vous pourriez vouloir faire est de penser aux couleurs auxquelles vous avez pensé pour votre design. Regarde ce qu'ils symbolisent. Jetez un coup d'œil à l'éditorial et voyez si cela va dans le sens de vos pensées et idées hors votre entreprise. Maintenant, par exemple, vous pouvez ne pas vouloir avoir une société dont les ventes représentent, par exemple, et utiliser principalement le noir et le rouge comme couleurs. Parce que ces couleurs d'air vraiment agressives, Vous voudrez peut-être aller avec des couleurs plus douces là-dedans. Ce n'est pas dans la pierre. Maintenant, rappelez-vous qu'il n'y a pas de bien ou de mal ici, mais il y a des lignes directrices sur ce qui fonctionne généralement mieux. D' accord. Et pour moi, je préfère suivre ces lignes directrices, définir dès le début pour que tout soit mis en place, puis le garder simple tout au long la conception. moment, En cemoment, la prochaine chose que nous pouvons faire est d'aller de l'avant et de générer notre propre palette de couleurs en utilisant générateur de palette de couleurs de toile. Et c'est ce qu'on va faire. Mais d'abord, jetons un coup d'oeil à notre palette de couleurs actuelle. Donc, si nous allons dans l'écrivain élémentaire, je les ai remis pour que nous puissions vérifier les différentes couleurs. Demandé. Ils ont changé. Vous pouvez le faire aussi, si vous le souhaitez, mais ce n'est pas obligatoire. C' est juste pour te montrer ce que la différence va faire. Donc, si nous allons au bouton de menu ici et ensuite nous passons aux couleurs par défaut, vous remarquerez qu'ici il y a déjà des palettes par défaut. Donc si tu veux juste y aller, tu peux cliquer sur l'un des palais ici et tu vas aller de l'avant et avoir ce palais droit ? Vous pouvez voir tout change instantanément, choisissez n'importe quel palais que vous voulez. Maintenant, je vais cliquer sur jeter ici pour revenir à l'original. C' est actuellement défini. Donc nous avons un texte primaire, secondaire et accent que nous allons changer la couleur maintenant. La première chose que je vais faire parce que je vais être baser les couleurs de ce site sur les couleurs du logo droit est un moyen vraiment intelligent de correspondre à la conception de votre site Web. Donc, ce que je vais aller de l'avant et faire est d'utiliser le générateur de toile Kohler que je viens de parler cliquer sur l'image de téléchargement, et puis je vais faire défiler vers le bas et effectivement utiliser ce logo que nous avons créé téléchargé , et puis je suis va obtenir une palette de couleurs de ce téléchargement qui va ressembler à ceci . Maintenant, tout ce que je dois faire est de faire défiler vers le bas. Et comme vous pouvez le voir ici, je vais obtenir cette belle palette de couleurs basée sur le logo qui est ici. Ok, donc ce que je vais faire, c'est décider lequel d'entre eux je veux utiliser et où. Et voici quelques conseils et astuces pour le futur design. Maintenant, si on retourne ici, tu remarqueras que l'appelant principal va être hors de choses comme l'en-tête. Il est également dans le nombre Counter va être dans le nombre lui-même, qui est le symbole principal de ce widget. Donc tous les gros trucs, comme les en-têtes , par exemple, les nombres dans certains témoignages, etc. Ça va utiliser cette couleur. De même, cela va utiliser ce fonds. Nous avons décidé pour le primaire maintenant secondaire. Comme avec le fonds ici. Nous avons une couleur secondaire qui est affichée sous le numéro ici. Et le second er n'est pas très commun quand il s'agit de L. Un mentor, mais il existe toujours, non ? Ça va être les prises qu'on écrit dans un accent qui va être sur des accessoires comme des boutons et certainement East, et certainement juste ça vient avec. Ça va être les prises qu'on écrit dans un accent qui va être sur des accessoires comme des boutons et certainement East, Donc ce que je vais faire, c'est mettre le primaire en noir. Et la raison en est à cause du fait que cette science que nous allons faire va contenir Back cross. Il va y avoir une seule couleur ou une grande image. Et pour cela, la chose la plus simple à faire est de garder vos titres et vos prises en blanc ou en noir. Donc, ce sont les deux couleurs primaires que je vais utiliser dans la conception pour les en-têtes. Donc ce que je vais faire, c'est que je vais revenir à la palette de couleurs et je vais cliquer sur la copie juste ici parce que ça va faire face à la hauteur noire du logo que nous utilisons. Si j'avais eu une nuance différente de noir, il l'aurait choisi, et je l'aurais utilisé à la place pour correspondre au logo. Je vais revenir en arrière, cliquer sur le primaire ici. Je vais enlever ça et puis je vais juste aller de l'avant et coller ça dedans et puis je vais cliquer dessus comme ça et vous pouvez voir qu'il se transforme en noir avec le numéro. Maintenant, je préfère garder les couleurs très simples. Donc ce que je vais faire, c'est que je vais y retourner et que je vais cuisiner si bien ici. Je vais retourner ici et je vais garder le même gris pour secondaire comme ça et pour le texte juste comme ça, parce que je ne veux pas jouer avec trop de couleurs. De même avec des fonds, je suis allé pour quatre. Tu peux y aller avec deux. Tu peux y aller avec trois. Je préfère en garder quelques autres, mais c'est à toi de décider. Je préfère aller plus simple avec les couleurs de conception. Et enfin, l'accent, on va juste être le bouton et ce genre de widgets. Je vais utiliser ce genre de couleur de tomate qu'il est pris directement de notre logo parce que ça va être une belle correspondance sur notre site Web. Donc je vais aller de l'avant et je vais cliquer sur Accent ici, enlever ça, coller, et on y va. Je vais cliquer sur Appliquer. Et maintenant, je vais cliquer sur mise à jour et nous avons choisi nos couleurs. Super facile, super sympa. Maintenant, plus tard, vous pouvez aussi remarquer qu'il y a certains appelants comme le bleu qui apparaissent encore quand je pars sur ma souris au menu ici. Donc c'est ce que nous allons nous occuper lors de la prochaine conférence. Maintenant, si vous avez eu des problèmes à extraire une palette de couleurs décentes du générateur du Canada, ce que vous pouvez faire est d'utiliser ces Kohler extracteur ici est également dans la ressource est. Tout ce que vous devez faire est de télécharger le fichier défiler vers le bas, trouver Là, nous allons comme ça, et puis vous passez votre souris sur. Et disons que je veux extraire cette couleur. Vous pouvez voir le Suman à droite ici. Partout où je tiens ma bouche, je vais cliquer dessus et je vais me donner le code de couleur. Je le copie. J' ai collé hériter élémentaire et vous l'avez Super simple. Maintenant, si vous aimez vraiment cela, vous voulez plonger plus profondément dans les couleurs. Je vais également aller de l'avant et ajouter ces à la ressource est non. Il s'agit d'une palette de couleurs de zone de colombe. Alors quoi ? Vous pouvez faire ici est de trouver votre propre collier qui vous plaît ? Par exemple, disons, avez-vous vraiment apprécié ce rouge ? Donc, ce que vous allez remarquer, c'est que beaucoup d'entre eux se déplacent à l'unisson quand vous déplacez ça. Donc, si vous avez une certaine pastorale, toutes les autres, ils vont devenir pastel. Eh bien, ainsi demandé, vous trouvez une belle couleur que vous aimez, par exemple, ce rouge. Les autres couleurs vont être assorties avec eux. Donc, si vous aimez vraiment cela et que vous voulez aller, la voie plus avancée, vous pouvez aller de l'avant et le faire, trouver votre propre palette de couleurs. Puis il suffit de copier coller les appelants de bas en bas ici et enfin, pour votre inspiration. C' est aussi la ressource est ici. Nous allons avoir quelques exemples de sites Web sur la façon dont ils utilisent différents colliers pour concevoir leur site Web. Vous pouvez voir beaucoup de gens vraiment audacieux avec les appelants ici mélangeant beaucoup de correspondance. C' est vraiment excitant parce que ce panneau est si personnel. Vous pouvez le concevoir comme vous le souhaitez. Je préfère aller un peu plus simpliste avec les couleurs, mais à la fin, elles ne sont pas fixées dans la pierre. avant n'est pas non plus. Nous pouvons toujours revenir en arrière, changer les colliers et changer les valeurs globales quand nous le voulons tout au long de notre conception, comme nous le voulons. Maintenant, dans la prochaine conférence, les gars, on va passer à autre chose et on va changer dans les couleurs quand on passe la souris ici au menu parce qu'ils sont toujours bleus, et je veux qu'ils soient dans le même rouge que celui-là. Alors maintenant à la prochaine conférence, ce qu'on va faire, c'est changer la couleur. Lorsque nous survolons la bouche au menu ici, vous pouvez voir qu'il se transforme en bleu. Je voulais devenir le même rouge que celui que nous avons dans notre logo et que nous avons mis pour notre appelant d' accent, est-ce pas ? en va de même pour le plus loin ici. Vous pouvez voir que ça se transforme en bleu. Je veux le transformer en rouge. Alors gardez votre site Web ouvert ou n'importe où où vous avez extrait vos couleurs afin que nous puissions utiliser ce code couleur. Bien sûr, Si vous avez votre propre cours ou différents codes de couleur, il suffit d'aller de l'avant et d'utiliser ceux-ci et ce signe librement. C' est comme ça que je fais. C' est censé être une étape par étape pour vous aider, mais vous avez toujours les mains libres à la fin. C' est ce qui est tellement amusant avec le design. Tant qu'on fait les éléments importants ensemble, d' accord, accord, donc voir la prochaine conférence, les gars. 8. Associez votre menu - Couleurs de pied: Ok, les gars. Donc, dans cette conférence, nous allons aller de l'avant et faire correspondre la palette de couleurs que nous venons de créer ou simplement copiée dans notre menu principal dans nos liens et dans notre nourriture. Parce que tu veux tout faire correspondre. Parce que tu veux tout faire correspondre. En ce moment, nous avons la palette de couleurs des droits du logo ici. Mais quand je passe ma souris au menu principal, il se transforme en bleu clair. Et ça ne correspond pas vraiment. Nous voulions faire correspondre les autres couleurs comme la couleur du bouton, par exemple pour lui donner une façon plus agréable dans l'ensemble décidé, beaucoup plus professionnel. Donc ce que je vais faire d'abord et avant tout Eastern, je vais cliquer ici, et je vais hyperlier ce corps pour que je puisse vous montrer quel est l'effet de vol stationnaire et quelle sera la couleur si vous ne savez pas ce qu'est un effet de vol stationnaire, Je vais te montrer ça dans une seconde. Je vais juste aller de l'avant et cliquer sur insérer le lien et écrire des points Google. Venez. On y va. Alors maintenant, quand je clique sur ce va m'emmener à Google, mais j'ai remarqué que quand je survolais ma souris sur ce lien, il se transforme en une couleur bleuâtre. C' est ce qu'on appelle effet de survol. Lorsque quelque chose change la couleur ou la taille, par exemple, lorsque vous passez la souris dessus, nous allons donc changer cette couleur aussi. Ce que nous voulons faire maintenant, c'est que nous voulons aller dans le coin supérieur gauche, cliquer sur votre bouton de menu distant, puis cliquer sur les couleurs par défaut. Et nous voulons juste laisser cela ici pour que nous ayons un accès rapide aux différentes couleurs . Ensuite, nous allons cliquer sur ce logo ici, le bouton droit de la souris et cliquez sur le lien Ouvert dans Nouvel onglet. Et à partir d'ici, on va aller de l'avant et cliquer sur Personnaliser, puis on va aller à Options générales et on est parti ici. Et puis nous allons cliquer sur le style général à gauche ici. C' est là que nous stylisons nos couleurs. Et dans la première colonne ici, où nous avons des couleurs primaires et principales de bordure, c'est là que nous pouvons changer cette zone. Donc la première chose qu'on va faire est de cliquer sur l'appelant principal et d'aller de l'avant et de changer ce collier. Souviens-toi que je t'ai parlé de l'effet de dessus, donc il est logique de changer la couleur de l'effet de port. Souviens-toi que je t'ai parlé de l'effet de dessus, Vous allez changer cette variété d'appelants ici, mais pour une raison quelconque, dans Ocean WP, la couleur principale sera la couleur Harvard. Donc, cela englobe les deux hors de ceux-ci. Je n'ai aucune idée pourquoi ils ont fait cela dans la conception, mais actuellement, est ainsi que cela fonctionne. Donc on va suivre ces règles. Donc, ce que nous voulons faire est de changer cette couleur de cette couleur claire bleutée en ce collier rouge. OK, donc je vais cliquer sur ce collier ici, et ensuite je vais retourner à l'élémentaire dans l'onglet précédent. Je vais cliquer sur ce rouge, entendre la couleur de l'accent, et puis je vais juste aller de l'avant et sélectionner ce code. Je vais le flic et ensuite retourner ici. Je vais supprimer ce code, et je vais coller ce code dans. Ok, alors regarde ce qui se passe quand je passe ma souris au menu, non ? Il se transforme en cet appelant que nous utilisons comme thème dans notre palette de couleurs. Maintenant, si cela ne change pas de couleur instantanément, il suffit de cliquer dessus comme ceci, puis vous pouvez cliquer dessus à nouveau. Cela définira généralement l'appelant, donc cela semble vraiment bon. Mais si nous descendons à la couleur du corps juste ici, nous pouvons voir que cela devient rouge aussi, qui est vraiment sympa. Mais il a une couleur plus foncée parce qu'il est hyperlié, pas vrai. Nous pouvons également voir le bas ici où il dit ce que nous avons notre avis sur les cookies. Ça va devenir rouge. Mais les dates de couleur principale couleur naturelle est si sombre que nous ne pouvons même pas lire cette notice de cookies . De même, nous avons plus petit et cela se transforme en rouge aussi. Pour que nous puissions tout changer. Demandez. Nous souhaitons. Maintenant, ce que je vais vouloir changer, c'est en fait cet appelant dans lequel il change parce que je ne veux pas que les hyperliens soient dans ce genre de couleur grisâtre. Donc, vous pouvez difficilement dire que c'est un lien hypertexte. Je voulais être en rouge. Donc ce que je vais faire, c'est cliquer dessus et ensuite je vais descendre. On va traverser ça dans une seconde. Ne vous inquiétez pas. Je vais descendre. Je vais sauter l'arrière-plan du site parce qu'on va le faire dans un mentor et je vais aller à la couleur du lien, non ? Donc, la première chose est que l'appelant lui-même sera la couleur naturelle hors. Le lien va aller pour tous les hyperliens, y compris ce qui va à notre politique de confidentialité. Et ce que j'aime faire ici est en fait d'aller à la couleur et d'utiliser la même combinaison de couleurs que j'utilise pour le logo, le col d'accent etc. Et donc je vais aller de l'avant et l'enlever, coller, et là nous avons une belle couleur rouge. Mais le truc, c'est que maintenant, quand je survole ma souris, rien ne se passe. Alors on veut avoir cet effet pop comme celui-ci est vraiment sympa que quelque chose arrive quand on survolera. C' est très professionnel. Donc ce que je vais faire, c'est descendre vers le pointeur de l'appelant juste ici, et je vais insérer le même appelant ici aussi. Mais maintenant, je vais descendre légèrement dans ce afin qu'il obtienne une teinte plus claire sur le rouge et cliquez dessus comme ça. Alors regarde ça. Maintenant, vous voyez comment ça apparaît un peu quand je passe ma souris dessus, et cela signifie juste que lorsque vous passez la souris sur un lien, quelque chose se passe. Et c'est un sentiment très professionnel d'avoir une politique de confidentialité similaire. Mets ta souris. Il s'éclaircit. C' est une chose si gentille que tu vas remarquer. Hover Think est sur la plupart des endroits sur notre site Web. Alors regarde ça. D' accord. Mais, Tom, par exemple, si je passe la souris sur remarqué qu'il devient plus sombre au-dessus d'une souris sur la politique de confidentialité, il devient plus léger. On a l'impression que quelque chose se passe. ce moment, nous avons la politique de confidentialité et les termes et conditions, et tout ce que nous avons à faire est de garder ces actifs, c'est parce que honnêtement, je pense que cela semble vraiment bon. Donc c'est maintenant notre couleur primaire. Je suis vraiment content de ça. Donc ce que je vais faire, c'est aller de l'avant et cliquer sur Publier. Maintenant, il y a aussi quelque chose qui s'appelle Main Border Caller. Maintenant, l'appel de la bordure principale si c'est en fait cette petite ligne qui sépare le menu du haut lui-même. Donc, si j'allais dans la couleur de la bordure principale et que j'appuie sur cela dans le regard blanc ici. Que se passe-t-il ? Donc, je clique sur blanc et vous pouvez voir que la bordure disparaît et Maintenant cela fond dans le site Web et cela peut être un avantage agréable si elle correspond à votre conception, droit. Vous voulez mettre un menu sur votre arrière-plan, Mais si vous voulez garder votre menu séparé, vous pouvez aller de l'avant et cliquer dessus en cliquant sur défaut ici et vous obtenez cette petite ligne qui sépare tout. Maintenant, bien sûr, je pourrais aller de l'avant et changer ça et l'amener en ligne rouge aussi. Mais à mon avis, ça n'a pas l'air aussi agréable. En fait, je préfère que ça reçoive une belle séparation. Ce que nous voulons également remarquer est que quatre notre menu haut qui n'aurait pas assez édité complètement comme nous le voulons. Il y a quelque chose là-haut qui dit : Placez votre contenu ici. A cause de ça, on a un autre interlocuteur principal ici. Donc, ce que nous allons faire est en fait aller de l'avant et supprimer ce soi-disant menu du haut. C' est ce qu'on appelle la partie supérieure du menu afin que cette couleur de bordure n'existe même pas. On n'aura que le bas à droite. Ensuite, nous allons avoir ce très bel effet quand nous faisons défiler notre page d'accueil. Parce qu'en ce moment, quand nous sommes blancs vers le blanc, nous avons le blanc dans le menu et nous avons le blanc en arrière-plan. Il sépare toujours cette couleur de bordure, sépare le menu de l'arrière-plan. On l'enlève, ça ne se sépare pas. Et j'aime vraiment ça. Regardez la séparation pour le menu. Alors allons de l'avant et supprimez cet espace de menu supérieur que nous pouvons faire un ajustement encore plus agréable pour le menu ici. Menu supérieur, menu régulier. Alors je vais aller de l'avant et cliquer sur les éditeurs. Assurez-vous de toujours publier et enregistrer tout ce que vous faites. Et puis je vais cliquer ici, et ensuite je vais cliquer sur le dos une fois de plus, on va aller à l'endroit où il est écrit barre supérieure, pas vrai ? Et puis on va aller voir le général et ensuite je vais désactiver cette barre de Hope, et tu vas remarquer que ça disparaît vraiment. Certaines personnes l'appellent le menu du haut. Certaines personnes l'appellent la barre supérieure, mais il n'importe quel taux vous cliquez ici pour la personnalisation haut sont décocher, cliquez sur publier, et nous avons un look beaucoup plus agréable sur notre site Web et Onley une couleur de bordure principale. Donc nous avons le menu, nous avons le top beaucoup ou les Tope sont tous partis gars. Excellent travail. Passons à la prochaine conférence. Nous avons tout équipé. Voir là. 9. Anatomie des sections: Ok, les gars, dans cette conférence, nous allons apprendre sur les sections ce qu'elles sont et comment les utiliser. Donc, cette partie de L. Un mentor s'appelle une section, et je me suis déjà référé à ces carrés. Ces carrés sont donc connus sous le nom de sections, et une section vous permet d'y ajouter un tas de colonnes différentes afin que vous puissiez concevoir à peu près tout ce que vous voulez. Donc, pour le décomposer, la première chose que nous avons c'est la partie droite de la section dans laquelle nous pouvons glisser n'importe quoi. Maintenant, à l'intérieur de cette section, nous pouvons créer une colonne, et c'est à l'intérieur de cette colonne que nous allons ajouter dans notre élément. Si vous vous souvenez sur Element, il pourrait être sur l'image. Ça pourrait être un en-tête. Ça pourrait être une vidéo. Il pourrait s'agir d'un texte, essentiellement d'un compteur. N' importe quoi. Il pourrait être tout ce qui est appelé sur l'élément. Il pourrait aussi être un widget de n'importe quelle sorte, droit d'être n'importe quoi. Donc, dans cet exemple, j'ai ajouté dans une image et un avis, parce que j'ai un élément. Cette image va probablement couvrir toute la colonne. Si vous le vouliez. Ils sont la taille est complètement à vous de décider, mais l'élément couvre qui l'appellent maintenant. Les colonnes sont entièrement personnalisables. Donc, si vous le vouliez, vous pourriez aussi diviser l'appel en. Cela signifie donc que si vous pouviez changer complètement la sortie dans ce que vous créez, par exemple, vous pouvez ajouter deux éléments à la place. Donc, plutôt que d'avoir une photo d'ensemble, vous pourriez mettre une photo à gauche. Et puis vous pourriez ajouter un morceau de texte aux droits. Ok, donc maintenant nous avons un produit à gauche et nous pouvons avoir une description du produit à droite. Et à cause de ces colonnes, il est si facile de les centrer et de s'assurer que tout est au bon endroit sur notre site Web. Donc, si vous vouliez ajouter quelque chose de plus ici, nous pourrions les appeler à l'intérieur de cette colonne. Je suppose qu'ils appellent cette exception de colonne. En plaisantant, ça l'appelait à l'intérieur d'une colonne. Donc, cela signifierait juste que nous ajoutons une autre pièce comme celle-ci. Ok, donc, à la colonne de droite, nous avons ajouté un autre appel dans lequel nous pouvons ajouter un élément supplémentaire et cela pourrait, exemple, par exemple, être un maintenant bas. C' est peut-être tout ce que nous voulons ajouter là-dedans. Donc, à chaque fois que vous faites quelque chose sur votre site dans votre section, vous voulez avoir une idée ? Combien de colonnes vais-je avoir besoin ici ? Quelles sont les perspectives ? Ce qui est de décider que je vais faire parce que le ciel est la limite ici, les gars, parce que vous pourriez aussi bien avoir eu quatre colonnes. Et à l'intérieur de toutes ces colonnes, nous pourrions ajouter des critiques. Par exemple, nous pourrions ajouter des témoignages ou un tas de produits parce que toutes ces colonnes vont contenir des éléments. Et ce que ces éléments sont entièrement à vous de décider , c'est pourquoi élémentaire est si facile à utiliser. Et une fois que vous comprenez les sections qui les appellent quelque peu des éléments à ajouter, tous ces sites Web vraiment professionnels sont soudainement très faciles à recréer. Maintenant, si nous le voulions, tous ces commentaires, témoignages ou produits pourraient aller de 4 à 6 et ont pu ajouter éléments dans chacun de ces éléments et maintenant, soudainement, nous pourrions avoir un affichage de produit. Au lieu de cela, le ciel est limité. Sachez juste qu'à l'intérieur de chaque section il y aura des colonnes. L' un l'a appelé plusieurs colonnes n'a pas d'importance. Mais ce sera décidé par la façon dont vous voulez placer vos éléments. Si vous avez une galerie, par exemple, vous pouvez avoir une colonne et une seule grande galerie, ou vous pouvez avoir plusieurs colonnes et ajouter l'image manuellement. Permettez-moi de vous montrer un exemple pratique. Donc, si nous regardons le site Web de Pat Flynn intelligent et passif, passif, nous pouvons voir qu'il est très similaire à nous ou plutôt, nous avons notre menu ici, pas vrai ? Il en va de même pour nous. Nous avons notre menu ici. Ensuite, il est un menu supplémentaire. Mais on n'aura pas besoin de ça en bas. Ici, il a sa première section droite. C' est là que nous allons concevoir notre page d'accueil pour la première section, en faisant glisser tout ici maintenant à quel point vous voulez faire vos sections ? Ça va être complètement à toi de décider. Mais à mon avis, la solution la plus pratique et la façon dont je vais concevoir toute la page sera de diviser la section, en fonction de ce que nous ajoutons. Donc, par exemple, ici, nous avons le soi-disant au-dessus du pli. Si vous vous en souvenez, c'est parce que c'est la couche supérieure que vous voyez sur votre écran. Donc ici, il a ajouté, évidemment une image de fond de lui-même qui est complètement blanche. Il y a une photo de lui et sa signature ici à droite et à gauche. Ici, il a ajouté dans un en-tête. Et brillant, laissez-moi vous aider à construire une entreprise en ligne passive axée sur le revenu en bas. Ceci est un en-tête supplémentaire est juste un plus petit. Peut-être sur H 3 sur h 4. Nous allons approfondir ce qu'ils sont et ce qu'ils veulent dire plus tard dans le cours. Mais fondamentalement H un est le plus grand. H six est le plus petit. Hendrawan s'est dirigé vers la tête ou trois têtes pour etcetera. Et puis il a ajouté dans un bouton en savoir plus ici qui a un effet de survol. Et tout cela maintenant, quand nous le regardons, est en fait très simple. Mais c'est si efficace et si beau. Et c'est sa conception au-dessus du pli. Ok, donc je mettrais tout cela dans une section et ensuite nous pourrions ajouter dans les colonnes, par exemple. On aurait pu se diviser. Ils l'ont appelé ici où, comme nous avons une photo de fond de lui, puis un blanc l'a appelé, ou nous pourrions avoir une grande colonne où ce n'est qu'une grande image. Tout dépend de l'aspect pratique de l'image, du matériel, de la façon dont vous voulez décider. C' est Sarah. n'y a pas vraiment de bien ou de mal ici. Nous travaillons avec ce que nous avons, accord, mais ensuite nous voulons ajouter un en-tête, autre tête ou n'importe quel fond pour que nous puissions voir que Peut-être ici nous voulons avoir une grosse colonne . Et ici, nous voulons avoir trois colonnes et nous allons approfondir la façon dont cela fonctionne lors d'une conférence à venir, parce que nous allons concevoir notre propre page d'accueil, et nous allons avoir un regard similaire à ceci avec une description avec une belle grande image de fond et un bouton, parce que j'aime absolument cela. Le signe Donc ça pourrait être une section défilant vers le bas. Nous avons la fonctionnalité cul dans la preuve sociale et il est dit le New York Times, Forbes Lifehacker Inc. Pro blogueur. Et c'est vraiment sympa parce que tout ce que vous devez faire est d'avoir cette partie comme une section créer un fond noir, puis vous pouvez ajouter dans un texte ou un très minuscule Hedren ici et juste comme indiqué dans. Et puis vous ajoutez juste une photo ici, une photo ici, ici, ici et ici et ça pourrait être des colonnes. C' est aussi simple que ça. Donc, ce serait 12345 et six colonnes. C' est aussi simple que ça. Et puis ajoutez-les l'un l'autre sur un rôle comme celui-ci. Il y a donc beaucoup de stations clients différentes que vous pouvez faire. Ou il pourrait s'agir d'une grande section avec un grand appel avec juste une image ajoutée. Défilement vers le bas. Nous avons souvent l'e-mail. Même chose. Cela pourrait être une section ici, et puis nous avons un en-tête ajouté ci-dessous. Nous avons un en-tête plus petit et puis nous avons l'e-mail ouvert, puis le bas ajouté, et tout cela est super simple par conception. Mais la chose charmante est à quel point il a l'air professionnellement propre maintenant, si vous le vouliez, vous pourriez avoir ceci et ceci à l'intérieur de la même section. À mon avis, ce n'est pas pratique, mais vous pouvez le faire pour qu'il n'y ait pas tant de bien ou de mal ici. Il s'agit plus de la praticité et de la façon dont vous voulez diviser les différentes colonnes et les différents éléments avec lesquels vous travaillez. Mais maintenant que nous commençons à apprendre sur la section sur les colonnes sur les éléments , et nous savons que tout est juste glisser-déposer et nous avons fait le cadre avec le pré-conçu avec les valeurs globales, les choses ne sont plus vraiment si difficiles, n' est-ce pas ? Donc, ce que nous allons faire est si nous allons continuer, continuer à apprendre et ensuite commencer à concevoir notre propre page d'accueil en regardant vers l'avenir, les gars d' aujourd'hui suivent mon pas, et vous allez aussi avoir une page d'accueil impressionnante en un rien de temps voir la prochaine conférence 10. Background Partie 1: D' accord, les gars. Donc, dans cette conférence, nous allons aller de l'avant et commencer à concevoir l'arrière-plan de notre page d'accueil. Maintenant, avant d'aller de l'avant et de faire ça, on va vouloir aller au menu ici dans un mentor et voir notre sélecteur de couleurs. Maintenant, le sélecteur de couleurs sera les couleurs par défaut que vous pouvez choisir lorsque vous concevez. Donc, nous avons déjà dit nos valeurs mondiales, ce qui signifie qu'elles seront les valeurs principales lorsque nous ajoutons, par exemple, par exemple,une guerre des gros titres. Quand on ajoute un texte,par exemple, par exemple, un certain fonds Vous vous souvenez de cette conférence, non ? Mais voici un sélecteur de couleurs. Donc, quand nous concevrons les choses, elles seront la couleur principale pour nous de choisir. Maintenant, ce que je veux faire est en fait ajouter dans certains de nos palais de couleurs ici, par exemple, je veux avoir le rougeâtre au lieu peut-être le bleu, et je veux aussi la version plus légère off. Super. Donc, je vais juste revenir en arrière et aller aux couleurs par défaut. Va au gris ici. Je vais faire face à ça, et puis je vais retourner, aller au sélecteur de couleurs et remplacer un de ces gris par ce code ici comme ça. Ok, je vais faire la même chose pour la prochaine. Et je vous recommande vraiment de faire la même chose pour vous assurer que vous avez la palette de couleurs . Demandez votre choix par défaut parce que vous allez nous remarquer. On y va, ça va être différent. personnalisation possible est pour nous, et je vais supprimer ce genre de couleur bleuâtre que nous avons ici comme ça et coller dedans et là nous allons. Alors maintenant, quand je regarde le sélecteur de couleurs, j'ai ajouté les palettes que je veux vraiment avoir là-dedans. Ok, c' est peut-être plus peut-être moins pour toi. Commençons donc à éditer notre arrière-plan pour notre page d'accueil. Maintenant, avant de commencer, il y a quelques choses que je veux que tu saches sur qui vont décider quel genre de photos d'arrière-plan que nous allons utiliser spécialement pour toi, puisque tu vas avoir les vôtres avec vos propres objectifs dans votre propre genre , niches , produits, etc. Donc, c'est si nous regardons obtenir le site Web de Pat Flynn Smart revenu passif, ce que nous avons fait beaucoup de fois parce que c'est si bon. Tu vas remarquer qu'il a quelque chose qu'on appelle un imbécile avec le design. Donc, cela signifie que son image, son image de fond qui se trouve être blanche. Ici, il va jusqu'aux extrémités. Si nous faisons défiler vers le bas, voici un autre widget en bas en utilisant une couleur de fond noir qui va jusqu'à la fin. Maintenant, le contenu lui-même est boîte. Vous pouvez voir que cet en-tête est en ligne avec cet en-tête plus petit est en ligne avec ce bouton qui est en ligne avec cela comme indiqué dans etcetera, etcetera qui est appelé contenu de boîte. Mais l'arrière-plan, les images ici, ils sont pleins. Maintenant, si nous regardons WP débutant dot com, par exemple, vous allez remarquer qu'ils ont tout super boxé ici et ils n'utilisent pas la fonctionnalité complète avec. Donc, c'est un design complètement différent. Donc cela signifie que pour notre but, comme nous allons ajouter une grande et belle image de fond ici, nous allons vouloir que ce soit plus Horace Santel pour avoir ce genre de regard plein. Et si nous avions un look comme ça, par exemple, nous pourrions vouloir utiliser quelque chose qui est un peu plus vertical. C' est donc la première chose que nous voulons savoir avant d'aller de l'avant avec notre conception. Donc, ces deux grands exemples comme des sites Web. Maintenant, pour trouver notre image de fond à moins que vous n'ayez la vôtre, nous allons aller de l'avant et utiliser des sélections obéir parce qu'il y a un tas de belles photos haute résolution ici que vous pouvez utiliser gratuitement, pas attribution requise. Bien sûr, si vous avez le vôtre, vous pouvez l'utiliser. Et si vous ne trouvez pas ce que vous cherchez, vous pouvez utiliser shatter stock dot com. Je vais ajouter cela dans la ressource est aussi. Mais avant de repartir, il y a quelques choses à penser ici. Nous voulons connaître le point focal de notre image. Ok, donc si vous utilisez une photo de vous-même, vous voulez savoir que cette photo sera un peu plus centrée, non ? Et la raison en est quand nous commençons à le rendre mobile et réactif. Beaucoup de ces côtés vont disparaître de la photo. Donc, s'il est important que vous soyez dans l'image, vous voulez vous assurer que vous avez un point focal clair dans cette image. Similaire. Si vous avez un produit ou quelque chose, ou quelqu'un que vous représentez Maintenant, je vais aller de l'avant et chercher une image qui va donner un grand sentiment quand ils viennent sur notre site Web au point focal ne sera pas si important. Mais je dis que je vais vous montrer comment faire les versions adaptées et réactives. Ok, donc la première chose que je vais faire est de chercher sur l'image. Maintenant, le mot clé ici peut être tout ce qui convient à Jesper et moi. Nous suivons des cours axés sur les affaires et le marketing. Mais ce qu'ils font, avantages de ces cours sont en fait de créer la liberté de donner des résultats et d'inspirer les gens. Donc je vais utiliser un des deux mots clés ici. Il va y avoir de la liberté. J' allais être l'inspiration que je veux ressentir quand ils entreront sur notre site. Donc, nous allons années inspiration ici. Je vais écrire l'inspiration, et je vais aller de l'avant et chercher là-bas, puis je vais cliquer sur l'orientation et choisir horizontale parce que nous allons utiliser l'option complète avec. Et maintenant, personnellement, pour moi, les photos que je préfère et que je cherche, c'est le genre de photos de nature qu'ils vont aller, la nature et le paysage vont choisir ça. Et puis je vais aller de l'avant et faire défiler jusqu'à ce que je trouve quelque chose. Maintenant, il y a quelques bonnes options ici, mais ce que j'aime vraiment c'est celle-là, ok ? Et la raison pour laquelle j'aime tellement celui-ci est parce que je peux déjà voir le contour que je vais utiliser afin que je puisse utiliser un en-tête ici. Je pourrais utiliser une description de texte ici et un bouton quelque part par ici. Et parce que nous lisons souvent de gauche à droite, selon l' endroit où vous êtes dans le monde, je préfère mettre le contenu à gauche. Vous pouvez le mettre à droite ou au milieu, par exemple. Mais avec ce gars à droite et le sentiment que ce prédicateur produit, je veux vraiment le mettre dans ce domaine. Alors je vais aller de l'avant et le télécharger. Vous voulez toujours vous assurer de la licence. D' accord ? Non, attribution Excellent gratuit pour un usage commercial. Super, parce que c'est une utilisation commerciale. Nous allons aller de l'avant et cliquer sur le téléchargement gratuit et nous assurer que vous ne téléchargez pas la version énorme. Parce que dans un monde de rêve, nous ne voulons pas que notre site lui-même soit plus grand que quelques mégaoctets mouvement 345 mégaoctets. Parce que plus notre site Web est grand, plus il y a de temps de chargement de ce chargeur. Pire sdo pire expérience utilisateur. Donc nous allons opter pour cette taille plutôt que pour cette taille parce que regardez la différence de taille qui est énorme. Donc, et il n'y aura pas de perte de qualité en utilisant ça. Donc nous allons opter pour cette qualité et nous allons toujours avoir Smush Tu as suivi le cours pour nous aider. Donc je vais aller de l'avant et cliquer sur le téléchargement juste là, puis je vais y retourner. Donc ici, je vais aller aux éléments. La première chose à remarquer, c'est qu'il ne se passe rien ici. Pour que j'obtienne une section sur laquelle travailler, j'ai réellement besoin d'utiliser un élément numérique et de le retirer. Lâchez-le. Et maintenant, soudain, j'ai une section qui passe par ici. J' ai une colonne ici et à l'intérieur. Ça l'appelle. J' ai l'élément et c'est ce texte. Non, on ne va pas travailler sur le titre dans cette conférence. Ce sera pour la prochaine conférence. Maintenant , pour commencer. Ce qu'on va faire, c'est aller au milieu là où il est écrit et c'est la section et on va cliquer dessus. Et maintenant, nous pouvons éditer toute cette section. Donc la première chose que nous allons vouloir faire est de passer au style. Il y a beaucoup d'options ici. On va les parcourir, mais remplissons notre but. abord, on va aller au style, puis à l'arrière-plan, puis cliquer sur Normal parce que survolez, rappelez-vous cela quand vous placez votre souris sur Donc nous allons passer au type d'arrière-plan normal et nous allons cliquer sur Classique, et puis je vais cliquer sur le plus là, et je vais juste aller à télécharger des fichiers et je vais sélectionner ce fichier et le télécharger et il y aurait, Il est téléchargé. Je vais le sélectionner et cliquer sur insérer un média. Donc, en regardant à gauche ici, nous pouvons voir que c'est l'image est vraiment cool. J' adore le sentiment qu'il produit. Mais comme vous pouvez le dire, ce n'est pas vraiment donner les résultats que nous recherchons, est-ce pas ? Donc, la section en ce moment, c'est juste trop petite. Si je me dirige vers le bas et je clique sur les changements d'aperçu, nous pouvons voir qu'à peu près deux pieds de page Et ceux-ci sont supposés image d'arrière-plan sont de la même taille. Je ne pense pas que ce serait juste pour bien, je ne serais pas un concepteur de site Web fier avec ce résultat. Donc ce qu'on va faire, c'est qu'on va retourner à la disposition, et on va augmenter la taille de la section pour qu'on puisse avoir ceci est une image de fond . En d'autres termes, le dessus du fond de pliage, ce signe. OK, donc on va aller en hauteur là où il s'agira et ensuite on va se cacher. Et puis on va passer de la faute à la hauteur minimale comme ça. Et l'avantage avec ceci est que vous pouvez choisir vous-même la hauteur, OK ? Donc, comme vous pouvez le voir, plus j'ai défilé, plus nous obtenons de hauteur plus grande ou plutôt que plus de hauteur, l'image n'est toujours pas dimensionnée mais nous obtenons plus de hauteur pour que l'image soit à l'intérieur cette section. Donc je vais y aller maintenant. Je crois qu'il y a un peu grand que je vais aller avec 700. D' habitude, c'est un bon. Nous pouvons simplement aller de l'avant et cliquer sur les modifications d'aperçu pour voir à quoi il ressemble. On peut voir qu'il couvre tout. Oh, si gentiment, vraiment aimant ça. Maintenant, nous pouvons dire que la résolution n'est pas comme elle est censée être. Donc on va y retourner et on va changer la résolution. On va revenir au style ici, et ensuite on va descendre à la taille, ok ? Et on va passer de la valeur par défaut à la couverture, alors voyez la différence que celle-ci fait maintenant la couverture signifie que l'image va couvrir toute la section en ce moment. Si nous utilisions quelque chose d'autre comme contenir, alors l'image se contiendrait elle-même, ce qui signifie qu'elle garderait sa taille. Et peut-être qu'il ne serait pas fané aussi. C' est comme ça. Si je l'utilise comme ça, vous pouvez voir qu'il s'est doublé en dessous de la tête ici parce qu'il a une solution différente. Donc, fondamentalement, chaque fois que j'ajoute une image de fond, je vais toujours avec la couverture. Toujours, toujours. Et on a un très beau look comme ça. Je peux passer à l'aperçu des changements, et nous pouvons voir que les choses sont vraiment belles. J' adore ça. Ok, donc on a un bon début ici. Maintenant, nous allons passer par deux options différentes. Je vais te dire ce qu'ils sont, et ensuite on va ajouter des choses supplémentaires pour que ça paraisse encore mieux. 11. Arrière-plan Partie 2: Donc, si on a commencé la mise en page, il y a quelques options ici. On va passer par la plupart d'entre eux parce qu'on va utiliser tant de demandes, on y va quand même. Et puis cette conférence serait de 50 minutes au lieu de la garder un peu plus bas. Beaucoup plus bas. Espérons. Donc le 1er 1 est une section d'étirement. Maintenant, je ne garde pas ça parce que je préfère le mettre moi-même. Et pourquoi je vais te montrer un peu en déplaçant vers le bas. Nous avons le contenu de la façon dont nous voulons que le contenu soit. Soit on pourrait l'avoir. On pourrait l'avoir avec maintenant. Rappelez-vous que je vous ai dit que les deux Pat Flynn et WP débutant ils ont leur boîte de contenu, ce qui signifie qu'ils laissent un peu d'espace sur le côté. Si nous regardons l'aperçu, vous pouvez voir qu'il y a un espace qui se passe de ce côté juste ici. Droit ? Donc si je change ça pour tromper avec à la place et que je clique sur peut prévisualiser, vous allez voir que ce texte va sauter tous les poids. Vous êtes à gauche ici parce qu'il n'est plus en boîte. Donc, ce que je préfère faire est d'utiliser des images d'arrière-plan pleine taille mais de boîte mon contenu. Donc je vais garder cette boîte pour garder tout en ligne et plus professionnel. Il va également transférer beaucoup plus pour la réactivité sur les tablettes et les téléphones cellulaires. Et puis nous avons l'appel de l'écart. Tu veux avoir des lacunes dans nos colonnes ? Nous pourrions venir à l'utiliser comme nous ajoutons dans les colonnes mawr et plus d'éléments. Nous avons aussi la hauteur minimale. On pourrait avoir des pieds pour filtrer. On pourrait avoir la faute. Maintenant, les pieds à l'écran ne fonctionnent généralement pas si bien parce qu'ils ne correspondent pas. Donc, je préfère utiliser la hauteur minimale dit moi-même et puis nous pouvons aussi cliquer ici, non ? Donc maintenant, je peux également passer à la version tablette et voir à quoi l'arrière-plan va ressembler . Et c'est pourquoi le point focal est si important que je vous ai parlé parce que si, par exemple, ce gars trop juste ici était sans importance ou une partie intégrante de cette conception, alors je serais tout à fait déçu d'apprendre qu'il n'est même pas inclus dans la version tablette. Il est donc important de vous assurer de connaître votre point focal et de vous assurer que vous pouvez le centrer davantage afin que nous puissions nous adapter à la version tablette et à la version de téléphone cellulaire . Mais ce que nous pouvons aussi faire ici, c'est de les rendre plus réactifs en les personnalisant nous-mêmes. moment, vous pouvez voir que si vous voulez l'image complète, nous ne pouvons pas couvrir tout l'écran. Donc ça va être ta propre décision. Comment voulez-vous concevoir ça ? Peut-être que ce n'est pas important, mais je préfère couvrir l'écran plus. Donc je vais faire quelque chose comme ça. Donc, il semble toujours mieux que le précédent parce qu'ils ont presque beaucoup plus assumé dans. Mais il ne montre pas tout, mais avec celui-ci depuis le point focal, ou l'image est un important au-delà du sentiment qui est complètement correct. Maintenant, nous avons aussi le portable qui se passe ici. Vous pouvez voir la tolérance. Tu vois, c'est une montgolfière. Pas très impressionnant, revente honnête capable dans ce droit. Mais l'image est vraiment belle, mais je veux quand même changer ça un peu maintenant. Si je vais de l'avant et que je le fais comme ça, vous pouvez voir que le ballon a un rôle beaucoup moins central en ce moment. Vous avez toute cette vue et tout, vous avez toujours le sentiment. Il est donc important de s'assurer que tout semble bien sur la tablette et sur le téléphone cellulaire. Et on va se faire demander deux ou trois de ces courses. Nous allons à droite est une partie si importante de la conception. Donc, nous avons ces et ensuite nous avons aussi la position de la colonne. , Souviens-toi, c'est la colonne. C' est le texte. Revenons à ce truc. On y va. Donc en ce moment, c'est au milieu et on va le garder là parce qu'on ne va pas jouer avec le titre pour le moment, mais on peut le déplacer vers le haut va tomber juste là-haut. On pourrait le déplacer vers le bas. On va le garder au milieu maintenant. Nous avons également la position de contenu à l'endroit où nous voulions être. Si cela doit être supposé dans, par exemple, si vous vouliez vous concentrer sur le bas du milieu supérieur, etcetera pour nous assurer que nous définissons qui sont la priorité, je laisse généralement cela sur faute. Et puis nous avons un débordement et généralement vous n'allez pas utiliser le débordement. Maintenant, le débordement sera si vous corrigez tout en utilisant ses valeurs dites fixes ou absolues. En d'autres termes, si vous voulez définir, par exemple, un mégots ici qui va rester avec vous tout le temps, peu importe la façon dont vous déplacez l'écran ou la plate-forme sur laquelle vous êtes maintenant, le problème avec c'est parfois qu'il casse le thème ou l'affichage. Lorsqu' une tâche consiste à appeler un débordement, elle peut se déplacer en dehors de la zone de contenu, par exemple. Donc si tu mets ça caché, il va généralement s'occuper de ça. Mais c'est une fonctionnalité tellement avancée que nous n'allons pas l'utiliser. En fait, je ne pense pas que ce soit en général, accord. Alors, on va passer par le style ici, et on a déjà établi nos antécédents. Maintenant, il y a plus de types de week-ends de fond que nous pouvons utiliser un impact avide de. Nous pourrions jouer avec les couleurs utilisent des couleurs d'ingrédients, ce qui signifie que nous utilisons différentes couleurs pour se fondre dans l'autre et aussi des gars intéressants. Nous pouvons ajouter une vidéo de fond comme nous l'avons vu dans certains hors des modèles plus tôt. Maintenant, c'est super facile. Soit nous pouvons aller de l'avant et ajouter un lien vidéo, soit nous allons à notre médiathèque et nous prenons juste le lien à partir de là. Ça n'a vraiment pas d'importance. Et cela fonctionne exactement de la même manière que lorsque nous utilisons l'image de fond, la différence étant que nous allons définir une heure de début et une heure de fin. Et nous pouvons aussi avoir une chute de fond. Et comme vous pouvez le voir, découvrir qui remplacera le dos de la vidéo sur les appareils mobiles et tablettes en général parce qu'ils ne peuvent pas gérer la vidéo, ça va mal paraître parce que la résolution ne se nourrit pas. Tu as déjà vu ce qui est arrivé à l'image, non ? Donc ça va être un soi-disant retour de fond, et ensuite on a l'option de vol stationnaire est quelque chose d'intéressant qui va se passer quand on met nos bouches. Donc, si vous savez comment ajouter une image d'arrière-plan est vraiment la même chose avec une vidéo d'arrière-plan , vous devez définir la hauteur minimale. Vous devez vous assurer que tout est contenu. Tout semble bien vraiment le même et a ensuite attrapé un lien de YouTube ou de votre médiathèque. D' accord ? Et c'est là l'arrière-plan. On va revenir à notre classique ici, en faisant défiler vers le bas. On a la position, non ? On peut décider. Nous voulons que le poste soit. Quand il vient à cela, la section nous pourrions avoir son centre, centre , centre bas centre. Nous pouvons l'avoir au sommet des droits, etcetera, etcetera. Et cela va être important quand il s'agit de l'affichage de votre produit. Quand il s'agit de votre, par exemple, personne que vous représentez ici. Tu te souviens ? Je parlais de ça tout à l'heure. Donc, si vous avez, par exemple, une personne ici au milieu et que vous voulez que cette personne se concentre et quand j'ai eu un peu de texte sur ce que vous pourriez faire est de vérifier la version mobile. Il suffit de cliquer ici, allez là-dedans. Et puis nous pourrions changer cet affichage par défaut. Peut-être aller dans ce centre et vous voyez, on a un look complètement différent, non ? On pourrait dire que celui-là, il a l'air beaucoup, beaucoup mieux déjà. On pourrait avoir le bas à droite, et ensuite on aura ce type ou on pourrait avoir le bas à gauche. L' important, c'est que nous voulons connaître notre point focal. D' accord ? Parce que le point focal sera l'endroit où nous définissons cette position afin que le produit soit toujours au point de vue indépendamment de la taille de discret. Quel appareil ? Ils utilisent une tablette sur leur bureau sur leur portable. Tu sais, peut-être sous oclock dans le futur. Je ne sais pas ce que c'est, mais nous voulons nous assurer que ce que nous voulons montrer ici va bien se montrer. Et si cela n'a pas d'importance, comme dans notre cas, nous pouvons le garder en défaut. Mais sinon, vous devez vraiment les changer et les faire correspondre. Et puis nous avons l'attachement. Si tu veux faire un parchemin, on veut qu'il soit réparé comme si ça allait rester tout le temps. C' est que ça ne va pas bouger comme à droite. Donc, si je fais défiler ici, vous voyez qu'on fait défiler à l'intérieur de cette image. Mais si je l'ai sur le rouleau comme ça, vous pouvez voir que nous sommes les images étant avec le rouleau, pour ainsi dire. Et puis nous avons une version répétée et nous n'allons pas utiliser Self. On va le laisser sur la faute. Nous avons la taille que nous avons décidé sur la couverture. Nous pouvons également l'utiliser sur contenir ou personnalisé ou commande ou par défaut. Mais vraiment, si vous voulez avoir une image de fond qui couvre tout, on va aller avec la couverture et ensuite on a l'arrière-plan Overly. C' est une caractéristique tellement étonnante et intéressante. Maintenant, ce que nous pouvons faire ici, c'est mettre en superposition sur tout ce fond. Donc, en d'autres termes, nous pouvons nous assurer que nous faisons, par exemple, une image plus sombre. On pourrait faire une photo plus légère. On pourrait même combiner des photos. Donc nous obtenons ce joli effet de décoloration ou comme nous allons le faire dans ce cas, nous allons mettre une superposition qui va correspondre à notre palette de couleurs de notre logo. Alors regarde ça. On va aller de l'avant avec le type d'arrière-plan, et on va aller avec classique et je n'ajouterai pas d'image. Je vais aller avec la couleur ici, et ensuite je vais choisir que la sorcière rouge est à nous. Et comme vous pouvez le dire, cela rend toute l'image rouge. Mais regarde ça. Maintenant, si je le déplace tout le chemin vers le bas, cela signifie que rien n'est ajouté de la capacité de s'il vous plaît. Mais si j'ajoute un peu, nous pouvons voir que actuellement, le thème est assez bleu. Mais si j'ajoute un peu comme ça, vous pouvez voir que les choses commençaient à devenir un peu plus rouges. Et c'est une chose incroyable, parce que ça va correspondre à notre thème. Droit ? Alors jetez un oeil à ça. Il semble si naturel de répondre à la liste. Et si je supprime ce filtre maintenant, ce fond trop, nous pouvons dire à quel point il est sombre et soufflé comme noir et bleu. Donc tout ce que nous avons à faire est juste d'ajouter une légère capacité comme ça semble surnaturelle. Et tout à coup, le site devient tellement plus professionnel parce que nous l'associons notre palette de couleurs est là où le choix de couleurs il est utile aussi, parce que nous pouvons simplement aller instantanément et saisir notre couleur que nous avons choisie dans le logo. Donc c'est vraiment parfait. Et c'est la superposition d'arrière-plan. Vous pouvez également faire avec le vol stationnaire si vous le souhaitez, et il y a plus de choses que vous pouvez faire. Vous pouvez utiliser quelque chose qui s'appelle filtres CSS. On ne va pas utiliser ce genre de fonctionnalités ici. Vous pouvez utiliser un mode de fusion, qui va être comme des modèles pour différents mélanges. On n'utilisera pas ça non plus. y Ilya beaucoup d'options ici. Nous avons les frontières et les frontières seront essentiellement les frontières autour de la section elle-même. Donc, si j'ajoute une frontière dite solide comme ça et puis j'ajoute le avec pour 50 maintenant, ils sont tous enchaînés ensemble. Vous pouvez voir que j'ai cette planche ou tout le monde ici et ce que je pourrais faire avec ça, c'est que je pourrais changer la couleur. La bordure, par exemple, a mis dans ce bleu. Maintenant, ça n'a pas l'air très bien. Peut-être si vous voulez ajouter un effet de fond d'écran un effet d'image ou quelque chose, Mais vous juste pour que vous sachiez que vous pouvez jouer avec cela. Vous pouvez également utiliser les effets de survol de sorte que lorsque vous placez votre souris, vous obtenez ce petit. Cette minuscule bordure crée cet effet 3 D, mais on va le faire plus tard, donc ne t'en fais pas. On ne va pas vraiment utiliser ça. Je veux juste que tu saches ce qu'ils sont, pour ne pas insister sur eux pendant qu'on y va. Donc on ne va pas insister à propos de celui-là. Je vais enlever ça pour la rapacité. Ils partiraient et je ne mettrai ça à personne. On y va. Nous ne voulons pas de frontière. Et avec la frontière, nous avons aussi une ombre que nous ne pouvons pas. On va fermer celui-ci maintenant qu'on a quelque chose qui s'appelle un séparateur de forme. Maintenant, les séparateurs de forme vraiment intéressant parce que comme nous allons, vous allez remarquer que cela peut rendre votre site web vraiment professionnel et mettre un beau design. Demandez la transition d'une section de ce qui précède, le plein à quelque chose en dessous du pli. Ainsi, par exemple, nous pouvons aller de l'avant et nous pourrions utiliser des nuages. Et maintenant, nous utilisons les parties supérieures. Comme vous pouvez le voir, ce nombre se fond dans les nuages se fond dans cette section. Ça crée un très beau et beau Eh bien, ils l'appellent un diviseur, et il y a beaucoup de choses différentes que nous pouvons faire avec. Nous pouvons le personnaliser comme ça. Combien nous voulons beaucoup poursuivre, peut-être pas. C' est beaucoup de choses que nous pouvons faire. On peut changer aussi. Certains triangles, vagues. Il y a beaucoup d'effets différents. Nous pouvons ajouter une certaine hauteur de couleur. On peut mettre un coup dessus, n' est-ce pas ? Inverser, porter à l'avant. C' est beaucoup de choses que nous pouvons faire, et de même, nous pouvons faire la même chose au fond. Et si vous n'en voulez pas, tout ce que vous avez à faire est de cliquer sur inconnu et vous n'en aurez pas. Parfois avec L. Un mentor. Pour une raison quelconque, le séparateur de forme est regardé comme ceci. Maintenant, tout ce que vous devez faire est de cliquer sur la mise à jour pour vous assurer que vous avez enregistré toutes vos modifications , puis vous mettez à jour la page et vous allez voir que ce séparateur que vous avez supprimé va réellement disparaître. Donc, il est là. Il est complètement parti. Donc, je vais faire est de cliquer ici et monter et terminer la section ici afin de continuer dans le style que nous avons traversé la division de forme. Et enfin, nous avons la typographie et nous n'avons pas besoin de toucher à la typographie parce que nous avons déjà établi nos valeurs globales pour ceux qui sont justes, donc rien ne fait. On doit le faire ici. Et enfin, nous avons les fonctionnalités avancées que vous pouvez faire beaucoup de choses comme vous pouvez ajouter dans certains effets d'émotion que vous pouvez ajouter dans la réactivité pour cacher sur certaines plates-formes comme vous pouvez cacher certaines choses sur vos téléphones cellulaires, comment certaines choses avec une tablette afin de rendre le design meilleur. Mais on va passer par ces fesses. Nous allons plus près dans la section avancée. Donc pour l'instant je suis super heureux de l'arrière-plan. Je pense que ça a l'air vraiment sympa, propre et professionnel. Et si nous descendons et que nous cliquons sur les changements d'aperçu juste là, nous pouvons voir que c'est actuellement ce que nous avons ajouté à notre site Web, et je suis vraiment heureux à ce sujet. Ça va être phénoménal et a remarqué que cette superposition rougeâtre allait vraiment aimer ça . Passons donc à la prochaine conférence et commençons à éditer notre titre. Droit. Qui va être celle-là ? Voyez-vous là, les gars 12. Votre titre: Très bien, gars, en disant cette conférence, nous allons aller et mettre le cap sur la commande du site Web. Plutôt le titre que nous voulons battre montrant ici. Donc, si nous regardons notre logo, il est dit que Robin et Jesper ont des cours pour changer votre vie afin que nous ne voulons pas utiliser ces cours pour changer votre vie. Encore un slogan. Au contraire, nous voulons être plus descriptifs. Ce que sont les cours. Ce que nous offrons à cette question, Nique. Laissez-moi vous montrer un exemple ici. Maintenant, si on va à Pat Flee et que son travail est un chiffre passif intelligent ? On peut voir qu'il écrit. Permettez-moi de vous aider à créer une entreprise en ligne passive axée sur le revenu. C' est donc ce qu'il offre. Il propose d'aider. Tu m'as perdu pour construire une entreprise en ligne passive axée sur le revenu. Nous savons ce que nous recevons ici. C' est le genre de description que nous recherchons dans notre rubrique, non ? Si vous allez à wordpress débutant ainsi, il dit le Guide du débutant pour WordPress. Démarrez votre WordPress Blawg en quelques minutes. C' est vraiment impressionnant. Et c'est vraiment bien, parce que je sais ce que je reçois. Je sais de quoi il s'agit du site. n'y a pas de confusion. Donc c'est exactement ce que nous cherchons. Alors quoi ? Je vais aller de l'avant et faire ici, et je pense que vous devriez suivre votre site web et avec votre propre titre est de cliquer sur cet en-tête ici. Et puis on va changer les prises et j'écrirai quelque chose comme le business made easy . Laissez-nous vous montrer comment. Et maintenant nous pouvons voir que tout ici est écrit d'affilée, non ? Parce que nous n'avons qu'une seule colonne et ils les appellent. C' est vraiment sage. Tout. Tout le texte sort longtemps comme ça. Mais je vais en fait séparer ceci afin que nous obtenions ce morceau de texte ci-dessous si ça a l'air bon. Mais au moins pour l'instant, c'est ce que je veux faire. Mais ça prend lui-même. Est-ce que les lettres faciles faites des affaires vous montrent comment ainsi ? Ce que nous promettons ici, c'est que nous voulons nous assurer que l'entreprise que nous offrons ici est facile Business made facile. Laissez-nous vous montrer la maison. Nous leur proposons de les aider à faciliter leurs affaires. Et je pense que beaucoup de gens ont l'impression que les affaires sont difficiles. Les affaires sont difficiles et nous sommes fiers de nous demander aux enseignants de simplifier les choses complexes. Et j'espère vraiment que vous ressentirez la même chose. Nous avons donc notre slogan qui dit Cours pour changer vos droits à la vie. On sait déjà qu'il s'agit de cours Robin et Jesper. Et puis nous avons fait des lettres faciles vous montrer comment, ce qui est vraiment cool le titre ou la description de ce que nous faisons. Essayer de résumer tout ça en un. Alors commençons à éditer ça un peu, non ? Donc la première chose que je vais vouloir faire, c'est agrandir ça. Donc je vais cliquer sur le pli et je vais cliquer sur X l pour faire ça. Bien plus grand. On y va. Cela a déjà l'air beaucoup mieux. Et puis quand il s'agit de la balise HTML, je vais garder ça à l'âge de deux ans. Et la raison en est que si vous le gardez sur H 1, qui est naturellement plus grand, cela va gâcher le moteur de recherche parce que le moteur de recherche cherche une description de votre site Web à partir de H 1. C' est pourquoi je veux garder la plupart du contenu sur l'âge à ok, nous allons passer par la section PDG de ce matin. Donc tu veux le garder jusqu'à l'âge de 2 à 6 ans ? Je vais laisser ça à l'âge de 2 ans et je vais avoir l'alignement à gauche pour l'instant. Cela pourrait changer au fur et à mesure que nous allons. n'y a pas de préparation ici sur la façon dont je vais faire ce titre. C' est le cul de signature que nous allons, qui est probablement ce que vous allez faire avec votre site web ainsi ou avec plus de site qui pourrait venir à votre chemin. C' est donc très éducatif. Et puis nous pourrions coller un lien ici si nous voulons lier à quelque chose. Mais on ne va pas faire ça. On voulait juste être descriptif. Passons au style ici maintenant apparaissent dans le style. On va faire quelque chose d'important. On va changer la couleur des prises maintenant, comme vous pouvez le voir, on a un fond plutôt sombre, ok ? Et nous avons aussi ces superposition arrière rouge, ce qui est beau, mais le noir prend tout simplement ne fonctionne pas. Et c'est pourquoi je suis si heureux que nous avons sélectionné sont palette de couleurs. Parce que ce que je vais faire, c'est aller de l'avant et cliquer ici, puis je vais sélectionner le blanc. Maintenant, regarde ça. Les gars de ce pape, ça a l'air tellement mieux. Et c'est pourquoi les valeurs mondiales sont géniales et nous, elles vont être très utiles quand nous éditons. Mais nous allons changer les choses en cours de route aussi. Donc, comme on peut le voir, ce blanc prend l'air magnifique et fait éclater les choses. J' aime vraiment ça. Si on va à la typographie ici, on ne changera pas de téléphone. Ça, je veux dire, c'est que c'est déjà réglé. Mais nous ne pouvons pas changer la taille comme celle-ci si nous le voulions. Je vais aller avec quelque chose comme ça. Je voulais plutôt grand, non ? Le poids. Ça va être l'audace qu'on a déjà mis que je ne vais pas l'utiliser. Mais la transformation est vraiment importante, moins dans ce cas, parce que je veux l'utiliser en lettres majuscules. Alors regardez ce titre et asa utiliser des lettres majuscules. Vous pouvez voir que ce pape est beaucoup plus. C' est beaucoup plus sur un titre en ce moment sur un en-tête approprié. Vous pourriez également utiliser quelque chose comme des minuscules ou des majuscules par défaut normal. Mais j'aime vraiment l'utiliser avec les majuscules. On a du style. Si vous voulez l'utiliser en italique, par exemple, vous voulez utiliser dans un oblique Il y a beaucoup d'options différentes que nous pouvons utiliser dans la normale. Je le garde juste sur le téléphone parce que la valeur par défaut est générale est la normale. Je ne veux rien faire avec ça. J' aime ce style plutôt stable qui se passe ici. Ensuite, nous pouvons le décorer avec une ligne. Mais on ne va pas faire ça. On ne va pas le rendre moelleux, non ? Je l'aime propre. On peut aller de l'avant et changer la longueur de la ligne ici. Comme vous pouvez le voir, nous affectons l'appel en cours. Je vais juste frapper le jeu commun pour le réinitialiser, le faire et ensuite on pourra jouer avec l'espacement des lettres. Mais honnêtement, ça détruit habituellement la police ou on ne va pas jouer avec ça non plus. Je vais cliquer sur la commande et dire pour indu Il va que je vais appuyer celui-ci vers le bas. J' aime vraiment ça jusqu'à présent. Et puis nous pouvons aussi ajouter dans une photo d'ombre. Nous voulons le faire maintenant. Je ne suis généralement pas un grand fan de jouer avec les ombres et de jouer avec ce genre d'effets . Si j'aime ce que je vois, ce que je fais maintenant. Donc, en fait, je ne vais rien faire avec ça. Si vous voulez jouer avec Shadow, vous pouvez aller de l'avant et ajouter une couleur peut être une couleur plus foncée. Ça pourrait être une palette de couleurs. Et puis allez-y et jouez avec le flou, l'horizontal, la verticale. Et vous allez remarquer le changement juste qu'il fait en arrière-plan juste ici. Vous pouvez le voir et le dire comme vous le voulez. Je vais cliquer sur retour à la valeur par défaut parce que je ne veux pas l'utiliser du tout que nous avons le mode de fusion et le mode de fusion va être comme des modèles et nous ne allons pas utiliser dans le temple est en cours parce que nous avons déjà dit ou sur la couleur, à droite. Si je vous crie, par exemple, ça va ajouter un certain effet pour la différence d'utilisation, ça va ajouter un certain effet, je vais le garder normal, et ensuite on peut passer à avancé en lui . C' est là que les choses commencent à devenir un peu intéressantes parce qu'ici, nous pouvons changer les marges, comme nous l'avons vu plus tôt. Donc, si j'ai dit les marges à 50, je peux étendre cette colonne entière. Donc, vous obtenez un peu plus d'options, non seulement sur comment et où vous mettez les prises, mais aussi pour les autres colonnes sont autour. Donc on va jouer avec celui-ci. Nous finissons ces pages d'accueil un peu plus vers la fin. Comment nous voulions ressembler et ensuite nous avons le rembourrage est que nous pouvons changer aussi, ce qui a un effet similaire. Nous avons également la classe CSS d'index et c'est tout pour le codage. On n'utilisera aucun de ces trucs. Et ici, nous avons des choses comme des effets de mouvement et des effets de mouvement. Ils peuvent être remis, comme vous pouvez le voir, si je pouvais affaiblir, estomper ici, par exemple, nous allons avoir un certain effet sur ces bâtons. Donc si je clique sur la décoloration, on va avoir des effets. Si je passe en revue, on verra ce qui va se passer quand le site sera chargé. C' est donc le précédent et c'est là que nous sommes en ce moment. Et c'est ainsi que le texte apparaît. Maintenant, ce que je n'aime pas avec cela, c'est qu'il enlève un peu l'expérience utilisateur. À mon avis, si cela correspond à votre conception, utilisez-le absolument. Je veux dire, tu peux faire des trucs vraiment impressionnants avec ça, mais je les préfère ou propre. Ecoute, tu veux aller sur le site, tu veux prendre les informations que tu cherches ? Tu veux vivre une belle expérience et passer à autre chose dans ta vie en général, et la plupart du temps, ces effets vont prendre de la place. Donc je ne vais pas jouer avec eux ici parce que j'aime ce look propre et je n'ai pas l' impression qu'ils vont contribuer. Ne vous limitez pas. Jouez avec eux autant que vous voulez. Tu vas avoir un oeil pour ça. Certainement. Donc je vais cliquer vers le bas pour réparer ça. Nous avons aussi des antécédents. Et rappelez-vous, maintenant nous travaillons avec cette colonne. Donc, n'importe quel arrière-plan, par exemple, couleur d' arrière-plan que j'ajoute. Il va y avoir à l'intérieur de cette colonne. Donc, voici la section Cette section est vraiment grande en ce moment. On l'a fait énorme. Et à l'intérieur de la section, nous avons l'image de fond et la vision de cette section. On les appelle. Nous avons passé cela avant et à l'intérieur de cette colonne. Je peux changer la couleur. Alors regardez ceci, par exemple. Maintenant, j'ai fait la couleur de fond de la couleur de l'appel Noir semble terrible. Je vais cliquer sur clair, et je ne vais pas utiliser ça. Mais je veux te montrer que tu peux. Donc l'effet Harbury. C' est aussi très intéressant parce que si j'utilise l'effet de port, par exemple, et que j'y vais et j'ajoute une couleur, disons que je vais ajouter une couleur grisâtre comme ça, quelque chose comme ça. Alors, maintenant quoi ? Je survole ma souris. Vous pouvez voir que nous avons ces effets en cours, et ça ne semble pas deux nuits en ce moment, mais vous pouvez vraiment rendre les choses vraiment belles. Surtout plus tard dans les tribunaux. Lorsque nous commençons à ajouter dans la section des cours et que vous survolez votre souris, vous voulez avoir cet effet de survol car cela rend tout plus professionnel . Mais on ne va pas l'utiliser pour la page d'accueil de cette section sur cet endroit. Donc je vais cliquer, pas clair, vais cliquer sur celui-ci et je vais effondrer l'arrière-plan que nous avons frontière et frontières comme avant. Vous pouvez changer les bordures en sélectionnant d'abord un comme ce solide, nous pouvons ajouter un nombre , puis vous obtenez une bordure autour de la colonne. Où est avant ? Nous avons une bordure autour de la section parce que nous étions en train d'éditer dans la section, mais nous n'allons pas l'utiliser ici. Je vais presser celui-ci dans non s Well, mais la frontière est très similaire comme ça. Ensuite, nous avons un positionnement personnalisé, et en ce moment nous utilisons la valeur par défaut, est-ce pas ? On pourrait faire quelque chose comme plein avec, comme, je t'ai montré la différence avec plein avec. Ça va prendre beaucoup plus de place et rendre les choses très différentes. Mais nous pouvons aussi utiliser le positionnement, non ? Donc la position pourrait être quelque chose appelé absolu. Maintenant, si j'ai utilisé, c'est aussi absolu. Je suis capable de le glisser et de le déposer comme ça, et cela signifie qu'il va rester là sur l'écran. Le problème avec ceux-ci jouerait avec ce genre d'absolu et fixe qui est que ceux-ci ne sont généralement pas va être très réactif. Donc, je préfère juste le garder à la faute et ne pas jouer avec le positionnement personnalisé parce qu' il a foiré cela. La réactivité pour la tablette, pour le téléphone cellulaire et pour votre site web parfois. Mais il y a aussi avec la fonction de débordement va empêcher cela de foirer trop . Généralement, je recommande de le garder simple et d'autoriser élémentaire et de permettre à votre thème de le rendre bon à l'intérieur des frontières. C' est donc nous allons effondrer la position personnalisée et ensuite nous avons la partie responsive et responsive est vraiment intéressant parce que si nous regardons en ce moment et nous savons que nous éditons cette colonne à droite avec cet élément. Donc, si je clique par exemple sur cacher sur ordinateur portable ici et que je clique sur ceci pour cacher et maintenant je prévois changements, vous allez voir que ce texte va disparaître, non ? Donc, il n'est pas vraiment supérieur dans l'éditeur, mais il disparaît pour le changement final dans le mode de prévisualisation, et je peux faire la même chose sur les tablettes. Donc, si j'utilise une tablette et je passe à responsable et je vais à la tablette. Cela ne va pas être montrer pour ceux avec une tablette, mais va montrer pour ceux avec un mobile. Vous ne voyez pas ça en élémentaire, mais ça va être l'effet quand les gens vont entrer sur le site à partir du téléphone portable ou de la tablette comme nous l'avons fait dans un aperçu. Ce intéressant, c' est que vous pouvez éditer des choses pour un affichage plus propre, non ? Donc si je n'aime pas que ça prenne, je ne veux pas que ça se montre sur le portable. Je pourrais simplement cliquer sur cacher sur Mobile et puis cela ne va pas montrer pour les personnes qui entrent sur le site Web sur leur téléphone cellulaire. Mais si vous entrez sur la tablette ou si vous êtes entré sur le bureau, il montrera la partie vraiment, vraiment mauvaise avec cela, cependant, est que cela va toujours se charger, non ? Et le problème avec cela est, c'est qu'au lieu de faire une certaine personnalisation pour le rendre bon, nous l'enlevons simplement. Dans l'ensemble, il va juste le cacher chargé, mais pas le montrer, ce qui signifie que cela va ralentir votre site Web si vous utilisez beaucoup cette fonction. Donc, si vous ajoutez une énorme belle image, par exemple, pour le bureau sur Lee, puis vous cliquez sur Tablette élevée et Mobile, cela signifie qu'ils vont toujours charger sur le Talbot et sur le mobile. Et cela va ralentir le temps de chargement même si cela ne s'affiche pas. Alors utilise-les vraiment avec parcimonie, d'accord ? Et enfin, nous avons la coutume. Tu vois, ça dit, mais c'est une fonctionnalité pro, et on ne va pas l'utiliser de toute façon. Donc, si nous revenons au contenu, nous revenons au mode bureau, nous pouvons voir que c'est à quoi il ressemble en ce moment. Donc, si je veux avoir ce saut vers le bas, j'ai juste besoin de cliquer ici et il saute tout seul. Donc, si je veux que cela prenne pour sauter, j'ai juste besoin de cliquer ici et de cliquer sur Entrée, à droite. Donc, si j'appuie sur Entrée, vous pouvez voir que je suis capable de faire des espaces comme ça. Mais je ne veux pas avoir ce petit espace que j'ai fait ici. Donc on va le faire une fois de plus et je vais frapper Enter ici et maintenant on a un look beaucoup plus sympa. Donc tu ne veux pas frapper ici comme je l'ai fait. C' est une erreur de débutant en tapant trop vite. Vous voulez aller de l'avant et appuyer sur Entrée à l'intérieur de la boîte pour le faire sauter d'une partie. Donc, ça a l'air vraiment bien. J' aime ça maintenant. Je n'aime pas la position idéale pour ça. Si vous allez de l'avant et nous pourrions venir prévisualiser les changements, par exemple, nous pouvons voir qui va être affiché quelque part dans le milieu Business rendu facile. Laissez-nous vous montrer comment je voulais être plus haut. Je voulais être quelque part par ici. Mais pour obtenir cela, nous devons faire une des choses suivantes. Nous devons aller à des éléments et nous pourrions utiliser quelque chose comme un espaceur. Si j'ajoute un espace ou en bas ici, je peux changer la taille de cet entretoise et je peux le paper dans la position que je veux. Mais le fait est que nous allons ajouter plus de choses là-dedans. Nous allons ajouter des choses comme si nous voulions utiliser un sous-titre, nous pourrions vouloir utiliser une description, et nous allons vouloir utiliser un appel à l'action en bas. Et toutes ces choses vont être changées dans les positions hors de celles-ci, par exemple, cette rubrique hors de la description de la sous-rubrique, etc. Donc je vais laisser ça ici pour l'instant. Et alors que nous continuons, je vais continuer à changer de position et ajouter des éléments tels que demandé à l'entretoise les faire dans cet endroit que je veux qu'ils soient. Mais encore une fois, les gars, c'est à ça que ça ressemble en ce moment, toute la personnalisation que nous devions vraiment faire ici était de rendre le texte blanc, c'est faire un espace dans le texte, puis de s'assurer qu'il y a un bonnes choses se passent ici parce que je vais mettre ça là-haut quelque chose, et ensuite je vais avoir la description et je vais avoir un appel à l'action en bas. Et je pourrais même augmenter la taille de ça. Nous verrons comme nous allons, comment il s'adapte avec le reste de la conception. Mais c'est pour ça que j'ai réglé jusqu'à présent. J' espère que vous savez comment créer le titre bien maintenant. Et comme toujours, si vous avez des questions, allez-y et parlez avec nous. Sera dans le Q et A et un dernier rappel. Ne fais pas comme je l'ai fait et frappe l'espace ici. Vous voulez cliquer ici et vous voulez frapper l'espace ici, n'est-ce pas ? C' est comme ça que vous sautez correctement. Désolé pour ça. Alors, les gars, je vous verrai à la prochaine conférence. 13. DESCRIPTION: Ok, les gars. Donc, dans cette conférence, nous allons aller de l'avant et définir notre description. Maintenant, une description va être le morceau de texte qui se trouve sous le titre ou l'en-tête. Vous pouvez les utiliser de façon interchangeable. Comment appelez-vous ça ? Un titre ou un titre. Maintenant, si on va vérifier Pat Flynn une fois de plus, on verra ça. Sa description ici se présente, et il nous dit exactement ce qu'il va faire. J' ai fait de te montrer à travers mes propres expériences. Exactement ce qui pourrait arrêter le temps de trading pour de l'argent et commencer à construire un basé dans qui fonctionne pour vous. Je suis ici pour vous montrer comment ça marche. Maintenant. Ça va si bien. Et qu'il dit Salut, je suis Pat Flynn parce qu'il a une photo de lui-même. Maintenant, ce que nous voulons faire est d'expliquer plus en profondeur, ce que nous sommes et ce que nous faisons. Mais en même temps, nous avons un espace limité. Il utilise déjà un peu d'espace ou un peu de texte. Et nous ne nous attendons pas à ce que tout le monde lise ça à cause de l'attention. Donc j'ai recommandé que nous courtions dans ce bas légèrement et ensuite nous allons laisser un peu à découvrir. Par exemple, il écrit. Je suis ici pour vous montrer comment ça marche. Cela me donne envie d'appuyer sur le bouton qui dit savoir plus, non. Dans la prochaine conférence, nous allons créer notre propre bouton avec un appel à l'action. Tu vois, ta. Maintenant, le savoir plus. Voici l'appel à l'action parce que vous avez inspiré, mais il faut Vous voulez en savoir plus. Donc ce que nous allons aller de l'avant et faire est d'aller sur notre site Web que nous sommes en train de créer et juste un coup d'oeil en ce moment il ressemble à ceci, et nous allons mettre le texte ci-dessous ici. Maintenant, comme nous continuons à construire et à ajouter plus de choses, nous allons ajouter sur le tennis. Eh bien, cela va changer de position, qui est parfait, parce que je veux cela légèrement plus haut. Mais on va faire quelques ajustements, demander aller, et je vais te montrer comment ça marche. Donc on va entrer ici et je vais cliquer et faire glisser l'éditeur de texte et ensuite vous pouvez voir où est la ligne bleue qui montre où elle va être mise. Donc je vais le mettre juste en bas. Ok, donc maintenant on a ce texte en cours. Maintenant, j'ai déjà écrit quelque chose ici. Donc tout ce que je vais faire, c'est bien. Cliquez et cliquez sur coller et j'ai la Grande-Bretagne. Vous cherchez à développer ou à développer votre entreprise, mais vous ne savez pas par où commencer ? Et les lettres vous montrent comment littéralement. Et le fait est que le genre, bien sûr, c'est que nous faisons Ce genre de tutoriels que nous proposons va être à l'écran et nous montrons à tout le monde ce que nous faisons pas à pas exactement comme nous le faisons en ce moment. Donc c'est tellement plus facile à apprendre et à comprendre parce que vous voyez ce que je fais et je vous montre comment ça marche. Et j'espère que vous pensez aussi que c'est vraiment simple à apprendre. Au moins, c'est comme ça que j'ai appris le meilleur. Donc ce texte, c'est assez énigme parce que sinon ils seraient là toute la journée. Je ne suis pas spontanément créatif, et on va l'utiliser, mais on va le changer maintenant. La première chose que nous examinons ici est que nous utilisons notre couleur par défaut, ce qui est génial et fait un bon appelant, mais pas sur ce fond. Donc je vais aller de l'avant et aller au style tout de suite. Je vais aller au texto Color, et je vais le changer en blanc. Je vais juste cliquer sur le blanc ici et on y va déjà. Ça commence à pape tellement plus Maintenant, je vais aussi passer à la typographie pour commencer à changer des choses comme cette taille et tout. Donc ce que je vais faire, c'est mettre la taille ici et la faire grossir. Tu n'es pas si grand. Rends-le plus grand. Peut-être quelque chose comme à quatre heures. Ils allaient commencer à 40 ans. 38 ils allaient y aller. Et je veux aussi des espaces entre les deux. Donc je vais les mettre en phrases. Je vais cliquer sur les soins et frapper, entrer et il va sauter, et je vais enlever cet espace. Ils partiraient, et je vais faire la même chose ici. Je vais cliquer sur Entrée et ensuite je vais enlever ce petit espace. Ok, donc maintenant ça ressemble à ça. Maintenant, c'est un peu trop gros à mon goût. Je vais diminuer la taille. Allons peut-être à quelque chose comme ça. Je pense que 23. Je pense que ça a l'air très bien, mais je n'apprécie pas l'espace entre les deux, non ? Je voulais être beaucoup plus collectif, donc je vais descendre à la hauteur de la ligne et je vais juste commencer à jouer avec ça et je vais avoir quelque chose. Mawr. On y va. Je pense que ça a l'air vraiment bon et naturel. Droit. Donc je vais cliquer dessus, puis je détesterai les changements d'aperçu, et on va voir ce qui se passe ici. Donc ils sont il y a. Je pense que c'est déjà bien mieux. Cependant, je pense que c'est un peu trop petit. Donc je vais aller de l'avant et changer ça. Je vais aller à la typographie, et je vais augmenter la taille peut-être 28. 27. Ok, je vais frapper les changements d'aperçu une fois de plus. OK, donc ça a l'air assez bien. Maintenant, j'apprécie cela parce qu'il est lisible, ce qui est vraiment important. Cependant, je voudrais en fait un peu plus d'espace. Et je voudrais rendre la taille de ce titre plus grande en comparaison. Donc je vais aller de l'avant, retourner à la typographie et augmenter la hauteur de la ligne d'accord ? Quelque chose comme ça. On y va. On y va. Je pense que ça a l'air vraiment sympa. Je vais aller de l'avant et cliquer sur le titre ici, puis je vais passer à la typographie de style. Et je vais augmenter légèrement ça à, disons, 45. On y va. Je vais cliquer dessus. Et maintenant je vais chauffer les changements d'aperçu pour vous laisser voir ce qui se passe. Les affaires sont faciles. Laissez-nous vous montrer. Comment cherchez-vous à développer ou à développer votre entreprise, mais vous ne savez pas par où commencer ? Laissez-nous vous montrer. Littéralement parfait. J' aime vraiment ça. Je vais faire une diminution de plus dans la taille ici, puis enfin prévisualiser contre. C' est donc le processus de conception. Ça va être ces petits ajustements dans les petits réglages là-bas jusqu'à ce que tu sois content de ce que tu vois. Donc j'apprécie vraiment ça. En fait, je pense que c'est devenu parfait. , Ce que je n'apprécie pas,c'est comment le titre va directement dans la lune. D' accord. Donc, ce que nous pouvons faire est en fait changer le positionnement de l'arrière-plan. Souviens-toi, Souviens-toi, on va ajouter une autre chose ici. C' est l'appel à l'action en bas, non ? On allait écrire quelque chose, comme, apprendre plus ou commencer ici, quelque chose comme ça. Mais nous allons lier ce bas au début ici, page, que nous allons construire plus tard. Vous suivez le long. Droit ? Donc nous expliquons ici. Les affaires ont fait des lettres faciles. Montre-toi comment, OK. Alors comment vont-ils nous montrer ? Nous expliquons que nous voulons faire des affaires en quelque chose de facile. Et nous voulons vous montrer comment nous faisons ça et ça. Vous cherchez à développer ou à développer votre entreprise ? Eh bien, si vous êtes au bon endroit, non ? C' est à peu près le dicton sous-jacent. Mais ne savent pas par où commencer. Laissez-nous vous montrer comment littéralement. Vraiment bien. C' est une incitation qui vise les bonnes personnes. Et puis on va en apprendre plus. Mais pour l'arrière-plan en ce moment, même si nous avons besoin de micropuces, je veux vous montrer comment vous pouvez en cours de route. Micra. Juste ces choses. Ils ont l'air vraiment bien. Donc ce que je vais faire, c'est aller chez L. Un mentor ici, et je vais y retourner et cliquer sur la section Modifier. Et là où on a du style, je vais descendre en position, tu vois où c'est ? Valeur par défaut. Et je vais essayer de centre et voir ce qui se passe. Vous allez voir que l'arrière-plan, l'image elle-même. Cela change un peu parce qu'il change le point focal dans l'image d'arrière-plan. Donc, je vais aller de l'avant et cliquer sur les changements d'aperçu et regarder la partie facile là-bas et voir comment il se déplace. Et maintenant, nous avons la lune qui a déplacé les affaires droites rendue facile. Laissez-nous vous montrer. Comment cherchez-vous à Bill pour développer votre entreprise ? Je ne sais pas par où commencer. Laissez-nous vous montrer comment littéralement. Donc, j'aime ça. Je l'aime absolument. Nous ajustons tout le texte à l'intérieur de la montgolfière et sous la lune, et ça va reapparaître. Mais on va juste micros à l'arrière-plan pour que tout soit beau. Donc, dans la prochaine conférence, les gars, on va construire qui va commencer ici ou apprendre plus de fesses en fonction de ce qui vous intéresse . Mais c'est ainsi que je construis le titre, la description, puis un appel à l'action à ce sujet. Et puis nous avons cette histoire, non ? Il y a plus d'options. Nous pouvons jouer ici quand il s'agit du style hors de la description. Mais personnellement, je pense que quand vous clouez la taille et quand vous clouez l'espacement des lettres et qu'on ne va pas jouer dans un poids de décoration ou quoi que ce soit, alors vous êtes tous prêts à aller bien. Ça a l'air parfait. Pas besoin de rendre les choses plus compliquées que cela ne doit l'être. Passons à la prochaine conférence. Excellent travail. 14. Bouton CTA: Bon, donc dans cette conférence, on va aller de l'avant et créer notre appel à l'action Bottom. Donc, en d'autres termes, nous savons que si nous l'avons fait jusqu'à présent, nous avons mis en place le commerce du titre facile. Laissez-nous vous montrer comment. Ensuite, nous avons fait une description qui dit Êtes-vous prêt à construire ou à développer votre entreprise, mais ne savez pas par où commencer ? Laissez-nous vous montrer comment littéralement. Maintenant, nous voulons leur permettre de prendre une sorte d'action dès maintenant car cela prend un bouton d'action qui dit, par exemple, en savoir plus serait le plus logique pour votre service. Peut-être que vous offrez un conseil gratuit, Il pourrait dire réclamer l'offre. Word pourrait dire contactez-nous, ou il pourrait dire s'abonner. Maintenant, ils appellent à l'action va dépendre d'abord et avant tout de votre service. Mais aussi, bien sûr, ce que vous écrivez sur le service, Ce que vous offrez sur votre première page. Maintenant, l'idée ici est d'expliquer ce que nous sommes tous, ce que nous faisons, ce que nous avons à offrir et ensuite créer ce bouton d'appel à l'action qui va les amener à commencer ici maintenant. Nous aurions pu aussi bien appeler ce début ici, mais je veux qu'ils aient la capacité d'en apprendre plus, ce qui offre quelque chose de différent du début ici. Même si c'est la même chose, non ? Parce qu'ils sont intéressés et qu'ils veulent en savoir plus. Commencez par ici. Cela signifie plus d'une prise d'action. Ils commencent quelque chose, mais apprenez-en plus. C' est toujours juste par intérêt pour la curiosité. Il est donc plus facile pour eux d'appuyer sur ce fond en général. Donc on va aller de l'avant et créer le bouton, et ça ne pourrait pas être plus simple. Les gars, tout ce que vous avez à faire, c'est d'aller de l'avant et de cliquer sur vos mots sur son bouton, et on va le faire glisser et le poser en bas. Ici et maintenant, nous avons notre fond. Alors commençons à éditer ceci pour qu'il semble bien et qu'il corresponde au thème. Maintenant, il le fait déjà, car il a la couleur d'accent que nous avons définie pour elle, ce qui va parfaitement avec notre thème, donc c'est vraiment pratique. Mais je veux quand même changer ça maintenant. La première option que nous avons ici est le type. Maintenant, nous n'avons pas à nous préoccuper de cela parce que nous avons déjà défini les couleurs et avons assortie et tout. Mais ici, nous avons quelques modèles intéressants, si vous voulez. Cela vous permettra,par exemple, par exemple, le vert du succès. Avertissant ces jus d'air, vous savez, les appelants recommandés pour ce genre de sentiment ou de danger, qui est la forme la plus foncée rouge. Maintenant, nous allons aller avec la valeur par défaut, qui est la couleur que nous envoyons notre palette de couleurs avec nos valeurs globales parce qu'elle correspond vraiment bien aux thèmes. Donc on ne va pas jouer avec ça, mais le texte, bien sûr qu'on va jouer avec nous, on n'aura pas de texte qui dit « Click care ». Maintenant, je vais utiliser en savoir plus pour ces prises. Mais encore une fois, le texte que vous choisissez dépendra de ce que vous pilotez. Généralement, je préfère écrire en savoir plus plutôt que commencer ici, surtout si j'ai un début ici. En bas vers le haut parce que je trouve qu'il est généralement plus facile pour les gens de cliquer sur, d' en apprendre plus plutôt que de commencer ici. Ok, maintenant, la prochaine chose que nous avons ce lien hors cours, nous voulons que le bouton fasse quelque chose. Donc l'idée est que pour qu'ils en apprennent plus, nous allons aller de l'avant et les faire entrer dans notre départ ici. Page. Ok, donc ce qu'on va faire, c'est qu'on va monter ici pour commencer ici, non ? Cliquez sur, puis sélectionnez Copier le lien. Et puis on va juste cliquer ici, enlever ce signe à droite, cliquer et coller dedans. OK, donc maintenant si je vais de l'avant et je pourrais affaiblir les changements d'aperçu et puis je vais en savoir plus et je clique il va m'emmener au site de départ ici que vous pouvez voir. Je veux dire déjà. Si vous comparez ce design avec ce que nous faisons maintenant, c'est un tout nouveau niveau, grâce à l un mentor. Mais de toute façon, c'est là qu'on va les entrelacer. Et, bien sûr, nous allons changer. C' est bien, nous allons reconcevoir cela en utilisant élémentaire. Mais maintenant, nous avons défini le but de nos boutons. Alors, revenons ici. Donc maintenant, nous savons que s'ils pouvaient s'affaiblir, en savoir plus, ils vont être amenés à la page d'accueil, ce qui est différent de cette page d'accueil que nous avons. Et nous avons traversé ce qu'ils font, comment ils fonctionnent. Il disait, j'espère que vous vous en souvenez. Donc la prochaine chose que nous pouvons faire est de changer l'alignement. En fait, je préfère l'avoir en ligne comme ça. Donc, si vous voyez que nous avons le titre, c'est parfaitement conforme à la description. C' est parfaitement en ligne avec le bouton, et je préfère le garder comme ça. J' aime vraiment ce look propre en ligne. Donc pour l'instant, on va garder ça, et ensuite on peut changer cette taille et je préfère aller avec une taille moyenne parce que je pense juste que c'est un peu plus. Si nous voyons la différence d'ici à ici. Je pense juste qu'il a un aspect plus beau. Je préfère un peu plus de sites. Ça lui convient mieux. Et puis on va descendre. On a quelque chose. On est cool. Je peux. On peut changer l'icône pour n'importe quoi. On peut avoir le carnet d'adresses, on peut avoir le logo du muscle. Si vous voulez à ce hilarant que les bûcherons Amazon ici, je veux dire, je veux dire, fondamentalement quelque chose de pomme. Même il y a beaucoup de moi ici pour choisir, mais honnêtement, pas pour ce genre de bouton. Je ne le recommande vraiment pas si vous vendez quelque chose sur Amazon. Bien sûr, il pourrait être cool d'ajouter ce genre de bouton pour l'acheter. Et puis vous pourriez avoir un lien d'affiliation, etcetera. Mais pas pour ça. Je ne recommande pas ça. Et puis on a un I D , mais on ne va pas lui donner une idée. On n'a pas besoin de faire ça. Aller au style quelques choses que je veux changer avec ça. Et le premier n'est pas la typographie, et nous pouvons voir qu'elle dit en savoir plus. Je veux que ce soit dans toute la capitale, et je veux que cela prenne un peu plus épais, un peu plus gros. Alors je vais descendre. Et la première chose que nous avons ici, c'est la famille. Et rappelez-vous, nous centrons déjà les valeurs mondiales. On s'amuse déjà. Je suis super content de ça. Je pense que ça a l'air génial. Et puis nous avons la taille, et nous l'avons déjà dit à moyen. Mais si vous voulez avoir un regard plus approfondi et être plus précis, vous pouvez simplement le définir ici. Mais moyenne est d'environ la troisième scène 14 étés. Je vais le mettre à 14 comme ça. Maintenant, l'attente est l'épaisseur du texte. Je vais le mettre trop audacieux et tu peux voir qu'il devient un peu plus épais. Et j'aime vraiment ça. Et puis je vais cliquer sur Transformer, et j'utiliserai les majuscules. Et fondamentalement, j'utilise toujours des lettres majuscules sur tous mes boutons. Je pense juste que ça a l'air tellement mieux. Je pense que c'est Papes beaucoup plus, et j'aime vraiment ça. Je ne vais rien faire dans le style. Je ne vais rien faire dans la décoration, et ensuite on a la hauteur de la ligne. Je ne vais pas toucher à ça. Comme vous pouvez le voir, ça va changer un peu la boîte comme ça, mais on ne va pas jouer avec ça. On va le changer de différentes manières en utilisant les marges, et c'est un peu. Ensuite, nous avons l'espacement des lettres et encore faire attention avec cela parce que cela gâche l' avant. Je ne vais pas y toucher. Alors on y va. Je suis vraiment content de ça. Ce que nous pouvons aussi faire maintenant et c'est passionnant. J' aime vraiment cela est d'utiliser l'effet de port, parce que si nous prévisualisons les changements qui auraient juste fait. On peut voir que ça a l'air vraiment sympa. Je profite de ça. Regarde le gros moment, OK ? Mais rien ne se passe quand je survole ma souris. Et pour moi, quand il se passe quelque chose quand je survole ma souris, cela implique en fait beaucoup de qualité et de professionnalisme et aussi ses points forts satisfaisants. Ça veut dire que quelque chose peut arriver quand je clique là. Par conséquent, je suis beaucoup plus susceptible de cliquer. quelque sorte symbolise, Hey, cliquez sur moi moyen vraiment efficace d'amener les gens à cliquer dessus et aussi pour le design. Je pense que ça a l'air génial. Donc on va y retourner, et on va s'assurer que quand tu survoleras, quelque chose arrive. Donc la première chose que tu veux faire, c'est regarder, planer et ensuite on va passer à des mots, c'est l'animation en vol stationnaire juste ici ? Il y a un tas d'animations différentes. Et si vous cliquez dessus, par exemple, Bob et moi survolons ma souris, Vous pouvez voir ce qu'il fait, non ? Vous pouvez voir ce qu'est l'animation. Oveuse. Je clique dessus ou je suis désolé. Je passe ma souris dessus. Vous pouvez voir ce qui se passe Maintenant, quand il s'agit de boutons, il n'y a qu'un Onley, une animation que j'utilise chaque fois et qui est l'animation de croissance. Et ça ressemble à ça et j'aime vraiment ça. Je pense que ça lui donne un effet pop professionnel. Et pour être honnête, je ne pense pas à ces effets. Regardez si bien, à moins que vous ayez une équipe vraiment sympa qui va de pair avec elle. Je veux dire, tous ces effets sont soumis à la façon dont vous l'utilisez dans votre conception. Mais en général, je ne vais qu'avec l'effet de croissance. Maintenant, ça a l'air vraiment sympa. Si nous allons de l'avant et que nous prévisualisons ces changements et que je passe ma souris comme ça, il obtient cet effet pop vraiment sympa. J' adore ça, en fait. Donc c'est génial. J' aime ce grand moment maintenant. En fait, je voudrais qu'il vous arrive quelque chose d'autre. Donc, quand je survolais ma souris, je voudrais qu'elle apparaisse et j'ai aussi l'impression de sélectionner quelque chose. Tu sais sûrement ce que je veux dire. Comme lorsque vous sélectionnez quelque chose, vous pouvez voir qu'il change de couleur comme ceci ou ceci, ou si vous travaillez avec des fichiers ou des cartes. Si vous cliquez dessus, il est sélectionné. Donc, je veux donner cette éthique sélectionnée quand je passe ma souris ici. Et la façon dont je vais le faire est d'aller de l'avant et de changer la couleur de fond pour qu' il devienne un peu plus léger quand je survole. Ma souris est un changement subtil, mais ça a un grand impact. Il emballe un coup de poing. Certainement. Donc ce que nous allons faire est de cliquer sur la couleur de fond, et voici où nous pouvons le rendre un peu plus léger. Maintenant, vous pouvez voir que la couleur que nous utilisons, ce n'est pas en fait ici. Donc ce qu'on va faire, c'est aller en haut à gauche et on va aller aux couleurs par défaut. Et je vais cliquer dessus, lire que j'apprécie tellement et je vais aller de l'avant et je vais copier ce code couleur . Et puis je vais descendre et cliquer sur ce bouton. On y va. Et maintenant, je reviens ici. Je vais cliquer sur le survol une fois de plus, puis je vais cliquer sur la couleur de fond. Ok, donc tout ce que j'ai à faire maintenant c'est de cliquer ici, coller dans le centre de frappe, et on y va. Donc ce que je vais faire, c'est juste tirer ça légèrement vers le bas. Rien de trop fou. Et je voulais aller, vous savez, super léger et, vous savez, vous savez, flasher tout mon écran d'ordinateur ou devenir blanc ou quoi que ce soit. Je voulais juste avoir une couleur légèrement plus claire. Donc, comme ça. Donc, si je passe ma souris dessus, ça ressemble à ça. J' aime vraiment ça. Alors vérifions-le dans l'aperçu. Donc je vais passer ma souris dessus, et on peut voir qu'elle a une belle couleur claire. Pour moi, c'est encore un peu trop léger. Pour moi, Je vais aller de l'avant et je vais juste augmenter ça un peu. Ils allaient y aller. Je vais cliquer sur venir prévisualiser une fois de plus et passer ma souris dessus. Et, oui, j'aime ça. Donc, comme vous pouvez le voir, l'effet est assez subtil, mais emballe toujours un coup de poing. ai vraiment l'impression que je sélectionne ça en ce moment, donc j'apprécie vraiment cet effet. Ok, donc je vais garder que tu n'as pas à le faire si tu n'aimes pas ça, mais c'est comme ça que j'aime décider. J' aime avoir les effets de croissance sur les boutons et aussi avoir cette augmentation de légèreté. Donc, on dirait que je suis en train de choisir. Je pense que ça a l'air très bien. Ok, donc on a ça. Maintenant, on est à la frontière. Ok, donc il y a deux choses que je veux faire avec ça. En bas numéro un est que je veux arrondir ces bords un peu plus, et je veux aussi lui donner un look plus large. Et pour lui donner un look plus large, je vais diminuer l'espace sur le dessus et sur le fond et garder ce genre d' épaisseur de ce côté. Ok, donc la première chose que je vais faire, c'est aller à la frontière. Donc si j'augmente cela, cela va augmenter les frontières autour de la sienne, donc ça arrondit les bords. Vérifie ça. Si je clique sur ceux-ci, vous pouvez voir que les frontières sont en train de changer autour de ce widget. Ok, autour de cet élément est vraiment rond. Je pense que c'est très excessif pour cette conception. Je vais prendre quelque chose comme la selle, et ensuite je garde juste cinq Allons-y. Et Previ que c'est avant et c'est après un subtilement épais. Mais je pense que ça a l'air vraiment sympa. Vous pouvez voir qu'il y a un arrondi dans le coin, donc j'aime vraiment ça. Donc la prochaine chose que je vais faire est de lui donner une sensation plus large. OK, donc je vais aller de l'avant et augmenter ça. Donc si je joue avec ça, tu peux dire que c'est pour le moment que ça change tous les éléments, non ? Tout le remplissage autour du texte ici et ils sont tous synchronisés. La gauche, la droite, le haut et le bas. Maintenant, ce que je vais devoir faire est de cliquer sur ce qui dit les valeurs de lien ensemble. Alors je peux les lier et je vais changer le top 2 15 à droite ? Et je vais changer les deux derniers 15 aussi. Donc je vais aller de l'avant et prévisualiser ces changements et voir où on va. Vous pouvez voir que les livres changent de taille. Nous avons un peu rétréci ici, mais encore plus ici et ici. Donc j'aime vraiment ce look plus selle, mais encore plus large. Regarde le bouton. Et si je survolais, tu auras ce joli effet de popping. J' aime vraiment ça. Donc, en descendant à 20 sur ceux-ci, nous diminuons également le rembourrage. Mais j'aime vraiment cet effet. Maintenant, si vous voulez avoir le bouton qui ressemble de la même façon et c'est décemment universel. Beaucoup de gens aiment avoir un bouton est d'environ cette taille. Et avec environ cette tapotement, tout ce qu'ils ont à faire est d'aller de l'avant et de garder le rembourrage pour le haut et le bas à 15 à droite et à gauche à 20. J' aime vraiment ces valeurs. OK, donc on ne va pas jouer avec le type de frontière. Rien qu'on ait besoin de faire dans la section avancée, ça va jouer avec toute la section, ok ? Et il n'y a rien que nous voulons vraiment faire là-dedans Maintenant, par exemple, si je commence à augmenter cela, vous pouvez voir que j'augmente la taille de la section et de même, si je descends à l'arrière-plan et je lui donne une couleur ici, par exemple, je clique sur la couleur. Ça va être la couleur de cette section, et on ne voudra pas jouer avec ça. On va juste vouloir réparer le mais le rendre pape comme ça. Faites-le bien paraître. Et nous n'allons pas ajouter d'effets pour ça non plus. Ok, alors frappons les changements d'aperçu une fois de plus et vérifions. Et nous y voilà. Si je survole ma souris, regardez ce bouton. Et si je clique dessus, je vais être pris au début ici. Page, je suis vraiment content de ça. Les gars, je pense que ça commence à avoir l'air vraiment génial. Pour être honnête, je suis fier de ça. Donc, ce que je pourrais aussi faire maintenant, c'est jeter un petit coup d'oeil autour. Par exemple, ai-je que Le pourquoi va tellement dans la lune ? Tout est hors du texte. Lisible. Par exemple, Cherchez-vous à développer ou à développer votre recherche d'entreprise ? Parce que le blanc va bien dans ce fond, cette partie va bien aussi. Et cette partie se passe bien aussi. Mais si cela avait été un peu plus bas et arriver à ce jaune ici, ce ne serait pas tout à fait aussi lisible. Ok, Donc par exemple, si je voulais changer, si je voulais bouger un peu autour de ce texte un peu Eh bien, je devrais faire est d'aller aux éléments ici et ajouter quelque chose appelé un espaceur. Maintenant, regarde ça. Si j'ajoute l'entretoise ici, ça va prendre de la place. C' est tout ce qu'il fait. Il prend de la place dans la section et il pousse cela vers le bas. Alors regarde ça. Ils à prévisualiser. Nous l'avons ici et maintenant il est poussé ici. Vous pouvez voir que cela a l'air assez beau aussi, mais j'aime avoir cela prend un peu plus haut. Donc, je pourrais Houston. Mais je pourrais faire quelque chose comme une vraie microgestion. Quelque chose comme quatre, par exemple, Alors que le pourquoi légèrement plus bas de la lune. Je vais juste prévisualiser ces changements là-bas. On dirait qu'ils sont vraiment bien, mais nous pouvons voir que le littéralement ici en ce moment, ce n'est pas aussi lisible. On pourrait faire cette microgestion ridicule, et j'en ai encore une. C' est le but du signe. C' est ce que tu préfères qu'on vérifie. En fait, c'est encore un peu bas, donc je vais juste aller de l'avant, à droite, cliquez dessus et cliquez sur Supprimer. On y va. Je vais prévisualiser les changements. Et oui, ça a l'air très bien. Donc je ne vais pas utiliser d'espaceur ici, mais vous voudrez peut-être le faire pour adapter votre design afin de vous assurer que tout cela ressemble bien à votre arrière-plan. Droit ? Donc, les gars, si je pouvais, je vous mettrais cinq. Je le ferai. Quoi qu'il en soit, super boulot. On est allés jusqu'ici. Je suis vraiment content de ça. On peut vraiment partir. Cet actif est en ce moment et passez à la section suivante. Nous venons de terminer l'édition ci-dessus de la section de pliage. Vraiment bon boulot. Maintenant, si vous avez des questions que la police leur pose dans les Q et A. nous y répondrons dans les 24 heures. Passons à la prochaine conférence. Excellent travail. Tu vois, là 15. Ajouter des Testimonial: D' accord. Donc, avez fini d'éditer la section ci-dessus de pliage sur notre page d'accueil. C' est excitant ? Maintenant, nous allons aller de l'avant et procéder à l'ajout de contenu pour nos sections ci-dessous les plis sur notre page d'accueil en ce moment si vous avez suivi le cours depuis plus tôt, il y avait une conférence quand nous avons regardé d'autres sites Web réussis vérifier page d'accueil et de prendre des notes. droite. Tu as toujours ces notes ? Eh bien, je fais s'il y a sur papier pour vous ou numériquement comme je l'ai écrit. Je veux dire, ça a l'air terrible, mais c'est très efficace et une chose que j'ai écrite ici était So Show s'est avéré juste. Ils ont besoin d'une preuve sociale pour que les visiteurs puissent vous faire confiance et savoir que ce que vous avez à offrir est hors valeur est la même chose. Quand il s'agit de pages Facebook qui aiment plus, plus nous sommes susceptibles de leur faire confiance, Instagram ou n'importe quel site web de plate-forme. Ils fonctionnent de la même manière. C' est juste que vous ne voyez pas vraiment combien de visiteurs ils ont. On va avoir besoin d'ajouter ce formulaire à la preuve sociale pour que les gens puissent nous faire confiance, OK ? Et bien sûr, tu t'en sors avec plus. Si vous avez un très grand nom, sont vraiment grande marque. Mais nous ne sommes pas assez grands. Vous devez avoir un énorme et même alors encore veulent la preuve. Donc ce qu'on va faire, c'est d'aller de l'avant et d'ajouter un témoignage juste en dessous du pli ici. Donc, ce que nous aurons fait maintenant est montré sur ce que nous sommes et les a guidés vers d'autres contenus sur un site Web que nous allons éditer dans la section Ils étaient dans le début ici , mais nous voulons leur présenter encore plus de choses sur notre site Web et construire sa preuve sociale . Finalement, nous allons faire des choses comme Adam E. Mail ouvert , etc. Alors commençons à ajouter la preuve sociale, informons un témoignage, et c'est vraiment super facile à faire. Tout ce qu'il faut faire, c'est descendre jusqu'à l'ascenseur, trouver le témoignage. Nous allons aller de l'avant et l'attraper et ensuite le relâcher et ils auront déjà un beau modèle de témoignage mis en place. Je veux dire, honnêtement, c'est ridicule comme c'est simple avec l'élémentaire. J' adore ce programme. Donc on va commencer à mettre ça en place peu à peu, et on va le faire ensemble. Maintenant. La première partie est le texte lui-même et le texte. Je vais utiliser une critique d'un de nos étudiants, accord. Donc j'ai déjà pris la liberté d'aller de l'avant et de faire face à ce qui prend de vous êtes dima cours ? Donc je vais juste y aller et le coller. Et la chose merveilleuse est que c'est en fait un examen vraiment. Ce n'est pas faux en aucune façon. Et il a des mots vraiment beaux et genre de mots qui dit que c'est le meilleur et le plus complet cours en ligne sur la façon de développer votre entreprise en ligne avec la livraison de goutte. J' ai gagné plus de 1200$ au cours de la première semaine de vente. Tout cela grâce à la classe Jeffers Monster ouverte. Maintenant, c'est une preuve sociale, s'il y a quelque chose, n' est-ce pas. Donc c'est vraiment un bon matériel avec lequel travailler, et ça va être tellement confiance pour notre site Web pour nos cours, et ça va être tellement confiance pour notre site Web pour nos cours,que nous allons leur présenter, etc. Il s'agit d'un examen merveilleux à utiliser. Alors quoi, nous allons aller de l'avant et faire maintenant, c'est une fois que nous aurons ajouté le contenu ici, nous allons descendre et choisir l'image et l'image sera hors du critique. J' ai déjà parlé à cet étudiant et j'ai le droit d'utiliser sa photo. Il m'a envoyé une photo, donc je vais aller de l'avant et prendre ça et monter celle-là. Donc je vais aller télécharger des fichiers. Je vais sélectionner les fichiers et ensuite je vais cliquer sur les droits ici. On y va. Maintenant, vous remarquerez que ce fichier est en fait assez gros. C' est un mégaoctet et vous pouvez voir que les pixels sont énormes est plus de 3000 par plus de 2300 nous allons seulement l'utiliser pour vraiment, vraiment petits sites. Donc, ajouter dans cette image énorme qui a ce temps de chargement important, cela n'a tout simplement pas de sens, même si c'est une image vraiment cool. Donc ce que nous allons aller de l'avant et faire est en fait changer la taille de l'image en miniature sur. Ce que ça va faire, c'est que le temps de chargement va être considérablement réduit. La taille de l'image va être en série réduite. Et pourtant, il n'y aura pas de perte de citation parce qu'on utilise une si petite image, non ? Donc, tout est mis en place. Ce que nous allons faire maintenant, c'est juste vérifier, vérifier dans l'aperçu et voir à quoi il ressemble maintenant. Donc nous allons faire défiler vers le bas et nous pouvons voir. Ok, nous avons le texte. Ici, nous avons la photo. Je pense que ça a l'air vraiment sympa. Et son nom n'est pas John. N' est pas un designer, mais on va changer ça. Mais jusqu'à présent, tout, Lou, ces chargements devraient être très rapides et nous sommes vraiment à la recherche de ça. Donc on va établir son nom. Tu travailles Emeric, fiston. Et le titre. Et ce que je vais faire ici, c'est juste, le fondateur va faire une virgule, et ensuite je vais écrire son site web, qui est le magasin de vidéos clé dot com. Ok, c'est le fondateur de ce merveilleux magasin vendant des objets bohèmes, mais je ne vais pas écrire le w w w a pris en faire un lien. Et je ne vais pas écrire son lien ici, même si vous le pouviez. Le problème est que si les gens cliquent sur ce lien, ils vont être détournés de votre site Web. Maintenant, vous pouvez ajouter dans le lien en tant que ling sortant. Donc vous aidez les autres avec le PDG, mais je ne le recommande pas. Je recommande à vos faibles gens de se concentrer sur votre site Web. Mais si vous décidez d'ajouter ce lien, allez dans les options et cliquez sur ouvrir dans une nouvelle fenêtre. C' est très, très important pour s'assurer qu'ils seront toujours sur votre site Web. Mais nous n'allons pas ajouter le Lincoln ici. Nous allons juste ajouter le titre fondateur droit et ensuite ajouter dans le site Web afin que nous soyons toujours référence là. Mais on n'y relie pas, d'accord ? Et puis défiler vers le bas. Nous avons la position de l'image, qui est de côté. Il pourrait aussi être sur le dessus. Donc on l'a comme ça. Mais je n'aime pas vraiment ça. J' aime ça. C' est un espace sûr quand il est sur le côté comme ça. Et je pense que ça a l'air vraiment professionnel. Donc c'est tout pour le contenu en ce moment, on va passer au style. Il y a quelques choses que je veux vraiment la changer maintenant. La première chose dont je veux parler, c'est les perspectives actuelles ici. Maintenant, nous pouvons voir qu'ici nous avons un fond plus sombre avec du texte blanc. Ok, donc le genre de style que je vais chercher ici, c'est un contraste. Maintenant, je vais préférer avoir un fond blanc et ensuite avoir un texte plus sombre. Et j'aime vraiment la signature, le genre de styles sur le site Web quand vous avez un certain appelants sur le dessus, puis vous contrastez avec la première section suivante sur le fond avec le dessous du pli. Donc nous allons aller de l'avant et le faire maintenant pour le contenu. En fait, je veux changer un peu les choses. Tout d'abord, je n'aime pas que ça prenne de la couleur. Je vais y aller et je vais choisir. On y va. Un gris plus foncé. Je pense que ça fait sortir Popes beaucoup plus. Ensuite, on va passer à la typographie. Je ne vais pas jouer avec le devant. Je pense que la police est parfaite. Je vais, cependant, jouer un peu avec la taille. Ça va le rendre un peu plus grand. On y va. Allons-y avec 21. Je pense que ça a l'air vraiment bien, donc ça apparaît un peu plus. Je pense que ça a l'air vraiment sympa maintenant. Le poids. Je ne vais pas jouer avec. Je suis presque sûr que 500 est par défaut. Si je clique dessus, rien ne se passe. Droit ? Mais 600 va le rendre trop épais. On voit qu'il devient presque la balle comme ça. Donc on ne va pas jouer avec ça. Nous ne allons pas non plus nous transformer en majuscules ou quoi que ce soit du genre. Mais on va le rendre italique parce que regarde ça. Cela change vraiment l'ensemble des perspectives du texte. Maintenant, chaque fois que j'ajoute des témoignages, je les mets toujours en italique. Je pense juste que c'est une partie si importante du genre de conception qui prend Pope. Et aussi, les gens s'attendent généralement à ce genre d'italique quand il s'agit de mots de quelqu'un d'autre , parce qu'il fait entrer pape sur d'autres façons. Nous avons notre propre design, et puis il y a cette italique soudaine venant de quelqu'un d'autre. Je pense que ça a l'air vraiment, vraiment sympa. On ne va pas faire de décoration. On ne va pas jouer avec la hauteur de la ligne ou l'espacement des lettres. On va presser ça comme ça. Ensuite, on va passer à l'image maintenant la taille de l'image, je pense que c'est vraiment bon, mais on pourrait jouer un peu avec ça si on le voulait. Je vais le mettre à 50 ans. Je pense que 50. C' est une très bonne taille. On n'aura pas de frontière. Et vous saurez que la frontière fait rage, même si elle ne lui montre pas qu'elle l'a déjà réglé. Parce que si j'ai dit ça à zéro, tu vas remarquer que ça devient un carré comme l'image originale. Mais si je mets ça à 50, il aura une belle ronde parce que ça change la frontière . Maintenant, on va parler plus des frontières dans un peu. D' accord ? Donc on va effondrer l'image, puis on va passer au nom. Maintenant. Je veux changer un peu ça aussi. Quand il s'agit du nom, je l'aime vraiment. Je vais le mettre en noir, même si ça ne fait aucune différence là-bas. Je vois. Donc je suis vraiment content de ça pour l'instant. Mais ça en dessous, je ne creuse pas vraiment ça. Je pense que c'est deux lumières. Je vais aller avec la couleur du texte. Je vais aller de l'avant et rendre ça plus sombre. Et on y va. Je pense que ça a déjà l'air beaucoup mieux. Donc maintenant, nous avons fait correspondre le refroidisseur pour ce texte en dessous et celui-ci. Alors allons-y et vérifions-le en mode aperçu. Alors on y va. Jusqu' à présent, si bon sec. Je pense que ça a l'air vraiment sympa. Maintenant, il y a une chose que je ne creuse pas ici, et ça va être un aspect si important quand il s'agit de concevoir votre site Web, et c'est l'espace entre les sections. Maintenant, vous pouvez le voir déjà. D' ici. Il y a un peu de blanc qui apparaît en dessous qu'il n'y a pratiquement pas d'espace entre le blanc et le texte, donc il n'y a pas vraiment de perspective. C' est comme si vous aviez cette belle image ici, le beau fond qui prend le message, et puis il pénètre directement dans cela. C' est tellement condensé maintenant que je voulais être plus spacieux. Je veux créer plus d'espace entre celles-ci et pour les prochaines sections, donc nous allons parler un peu plus de la façon de faire ça. Donc, pour ce faire, ce que nous allons faire, c'est que nous allons aller de l'avant et cliquer sur Modifier la section pour cette partie juste là et nous ne changerons rien ici. Nous voulons toujours le contenu de la boîte. Nous n'avons pas besoin d'étirer la section parce que la section est déjà étirée ici par défaut sur le thème. Si on avait un thème que l'on se boxe comme ça, on pourrait l'étirer jusqu'au bout. Mais comme vous pouvez le voir, c'est déjà le cas. Nous n'avons donc pas besoin d'utiliser la section d'étirement. Donc ce qu'on va faire, c'est qu'on va avancer, et je vais te montrer la différence entre marge et rembourrage ce qu'ils sont, comment les utiliser et ce qu'ils veulent dire. Maintenant, pour afficher ça beaucoup plus facile, je vais aller de l'avant et rendre l'arrière-plan de cette section noir. Ce n'est qu'à des fins de démonstration. Que cette fois on va utiliser sera blanc. Mais je vais aller au style classique de fond a changé la couleur en noir. On y va. Et puis je vais aller à l'Avancé. Ok, alors commençons à parler de marges et de rembourrage. Donc, avec des marges, Mais nous cherchons ici est que par augmentation de la marge, nous augmentons l'espace entre cette section et cette section. Je me souviens que dans cette section, nous avons une colonne. Vous pouvez voir ce bleu clair ici. C' est la colonne et l'autre ligne pointillée ici. C' est là l'article. Et puis à l'intérieur de la colonne, nous avons l'élément, non ? On a déjà passé ça dans la conférence d'anatomie. Maintenant, si j'en mets 50, tu remarqueras qu'on éloigne cette section de cette section et entre lui, on devient blanc, on obtient du blanc pur. Donc si je vais de l'avant et que je prévois les changements ici, nous avons ce genre d'espace entre les deux. Et pendant que je veux cet espace, je voulais toujours être dans la même épée, non ? Et c'est pour ça que je l'ai changé en noir, parce que si je le changeais en quoi, tu devais remarquer cette différence. Donc, ce que nous cherchons réellement à faire est de déplacer les éléments du contenu de cette section. Nous ne cherchons pas à déplacer la section loin de la section et la façon de le faire , c' , est en fait en revenant, nous allons les réinitialiser et augmenter le rembourrage. Donc, ce que fait le rembourrage est qu'il augmente l'espace entre la colonne et cette section. Droit ? Donc si je mets 15 ici, vous remarquerez qu'ici nous avons toujours la section La section est toujours reliée à la section précédente. Rien ne s'est passé, mais la colonne, c'est la colonne ici, on les appelle, s'est éloignée de cette section. Et parce qu'on a Joe quelqu'un collier pour toute notre section, ça veut dire qu'on peut garder cet appelant. Donc maintenant, si je vais de l'avant et prévisualiser les changements, nous pouvons voir que l'appelant est en fait le même. Ces sections sont toujours connectées. Mais maintenant, nous avons ce bel espace entre les deux que nous recherchons. Donc j'apprécie vraiment ce design et ça va être si important quand nous travaillons avec ce genre de couleurs différentes dans la section. Donc, une fois de plus, juste pour récapituler en augmentant la marge, vous augmentez la distance entre les différentes sections. OK, En augmentant le rembourrage, vous augmentez la distance entre la colonne et cette section. Et ce sera la ou les colonnes que vous modifiez actuellement. Rappelez-vous, nous sommes cliqués sur la section d'édition, donc j'espère que c'est vraiment clair et a beaucoup de sens. La marge est pour la section et le rembourrage de section est pour appelé lui et les droits sexuels. Allons-y et allons au style et enlevons ce collier parce que nous n'allons pas l'utiliser. Et on va aller de l'avant et en faire le pourquoi. On y va. C' est un très gentil Luke aussi. Alors allons de l'avant et prévisualisons ces changements. Alors on y va. Je pense que cela commence à paraître beaucoup mieux déjà. J' aime vraiment cet espace entre les deux. Notez aussi que ça va être différent en fonction de la résolution sur votre écran, bien sûr. Mais pour moi, j'ai un peu une bande blanche ici. Et même si je fais défiler un peu vers le bas, c'est toujours blanc. Et puis vient ce merveilleux texte et puis nous avons l'image. Nous avons le nom et nous avons l'information qui se passe ici. Ce n'est qu'une section et il y en aura plus, plus. Donc, nous avons, genre, cette page d'accueil défilante. Mais cet espace là est oh si important. Donc ce que nous allons aller de l'avant et faire maintenant c'est de le laisser comme ça maintenant je suis content de l'édition de la section. n'y a rien de plus que je veux changer ici. Mais ce que je veux faire, c'est changer cela et mettre l'accent sur certains de ces mots. Je pense qu'ils tombent un peu à plat. Donc je vais aller de l'avant et cliquer ici pour revenir dans l'édition des éléments du texte. Je vais passer au contenu. Et maintenant, les gars vont être la première fois qu'on écrit notre propre cône. Ça ne panique pas. C' est super facile. Et c'est à peu près jusqu'à ce qu'on va aller avec le codage. Donc ce que je vais faire ici, c'est en fait effacer les mots gras, non ? Ce que je vais faire, c'est choisir quelques mots. Voyons si nous retournons sur le site ici et faites défiler vers le bas. On peut voir. On y va. Nous avons les 1200$ dans la première semaine de vente hors vente. Je vais rendre cette partie audacieuse. Il a aussi l'air si agréable car il commence sur la première ligne ici à droite sur la deuxième ligne. Mais je vais aussi aller de l'avant et faire la facilité audacieuse dans cette satisfaction 100% garantie. Je veux dire, honnêtement, ce gars, il fait si bien la promotion de notre cours avec ces merveilleux mots. Donc, nous allons aller de l'avant et mettre l'accent sur les mots les plus importants Say, qui va aussi faire ressortir cette section plus loin. Alors commençons par ici. Je vais cliquer ici avec ma bouche. Donc, je suis sélectionné là. Alors je vais aller de l'avant et faire ce signe, OK ? Maintenant, si vous ne savez pas ce que c'est, il ressemble à ce genre de signe, c'est le signe qui est juste en dessous d'un sur le mot clé et à gauche dit, OK, donc on va faire ce genre de signe et ensuite je vais écrire un B. On y va. Et puis je vais tenir le quart de travail, et ensuite je vais cliquer sur ce panneau à nouveau. Donc c'est presque comme si on mettait un mur à l'intérieur de ce panneau. J' ai remarqué que tout devient audacieux en ce moment. Tout après ça devient audacieux. Donc ce qu'on va faire, c'est trouver un endroit pour arrêter les audacieux dans la première semaine de congé. On y va. Donc je vais arrêter le boulon ici, donc tout ce que je vais faire est de créer à nouveau ce signe, faire une barre oblique avant puis d'écrire un B, puis de déplacer et de cliquer sur ce signe contre. Donc ça arrête l'audace. Donc maintenant, nous pouvons voir que nous avons ce genre d'audace sur Lee de cette partie où il dit 1200$ dans la première semaine de congé, et ensuite nous allons aller de l'avant et faire la même chose à 100% satisfaction garantie. On y va. Je vais écrire B sur. Comme vous pouvez le voir, tout devient audacieux, mais je vais finir ici pour le slash beat. On y va. Donc, ça a l'air vraiment sympa en ce moment. Ça éclate un peu plus. On va aller de l'avant et prévisualiser ces changements. Et si vous pensez que c'est compliqué, ne vous inquiétez pas. Je vais aller de l'avant et mettre le code dans. La ressource est que vous pouvez juste aller de l'avant et prendre une copie collée, et je vais vous montrer où écrire votre texte. Vous pouvez l'utiliser à tout moment. Ok, défilant vers le bas. Il ressemble actuellement à ceci. C' est le meilleur et le plus complet cours en ligne sur la façon de développer les affaires en ligne avec livraison directe. Vraiment gentil. Je veux dire, plus de 1200$ au cours de la première semaine de vente, on a eu ça. L' audace a l'air vraiment sympa. Tout grâce à Robyn Ingest Spurs monstre classes L'étape pratique comme étape par étape court Et c'est très facile à suivre. N' importe qui peut le faire. Gras gagner 100 % de satisfaction garantie. Vous êtes Kim Erickson, fils fondateur, vous magasin dot com Awesome. Impressionnant. Impressionnant. J' adore cette section. Jusqu' à présent, je suis content de tout avec elle. Et je vais être satisfait de ça maintenant que nous allons le long et nous continuons à être plus fort avec mes deux cents semaines ici dans leurs propres choses différentes. Mais en ce moment, j'adore ça. Et, comme toujours, n'oubliez pas que lorsque vous avez terminé, lorsque vous en êtes satisfait, cliquez sur Mise à jour. Assurez-vous que vous sauvegardez toujours votre travail et que vous gardez toujours les choses à jour. Même si vous ne sauvegardez que le brouillon droit. Toujours garder les choses en sécurité. C' est ainsi que vous créez un témoignage sur votre page d'accueil. Maintenant, si c'est le plan pour le vôtre aussi, allez-y et suivez. Sinon, nous allons continuer sur le cours et vous concevez votre site Web de la manière qui s' appliquera à vous. Vous voyez dans la prochaine conférence, les gars. 16. Ajouter une version 1/2: Bon, donc dans cette conférence, on va aller de l'avant et créer un e-mail, souvent une section et hors cours. Il y a d'innombrables quantités de la science que vous pourriez faire pour votre section ouverte de courriel. Cependant, je vais vous montrer deux versions différentes. Et dans cette conférence, nous allons passer par la première, et cette version sera la version de couverture complète, comme nous l'avons fait ci-dessus. Dans ce qui précède, le design complet que nous couvrons à peu près l'ensemble de l'écran offraient. Il faut une explication, puis un fond. Maintenant, nous allons faire un design similaire ici pour l'email Upton, où nous allons utiliser à peu près l'écran entier, et puis nous allons leur offrir quelque chose et ensuite avoir un appel à l'action et ensuite notre email espéré Informer. Ok, alors allons de l'avant et commençons ce design. Donc, la première chose que je vais faire est d'aller de l'avant et de cliquer sur le plus ici parce que pour cette conception, je vais ajouter deux colonnes et la raison en est parce que ici je vais réellement ajouter les éléments et la façon dont je Je vais faire cela est en utilisant d'abord un en-tête, je vais décrire l'offre que j'ai, qui dans ce cas, va être hacks marketing numérique. Bien sûr. Donc, nous allons offrir un coupon gratuit afin qu'ils puissent obtenir nos prises 10 scores de piratage marketing numérique quatre gratuits. S' ils s'inscrivent à notre liste de courriels maintenant, vous voulez toujours avoir quelque chose à offrir pour leur donner une raison de s'inscrire, est-ce pas ? Donc ça va être la première chose en bas. Il va y avoir un texte, écrit un texte qui explique ce qu'il y a ici et ce qu'ils vont obtenir et descendre en bas . va y avoir souvent l'email, et on va aller de l'avant et utiliser un poète masculin pour ça, non ? Mais avant d'ajouter un poète masculin, je sais qu'il y a beaucoup de choses qui se passent, mais tout aura du sens dans une seconde maintenant avant d'aller de l'avant et d'ajouter sont des poètes masculins ici  ? On va aller de l'avant et créer une forme de poète masculin. Si vous avez suivi le long des tribunaux. Vous savez qu'il s'agit d'une partie essentielle de la conception des quatre pour qu'elle soit belle. Ok, alors allons-y et faisons-le. Donc maintenant, la première chose qu'on va faire est de descendre vers le poète masculin et ensuite d'aller à la liste. Maintenant, rappelez-vous, nous avons différentes listes dans le port masculin pour différentes raisons. Par exemple, nous avons la liste d'abonnés commune. On a la liste des barres latérales, et maintenant on va aller de l'avant et faire une page d'accueil. Marque numérique obtenir la liste des hacks. On y va. Et le but est que lorsque les gens s'inscrivent ici, nous pouvons aller de l'avant et faire la séquence pour s'assurer qu'ils obtiennent le code et le lien vers notre cours de hacks marketing numérique. droite. Donc, quand ils s'inscrivent ici, ils sont ajoutés à cette liste que nous pouvons automatiser ce processus. Et si vous ne l'avez pas fait, allez voir la conférence de poète par courrier plus tard dans le cours. Parce qu'on va voir comment faire tout ça là-dedans, et ensuite je vais écrire. Inclure fait donc Mark obtenir des hacks, cours plus lien. Et c'est juste pour le mien. Je me souviens de ce qui est inclus dans lui ce que je vais faire. Et puis je vais cliquer sur Enregistrer. Et maintenant, je vais monter deux formulaires ici, puis je vais cliquer sur Ajouter un nouveau, et je vais appeler cette page d'accueil. Le marketing numérique hacks. On y va. Et je vais sélectionner la liste, qui va être les pages d'accueil de la liste des hacks marketing juste comme ça. Ok, donc maintenant on va y aller et ce signe, et la première chose que je vais faire est d'aller à Fields et je vais ajouter le prénom et le mettre là-haut. Je veux que ce soit très simple, non ? Donc, je vais cliquer sur Modifier l'affichage, et je vais avoir l'étiquette d'affichage placée à l'intérieur pour économiser de l'espace. Et je pense aussi que c'est un design beaucoup plus agréable. Donc, au lieu d'avoir le prénom apparaître, il va apparaître à l'intérieur ici, et le prénom ne sera pas obligatoire. Alors regarde ça a l'air vraiment sympa. Et puis l'e-mail que je vais faire mettre l'étiquette à l'intérieur. Et, bien sûr, e-mail est toujours obligatoire, mais le prénom ne l'est pas. Et puis je vais aller de l'avant et modifier l'étiquette pour le bouton d'abonnement. Je vais écrire quelque chose comme m'envoyer les hacks, quelque chose comme ça, et cliquer sur Terminé. On y va. Et maintenant je vais aller de l'avant et cliquer sur Enregistrer, donc c'est sauvé. Revenons à L. Un mentor ici. Maintenant, ce que je vais faire est d'aller de l'avant et de cliquer sur celui-ci et de le faire glisser en bas. On y va. Donc maintenant, j'ai ajouté les trois éléments différents et ce n'est pas le formulaire qui va être utilisé. Je vais me changer aussi. Les pistons à domicile ne font pas de marketing hacks forme semble un peu différent. Il est beaucoup plus propre a beaucoup moins de choses dessus. On y va. Ils m'auraient envoyé les hacks. Ça a l'air vraiment sympa. Et je vais supprimer le titre, en fait, et la raison en est tout le texte que nous allons ajouter ici, nous allons faire nous-mêmes parce que c'est beaucoup plus agréable de cette façon. Donc, nous y voilà. Maintenant, il est temps de commencer cette signature. D' accord, mais avant de commencer à concevoir ça, nous allons aller de l'avant et ajouter notre image de fond. Donc juste comme ci-dessus ici, Rappelez-vous, Rappelez-vous, nous sommes allés de l'avant et nous avons trouvé cette image. Nous avons fait cette section vraiment grande, puis nous avons ajouté les différents éléments et les avons conçus ensemble pour qu'ils soient vraiment beaux et propres maintenant. De même, parce que cela a ce genre d'affichage et nous allons l'avoir à côté. Hey, on va vouloir un point focal sur quelque chose au milieu ici, non ? Parce que nous allons dépenser tout notre contenu à gauche. C' est pourquoi j'ai créé deux colonnes pour garder tout cela à gauche. Et puis je vais avoir une belle photo de fond avec quelque chose qui se passe, aussi au milieu et légèrement à droite. Et l'autre email va souvent avoir un disciple légèrement différent suivre ici va être vraiment, vraiment sympa. Alors, les gars, vous vous souvenez comment faire ça ? C' est vrai ? Je vais aller de l'avant et aller à la section d'édition et je vais aller au style ici et maintenant il est temps de trouver une image d'arrière-plan. Alors les choix obéissent à notre bon vieil ami. Nous allons aller de l'avant et trouver une très belle image de fond que nous pouvons utiliser. Donc, cette fois, rappelez-vous, auparavant, j'avais deux mots à qui je pensais. Le filet était l'inspiration et la liberté. Et en fait, je vais aller de l'avant et chercher la liberté cette fois parce que c'est un mot si puissant d'un sentiment si puissant que vous voulez donner, puis je vais changer un peu les choses et y aller nous orienter. Je vais le mettre à l'horizontale. Et puis je vais aussi m'assurer que la taille est au moins 1900 fois 1000 parce qu'il voulait s' assurer qu'elle devienne vraiment large, vrai. Je veux dire, les exigences sont élevées quand on a ce genre de photo complète pour qu'elle s'adapte correctement, et ensuite je vais aussi changer de catégorie, et je vais le mettre aux gens parce qu'ils veulent vraiment que la personne ici fasse c'est un peu plus intéressant. Donc, nous voyons quelques photos différentes ici, et il y a beaucoup de choses différentes que vous pouvez faire. Donc ici, par exemple, ce que je pourrais faire est d'utiliser cette image et de mettre tout le contenu ici à droite vous voyez , il y a un bel espace ouvert et puis il y a quelque chose sur la gauche parce que nous ont deux colonnes et nous ne sentirons qu'une seule colonne. Je pourrais faire quelque chose de similaire ici. Quelque chose est similaire ici, cependant. C' est un peu bondé et quelque chose de similaire ici. Et voici, vous avez le point. Mais ce qui se distingue vraiment pour moi, c'est celle-ci, parce qu'elle est placée au milieu légèrement à droite. Il y a beaucoup d'espace ici pour le texte et honnêtement, ceci pour moi c'est une très belle image de la liberté. Donc j'aime vraiment ça. Je vais aller de l'avant et le télécharger. Donc je vais cliquer sur le téléchargement gratuit ici, et je vais aller avec celui-ci. Vous voulez toujours vous assurer que les photos ci-dessous un mégaoctet cet endroit différent et je vais cliquer sur le téléchargement et regarder ce gratuit pour une utilisation commerciale aucune attribution nécessaire. C' est parfait. Et puis je retournerai à L. A. Mentzer. Je vais cliquer ici. Je vais aller de l'avant et sélectionner le dossier. Voilà, et je vais cliquer sur Choisir et ici nous l'avons et il a déjà été optimisé, donc c'est vraiment sympa. Et je vais cliquer sur insérer les droits des médias. Donc, comme on peut le voir, il n'y a pas beaucoup de choses en ce moment. Il y a quelques choses que nous allons vouloir faire. Le premier, c'est que nous allons vouloir élargir toute cette région. C' est vrai ? Donc on va aller sur la mise en page, on va le régler à des hauteurs minimales, et ensuite je vais aller de l'avant et écrire en 700 parce que je me souviens que c'est un très bon chiffre. Alors on y va. Il couvre une grande partie de l'écran, mais l'image n'est pas vraiment appropriée, est-ce pas ? Donc on va aller au style, et ensuite on va aller à la taille, et on va couvrir. Alors on y va. Ça a l'air vraiment sympa. En fait, c'est parfait. C' est exactement ce que je voulais. On peut voir qu'elle prend cet espace, et ici on peut mettre notre contenu et toutes nos affaires, donc c'est vraiment sympa. Donc, j'aime ça jusqu'à présent. Il y a quelques choses que je veux faire parce que, comme on peut le voir, il y a beaucoup de noir qui se passe ici. Il y a beaucoup de rouge. C' est blanc. J' adore le contraste, mais c'est encore une petite mariée qui sort. Donc je vais aller à la superposition d'arrière-plan. Je vais aller à la Classique ici, et je vais cliquer sur la couleur et ensuite je vais choisir une couleur. Donc, je prends le rouge. Ça n'a pas besoin d'être exact. Vous pouvez ajouter le code couleur ici, mais cela n'a pas besoin d'être aussi précis. Je voulais juste être qu'ils deviendraient un peu plus rouges, et ensuite je vais changer la capacité pour voir que l'image devient un peu plus rouge. Là, nous continuons à aimer vraiment ça. Alors vérifiez la différence entre c'est une super lumière, et c'est un peu plus rouge qui se passe, lui donne plus de contraste. J' adore ça. Ceci s'adapte parfaitement à notre thème rougeâtre. Merci. Donc c'est parfait. Voyons ça et voyons à quoi ça ressemble en ce moment, je vais aller de l'avant et cliquer sur les changements d'aperçu. Donc, en faisant défiler vers le bas, on peut voir que c'est vraiment sympa, mais elle ne s'adapte pas vraiment ici comme je voudrais qu'elle le fasse. Donc je vais retourner ici et je serai son style. Et puis je vais aller en position, et je vais essayer des positions différentes pour elle. Donc la 1ère 1 que je vais essayer, c'est le centre, OK ? Et puis je vais te tuer. Peut prévisualiser les modifications et voir comment cela change les choses. Défilement vers le bas. Ok, beaucoup mieux. Super heureux avec ça. Pour être honnête, ça a l'air vraiment sympa. Ça coupe un peu de nourriture ici, mais en fait, je pense que je peux vivre avec ça. On pourrait juste aller de l'avant et changer un peu la disposition. Peut-être augmenté les larmes élevées. Donc on obtient un peu plus de rabais pour peut-être aller à 750 dans ce cas. Allez-y et cliquez. Comm aperçu changements défilent vers le bas et nous y voilà. Oui, définitivement. J' adore ça. C' est super super sympa 17. Ajouter une version d'inscription par e-mail 2/2: Ok, alors commençons à éditer les autres éléments. Je vais aller de l'avant et commencer par l'en-tête. Je vais cliquer ici, et ensuite je vais écrire pour obtenir des hacks de marketing numérique gratuitement comme ça parce que c'est ce que nous proposons pour notre appel à l'action. Droit ? Donc s'ils s' inscrivent, ils auront notre cours de hacks marketing numérique gratuitement, et on va avoir leur adresse e-mail, donc je veux changer un peu. Je ne suis pas très content de ça pour l'instant. Je vais aller de l'avant et aller au style. Je vais aller à la typographie, et la première chose que je vais faire est de jouer un peu avec la taille, donc je ne vais pas être timide ici. Faisons quelque chose comme ça. Obtenez des hacks marketing numériques gratuitement. Je pense que ça a l'air bien, mais je veux supprimer ce point d'exclamation. On y va. Je parlais beaucoup mieux, puis je vais aller de l'avant et les transformer en majuscules. Je fais presque toujours des majuscules. Quand il s'agit de ce genre de manchettes, obtenez des hacks marketing numériques gratuitement. Allons de l'avant et prévisualisons les modifications. Donc, cela semble vraiment bon droit, Obtenez des hacks marketing numériques gratuitement. Cependant, je voudrais faire passer les quatre ici pour qu'ils soient ensemble. Et il y a en fait un moyen assez facile de le faire. Nous pourrions juste aller de l'avant et tirer ça dans toujours si légèrement et franchement, changements d'aperçu de la communication et les chances sont que dans cette taille, il va avoir sauté vers le bas , et il a , , moins d'espace va vers elle. Elle couvre plus hors de l'écran, mais on peut avoir cette pop encore plus alors j'aime vraiment ça maintenant. Je vais me contenter de ça parce que je suis super heureuse, mais je pense que ça a l'air très bien. Je vais passer à celle-là. Et je dois dire que jusqu'à présent, cette couleur gris clair n'a pas vraiment fonctionné si bien. Donc ce que je vais faire, c'est que je vais aller au menu ici. Je vais aller aux couleurs par défaut et je vais aller à la couleur du texte et je vais le faire dans cette couleur plus foncée prend comme ça et cliquez sur. Appliquer le droit. Parce que nous avons déjà utilisé le plus sombre prend la couleur aussi ici. Donc ça ne changera rien, donc j'aime beaucoup, beaucoup plus. Et puis je vais aller de l'avant et cliquer ici et commencer à éditer. Maintenant, j'ai déjà lu un texte. Je vais juste aller de l'avant et coller ça ici parce que, les gars, je ne suis pas si créé que je peux écrire ça sur place, mais ici nous avons le texte il dit « Obtenez les derniers hacks pour le marketing numérique. Facebook, YouTube, instagram, AdWords, LinkedIn, Quora et S e O ainsi que la machine de création de contenu. 99 $ de valeur gratuite. Inscrivez-vous, en bas, et nous vous le ferons parvenir. Vraiment gentil. Alors jouons un peu avec ce style. La première chose que je veux faire est, bien sûr, augmenter la taille. On y va. Vous voulez qu'il y ait des droits lisibles. Essayons ça et appuyez sur l'aperçu, et ensuite on va faire défiler vers le bas et vérifier. Obtenez le dernier marché de producteurs de hack de Facebook YouTube dans la tige. On y va. Ça a l'air plutôt sympa. Maintenant, je voudrais en fait que ça éclate un peu plus. Donc ce que je vais faire est d'augmenter encore plus la taille, donc je vais revenir à la typographie, et il est actuellement 22. Allons avec 24 voir ce qui se passe et prévisualiser les changements. Donc, nous l'avons ici. Ça a déjà l'air bien mieux. Maintenant, nous pouvons voir qu'à cause de ce collier ici, ça fond un peu trop à mon goût. Donc je vais aller de l'avant et pape cette couleur un peu plus. Maintenant, je vais aller à la couleur du texte, et je vais cliquer sur cette valeur par défaut. Plus grand nous avons et juste le rendre un peu plus gris. Droit ? Je vais même déplacer ça plus vers la zone noire. Vous pouvez voir qu'ils commencent à éclater un peu plus. On y va. Donc, je vais aller de l'avant et appuyer une fois de plus sur l'aperçu, faites défiler vers le bas. Et c'est beaucoup plus facile à lire, n'est-ce pas ? J' aime vraiment ce grand fan. Donc, nous l'avons maintenant. Et ici vous écrivez le prénom ici, vous écrivez l'e-mail et puis ils frappent. Envoie-moi les hacks et ça va être envoyé. En fait, je pense que ça a l'air vraiment sympa. Je suis super heureux avec ça maintenant. Je veux vous montrer quelque chose que vous pouvez ajouter. En outre, si vous le souhaitez maintenant, je suis en fait heureux avec cela. Comme ça a l'air, je pense que ça a l'air sympa de les avoir dans une rangée comme ça. Mais ce que vous pourriez faire est d'abord et avant tout, vous pourriez mettre ces e-mails qu'il vient à droite ici. Vous pouvez également aller de l'avant et rendre l'arrière-plan dans ces entrées blanches. Ok, donc je vais aller de l'avant et te montrer comment faire ça. Et pour ce faire, nous devons aller voir un poète masculin ici. D' accord ? Nous allons passer aux mots de ce style et il y a un tas de code ici. Ne vous inquiétez pas pour ça. Je vais vous guider à travers tout ça. En fait, c'est super facile. Et ici et ça va être dans la ressource, c'est que j'ai un morceau de code que nous allons utiliser. Donc, comme vous pouvez voir une partie de cela, j'ai souligné, et ce code sous-jacent, c'est le code que je veux que vous copiiez. D' accord. Donc je vais aller de l'avant et copier toute cette partie le reste de cette partie qui est juste pour vous montrer que ça existe déjà. Cela existe déjà, et cela existe déjà. Maintenant, ce que je veux que vous fassiez est d'ajouter la partie sous-jacente à l'intérieur de cela déjà. Ok, donc on va aller de l'avant et chercher un poète masculin. Paragraphe souligné. Et puis où il est dit ligne hauteur de tableau de bord 20 PX. On va coller ce morceau de code là-dessous, alors allons-y et faisons-le maintenant. Nous allons aller de l'avant et servir du poète masculin paragraphe sous-jacent. Ici, c'est. Dans les vertes vers le haut, vous pouvez le voir dit ligne Dash haut 20 PX. Ok, donc ce que je vais faire, c'est cliquer ici jusqu'à la fin. Je vais frapper Entrée. Donc, nous obtenons une nouvelle ligne ici et je vais coller ce code à droite sur. Aller également à juste cliquer là et assurez-vous que ceux-ci sont en ligne. On y va. Donc, ce que nous avons ajouté maintenant est un morceau de code. Nous avons changé la couleur de fond et aussi l'affichage, n'est-ce pas ? Donc, si je vais de l'avant et que je clique sur Enregistrer ici maintenant et puis nous retournons à notre site Web et nous le mettons à jour et défilant vers le bas, nous pouvons le voir maintenant. Tout d'abord, les boîtes de saisie ont changé de position. Donc, nous avons le prénom ici nous avons l'email à droite. Nous avons les mégots et les dessous, et ils sont devenus blancs, non ? Donc, si cela ne se nourrit pas de votre arrière-plan, ayant le transparent tel qu'ils sont, vous pouvez ajouter dans ce morceau de code. Ajoutez également dans ce morceau de code afin de les déplacer comme ceci. Et il y a des choses supplémentaires que vous pouvez faire Le codage est en fait étonnamment simple. Ainsi, par exemple, nous voyons la zone de texte du poète masculin ici, il dit, avec 200 pixels. Si je voulais aller de l'avant et supprimer ceux-ci et écrire 250 hit save et puis nous revenons en arrière et je mettre à jour cette page, nous allons voir qu'ils sont maintenant plus longs. Donc, il y a beaucoup de choses que vous pouvez faire même sans comprendre le code, non ? Mais l'essentiel est juste d'aller de l'avant et d'utiliser ce code, faire face à cette pièce et le mettre sous le tiret paragraphe, puis en dessous de la ligne de tiret haut de 20 pixels, juste comme je l'ai fait. Et tu vas obtenir ce beau. Beau affichage, non ? Les gens peuvent s'inscrire, et ce sera hors cours après vous d'aller voir un poète masculin, mettre en place la séquence et de s'assurer que quoi que ce soit que vous offrez, ils vont aller bien, donc je suis super Heureux de cela. Je pense que ça a l'air vraiment, vraiment sympa. Et comme on peut le voir en ce moment, les sections sont vraiment en train de fondre. Eh bien, nous avons cette épée hors contraste en cours. Donc, ici, nous avons un thème rouge. Nous avons ce beau blanc allant directement au point descendant, nous avons le contraste sur fond blanc, un texte plus sombre. Et puis vient cette belle partie. J' apprécie vraiment nos gars du design. Dans la prochaine conférence, je vais aller de l'avant et vous montrer un autre email, souvent le signe que c'est super populaire aujourd'hui. Dans la prochaine conférence, je vais aller de l'avant et vous montrer un autre email, Ok, Donc pour faire ça, je vais vraiment vouloir sauver ça, mais je vais l'enlever à des fins de démonstration. Donc ce que je vais faire est juste. Cliquez ici, puis allez de l'avant et cliquez sur Enregistrer en tant que modèle. Et puis je vais écrire des e-mails dans la section complète pour que je sache ce que c'est. Et puis je vais frapper sauver. Donc maintenant, il est sauvé ici. Je peux cliquer sur celui-ci, et sans avoir de crise cardiaque, je peux vraiment aller de l'avant et cliquer sur celui-ci loin. Maintenant, je veux vous faire prendre conscience de quelques choses avant de passer à autre chose. Et le 1er 1 est que si vous décidez d'ajouter n'importe quel texte ici, ce que nous pouvons faire en allant dans les champs et en utilisant une prise habituée comme nous l'avons fait quand nous avions l'étiquette G d. P R, juste avions l'étiquette G d. P R, , ce n'est pas obligatoire maintenant parce que nous avons les cookies dans la politique de confidentialité. Mais si vous allez aller de l'avant et ajouter vos propres textos ici, il va devenir complètement blanc et gâcher le design à cause du code. Nous avons ajouté, Si vous voulez ajouter dans un g d. P r tex, Je vous recommande fortement d'aller de l'avant et vous utilisez un élément éditeur de texte. Mettez-le en bas et écrivez-le comme ça à la place. Ça ne va pas manquer avec ça. Maintenant, Elementary a en fait un widget de formulaire super facile à utiliser, mais c'est pour la version pro. Mais comme vous l'avez peut-être remarqué superstrong élémentaire, il pourrait être intéressant d'investir dans celui-ci si vous n'êtes pas si intéressé par cela. Mais pour l'instant, nous allons aller de l'avant et utiliser cela parce que c'est plus que suffisant. Passons à l'étape et faisons la prochaine version. Les gars, je vais cliquer sur celui-là. Ils allaient te voir à la prochaine conférence. 18. Option d'inscription par e-mail 2: Donc, dans cette conférence, je vais vous montrer une autre version que vous pouvez faire pour votre email. Concevoir souvent. Maintenant, encore une fois, il y en a d'innombrables en dehors de la science, mais la conception précédente était une conception de section plus complète. Celui-ci va être une section plus petite. Conçu va être plus direct au but. Et ce genre d'ouverture est devenu vraiment populaire ces derniers temps. Ce genre d'ouverture de la science qui est. Alors laissez-moi vous montrer exactement comment ils regardent comment je les fais. Et puis vous pouvez décider si vous voulez utiliser la version un ou la version deux pour votre propre construction de page d'accueil . Droit ? Donc on va commencer ici, et je vais commencer par descendre un cap ici. On y va. Et puis je vais écrire, chercher le savon. 10 hacks de marketing numérique comme ça. Je vais aller de l'avant et le centrer, et ensuite je vais passer au style parce que je veux les deux en majuscules. Mais aussi Biggers, je vais transformer un en majuscules comme ça et ensuite on va augmenter la taille. Je ne vais pas être timide avec ça. Ils vont quelque chose comme ça. Ok, donc on a cette partie. Je suis vraiment content de ça. Et maintenant, on va aller de l'avant et mettre l'email. Upton. droite. Donc on va faire défiler jusqu'à ce qu'on trouve Wordpress. Je vais ouvrir celui-ci, et ici nous avons le courrier Poète 34 Puis-je l'attraper ? Et je vais le mettre juste en bas, en dessous de l'en-tête. D' accord. Et puis je vais changer pour celui qu'on a utilisé dans la conférence précédente. Donc, nous avons ce genre de version plus longue, comme ça semble vraiment sympa. Maintenant, le truc est qu' n' y a pas beaucoup d'options qui se passent ici avec le widget de poète masculin en ce moment. Si vous utilisiez la version pro de L un mentor, vous pourriez simplement utiliser le formulaire élémentaire. Vous pouvez les ajouter manuellement. Vous pouvez ajouter les mégots manuellement. Ce serait beaucoup plus rapide et plus simple, et vous le brancheriez juste à la salle de gym masculine. Mais parce qu'on n'utilise pas la version pro, on va contourner ça. Donc si on regarde à quoi ça ressemble en ce moment, je vais prévisualiser les changements et je vais faire défiler vers le bas. On peut voir que tout est à gauche, ici. Maintenant, si je veux plus de centre, il y a deux façons de le faire. Non. Une des façons serait,par exemple, par exemple, que je pourrais aller à avancé pour cette colonne et que je pourrais changer la marge, est-ce pas ? Donc, ce serait la marge de gauche. Je vais sur le lien. Et je pourrais écrire, par exemple, 50 ou appartement plus comme 200 il ya. Et puis je pourrais prévisualiser les changements et faire défiler vers le bas, et ce serait beaucoup plus centre. Donc ça a l'air vraiment sympa, non ? C' est une des façons de le faire. Maintenant, le problème avec ça, c'est quand on regardera le Responsive Motor, on ira à la version tablette. On peut voir que nous avons cet espace vraiment bizarre ici, non ? Si vous allez à la version mobile, eh bien, il est juste du chaos, pour être honnête. Mais nous pourrions aussi tout simplement aller de l'avant et commencer à l'adapter et à la personnaliser pour mobile et pour tablette. Plus précisément, on va devoir le faire de toute façon. Mais je vais vous offrir un moyen supplémentaire et très efficace de centrer votre contenu. Alors regarde ça. Tout ce que je vais faire, c'est que je vais garder les droits de bureau ici, et je vais aller de l'avant et supprimer cette section. Je vais juste faire un clic droit et descendre pour supprimer. Droit ? Donc je vais aller à la section intérieure, non ? Et je vais tirer ça juste en dessous de l'en-tête. Donc, ce que fait la section interne est qu'elle vous permet d'ajouter plus de colonnes, est-ce pas ? Et cela vous permet d'ajouter plus de colonnes à l'intérieur de cette section juste ici. Sinon, vous devrez faire une nouvelle section. Mais nous voulons tout garder dans une seule section afin que nous puissions faire une belle image d'arrière-plan pour cette section entière. Ça nous rend donc nous avons deux colonnes en ce moment. Je vais faire un clic droit, et je vais cliquer sur Ajouter une nouvelle colonne et deviner ce qu'on va mettre au milieu ici . Vous avez deviné qu'on allait mettre l'oped, informant que je vais aller à des éléments. Faites défiler vers le bas, poète mâle. 34 Et je vais juste y aller et ajouter celui-là au milieu. Juste là. On y va. Donc ça ressemble à ça maintenant et on va aller à la nôtre pour voir à quoi ça ressemble vraiment . On y va. Maintenant, rappelez-vous, nous avons la version longue et nous voulons garder la version longue. Donc ça veut juste dire que c'est trop bourré maintenant. C' est tellement personnalisable et si facile en élémentaire parce que vous pouvez aller au mur juste ici et puis vous pouvez simplement le déplacer vers la gauche comme ça Très, très facile à concevoir comme ça. Et je vais aller sur un membre, règles, dire que je veux peut-être aller avec 15%. Faisons-le comme ça. 15 %. Et je vais frapper 15% ici aussi. Allons ici, on y va. On y va. 15. 15. Et maintenant, je vais aller de l'avant et prévisualiser les changements, voir à quoi ça ressemble et faire défiler vers le bas. Et c'est complètement centré. J' adore ça maintenant. Je n'aime pas ça, alors on va aller de l'avant et l'enlever, mais j'adore à quel point c'est centré. Donc on va y retourner et je vais enlever ça comme ça. Et maintenant, si vous allez de l'avant et regardez le responsable et regardez la version tablette par exemple , nous pouvons voir que c'est parfaitement centre. Ça a l'air très bien. Et si nous regardons le mobile, eh bien, pourrait être un peu de travail à faire ici encore, mais ça a toujours l'air vraiment, vraiment sympa. J' apprécie ce design, donc je suis heureux à ce sujet. Ça a l'air très bien. Maintenant, ce qu'on va faire, c'est aller de l'avant et ajouter un arrière-plan ici. Nous l'avons déjà fait. Ce n'est rien de nouveau. Donc on va aller à la section d'édition ici, et ensuite on va aller au style, et on va aller au type d'arrière-plan, cliquer sur Classic, et ici on va ajouter une image. Pour ce faire, nous devons trouver une image, non ? Alors les choix obéissent à notre bon vieil ami. On va trouver quelque chose ici. Et parce que cette section est plus directe, je vais aller avec une image plus abstraite, , parce que ce n'est qu'une rangée. Vous ne voulez pas imaginer autant d'importance, nécessairement. Au moins pas avec cette conception. Donc je vais aller de l'avant et écrire du numérique ici, puis je vais définir l'orientation pour horizontal, et ensuite je vais juste commencer à faire défiler ici et voir ce qu'on peut trouver. Et, vous savez, la chose qui m'apparaît immédiatement, c'est en fait celle-là, parce que c'est juste un projet de loi abstraite, et ça marchera parfaitement comme arrière-plan. Donc je vais aller de l'avant et cliquer sur celui-ci, et je vais télécharger. C' est vraiment petit, aussi. C' est sympa. Donc nous allons télécharger et essayer celui-ci, retournez à L. Un mentor, cliquez sur le plus leur propre image. Et puis je vais aller télécharger des fichiers et puis sélectionner des fichiers. Et c'est là. Je vais cliquer sur choisir, puis insérer des médias et voilà. OK, donc pas si excitant en ce moment. Et la première chose que nous allons faire comme nous le faisons toujours est que nous allons choisir l'option de couverture, et je veux dire, c'est assez exigu, et c'est logique que c'est parce que nous n'avons pas vraiment changé le rembourrage est encore. Donc on va aller de l'avant, et ensuite on va aller au rembourrage juste ici, et on va le mettre à 50 pour être beaucoup mieux. Allons même avec 17, cette fois. On y va. Et puis on va aller de l'avant et prévisualiser les changements. suffit de voir à quoi il ressemble en ce moment défilant vers le bas. Ok, ça a l'air vraiment, vraiment sympa. Maintenant, il y a quelques choses que je veux vraiment faire. Je veux rendre l'arrière-plan un peu plus sombre. Je pense que la couleur devrait trop agressive. Je veux changer la couleur de l'en-tête. En fait, les blancs que je vois cherchent les beaux cheveux, et on va les prendre à partir de là. Je vais commencer par ça. Donc je vais revenir à l'édition de la section, et ensuite je vais aller au style, et ensuite je vais aller à la superposition d'arrière-plan, accord ? Et puis je vais cliquer sur classique et maintenant couleur. Et je vais utiliser le noir comme ça parce qu'ils voulaient donner des couleurs plus sombres. Je vais aller de l'avant et le rendre plus sombre comme ça. Il y a quelque chose comme ça. Le vieux est un peu sombre, n'est-ce pas ? Quelque chose comme ça. Oh, c'est vraiment sympa. J' aime ça. Ok, donc c'est beaucoup, beaucoup plus sombre. Et maintenant je vais aller à l'en-tête en cliquant dessus. Cliquez sur la couleur du texte ici, et nous allons le rendre blanc. D' accord, j'apprécie vraiment ce design, et ensuite on va prévisualiser les changements. Donc de ça à ça, OK, j'aime ça. Maintenant, il y a un peu trop d'air et trop d'espace, c'est que je vais changer la position de l' image d' arrière-plan ici, alors allons-y et faisons-le tout de suite. Donc je vais aller à l'édition de la section une fois de plus, et je vais aller à la disposition, et je vais aller au style ici et ensuite la position que je vais essayer Center Center. Ça se passe généralement très bien avec le centre un, et je vais manger des changements d'aperçu. Oh, j'aime vraiment ça. Donc c'est exactement ce dont je parle avec ce genre de fond abstrait qui ne veut vraiment rien dire, n'a pas attiré l'attention. Mais ça donne un bon sentiment parce que c'est la partie importante, non ? Obtenez les 10 meilleurs hacks de marketing numérique. Prénom email, envoyez-moi les hacks. Il directement au point montre ce que vous voulez et a un beau design. Et ce design va aussi de pair avec ce que nous offrons ici, qui est des hacks, n' est-ce pas ? Donc j'apprécie vraiment ça. Le genre de contraste en rouge blanc et ayant le blanc propre complet qui se passe avec le texte noir, puis plus dans celui-ci. Donc vraiment, vraiment sympa. J' adore ce design, mais je pense en fait qu'une section complète va bien mieux s'adapter à celle-ci. Donc ce que je vais faire, parce que j'aime vraiment celle-là. Il a dit, je vais aller de l'avant et faire un clic droit ici. Je vais cliquer sur enregistrer en tant que modèles et je vais écrire des e-mails, opter dans des sections plus petites comme ça, et je vais cliquer sur Enregistrer. On y va. Donc, il est sauvé. Je peux cliquer dessus, et je peux l'enlever maintenant sans avoir de crise cardiaque. D' accord. Et maintenant je vais aller de l'avant et cliquer sur Addie templates. Je vais aller à mon modèle, et je vais ajouter dans la section complète de l'e-mail ouvert en cliquant sur les inserts. Oui, quand j'importe tout et qu'on récupère celui-ci. J' apprécie vraiment ce design. Oh, et parfois lors de l'importation des modèles, nous récupérons la barre latérale. Je ne sais pas pourquoi c'est, mais tout ce que nous devons faire est de descendre pour définir les choses ici, puis de descendre à la mise en page et d'aller avec l'élémentaire complet avec. Si vous utilisiez canevas hors cours, vous allez avec canevas, mais nous utilisons plein avec. Donc on va juste choisir celui-là et tout change comme ça. Alors frappons l'aperçu et assurez-vous que tout est beau et beau défilement vers le bas. Et nous voilà. J' adore ça. Donc ce que nous allons faire est en fait utilisé la deuxième version de l'email de la chose que nous venons de créer pour une autre page, très probablement le patron de la larme des étoiles. Je vais vouloir mettre un autre email souvent. Donc je suis vraiment, vraiment heureux pour ces gars. Excellent travail. Si vous avez suivi et que vous décidez quel genre de décision vous allez vouloir pour votre site Web et vous pouvez, bien sûr, avoir les deux parce que vous allez vouloir avoir cet e-mail souvent plus d'une fois. Mais la plupart du temps, vous ne voulez pas que le même design se répète encore et encore. Donc, si vous avez des questions, sera dans le Q et A. Rendez-vous dans la prochaine conférence 19. Partie Partie de Showcase Partie 1: Bon, alors dans cette conférence, on va aller de l'avant et créer notre section vitrine. Et ce qu'est une section vitrine sera fondamentalement une section où vous présenterez certaines offres que vous avez sur votre site Web. Maintenant, pour nous, ça va être un couple de nos cours les plus vendus en ce moment. Pour vous, cela pourrait être un certain offert que vous avez avec votre service. Il pourrait s'agir de certains produits, etcetera, etcetera. Maintenant, nous allons aller plus en profondeur sur la façon de vendre des produits dans la section Wu plus calme où nous allons apprendre comment faire de votre site Web un site de commerce électronique. Mais pour l'instant, nous allons créer notre section vitrine, et je vais vous montrer comment je vais créer celle-ci. Donc, l'idée est que la première chose que je veux faire est de créer un titre. Donc je vais juste glisser et déposer celui-ci ici, et ensuite je vais écrire dans la rubrique des cours les plus vendus comme ça. Je vais le centrer, puis je vais passer au style et je vais augmenter la taille. Allons-y avec Yeah, disons qu'on y va avec 50. Je pense que ça a l'air bien. Et puis je vais aller de l'avant et en faire des lettres majuscules. Cela semble déjà beaucoup mieux. Ok, donc c'est les bases qui ont l'air très bien. Maintenant, ce que je veux faire, c'est montrer trois de nos meilleurs cours de vente là-bas. Il me faut trois colonnes, non ? Mais je vais aussi vouloir avoir un beau fond ou une seule couleur. On verra au fur et à mesure que je vais choisir ce que je vais choisir. Mais cela signifie que je vais devoir utiliser une de ces intersections au lieu cliquer ici. Parce que si je clique ici, je vais avoir une nouvelle section, et ensuite ce sera plus difficile d'utiliser le même arrière-plan ou le même appelant. Souviens-toi, nous avons passé ça plus tôt, donc je vais aller de l'avant et glisser dans la section intérieure et la mettre en dessous sous les cours les plus vendus comme ça. Maintenant, nous arrivons aux colonnes et je veux 1/3. Donc tout ce que je vais faire, c'est bien. Cliquez sur, puis ajoutez une nouvelle colonne. Et on y va. Ok, donc pour cela, l'élément que je vais utiliser est en fait un nouveau et il est appelé sur la boîte d'image . D' accord. Et la raison en est simple. Vous allez voir exactement pourquoi je vais l'utiliser maintenant. Si je le fais glisser et le déposer ici, vous allez voir que cela a le design parfait pour présenter un service d'offre de produits , peu importe ce que cela pourrait être parce que vous pouvez ajouter une image ici, écrire un titre puis une description que j'aime cet ensemble de. Je pense que c'est absolument génial. Donc je vais aller de l'avant et commencer à éditer ça, mais avant que je ne le fasse, je vais en faire plus. Alors faisons un de plus ici, puis continuons et faisons un de plus ici. On y va. Commençons à concevoir. Donc le 1er 1 ici, on va aller de l'avant et ajouter notre image, non ? Donc, je vais cliquer ici, et j'ai pris la liberté, ajoutant que je cours photo ici à l'avance déjà. J' ai dû chercher celle-là, mais le 1er sera notre cours de marketing numérique. Donc je vais l'insérer ici. On y va. Et puis je vais écrire un marketing numérique complet, accord ? Et puis je vais ajouter un texto ici, une description. Je vais écrire quelque chose comme, tu cherches à développer tes affaires avec de l'art ? de marketing numérique complet. Vous avez plus de 40 heures de congé de qualité pour enseigner quelque chose comme ça. Maintenant, c'est juste quelque chose que j'écris sur les importations. Vous allez vouloir prendre un peu plus de temps pour rendre un peu plus efficace en relation avec votre client et vraiment faire passer le message. Mais pour cette démonstration, on va garder ça. En fait, je suis très content de ça. Et la prochaine chose que nous pouvons faire est d'aller de l'avant et de le lier ici à tout ce que nous offrons maintenant, serait-ce un certain produit ici ? Par exemple, ce que je pourrais faire, c'est aller de l'avant et passer à des cours ici. Je pourrais cliquer avec le bouton droit de la souris copier ce lien, et puis je pourrais juste l'ajouter ici, non ? Accédez à ce lien là-dedans. Donc, quand ils cliquent ici, ils vont être conduits à la section des cours. Ou nous pourrions aller de l'avant pour notre propre cas par exemple et le lier directement à notre cours de « you do meet  ». Droit ? Alors, nous allons suivre les gens aussi. Es-tu pour moi Cours où on le vend réellement. Donc c'est là qu'on mettra le lien, et ensuite on aura la position de l'image. Nous pouvons changer cela quand un affichage différent. Mais j'aime vraiment le haut, la position du milieu, comme ça. Ok, donc passons au style maintenant, quelque chose que je suis vraiment un fan off augmente en fait la taille comme ça. Donc je voulais vraiment sortir comme ça. Je pense que ça a l'air vraiment sympa. Et je ne vais pas jouer avec l'espacement. Comme, je pense que ça semble bon à 15 par défaut. Nous avons aussi notre animation de vol stationnaire. Nous pourrions utiliser grow pour cela, mais je ne vais pas l'utiliser parce que j'ai un design différent en ce moment, au moins en tête, et nous verrons comment cela se passe. D' accord ? Et puis nous pourrions également ajouter les effets de vol stationnaire. Maintenant, avant de le faire, je veux vraiment étendre et mettre tout cela juste pour que je puisse avoir un aperçu de ce que cela va ressembler. Je vais aller de l'avant et cliquer ici. Je vais choisir mon image. Et ici, je vais mettre le logo Shopify. On y va. Et ici, je vais faire la même chose. Mais je vais mettre le logo Amazon. Les villes sont toutes des cours différents comme celui-ci. Maintenant, c'est quelque chose de vraiment, vraiment cool, les gars. Et gardez cela à l'esprit quand vous concevez, parce que ça va gagner beaucoup de temps. J' ai donc déjà fait un peu de conception là-dedans. Par exemple, je l'ai augmenté avec hors de l'image. Maintenant, si je veux copier tous ces styles ici à ceux-ci, tout ce que je dois faire est juste. Cliquez ici et cliquez sur Coping. Et puis je vais ici et je clique avec le bouton droit et je clique sur le style rythmé ici et vous voyez qu'ils vont s'adapter à ce style d'adaptation tout de suite. C' est un tel gain de temps. J' adore cette fonction. D' accord ? Et puis nous allions de l'avant et nous les éditerions aussi. Shopify, lâchez le vaisseau étant ça, écrivez-le comme ça ici. On va écrire à Amazon F A on y va. , Bien sûr, on va aussi vouloir une description. Mais je vais juste sauver ça pour l'instant, c'est de gagner un peu de temps. Alors voyons ce que nous avons en ce moment. Je vais prévisualiser les changements. Ok, donc c'est comme ça que ça ressemble en ce moment. Aucun aspect vraiment important quand il s'agit de cette signature et lorsque vous faites des colonnes comme celle-ci est de vous assurer que vous avez la quantité égale hors texte dans vos lignes. Donc, si vous avez votre tête ou que vous vouliez être dans une seule rangée, similaire et similaire et en bas, nous avons la description sur trois lignes. 123 Et nous voulons le garder comme ça parce que si nous avons quatre rangées alors que les autres en ont trois, cette rangée entière va être déplacée, donc ça va être un peu plus bas ou plus haut que le reste, et c'est va juste gâcher l'ensemble du design. C' est donc une astuce forte pour garder ceux-ci en ligne lorsque vous concevez des colonnes et des lignes comme celle-ci. Ok, donc je suis très content pour ça maintenant. Je veux aller de l'avant et faire un peu plus d'espace. Tu te souviens qu'on en a parlé tout à l'heure. Par exemple, nous avons un peu d'espace entre cette section et cette section. Nous avons un peu d'espace entre ces sections, et je veux faire la même chose ici aussi. Donc je vais monter ici et modifier cette section. Je vais aller à l'Avancé. Donc je vais aller de l'avant et aller dans la marge, et je vais mettre ça, disons à 70 ans et voir comment ça se passe. Donc on a un peu plus d'espace ici. Nous avons aussi un peu plus d'espace ci-dessous. Ok, je pense que ça a l'air sympa en ce moment. Il y a beaucoup d'espace entre les deux. On y va. Maintenant, je veux aussi un peu d'espace entre ces colonnes, c'est-à-dire les cours et l'en-tête lui-même. Donc ce que je vais faire, c'est aller de l'avant et cliquer ici pour modifier ce certain appeler cette colonne, et je vais aller à l'avancée ici, et ensuite je vais m'asseoir à partir pour dire 50, non ? Et je vais faire la même chose pour cette colonne. Je vais cliquer ici, aller à Avancé. Réglez le rembourrage sur 50 similaire ici, cliquez sur leur avancé et définissez le rembourrage sur 50. Donc maintenant, nous pouvons voir qu'il y a un peu plus d'espace dans l'ensemble, peu le rembourrage entre l'en-tête. Et il y a aussi un peu de rembourrage entre les cours eux-mêmes. Alors vérifions-les, puis nous faisons défiler vers le bas et cela commence déjà à paraître beaucoup, beaucoup mieux. J' apprécie ce joli look propre en ce moment, nous pouvons aussi voir qu'il y a plus de Rose qui va gâcher un peu le design. Je vais vouloir ajouter des textos supplémentaires ici. Je vais aller de l'avant et faire ça pour l'instant, même si c'est une démonstration. Donc, je vais cliquer ici, et je vais aller au contenu et je vais écrire Prendre votre entreprise au niveau suivant, puis allons de l' avant et prévisualiser les changements et voir comment ça va faire défiler vers le bas. Et on y va. Donc il y a 444, on y va. Ça a l'air beaucoup mieux. Ok, donc la prochaine chose que je veux faire ici est en fait d'ajouter des boutons ici. Ok, Donc, si j'aurais dit un lien, par exemple, le lien que je l'ai cuit plus tôt comme ça, nous pouvons voir que l'image devient cliquable et l'en-tête, mais le texte ne devient pas cliquable. Et la bonne nouvelle, c'est qu'il y a beaucoup d'espace pour cliquer ici, autant plus que nous avons agrandie l'image. Mais nous voulons aussi être super duper clair ici, et c'est pourquoi nous voulons mettre des boutons en bas, non ? Donc on va aller de l'avant et faire ça. Et il y a en fait une chose vraiment sympa que tu puisses faire quand on est allé aussi loin dans le cours, non ? Et c'est que nous pouvons faire défiler tout le chemin vers le haut et utiliser ce joli bouton que nous passons déjà du temps pour terminer le signe, nous pouvons faire face, puis nous pouvons faire défiler vers le bas. Nous pouvons cliquer ici, et nous pouvons effectivement aller de l'avant et le coller dans. Et c'est incroyable. Maintenant, réalisez que tous les paramètres vont être désactivés sur le bouton que nous utilisons avant. Cela signifie que ça va dire, en savoir plus va avoir ce lien, etcetera, etcetera. Mais on va aller de l'avant et enlever ce lien. On va aller de l'avant et mettre ce lien ici aussi, non ? Et puis nous allons aller aux options de lien et nous allons cliquer sur ouvrir dans une nouvelle fenêtre, parce que quand vous cliquez ici, vous ne voulez pas que les gens quittent réellement cette page, est-ce pas ? Tu veux qu'ils restent ici pendant qu'ils vont à tes cours ? Alors vous pouvez avoir de bonnes choses Mawr pendant qu'ils défilent vers le bas. Donc on va ouvrir ça dans une nouvelle fenêtre, accord ? Et nous allons avoir la même chose pour celle-là pour que quand ils cliqueront ici, vous allez aux options. Ça va être ouvert dans New Window demandé. Eh bien, donc nous allons aller de l'avant et mettre en place ces derniers aussi avec ce qui ne suit pas va aller aux options de lien. Ils peuvent ouvrir dans une nouvelle fenêtre là, cliquez sur ouvrir dans Nouvelle fenêtre. Et on y va. Maintenant, vous remarquerez probablement qu'il y a beaucoup de choses qui surgissent au fur et à mesure que je vais avec la conception. Et c'est comme ça que ressemble la signature. Vous obtenez les idées, vous couvrez ces choses, vous obtenez de nouvelles idées, vous les ajoutez, vous essayez les choses C'est très intuitif, Cette science. Je ne sais pas comment ça va finir, mais j'ai un très bon sentiment parce que j'ai un plan de base avec ça se passe, j'ai un en-tête. Je veux avoir ces trois colonnes avec les cours et ensuite je veux les fonds. Ok, donc il y aura. Non, je veux aussi l'envoyer pour que ça ressemble beaucoup, beaucoup mieux. Et puis je suis très content de ça. Ce que je vais faire, c'est que je vais couvrir ça et je vais le mettre ici aussi. Je vais le rythme, et je vais coller celui-là dans l'air vraiment, vraiment sympa. Jusqu' à présent, je suis vraiment content de ça. Maintenant, je veux faire une chose de plus, et qui est en fait d'ajouter un pas un autre mégots et en bas ici. Et ça va être une vue. Tous les cours en bas. Je veux donc qu'ils aient la capacité de voir que ce sont nos cours les plus vendus que nous offrons. Vous pouvez en apprendre plus sur eux et ensuite aussi voir tous bien sûr, il ici pour voir plus de cours que nous avons plus de 20 maintenant réaliser que cela n'a pas besoin d'être appris plus. Cela pourrait être, par exemple, me contacter. Ça pourrait l'être maintenant. Ça pourrait être n'importe quoi. Peu importe comment vous choisissez de le mettre en valeur. Maintenant, pour moi, je vais utiliser pour en apprendre plus car on va te faire envoyer ça plus tard. Pour moi, non ? Donc je vais aller de l'avant et prendre le lien sur toi pour moi et Jus les relie ici. Et de cette façon, ils vont dans la page de destination de vous vers moi et en apprendre plus là-bas. Maintenant, si vous avez tout de votre côté, vous pourriez avoir un maintenant, ils pourraient acheter le produit, ou vous pourriez les envoyer à une autre page. Donc nous avons ça, mais, mais, euh, je vais aller de l'avant et le centrer comme ça, et je vais aller de l'avant et le rendre grand. Je voulais être plus grand que les autres, d' accord ? Et je veux aussi que le texte soit affiché tous les cours qu'ils suivraient, et je vais aller au style, et ensuite je vais aller à la typographie parce que je voulais être une majuscule. Juste comme ça. Ça a l'air vraiment sympa. Je voulais avoir les effets de vol stationnaire. Je vais aller de l'avant, et je vais coller le style. Ok, donc maintenant il a la même taille aussi, mais nous pouvons aller de l'avant et retourner au style, aller à la typographie et juste augmenter le style comme celui-ci. Nous l'avons aussi rendu un peu plus long parce que nous avons attrapé tout le style du précédent . Mais en fait, j'ai vraiment aimé ce regard. Donc on va garder ce regard. Maintenant, une chose que je veux faire est de rendre ça un peu plus rond. D' accord ? Donc je vais aller avec la frontière et mettre en place ces frontières à, , disons, 20 et les frontières. Comme vous pouvez le voir, ça va rendre les bords plus arrondis. Je vais y aller avec 30. On y va. Jetons un coup d'oeil à notre design actuel. Tu l'as probablement remarqué. Interrogé il y a que vous reconnaissez de plus en plus d'options et tant que vous connaissez les options de base et les fonctions, les options de ce signe sont infinies. C' est vraiment sympa. Alors faisons défiler vers le bas et vérifions. Je profite vraiment de ça maintenant. Je voudrais un peu plus d'espace entre les deux. Donc on va aller de l'avant et s'occuper de ça. Je vais descendre. Je vais cliquer sur les soins, aller avancer, et ensuite je vais mettre un peu de rembourrage ici. Donc, disons comme, c'est entre C ou quelque chose comme ça. Peut-être même troisième. Tu sais, vivre sur le bord. 30. Essayons celui-là. Un seul aperçu de comm probable à nouveau. Faites défiler. Et oui, j'aime beaucoup, beaucoup plus. Ok, les gars. Donc, ça a l'air vraiment bien. Maintenant, il y a quelques autres choses que j'aimerais faire ici, non ? Et la première chose serait que j'aimerais que quelque chose se produise quand je déplace ma souris ici. Donc en ce moment, il est tout à fait jouer est assez ennuyeux. Il y a quelques actions sur le fond. On peut voir ça maintenant. J' aimerais que d'autres choses se passent. Ce que je vais faire, c'est que je vais aller voir un mentor comme celui-ci, et je vais commencer à éditer les arrière-plans de ces colonnes parce que je ne veux pas du pape. Je veux que tous ces deux-là soient en action quand vous passez votre souris dessus. Alors quoi ? Je vais aller de l'avant et faire ensuite est de s'assurer qu'il y a une action qui se passe quand je survole ma souris comme ça rendre l'ensemble du site un peu plus intéressant et un peu plus satisfaisant pour survoler la souris. Donc ce que je vais faire, c'est cliquer sur la colonne là-haut. Donc on commence à éditer cette seule colonne, tu te souviens ? Nous avons 123 colonnes différentes qui se passent ici. Je vais aller au niveau avancé, et ensuite je vais aller au style, non ? Et dans le style, nous avons des antécédents. Je vais passer au vol stationnaire et mettre fin à ce vol stationnaire. On va passer au classique, puis à la couleur. Maintenant, nous allons jouer un peu avec la couleur. Donc, si je choisis juste ces grands et que je vérifie bien, cela semble assez terrible. Pour être honnête, je n'apprécie pas ça du tout. Je n'aime pas ça. Donc, si on met Green, qu'est-ce qui a l'air un peu plus gentil ? On pourrait faire ça. Ça a l'air bien, tu sais, on peut faire le degré de lumière maintenant. En fait, ça a l'air plutôt bien. J' apprécie les effets de cela. Donc, c'est assez sympa. Maintenant, si je vais de l'avant et je choisis ceci et je voudrais juste prévisualiser les changements pour voir à quoi il ressemble. Et puis nous faisons défiler vers le bas. Nous obtenons ce bel effet vert quand nous planons au-dessus de la main qui est en fait assez bon. Je profite de ça. Donc ce que je vais faire est en fait aller de l'avant et garder cette belle couleur verte continue parce que ça a l'air vraiment, vraiment sympa avec ces effets. Maintenant, nous pourrions utiliser notre rouge classique aussi. Je n'ai pas la combinaison de couleurs ici, mais habituellement quand vous avez tellement de rouge, vous pouvez voir que ça va gâcher la grande couleur de la description. Et aussi, ce n'est pas très invitant quand vous offrez un produit et que vous mettez ce grand débarrasser derrière leur maintenant, Rouge ressemble beaucoup mieux aux boutons comme celui-ci généralement. Donc ce vert clair qui est tellement plus invitant. Donc c'est exactement ce que nous allons aller pour vraiment profiter de ce design. Donc, tout ce que je dois faire ici est d'aller de l'avant et cliquez sur copier, puis faites un clic droit et coller le style , clic droit et coller le style. Et regarde ça maintenant, il y a des effets qui se produisent. Nous allons de l'avant et les changements hebdomadaires viennent aperçu défilent vers le bas et nous pouvons voir qu'il y a des choses qui se passent juste ici. J' apprécie vraiment ça. Vraiment, Vraiment bien. Donc, les gars, ce waas première partie Maintenant dans la prochaine conférence, deuxième partie, on va aller de l'avant et changer la couleur, l'arrière-plan, détesté trois couleurs ou un arrière-plan. On va essayer différentes options et voir où on atterrit. Et puis je vais aller de l'avant et m'assurer que les boutons correspondent au thème de couleur que nous choisissons. Et nous allons terminer ceci et faire en sorte que toute la section soit vraiment, vraiment bonne. Ok, les gars, à la prochaine conférence pour la deuxième partie. 20. Partie Partie de Showcase partie 2: D' accord, les gars. Bienvenue de retour. Donc on va aller de l'avant et continuer avec ce design. C' est très intuitif. C' est très excitant. On va voir où ça atterrit. Ok, donc ce que je veux faire maintenant, ça commence à jouer un peu avec l'arrière-plan juste ici, non ? Donc pour faire ça, on va aller de l'avant et choisir un fond sur les choix un jour qui va être blanc, non ? Parce que nous pouvons voir en ce moment que le blanc fonctionne vraiment vraiment, vraiment bien en ce moment j'apprécie vraiment ce blanc de retour, mais nous allons aller de l'avant et utiliser une sorte d'image de fond juste pour voir comment ça marche. Maintenant, rappelez-vous plus tôt, nous avons réellement défini les marges avec l'édition ici lorsque nous avons édité la section. Ça va être un problème si on dit une couleur de fond, une certaine couleur ou une image de fond, non ? Parce que ça ne couvrira que cette section. Ça va être laissé blanc. Ça n'a pas l'air très bien. Donc on va retourner ici pour se préparer à utiliser une image de fond. Nous allons cliquer sur la section Modifier. On va enlever la marge parce qu'on ne peut pas vraiment avoir la marge et ensuite on va mettre un peu de rembourrage. Et ici, nous avons deux options. Soit on pourrait aller mettre un rembourrage comme ça, et ça va les rendre encore plus longs et plus étroits de cette façon. Ou on pourrait aller de l'avant et on les a déshonorés et Onley a mis 70 sur le dessus. Donc nous avons cet espace que nous avions à l'origine maintenant quoi ? Je vais aller de l'avant et utiliser les liens réels ensemble pour qu'ils soient tous honteux comme ça et nous avons un grand effet de rembourrage parce que nous tapotons la section ont été tapotés, les colonnes, etc. Allons-y et voyons à quoi ça ressemble, parce que ça va les rendre plus longs quand nous présenterons les produits eux-mêmes, donc en défilant vers le bas, nous pouvons voir qu'ils ont l'air un peu différents à l'heure actuelle. Et j'apprécie vraiment ce design. Il a l'air beaucoup plus solide, beaucoup plus étroit. Je pense que ça a l'air très bien. Je vais garder ça. J' apprécie vraiment ça. Il y a plus d'espace à la taille, mais cela donne juste un effet plus long, plus élégant pour moi. Allons-y et trouvons une image de fond maintenant parce qu'on sait que l'arrière-plan va être assez grand, non ? Et nous savons aussi que la couleur blanche est quelque chose qui va vraiment bien. Nous allons aller de l'avant et utiliser une sorte d'image inspirante que nous allons utiliser à nouveau pour la liberté parce que je trouve que cela donne de très bons résultats. Mais nous allons aussi changer l'orientation vers l'horizontale. On va définir la taille pour qu'il soit au moins 1900 à 1000, non ? Pour que ce soit grand, de bonne qualité et tout. Et si c'est pour petit, ça va généralement être flou et ne va pas, et ça n'a pas l'air bien. Et c'est l'option suivante intéressante. Nous pouvons aller à la couleur ici et cliquer sur blanc. Droit ? Donc si on fait ça en cliquant sur quoi ? Nous allons seulement avoir cette belle photo avec un fond blanc. Pensons donc à notre point focal en ce moment. Donc, à notre tour de signer, nous avons ces trois colonnes en cours. Donc, nous regardons notre site web, ils couvrent en fait le milieu de l'image juste là, très au centre. Ils sont très au milieu. Et ça veut dire qu'on ne peut pas avoir de choses au milieu parce qu'alors tout va avoir l'air chaotique. Donc, ce que nous devons faire est de chercher quelque chose qui a une image ouverte et agréable. Donc,par exemple,cela par exemple, ne fonctionnerait pas. Celui-ci ne fonctionnerait pas, et même celui-ci ne fonctionnerait pas parce qu'ils couvriraient l'oiseau. On va chercher quelque chose qui a plus d'espace. Ce serait une belle photo de vous mettre des trucs à droite. Vous pouvez voir le potentiel dans ce genre d'images. Maintenant, voici quelque chose où nous parlons vraiment. Les gars, regardez cette belle photo. Le truc Onley qui se passe, c'est ça. Je pense que c'est un gosse balançant sur la balançoire vers la droite, et c'est beau parce que nous pouvons mettre en particulier avec tout le rembourrage que nous avons fait, nous pouvons tout mettre si centré ici si nous arrivons à mettre notre matériel ici et c'est ne vais rien couvrir, donc je vais essayer ce sujet. Probablement en téléchargement gratuit, tu te souviens ? Eh bien, sous un mégaoctets, ça vérifie, on va le télécharger, et ensuite on va y retourner et on va aller modifier la section ici. Ce n'est pas optimisé. Il n'y a pas de marge entre les deux, et on va passer au style. On va aller à l'arrière-plan, rester normal, Quicken Classic, puis cliquer sur Image. Maintenant, nous allons télécharger ce fichier de sélection. Et voilà. Je vais juste cliquer sur choisir, puis cliquer sur insérer un média. Ok, donc c'est ce qu'on obtient en ce moment, donc il n'y a pas que ça n'ait pas vraiment l'air si bon. Eh bien, ça a l'air décent, le beau, mais on n'a que ces nuages en arrière-plan. Et ce n'est pas pour ça que nous avons eu cette photo. Donc ce que je vais faire, c'est cliquer sur la taille. Nous faisons toujours cela, puis cliquez sur découvrir. Donc, ça a l'air beaucoup, beaucoup, beaucoup mieux. J' apprécie cela maintenant. On va aller de l'avant et cliquer sur l'aperçu pour s'assurer que rien ne s'effondre vraiment avec le gamin pour que les choses ne s'effondrent pas les unes dans les autres, ne couvrent pas du texte ou quelque chose comme ça défilant vers le bas. Nous pouvons voir que cela semble vraiment parfait. Wow, regarde ça. Les gars ont l'air vraiment sympa. Donc, j' aime vraiment ce design. Donc pour l'instant, la chose que je veux vraiment aller de l'avant et changer est qu'il y a des fonds rouges qui se passent ici en ce moment, et c'est vraiment bon, mais parce que nous utilisons le vert comme ça, je aimerait également mettre ce vert dans la vue Tous les cours, ok, parce que cela va lui donner un effet différent. Ça va aussi se démarquer des boutons de commande. Donc on va aller de l'avant et faire ça. Je vais cliquer sur ce bouton ici. Ils y allaient et je vais passer au style. Je vais aller à la couleur de fond et je vais définir la couleur de fond sur ce vert plus foncé juste ici. On y va. Ça va être content. Et puis je vais cliquer sur Hover parce que maintenant, quand je survole ma souris, ça tourne toujours comme une menace. Et ce n'est pas vraiment sympa. Donc je vais changer le clic stationnaire sur ça et pris en délice Green. On y va. Alors maintenant, quand je survole, ma souris apparaît comme ça et elle devient aussi un peu plus légère. Vraiment, vraiment sympa. Alors allons de l'avant et prévisualisons les modifications qui défilent vers le bas. Ok, ça a l'air sympa, les gars. Maintenant, il y a une autre chose que j'aimerais faire ici, c'est de faire sortir ces papes un peu plus. Maintenant, j'ai vraiment apprécié le look. J' adore ce fait que nous avons le gamin ici et que tout se nourrit tellement bien, pour être honnête, mais j'aimerais quand même changer un peu ça en les faisant pop. Et la façon dont on va le faire est de rendre l'arrière-plan de ces images blanches. Revenons à la table de dessin. Cliquez ici, et je vais cliquer sur la colonne. Le rédacteur écrit ici, et je vais aller au style, non ? Je vais passer au type d'arrière-plan, et je vais sélectionner l'appelant et cliquer sur blanc. On y va. Donc ce que je vais faire, c'est que tu fais la même chose pour ça. Appelez-les. Je vais cliquer sur leur aller à la couleur de type de fond de style dit en blanc. De même, cliquez ici sur celui-ci. Là, on va là-haut. Cliquez sur celui-ci. Aller au style définir le type d'arrière-plan de couleur classique et blanc. Bon, on y va. Et puis je vais cliquer, hum, aperçu des changements, et on va voir comment ça se passe. Défilement vers le bas. Ok, donc ce que j'aime c'est le blanc Ok, les looks blancs, super duper NYSE. Ce que je n'aime pas en ce moment, c'est le fait qu'ils sont tous réunis. Je voudrais un peu d'espace entre ces deux, alors on va aller de l'avant et s'occuper de ça. Donc, pour ce faire, je vais aller de l'avant et cliquer sur cette colonne et l'éditer. Je vais aller à avancé, et nous pouvons voir qu'il a déjà le rembourrage. Droit ? Mais si je mets une marge ici comme, disons 25, on peut voir que ça commence à sortir un peu. On peut même y aller, tu sais, aller un peu pendant qu'on le met à 30. Là, nous continuons et nous pouvons faire la même chose ici aussi. Allons à celui-ci. Allez à avancé. Allez à la marge. Mets-le à 30. Va à celle-là. Mais vous les appelez Marge Avancée 30. Maintenant, ça devient encore plus long. Et j'adore ce beau long affichage. Donc on va vérifier tout de suite en défilant vers le bas et on y va. Les gars, je pense que ça a l'air super sympa. Maintenant, nous voyons le désespoir insee aussi avec la différence dans le texte Ling Donc, vous allez devoir être vraiment méfiant de s'assurer que le texte est demandé longtemps. Maintenant, c'est un peu moins sur l'art, mais c'est Oh, si important. Maintenant, nous avons quelques nouveaux problèmes, si vous voulez continuer ici, le numéro un serait que nous devons changer ce texte. Donc c'est la première chose qu'on va faire. Mais je regarde aussi, le gamin est couvert. Ce n'est pas gentil, Mais allons-y d'abord et modifions ce texte en arrière. Donc je vais cliquer ici. Ça va et ensuite aller au contenu. Je vais aller de l'avant et enlever ça et voir si ça marche. Faites défiler vers le bas et nous y allons Maintenant ils sont en fait à peu près mais ils sont complètement, même génial. Maintenant, il y a aussi un problème, bien sûr, parce que ces en-tête est un peu long, mais en ce moment ils sont décemment. Même nous pouvons rendre cela plus agréable une fois que je commence à travailler et en fait mettre une bonne description sur ceux-ci aussi. Donc, comme vous pouvez le voir, ce que nous avons ici en ce moment, c'est que nous avons conçu notre page vitrine où nous avons nos cours les plus vendus et que pour vous pourrait être n'importe quoi. Ça pourrait être vos services. Il pourrait être certains produits pourraient être certaines offres. Peu importe ce que vous avez que vous voulez mettre en valeur. Et nous présentons nos cours. Nous avons ce bel effet de vol stationnaire de vert. Quand je survolerai, nous avons ce joli effet pape que le fond, tous. Et nous avons aussi cette grande, belle vue, tous les parcours. Mais je continue ici maintenant. La seule chose qu'il me resterait d'éditer ici en ce moment serait d'éditer la description de ceux-ci pour aller de l'avant et saisir les liens et juste cliquer sur celui-ci et mettre le lien vers le bas avec ces liens. Définissez ce lien, puis passez au bouton en savoir plus et définissez ce lien aussi, est-ce pas ? Et puis je mettrais le lien pour afficher tous les cours à la section du cours. Donc les gars Voici comment vous pouvez présenter quelque chose sur votre site Web, en particulier en utilisant plusieurs colonnes. Droit ? Tellement bon travail pour aller jusqu'ici. Rappelez-vous, quand il s'agit de ce signe, il est sans fin. Et une dernière chose à retenir que lorsque vous faites de la place ici, vous pouvez utiliser des marges. Si vous utilisez un fond blanc et que vous voulez le garder blanc que tout cela, très bien. Mais vous devez utiliser le rembourrage lorsque vous gardez un arrière-plan comme celui-ci ou si vous changez la couleur de l'arrière-plan. Sinon, tu auras cet espace entre les deux comme ça. Et ça n'a pas l'air sympa aussi, rappelez-vous, cette marge est sur Lee pour faire de l'espace. Et ce n'est pas bon si tu dois continuer à courir là-bas. Donc je suis super content de ça, les gars. Rendez-vous à la prochaine conférence. 21. Menu collant: Très bien, les gars, dans cette conférence, on va apprendre à rendre notre menu collant. En d'autres termes, nous allons faire coller notre menu à l'écran même si nous défilons sur notre site Web. Donc, si nous regardons à quoi ça ressemble en ce moment, si je fais défiler vers le bas, le menu disparaît. vrai, parce que c'est sur Lee ici en ce moment. Et si je fais défiler vers le bas, comme la magie maintenant, ce que nous voulons faire c'est que nous voulons faire ce bâton, accord. Donc quand on fera défiler, il sera toujours là-haut. Ils vont toujours avoir accès au début de la section. Tout va aider avec la navigation. Ça a l'air très professionnel. Donc ce qu'on va faire, c'est qu'on va revenir en arrière, aller au menu ici, et ensuite on va sortir au tableau de bord. Ce n'est en fait pas quelque chose que nous allons faire un élémentaire, mais ça va faire partie du signe d élémentaire que nous avons créé jusqu'à présent. Donc nous allons aller de l'avant et aller directement dans les branchements ici et cliquez sur Ajouter Nouveau. On va utiliser une prise pour ça et c'est vraiment léger avec le branchement demandé. Et puis on va chercher un menu collant comme ça. Et ensuite, tu vas être vendu ici qui dit mon menu collant. Vous pouvez rechercher ceci tout de suite . C' est un mot, mon menu collant. Donc, même si ce n'est pas testé avec cette version, je sais que cela fonctionne. C' est une prise assez simple en léger, mais il fait vraiment bien le travail. Alors j'adore celui-là. Je vais aller de l'avant et cliquer sur Installer maintenant et puis je vais cliquer sur Activer. C' est bon, donc c'est installé. Il est prêt à partir, mais nous allons toujours descendre et aller dans les paramètres juste ici. Donc, pour certains d'entre vous, ça va commencer à travailler tout de suite. Mais pour certains d'entre nous, on va devoir faire un peu plus de montage avant de le faire fonctionner. Et c'est à cause de cette classe dite « stick it it ». Maintenant, nous avons un élément de menu ou d'en-tête, généralement appelé la barre de navigation Nab Bardem. Mais tout n'a pas à ce nom. Si vous utilisez un thème comme nous, par exemple, il a un nom différent. Cela ne fonctionnera pas par défaut, mais si vous utilisez un autre thème, il pourrait juste. Donc, ce que nous pouvons faire est en fait aller de l'avant et aller ici et mettre à jour ce site Web et juste voir si cela fonctionne. Je vais aller de l'avant et faire défiler vers le bas et on verra rien ne se passe. Donc ça ne marche pas. Donc ce qu'on doit faire, c'est changer cette classe collante, non ? On veut le nom de l' I.D. I.D. hors de cette section. Donc, une fois que nous aurons le nom de celui-ci, nous allons mettre le nom ici, et ensuite ça va coller à l'écran pendant nous allons mettre le nom ici, que nous faisons défiler. Donc, pour obtenir cela, tout ce qu' il nous faut faire, c'est bien. Cliquez ici et cliquez sur Inspecter l'élément. Maintenant, si vous n'avez pas cet élément d'inspection et que vous utilisez un Mac, tout ce que vous avez à faire est d'aller ici dans safari, puis aller dans les préférences, puis passer à avancé et cliquish dit show, développer le menu dans la barre de menus, et je crois que pour les fenêtres, c'est très similaire. Vous allez simplement à vos préférences ou paramètres, vous allez à l'avance que vous devriez avoir un similaire. Je pense que vous pourriez être en mesure d'utiliser si 12 aussi bien. Mais sinon, il devrait être dans la section des options comme ceci. Et une fois que tout cela est activé, tout ce que vous devez faire est juste. Cliquez ici et cliquez sur inspecter les éléments. Donc c'est là que nous l'avons. Dave, soulignement i d est égal à l'en-tête du site Inner. Donc c'est en fait le nom que nous allons y être inséré. Donc c'est le site, le tableau de bord, l'en-tête, tiret intérieur. On va y retourner, et ensuite on va faire un site de hashtag, bord, en-tête, en-tête, bord intérieur. Ils allaient, et je vais cliquer sur enregistrer les modifications juste pour voir que cela fonctionne réellement. Sinon, ça va être une terrible conférence, non ? Et puis je retournerai ici et je pourrai cliquer dessus. Je vais mettre à jour les sites, et maintenant je vais essayer de faire défiler vers le bas, et c'est là. Donc ça marche. Cela fonctionne clairement, mais comme nous pouvons le voir, il y a quelques problèmes. Tout d'abord, ça a l'air horrible. Et là, à la raison, c'est l'opacité que nous pouvons voir à travers elle. Nous ne voulons pas que ce design,bien sûr, bien sûr, vous voudrez peut-être un autre design, et aussi nous pouvons voir qu'il y a une couleur différente sur le logo. Donc ce qu'on va faire, c'est qu'on va retourner ici, et ensuite on va se tourner vers le style, non ? Et la première chose qu'on va faire est de changer l'opacité ici. 200. Ça veut dire qu'il n'y aura pas de vision à travers. Et puis on va aller à la sélection des couleurs, et on va juste cliquer sur les blancs. Ça va être tout à fait blanc. On y va. Et puis nous allons faire défiler vers le bas et cliquer sur Enregistrer les modifications et revenons ici et mettre à jour ce site et voir ce qui se passe et faire défiler vers le bas et nous pouvons voir qu'il semble beaucoup, beaucoup mieux, n'est-ce pas ? Donc, j'apprécie vraiment ce design maintenant. Il y a en fait un problème avec celui-ci, et c'est, comme vous pouvez le voir, il n'y a pas de frontière entre les deux, donc c'est complètement blanc, et nous avons aussi un fond complètement blanc sur ce qui Je veux dire Une bordure entre le menu et le contenu ici est qu'il n'y a pas de ligne qui va ici. Donc, titre d'exemple, Si nous allons à courrier chimpanzé , par exemple, nous pouvons voir qu'ils utilisent un menu. Apparaît bien et c'est complètement blanc et ce fond complètement blanc. Mais il y a une bordure ici qui sépare le menu du contenu de l'arrière-plan. Et j'apprécie vraiment cette frontière. Cela montre vraiment que voici le menu, et voici ce que vous vérifiez et lisez. Donc je vais vouloir utiliser cette frontière aussi. Et maintenant, pour rendre ma vie et bien sûr, ta vie beaucoup plus facile, surtout les gars de la vie, j'ai pris un code pour ça. Et ce code, à mon avis, semble un peu plus cool que cette bordure parce que c'est une bordure simple, et je préfère avoir en fait une bordure d'ombre. Donc, il semble que le menu soit en haut du site Web. Je vais te montrer ce que je veux dire avec ça. Donc, nous allons revenir au style et ici nous avons du CSS, et nous n'avons pas à nous soucier de coder nous-mêmes, mais nous pouvons utiliser le code d'autres personnes qui sont beaucoup mieux à cela, et je ne suis pas un programmeur et les chances sont que vous ne pourriez pas être. Les autres le sont, et nous pouvons apprendre d'eux. Donc ce code ici qui va être dans la ressource est que vous pouvez juste aller de l'avant et attraper celui-là. Tout ce que vous devez faire est de sélectionner tous ces éléments. Faites un clic droit, cliquez sur la copie. Alors on va y retourner. On va entrer et je vais frapper Entrée. Alors je vais descendre en bas et je vais coller cette information ici, ok ? Juste comme ça. Et puis je vais aller de l'avant et cliquer sur enregistrer des changements comme ça. Et comme on peut le voir en ce moment, il n'y a pas de frontière entre les blancs. Donc, quand je mets à jour ceci, il devrait y avoir une belle ombre derrière un coup d'oeil à cela. Ça a l'air vraiment sympa. Maintenant. J' adore ça. Écoute, on dirait que le menu est au-dessus du site. C' est un look génial, à mon avis. Donc maintenant, quand j'ai ce blanc contre blanc, on peut voir qu'il y a une séparation claire, une frontière très claire comme celle-ci, non ? Donc, s'il y a des choses supplémentaires que vous voulez modifier ici Il y a plus de choses que nous pouvons faire. Par exemple, plutôt que d'utiliser un léger effet, nous pouvons utiliser un effet de fondu. Maintenant, l'effet de diapositive fonctionne comme ça, que lorsque je fais défiler d'ici, vous voyez qu'il disparaît. Mais puis il apparaît juste en arrière quand nous avons fait défiler assez loin. Maintenant, si nous ne voulons pas utiliser la diapositive, nous pouvons utiliser un fondu comme celui-ci. Je peux aller de l'avant et enregistrer ces changements et je peux vous montrer à quoi ressemble le destin et je vais mettre à jour ça aussi. Maintenant, faisant défiler vers le bas, nous pouvons voir qu'il y a un fondu qui se produit. Mais le destin, c'est vraiment si rapide ici. Donc on n'a pas beaucoup d'effet. Ça n'a pas l'air si bon du tout. On va devoir aller de l'avant, aller au style et ensuite le coller. Temps de transition. Nous pouvons aller de l'avant et déplacer cela vers le haut pour le mettre à deux secondes, puis cliquer sur Enregistrer les modifications. Retournez, mettez à jour ce site. Et maintenant, quand je fais défiler vers le bas, vous pouvez voir qu'il y a un fondu qui se passe. Mais vous pourriez aussi remarquer quelque chose d'autre écrit ici ce logo est vraiment sortir. Droit ? Alors maintenant, quand je fais défiler vers le blanc, nous pouvons voir qu'il y a une belle bordure ici hors de l'ombre. Mais il y a quelque chose ici qui n'est pas tout à fait exact, non ? La frontière est brisée. Et c'est parce que lorsque nous avons fait notre logo, nous avons utilisé un fond complètement blanc. Et pour cette raison, ce fond blanc interfère avec la frontière. Donc ce qu'on va faire, c'est qu'on va aller de l'avant et enlever le blanc en bas notre logo ici et s'assurer que cette bordure a l'air bien. Maintenant, si vous n'avez pas un soupçon de o c d comme je le fais apparemment, vous pourriez définir avec ceci. Mais à mon avis, c'est ce qui vous sépare et vous donne une décision vraiment professionnelle quand tout est juste spot sur et impeccable. Et ici, nous pouvons voir un défaut mineur. Et ça additionne les gars. Alors quoi ? Je vais y aller et le faire. En fait, il est retourné à la diapositive, et je vais revenir à la période de transition de 0.3. Maintenant, comme vous pouvez le dire, il y a beaucoup de choses que vous pouvez changer ici et vous pouvez simplement jouer avec ces options vous-même, par exemple. Vous pouvez désactiver les petits écrans et les grands écrans. Vous pouvez également décider quand vous voulez qu'il soit visible. Par exemple, vous vouliez être invisible lorsque vous faites défiler vers le bas et Onley apparaît lorsque vous faites défiler vers le haut. Il y a beaucoup d'options différentes ici. En outre, si vous passez à avancé, vous pouvez décider de désactiver cela à certaines pages. Mais encore une fois, on va revenir ici et on va s'assurer que cette frontière brisée est réparée. Il y a une bordure complètement belle ici qu'il semble impeccable et 15 avec notre design. Donc ce qu'on va faire, c'est aller sur un site appelé Luna Pic. Maintenant, Luna pic, c'est vraiment génial parce qu'ils vous permettent de rendre vos photos transparentes. Et ce site sera dans la ressource est aussi. Alors quoi ? Je vais y aller et le faire. C' est en fait télécharger le logo que nous avons là nous sommes, et je vais cliquer sur Choisir. Et voici notre logo maintenant, honnêtement, parce que le lien U. R L dans la ressource est déjà mis en place pour un fond transparent. Tout ce que vous avez à faire est de télécharger votre logo comme je l'ai fait, puis cliquez sur l'arrière-plan comme ça, et puis tout va disparaître. Maintenant, vous pouvez voir qu'il y a un peu de blanc ici, un peu de blanc dans les abeilles, mais ça n'a pas d'importance. Honnêtement, la partie Onley que nous avions vraiment besoin de retirer et de rendre transparente était cette partie droite, parce que nous allons utiliser pour concevoir avec le menu blanc et huit logo blanc, donc il est complètement trouvé qu'il y a encore des blancs à gauche ici. Donc ce qu'on va faire, c'est faire défiler vers le bas et cliquer sur Enregistrer ici, et ensuite on va retourner ici, et on va aller à l'apparence que nous sommes, et on va creuser sur personnaliser comme ça. Et pour que tu vois la différence, je vais aller de l'avant et faire défiler vers le blanc à nouveau. Nous y voilà. On peut voir cette petite rupture ici, donc tout ce que je vais faire c'est cliquer ici dessus. Mais, euh, on va aller à la partie de la personnalisation, et je vais cliquer sur changer de logo. Je vais télécharger des fichiers, et je vais sélectionner ce fichier. Ils étaient est généralement appelé image. Modifiez quelque chose, puis cliquez sur chaussures, puis sélectionnez. Et nous voilà. C' est une récolte parfaite à mon avis. Puis cliquez sur recadrer l'image. Et déjà, maintenant on peut voir la différence ici, non ? Donc, nous pouvons voir qu'il n'y a pas de ligne qui se brise ici. Nous avons une bordure d'ombre parfaite qui se passe, et il semble absolument impeccable. Maintenant, si nous allons de l'avant et nous comparons à ce que nous avons admis ici, il y a toujours la rupture, non ? Nous n'avons pas mis à jour ce site. Il y a encore la rupture par rapport à ça. Il n'y a pas de pause. Donc cela peut ressembler à un détail mineur, mais honnêtement le fait, donc , tellement. Alors je vais aller de l'avant et cliquer. Venez publié. gars, Lesgars,vous vous souvenez quand on a fait le logo tout à l'heure ? Vous avez la possibilité, par exemple, de vous inscrire au Canada. Si vous vous inscrivez, vous pouvez télécharger des logos transparents. Et si vous voulez amener votre site web et votre meilleur dans le prochain niveau, ça pourrait juste en valoir la peine. Vous pouvez également aller à la fibre et demander à quelqu'un de vous concevoir un logo vraiment agréable. Et puis vous allez obtenir ce logo dans un fond transparent aussi, vous puissiez l'utiliser n'importe où. Mais si vous allez aller avec la même route que nous avons, vous devez vous assurer que la conception ici,par exemple, par exemple, si nous allions avec noir ou violet ou quoi que ce soit qu'il était de la même couleur dans le logo que que nous utilisions sur le Canada, tout ce que vous devez faire est en fait correspondre les codes hexadécimaux comme nous l'avons fait tout au long de cette conception . Donc, nous y voilà, les gars, j' apprécie vraiment cette page d'accueil en ce moment. Et il y a encore 1 000 000 choses que vous pourriez ajouter Shoot que vous voulez. Mais en ce moment, je crois que vous comprenez comment créer une belle page d'accueil, sachant la prochaine conférence que nous allons passer et assurez-vous que nous avons terminé la mission off pour la page d'accueil afin que nous ayons cloué la psychologie derrière elle et la raison d' avoir même à voir dans la prochaine conférence. Les gars 22. Analyse de conception de page d'accueil: Très bien, gars, nous avons fait un beau travail sur la page d'accueil jusqu'à présent. Maintenant, vous vous souvenez peut-être de la section précédente que nous avons parcouru le but, la psychologie et fondamentalement le raisonnement derrière la page d'accueil. Maintenant, dans cette conférence, nous allons aller de l'avant et nous assurer que nous sommes en train de parler, accord. Nous allons nous assurer que tout s'intègre et que nous avons suivi toutes les étapes. Donc, si vous vous souvenez, il y avait beaucoup de points différents, non ? Si nous avions des hommes, vous ne définissez pas son but. Il est moins important de diffuser du contenu et de naviguer vers la page de contenu. Examinons les un par un et nous assurons que nous les avons cloués. Le 1er 1 Voulons-nous la page d'accueil sur le menu ou non ? Maintenant, dans notre conception, nous avons décidé de ne pas opter pour cela. Oui, parce que nous avons déjà la page d'accueil sur le logo. Donc, nous ne allons pas mettre de maison ici, même s'il y a peut-être un visiteur qui ne sait pas vraiment que vous pouvez cliquer dessus , mais quand même, mais quand même, la page d'accueil n'est pas le patron principal que les pages les plus importantes sont en fait le début ici Page et la page du cours, n'est-ce pas ? Parce que pour commencer ici, page est ce qui va les réchauffer vers tout ce qui va s'assurer qu'ils comprennent ce que nous sommes tous et qu'ils leur ont montré qu'ils sont ici avec un problème et que nous sommes la solution. Alors nous pouvons les offrir. Le cours est que nous avons et les aider. Ils ont leurs problèmes. Alors, et bien sûr, on obtient une vente. C' est une situation de victoire. Donc fondamentalement, pour en faire une chronologie ici, nous avons d' abord la page d'accueil, qui les envoie au début ici qui va très probablement les envoyer aux cours. droite. Donc il n'y aura pas besoin de mettre la page d'accueil dans le menu, moins, pas dans ce design. Donc, nous avons décidé de ne pas utiliser un menu, une marque affaiblie que sur. Maintenant, le point suivant était de définir son but. Maintenant, notre but avec la page d'accueil est de les initier à notre concept, leur montrer ce que nous sommes tous au sujet, puis offrir un bouton en savoir plus ou commencer ici. Ils sont fondamentalement la même chose pour nous pour qu'on puisse les faire partir. Je me demande comment ils peuvent m'aider à Ah, chaud. C' est ma solution. C' est le but principal de notre page d'accueil. Et bien sûr, certaines personnes vont encore aller de l'avant et faire défiler vers le bas. Donc, la première chose que nous avons ajoutée ici est la preuve sociale, et c'est énorme. Maintenant, ils comprennent que ce n'est pas une blague, est-ce pas ? Vous pourriez même ajouter plus de témoignages si vous le souhaitez. Mais je pense que c'est tellement approfondi que je suis plus que satisfait de celui-ci. Et puis on a traversé, on leur offrait quelque chose ici, non ? Donc, s'ils défilent vers le bas, ils ne savent toujours pas s'ils vont rester. S' ils vont partir, il y a quelque chose pour eux ici. Surtout quand vous voyez qu'il y a une valeur de 99$ et qu'ils peuvent l'obtenir gratuitement et hors cours chance de commencer parce qu'ils sont ici. Ils s'intéressent au marketing numérique. Ils ont un problème avec ça. Et ici, vous pouvez obtenir les derniers hacks pour tirer votre avant, vous prendre en avance sur la concurrence. C' est un design très intelligent. Et enfin, quand ils sont assez réchauffés, nous avons nos meilleurs cours ici. Donc, il y a un gamin plus élevé. C' est une pensée derrière la façon dont nous faisons cela. Donc, en d'autres termes, nous avons très bien défini le but que nous voulons expliquer ce que nous faisons et ensuite les envoyer au début pour rendre le public encore plus chaud. C' était le but. Il n'y avait pas de restaurant. Peut-être que vous vouliez afficher le menu et leur demander de commander quelque chose. Si c'était un site Web de la galerie, par exemple, pour une séance photo. Peut-être que vous êtes un modèle et que vous voulez mettre en valeur que le but serait de montrer instantanément ce que vous avez à offrir. Ce n'était pas notre but. Donc nous pouvons marquer celui-ci aussi, et ensuite nous en avons moins. C' est plus ce qui était de concevoir que nous allions, parce que c'est très populaire et super affecté pour éliminer tout l'encombrement. Et à mon avis, c'est la définition. Moins, c'est plus. Nous avons un beau fond donnant un sentiment que nous avons un en-tête ici qui va directement au point Business rendu facile. Laissez-nous vous montrer comment et ensuite nous nous connectons. Vous cherchez à développer ou à développer votre entreprise, mais vous ne savez pas par où commencer. Laissez-nous vous montrer comment littéralement. Et puis ils en apprennent plus. Donc on leur dit de haïr. Vous avez un problème avec l'entreprise. Vous voulez démarrer votre entreprise, nous le facilitons. Laissez-nous vous montrer comment nous facilitons les choses et nous pouvons vous aider. Super propre défilement vers le bas est une preuve sociale très propre. Ici, nous avons un e-mail. Souvent, nous avons tout cet espace libre. Nous avons cette offre ici. C' est le prénom, Il y a un email. Envoie-moi les hacks. Tout est aussi propre. Et puis nous avons nos cours. Juste trois. Regarde l'un de ces trois. Vous pouvez cliquer, venir pour en savoir plus ou voir. Tout le parcours est génial. À mon avis, c'est un signe très propre. Et je suis très contente de celle-là. Donc oui, moins c'est plus. Et je pense que dans ce cas, nous en avons fait moins et nous en avons obtenu plus. Donc marquons celui-ci aussi. Ensuite, nous devons fournir du contenu et, en fait, livrer du contenu. Nous avons raison. Donc, l'idée pour apprendre plus si réellement les envoyer à travers elle et livrer du contenu pour eux pour les rendre dans un public plus chaud. Quand j'ai présenté ce que nous sommes tous et comment nous avons réconforté leur problème et la seule façon vraiment résoudre leur problème est de fournir le contenu, fournir des solutions ou des suggestions à des solutions qui vont vendre les problèmes qu'ils ont ont défilé vers le bas hors de la trajectoire. Nous offrons également un cours entièrement gratuit avec le bureau de messagerie. Nous profitons pleinement de la page d'accueil et plus bas étaient même offrir ces cours ou plutôt mettre en valeur ces cours que Hey, c'est en fait ce que nous avons ici. Maintenant, si vous cherchez à vraiment vous lancer dans le marketing numérique, consultez ce South ou consultez Shopify. Livraison directe, Amazon FB , etc. , etc. Nous livrons des gars de contenu, donc certainement vérifier cela et puis enfin naviguer vers la page de contenu. Et c'est de ça que je parlais tout le temps, non ? Donc, nous avons le savoir plus ici qui va naviguer jusqu'au début ici patient. C' est là que nous allons avoir un tas de contenu différent et faire défiler tout le chemin vers le bas tout cet air va livrer à la page de contenu maintenant, actuellement j'ai ces mises en place. Ils les amènent directement à moi, n'est-ce pas ? S' ils cliquent ici ou ici, ils vont être emmenés à Es-tu timides ? Page, où nous avons notre cours complet de marketing numérique similaire avec Shopify un Amazon et puis avec la vue, tous les cours Cela va aller de l'avant et être lié à nos cours. Page droite, pour qu'ils puissent voir tous nos cours qui s'y déroulent, et ces cours seront liés à vous à moi. Donc, nous les naviguons très certainement vers les pages de contenu. Donc, cochons celui-ci aussi. Maintenant, les gars, encore un très bon travail. Il y a une quantité infinie de choses que vous pouvez faire sur votre terrain à domicile. Nous avons présenté différentes choses que vous pouvez faire pour personnaliser manuellement votre page d'accueil en utilisant différents arrière-plans, différentes fonctionnalités en utilisant différents éléments de widgets, etc. Maintenant, dans la section suivante, nous allons aller de l'avant et nous assurer que notre site Web est optimisé avant de passer à autre chose. En d'autres termes, nous voulons nous assurer qu'il se charge rapidement parce que croyez-moi, si votre site Web se charge plus lentement que dans deux secondes, je pense que les statistiques disent qu'il y a 30 ou 40% des personnes vont partir et c'est énormes gars 30 ou 40% des gens. Et je pense que si c'est encore plus lent, ce sera même Mawr qui partira. Donc, même si vous avez le plus beau site web du monde, quel est l'intérêt ? Si personne ne va rester dans le coin pour vérifier ? Donc, dans la section suivante, nous allons nous assurer que tout est optimisé. Tout se charge rapidement. Tout a toujours l'air très bien. Et puis nous allons continuer en faisant et en concevant notre page de cours ou commencer ici page sur la page, etcetera, etcetera. Et je vais vous montrer comment utiliser efficacement les modèles qui sont déjà en élémentaire parce que maintenant vous savez comment utiliser réellement les différentes fonctionnalités de L. Un mentor. Nous pouvons donc simplement aller de l'avant et éditer et personnaliser les modèles qui sont déjà ici. Excellent travail, si vous avez des questions, sera dans le Q et A, comme toujours le voir dans la prochaine conférence et dans la section suivante