Transcription
1. la page de début de modèle - Montage de modèles: Très bien, mes amis, dans cette conférence, on va aller de l'avant et commencer à éditer et à concevoir notre page de départ ici. Maintenant, comme on sait le début ici, page va être très importante parce que ça va faire partie de notre entonnoir. En d'autres termes, nous avons notre page d'accueil. Quoi ? Nous avons mis en place le bouton en savoir plus. On va les emmener au début ici, page où on va les réchauffer à qui on
est, ce qu'on fait, ce qu'on a à offrir ,
etc. Donc, sans plus tarder, commençons. Donc nous allons commencer à l'arrière pour le site Web, et nous allons passer sur deux pages, puis toutes les pages et ensuite, en bas, nous
avons le début ici, page. Je vais juste aller de l'avant et cliquer là, et puis je vais aller de l'avant et cliquer sur Modifier avec er élémentaire. Donc nous y voilà. Et voici tout notre travail acharné que nous avons fait plus tôt. Ça va me briser le cœur,
au moins,
mais je vais juste cliquer dessus. Ça va me briser le cœur, au moins, Poof ! Il est parti. Perdu
pour toujours, car on n'en a pas besoin. Maintenant. La chose intéressante est que lorsque vous transformez une page pour commencer à éditer avec L. Un mentor, ils sont tous mis dans la même section deux rend également très facile à supprimer. Maintenant, dans cette conférence, on va aller de l'avant et commencer à travailler un peu avec des modèles, non ? Donc, je vais vous montrer comment nous pouvons faire un très bon début ici page en utilisant des modèles
, puis en ajoutant des fonctions mawr et la science de ce que nous avons appris plus tôt. Donc je vais juste aller de l'avant et cliquer sur ce bouton juste ici, et puis je vais instantanément accéder aux modèles de pages. Maintenant, nous avons également différents modèles de blocs. Mais pour l'instant, je vais commencer avec les modèles de pages. Et il y a beaucoup de modèles différents ici. Maintenant, vous allez remarquer que certains d'entre eux doivent faire un logo professionnel ici. Évidemment, cela signifie que vous devez avoir la version pro de l'élémentaire pour les utiliser. Mais d'autres qui ne le font pas, nous pouvons simplement aller de l'avant et les utiliser. Et il y a à scier différents modèles. Je veux dire, il y a tellement de modèles différents maintenant, je vais juste aller de l'avant et utiliser celui-ci il est même dit page d'affaires de page d'accueil ici, ce qui je pense vraiment sympa. Nous pourrions aussi chercher des affaires si c'était comme ça. Donc je vais cliquer sur les soins et vérifier. Et je pense que ça a l'air vraiment sympa. Je vais cliquer sur insérer et ensuite oui. Alors ils allaient. Maintenant,
ici, nous avons notre nouveau site, ou plutôt, un nouveau départ ici Page. Maintenant, si nous faisons défiler vers le bas, nous pouvons voir que nous sommes allés dans quelques choses gratuitement. Nous avons obtenu dans ce beau design avec les deux colonnes. Une photo, nous avons l'en-tête. On a quelques prises. On a des fesses sur le défilement vers le bas. Nous avons ces beaux effets. Nous avons cette partie aussi. Un joli compteur ici, défilant vers le bas, et puis nous avons quelques infos sur notre équipe. Maintenant, je vais commencer par le haut, et ensuite on va travailler notre chemin vers le bas. Droit ? Donc la première chose que je vais faire est en fait d'aller de l'avant et d'enlever ce bouton. Je vais faire un clic droit et cliquer sur supprimer parce que je ne veux pas utiliser un bouton ici. Nous avons utilisé un bouton sur la page d'accueil pour amener les gens à commencer ici, page. Mais nous voulons que les gens défilent vers le bas sur cette page parce que nous allons présenter ce que nous faisons et mettre du bon contenu en main. Alors mettez-le dans notre liste de courriels. Ok, alors quoi, nous allons aller de l'avant et faire maintenant c'est commencer à éditer ce texte juste ici. Par souci de simplicité, je vais garder cette image parce que je pense que ça a l'air vraiment sympa. Si vous ne l'aimez pas, vous pouvez, bien
sûr, simplement aller choisir Sabei, financer une autre photo, cliquer sur celle-ci, cliquer ici et insérer l'image que vous aimeriez Super facile. Je ne
suis pas un génie créatif. J' ai fait un peu de préparation avec un morceau de textos ici que je vais utiliser différentes parties off et nous allons voir comment dans quelles parties je vais utiliser comme nous allons le Sinus décemment intuitif. J' ai fait quelques préparatifs. Ce sera beaucoup de conception intuitive au fur et à mesure que nous allons. Donc ce que je vais faire, c'est de copier ce texte ici, parce que je vais vouloir l'utiliser. Ils allaient faire une copie et je vais y retourner et ensuite je vais changer ce titre ici. L' en-tête et je vais écrire L'avenir est en ligne, donc je vais parler de la façon dont l'avenir va être de construire votre entreprise en ligne et de faire votre marketing en ligne. Même si nous avons une entreprise locale, vous voulez toujours être vu en ligne non seulement localement, mais aussi dans le monde entier pour construire votre marque, même si elle est locale. Donc ils sont il y a. L' avenir est en ligne. J' aime ça. Je vais changer un peu le style. Je vais y aller. D' abord, je vais augmenter la taille un peu plus comme ça. En fait, je veux le rendre un peu plus audacieux. On y va, j'aime ce grand moment. Ensuite, je vais rentrer ici, enlever ce texte comme ça, et ensuite je vais coller ce que je viens de copier. Collage. Ok, alors on y va. Je pense que ça a l'air assez beau, mais je veux aussi augmenter la taille de ceci. Je vais passer à la typographie de style et ensuite commencer à jouer un peu avec cette glace. On y va. Quelque chose comme ça. Je ne pense pas que ce soit si facile à lire. Donc, je vais aller de l'avant et faire des paragraphes différents et faire des paragraphes est très facile . Maintenant je vais faire, c'est trouver où je veux les paragraphes. Le temps de trading contre de l'argent est désuet. Plus de trois milliards de personnes utilisent Internet et cherchent des solutions à leurs problèmes. Offrez la solution et vous avez une entreprise. Maintenant, je voudrais peut-être faire quelque chose comme ça, non ? Temps de formation de Bubba Blam honnête, obsolète ! Offrez la solution et vous avez une entreprise. Donc ça pourrait être un paragraphe et ça va juste sauter cette partie comme ça, toucher beaucoup de gens, et tu as une grosse affaire. Que vous commenciez à partir de zéro, vous cherchez à vous développer. Nous avons ce qu'il vous faut. J' aime ça. Je vais poser ça maintenant. Je pourrais même vouloir le faire comme ça. Posez celui-là et je vais les reconnecter il y a. Donc, nous avons trois paragraphes différents ici, et je pense que cela semble vraiment sympa, en fait, et je vais diminuer légèrement la taille de cette image. Je vais y aller et je peux jouer avec le avec comme ça Ok, on a le plein d'avoir juste va le rendre encore plus petit. On y va. Quelque chose comme ça. Maintenant, c'est la microgestion. Mais il s'il vous plaît encore cela mon oeil. Donc l'avenir est en ligne, et puis nous avons le Nous avons l'en-tête ici, ce qui me semble vraiment sympa. Nous avons le texte qui se passe ici, alors regardons l'aperçu. Donc, voici à quoi il ressemble en ce moment, Les futurs en ligne que nous avons, le Texan, vous pouvez voir ce qui précède la section complète. Pour moi, c'est vraiment beau. J' aime vraiment ça maintenant comme un défilement vers le bas remarqué que nos hommes, vous venez de sortir directement dans l'abîme ou quelque chose comme ça. Espace extra-atmosphérique. Maintenant, ce n'est qu'un bug en mode aperçu. Ce ne sera pas comme ça quand on conservera tout sur un site web. Alors ne vous inquiétez pas. Donc j'aime cette partie. Je suis vraiment heureux avec ce qui précède la section de pliage en ce moment. Voyez à quel point c'était facile par le chemin hors cours est facile parce que j'ai préparé du texte. Mais grâce aux modèles, l' édition est vraiment rapide et agréable. Maintenant, ils ont fait quelque chose de vraiment sympa et remarquent que nous avons quatre parties différentes en cours. Et si je survolais ma souris comme ça, ils ont ce joli effet bleu planant. Maintenant, si vous voulez faire quelque chose comme ça vous-même ou ajouter dans vos propres icônes tout ce que vous devez faire, passons et défilons vers le bas jusqu'à la zone Je viens. Si tu mets ta boîte I come ici, tu pourras choisir ta propre icône ici. Alors, utilisons une étoile. C' est un exemple comme ça,
et tout ce que vous devez faire pour obtenir le genre de merveilleux effet de vol stationnaire qu'ils ont est d'aller au style, aller au vol stationnaire, puis choisir une couleur pour cela. Allons-y avec un type de bleu comme s'ils utilisaient de la neige. Si je survole, nous obtenons le même bleu qu'ils utilisent aussi. Donc c'est une chose très facile à faire si vous n'êtes pas satisfait des logos actuels qui se ici, passent
ici,
et je vais supprimer celui-ci maintenant, Fait intéressant, je suis vraiment content de ça, donc je suis va les garder, et je vais ajouter quelques autres techniciens que j'ai, donc nous voilà. Nous montrons ce que nous offrons avec nos cours. Droit ? Tout d'abord, ce sont des cours pratiques. Mains sur l'enseignement. Je vais copier ça. Et enfin, assez. En fait, nous avons un coup de main ici, et ensuite nous avons cette croissance. Donc je pense que c'est si merveilleusement symbolique, tu
ne crois pas que Some. J' adore cette partie. Il y aura un cours pratique de main sur l'enseignement pour des résultats du monde réel. Je vais faire la même chose pour celle-là. vais cuisiner avec ça ici, et je vais le coller. Donc je vais aller de l'avant et faire ça pour ceux-là aussi. Bon, donc ils vont partir maintenant. Je les ai copiés collés tous ici, nous avons les cours pratiques,support premium
illimité, support premium
illimité accès
illimité à toutes les mises à jour futures et garantie de remboursement de 30 jours. Maintenant, la partie importante de la conception ici est que nous utilisons pour lever pour le texte. Alors allons de l'avant et prévisualiser les changements et assurez-vous que cela ressemble réellement à ceci sur l'écran ici aussi. Alors faisons défiler vers le bas. Maintenant, nous pouvons voir qu'il y en a encore. Il n'y a qu'une seule route de textures que nous allons devoir ajouter dans du texte afin de garder le design. Sinon, nous voyons que celui-ci s'enfonce un peu. Mais nous voulions monter au rythme. On devient sympa même rangée en cours. Alors allons de l'avant et ajoutons du texte ici. D' accord ? Donc je viens d'ajouter dans un morceau de texte ici je viens d'ajouter dans ce petit le long tiret et ensuite écrit pour toujours, et comme vous pouvez le voir, cela le met en ligne avec le poignet. Je creuse vraiment ça et j'aime. C' est l'effet que nous avons obtenu avec le modèle aussi. Alors passons à autre chose. Maintenant. Nous avons des solutions numériques. Boostez votre succès, n'est-ce pas ? J' aime vraiment ça. Mais je vais écrire quelque chose de différent, et je vais aller de l'avant et modifier ceci, ce qui a boosté votre succès. Et je vais changer ça pour passer de débutant à expert comme ça. Et j'apprécie vraiment les solutions numériques que nous avons en fait gratuitement ici aussi. Maintenant, je pourrais écrire des cours numériques hors cours, n'importe quoi. Mais j'aime vraiment les solutions numériques parce que ce que nous offrons nos solutions aux problèmes, est-ce
pas ? Tout comme nous l'avons indiqué dans ce texte. Donc je creuse vraiment que je vais changer ce texte aussi. Je vais aller voler une partie des prises que j'ai écrites ici. Un petit gabarit. Ajoutons. C' est bien, je vais
juste copier ça. Et je vais enlever cela et collé dans. Donc, pas vraiment creuser les vues en ce moment. Je vais passer à la typographie de style, et je vais augmenter la taille comme ça. On y va. Maintenant. Je creuse vraiment ça, pour être honnête. Donc, les solutions numériques de débutant à expert Si vous êtes intéressé à apprendre le
marketing numérique Amazon, FB ou Shopify drop shipping étaient à votre service vraiment, vraiment sympa. Je suis super content de ça. Maintenant, je ne creuse pas ce bouton. Et je ne creuse pas non plus la tête de couleur parce que ce n'est vraiment pas approprié avec le
thème du collier que nous avons utilisé. Ça n'a pas l'air trop mauvais. En fait, c'est sympa. Grady int Si vous ne savez pas ce qu'est un Grady int, je vais vous le montrer maintenant. Alors, que pouvons-nous faire pour changer le contexte ? Hayes, allez à modifier la section ici déplacé vers le style et puis vous pouvez voir que plutôt que d'utiliser le classique, que nous avons utilisé tout au long de la conception, ils utilisent l'ingrédient radiant ce qui signifie qu'ils utilisent deux couleurs. Ils s'estompent les uns dans les autres, et je le creuse, mais ça ne marche pas vraiment avec notre thème. Donc, ce que je vais aller de l'avant et faire est en fait déplacer ici et déplacé vers les couleurs et l'accent
par défaut du menu et saisir ce code hexadécimal pour le rouge que nous utilisons depuis
un certain temps déjà. Et puis je vais cliquer ici et revenir à l'édition de la section. Et puis commençons à jouer un peu avec les couleurs. Donc au lieu d'avoir ce rose, je vais voir comment ça ressemble si je viens d'ajouter cette couleur, on obtient ce genre de belle couleur rougeâtre à la place, ce qui, en fait, je creuse ça. Je pense que ça a l'air vraiment sympa. Donc je pense que je vais garder ça maintenant. On pourrait jouer avec les autres couleurs. Eh bien, nous avons le bleu qui se passe ici en ce moment. On pourrait décider du destin s'estomper. En fait, ça a l'air assez sympa, pas si agressif. Ils allaient y aller. Et nous pouvons aussi décider de l'emplacement du fondu. J' ai remarqué qu'il y a cette ligne qui se passe ici. Si je le mets à 100, la ligne couvrira tout. Si je l'abaisse, je peux décider combien de temps ça va comme ça. Et aussi l'emplacement Signification Combien de temps va-t-il s'estomper ? On a la ligne pour combien de temps ça va durer ? Décoloration. Ok, je vais juste le retirer un peu en arrière, et je vais aller de très loin parce que j'aime ce genre de look, donc je creuse vraiment ça. Je pense que ça s'est avéré vraiment sympa. Donc on va aller de l'avant et garder ça et vérifier les aperçus et voir ce qu'on vient d'avoir. Alors faisons défiler vers le bas. Donc nous avons ce genre de boîte en cours, et je suis en train de creuser ça maintenant avec beaucoup de ce temps, nous avons vraiment été sur les bords, et je creuse vraiment ça. Mais j'aime aussi beaucoup ce design, ce genre de conception de boîte. Ce que je vais faire, c'est changer le bouton parce que je voulais aller plus main dans la main avec notre thème rouge, non ? Donc, je vais juste faire un clic droit ici et cliquez sur supprimer. Ensuite, je vais passer ici aux éléments, aller chercher le fond, et je vais le placer en bas comme ça. Mettons-le à taille moyenne. Je vais le centrer et puis nous allons lire la prise. Si vous êtes intéressé à apprendre à utiliser le marché, l'Amazon, nous sommes à votre service, il serait
donc approprié d'écrire. En savoir plus Ici, par
exemple, je vais me diriger vers le style, et ensuite je vais passer à la typographie, et je veux les transformer en lettres majuscules. Nous y allons, et je veux aussi y ajouter une sorte d'effet. Revenons au style et passons au vol stationnaire. Et puis on va aller pour l'animation en vol stationnaire et grandir. C' est une de mes animations préférées comme ça. Et puis ajoutons également dans le changement satellite de couleur lorsque nous survolons. Donc je vais aller avec la couleur de fond. Je vais coller dans notre rouge comme ça et on peut voir que je vais juste l'alléger un peu. nous y allons. Et vous pouvez voir qu'il devient toujours si léger. Le destin quand je survole ma souris, ce qui me semble vraiment bon. J' ai vraiment apprécié ça. J' aime tellement cette partie. Je vais garder ça. Allons frapper l'aperçu et voir à quoi il ressemble. Défilement vers le bas. Ok, j'aime vraiment ça. Je pense que ça a l'air super sympa. En savoir plus de solutions habituelles du débutant à l'expert quelques pouces et a appris son
navire de remarketing Si j'étais à votre service, C'est vraiment bon. Ok, donc une chose que j'ai remarqué une paire L'avenir est en ligne aimer ce texte, mais je veux le faire en majuscules. Et je pense que c'est si agréable que vous suiviez ici aussi, parce que quand
je conçois, j'aime prendre quelques heures sur Mlle. Je ferais quelque chose. Puis je reviens et je fais quelque chose de plus que je ne reviens. Et c'est la façon dont j'ai conçu, au moins je vais cliquer ici, et ensuite je vais aller à la typographie, et ensuite je vais passer à la transformation et aller en majuscules comme ça. Maintenant, on peut voir qu'il a sauté à Rose. Mais cela ne signifie pas qu'il saute réellement à deux lignes dans l'aperçu. Et c'est malheureusement le cas. Je vais juste minimiser ça un peu. Je vais emménager ici et aller à la topographie, et juste en bas de la taille est un peu comme ça. Et vérifions à nouveau l'aperçu. D' accord ? Il est donc beaucoup mieux. Je creuse cela et j'aime vraiment les lettres majuscules défilant vers le bas. On a cette partie que je creuse aussi, et on va les changer maintenant pour ici. C' est une sorte de compteur, et nous pouvons décider à la fois ce qui va dire et aussi ce qui va compter jusqu'à. Donc je vais commencer avec les thèmes ici maintenant pour les thèmes que je pourrais vouloir écrire quelque chose comme des cours. Droit. Et maintenant, nous avons 21 cours actuellement, donc je vais augmenter cela à 21 ici il est dit, utilisateurs,
Maintenant, nous allons réellement changer ces deux étudiants, et puis nous avons le nombre d'étudiants et je crois qu'il est 14,301, ce qui est absolument , incroyablement incroyable. je vous remercie donc beaucoup pour cela. Je suis si reconnaissante pour cela. Et je te le promets, Jesper est tout aussi reconnaissant. Donc on va le garder comme ça. Et puis nous avons aussi agi, installe. Et pour cela, nous pourrions écrire, par
exemple, des critiques. Je vais écrire ces critiques et ensuite le numéro de fin qu'on va écrire. Je crois que c'est 4556 en ce moment, quelque chose comme ça. Tant de commentaires cela. Je pense que c'est incroyable. Alors ils allaient. Maintenant, si je clique sur les changements d'aperçu, jetons un oeil à ce qu'il ressemble en ce moment. Faites défiler vers le bas et puis nous pouvons voir le conseil à 21 cours, 40,301 étudiants et 4556 commentaires. Maintenant, c'est incroyable. Ce sont des chiffres incroyables, et j'aime ça et ensuite nous avons la section de notre équipe. Maintenant, je ne creuse pas vraiment les sections de notre équipe. Je vais en fait aller de l'avant et supprimer cette section. Et maintenant ce qu'on va faire, c'est s'assurer que tout ici a l'air bien . J' aime ça. J' aime ces ceux-là maintenant. Je vais changer le Grady et un peu ici. Retournons un peu là-bas. Donc je voulais être moins rouge. On y va. Quelque chose comme ça. Ok, donc j'aime beaucoup plus ça. C' est beaucoup moins invasif. Ennis n'est pas si puissant parce que le reste du design va être très puissant. Donc j'aime ça. Ok, Donc ce que nous avons fait en ce moment, c'est que nous avons édité toutes les choses qui sont venues avec le modèle en ce moment, ce que nous allons aller de l'avant et faire la prochaine conférence est habitué aux compétences que nous avons apprises précédemment et commencer à ajouter du matériel supplémentaire ici, comme l'ajout dans nos propres en-têtes, ajout dans notre propre contenu, à afficher que de le mettre mais fils, etcetera. Mais tu devras toujours te rappeler quand tu fais la conception ou deux choses. N' oubliez pas de continuer à économiser maintenant, que ce IHS sauvegarde s un brouillon ou mettre à jour ce que vous avez cette chose super importante à retenir. La deuxième chose est que lorsque vous mettez en place des choses telles que des boutons comme celui-ci, n'oubliez pas de cliquer sur ces boutons, aller au contenu, et de les lier réellement. On ne peut pas avoir de boutons qui ne font pas de bien. Droit ? Donc, pour moi, ce serait une chose parfaite ici d'être lié à notre section des cours. Donc, je ferais juste un clic droit ici et puis cliquez sur découplage aller ici, supprimer ce signe, et je le collerais dans. Et maintenant ça va se relier à là-dedans. Il va se souvenir de ces deux choses. Continuez à enregistrer et toujours lier tous vos boutons et matériel est donc les gars de voir la prochaine conférence pour la deuxième partie.
2. la page de la: Bon, les gars, bienvenue. Maintenant, continuons avec le design. C' est donc ce que nous avons actuellement. Nous avons notre titre. Nous avons notre texte, nous avons cette photo. Et puis nous avons ces jolies icônes avec ce que nous offrons ce qu'ils obtiennent
des cours. Et aussi nous avons ces résolutions de débutant à expert, où ils peuvent apprendre plus que la descente. Deux cours et aussi cette partie. Maintenant, j'apprécie vraiment cette boîte. Signe D. Cependant, pour la personnalisation à venir est ce que nous allons aller de l'avant et faire est en fait changé
toute la page à un plus complet avec le design. Parce que je vais être une offre de contenu et aussi écrire sur l'été pour les cours . Le 1er 1 étant Shopify. Et je vais vouloir Shopify l'appelant avant anti-ton rôle maintenant. instant, ce n'est pas possible parce que nous avons la valeur par défaut. Regarde le pli, WordPress. Ecoute, et je vais avoir besoin d'un plein de recherche pour ça. Donc ce que je vais aller de l'avant et faire est de changer pour afficher cette page entière, et tout ce que je dois faire est de passer pour définir les choses ici et ensuite je vais aller de l'avant et cliquer sur la mise en page et la changer en Elemental complet avec maintenant. Si je veux garder le contenu de la boîte, nous pouvons utiliser des marges et simplement le remettre. C' est super simple à faire, mais je vais aller avec l'élémentaire complet avec et vérifier à quoi ressemble le contenu. Et si j'aime ça, je vais le garder comme ça. Bon, alors faisons défiler vers le bas. Ce que nous pouvons voir, c'est que ça a disparu de ma boîte. Regardez à un plein avec regard off course, parce que tout va être affecté. Maintenant, j'aime ça. Je pense que ça a un beau regard. Et parce que je l'aime beaucoup, beaucoup plus. Et je pense qu'avoir cette boîte et avoir celle-ci pleine va être un mauvais design. On va aller avec le plein look tout au long. Ok, donc on va garder ça pour pouvoir continuer à signer avec le plein maintenant. Devrais-je vouloir changer ça et revenir aux livres ? Tout ce que j'aurais besoin de faire est d'éditer cette section, d'
aller à l'avance, puis de travailler avec les pads ings. Et je pourrais travailler avec les marges aussi. Donc on pourrait le boxer une fois de plus. Mais nous ne le ferons pas parce que j'aime tellement celui-là le compteur. Mais je ne peux pas avoir le compteur plein dans cette seule boîte, parce que ça va avoir l'air terrible. Donc, les gars, c'est là qu'on commence à utiliser nos nouvelles compétences, ok ? Et en ajoutant notre propre contenu. Alors ce que je vais aller de l'avant et faire, c'est aller aux éléments. Je vais choisir l'un des titres et le tirer juste ici, accord ? Et puis je vais entrer ici, et je vais monter sur Master Shopify, parce que c'est de ça que ça va
être . Je vais faire cette section ici, et je vais offrir du contenu et du jus, les attirer avec ce que nous avons à offrir et leur montrer ce que nous avons à offrir. Donc je vais écrire un vaisseau maître si je laisse tomber l'expédition comme ça, Ok, je vais le centrer sur le style et la typographie, et je vais augmenter sa taille. Ok, je pense que celui-là a l'air plutôt sympa. On y va. Maintenant, la prochaine chose que je vais vouloir faire, c'est passer à avancé. Je vais mettre un peu de rembourrage. On va aller avec un classique 70 rembourrage, c'est très classique. Ça a l'air vraiment bien. Juste comme ça. D' accord. Donc, parce que nous allons le faire à propos d'un Shopify Drop shipping Shopify a sa certaine couleur. Donc ce que je vais aller de l'avant et faire est en fait de faire la couleur de fond dans la
couleur Shopify , et c'est très facile à faire. Maintenant, tout ce que j'ai à faire est d'éditer la section ici, allez à style. Et maintenant, normal. Je vais aller à l'arrière-plan classique. Rappelez-vous, nous travaillions avec des ingrédients avant. Je vais aller avec le classique et ensuite je vais changer la couleur. Donc, pour savoir sur la couleur Shopify, tout ce que nous avons à faire est en fait juste d'ouvrir un nouvel onglet et ensuite nous allons écrire en
couleur hexadécimale Shopify et ça va apparaître dans le haut comme ça. Je vais juste y aller et copier ça comme ça et je ferme cet onglet, retourne ici et je vais le coller comme ça. Je vais avoir besoin du hashtag . Donc maintenant, nous avons cette belle, belle couleur verte comme ça. Donc c'est aussi simple que ça. Chaque fois que vous cherchez une certaine couleur hexadécimale parce que vous voulez faire autre entreprise, par
exemple, peut-être que vous faites vos propres cours. Ou peut-être que vous offrez certains services. Es-tu une fille de compagnie ? Peu importe. Vous pouvez simplement google le nom, puis la couleur hexadécimale, et il apparaîtra la plupart du temps. Alors on y va. Je suis vraiment content de celui-là. Maintenant quoi ? Je vais aller de l'avant et le faire commencer par ajouter du contenu ici dans le premier morceau de contenu que je vais vouloir ajouter est sur l'image. Donc, pour ne pas confondre les couleurs de fond, je vais aller de l'avant et faire glisser cette image et la mettre ici, non ? Je ne le mets pas en bas. Si je waas, je l'aurais traîné en bas ici, mais je ne l'ai pas mis dans sa propre section pour garder cette couleur et ensuite on peut garder un fond
blanc pour l'image et je vais vous montrer pourquoi tout de suite. Donc nous allons faire est de cliquer ici et aller à choisir l'image. Et aussi les gars, J'ai fait une certaine préparation que j'ai téléchargé quelques images que je sais que je veux utiliser enregistrer tout parfois sinon sera pendant une longue, longue, longue période. Donc je vais passer au 1er 1 avec son modèle commercial Shopify Drop shipping. Je vais cliquer sur l'insert. Alors on y va. Et vous pouvez probablement déjà dire que je me concentre sur un thème de couleur ici. Maintenant, nous utilisons les appelants Shopify ici. Nous utilisons également beaucoup de blanc dans l'image elle-même et aussi noir. Et c'est ce qu'on fait ici aussi. Maintenant, la section précédente était proche de blanc, peu grisâtre qui prend ses cheveux noirs. Et puis nous utilisons les couleurs Shopify en arrière-plan. Donc je creuse ça. Je creuse cette grande ville. Regardons ça dans l'aperçu et je vais faire défiler vers le bas et puis nous pouvons voir ici nous
avons Master Shopify drop shipping et ensuite nous obtenons cette section apparaissant donc je pense que cela semble vraiment sympa et vraiment solide. Je suis content de ça. Ok, donc ce que je vais continuer à faire maintenant, c'est ajouter un peu plus de matériel. Maintenant, pour que cela ne semble pas si dollar semble si ennuyeux. Plutôt, je vais aller de l'avant et changer un peu les choses. Je vais cliquer sur ce bouton, et je vais faire deux colonnes parce que maintenant je vais passer aux éléments et utiliser un titre à gauche. Et je vais utiliser une image à droite. Et fondamentalement, ce que je vais faire, c'est mettre en valeur. Offrir une sorte de contenu à l'auteur et faire une description à gauche. Très court, Très bien au point,
ne pas consommer le temps de quelqu'un, juste montrer ce que nous sommes tous au sujet et ce que nous avons à offrir. De toute évidence, il y a déjà beaucoup d'informations qui circulent aux utilisateurs ici. Nous pouvons voir exactement comment le magasin, si je dépose le modèle d'affaires d'expédition fonctionne ici. C' est un modèle très simple, très efficace. Alors quoi ? Je vais aller de l'avant et le faire commence par l'image. Je vais cliquer ici, et je vais choisir l'échelle ou arrêter l'image comme ça. On y va. Donc maintenant, j'ai l'image d'arrêt du scaler qui ressemble vraiment bien avec les colliers et tout. Et je vais écrire dans le rédacteur de texte et je vais écrire au Dr Targets. Ah, la circulation. D' accord. Et je veux aussi ajouter plus d'un coup de poing à cela. Je vais passer à la typographie de style et je vais passer à transformer et faire ça en majuscules, il va conduire le trafic ciblé. Je creuse vraiment ça et je vais augmenter la taille quelque chose comme ça. Ok, alors vérifions ça. Présentons les changements vont chemin, et je vais faire défiler vers le bas. Et ici, nous avons Master Shopify drop shipping. Je pourrais en fait rendre cela un peu plus petit et faire défiler vers le bas. Nous avons la boutique si je dépose l'expédition Business model vraiment sympa, ok ? Et puis nous avons le Dr. Trafic ciblé et nous avons cette échelle ou nous arrêtons de continuer ici. Comme nous pouvons le voir, il y a un peu près l'un dans l'autre. Mais c'est bon. On va arranger ça dans un peu maintenant. Avant de faire ça, je vais aller de l'avant et cliquer ici. C' est intéressant. Cela va nous faire gagner beaucoup de temps, et puis je vais cliquer sur la copie parce que je peux passer à cet espace vide et cliquer sur coller. Évidemment, je vais chercher le cookie exact. Et ce qui est si sympa, c'est que ça aura la bonne taille, va avoir la lettre majuscule. Il va avoir le bon appel de tout. Nous sommes juste en train de faire face à ce double appel avec le contenu. Donc tout ce que je dois faire maintenant est de cliquer sur cette image, supprimer, cliquer sur le suivant, ils allaient insérer des médias, et puis je vais juste de l'avant et de changer cette ticks. Donc je vais écrire quelque chose comme tripler vos ventes. On y va. Glissez le trafic ciblé, triplez vos ventes, et maintenant cela. Prévisualisez-le. Je vais faire défiler vers le bas, et on peut voir qu'il y a beaucoup de bonnes choses en ce moment. Je creuse ceci, alors faisons plus d'espace pour que cela ait plus de sens en ce moment. C' est tellement entassé
que je ne suis rien. Alors je vais commencer par faire de l'espace entre les deux. Ok, donc je vais cliquer sur cette section et ils vont aller avancer. Et maintenant je vais jouer avec la marge supérieure à la marge supérieure sur Lee parce que ça va
faire de l'espace entre les deux. Alors mettons 50. Par exemple, on a une belle base, et ensuite je vais passer au milieu maintenant. Remarqué cette colonne ici écrit la grande image. Il y a deux colonnes dites, mais on peut compter. Il s'agit d'une section ici, puis nous avons une section ici. Maintenant, ce que je vais faire, c'est choisir la section médiane, aller à l'avancée et ensuite je vais monter, disons 70 en haut et bots en marge juste ici. Et la raison en est, alors nous allons avoir de l'espace pour celle-là, et nous allons avoir de l'espace pour celle-là. Alors allons de l'avant et prévisualiser ces changements et défiler vers le bas et nous pouvons voir que nous avons les maîtres. Shopify drop shipping et nous obtenons un grand, beau affichage de montrer avant le modèle d'affaires d'expédition de goutte. Nous avons la cible, le trafic, ce
qui est encore bien
trop proche. Donc je vais devoir les exagérer un peu. Je vais aller de l'avant et faire de cet espace la marge. Je vais le mettre à 70 et ensuite je vais faire les marges de la section médiane en quelque chose comme, Allons fous à mon Allons avec 150 Là on y va. Nous allons donc prévisualiser les modifications qui défilent une fois de plus vers le bas. C' est beaucoup de défilement. On a un peu plus d'espace ici. J' aime vraiment ça. Et puis nous avons ce trafic ciblé. Ok, je suis vraiment en train de creuser ça maintenant. Remarquez comment il y a,
vous êtes capable de respirer maintenant quand vous faites défiler vers le bas, est-ce
pas ? Il y a juste une chose à la fois en espérant. Je creuse de cette
façon, façon, beaucoup plus. En fait, je vais l'augmenter encore plus parce que je le creuse autant. Tu vas bouger et je vais mettre les marges à 200, puis je vais faire un autre
aperçu et faire défiler vers le bas. Absolument. Oui. J' aime cela à tellement plus d'espace là-bas tellement plus facile de se concentrer sur ce qui est réellement ici. Certainement creuser ça maintenant. Il y a une chose que je vais vouloir changer à ce sujet, cependant, et c'est que j'aimerais agrandir ces images parce que je ne pense pas qu'elles soient assez visibles. Donc je vais retourner ici et je vais changer les colonnes, accord. Donc je vais déplacer celui-ci vers la gauche et voyons, Ne soyons pas timides. Allons-y avec 37 Je vais essayer 37 ici aussi. On y va. OK, et je vais le prévisualiser une fois de plus. Oh, regarde tellement mieux conduire le trafic ciblé qu'il saute vers le bas. Absolument. Pas de problème. Je l'aime. C' est beaucoup plus facile à voir. Ils auront l'entonnoir de vente, ce qui est beaucoup plus facile à lire maintenant. Pour moi, avec le design. S' il y a une route à la corde parce qu'ils ne sont pas sur la même route, cela n'a pas vraiment d'importance. Donc je suis absolument en train de creuser ça maintenant. Il va y avoir une autre chose que je veux faire à ça ou deux de plus, plutôt que diminuer la taille de ça. Je pense que c'est un peu trop grand. Je crois que je suis devenu un peu trop fou ici. Je vais commencer leur déménagement à la typographie de style. Et posez celui-là. Allons-y avec vous savez, 50 ans. Allons-y avec 50 et inégal, pas son numéro. On y va. Maintenant, je vais vouloir ajouter un bouton ici. Alors maintenant, vous avez un avant-goût de ce que nous avons à offrir. Peut-être que tu sais ce que c'est. Peut-être que vous ne le faites pas, mais c'est vraiment séduisant. Droit ? Donc, nous offrons en fait la rédaction de contenu. Je leur montrais le modèle d'affaires. Nous leur montrons même ce que nous l'utilisons pour générer du trafic, que vous le
compreniez ou non est toujours bon contenu. Et puis on leur montre l'entonnoir des ventes. Maintenant, la question dans leur esprit est, bien
sûr. Ok,
ça a l'air très bien, mais je veux apprendre ça. Eh bien, c'est pourquoi nous allons aller à des éléments allaient aller à. Mais fiston, et on va l'ajouter ici, et ensuite aller de l'avant et le mettre au centre et faire en savoir plus. Maintenant, si on veut rendre la vie encore plus facile pour soi, on va faire défiler vers le haut. On va cliquer sur ce bouton. Coupet a défilé vers le bas et nous pourrions juste aller de l'avant et supprimer ce clic droit ici, collez-le dans et regardez cela. Incroyable. Et je vais aussi aller de l'avant et en faire un gros bouton parce que ça va s'intégrer plus avec cette fois parce que c'est un design assez grand en cours en ce moment. Alors nous allons en prévisualiser ça, d'accord ? J' adore ça en ce moment. On peut voir que nous avons tout comme je voulais vraiment être. Docteur Trafic
ciblé. OK, voici le suivant, et puis nous avons le bouton en savoir plus. Ok, maintenant on va vouloir un peu dans l'espace entre les deux. Rien de fou. Je vais descendre, et puis je vais cliquer dessus pour éditer cette section, aller avancer, puis mettre une marge supérieure. Rien de trop fou. Allons-y avec 30 ou quelque chose comme ça. Ils allaient y aller. Asseyez-nous un aperçu une fois de plus. D' accord. Et nous l'avons ici. Je crois que j'en ai trop fait. Je vais y retourner, et je vais y aller et le mettre à 15. On y va. Donc, jusqu'à présent, si bon. J' adore ce design maintenant. Ça va enchérir pour cette conférence. Dans la prochaine conférence, je vais vous montrer comment vous pouvez utiliser le même modèle que ce que vous avez déjà créé pour vraiment accélérer la création des sections à venir. OK, donc nous allons continuer notre conception lors de la prochaine conférence. Alors, on se voit là, les gars.
3. la page de début de la: Bienvenue, les gars. Continuons avec notre design. Récapitulation rapide. C' est ce que nous avons créé en défilant vers le bas. Nous avons fait toute cette beauté en ce moment, certains à partir d'un modèle, autres de notre propre façon de faire comme cette fête est leur propre fait. Nous avons mis quelques beaux espaces qui se passent juste ici. Et puis nous venons d'ajouter le bouton en savoir plus avec un espace que je suis satisfait. Ce que nous allons aller de l'avant et faire maintenant, c'est en fait de créer des sections similaires comme
celle-ci . Maintenant, voici une section Ceci est une section, etcetera, etcetera. Mais on pourrait dire qu'il s'agit d'une grande section ici. Ok, on va juste l'appeler comme ça. Ce n'est pas comme ça à l'élémentaire, mais appelons-le comme ça maintenant. Mais nous allons aller de l'avant et faire maintenant est de créer une autre section pour le marketing numérique
, puis une autre section pour Amazon F B A. Mais comme nous avons déjà terminé le travail acharné, il y a tout un raccourci que nous pouvons utiliser pour notre la conception future de ces cours. Et je vais te montrer comment faire ça. Donc revenons ici maintenant, la première chose que nous allons vouloir faire est de créer un autre en-tête. Droit ? Mais tout ce que j'ai à faire est de
cliquer ici, cliquer sur copier, descendre et puis coller ici. Ok, maintenant, ce n'est pas vraiment ce qu'on cherche quand je ne peux pas faire un autre vaisseau si j'abandonne l'expédition. Mais nous avons déjà le rembourrage. Nous avons commencé une certaine forme de coloration, donc nous avons juste besoin d'aller de l'avant et de modifier. Ça prend, je vais écrire du marketing numérique comme ça, et ensuite je vais passer au style, et ensuite je vais revoir cette section ici, passer au style, et je vais changer la couleur d'arrière-plan. Maintenant, bien
sûr, la question est, quelle sera la couleur que j'utiliserai ? Eh bien, dans ce cas, je vais en fait utiliser les appelants de WordPress. Donc, je vais chercher la couleur hexadécimale WordPress comme ça. Et nous allons l'obtenir tout de suite. Je vais l'attraper. Et la raison pour laquelle je vais l'attraper, c'est parce que je pense que c'est une belle couleur. Il s'intègre avec le reste. Et aussi parce qu'une grande, grande partie des cours de marketing numérique créer votre propre site Web en utilisant WordPress. C' est donc aussi très symbolique. Alors revenons ici. Je vais effacer celui-là, et je vais le coller. On y va. Donc j'aime cette couleur, pour être honnête. Donc, cela est déjà dit et fait. Tu vois à quel point c'est rapide ? La seule chose que nous avons vraiment à faire est de mettre la marge sur ce bouton. Mettons-le à 70 ou quelque chose comme ça. On a donc un espacement approprié. On pourrait probablement faire 100 et 20 peut-être 100. Ne deviendrons pas trop fous. Et puis je vais faire défiler vers le haut, et nous savons qu'il y a juste une grande image qui se passe ici, donc il n'y a rien à faire qui soit trop fou. Nous savons si nous cliquons sur la section ici que la marge est de 70 entre ces deux. Donc je vais faire défiler vers le bas. Je vais passer à des éléments, prendre une de ces images, mettre là-bas parce qu'on ne veut pas la mettre à l'intérieur, te souviens ? Et puis je vais cliquer sur l'image, et maintenant je vais utiliser une image pour le marketing numérique, il va y avoir un peu différent. Je vais montrer à quel point nous avons réussi avec notre
affichage de marketing numérique ayant des millions de vues et des millions de temps de visionnage. Et c'est aussi très bon pour la preuve sociale. Clairement, parce que nous montrons des résultats très clairs ici. Donc, ça a l'air super. Je vais garder cette image. Maintenant, je vais faire défiler vers le haut et me rappeler leurs deux colonnes qui ont effectivement mis ces 2 37 avec les
Mix up. Donc je vais aller de l'avant et cliquer dessus copier puis descendre et je vais coller ça dans et je vais coller un autre dans juste comme ça. On y va. Et maintenant tout ce que j'ai besoin de faire, c'est de les éditer. Je vais cliquer sur celui-ci, supprimer cette photo et en ajouter une nouvelle sera pour le marketing numérique. On va utiliser celui-ci et ici je vais écrire des annonces monstres sur Facebook comme ça et ici, je vais supprimer cette photo. Cliquez sur supprimer, cliquez sur celui-ci, et je vais ajouter dans cette image, qui je pense est absolument belle. J' adore ce design et je vais cliquer dessus changer Cela prend et je vais écrire plus de 40 heures de céréales Matt, affichant ce qui est inclus dans le cours. Ils ne pensent pas que ce sera sur Lee Facebook annonces, montrant
clairement qu'il ya beaucoup de plateformes de marketing numérique et ils vont voir les deux parce que nous sommes hors cours va ajouter dans le savoir plus. Mais mardi, je vais copier ça. Va ici et je vais le coller comme ça. D' accord ? J' adore ça. C' est un très beau design. Maintenant, il y a un peu de rembourrage ici. Souviens-toi, on utilise la section du milieu. Alors quoi ? Je vais aller de l'avant et faire est de cliquer sur modifier dans cette section, aller à avancé et ne pas garder 200 là en bas. Gardions 15 ou quelque chose comme ça. Je vais garder ça comme ça pour l'instant. Ensuite, nous allons prévisualiser les changements et voir ce que nous avons créé. Donc je vais faire défiler Shopify à part. Je suis super heureux de nous devons apprendre plus bouton. Nous avons le marketing numérique maître. Ok, nous présentons ceci et ensuite nous avons les annonces Facebook maîtresses l'étalons à plus de 40 heures de matériel. Et puis j'en ai appris plus. Mais maintenant, c'est bien trop proche. Je ne creuse pas ça. On peut voir qu'il y a beaucoup plus d'espace ici, donc je vais mettre le à environ 50. Faisons un rembourrage là-dedans. Alors je vais y retourner. Je vais cliquer ici aussi, Advanced. Et puis faisons un rembourrage pour 50. Dis, on
y va. Puis prévisualisez les modifications. Faire défiler une fois de plus vers le bas est beaucoup de défilement en cours. Ok,
c' est beaucoup mieux. Oui, bien sûr. Parce qu'il y a tellement de blanc. Il y a une perception différente du placement sur le bouton. Mais il y a encore beaucoup d'espace, et je suis heureux de cela. D' accord ? Donc, c'est à quelle vitesse nous avons créé la section marketing numérique monstre parce que nous l'avons
fait hors du dur travail plus tôt, nous avons obtenu le cadre pour travailler dessus. Maintenant, je vais aller de l'avant et faire l'une des dernières sections, qui va être la section Amazon. Donc très similaire, je vais monter ici, et je vais cliquer sur la copie. On va faire défiler tout le chemin vers le bas. Je vais coller ça pour changer ces textes, et je vais écrire Master Amazon FB A comme ça. Je vais passer au style de section, changé la couleur et une fois de plus, je vais utiliser les filets magiques ou magiques de Google. Je ne vais pas écrire et Masson Hicks couleur comme ça. Et là, il va copier ça. Je vais y retourner, effacer celui-ci, le
coller, entrer et regarder cette beauté hors d'une couleur. Donc je suis vraiment content de ça. Je vais garder ça, d' accord ? Je suis vraiment en train de creuser ça Maintenant, continuons. Je vais aller de l'avant et tirer une autre image. Nous y sommes. Tirez-le ici et puis je vais cliquer et choisir votre image. Maintenant, nous allons avoir la présentation de la façon dont Amazon FDA fonctionne. Je vais l'insérer comme média. On va avoir un modèle d'affaires complet ici, ce qui a l'air super sympa. On peut voir comment ça fond avec le fond blanc et c'est à ce signe que j'aime. C' est si propre, si gentil. Non, je vais le faire un peu différent de la dernière fois. Ok, je vais vraiment aller et commencer par faire défiler celui-ci vers le bas et je vais le coller comme ça, et ensuite je vais monter, et je vais copier le milieu comme ça et je suis en train de coiffer le au milieu parce que rappelez-vous, il a déjà la marge définie. Ça va juste économiser un peu de temps et d'efforts en faisant ça. Alors je vais aller de l'avant et cliquer sur Coller. On y va. Je suis vraiment en train de creuser ça. Donc ça a l'air sympa. Maintenant, je vais vouloir un peu plus de rembourrage entre ici aussi. Je vais à la section, on peut voir que c'est 200. Je veux un peu de rembourrage ici pour que nous allons vouloir utiliser ou plutôt marge. Désolé. 8 200 marge supérieure déjà utilisée en 200 pour le fond. Il y a que je vais l'enlever. Sinon, il y aura même 200 ici, donc ce sera 200 plus 200 ce qui est tout simplement trop. Alors on y va. Design super facile. Alors quoi, on va aller de l'avant et faire maintenant c'est faire défiler vers le haut à droite ? Et je vais faire face à celui-ci juste ici. Et je vais copier d'abord, le milieu parce qu'il a déjà une marge pour le haut. Et il a aussi une marge pour le fond, non ? Je vais descendre et coller dedans, ce qui est parfait. Maintenant, je peux aussi aller de l'avant et faire face aux fesses et un parce qu'il sur Lee a la marge ici automatiquement dit dans une marge inférieure pour l'apprendre plus bas. Il est donc juste intelligent de faire de copier plutôt que de coller dans une rangée. Mais les deux fonctionnent hors cours. Ça va être un peu plus rapide. D' après notre conception, je vais coller ça aussi. Et là, nous allons être beaux, à l'air génial. Et changeons les choses. Alors je vais cliquer ici. Je vais supprimer cette image, cliquer sur le plus et je vais ajouter la première image explicative. Et puis changeons les tiques et je vais écrire quelque chose comme construire votre propre marque ou bien construire votre marque. On y va. Je pense que c'est plus propre dans le point. Et il y a un étiquetage privé comment ça fonctionne. Ce que tu fais, etcetera, Etcetera. OK, et ensuite on va faire la même chose avec celui-là. Je vais supprimer cette image, cliquer sur l'image et mettre celle-ci ici, puis changer le texte. Et je vais écrire outsmart source compétitive. On y va. Et maintenant, on va défiler vers le haut. Je vais copier ce bouton. Copier. Faites défiler vers le bas Je vais le coller. OK ? Et ça a l'air sympa. Nous allons avoir un aperçu et voir ce que nous avons créé. Donc je vais faire défiler tout le chemin vers le bas parce qu'il y a beaucoup de défilement à faire. Beau base qui se passe ici. Nous avons la section marketing numérique. Ok, Social prouve. Ça a l'air bien. C' est ça a l'air très bien. Nous devons apprendre mawr, Amazon. FB A Okay, c'est expliquer ce que c'est, comment ça marche. Avoir à construire votre propre marque et comment devancer les concurrents. Honnêtement,
les gars,
j'adore ce design. Honnêtement, les gars, Je suis un grand fan de ça. Donc ce que je veux faire est de nouveau changer un peu de l'espace entre lui parce que c' est assez entassé. Alors qu'il y a un peu plus d'espace au moins perçu entre les deux, nous allons aller de l'avant et mettre un rembourrage autour d'elle. Maintenant je crois qu'il y a un peu d'espace, oui, l'espace perçu à cause du blanc. Donc je vais aller jusqu'à ce que nous sommes ici et je vais cliquer sur la section, aller à l'avance, et je vais juste mettre Allons avec 15 modèle que nous utilisons 70 avant d'y aller avec 50. Ils allaient y aller. Je peux juste faire défiler et voir quel pad et nous utilisons. On utilise 15 le rembourrage ici. Donc, il fait beaucoup de sons que nous voulons utiliser 50 dans le rembourrage ici. Ok, aussi parfait. C' est tout bon et obtenir Maintenant, gars, je suis en fait super heureux de ce design et remarqué dans quoi, court un temps si nous avons créé sur Amazing le signe. Maintenant, concis, j'avais préparé quelques images et j'avais préparé du texte. Mais vraiment, quand il s'agissait de la conception, c'était vraiment rapide et au point. C' est encore une chose que je vais vouloir ajouter. Et si tu as suivi le cours, tu vas adorer ça parce que c'est comme si tu sais, sauver le sac à goodie. Maintenant, rappelez-vous, nous parlons des différentes étapes quand il s'agit de commencer ici, vous voulez les réchauffer. Vous voulez présenter ce que vous avez à offrir lorsque je leur donne votre meilleur contenu, bien
sûr. Et aussi, vous voulez les amener trop souvent à votre liste de courriels. Donc ce que je vais faire ici, c'est cliquer sur ce bouton. Je vais m'amener aux modèles et je vais cliquer sur mes modèles. Et vous pouvez simplement vous rappeler que nous avons fait un email souvent modèle plus tôt. C' est plus petit. Donc tout ce que je vais aller de l'avant et faire, c'est cliquer sur insérer et puis oui. Et maintenant, nous allons obtenir ces beautés sur un dessin que nous avons créé plus tôt. Maintenant, pour une raison quelconque, lorsque vous importez des modèles, ils tirent souvent la barre latérale avec eux. Je ne sais pas pourquoi, mais c'est facile à réparer. Il suffit d'aller à définir les choses ici, puis vous pouvez voir la mise en page revient à la mise en page par défaut. Juste aller à l'élémentaire complet avec, et ça va se changer et aller jusqu'au bout pour décider. On y va. Regarde cette beauté. Je suis absolument adorer cela. Je vais aller de l'avant et prévisualiser les changements. Je vais faire défiler jusqu'au bas et on peut le voir. Oui, en effet. Ça a l'air si gentil. J' aime comment ça se passe et les confessions de ce beau blanc
propre au boom. Obtenez les 10 meilleurs hacks de marketing numérique que vous pouvez vous inscrire, etcetera. Maintenant, c'est tellement cool, parce que nous les avons vraiment réchauffés avec ce que nous avons à offrir. Ah, beaucoup de preuves sociales. Beaucoup de connaissances. Honnêtement, beaucoup de contenu gratuit qui se passe juste là avec l'information. Tout droit au point. Maintenant, les chances commencent. Ils ont déjà construit une relation avec nous. Les plus probables nous font confiance. Et ils vont probablement vouloir obtenir nos 10 meilleurs hacks de marketing numérique ou
tout ce que nous avons à offrir. Donc les chances sont vraiment grandes si quelqu'un s'inscrit à notre liste de courriels. Donc c'était notre départ ici Page. J' espère que vous avez pris beaucoup d'inspiration et de connaissances dans cette conférence. Maintenant, rappelez-vous, avec le modèle sont sans fin décide il y a tellement de choses que nous pouvons faire hors cours si je voulais. Je pourrais utiliser changer cette image. Mais j'aime tout à ce sujet en ce moment. Donc ce qu'on va faire, c'est passer à la prochaine conférence. Maintenant, rappelez-vous, si vous avez besoin d'avoir votre esprit rafraîchi sur la façon d'avoir votre état d'esprit pour ce genre de pages , vous pouvez revenir à plus tôt quand nous faisions la présentation Power Point à quoi penser pour les différentes pages. Et ici, nous voulions vraiment réchauffer le mon entonnoir. Nous voulions offrir notre meilleur contenu et nous voulions entrer dans sa liste de courriels. Est-ce que des gars géniaux vous voient à la prochaine conférence ?
4. la conception : Page de cours: Bonjour, mes amis. Et bienvenue. Maintenant, on va aller de l'avant et concevoir nos cours, Page. Donc maintenant, nous avons conçu et Don sont la page d'accueil, non ? Donc les gens qui visitent notre site, ils savent de quoi nous sommes. Nous avons également fait sont commencer ici page de sorte que nous aurons pris les visiteurs à aller d'un
public froid qui a appelé visiteur et client à un client plus chaud. Parce qu'ils savent ce qu'on offre. De quoi on est etc. Maintenant, nous allons passer à l'étape suivante, qui est de leur montrer ce que nous avons vraiment à offrir. Je veux les pousser à la dernière étape d'acheter quelque chose de nous. Bon, alors plongons dans le fond et commençons à concevoir nos cours. Page. Bon, donc on va commencer ici à l'arrière de notre site, et on va descendre deux pages, puis cliquer sur toutes les pages, et maintenant on va aller aux cours, puis cliquer sur Modifier, et puis on est aller cliquer sur éditer avec Elemental. Nous l'avons déjà fait avant, et puis nous allons descendre pour définir les choses ici, et nous allons changer la mise en page de la page par défaut à L A mentor plein avec. Très bien, mes amis, laissez commencer la décision. Donc ce que je vais faire ici, c'est parce qu'ils ont déjà vécu tant de choses . Payer à la maison. Commencez ici, Page. On veut aller directement au point avec Ok, ils veulent voir nos cours. Alors on va leur donner nos cours. Ce n'est pas l'endroit où mettre un email ouvert ou, vous savez, une
autre offre qui n'a pas à voir avec les cours. Ils veulent voir vos cours. Donc on va leur montrer les cours. Il y a juste une autre chose que nous allons vouloir leur présenter plus loin à cause de la spécificité, le signe. Et c'est moi et Jesper personnellement. Donc, ce que je veux faire ici est en fait d'ajouter une photo de Jesper et moi, puis d'écrire un petit texte à droite. On dirait que c'est une lettre de notre part. C' est vrai ? Parce que nous voulons leur donner une relation avec nous, un attachement émotionnel, les
faire se sentir en sécurité et leur donner un visage pour les créateurs hors du cours, ce pourrait être la dernière poussée contre lui pour se sentir vraiment assez en sécurité pour acheter quelque chose de nous à vraiment vouloir faire ce personnel et ensuite aller directement à toutes ses
offres de cours . Donc, pour faire cela et s'assurer qu'ils vont aller de l'avant et utiliser un endroit 10, je vais cliquer sur le soin sur le modèle d'annonce. Et nous avons déjà utilisé des modèles de page, n'est-ce pas ? C' est honnêtement, un
tel honneur d'avoir toutes ces pages et juste obtenir d'en choisir une. Mais nous avons aussi des blocs différents Maintenant, les
blocs sont des sections assez différentes que nous pouvons ajouter. Nous pouvons les éditer nous-mêmes, etc. Ce que je vais chercher ici, c'est en fait un bloc. C' est blanc, parce que je vais aller avec un thème blanc ici, et je veux en avoir un qui a une photo dessus. Un peu comme ça, mais ce n'est pas un témoignage. Une image plus grande exactement comme ça, en fait, donc c'est absolument parfait. On peut ajouter une photo de Jesper et moi, et ensuite on pourra avoir le message de moi. Et juste pour vers la droite. Parfait. Parfait. Je vais aller de l'avant et cliquer sur insérer ici. On y va. Maintenant. Je vais aller de l'avant et ajouter ça un peu, donc je vais cliquer sur la photo, et ensuite je vais enlever celle-ci et cliquer ici. Et j'ai déjà pris la liberté de télécharger un tas d'images ici. Maintenant, j'ai transformé tous les P et G en J pick, et j'ai aussi compressé tous les picks J ou ils sont tous très minuscules tailles de fichiers. Maintenant, nous avons fait en se basant sur la conférence précédente, Donc je vous recommande fortement de le faire pour toutes vos pages, puis juste continuer assurer que votre site Web est à la vitesse et tout. Maintenant, je vais aller de l'avant et utiliser cette photo de Jasper et moi, puis je vais cliquer sur insérer des médias. On y va. Maintenant, c'est un peu grand pour mes goûts. Je vais passer au style ici, et je vais jouer un peu avec le Max fouetté, non ? Donc je vais juste le rendre un peu plus petit. Peut-être quelque chose comme ça. Ok, donc laissons-le à 85 ans. Pour l'instant, ça a l'air sympa. Aussi bas. Comment il y a probablement la première photo jamais, Jesper sans barbe. Donc j'aime vraiment cette photo. C' est vraiment personnel Maintenant, nous allons aussi ajouter un texte va être de moi et juste brûler. J' ai déjà fait quelques préparatifs ici aussi, et pré écrit. Il faut pour que cela soit plus rapide pour nos conférences et tutoriels. Maintenant, pour vous, vous n'avez peut-être pas de texto. Tu écris juste. Il t'a demandé d'y aller. Ou vous pourriez déjà avoir une prise. Et c'est parfait. Allez-y et attrapez-la et ajoutez-la. Maintenant, je vais aussi avoir et écrire comment je veux que les sections ressemblent à ce que je vais vouloir la section
des affaires. Et puis je vais ajouter ces cours deux et deux et ils auront la section
numérique complète . Il va y avoir une section de deux cours et ensuite on va aller 333 et 3. Ok, alors revenons en arrière. Je vais juste cliquer sur ce texte. Je vais enlever tout ça comme ça. Ensuite, je vais faire un clic droit et le coller dans. On y va. Maintenant, appuyez sur l'aperçu et voyons à quoi il ressemble. Bon, donc je pense vraiment que ça a l'air vraiment sympa. Maintenant, il y a quelques choses que je veux faire. Tout d'abord, je veux rendre cela un peu plus petit, et je veux aussi rendre cela un peu plus étroit. Et si je rende ça plus étroit, ça ressemblera plus à une lettre. Et puis, bien
sûr, je vais vouloir changer ces morceaux de texte aussi. Alors je vais aller de l'avant et faire ça. Donc, pour que tout soit un peu plus étroit, je vais aller de l'avant et cliquer ici pour éditer cette colonne. Ensuite, je vais passer à avancé, et je vais juste ajouter un peu de rembourrage. Laissons les lier aussi, ils obtiennent tous le troisième, il irait et comme ça, et puis nous arrivons à voir à quoi ça ressemble. Donc, nous allons cliquer sur les changements d'aperçu de comm. Donc, ça a l'air vraiment sympa. J' aime vraiment la façon dont nous avons eu un peu plus d'étroitesse au texte ici. Je vais encore rendre cette image plus petite. Mais aussi, je veux diminuer cet espace entre les deux. Alors je vais aller de l'avant et faire ça maintenant je vais cliquer sur cette image, vais déplacer le Maxwell un peu vers le bas à 80 là-bas avec pour cent. Maintenant, nous pouvons aussi jouer avec celui-ci. Je vais le mettre à ah, 100 maintenant pour qu'on puisse jouer avec celui-là aussi. Donc 80 Je pense qu'on ira un peu mieux. Peut-être même y aller avec 77 maintenant. Je n'ai pas aimé l'espace entre ici tant. Je vais retourner à cette colonne, droite, vais les lier, et ensuite je vais enlever cet espace entre les deux en enlevant le rembourrage gauche. Donc je vais le faire comme ça. La police est nulle là. Et maintenant, allons de l'avant et consultez l'aperçu des changements. Bon, donc j'aime. Ça commence à avoir l'air vraiment sympa. Maintenant, il y a quelques autres choses que je veux faire. Maintenant. Je veux que toute cette zone d'image prenne un peu plus de place. Vous pouvez voir que même si nous l'avons rendu plus étroit avec le rembourrage, il prend encore beaucoup de place. Et je veux que l'image prenne un peu plus. Donc je vais retourner ici et je vais traîner celui-là et le faire. Non, essayons 53 47. Essayons celui-là et puis voyons l'aperçu à nouveau. Très bien, donc ça a l'air vraiment sympa. Je commence à être super heureux avec ce design. air super personnel. C' est comme une lettre de ma part et on continue ici. Vraiment, vraiment génial. Maintenant, commençons à éditer ceux-ci aussi. Maintenant, notre nom n'est pas Mike Stewart, autant plus que c'est deux personnes. Donc on va aller de l'avant et cliquer ici, et ensuite on va cambrioler et Jesper, et ensuite on va aussi éditer où c'est sa tête hors vente, et on va
voir ça chez Robin et Jesper. Lt d. Maintenant, comme vous écrivez, C E O est comme PDG pluriel, mais pour les PDG, vous voulez vraiment faire le PDG grand et le petit, mais parce que nous utilisons des lettres majuscules ici, nous voyons le s grand, et ça n'a vraiment pas l'air si agréable. Nous allons passer à la typographie de style, puis changer les majuscules en majuscules par défaut. Il aurait l'air beaucoup plus agréable. Et puis je vais aussi vouloir aller de l'avant et cliquer ici, et je veux faire ça italique. On y va. On dirait qu'on l'a signé là-bas et maintenant on va voir ces changements. Donc j'aime vraiment ça. C' est super personnel et super sympa. Je suis un grand fan de ça, vraiment heureux à ce sujet. Donc nous allons le garder comme ça maintenant,
Ce que je vais faire aussi est de juste mettre un peu de rembourrage autour de ceux-ci pour les
compresser plus loin, parce que maintenant c'est un complet au-dessus du plein, ce que je profite . Mais je voudrais aussi qu'il soit juste un peu plus compressé. Il suffit de lui donner un aspect plus personnel et de prendre tout cet espace ici . Donc je vais retourner ici et je vais cliquer sur modifier la section, vais passer pour avancer, et maintenant on peut voir qu'on a, Ah, rembourrage,
on en a 100. C' est en haut de 100 en bas. Maintenant, nous pourrions aussi jouer autour. Disons que nous mettons 50 à droite et 50 à gauche,
puis que l' aperçu de la chaleur change et que nous voyons ce que nous obtenons. Donc, comme vous pouvez le voir, on a un peu plus compressé, et je suis vraiment en train de creuser ça pour être honnête, je pense que ça ressemble à une lettre. Bien que je ne profite pas du grand espace sur les meilleurs écrivains. Je vais aller avancer et tu vas changer les deux premiers. Disons 50. Donc nous avons un peu d'espace dans le fond ici aussi. Peut-être même, tu sais, ça pousse ça 40. Allons-y avec quatre. Dan, cet aperçu de Leslie Comm change. D' accord, donc ça pour moi est beaucoup, beaucoup, beaucoup mieux. Il y a de l'espace ici. On dirait ou bien, c'est une photo de Jesper et moi et c'est une lettre d'Autriche, non ? Et il est dit : Bienvenue Robin et Jesper ici. Hey, ça vient de moi et juste, mais on rend ça personnel. Nous sommes heureux de vous aider à répondre à tous vos besoins commerciaux et marketing numérique. Avec plus de 2700 commentaires notés cinq étoiles, il a dit etcetera. Donc, nous présentons à nouveau qui nous sommes en train d'augmenter des preuves sociales et de rendre cela personnel comme si c'était écrit de nous. Et c'est tout ce qu'on va faire quand il s'agit d'ajouter du zing supplémentaire ici. On va le rendre personnel, se
présenter ici
Robin et Jesper. On offre de bonnes choses. Beaucoup de gens aiment nos affaires. Appréciez. Ça va être le message de base. Et maintenant nous allons de l'avant et avait égaré dans l'ajout du cours est OK, donc pour ajouter le cours dit que je vais commencer par un en-tête. C' est vrai ? Donc si on regarde ici, j'ai, genre, je parlais tôt. J' ai fait un petit aperçu. Je veux d'abord avoir un en-tête pour les affaires, et je vais ajouter un cours Shopify un Amazon F B A. Et puis je vais faire un nouvel en-tête pour les cours de marketing numérique complets et ajouter le Guide de marketing numérique
complet et aussi notre masterclass marketing sur les médias sociaux parce que ces deux cours d'air énormes Donc il va y avoir un design à ce sera aussi au signe de deux, et ensuite nous allons ajouter tous nos cours de marketing numérique supplémentaires dans les panneaux 3. Alors commençons tout de suite. Maintenant, commençons par le cap. Et quand je prends ce cap et que je le mettrai directement ici, on
y va. Et maintenant je vais mettre ça. Laissons-le à gauche pour l'instant. Et je vais écrire des cours d'affaires. Je vais passer à la typographie de style, et je vais transformer ça en lettres majuscules. C' est vraiment sympa. Ça va aussi augmenter la taille. Ne soyons pas trop sauvages ici. Allons-y avec 40. Pensez qu'ils pourraient vraiment bien. On y va. Je vais aussi donner un peu de rembourrage tout de suite parce que je sais que je vais profiter ce signe comme ça, peut-être même 70. Non, en fait, les choses qu'on va faire avec 50 50 sont belles. On y va. Et maintenant, nous allons lui donner une couleur de fond. C' est donc là que nous commençons à ajouter un peu plus de notre style. Et rappelez-vous, notre style a toujours été ce genre de rouge emblématique que nous avons ici. Maintenant, je vais aussi ajouter un peu de rembourrage ici, donc je vais monter et modifier cette section ici. Va avancer, et puis je vais ajouter un rembourrage de 50. Juste comme ça. C' est vraiment sympa. Maintenant, je veux aussi avoir une couleur de fond ici, et c'est là que nous commençons à devenir un peu plus iconique et à ajouter à notre
couleur iconique , ce genre de très beau rouge que nous avons en cours. Donc, je vais cliquer sur le style ici, puis arrière-plan classique normal. Et puis on va ajouter cette couleur et c'est quoi l'appelant ? Eh bien, si vous ne vous souvenez pas du code comme High tend à ne pas faire, nous allons juste déplacer ça, attention au menu. On va aller aux couleurs par défaut, aller à la couleur de l'accent, et ensuite on a juste copay ce code, est-ce
pas ? C' est aussi simple que ça. Et puis nous avons reculé en cliquant ici, allez à la section éditer. On va revenir à la couleur où c'est le style normal, couleur
classique. Effacez cette pâte dans le code et voilà. C' est vraiment sympa, en fait, mais je vais vouloir changer ces couleurs. Je vais changer cette couleur en cliquant ici. Je vais prendre de la couleur et je vais rendre ce blanc parfait. J' adore ça. Et je vais aussi diminuer la taille sexuelle. Déplaçons celui-ci vers le bas pour essayer la troisième, quelque chose comme ça. Et maintenant, nous allons juste prévisualiser les changements et voir ce que nous avons et faisons défiler vers le bas et nous
pouvons voir que nous avons des cours d'affaires en cours. Il l'aurait mis à gauche. Et maintenant on va aller de l'avant et ajouter à nos cours. Vraiment gentils gars. Je suis super heureux avec cela maintenant, afin de commencer à ajouter dans nos cours, ce que nous pouvons faire est en fait d'utiliser un modèle précédent. Rappelez-vous, nous avons joué avec nos cours avant. On va aller de l'avant et prendre ce cul un modèle, puis commencer à manger ça et ensuite à
ajouter à nos cours. droite. Donc on va aller de l'avant et commencer à ajouter les cours à la prochaine conférence, les gars. D' accord. Je te verrai à la prochaine conférence. Ça va faire partie de voir là-bas.
5. la page des cours - Conception des colles: Bienvenue, les gars. Allons de l'avant et attrapons le modèle pour nos cours, puis commençons à le modifier. Donc ce qu'on va faire, c'est aller de l'avant et on va sauver ce brouillon. Il y avait des allées et je le saurais sauvé et en sécurité. Maintenant, on va cliquer ici et on va quitter le tableau de bord. On va aller à toutes les pages, puis passer à la maison et cliquer sur Modifier avec L un mentor. Et nous sommes là, nous ramène des souvenirs, n'est-ce pas ? Que nous allons faire défiler jusqu'à ce que nous arrivions à cette section. Tu te souviens ? Maintenant, nous allons l'utiliser comme modèles de base. Alors quoi ? Je vais aller de l'avant et faire C'est en fait droit Cliquez ici et je vais cliquer sur enregistrer modèles
demandés, et je vais appeler ces trois cours d'appel. Tim Plate, on
y va, et je vais cliquer sur le coffre. Donc, ici, nous l'avons, avec notre email ouvre que nous avons fait plus tôt. Et je vais appuyer sur celui-ci,
aller au menu, puis sortir au tableau de bord, et maintenant on va retourner et on est de retour. Bon, alors faisons défiler ici et en bas, nous allons cliquer sur ajouter simplement à droite ici en bas. Maintenant on va aller à mes modèles en haut, à
droite, droite, et ensuite on a les cours de trois colonnes. Modèle. On va juste aller de l'avant et cliquer sur insérer, et ensuite on va cliquer sur oui, et demander, vous savez, pour une raison quelconque, quand on insère, ils vont vouloir ajouter ce droit barre latérale. Donc on va juste aller aux paramètres tout de suite, et ensuite on va aller à la mise en page et la mettre à l'élémentaire complet avec Ok. Alors commençons à éditer ceci maintenant. La première chose qui fonctionne et que je veux faire est de supprimer réellement l'arrière-plan. On va aller avec un design blanc propre et agréable. Donc je vais cliquer ici pour éditer la section Je vais aller au style, et ensuite je vais juste supprimer ce fond pour obtenir ce joli défaut blanc. D' accord ? Maintenant, la prochaine chose que je vais faire est de me rappeler que je voulais que ce soit une section d'affaires pour les cours
d'affaires. Donc, et je n'ai que deux cours d'affaires ici, donc je vais aller de l'avant et supprimer celui-ci. Donc tout ce que je vais faire, c'est cliquer ici et puis cliquer sur supprimer. Donc maintenant, nous n'avons que deux cours, et je vais aussi aller de l'avant et supprimer cet en-tête. Parce que rappelez-vous, nous avons mis en place ces cours d'affaires ici, donc je vais faire un clic droit et supprimer celui-ci. Ok, donc ça commence à être vraiment sympa déjà. Ce que je ne profite pas vraiment, c'est cet effet vert,
parce qu'ils sont si gros. Ce que je ne profite pas vraiment, c'est cet effet vert, Je ne suis pas vraiment en train de creuser ça en ce moment. Et d'ailleurs, nous avons en quelque sorte ce modèle d'effet dans la section d'accueil. Alors quoi ? Je vais aller de l'avant et faire est en fait cliquer dessus et il la colonne, puis passer au style, puis survoler. Et puis je vais juste enlever ce vert en mettant tout ça vers le bas. Donc, il a une passe complète, ce qui signifie qu'il n'y aura aucun effet quand je survolerai juste comme ça. On y va. Et ça allait encore avoir l'effet de popping, ce qui a l'air génial. Donc on va aller de l'avant et garder celui-ci maintenant pour se rappeler, si je veux faire la même chose ici, tout ce que je dois faire est d'aller de l'avant et faire un clic droit, cliquer sur la copie, puis aller ici et puis coller le style. Et il est parti. J' adore ça. Si quoi que ce soit, c'est vraiment génial. Ok, donc maintenant on va vouloir les coiffer un peu si on y va. Et nous avons regardé les changements d'aperçu en ce moment, juste un aperçu, puis faites défiler vers le bas. On peut voir. En fait, j'adore ça. Nous pouvons voir que nous avons nos deux cours en cours ici. Peut-être un peu trop d'espace ici, et nous allons supprimer cela, mais cela semble un peu jouer, à mon avis. Eh bien, en
fait, ce n'est pas trop mal un petit avion, alors on va aller de l'avant et changer un peu ça. On va y retourner et commencer en enlevant ce fond parce qu'on est aux cours, non ? n'y a pas tous de vous sur tous les cours à cliquer parce qu'ils vont sortir du cours est ici. On y va. Et ce que je vais vouloir faire est en fait d'ajouter un effet d'ombre à ces boîtes. Parce que si on regarde maintenant, on peut voir qu'ils fondent ici, ce qui semble bien, mais je veux qu'ils papent plus. Je veux qu'ils se démarquent et avant que nous ayons l'effet du port. Mais maintenant, on va ajouter des boîtes. Donc, pour ce faire,
tout ce que je dois faire est d'aller de l'avant et de cliquer ici pour terminer la colonne. Et puis je vais descendre au style à la frontière, et je vais cliquer sur l'ombre de la boîte. Vous avez juste besoin de cliquer dessus et vous allez automatiquement obtenir une certaine couleur ici. Ça va être l'ombre. Et vous pouvez voir que nous avons ce bel effet, que nous avons aussi sur notre barre collante ici. J' adore ce genre d'effet d'ombre. Donc ça rend tout le pape un peu plus. Donc si je prévois ces changements, on peut voir qu'il y a une différence entre ces
deux-là, non ? Une grande différence. Celui-ci se démarque beaucoup plus. Et celui-ci n'est pas tellement. Donc j'apprécie vraiment ce genre de design, et on va s'en tenir. Donc je vais y aller et y retourner et tu connais l'exercice. Je vais le flic et ensuite je vais coller le style et le poof apparaît. J' adore cet effet maintenant. Il y a un peu trop d'espace ici, à mon avis. Donc on va passer à la section de l'éditeur, passer à avancé, et on peut voir qu'on a beaucoup de rembourrage et tout ce qui est sympa. Mais on va enlever le tapotement du haut juste baissé. Supprimons donc les valeurs de lien. Et abaissons ceci pour dire, Allons-y avec 50. Je pense que 50 va être beaucoup plus agréable. Vous pouvez voir qu'il y a un peu moins d'espace en ce moment et maintenant je vais aussi vouloir
rendre cela un peu plus ovale parce que si nous allons de l'avant et nous regardons l'aperçu, sont des boîtes assez épaisses, n'est-ce pas ? Je voudrais en fait un peu moins de rembourrage sur la taille et les rendre un peu plus décidé. C' est ce qu'on va faire. Donc ce que je vais aller de l'avant et faire maintenant est en fait de faire cela un peu plus de cellule ender parce que, comme on peut le voir, il y a encore un peu de rembourrage à la taille, ce qui me semble sympa, mais je suis Je vais juste le changer un peu maintenant. Je vais y aller. Et pourrait-il y mettre fin ? Appelez-le ici et puis nous pouvons voir qu'il y a des marges qui se passent, ce qui est vraiment sympa, parce que leur espace entre ici un peu d'espace pour les sites, tout. Mais on va répartir les valeurs du rembourrage et on va augmenter le rembourrage droit et gauche c'est dire, Faisons 70. Faisons-le comme ça. On y va. 70 et je vais faire la même chose. Je vais traiter et j'y vais avec 70. Je vais aller avec 70 et puis nous allons frapper les changements d'aperçu. Donc je suis vraiment content de ça maintenant. Clairement, je vais vouloir ajouter un peu plus de prises pour les faire ou même. Mais pour l'instant, je vais juste aller de l'avant et ajouter dans la section suivante, qui sera l'intégralité des cours de marketing numérique. Donc, pour ce faire, c'est vraiment simple. En ce moment, tout ce que j'ai à faire est de cliquer ici et je vais cliquer sur la copie parce que nous avons déjà fait tout le travail acharné maintenant je vais descendre, et je vais coller ça ici. On peut voir que nous recevons tout ça gratuitement parce que nous avons fait ce travail et ensuite je vais écrire des cours de marketing numérique complets comme ça, OK ? Et puis je vais aussi y aller et monter ici et je vais faire face à celui-ci. Cette copie de section et je vais descendre, et je vais le coller dans. Maintenant, nous recevons ces cours gratuitement, n'est-ce pas ? Mais tout ce que j'ai à faire maintenant, c'est de changer cette image pour le marketing
numérique , qui ,
rappelez-vous, j'ai déjà fait le travail de préparation ici, et je vais laisser voir Trouvez-le. Il est là. Et je vais cliquer sur insérer des médias. Il est là. D' accord. Et puis je vais également insérer le bas des médias sociaux en allant ici et puis cliquez sur insérer les médias. Et on y va. C' est vraiment la main comme ça, n'est-ce pas ? Et comme vous pouvez le voir, celui-ci a un peu différent ce scientifique. Mais c'est parce que cette image en soi, il a en fait une bordure vers le bas au bas . Ici et ces images n'ont pas cette bordure inférieure. Maintenant, pour des raisons esthétiques, pour des raisons de conception, je vais aller de l'avant et changer celui-ci. Dernier aurait une frontière ici aussi. Mais pour ce tutoriel, je vais garder celui-ci et vous montrer à quoi ça va ressembler pendant que nous continuons à concevoir. Tout ce que je vais avoir à faire, c'est changer ces droits. Donc, si je vais de l'avant et que je clique ici, j'écrirai une chanson numérique complète du marché. Um, guide. On y va. Et ici, je vais écrire sur les réseaux sociaux, Mark obtient une classe de monstre. On y va. Donc je pense que celui-ci a vraiment l'air très bien, les deux ont l'air vraiment sympa. Maintenant, alors que je vais de l'avant et que
je prévois les changements, je vais vouloir m'assurer que celui-ci a beaucoup de choses à prendre. Celui-ci, nous pouvons voir en ce moment qu'il a trois rangées, celui-ci doit ramer. Donc les boutons, Aaron, même Et aussi cette image n'a pas la bordure du fond, et celui-ci le fait. Et aussi c'est un site de bit entre tous ces cours. Droit ? Alors quoi ? Je vais aller de l'avant et faire C'est en fait augmenter les marges pour les en-têtes juste ici. Ok, donc avec la section d'en-tête, je vais obtenir plus de marges pour obtenir plus d'espace dans l'ensemble, donc je vais juste revenir ici, et puis je vais cliquer ici pour modifier cette section, aller à l'avance, et maintenant commençons à augmenter les marges. Allons-y avec peut-être 50. Ou, tu sais, on pourrait probablement devenir un peu plus dingues. Allons avec 100 juste pour voir à quoi ça ressemble et faire défiler vers le bas. Nous pouvons voir qu'il y a beaucoup plus d'espace qui se passe. Il y a le temps de respirer. Maintenant, cela devient sa propre section. Vous pouvez dire que lorsque j'ai déménagé vers le bas, nous avons des cours d'affaires en haut, défilant vers le bas, puis vient la section suivante. Donc, cela semble vraiment sympa maintenant, donc je pourrais sentir qu'il y a un peu trop d'espace ici, mais j'apprécie vraiment l'espace entre les deux ici qui mène à une nouvelle section. Donc ce que je vais faire, c'est retourner ici maintenant on a 100 sur les deux. Je vais les traiter et fixer la valeur des sommes du bateau pour 80. Ou peut-être allons-y avec 70. Et maintenant, allons de l'avant et prévisualiser les modifications et défiler vers le bas. Nous obtenons le cours d'affaires dit et cela est vraiment agréable. Ok, j'apprécie ça. Je vais aller de l'avant et faire la même chose pour celle-là. Le marketing numérique complet. Je vais éditer cette section. Je vais aller avancer. Mais j'ai dit la marge pour 100 transactions, et le fond sera de 70. Et maintenant, nous allons avoir une valeur similaire ici. Donc ensuite, je vais juste aller de l'avant et m'assurer que le texte est aussi long et je vais aussi remplacer cette image d'un
doit border en dessous d'elle, et je vais vous montrer comment ça ressemblera à ça les gars. Donc, c'est ce que nous avons créé jusqu'à présent, nous avons cette merveilleuse introduction ici dans la section ci-dessus du pli. Droit ? Cette photo de Jesper et moi, nous avons cette lettre de nous présentant qui nous sommes, ce que nous sommes à propos de ce qui est juste la rendre plus personnelle. Robin et le PDG de Jesper ont dit courir juste fragilité défilant vers le bas. Nous avons créé notre première section ici, qui est un thème de couleur vraiment agréable et tout inclus est le thème de couleur typique défilant vers le bas. Nous pouvons voir que ces air, même ce sont les 2 premiers cours de réintroduction. Nous avons la prochaine section à venir ici, qui aura également fait ces même écrit tout est en fait vraiment très agréable jusqu' présent. Maintenant quoi ? On va aller de l'avant et commencer à se préparer pour les cours à venir. Droit ? Donc tout ce que je vais faire ici, c'est que je vais cliquer ici, et je vais copier cette section défiler jusqu'au bas. Je vais coller ça ici, et je vais juste appeler cette marque numérique pour voir les cours. Maintenant, nous allons ajouter le reste de nos cours. Mais rappelez-vous, les gars, maintenant on n'aura pas tous les cours complets. On va avoir tous les cours axillaires. Les cours plus petits à venir et plus petits peuvent encore être comme 10 heures plus, mais encore plus petits que le cours complet. Donc maintenant, nous allons aller avec un design avec un trois colonnes cette science. On va changer un peu les choses. Donc, sans plus tarder, passons à la troisième partie. Nous ajoutons tous les cours supplémentaires avec la conception de trois colonnes voir les gars de la prochaine conférence
6. la page des cours - Modèle de colle: Hé, les gars, bienvenue à la troisième partie. Plongons directement dans. Donc nous sommes déjà venus dans nos cours Page, n'est-ce pas ? Nous avons fait ce qui précède la section pliage n'ont pas été créés, les cours d'affaires et aussi nos cours complets de marketing numérique. Et nous l'avons fait dans une deux colonnes en place juste pour appeler le panneau. Ce qu'on va faire, c'est ajouter quelques cours supplémentaires. Maintenant, c'est le schéma de base que j'ai dit au début. Et comme on peut le voir au début, on voyait Dob deux colonnes. Plutôt. Donc, nous faisons deux colonnes pour que les affaires soient terminées. Maintenant, on va passer à trois. Ok, donc nous allons avoir 123 quatre rangées de trois colonnes, et ensuite nous allons finir tout avec deux rangées sur deux colonnes à nouveau. Alors 123 et quatre, Allons de l'avant et créons ces. Donc, ce sera étonnamment rapide et simple parce que nous avons
déjà fait tout le dur labeur . Alors quoi, je vais aller de l'avant et faire est d'aller de l'avant et cliquez ici pour ajouter un modèle. Je vais aller à mes modèles et je vais mettre le modèle de cours de trois colonnes et juste inséré. Franchement, oui. Et bien sûr, nous allons juste aller de l'avant et aller dans les paramètres et changer la mise en page en Elemental complet avec. Très bien, donc le voilà. C' est en bas ici aux cours de marketing numérique. Et puis nous avons le bon vieux fond ici, le plus vieux signe et tout. Mais parce que nous avons fait tout le travail acharné là-bas, tout ce qu'il nous faut vraiment faire. Allons-y et faites un clic droit ici, faites
face. Je vais descendre à cette section et juste coller le style. On y va. Maintenant, nous avons un fond blanc. Maintenant, je vais faire la même chose pour les colonnes. Donc, je vais juste faire un clic droit Coupet, puis cliquer ici et je vais coller le style et je vais coller le style, puis je vais coller le style. On y va. Et puis je vais supprimer ce bouton. Je vais faire un clic droit sur supprimer comme ça. Et je vais aussi supprimer cet en-tête parce que nous avons déjà fait le nôtre ici. Je vais supprimer celui-là comme ça. Ok, alors jetons un coup d'oeil à ce design en ce moment et voyons ce que nous avons fait défiler vers le bas et nous pouvons voir que cela a vraiment l'air vraiment, vraiment sympa. Donc ce serait la première rangée. Maintenant on va avoir quatre rangées de ces trois colonnes, non ? Donc, nous avons les deux colonnes mis en place ici, et c'est la mise en place de trois colonnes super rapide et super facile à faire. Maintenant, ce sera encore plus facile, parce que tout ce que nous avons à faire est d'aller de l'avant et de cliquer ici sur Copious. On va faire face à ces infos, ta section va tomber, payer assis. Donc c'est deux collés. C' est trois collés et c'est quatre droits. Et ensuite on va aller de l'avant et on va devoir se lever sur deux colonnes, non ? Alors qu'on va faire face à cette section maintenant défiler tout le chemin vers le bas et on va le
coller, et on va payer l'épargne. Alors on y va. Donc maintenant, nous avons le schéma de base de la façon dont nous voulions regarder, Nous avons 1234 et puis nous avons un et deux off trop. Alors vérifions ça deux fois. 123 et quatre sur les trois. Droite peut voir les cours ici et puis un et deux. Parfait. Maintenant, tout ce que je dois vraiment faire, c'est aller de l'avant et changer ces droits. J' ai juste besoin d'aller de l'avant et de changer l'image que j'ai déjà téléchargée. Je vais changer le titre, et je vais changer la description et bien sûr, changer
aussi les boutons qu'ils ont réellement liés au cours eux-mêmes. Donc je vais y aller et faire ça maintenant et puis je vais te montrer le résultat parce qu'on sait
déjà comment faire ça, non ? Très bien, mes amis, je viens d'ajouter, dans toutes les informations supplémentaires sur les cours, ce qui signifie que j'ai changé les photos, l'en-tête et la description, puis j'ai passé quelques temps correspondant aux descriptions et correspondant aux en-têtes et tout pour s'assurer qu'ils ressemblent tous uniformément à ceci. Et croyez-moi, cela aurait été terriblement ennuyeux à regarder, mais heureusement, vous savez déjà comment le faire. Alors maintenant, on va regarder les résultats. Voici donc la section des cours de marketing numérique. Droit. Donc ici, nous avons une corde ici est la prochaine rangée maintenant remarqué que cela prend veut un peu plus longtemps. Mais heureusement, juste en ajoutant une ligne supplémentaire dans la description, ils égalisent parfaitement ce que vous pouvez vous en sortir avec cela. Tu veux juste t'assurer que tout est symétrique comme ça avec le fond, non ? Donc tout ici est vraiment, vraiment gentil et propre. Donc, j'aime cet affichage et comme vous pouvez remarquer ce que je fais défiler vers le bas, il n'y a jamais trois lignes affichées à la fois. Soit vous avez un cheveu, puis vous avez la rangée suivante, ce qui signifie que nous avons 12 lignes affichées en même temps ici. Mais au fur et à mesure que vous faites défiler, cette route disparaît. Et puis vient le suivant. Donc nous n'avons jamais montré trois rangées à la fois. Je veux avoir assez d'espace pour ça. Et puis nous avons les deux ici et les deux ici. Donc, les gars, je suis super heureux avec ça mis à part, c'est juste une chose de plus que je vais aller de l'avant et ajouter. Et c'est tout le chemin en bas. Je vais aller de l'avant et cliquer sur notre modèle une fois de plus et je vais ajouter dans l'e-mail souvent avec cette section plus petite, et je vais cliquer sur Oui, et comme toujours, nous allons dans les paramètres. Nous avons déménagé à la mise en page et puis l un mentor complet avec hors cours. Si tu utilises dans un truc comme la toile, tu iras avec des caméras, mais on va le changer, non ? On n'utilisera pas la barre latérale. Tellement parfait. Ici, nous l'avons. Ça a déjà l'air génial, et on sait ce qui ne l'a pas. Ce qui est tellement merveilleux, c'est que nous offrons tous les cours ici, et ensuite nous arrivons au fond. Avec un peu de chance, on va leur demander de s'inscrire à nos cours, d'acheter quelque chose et de s'inscrire ici. Et s'ils sont nerveux d'acheter un des cours ici, ils vont en avoir un gratuitement. Cela signifie qu'ils reçoivent une excellente introduction qui pourrait avoir un goût pour plus. C' est juste une façon vraiment agréable de construire votre liste de courriels et a présenté vos visiteurs tomb ou hors de vos produits. Droit ? Donc je suis vraiment content de ça. Tout ce que je dois faire maintenant, enfin, c'est juste aller de l'avant et assurez-vous que les boutons apprendre plus sont liés
correctement, non ? Je veux m'assurer qu'ils sont liés là où ils sont supposés et bien sûr sur les options de lien. Je veux m'assurer qu'ils s'ouvrent dans une nouvelle fenêtre super important. Sinon, les gens vont disparaître de votre site Web et de votre page, et vous voulez qu'ils vont au noyau dit qui dans notre cas est en fait sur vous demande Donc vous
vouliez aller à uni, mais toujours rester ici. Maintenant, si vous vendez vos produits sur votre propre site Web, vous pouvez changer pour en savoir plus maintenant, par exemple. Mais pour nous, puisque nous avons nos cours et vous pour moi, ils apprennent en fait quand je finis sur la page d'accueil de votre mannequin. C' est donc un moyen d'en savoir plus, d' accéder à la page d'accueil, aperçus et des vidéos, puis peut-être qu'ils vont acheter notre matériel. Donc, les gars, super boulot comme vous le remarquez. C' était super facile à faire, sauf changer les images et faire les en-têtes et les descriptions qui ont pris un certain temps. Mais ce signe était en fait super rapide et super facile à faire, parce que tout ce que nous avions à faire était utilisé pour modéliser puis faire face. Cela paie le style de ce que nous avions fait auparavant. Maintenant, vous savez comment utiliser le même style sur une page entière ou sur différentes pages. Super rapide, super rapide. Continuons et commençons cette signature à la page suivante. À la prochaine conférence, les gars.
7. de la conception : À la à la page: Très bien, gars, dans cette conférence, on va aller de l'avant et commencer à concevoir notre page à propos. Alors commençons juste. Donc nous connaissons déjà la perceuse avec le backend pour le site, nous allons aller à toutes les pages. Ensuite, nous allons trouver notre page à propos que nous avons créé avant puis je vais juste cliquer sur éditer, puis ajouté avec L un mentor. Et comme toujours, nous allons descendre aux paramètres, nous allons aller à Il y a mise en page et puis élémentaire er complet avec génial. Alors commençons maintenant,
les gars, les gars, à mon avis, parce que nous avons fait un si bon travail sur notre page d'accueil et à son début ici, patiente a même parlé d'elle-même et que feriez-vous sur notre page de cours ? Nous n'aurions pas nécessairement besoin d'une page à propos à ce stade parce que nous
nous présentons et ce que nous sommes. Donc bien, cependant, je vais vous montrer comment vous pouvez faire un rapide mais toujours très efficace sur la page. Donc ce que je vais aller de l'avant et faire est de cliquer sur les modèles ici, puis sur les pages que je
vais chercher AB à propos parce que, bien sûr, va être pré-faits modèles pour les pages, et alors nous pouvons juste regarder à travers, trouver quelqu'un qui a l'air sympa. Et je suis attiré par celui-ci parce que c'est un signe très simple, donc je vais vérifier. C' est donc un design très simple qui se passe, et nous pouvons les rediriger pour montrer d'autres chaînes, comme un Twitter YouTube. Nous ne faisons pas vraiment que vous utiliseriez Instagram pour que nous puissions ajouter Instagram ici et ensuite Facebook, n'est-ce pas ? Et puis il y a d'autres choses ici que nous pourrions éditer. Alors allons-y et utilisons-la. Je vais cliquer sur l'insert. Bon, alors nous y voilà. Tout d'abord, décidons de ce que nous voulons réellement utiliser ici. Maintenant, nous avons le sujet de nous. Nous avons un beau fond. En fait, j'aime ça et c'est une sorte de placer avec notre thème déjà et avec notre
thème de couleur , accord. Même si c'est probablement plus orange, je l'aime vraiment. Je vais changer ça. Mais il n'y a rien dans le design que je veux changer ici. Alors, bien
sûr, on va changer à travers ça. Il n'y a pas le logo Twitter qui dit Facebook ? On va le changer en Instagram. Et puis nous avons notre histoire, ce qui me semble vraiment sympa. Je vais aller de l'avant et enlever ce cœur même si nous aimons les cœurs. C' est charmant. Excusez le jeu de mots. Je ne pense pas que ça concorde avec le design ici. Du moins pas celui que j'ai en tête. Donc je vais enlever celui-là, et je vais descendre, et en fait je vais aller de l'avant et enlever la vidéo et cette partie aussi. Et je vais aussi les supprimer parce que nous n'allons pas utiliser dans le
carrousel d'image . Donc, cela s'appelle un carrousel d'image. Vous pouvez voir qu'ils ont ajouté dans plusieurs ici, il y aura un défilement par si vous visitez réellement la page, je vais aller de l'avant et juste supprimer cela. Je vais aller de l'avant et enlever ça aussi. Donc en ce moment, vous voyez un signe assez simple dans propre, non ? Alors commençons par la paire supérieure. Maintenant nous avons à propos de nous, qui je pense peut être là parce que c'est comme ça notre page, non ? Et puis on va aller de l'avant et modifier les prises, je vais cliquer sur les soins et je vais changer. Ça prend. Donc ça prend juste ici. Je vais éditer dans un peu. Mais je vais faire cependant son accent un peu plus sur le design. droite. Donc, nous avons un Facebook, donc c'est vraiment génial, mais nous n'utilisons pas ou n'avons pas à Witter. Et aussi il est dit Facebook ici pour une raison quelconque. Alors quoi ? Je vais aller de l'avant et changer sexuellement ça en Instagram. Si je clique dessus, on peut le voir ici. Maintenant, c'est dire sur I come box on l'a utilisé avant. Maintenant ce que je vais faire, c'est supprimer le Twitter comme ça et je vais
chercher Instagram. On y va comme ça et en bas, je vais juste écrire Instagram. Ok, maintenant
, bien sûr, je veux changer les couleurs aussi parce que nous utilisons le bleu Facebook ici, le rouge YouTube ici. Mais c'est une sorte de couleur bleuâtre étrange pour instagram en ce moment. Instagram C'est délicat parce qu'ils utilisent Grady et les couleurs signifiant beaucoup de différentes . Mais la couleur la plus importante pour Instagram est le genre de couleur rougeâtre ou violacée qu' ils ont. Donc je vais aller de l'avant et juste le google. Et ici, je vais juste chercher Instagram Hex Caller Red. On y va. Donc, la première chose, normalement vous pouvez juste aller de l'avant et copier ce code, mais je sais que c'est le code de couleur bleue. Et encore une fois, le logo Instagram est beaucoup de couleurs sont généralement il n'y aura pas ce genre de problème . Donc on va juste aller voir ça. De quelle couleur est le logo Instagram ? On y va. Et puis nous avons l'hexagone rouge Violet. Ok, c'est le code que je cherche. Donc je vais aller chercher cette copie, et ensuite je vais y retourner. Je vais entrer, entendre cliquer ici, passer au style, et d'abord changer la couleur de l'icône, non ? Et quand je clique ici, effacer ce collé et leur aide ISS est une couleur vraiment agréable et définissant. J' adore ça. Je vais faire cette scène avec concours. Je vais juste cliquer sur le contenu ici. On peut voir qu'il a encore cette couleur bleue. Je vais l'effacer. Mets-le là-dedans. Et nous y voilà, regardant beaucoup, beaucoup plus gentil. Et puis on va ajouter du texte ici aussi. Mais je vais le faire souvent. Le design, tout d'
abord, je veux clouer le design ici. Et puis nous avons notre histoire dans notre histoire, en fait, vraiment comme cette partie maintenant notre histoire va être sur la façon dont nous avons construit cette entreprise, pourquoi nous faisons ce que nous faisons. Nous voulons renforcer le lien émotionnel. Mais il y a une autre chose que je veux ajouter ici qui est super importante, et c'est une sorte d'entonnoir. Maintenant, regarde en bas. Vous pouvez voir qu'il n'y a rien qui se passe quand ils viennent ici et ils commencent à apprendre un peu à propos de ceux qui les entonneling orteils d'autres sites Web que nous allons nous
assurer qu'ils seront envoyés avec un dans une nouvelle fenêtre, bien, afin que nous ne les perdions pas en tant que visiteur sur notre site Web. Mais ce que nous voulons aussi faire lorsqu'ils descendent, c'est leur donner des incitations à aller
ailleurs . C' est comme l'architecture offre un site web. Que se passe-t-il quand ils défilent jusqu'au bas ? Nous avons encore ce menu, mais nous voulons les envoyer quelque part. Et quel est le meilleur endroit où les envoyer ? Ça va être la larme des étoiles. Commencer ici, c'est de les suivre, les
réchauffer après qui nous sommes, ce que nous allons ensuite les envoyer à nos cours. Donc je vais simplement aller ici avec les éléments vers lesquels je vais passer, mais certains et moi allons le mettre en bas là-bas. On va rendre ça très simple. Je vais le centrer. Je vais écrire. Commencez par ici. Maintenant, ce bouton et l'incitation ou plutôt l'appel à l'action pour cliquer dessus vont beaucoup plus de sens quand j'aurai lu et cloué ce texte, non ? Mais je vais tout concevoir en ce moment. Et j'allais écouter l'espace entre le bas et le texte aussi. Donc on va le garder petit devant. Eh bien, allons-y avec le moyen. En fait, ouais,
ça a l'air plus sympa. Je vais passer au style, et ensuite je vais aller à la typographie parce que je veux la transformer en majuscules. Je pense que ça a l'air beaucoup mieux. Super. Et puis on va aller à l'effet de vol stationnaire parce que j'adore ça Comme on va utiliser Croissance. Donc on a ce bel effet, ok ? Et puis on va commencer à éditer cette section ici. Donc je vais juste cliquer ici, passer pour avancer que nous pouvons voir que le fond il y a un rembourrage qui se passe,
ce qui est beaucoup de sens. C' est comme ça que nous obtenons ce joli look. Mais nous voulons que le bouton soit plus près. Donc je vais juste aller de l'avant et jouer avec I list to 15. Je pense que 15 a l'air assez bien. Voyons au moins. Prévisualisons les modifications et voyons à quoi elles ressemblent. Donc c'est ce que nous avons en ce moment. Défilons vers le bas. Nous avons notre histoire, et puis nous avons ce début ici, mais c'est donc super propre et super simple. Pour être honnête, tout ce que nous avons fait est de supprimer quelques choses. Et maintenant, on va juste éditer ces prises. Je vais mettre les liens ici. Nous pouvons également voir qu'ils ont un effet d'ombre stationnaire. C' est vraiment sympa. Et puis je vais lier ça commence ici à ce début ici, Page. Mais tout d'abord, laissez-moi juste dans une description pour que je puisse vous montrer ce que j'ai lu. Pourquoi je l'ai écrit et je vais te montrer à quoi ça ressemble quand tout sera fini et fini
va être terriblement ennuyeux à regarder. Pourquoi je l'ai écrit et je vais te montrer à quoi ça ressemble quand tout sera fini et fini Je vais te voir dans une seconde. Très bien, donc c'est à ça que ça ressemble et ce que nous avons jusqu'à présent, j'ai vraiment bouclé,
point . C' est écrit Robin. Et juste pour LTD est une entreprise. Cela a commencé son voyage 2016 avec une seule question à l'esprit. Comment commencez-vous à gagner de l'argent en ligne à partir de zéro ? Maintenant, c'est une belle introduction merveilleuse, surtout en les laissant avec une question. Comment tout a commencé ? droite. Les gens sont ici à la section à propos des États-Unis pour en apprendre davantage sur nous, donc nous leur donnons l'histoire maintenant dans ce modèle, nous les suivons directement dans Facebook. Avoir aussi lire qu'ils peuvent visiter Facebook pour en apprendre davantage sur les dernières tendances dans le
marketing numérique Instagram pour apprendre ou si ils sont juste intéressés par notre vie quotidienne et puis vous pour voir où tout a commencé. C' est ce qu'on a commencé. Notre voyage, c'est s'ils veulent vraiment apprendre à nous connaître qui nous sommes, quoi nous sommes. Nous avons beaucoup de tutoriels sur YouTube et nous avons aussi nos débuts sur YouTube depuis nous faisions des vidéos en suédois et tout et que nous travaillions vers le haut de l'entreprise. Droit ? Donc, il y a beaucoup de bonnes choses ici, et il y a aussi beaucoup de preuves sociales pour combien et combien nous avons grandi sur cette plate-forme. Par exemple, sur YouTube, nous avons ah, croire qu'il est là sur 15 millions de vues en ce moment, ce qui est énorme. Et puis j'ai lu notre histoire et je viens de décrire comment tout a commencé, non ? Et puis je termine la note avec ce site Web, et les affaires en sont le résultat, et maintenant nous voulons le partager avec vous. Commencez par ici. Vous n'avez peut-être pas lu tout ça, mais je leur donne l'histoire. Comment tout a commencé, comment nous avons appris ce qui a fonctionné, et je veux partager cela que nous avons appris clairement qui fonctionne parce qu'il ya tellement preuves
sociales sur ce site déjà. Il est hors de l'ombre d'un doute que ce système que nous avons fonctionne, ils peuvent en apprendre plus ici en cliquant simplement sur le début. Ici, Page droite, Jusqu'à présent si bon. Maintenant, la seule chose que je veux vraiment changer, c'est que je voudrais vraiment changer perspectives ou que le signe de cette partie, comme vous pouvez le voir, tout tourne ou dessine vers la droite comme nous l'avons fait. n'y a qu'une seule route ici, et elle est placée à droite. C' est logique car alors vous n'avez pas besoin de l'espace entre les colonnes. Mais ça a l'air terrible. Par exemple, cette partie, à mon avis. Donc ce que je vais faire, c'est retourner ici. Je vais aller de l'avant et faire face à cela et cliquez sur soins et simplement coller le style. Et puis passons un aperçu des changements. Donc ça a déjà l'air beaucoup mieux. Ce que je veux, cependant, c'est un peu plus d'espace entre eux. Alors je vais y aller et y retourner. Je vais cliquer sur pour l'appeler ici, passer à avancé, et ensuite je vais mettre une marge à l'ascenseur. Disons ça et mettons-en 10 Je pense que ça ira. Nous pouvons également aller de l'avant et choisir de les annuler ici. Celui-ci a déménagé à avancer dans un lien D. Et puis on va mettre 10 sur la droite ici. Ok, alors allons de l'avant et regardons et prévisualisons les changements et voyons ce que nous avons fait défiler vers le bas. Ok, donc il y a un peu plus d'espace entre ici, et j'aime vraiment le regard de ça. Je suis super heureux et excité à propos de ça, et ça a l'air vraiment, vraiment sympa. Maintenant, vous n'avez pas besoin d'avoir une page à propos de nous et une page à propos de moi, mais cela peut être une bonne idée, surtout si vous n'avez pas vraiment inclus beaucoup d'informations sur vous-même. Si vous allez pour un minimaliste ce signe sur votre site Web maintenant, nous avons en fait beaucoup d'informations qui nous sommes, ce que nous sommes sur etcetera dans la page d'accueil pour commencer ici et dans le cours est page. Mais nous faisons toujours la page à propos de nous afin d'apprendre à quelle vitesse et comment simplement vous pouvez créer ce genre hors page. Droit ? Cela a été fait en peu de temps du tout, et ça a l'air vraiment, vraiment sympa. Alors quoi ? Je vais aller de l'avant et faire maintenant, les gars, c'est que nous allons passer et commencer cette signature. La ressource est la page. La ressource est la page est super importante. C' est là que nous pouvons avoir beaucoup de plaisir avec nos liens d'affiliation où nous pouvons donner et apporter beaucoup de valeur à nos visiteurs aussi, leur montrant
simplement ce que nous utilisons, ce que nous recommandons et ce qui fonctionne. Alors passons à la prochaine conférence et passons par et commençons à signer. Une ressource est Page. On se voit là, les gars.
8. la conception : Page de ressources: D' accord, les gars. Bienvenue de retour. Allons de l'avant et commençons à concevoir. Notre ressource est Page. Tu connais la perceuse. Nous commençons à l'arrière et pour les pages du site Web. Toutes les pages que nous allons aller à la ressource est que nous allons cliquer sur éditer et ensuite terminé avec les
éléments sont en panne. Deux paramètres changent la mise en page à pleine avec, et là nous allons. Honnêtement, c'est presque comme si on l'avait déjà fait, alors commençons maintenant. Pour commencer correctement ici, je veux vraiment vous montrer quelque chose d'intéressant. Maintenant, si vous allez de l'avant et que vous cliquez sur les modèles ici, vous saurez déjà que si vous voulez utiliser un certain bloc, nous avons la section bloc ici. Vous pouvez simplement les faire défiler, choisir un bloc, commencer à l'éditer , l'
utiliser etc. Et il y a des blocs de Tom à utiliser. Mais il y a une autre chose que vous pouvez faire que pas beaucoup de gens, je pense vraiment utiliser correctement. Et c'est d'aller aux pages et de trouver une page ici. Ça a l'air vraiment sympa. Prenez ce bloc du collé que vous voulez utiliser, puis sautez le reste. Donc, si nous regardons celui-ci, par
exemple. On peut voir qu'on a un type assez gentil. R Vous ne trouverez pas cela dans la section du bloc, mais ce bloc lui-même fait partie de la page. Donc, ce que nous pourrions faire est que nous pourrions insérer cette page entière, puis supprimer tout le risque qui est là et juste utiliser ce bloc. Donc on va aller de l'avant et faire ça maintenant. On va cliquer sur insert, et on fait défiler vers le bas. On va juste enlever toutes ces choses une par une. C' est là. Celle-là est partie. Celui-ci est parti. Et vous savez, intéressant, c'est vraiment une page vraiment sympa si vous vouliez utiliser. Ceci est une ressource est la page que vous pourriez vous conduire à cheval n'importe quelle ressource dont il est que vous voulez écrire ici en ajoutant une image hors de lui Ici, faire la même chose. Ici, Ici, C'est comme ça certains a été fait pour la ressource est que je peux fortement recommander celui-ci, mais je veux vous montrer et a décidé que j'aime vraiment et que vous pouvez copier si vous voulez. Vous pouvez faire votre propre design, mais je veux que vous sachiez comment faire ça. Alors continuons à enlever dans un couple qu'on ne veut pas. Et nous voilà. Ok, alors commençons à faire du montage. Tout d'abord, je veux changer cela et ensuite je vais écrire quelque chose comme la ressource est que nous utilisons quelque chose comme
ça,
parce que ça, nous allons seulement recommander des choses que nous utilisons et des entreprises que nous pouvons réellement pas derrière. Maintenant, rappelez-vous, si vous faites une ressource est biper votre affilié avec une sorte d'entreprise. Si c'est une mauvaise entreprise et que vous le recommandez,
ça ne va pas vous paraître bien. Donc, ce que nous faisons, c'est que nous ne recommandons que les entreprises que nous avons utilisées nous-mêmes en qui nous avons confiance et que nous apprécions. Bien sûr, s'ils offrent un excellent service, nous allons les recommander. Alors je vais écrire. La ressource est que nous utilisons. Et en fait, je creuse ça, donc je vais laisser ça pour l'instant, et ensuite je vais changer ce texte, et je vais écrire quelque chose comme si c'était une collection. Toute notre ressource la plus précieuse est que nous voyons l'utilisation et la commande chaleureusement rec. Et maintenant je vais faire quelque chose de super important. Et nous en avons déjà parlé, non ? Je vais faire ça. Je vais cliquer ici. Je vais frapper Entrée pour qu'on, tu vois, ça saute comme ça et je vais écrire un avertissement. Certains liens seront des liens d'affiliation. On y va. Et maintenant ce que vous devez faire selon qui vous êtes, quelle est votre relation avec vos visiteurs, etc. Vous pourriez en fait écrire quelque chose de supplémentaire ci-dessous avec le maïs est quelque chose comme l'utilisation de liens d'affiliation signifie ou vous pourriez même ajouter dans une exécution supplémentaire page entière sur liens
d'affiliation de l'eau sont et pourquoi vous les utilisez. Parce que lorsque les gens découvrent que les liens d'affiliation est en fait quand vous le propriétaire du site Web, obtenir une coupe pour le recommander et qu'ils obtiennent généralement beaucoup mieux à cause de cela , alors généralement les visiteurs sont très heureux de cliquer sur le lien d'affiliation. Sinon, cela ressemble à des gens, ou vous recommandez l'entreprise pour un dollar rapide. Mais ce n'est pas de ça qu'il s'agit. À la fin, vous pouvez expliquer le modèle hors, la société obtient une vente, vous obtenez une coupe et ils obtiennent une meilleure affaire. Ils sauront que c'est une situation de victoire gagnante. Et en général, nous voulons être vraiment ouvert que nous utilisons des liens d'affiliation et c'est vraiment une bonne chose c'est vraiment une bonne chose. D' accord, mais pour l'instant, on va rester simple. Ensuite, on va aller de l'avant et commencer à faire un design, et je veux vous montrer quel genre de décider si on va utiliser. Je vais cliquer sur le plus ici, et je vais l'utiliser pour les appeler design. Donc, la façon dont nous allons faire cela est que nous allons passer à des éléments ici , et je vais utiliser un là-bas. Il est sur l'image à gauche. D' accord. Et je vais utiliser un cap à droite. Ok, donc ce que je vais faire, c'est mettre un gros rembourrage autour de ça. Donc, ce que je veux dire avec ça, c'est que même si nous avons une couche sur tout le site
comme ça, ça,comme le dessus de la section pli, nous allons faire un assez gros rembourrage parce que nous voulons avoir cette épée hors boîte design ici , n'est-ce pas ? Donc, nous ne voulons pas utiliser trop de prises Nous ne voulons pas utiliser de grandes images. Donc on va rendre ça très étroit. Et dans ce genre de design étroit, nous allons utiliser sur l'image de l'entreprise. Nous allons décrire l'entreprise ici, puis nous allons aussi aller de l'avant et ajouter du texte sur l'entreprise et potentiellement l'accord. Donc, les entreprises et la ressource est que nous serons recommandés serait l'hôte bleu. Je veux dire, nous aimons ces gars. Élémentaire, évidemment,
élémentaire, c'est génial. Vous n'avez pas besoin de l'avoir, mais il est génial si vous voulez aller avec le plein off, échouer pour créer des vidéos étonnantes à Instagram Feed retour avec ce qui est rend la vie vraiment génial quand vous faites Amazon FDA hors cours vous de rencontrer et partage de compétences. Ce sont donc les outils que nous utilisons et que nous pouvons recommander chaudement. Ok, donc le 1er sera l'hôte bleu. Donc ce que je vais faire ici, c'est que je vais cliquer ici et que je vais écrire des
hôtes bleus comme ça. Ok, maintenant je vais passer dans les éléments, et je vais ajouter un texte ci-dessous comme ça. On y va. OK, donc on a un hôte bleu. Je vais cliquer ici, et j'ajouterai le logo de l'hôte bleu. Et j'ai déjà pris la liberté d'aller de l'avant et de télécharger les images que j'ai
transformées en J pic. Je les ai compressés, vous connaissez le marché. Et si vous trouvez que votre médiathèque ressemble à
ceci, c'est parce que vous obtenez un tas d'images lorsque vous utilisez réellement un modèle, un modèle de page ou même un modèle de bloc. Alors ne paniquez pas. Si cela ressemble à ceci, vous pouvez simplement aller de l'avant et cliquer dessus. Utilisez plus si vous voulez, mais cliquez sur eux, puis supprimez définitivement et ils sont partis. Ok, je vais faire défiler vers le bas, et on va utiliser celui-là. C' est le logo de Blue Host. Je vais cliquer sur insérer un média pour que vous puissiez voir que c'est vraiment grand. Vous pouvez voir que ce n'est pas un bon design. Si on va de l'avant et que je fais défiler vers le bas, vous pouvez voir que je veux dire, rien de trop impressionnant, non ? Je n'aime pas vraiment ça en ce moment. Alors quoi ? Je veux dire, quand je parle d'eux plus enfoncé. Le signe est que je vais aller de l'avant et cliquer ici, non ? Je vais éditer cette section. Je vais aller à Advanced, et ensuite je vais ajouter une grande quantité de rembourrage. Commençons par 200. Allons devenir fous. Allons-y avec 300 comme ça. D' accord. Et puis je vais m'occuper de ça parce que je ne veux pas autant de rembourrage sur le dessus. On pourrait le faire. Peut-être avec ne pas faire quelque chose à fou, nous allons faire avec deux 100 frapper sur le dessus pour l'instant. Et maintenant, nous allons prévisualiser ces changements en défilant ici. On voit qu'il y a beaucoup d'espace dans la vie. Il y a beaucoup d'espace à droite, et c'est comme ça que je veux le garder. Pour que cela signe. Je veux montrer aux chercheurs que nous avons un désir direct à ce point, et je veux leur offrir quelque chose de juste. Je veux leur offrir une offre ou s'il n'y a pas d'accord comme vous n'avez pas à utiliser le lien d'affiliation . S' il n'y a pas d'affilié, par
exemple, vous leur offrez simplement le lien afin qu'ils puissent le saisir et commencer à l'utiliser. Il s'agit d'apporter de la valeur aux visiteurs, n'est-ce pas ? N' oubliez jamais qu'il s'agit d'apporter de la valeur. Donc ce que je vois ici, c'est que c'est juste trop grand que nous attendons d'être et je veux plus d'espace pour le texte. Donc je vais y retourner, et je vais changer le spectacle des rayons ici. Donc on va faire quelque chose comme, passons ça à 28. 72. Peut-être que ça le pousse un peu. Lister 35 65 et je vais prévisualiser les changements et voir ce que nous avons. Donc encore trop grand. À mon avis, je vais revenir ici et je vais le déplacer vers le bas. Déplaçons le à 28. Je vais encore prévisualiser les changements. D' accord ? Donc, en fait, maintenant on parle un peu plus, non ? Je vais aller de l'avant et augmenter ce rembourrage encore plus parce que je veux vraiment parler celui-là. Alors allons avec 400 pour l'instant et voyons ce que nous obtenons. D' accord. Et puis 400 ici, et je vais cliquer. Um, aperçu des changements. Ok, donc c'est exactement ce que je cherche. Je suis super heureux avec ça maintenant. Il y a juste une autre chose que je veux faire avec celui-ci, et c'est de la mettre dans un livre littéral, OK. Et la façon de le faire est super simple. Ce qu'on va faire, c'est d'abord commencer par cette colonne. Maintenant, je vais cliquer ici pour éditer la colonne. Je vais passer au style, et ensuite ici, on a Border King. Maintenant, tout ce que j'ai besoin de faire est de définir le type de bordure sur Saul. Je vais résoudre le type de frontière, puis nous avons son fond droit et son ascenseur. Si je clique sur un comme ça, il obtient en fait une bordure. Tu peux voir ça, non ? Et puis je vais aller de l'avant et je fais la même chose. Mon clic sur l'édition de cette colonne et je vais au style et je vais à la frontière et je vous change juste trop solide, et je clique sur un. Alors maintenant celle-ci se fait demander une frontière. Eh bien, donc si j'y vais et que je peux venir prévisualiser les changements, on peut voir qu'ils ont des frontières autour d'eux en ce moment. Et ça a l'air vraiment sympa. C' est juste une petite chose. Et c'est que cette ligne entre les deux qui n'a pas l'air trop belle fait parce que cela les sépare et je veux qu'ils soient dans un grand, beau livre. Donc ce que je vais faire, c'est que je vais retourner ici et je vais commencer par éditer cette colonne. Je vais emménager ici, et ensuite je vais lier ces valeurs parce qu'on veut supprimer les bonnes frontières. Je vais cliquer sur ce 20 pour passer à cette colonne, puis je vais styler la frontière, et ensuite je vais traiter, et je vais enlever celle de gauche. Je vais cliquer sur 1 à 0. Et maintenant, nous allons juste prévisualiser ces changements défilant vers le bas. Et ce n'est pas déjà plus agréable ? Grand, grand fan éteint. C' est vraiment heureux à propos de ça maintenant ? Ce que je veux faire à côté est en fait d'ajouter du rembourrage parce que je pense juste que c'est un peu entassé là-dedans. C' est trop serré. Donc je vais aller de l'avant et aller à l'édition de la colonne juste comme ça. Et maintenant je vais passer à avancé ici, et je vais m'asseoir un rembourrage. Et essayons quelque chose comme San. Nous devons nous rappeler que ces air assez signer maintenant déjà. Donc je vais faire la même chose pour cette colonne, non ? Je vais aller avec Paddington, puis cliquer sur les changements précédents et voir ce que nous
recevons . D' accord. Donc rien de trop fou. Je pense qu'on peut vraiment monter ça un peu. Alors poussons un peu la limite. On va aller avec 30 pour faire la même chose ici. Je vais appuyer sur celui-ci jusqu'à 30 et ensuite on va revoir les changements. Il y a beaucoup de prévisualisation C'est comme ça que la conception fonctionne, tu sais ? Donc, ça commence à paraître de plus en plus beau. Je creuse ça. D' accord ? Vraiment, vraiment sympa. Donc, ce que je voudrais faire est en fait augmenter la taille un peu ici. Je vais y aller et faire ça. Vous pouvez voir que ça n'a pas l'air trop beau ici. Droit ? Et pourtant, quand on va ici, ça a l'air très agréable. Donc je vais cliquer ici, et ensuite je vais aller de l'avant et augmenter ça pour passer à 29. 30.2. Ça va se passer. Et je vais aussi entrer ici et je vais ajouter un fond en bas ici. Et nous allons écrire quelque chose comme essayer maintenant sur ce fond juste comme ça. Et bien sûr, je vais vouloir coiffer ça. On l'a fait tant de fois avant, non ? Je vais le transformer en majuscules comme ça. Je vais le garder de petite taille, très certainement. Et puis je vais aussi aller de l'avant et le déplacer dans l'animation de vol stationnaire et ensuite grandir comme ça. Donc, nous allons prévisualiser ces changements. Donc, ça a l'air plutôt sympa. Et la prochaine chose que je vais vouloir faire est en fait de supprimer l'espace entre ici parce que c'est avoir trop d'espace entre les deux et je veux envoyer à l'image. Allons de l'avant et faisons ces deux choses. Je vais cliquer sur cette image. Je vais le centrer comme ça et on peut aussi descendre la taille. Celui-ci est aller avec moyen il. Vous pouvez voir quand il perd trop de qualité
9. la page des ressources 2020, 2e partie: Et puis je vais aller de l'avant et cliquer sur cette colonne juste ici. Je vais passer à avancé, et on a le rembourrage, non ? On va s'occuper du rembourrage et partir à l'ascenseur. On va enlever ça. Gardez-le à zéro. Et maintenant ça. Prévisualisez à nouveau les modifications. D' accord, donc ça a l'air tellement plus sympa avec cet espace qui se passe ici. Maintenant ce que je vais essayer ensuite. Puisque nous ne voyons pas trop de mouvement sur l'image ici, ce qui a probablement à voir avec la taille de l'image, je vais aller de l'avant et commencer à jouer avec les boutons. Alors revenons en arrière. Cliquez sur ce bouton et essayons de le centrer, puis cliquez sur les modifications d'aperçu. Bon, maintenant on a des résultats. On peut voir que ce corps est juste en bas. Maintenant, clairement, cette image, à mon avis, est un peu trop petite parce que même le petit bouton est plus grand. Donc, je veux que ça soit entassé. J' ai envie de signer, mais je ne veux pas avoir ces gros boutons. Alors allons-y et rendons-le encore plus petit et vérifions-le. Donc ça a l'air vraiment sympa, les gars. Ok, donc le bouton est encore un peu plus grand, mais à cause de la hauteur, je suis en train de creuser ça. C' est plus direct au point. Donc tout ce que j'ai vraiment besoin de faire ensuite c'est d'aller de l'avant
et de cliquer sur cette section ici, et je vais aller de l'avant
et cliquer sur la copie, puis je vais descendre ci-dessous et je vais la coller dans. Ok, maintenant, bien sûr, il y a quelques choses qu'on va devoir changer dans celle-là. On va aller avancer, et ensuite on va mettre le top taping. Nous voulons l'enlever comme ça. Ils allaient y aller. Et puis pour celui-ci, ce haut veut aller à l'avance si nous voulons enlever le tapotement du bas. OK, donc maintenant nous pouvons voir qu'ils se connectent réellement. Donc maintenant, si je sors et prévisualise les changements et fais défiler vers le bas, nous pouvons voir qu'ils se connectent. Et ça a l'air vraiment, vraiment sympa. Je creuse que maintenant vous pouvez voir que cette ligne est en fait extra forte. Et c'est parce qu'il y a deux lignes qui coupent et coupent ici. Donc, tout ce que nous avons besoin de vraiment aller de l'avant et de faire est de revenir en arrière puis de cliquer sur l'un de ceux-ci
allaient aller avec celui-ci pour l'instant. Et puis on va cliquer sur la colonne de droite et on va aller à Style Border, et ensuite on va trouver la bordure supérieure. On va cliquer sur zéro. On va faire la même chose avec cette bordure de style frontière, et ensuite on va devenir trop sérieux. Alors sortons et prévisualisons les changements. Ok, donc ça commence déjà à paraître beaucoup plus sympa, n'est-ce pas ? Donc, si nous allons de l'avant et regardons combien de ressources est que nous allons utiliser, il va être 12345 et six ressources est. Et maintenant, nous devons le faire. Allons-y et préparons ça bien ? Donc ce que je vais faire, c'est préparer ça un peu. Je vais cliquer sur éditer cette section et puis je vais enlever le rembourrage inférieur comme ça. Ok,
ça a l'air vraiment sympa. Maintenant, rappelez-vous, je suis déjà allé de l'avant et j'ai enlevé la bordure supérieure pour ceux-ci. Donc maintenant, quand je vais de l'avant et que je pourrais être toute cette section, je peux juste la coller ici et ça va marcher. Ça fait trois au total quatre, cinq et six. Alors allons de l'avant et prévisualisons ces changements si fantastiques, nous avons ajouté dans tous ces changements. Maintenant, tout ce que je vais faire est de commencer à les éditer, puis ajouter les informations que je veux ajouter et quand j'ai fait quand j'ai ajouté dans les images, quand j'ai lu dans les en-têtes et que j'ai lu dans les descriptions que vous connaissez déjà comment faire bien et, bien
sûr, lié. Mais certains et tout. Alors je vais vous montrer les résultats finaux. Je te verrai dans une seconde. D' accord, les gars. Nous avons donc les résultats. Je pense que ça a déjà l'air sympa. J' ai été un travail très simple mais beau en écrivant l'en-tête et les descriptions de tous ces cours. Maintenant, il y a quelques autres choses que je veux faire ici et le 1er 1 étant que je veux augmenter la taille de l'en-tête et je veux aussi augmenter la taille de la description. Et puis je veux centrer ces sections dans cette colonne. Vous pouvez voir que le Texas va ici, mais celui-ci le bouton essayer maintenant et le logo est en fait un peu loin dans cette colonne. Donc une chose à la fois, non ? Donc, ce que nous allons faire, c'est que je vais commencer par cliquer sur Blue Host, aller à la typographie de style, et je vais jouer un peu avec le site. Alors essayons quelque chose comme, tu sais, de gagner cinq ans. Allons-y avec 25 voir à quoi ça ressemble. Donc ça a l'air beaucoup mieux, à mon avis. Donc, je creuse 25. Je vais juste sur un bâton avec. Habituellement, je vais en avant et en arrière et essayer différent, mais je suis très heureux avec cela. Ensuite, je vais aller vers la description ici, vais passer au style, puis à la typographie, et je vais jouer un peu avec ça aussi. Allons-y et essayons 70 et voyons ce qu'on va bien. Et je vais prévisualiser ces changements. Donc je creuse ces
grands moments. Vous pouvez voir qu'il y a beaucoup plus d'espace en quelque sorte créé ici aussi, ce que je profite vraiment maintenant. Vous pouvez également remarquer que pour une raison quelconque, nous avons toujours la couche supérieure hors de la frontière ici. Donc je vais aller de l'avant et m'occuper de ça maintenant, aussi. Alors je vais y retourner. Je vais aller ici à cette colonne va être une bordure de style. Et pour une raison quelconque, le top est sur. Je vais juste enlever ça comme ça. OK, donc celui-là, la taille est superbe. Décisif. La description est géniale. Maintenant, je veux envoyer ces deux-là, donc je vais aller de l'avant et modifier l'appel juste ici. D' accord ? C' est dans cette colonne, puis ici à la disposition, nous avons la ligne verticale. Ok, donc aligner verticalement. Je vais mettre au milieu comme ça. Et maintenant je vais aller de l'avant et prévisualiser ces changements pour que vous puissiez voir que ça se met
au milieu comme ça. Et je creuse ce grand moment. Je pense que ça a l'air vraiment sympa. Je suis super content de ça. Maintenant, une autre chose que je veux faire et qui est d'augmenter le rembourrage de celui-ci
juste pour lui donner un peu plus d'espace tout autour. Ok, donc je vais y aller et y retourner, et ensuite je vais y aller. On a le rembourrage. Je vais l'augmenter à 40 comme ça. Quatre jours et Ford. Et puis avec va sans dire que nous devons faire la même chose dans celui-ci. Avancé. Je vais faire Fordice tout droit, juste comme ça. Anomalous prévisualisez ces modifications. Très bien, donc ça a l'air vraiment, vraiment sympa. Maintenant, allons-y et copions. Coller ça à tout le reste, non ? C' est super facile à faire. Tout ce que je vais faire, c'est que je vais commencer une des colonnes. Peu importe lequel. Commençons par la gauche. J' aime une copie de pistolet, puis je vais coller le style et je vais coller le style et le style de rythme. Nous y sommes. Je vais payer style, et je vais suivre le style aussi. Et maintenant faisons la même chose pour cette colonne. Je vais juste aller de l'avant et copier coller le style coller Le style tout droit au style a été
collé pour tout le monde. Maintenant, on va aller de l'avant et faire la même chose avec les tueurs. Je vais juste y aller et copier l'en-tête ici, puis je vais emménager ici et coller le style. Et enfin, faisons-le avec la description, ok ? Je vais juste copier. Va ici et je vais payer les gars de style. Ça ne devient pas plus excitant que ça, n'est-ce pas ? Tu vas continuer à coller ce style. Et maintenant, allons de l'avant et regardons les aperçus. C' est le précédent, et maintenant nous avons un grand changement, n'est-ce pas ? Donc on a plus de rembourrage entre ceux-ci, non ? Et nous voyons aussi qu'il y a que ces air centré L'en-tête est plus grand. La description est plus grande. C' est juste vraiment sympa, tu
ne trouves pas ? Je pense juste que ça a l'air vraiment sympa et vraiment propre. Maintenant, ils ont la capacité d'aller de l'avant et de l'essayer. Nous avons la description pour cela et tout. Donc, je suis juste vraiment content de ce design. Dans l'ensemble, il y a juste une chose que je veux ajouter et qui est juste un perfectionniste en moi, et c'est que nous voyons que ceux-ci sont plus épais. Donc tout ce que je vais faire, c'est y retourner. Je vais choisir cette colonne. Je vais aller à la frontière de style et ensuite au sommet quand je vais faire un peu plus épais. Et je vais faire la même chose ici. Je vais cliquer ici, aller au style, cliquer sur Bordure, puis rendre le haut un peu plus épais. Prévisualisez ces modifications et cochez la partie supérieure. Maintenant, nous voyons qu'il est juste un peu plus épais et qu'il s'intègre avec le reste de la conception. OK, donc celui-ci que nous avons obtenu gratuitement que nous avons créé nous-mêmes semble vraiment sympa. Maintenant, voici comment vous allez de l'avant et vous créez votre ressource est page. N'
oubliez pas que vous avez Pretty Ling. N'
oubliez pas que vous avez Pretty Ling. Alors allez et prenez vos liens d'affiliation étaient pour ceux que vous avez des liens d'affiliation pour, puis mettre affilié Ling dans vos jolis liens vers qui va vous aider avec s e O et aussi vous donner des liens traçables et agréables à la recherche. Alors tu as mis ce lien dans le bouton juste là, non ? Ils ont donc quelque chose à cliquer. Et si vous parvenez à vous connecter dans une entreprise, si vous leur parlez et obtient une offre spéciale Fantastique. Beaucoup d'entreprises vont vous donner quelque chose à votre visiteur pour être un affilié. Donc nous allons passer à la prochaine conférence, et nous allons commencer à éditer et à concevoir notre page de contact. Alors à la prochaine conférence.
10. la conception : Page de contact: D' accord, les gars. Alors passons à autre chose et commençons à concevoir notre dernière page. La page de contact US. Commençons. Donc on connaît déjà la perceuse, non ? On sera à l'arrière de notre site web. Allez les pages, Toutes les pages. Ensuite, nous allons trouver la page de contact et puis cliquer sur Modifier Colligan aidé avec Elementary. C' est ce qu'on a fait avant, tu te souviens ? Et puis nous voilà. Donc nous savons déjà que les choses précédentes que nous avons faites vont toujours être dans cette section juste là. Je vais tout mettre dans une section et on peut faire ce qu'on veut maintenant. Une chose avec la page de contact, que ce
soit juste
contact, contactez-moi, contactez-nous, peu
importe ce que nous appelons ça. Une chose qui est vraiment importante à ce sujet est que lorsque les gens cliquent sur la page de contact , ils veulent vous contacter, non ? Je veux dire, c'est évident, mais mon point est qu'ils veulent aller directement dans le formulaire de contact qu'ils veulent vous écrire. Ce n'est pas l'endroit où mettre un tas d'opts. Un tas d'informations supplémentaires, etcetera, etc. Donc je m'assure de garder ce super duper simple. Juste comme ça. Nous avons déjà fait tout le levage lourd. Nous avons tout beau et bien rangé, mais je vais vous montrer comment vous pouvez ajouter une belle image de fond pour juste, vous savez, vivre un peu et lui donner un design un peu plus agréable. Mais je veux garder ce super simpliste ce signe juste au but. Avec le formulaire de contact lui-même, je pense que c'est parfait. Donc, ce que nous allons faire est de passer aux paramètres, puis de changer la mise en page. Maintenant, vous remarquerez qu'il n'y a pas de barre latérale. Cependant, la section elle-même est affectée par cette couche par défaut. Vous pouvez voir que la section ne va pas jusqu'aux côtés. Droit ? Mais si je le change de la valeur par défaut à complète avec maintenant, nous pouvons voir que la section se déplace réellement jusqu'au site. Et ne vous inquiétez pas pour ça. Ce code fonctionne toujours. Si je clique ici, vous pouvez voir que le dans la forme visuelle est juste un morceau de code. Mais si je clique sur le texte va transférer comme ça. Alors ne vous inquiétez pas. Si vous obtenez ce genre d'avis de code courts, cela va toujours fonctionner dans la version finale. Ok, maintenant ce que je vais faire, c'est juste ajouter une belle image de fond à ça. C' est vraiment tout ce que je vais faire. Et j'ai déjà pris la liberté de trouver une photo de fond sur les choix d'une journée que j' aime. Nous savons déjà comment le faire, et ensuite je l'ai compressé. Donc il a une belle taille et déjà donc tout ce que je vais faire c'est en fait cliquer ici, Ted. C' est la section que je vais aller au style, puis arrière-plan, puis classique et ajouter. Maintenant, je vais juste aller de l'avant et choisir cet oiseau et cliquer sur insérer des médias, OK, et ensuite aller voir à quoi ça ressemble, vous savez, avec les paramètres par défaut, je vais pour cliquer sur l'aperçu des modifications. Ok, donc pas la chose la plus impressionnante au monde, non ? Ce sont quelques choses que je veux changer, et c'est de faire en sorte que celui-ci s'adapte un peu mieux. C' est déjà très bientôt. Et puis je veux jouer un peu avec les couleurs. Ok, alors allons-y et faisons-le tout de suite. Je vais y aller. Je vais être son style. Et puis on va passer à la taille. Je vais le changer pour couvrir. On y va. Et maintenant je vais juste venir prévisualiser les changements pour voir ce que nous recevons. Ok, donc je pense déjà que ça a l'air bien plus sympa, en fait. Comme comment ça va dans l'image de Jesper et moi et dans cette forme
ici . Ce que je n'aime pas,
cependant,c'
est les couleurs très fortes qui se passent ici,
donc je ne suis pas un grand fan de ça. Ce que je n'aime pas,
cependant,c' cependant, est les couleurs très fortes qui se passent ici, Donc ce que je vais faire, c'est juste fondre un peu, non ? Une grande partie du terrain a été hors cours. En outre, sont belle couleur rouge que nous avons utilisé aussi blanc. Nous avons utilisé beaucoup de blanc,
et c'est une sorte de briser le blanc un peu à cause du thème gris assez fort, bleu ish qui se passe. Donc ce que je vais faire, c'est revenir en arrière. Ils vont être son style, et ensuite je vais aller à la superposition d'arrière-plan. D' accord ? Donc je vais aller à la superposition d'arrière-plan, vais être normal, et ensuite je vais cliquer sur classique ici et ajouter une couleur, non ? Je vais ajouter une couleur trop blanc cassé juste pour qu'elle se fond un peu plus avec tout le reste du blanc. Par exemple, le blanc dans les formes, le blanc dans notre menu, même un peu d'élargissement d'une image. C' est une photo en noir et blanc. Donc je vais changer le froid ici. Je vais cliquer sur White comme ça, et vous pouvez déjà voir comment ça fond dedans. Droit ? Donc c'était comme ça avant. Regardez comment il est juste se démarque beaucoup pops, ce qui pourrait être agréable, mais pas pour ce design. Et plus un passage que je lui donne,
plus il s' estompe juste en arrière-plan. Donc je creuse vraiment ça. Alors passons un aperçu de ces changements, et voilà. Maintenant, j'aime ça. Cela en fait littéralement une image de fond, qui est exactement ce que je vise. C' est juste une image de fond. Les étudiants se démarquent de quelque façon que ce soit. La partie importante est la forme. droite. Ok, donc c'est tout. Les gars, c'est le design. Super rapide, super facile. Je veux dire, c'est tout ce qu'on a besoin de tout l'acte. Waas est allé chercher Sabei, saisissant belle image de fond, puis mettre une superposition blanche pour le rendre plus dans l' arrière-plan. Et c'est tout. Donc, vous remarquerez que vous pouvez faire un design à partir de zéro comme nous l'avons fait pour la
page d'accueil pour la page de début ici, etcetera. Vous pouvez également utiliser des modèles, et il les a modifiés, comme vous le souhaitez étaient juste utilisé pour le modèle directement sur. Et vous pouvez faire quelque chose d'aussi simple que de simplement mettre une image d'arrière-plan même lorsque vous avez utilisé l'éditeur Gutenberg. Ok, donc il y a beaucoup de bonnes choses ici, beaucoup de façons de le faire. Mais le point de nom est, maintenant vous savez comment concevoir et comment concevoir. Vraiment, vraiment ? Eh bien, accord, donc c'est tout pour la conception. Les pages n'allaient pas passer par le blog parce qu'un bloc ça va être un sang. On va se concentrer sur le contenu, donc on ne va pas passer au design, donc les gars, maintenant vous devriez avoir une très bonne compréhension de la conception elle-même, est-ce pas ? Et si vous avez des questions,
sera, sera, bien
sûr, être dans le Q et A. N'oubliez pas d'être créatif, utilisé les modèles et utiliser ce que vous avez appris, puis prendre vos propres décisions et avoir beaucoup de plaisir. Cette dédicace est amusante, les gars. de passer Avantde passerà la section suivante, on passe à la prochaine conférence. Nous allons parler de ce à quoi penser maintenant, quand nous aurons conçu ces pages. Et il y a quelques choses que je pense que vous devriez vraiment savoir sur ce super important de savoir maintenant que nous avons conçu ces choses et à quoi penser pour l'avenir, quand vous avez fait le design lui-même et comment vous allez à partir d'ici. Alors voyez dans la prochaine conférence, les gars.
11. Après la conception: D' accord, les gars. Donc, vous avez fait la conception de vos pages. abord, tout un excellent travail, travail
incroyable qui fait jusqu'à ce point et la création de votre propre design. Maintenant,
la question , bien sûr, est, bien sûr,que dois-je faire ensuite ? Eh bien, il y a plus de contenu à venir, mais je voulais vous parler de deux choses qui vont être super importantes . Et la première chose dont je veux parler est de continuer à optimiser. Maintenant, les gars, la première chose que nous avons fait dans la section d'optimisation waas pour optimiser notre page d'accueil. Droit ? Donc, le https Roman et jesper dot com qui est notre page d'accueil. Il est optimisé, mais ce que nous devons aussi faire est d'aller de l'avant et d'exécuter le Ping dum, aussi. Le temps de mise, quoi que ce soit que vous choisissez d'utiliser pour accélérer, tester votre site Web et exécuter ce test d'optimisation sur la page de départ ici sur les autres pages telles que les cours payés et bien sûr, le reste des patients aussi, ils au sujet de la ressource est de communiquer avec elle dit etcetera. Maintenant, toutes ces pages sont individuelles, donc nous allons devoir faire le test de vitesse sur elles pour s'assurer qu'il n'y a rien de trop grand
là-dedans . Cela prend trop de place, par
exemple, lorsque vous utilisez un certain modèle au sein de L. Un mentor, parfois ces images peuvent être vraiment, vraiment grandes. Vous pouvez donc aller de l'avant et compresser ces images pour vous assurer que votre site Web se charge plus rapidement. Mais quand même, nous voulons nous assurer que nous continuons à optimiser chaque page que nous faisons. Et chaque fois que vous faites des mises à jour, assurez-vous que tout est bien en ce moment. prochaine étape est également la même pour toutes les pages que nous avons créées pour nous assurer que nous adaptons pour l'expérience utilisateur mobile et tablette et l'interface utilisateur. Maintenant, nous avons fait ça pour Robin et juste un point com. C' est notre page d'accueil. Mais nous ne l'avons pas fait avec des cours d'oreille de démarrage sur Resource est de contacter ces pages, donc nous voulons aller de l'avant et faire cela. Demandez bien, c' est ça. Assurez-vous juste que tout a l'air bien, qu'il est raisonnable où les choses sont placées. Rappelez-vous la zone du pouce et tout, alors assurez-vous que chaque fois que vous faites dans une page, assurez-vous qu'il est toujours adapté pour tablette et mobile. Donnez-lui un agréable UX et vous je l'expérience parce que cela fait une énorme différence. Rappelez-vous maintenant que notre site Web avait l'air au début ressemblait à quelque chose comme ça. Et puis nous avons parlé de l'expérience utilisateur, et nous l'avons conçue différemment afin de la rendre plus agréable pour le mobile et de regarder la différence. Je veux dire, c'est comme la nuit et le jour. Nous avons changé la chose, tout d'
abord avec le menu. Donc, il a une expérience utilisateur beaucoup plus élevée parce qu'il ne couvre pas une si grande partie de l' écran sans raison. Et puis nous avons pris soin de la conception où les mots se rassemblaient et étaient trop entassés, accord. Assurez-vous donc que nous nous concentrons toujours sur l'expérience utilisateur et l'interface utilisateur pour le mobile et la tablette que nous avons conçu pour le bureau. Maintenant, la prochaine chose dont je veux parler est de moteur de recherche optimisé votre site Web. Et ne paniquez pas parce que vous n'avez pas encore traversé cette section. Sauf si vous avez sauté la section, ce qui est OK, mais nous ne nous attendons pas à ce que vous le sachiez encore. Maintenant, dans une prochaine section, nous allons parler de l'optimisation des moteurs de recherche S E droite . Donc, ce que vous apprendrez là-dedans sur les mots-clés, recherche de mots-clés et la façon de les utiliser correctement dans les en-têtes donne droit dans votre post dans une partie
différente de vos pages, etcetera. Prenez cette information. Prenez toutes ces choses que vous y apprendrez et appliquez-la aux pages que nous venons créer. Droit ? Voulez-vous aller de l'avant et moteur de recherche optimisé les pages que nous venons de créer et concevoir Maintenant, la prochaine chose que je veux que vous gardez un oeil sur est les taux de rebond. ce moment, le taux de rebond est fondamentalement quand quelqu'un va à votre site Web et quitte ensuite le site tout aussi rapidement demandé, ils ont supplié. Maintenant c'est connu sous le nom de limites. Et d'habitude, cette scène nous dit qu'il y a quelque chose qui ne va pas. Peut-être qu'ils n'ont pas eu ce qu'ils cherchaient. Peut-être que quelque chose est cassé sur le site, mais vous voulez garder à l'œil sur cela, et si vous allez à l'extrémité arrière de votre site Web vers le bas, il incite parce que vous avez suivi depuis la section branchée. Vous saurez que nous avons installé Monster Insight. Nous avons installé Google Analytics et tout. Donc tout est mis en place et on va voir les rapports ici, vous allez voir quelque chose qui est connu, a demandé le taux de rebond juste. Et un taux de rebond moyen sera de 40 à 55%. Il s'agit d'un taux de rebond moyen. Tout ce qui est inférieur à ça va être vraiment, vraiment bon. Mais selon le type de site Web que vous exécutez, vous pourriez l'avoir légèrement plus élevé. Mais quoi ? Vous êtes principalement à la recherche de nos changements. Donc, par
exemple, si vous remarquez qu'une certaine page a un taux de rebond super élevé et que cela n'a pas de sens pourquoi vous pourriez vouloir vérifier cela. Donc, par
exemple, si vous avez une certaine page de produit, vous savez, c'est ce que c'est un taux de rebond vraiment élevé. Tu veux aller voir s'il y a quelque chose ici qui ne marche pas. C' est quelque chose qui est cassé ici ? C' est souvent ma décision de les éteindre. En quelque sorte. C' est juste un gros signal d'avertissement, et ça va juste vous faire allusion à l'amélioration. Maintenant, si vous faites défiler ici, vous allez avoir quelque chose qui dit ici il y a. Voir les messages complets et les pages rapport maintenant si je clique ici va nous emmener directement à notre Google Analytics. Et ce qui est génial avec cela, c'est que nous pouvons voir exactement quel genre de taux de rebond nous avons à quelles pages. Donc, si nous faisons défiler vers le bas, nous pourrions voir que le 1er 1 est juste a la barre oblique avant. C' est notre page d'accueil, non ? Parce que c'est juste Robin et désespérée qui viennent avec rien de plus. Nous pouvons aller à droite que nous ne pouvons le voir. Notre taux de rebond pour cette page est de 79.84 pour cent pour cette date, qui est énorme. Et cela a aussi du sens parce que nous avons construit le site, mais il a toujours été en vie. On va s'attendre à ce que ce soit mieux dans le prochain temps. Maintenant, si nous faisons défiler vers le bas, nous pouvons voir le taux de rebond pour la page des cours pour le début Ici, page sur le sang , etcetera, etc. Et vous voulez garder à l'oeil sur ces heures supplémentaires pour vous assurer que hey, habitué à un patient spécial comme un taux de rebond élevé que tout autre, par
exemple et quelques pages Oh, juste va être plus logique d'avoir des taux élevés de rebond sur la droite. Donc, par
exemple, si vous avez une certaine page de téléchargement, ils vont juste entrer, ils attrapent le téléchargement et ils partiront va avoir un sens que le videur sera haut. Il suffit donc de garder cela à l'esprit que le pourcentage ajusté de 40% à 55% ce qui est généralement assez moyen et, ah, bon taux de rebond. Cela ne s'applique pas à chaque page. Essayez juste de comprendre quel genre de page j'ai et n'a pas de sens que les gens quittent ça rapidement. Par exemple, il page produits, vous ne voulez pas avoir un taux de rebond élevé sur du tout. Ok, et puis, enfin, je veux juste dire que les gars se mettent à jour librement. Chaque fois que vous ajoutez, par
exemple, dans un nouveau produit ou une nouvelle mise à jour ou tout simplement une utilisation dans votre entreprise, n'ayez pas peur d'entrer et de mettre cela en avant de votre site Web parce que élémentaire est un glisser-glisser et chute à son super rapide. C' est super facile. Vous pouvez voir l'aperçu lorsque vous modifiez, alors n'ayez pas peur de faire des mises à jour et de modifier votre design au fil du temps, parce que c'est beaucoup de plaisir en ce moment, vous pouvez faire un design en quelque sorte le dire. Alors oublie et passe à autre chose dans ta vie. Vous savez, si vous voulez juste vous concentrer sur l'entreprise, mais n'ayez pas peur de garder la signature parce que c'est si simple. Ça ne prend pas de temps. Et cela peut avoir un impact énorme sur vos visiteurs sur vos clients, etcetera, etcetera. Donc, je veux juste dire, un boulot
incroyable pour arriver jusqu'ici. Passons à la section suivante et commençons à apprendre sur les arrivants de woo. Ok, voir la prochaine conférence, les gars.