Comment créer un site web Wordpress 2017 - Elementor Page Builder | Darrel Wilson | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Comment créer un site web Wordpress 2017 - Elementor Page Builder

teacher avatar Darrel Wilson, Wordpress Designer, Digital Marketer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Bienvenue au cours de cours

      3:23

    • 2.

      Hosting

      5:53

    • 3.

      Thème et plugin

      3:34

    • 4.

      Créer des Pagess

      3:05

    • 5.

      Page d'accueil 1

      11:01

    • 6.

      HomePage 2

      7:27

    • 7.

      Images et vidéo

      11:14

    • 8.

      Icônes et comptés

      14:10

    • 9.

      Téléphone et carousel

      7:48

    • 10.

      Personnalisation de thème

      10:38

    • 11.

      À propos de nous

      10:23

    • 12.

      Environ 2

      5:16

    • 13.

      Quiz

      3:51

    • 14.

      Services1

      13:17

    • 15.

      Widgets et le pied de page 1

      10:39

    • 16.

      Mise en page

      5:17

    • 17.

      Parallax1

      9:06

    • 18.

      Quiz 2

      4:22

    • 19.

      Contact

      13:43

    • 20.

      Blog

      12:31

    • 21.

      Quiz 3

      6:05

    • 22.

      Footer client

      9:29

    • 23.

      Optimisation mobile

      6:50

    • 24.

      Version Pro

      3:00

    • 25.

      Section téléphonique

      7:48

    • 26.

      Thème et plugin

      3:34

    • 27.

      Fin

      0:50

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

904

apprenants

--

projets

À propos de ce cours

Apprenez comment créer un site Web Wordpress étonner ! Master Wordpress et Elementor Page Builder !

Pourquoi suivre ce cours étonnant ?

  • J'ai plus de 15 000 minutes regardées avec plus de 4 millions de vues d'vue. Dans 180.
  • Master WORDPRESS et Elementor Page Builder. Guide complet
  • Utiliser et MASTER le constructeur de page des éléments de Use à l'aide
  • Je suis un INSTRUCTEUR noté de Udemy. Trouvez pourquoi !
  • Obtenez un look moderne et étonnant pour votre site Web qui vous sera impressionner !
  • Apprenez de son de professionnel qui créent des sites Web pour un vivant avec plus de 30 000 visites mensuelles !
  • LE PLUS ACTUel et le TUT MODERne. Ne régler le contenu surpassant !
  • Obtention un site Web réactif et une réponse mobile entièrement
  • Plus de 15 00 minutes regardées à 15,000,000 Plus de 4 millions de vue. Dans 180.

Contrairement à d'autres lectures. Je cise tout. Ne pas laisser dans l'obscurité avec d'autres conférences qui sont seulement une seule heure d'une heure. J'aide mes apprenants et s'en assurer 100 informations sur toutes les fonctionnalités de 100% Ce cours est très détaillé et vous permettra de comprendre de façon complète comment créer votre site Web de wordpress à partir de rien en tant is

Que j'ai-je apprendre à ce cours ?

  • Configurer votre domaine et l'hébergement
  • Créez des sites Web de Modern,beautiful, modernes, et de superbes !
  • Créer des pages avec Elementor et Wordpress
  • Créer des mises en page prédéfinies pour les clients
  • Maîtriser le projet de page Elementor et même démarrer votre propre entreprise !
  • Maîtriser la page libre - Elementor
  • LEARN les MODULES DRAP et DROP + constructeur VISUAL facilement !
  • Master Wordpress. Créez votre propre site Web de simple et facilement.

Rencontrez votre enseignant·e

Teacher Profile Image

Darrel Wilson

Wordpress Designer, Digital Marketer

Enseignant·e

 

Howdy All. Im here to help you all create amazing wordpress websites. A little about me, I graduated with a bachelors from Cal State Northridge and also Ashford attaining a bachelors degree. I quit my job to start my own web design business and now work as a wordpress designer and digital marketer. I continue to create free tutorials in digital marketing and wordpress tutorials. 

Voir le profil complet

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Bienvenue au cours de cours: Hé, tout le monde. Je veux juste aller de l'avant et dire merci d'avoir suivi mon cours. Tu sais, tu es sur le point de devenir un concepteur Web ou juste un entrepreneur. Souhaitait apprendre à maîtriser WordPress comme un débutant complet ou tout simplement un propriétaire d'entreprise régulier voulant juste créer son propre site Web. Maintenant, je veux parler de ce que vous pouvez apprendre dans ce cours et aussi de ce que vous pouvez en attendre Maintenant, . je suis en fait l'un des instructeurs les mieux notés sur vous pour moi, et je suis aussi connu pour mon design. Les gars, j'insiste vraiment sur le design comme tout. A quoi bon faire un site web si personne ne l'aime ? droite. Donc, dans ce cours, je ne vais pas seulement vous apprendre à maîtriser WordPress et aussi maîtriser les casques ou page-bowler , mais je vais vous montrer comment mettre l'accent sur le design sur tout. Maintenant, dans ce cours, vous allez tout apprendre sur WordPress régulier comment vous utiliser toutes les fonctions pour WordPress et aussi comment utiliser les éléments ou le générateur de page, qui est de loin le générateur de page gratuit numéro un en ce moment sur le marché. Donc, nous allons parler de la façon de faire à propos de nous Page Services. Nous parlerons plus sur les mises en page pré faites et ce que primi permet réellement sont. C' est fondamentalement une page qui a déjà fait pour vous. Maintenant, ce melon de page fera tout le travail dur gratuitement. Il va réellement créer votre propre page pour vous à partir de zéro. Tu n'as pas besoin de faire quoi que ce soit. Donc, ceci est un paginé et cela est en fait sera donné pour vous gratuitement. Vous n'avez pas à payer pour rien et ils ont plusieurs mises en page gratuites pré faites. Donc, si vous avez besoin d'aide pour l'inspiration et le design, ne vous inquiétez pas. Ce rouleau de page a beaucoup pour vous. J' ai également inclus des quiz dans ce cours et ces quiz sont conçus pour vous aider à penser à différents styles et aussi vous aider à obtenir des looks différents pour votre site Web . Et aussi nous parlerons de l'effet de parallaxe. Maintenant, c'est un style très nouveau que beaucoup d'armes font. Donc tu sais, je suis très moderne. J' enseigne beaucoup de tendances de style moderne dans mes tutoriels. Je n'aime pas enseigner de vieux mauvais thèmes. Si vous voulez un mauvais thème si vous voulez seulement site Web. Ce n'est pas le Taurel pour toi, alors je te le fais savoir. ce moment, vous allez rendre quelque chose vraiment professionnel et aussi très facile. Ce truc est si facile à apprendre, les gars, c'est vraiment, vraiment. Donc, dans ce cours, vous pouvez vous attendre à apprendre tout ça. La seule chose que je ne couvrirai pas, je ne couvrirai pas le commerce électronique. Je vais couvrir cela dans un tutoriel séparé. Mais pour l'instant, nous allons apprendre à utiliser le page-bowler. Nous allons parler de la façon de maîtriser WordPress, comment vous pouvez construire des sites pour d'autres personnes ou vous-même à partir de zéro. Donc j'espère que cela, vous savez, à Tora vous aide vraiment les gars. Il y a beaucoup de choses que je vais couvrir. Et je veux vraiment souligner que d'ici là c'est tutoriel. Vous serez en mesure de maîtriser WordPress, mais pas seulement Maître Wordpress gars. Tu sais, créer une belle vue, c'est tout. Il y a tellement de tutoriels sur Internet où ils enseignent les ordures aux gens. Je suis juste comme, pourquoi tu leur apprends comment faire ce site horrible ? Personne n'y va. Non, ils vont l'acheter. droite. Donc, les gars, vous êtes au bon endroit. Sois juste cohérent avec ce temps. Ça peut être frustrant. Je sais. Crois-moi. J' ai frappé donc des routes d'argent dans les pâtés de maisons de la route, donc je sais comment ça se passe. Donc juste être cohérent avec ce tutoriel. Et aussi, les gars regardent tout le chemin avant de me poser des questions. J' ai l'impression que beaucoup de questions que les gens me posent dans mes conférences précédentes proviennent de gens qui ne la regardent tout simplement pas. Ils regardent une vidéo pendant cinq minutes. Ils ne regardent pas le reste et ils me jettent des questions. J' ai dit, mon frère, c'est dans la vidéo. Tu dois juste le regarder, tu sais ? Regardez les vidéos, les gars me violent. Il y a tout ce qui me manque ou il y a quelque chose dont tu veux parler. N' hésitez pas à me faire savoir que je suis là pour vous aider. OK, alors allons-y maintenant et commençons avec le cours 2. Hosting: D' accord, les gars. Donc la première chose que nous allons faire est d'obtenir un hébergement et d'obtenir un domaine. Maintenant, vous recevrez également un domaine gratuit avec ce site et vous recevrez également la réduction la plus élevée disponible pour l'hébergement de l'équipe, qu'ils m'ont donné afin que je puisse donner à mes étudiants. Cette société vous offre également l'hébergement SST qui est actuellement l'hébergement le plus rapide disponible sur le marché. Alors allons de l'avant et cliquez sur Commencer maintenant. Bon, donc on a le démarreur, le business et le professionnel. Je recommande toujours l'entreprise parce qu'avec l'entreprise, vous obtenez des sites Web illimités hébergés plutôt que juste un peut-être sur la route. Vous voulez faire plus de sites Web ? Qui sait ? Je ne sais pas. On verra ce qui se passe. Donc bonne année, je vais aller pour m'inscrire maintenant et aller de l'avant et entrer dans votre domaine. Donc je vais mettre dans J'aime Kylo ren et aller continuer. Espérons que le nouveau film Star Wars est bon. Ça s'appelle un public voyous. Regardez-le demain pour voir comment ça se passe. J' en ai entendu de grandes choses. J'espère que le battage médiatique en vaut la peine, accord, donc Félicitations ici. Tu vas y aller et mettre ton prénom. Votre nom de famille, toutes ces informations cool ici. D' accord. Et puis juste ici. Vous pouvez payer avec une carte de crédit, ou vous pouvez déjà payer avec PayPal. Maintenant, les informations d'achat juste ici. Ils ont en fait choisi automatiquement le centre de données le plus proche de nous. Donc on n'a pas besoin de s'embêter avec ça. Et ici, nous avons des règles. Nous avons donc un mois, un mois ou 12 mois maintenant. Je recommande toujours 12 mois parce que le code promo que je vais vous donner va vous donner une réduction plus importante si vous vous inscrivez plus longtemps. Donc ici, je vais décider de décocher la protection de la vie privée du domaine. Mais en fait, je recommande cela. Cela cache essentiellement vos informations personnelles. Si quelqu'un essaie, Qui êtes-vous ? Donc tu sais, je vais y aller. Laissez-le allumé. Donc juste ici sous le code promo, tu vas entrer Darryl 626 C'est mon code postal. J' habite à Pasadena, Californie. Alors juste ici, cliquez sur appliquer. Et votre base ne paiera que 86$ pour toute l'année. Donc, vous obtenez un domaine gratuit, et c'est le code promo maximum que ce site a à offrir. Et en fait, c'est très, très bon marché. Donc tu vas avoir un site web entier pour une année entière et un domaine gratuit. Maintenant, si vous ne voulez pas de protection de la vie privée de domaine, vous pouvez aller de l'avant et décocher cette case et le prix baissera de 10$. Vous ne paierez que $76.45 ou vous pouvez le faire de mois en mois. Mais rappelez-vous, c'est une réduction de 7% sur la totalité du montant, donc vous faites mois après mois, vous n'allez pas économiser autant. Mais rappelez-vous, cette société donne des remboursements, donc si pour une raison quelconque vous n'êtes pas satisfait, ils vous donneront effectivement un remboursement complet. Donc, une fois que vous aurez fini avec toutes ces informations ici et toutes ces choses cool ici , vous allez aller de l'avant et cliquer sur vérifier, et il va en fait vous envoyer sur votre portail. Et je te rencontrerai ici. Mon portail, parce que j'ai l'hébergement avec cette société aussi. Alors je vais y aller et me connecter. Très bien et vous pourriez avoir des pop ups. Vous savez, vous demander d'acheter leur s yo ou ce que vous êtes, vous savez, peu importe. Ils essaient de vous vendre ça si vous voulez les acheter ou non. Mais pour l'instant, je vais juste y aller et cliquer sur, peut-être plus tard. C' est en fait un portail, Beta qu'ils ont en cours. Ils vont changer leur portail. Alors je vais y aller. Ouais, peut-être déjà plus tard. Donc, nous devons héberger dans le domaine Vigata. Tout ce qu'ils doivent faire maintenant est d'installer WordPress, et c'est très, très simple à faire. Donc, ici, on va juste faire défiler jusqu'au panneau R C, se connecter et aller de l'avant et choisir vos comptes d'hébergement. Donc ici, je vais aller me connecter. Tout droit. Alors bienvenue dans votre panneau C. C' est votre panneau C, et ils l'ont rendu très convivial, vous savez, avant, c'était un tas de petits mots et tout. Et maintenant, ils ont un peu, tu sais, ils sont, tu sais, plus modernes, plus branchés. Ça a l'air bon. Donc tout ce que je dois faire ici, c'est qu'on va aller de l'avant et faire défiler vers le bas. Continuez à faire défiler. Continuez à faire défiler aussi. Juste ici. Où il dit WordPress et WordPress est ce que nous allons utiliser pour créer notre site Web avec . C' est en fait le plus populaire. En fait, pensez que c'est 35% de tous les sites Web sur Internet utilisent WordPress. Elle est plutôt folle. C' est beaucoup. C' est déjà si vous tous à faire ici est juste de cliquer sur installer maintenant et juste ici va dire au protocole, Il suffit d'aller et de laisser cette norme ici. Allez-y et assurez-vous de sélectionner votre domaine. Donc, le nom que vous avez acheté assurez-vous qu'il est juste là. Juste ici sur l'annuaire. Assurez-vous qu'il n'y a rien là-bas. Ok, je répète, assurez-vous qu'il n'y a rien là-bas ou qu'ils vont juste insulter votre site web. Dash WP qui n'est pas ce que nous voulons pour les paramètres de votre site. Nous pouvons changer cela plus tard dans WordPress. Donc, ce n'est pas si gros problème ici pour votre utilisateur admin. Allez-y et créez un nom d'utilisateur pour vous-même, puis créez également un mot de passe. Donc, vous savez, je vais juste partir à l'administrateur et passer pour l'instant et aller de l'avant et mettre dans votre email celui que vous voulez, vous savez, si vous avez oublié le mot de passe. Où voulez-vous que ce courriel aille, etcetera ? Et on va faire défiler vers le bas. Et aussi, si vous parlez des langues différentes, ce site Web l'accueillera. Donc, ils ont un tas de langues différentes que vous pouvez sélectionner. Je ne parle que l'anglais, donc je vais sélectionner l'anglais, et je vais faire défiler ici, et je vais cliquer sur Installer. Et quand je clique sur cela va installer WordPress sur mon domaine. OK, alors allez-y et cliquez sur installer. D' accord, donc ça ditqueça prend que 3 à 5 minutes, mais c'est beaucoup plus rapide que ça. Voilà, tu y vas. C' est fait. J' ai été assez rapide. Alors rappelez-vous, nous avons notre nom d'utilisateur et mot de passe, donc le mien était administrateur et ensuite passé. Maintenant, nous devons aller de l'avant et cliquer ici, et cela va réellement se connecter à nos sites Web. Alors j'ai cliqué dessus. Bien sûr et nous sommes connectés à Wordpress. Impressionnant. Donc nous avons eu notre hébergement. Nous avons notre domaine et nous avons installé Wordpress. Félicitations tout le monde. Tu fais incroyable. Donc, dans la section suivante, nous allons réellement installer le thème et nous allons réellement utiliser le générateur de page . Alors je vous verrai tous là-bas. 3. Thème et plugin: Bon, les gars, bienvenue. Donc maintenant, nous allons installer le thème WordPress et nous allons ajouter le générateur de page . Alors, ici en apparence, allez aux thèmes. Maintenant, comment fonctionne WordPress est fondamentalement que vous installez un thème sur votre site Web. Maintenant, ici, vous pouvez cliquer sur ajouter un nouveau thème et ce sont tous différents types de thèmes. C' est essentiellement la structure de votre site Web, quoi il ressemble et la sensation de celui-ci, etcetera. Maintenant, chacun d'entre eux a des constructeurs de pages différents. Ah, beaucoup d'entre eux ont différents styles de personnalisation, etc. Nous allons donc utiliser un thème très apprécié appelé Generate Press. Donc juste ici, sous la barre de recherche, vous pouvez taper, générer de la presse, générer de la presse, et ce sera celui-là juste ici. Et vous pouvez cliquer sur les détails dans l'aperçu et il est très bien noté, vous savez, 309 avis tous les cinq étoiles. Donc, nous allons utiliser un très bon thème WordPress. Donc juste ici sous ce bouton d'installation va cliquer sur installer, et cela va installer le thème sur notre site WORDPRESS. Donc, c'est fondamentalement un petit aperçu de ce que ça va ressembler. Mais bien sûr, ce n'est pas ressembler à ça. Ça va être bien mieux maintenant, juste ici. Je vais cliquer sur activer. D' accord. Et disons juste que vous voulez, vous savez, vérifier. Consultez votre site Web et voyez à quoi il ressemble. Vous pouvez cliquer sur visiter le site ici. Et c'est notre nouveau site. Très ennuyeux. Très pas jolie. D' accord, mais ne vous inquiétez pas, on va le rendre incroyable. Alors, sous notre tableau de bord. Ensuite, nous allons à brancher et nous allons aller ajouter de nouveaux maintenant un aperçu rapide des plug-ins. La meilleure façon de décrire les plug-ins sont comme APS pour l'iPhone. Il est fondamentalement comme APS pour votre site Web, comme la création d'un forum tel que la création d'un site de médias sociaux pour cliquer ici sur notre populaire. On va avoir toutes sortes de choses différentes. Je veux dire, il y a des millions de branchements et ils ont tous des fonctionnalités différentes. Ceci crée ici un formulaire de contact. Ceci ici améliore votre optimisation sur le moteur de recherche. Ceci ici, ça crée une capture. Il y en a tellement et la meilleure façon comme je l'ai dit pour le décrire est qu'ils sont juste APS pour votre site WordPress, et je pourrais continuer et continuer avec elle avec bludgeons. Mais il y en a des milliers ici. Vous pouvez voir qu'il y a des milliers et il y a plus de 34 pages. Vraiment vite. Tout ce que nous allons faire est d'installer le générateur de page et nous allons utiliser un générateur de page gratuit et est juste sur le marché et c'est vraiment, vraiment, vraiment bon. Alors je vais taper L. Un mentor. L un mentor si élément ou et vont utiliser ce générateur de page. Maintenant, ce peso vient de sortir, mais il est déjà frapper blog. Il frappe déjà toutes sortes de sites Web en raison de sa facilité d'utilisation. Il est si facile d'utiliser ce générateur de page alors allez cliquer sur installer maintenant déjà. Donc, il s'installe. Et ce sont aussi des plug-ins supplémentaires pour ce melon de page parce qu'il est parti. Il devient si populaire que les gens créent réellement des plug-ins juste pour ce plug ins. Oh, en fait, ça devient très, très populaire avec le temps. Alors ici, allez à cliquer sur activer. Très bien, félicitations. Donc, nous avons installé le thème WordPress et nous avons ajouté Elemental, que nous allons utiliser ceci pour installer notre conception nos pages maintenant. Comme je l'ai dit, c'est totalement Dragon lâché. Les gars, c'est super facile d'utiliser ce générateur de pages, et je vais vous montrer comment faire ça dans ce tutoriel. Ensuite, allons de l'avant et passons à la section suivante où nous allons créer quelques pages, donc je vous verrai tous là-bas. 4. Créer des Pagess: Bon, les gars, bienvenue. Donc, avant de commencer à concevoir le site, nous voulons sortir et modifier certains paramètres et aussi créer des pages maintenant, juste ici sous les paramètres, nous allons vers les liens Perma. Maintenant, c'est très important à faire sur tous les sites de presse routière. Maintenant, vous voyez toutes ces options que nous avons ici. Nous voulons modifier les paramètres communs pour publier le nom. Maintenant, la raison pour laquelle nous faisons cela est parce que lorsque vous allez sur un site Web comme Amazon, vous savez, il ne dit pas amazon dot com dash shop viol, pas amazon dot com dash 2016-1 à tiret, etcetera. Donc, avec la vapeur de post il aide réellement à optimiser votre site Web pour la recherche est comme Google et Yahoo. Donc je ne sais pas si être encore là, je pense qu'être est toujours là. Donc oui, vous voulez faire sous nom de poste et juste ici, cliquez sur enregistrer les modifications. Maintenant, une autre chose que je veux souligner est que vous ici pour les utilisateurs et il suffit de cliquer sur les utilisateurs et vous allez voir votre petit profil juste là. Et vous pouvez vraiment aller faire quelques changements ? ici. Tu sais, tu peux être un peu déclaratif. Lequel utiliser pour ce tutoriel ? Un peu comme minuit. Je pense que c'est plus clair et que les lois sont bonnes. Et aussi, si vous voulez changer votre mot de passe ou insérer votre email, c'est là que vous allez le faire. Donc ici, c'est votre email. Et aussi, disons que vous voulez changer votre mot de passe. Donc, ici, vous cliquez sur générer mot de passe, puis vous allez de l'avant et juste mettre dans ce que vous voulez, puis cliquez sur le profil de mise à jour . Ok, donc c'est comme ça que vous changez votre mot de passe. Donc, nous allons cliquer sur Mettre à jour le profil maintenant, Et nous allons ajouter quelques pages dans Donc juste ici sous les pages. Il va cliquer sur les pages, et il est livré avec un exemple de page, mais nous allons aller de l'avant et d'élite que nous ne voulons pas ça. Donc je vais jeter ça et on va juste y aller et ajouter une nouvelle page comme , tu sais, tu sais, à la maison. C' est exactement ce qu'on fait. Donc, ici, on va rentrer à la maison. Mais il y a quelques paramètres que nous devons changer avant de continuer maintenant cela fonctionne très bien avec élémentaire en raison de ses options avec la disposition de la barre latérale et le pied ou les widgets . Donc, juste ici, vous voulez vous assurer qu'il est dit contenu. Pas de barres latérales. Nous voulons que les widgets sélectionnés vont de l'avant et mettre peut-être deux. Nous parlerons des widgets lorsque nous aurons fini de concevoir la page. Vous voulez aller de l'avant, faire le plein avec. Parce qu'aujourd'hui, chaque site Web est essentiellement plein avec je ne pense pas qu'un nouveau site Web a balancé plus. Et aussi, nous voulons faire le titre du contenu. Donc, le continental, par exemple, Nous ne voulons pas dire à la maison juste ici sur notre page. Ça dit déjà « chez moi » ici. Donc on ne veut pas le dire deux fois, donc c'est exactement ce qu'on fait. Donc on sort le titre. Nous rendons la page pleine avec, et nous n'ajoutons pas de barres latérales. Ok, donc vous devez vous assurer qu'ils sont en place avant de concevoir la page. Donc, je ne suis pas gon publier et il crée la page. Voilà, tu y vas. Nous avons notre page. Il a été entièrement créé. Si vous voulez voir votre page, tout ce que vous avez à faire est de cliquer sur les modifications de l'aperçu ici, et il va juste vous montrer la page. Maintenant, bien sûr, la raison pour laquelle ça ressemble à ça, c'est parce que nous n'avons rien mis sur la Basia. Il n'y a rien là-bas. C' est donc essentiellement comme ça que nous avons conçu la page d'accueil. Alors la section suivante, les gars, on va commencer à concevoir la page, donc on va utiliser L. Un mentor, et je vous verrai tous là-bas. 5. Page d'accueil 1: D' accord, les gars, allons maintenant et commençons à concevoir notre page. Donc, ici, Aller cliquer sur éditer avec L un mentor et il va ouvrir une page et ensuite, à partir d'ici, nous allons commencer à concevoir notre site Web. Donc je vais me référer à ce site ici, et nous allons l'utiliser comme référence pour nous aider à comprendre comment nous créons cette page. Donc, ici, nous allons réellement insérer un widget de texte. Donc, juste ici sous notre éditeur de texte, tout ce qu'il faut faire est simplement d'aller de l'avant et juste prendre cela et puis juste le faire glisser juste là. Il est là. Donc, en fait, juste ici. Je veux réellement supprimer tout cela ici, et je veux juste mettre une image. Bon, donc je vais cliquer sur le retour arrière et puis juste ici sous Adam Media, on va ajouter une photo juste ici. Alors, juste ici. Cliquez sur sélectionner les fichiers. Maintenant, dans la diapositive précédente, vous avez reçu l'ordre de télécharger un paquet depuis ma boîte de dépôt. Alors allez-y et téléchargez toutes ces images et vous pouvez les utiliser comme guide de référence donc je vais, vous savez, en fait, je vais télécharger toutes ces images en ce moment juste pour me faire gagner du temps, et je vais cliquez sur ouvrir, puis je vais en fait télécharger tous ces. Donc, je vais poser la vidéo pendant une seconde pendant que ces téléchargement. Bon, les gars, bienvenue. Alors allons-y maintenant et entrez dans ce petit local juste ici. Donc, nous allons répondre au logo élémentaire, et vous pourriez vouloir mettre votre logo aussi. Et je n'ai pas de logo. Ne vous inquiétez pas. Je vais vous montrer comment vous pouvez en obtenir un. Très, très simplement, ici. Je veux dire, cliquez sur insérer dans la page. Maintenant, vous pouvez voir que c'est un peu blanc, et c'est juste parce qu'on n'a pas encore d'antécédents, mais ne vous inquiétez pas. Nous mettrons en arrière-plan. Donc, juste là, nous avons répondu dans l'image juste là. Vous ne pouvez pas le voir. C' est bon. Maintenant, juste là. Aller à cliquer sur la section. Donc, comment ça marche, les gars, c'est que cette section va vraiment contrôler la section. La colonne contrôlera tout dans la section. Donc ici, sur la section, on va faire tout ça avec. Donc, je veux faire tout ça avec maintenant. Vous pouvez voir qu'il s'est étiré sur toute la page. Maintenant, disons simplement que nous voulons aller de l'avant et ajouter une image que vous voulez commencer, vous savez, avoir quelque chose en arrière-plan pour rendre notre site bien paraître. Alors juste ici sous style, allez ici au classique pour le fond. Et maintenant, juste ici, vous pouvez voir l'image. Maintenant, il y a aussi de la couleur. Il y a aussi un arrière-plan, trop une frontière, etc. Donc, juste ici, il suffit de cliquer sur cette boîte d'image, et je vais aller de l'avant et ajouter une image d'arrière-plan. Donc, nous mettons cette image du cheval et cliquez sur insérer des médias. D' accord, donc ça a l'air plutôt bien. Jusqu' à présent, il est un peu petit, mais ne pas s'inquiéter à ce sujet. Donc, après que vous ayez fait ça, maintenant on peut voir le logo juste là. Maintenant, nous pouvons voir quelque chose de bien. Donc, en cliquant sur ce logo ici. Disons juste que je veux centrer ça. Disons que je veux déplacer ce local quelque part où je veux qu'il soit juste ici sous style. Vous voyez ce que dit Alignement va cliquer sur le centre. Voilà, tu y vas. Donc maintenant la boîte juste là est dans la section centrale. Ok, donc nous avons ajouté dans cette section et la raison pour laquelle nous ne pouvons pas voir le reste des pages parce que nous n'avons pas mis assez de contenu, mais nous pouvons vraiment le rendre complet. Donc ici, sous la section contour, nous avons toutes ces autres options ici. Nous avons un écart de colonne. Nous avons des hauteurs, et nous avons maintenant la position actuelle pour les hauteurs que nous pouvons sélectionner s'adapter à l'écran et va effectivement adapter cette section ici en fonction de notre écran. Maintenant. Aussi, si vous voulez changer la hauteur de celui-ci comme la hauteur des hommes, nous pouvons réellement définir la hauteur exacte que nous voulons. Donc, en le faisant glisser, vous pouvez réellement obtenir le genre de position exact où vous aimeriez qu'il soit pour votre site Web. Donc à droite il y a probablement partir à 950 et Alcoa et fermer ceci. D' accord. Donc déjà ça a l'air assez cool. Nous avons un logo au milieu. Nous avons cette belle toile de fond. Allons-y. Et Adam Seymour contenu. Donc ici, je vais cuisiner sur ces petits neuf carrés, et je nous ai référé à nos widgets. Donc ces choses d'air essentiellement que nous faisons glisser et déposer les gars sur notre page et nous aide à concevoir quelque chose. Donc juste ici, sous le cap, je vais aller de l'avant et prendre ça, et je vais le mettre juste en dessous. Maintenant, vous pouvez voir ici. On a un texte juste là. Donc Siart dit que c'est un élément de titre. Allez-y et mettez ce que vous voulez. Alors bienvenue dans ce tutoriel. Maintenant, vous pouvez également changer la taille. Donc juste ici sous la taille, nous pouvons sélectionner petit. Vous pouvez sélectionner moyen, nous pouvons sélectionner grand, extra large ou extra large. Je vais le laisser en extra large et voici les alignements. Je veux aussi mettre le centre. Donc maintenant vous pouvez voir que le texte est maintenant centré. Donc, en allant ici pour le style, nous pouvons changer la couleur du texte. On peut changer la police. On peut changer toutes sortes de choses. Donc juste ici sur notre topographie étant cliquez dessus et juste ici nous avons la taille. Donc, ici, vous pouvez réellement contrôler la taille exacte que vous voulez la page. Je suis désolé, le texte à ressembler, donc je vais juste aller de l'avant et le laisser à peut-être 60 pixels. Comme ou s'en soucier. Ou tu pourrais juste faire ça. Je vais juste y aller et faire ça. Voilà, tu y vas. 60. Et pour la couleur du texte, je le veux blanc. Donc ici, je peux cliquer sur blanc. Maintenant, vous pouvez également obtenir différents effets. Disons que tu veux que ça explose. Disons maintenant que vous voulez réduire la transparence. Donc ici, cette deuxième barre est la barre de transparence. Donc si je prends ça et que je le fais glisser, vous allez voir les lettres s'estomper parce qu'elles deviennent de plus en plus transparentes. Maintenant, vous pouvez le faire pour n'importe quelle couleur. Et cette barre contrôle ici l'obscurité de la couleur. Donc, je veux plus lire ou ne veux pas qu'il dure, Lire la suite, lire moins. Lisez Ceci ici va réduire la transparence, etcetera. Donc je ne veux pas de blanc. Je veux que ça reste simple. Je ne laisserai pas ce blanc. Ok, maintenant aussi, tu peux faire d'autres choses. Ainsi, par exemple, nous voulons changer la transformation. Nous pouvons avoir tout cela en majuscules, nous pouvons avoir toutes les minuscules ou toutes en majuscules. Maintenant, je n'aime pas faire ça parce que tu ne sais pas, je préfère le faire moi-même. Tu sais, je ne veux pas qu'ils les disent tous. En majuscule. Je n'aime pas ça. Si je voulais une certaine façon, je le ferai. Droit. Donc ici, nous avons de la famille. Maintenant, c'est la police. Donc c'est un genre de police que vous voulez pour votre texto ? Ils ont des centaines de polices, généralement pour recommander des polices faciles Google. Mais ce branchement a assez de fonds pour vous. Donc, comme je l'ai dit, on pourrait juste prendre n'importe quoi. vois, tu es là. Ce qui est laid Fonds. C' est une police laide. C' était plutôt cool. Tu sais, j'étais mignon, mais je m'en tiens vraiment à Roboto. Il y a différents types de bouteilles. Je pense que juste roboto régulier est bon ou la bouteille se condense, en fait, assez bon aussi. Mais je vais faire du roboto, d' accord. Et aussi l'attente. Donc, cela marche pour contrôler la taille des polices. Donc, par exemple, mais 300 vous pouvez voir qui est maintenant plus mince, sorte que vous pouvez aller de l'avant et changer les poids. Ou vous pouvez le rendre audacieux pour ce style ici. On peut avoir une italique normale ou là, celle-ci juste là. Je pense que c'est sombre. Donc tu sais, un républicain talic. Laissez-le comme valeurs par défaut pour ici. Hauteur de la ligne. Nous parlerons un peu plus de la hauteur des lignes et de l'espacement des lignes. base de vice fait juste de l'espace entre les lettres. Donc, par exemple, juste ici va aller de l'avant et dire juste comme ça. Ok, donc si vous voulez l'espacement des lignes, vous pouvez le faire. Maintenant, la hauteur de couchage est en fait bonne pour un tas de texte. Donc, je vais en parler dans la section suivante et aussi avancer. On parlera plus de marge et de tapotement un peu plus tard, mais je veux aussi parler de l'animation d'entrée. Alors, juste ici. Si vous cliquez dessus, nous pouvons aller à, vous savez, rebondir et à gauche. On peut changer l'animation, donc si quelqu'un visite, la page va ressembler à ça, et vous pouvez aussi le faire pour votre image. Vous pouvez le faire pour votre icône. Vous pouvez le faire pour n'importe quel widget, donc ici je vais juste aller de l'avant et dire, Qu'en est-il de rouler ? C' est cool. J' aime ça. Ça pourrait le faire. Ou la vitesse de la lumière. D' accord. On le laissera à la vitesse de la lumière. En fait, non, non, non. On est en train de rouler. J' aime ça un peu mieux. D' accord ? Et ici, nous allons laisser la marge et tapoter. On parlera un peu plus de marge et de tapoter un peu plus tard. Et pour la couleur de fond, nous pouvons aller de l'avant et changer la sauvegarde. Mais je ne recommande pas de le faire car cela va réellement changer la couleur d'arrière-plan pour cette section spécifique, ce que je ne recommande pas. Mais juste pour l'amour du tutoriel, je vais vous montrer à quoi ça ressemble. Si classique qu'on peut aller de l'avant et changer la couleur ici. Donc, vous voyez comment cela change la couleur de la couleur de l'arrière-plan. Souviens-toi, Souviens-toi, ça ne va le faire que pour cette section spécifique. D' accord ? Donc je ne le recommande pas, mais certaines personnes l'adorent, tu vois ? Donc, nous aimerions la façon dont il a l'air. Je ne le fais pas. Mais juste pour des raisons totales, je vais aller de l'avant et juste comprendre que nous ne voulons pas de ça. Bon, Alors maintenant, allons de l'avant et insérez cet autre widget de texte juste ici. Bon, alors en revenant ici, cliquez dessus et allez dans l'éditeur de texte. Et aussi faire les gars est juste de prendre cet éditeur de texte et juste le glisser sous. Maintenant, vous voyez où apparaît cette petite ligne. C' est là que le texte va apparaître. Alors je vais aller de l'avant et le laisser tomber. Et voilà. On a des textos, et tout va bien ici. Maintenant, je vais aller sur mon célèbre site web. C' est un site secret que je vais à Lots. N' en parle à personne. C' est un texte fictif, et c'est juste un texte factice. Et c'est juste du texte pour remplir la page pour qu'elle ait un aspect fini. Tu peux le dire. Je vais aller de l'avant et copier ça, puis retourner ici et je vais aller de l'avant et juste reculer ça et coller ça dedans. D' accord ? Maintenant, par ici, sous style. On va l'aligner, et on va y ajouter de la couleur du texte. Bon, maintenant, maintenant, je parie que tu te demandes, Darryl. Je ne veux pas qu'il s'étire sur la page comme ça. Ça n'a pas l'air bien et je suis tout à fait d'accord. Donc on va aller de l'avant et changer ça. Mais d'abord, continuons à parler de certains des paramètres que nous pouvons modifier. Donc, sous le contenu, nous l'avons juste là sous le style. Nous pouvons cliquer sur la topographie ici. Et, vous savez, on peut changer la taille. On peut changer les poids. Toutes les mêmes options que nous nous souvenions, cela va être très cohérent avec beaucoup de modules parce que beaucoup de modules fonctionneront de la même manière, et ils auront la même apparence pour beaucoup de types différents. Donc, si vous rencontrez comme quand on parle du widget icône, ça va ressembler à ça. Donc, une fois que vous l'apprendrez pour un widget, vous en quelque sorte l'apprendre pour tous les widgets. Et ceux-ci sont très explicatifs. Je ne sais vraiment pas comment te dire comment changer la couleur, non ? Comme si c'était comme ça que tu le fais, tu sais, et par ici sous avancé, même chose. Nous pouvons avoir quelques paramètres de marge ici. On peut changer la marche. Je suis désolé. L' animation d'intérêt, etcetera. Juste comme ça. Ok, donc ça a l'air plutôt cool. 6. HomePage 2: Alors allons de l'avant et mettons le texte dans ce centre. Il y a deux façons de le faire. Je vais vous montrer les deux sens juste ici sous cette section, juste ici. Allez et cliquez sur la section et juste ici, juste ici. Il dit contenu avec nous pouvons faire cette boîte. Donc en faisant ça, on est en quelque sorte de boxe dans le texte. Tu vois comment j'ai fait ? Donc maintenant le texte est dans cette petite section juste ici. Maintenant, il y a une autre façon de le faire en changeant le rembourrage pour cette section. Donc, je vais aller ici et nous ramener au complet avec je vais cliquer sur ce petit module de texte et aller à avancé maintenant sous rembourrage juste ici. Nous allons nous assurer que ce n'est pas coché et nous voulons faire de l'espace à gauche et à droite. Donc ici, on peut cliquer sur peut-être comme si on mettait 500. Maintenant, vous pouvez voir que le rembourrage juste ici est de 500 pixels et toujours nécessaire à cela pour le côté gauche. Donc, il a laissé 500 ou, vous savez, où que vous teniez de le positionner. Donc je vais mettre 600 et ensuite celui-ci peut être, vous savez, 600 par 500 ou tout ce que vous essayez d'accomplir. C' est une autre façon que vous pouvez contrôler l'endroit où vous voulez que le Texas soit spécifiquement. Donc c'est essentiellement là que tapting arrive dans une pièce. Mais nous trouverons de meilleures raisons de tapoter un peu plus tard quand nous parlons, euh, icônes et des arrière-plans, etc. Donc pour l'instant, je vais cliquer sur la section, et on va juste aller à la, euh, quelle est la section de contenu juste ici ? Et j'allais être emballé comme ça. Je pense que c'est beaucoup plus propre. Ça a l'air plus facile. Et c'est le préféré. Maintenant, allons de l'avant et ajouter un bouton. Donc, ici, on va prendre cette petite icône de bouton et juste un groupe en essayant de se mettre juste en dessous . Et voilà. On a un bouton. Donc, nous dans une position fondamentalement ceci et j'adore cette chose. Alignement centré semble parfait. Maintenant, ici, nous pourrions avoir des types tels que des infos. Maintenant, tout cela fait vraiment est de changer la couleur. C' est comme un raccourci. Donc j'entends le succès. Ils vous disent en gros des secrets comme ces couleurs représentent, vous savez, danger ou etc. Et tu sais que c'est prouvé. Vous savez, beaucoup de gens regardent certaines couleurs sur le site comme le rouge, vous savez, déjà s'en éloigner. Ne cliquez pas sur ce site. C' est essentiellement ce qu'ils ont fait. Maintenant, vous Nous contient le texte juste ici. Alors je vais nous contacter et nous lier. Où voulez-vous que ce lien aille ? Alors rappelez-vous quand vous faites cela commence toujours avec un CTP Donc un CPP zéro Wilson dot com Et quelle taille voulez-vous cela ? Eh bien, je le veux moyen. Je le veux grand ou je veux extra grand. Je vais juste y aller et le laisser comme médium pour l'instant. Et ici sous le style. Oh, je suis désolé pour Icône. Nous pouvons sélectionner une icône spécifique. Et les gars, ils ont des centaines d'icônes qu'on peut choisir. Donc, par exemple, disons juste que je mets quelque chose comme ça Gears. Vous allez voir les engrenages apparaître juste à côté de l'icône. Et aussi, nous pouvons changer l'espacement des icônes aussi bien. Vous voyez comment l'icône est loin du texte Nous pouvons changer cela. Maintenant. Nous pouvons également décider si vous voulez cela avant ou après. Donc maintenant l'équipement est après le texte, ou nous pouvons l'avoir avant. Ok, maintenant, je vais probablement mettre quelque chose comme ça. G Qu'est-ce que c'est ? G D ? Ça a l'air cool. On va laisser ça. C' est bien. J' aime ça. Donc, ici va aller dis style. Et nous pouvons changer la couleur du texte. Donc, par exemple, si vous voulez changer la couleur du texte, c'est là que vous voudriez le faire, ok ? Et les fesses et planer dessus. Donc, quand quelqu'un passe la souris sur le bouton, que veux-tu montrer ? Donc, disons, par exemple, que je veux du texte rose ou Qu'est-ce que c'est ? Ouais, eh bien, fais quelque chose de vraiment évident, comme ce texte rose. Et puis nous aurons réellement la couleur de fond pour être vert. Alors rappelez-vous quand je passe la souris sur ce bouton, la couleur de fond va changer en vert, et le texte est maintenant rose. Tu vois ça ? Donc tu veux ce regard quand quelqu'un survole ? C' est comme ça que vous le faites. D' accord. Et bien sûr, ici, nous pouvons changer le bouton si rapidement sur le rayon du bouton. Je vais en parler. Mais ici, vous contient la couleur de fond du bouton. Vous pouvez également changer les polices Maintenant, Rappelez-vous plus tôt comment nous avons parlé de la famille, le poids, tout cela etcetera. C' est les mêmes options exactes pour les gars du module de texte. Donc à partir de là, hors du reste du tutoriel, je ne vais pas vraiment couvrir tous ces à nouveau parce qu'à ce stade est très redondant à une telle taille, etcetera. Donc, vous savez, maintenant, j'espère que vous comprenez ce que tout cela signifie. Tels que les polices, les poids, la transformation et le style. D' accord. Et aussi les hauteurs de ligne et l'espacement des lignes. Ok, alors passons par ici au type de frontière. Maintenant, nous pouvons l'avoir comme un solide. On peut l'avoir comme un double, ou on peut l'avoir comme pointillé. Ok, maintenant ce que c'est la couleur de la bordure sur le contour. Donc, ici, nous allons mettre comme un testament, mettre comme cinq. Vous voyez comment je mets un avec maintenant il est pointillé maintenant est doublé. Maintenant, il est pointillé, etc. Donc je vais le laisser solide, comme un solide juste là. Et aussi le rayon du bouton ici, donc plus vous avez ça, plus ça va être rond. Mettons ça à 100. Vous voyez comment il est maintenant arrondi à 100, mais c'est juste un put 50. C' est un peu plus léger, vous savez, mais c'est essentiellement ce que fait le rayon de la frontière. Donc, si vous vouliez avoir, comme un rayon autour de ces petites icônes, est ce que c'est quatre, ok, et aussi le remplissage de texte que je ne recommanderais pas de faire. C' est parce que ça a l'air un peu étrange, mais vous pouvez avoir le rembourrage loin de ça. Donc peut-être, vous savez qu'il y a toujours une utilité pour quelque chose, les gars. Peut-être que vous pouvez avoir trois boîtes géantes. Vous savez, il y a toujours une utilisation spécifique pour chaque option. C' est juste ce que tu voulais aller bien. Et, bien sûr, le bus qui survole. Et nous pouvons aussi avoir une animation pour ça. Vous savez que vous pouvez avoir une animation pour planer dessus afin que nous puissions avoir comme, un battement de coeur juste là ou etcetera et sous avancé ici est la marge. Donc, par exemple, disons que je veux déplacer ce bouton à droite ? Je veux demander 500. Disons que je le veux, tu sais, je veux le top autour, comme, tu sais, sais, quelque chose comme ça juste ici. On va faire le top comme 100. Donc, fondamentalement, ce qu'il fait est de pousser une marge de 100 pixels du bouton depuis le haut. C' est donc ce que fait la marge. Et aussi le rembourrage rappelez-vous tapotant son espace juste. Ok, donc juste là, je veux créer de l'espace. Je vais mettre 300 pixels, et ça va créer 300 pixels d'espace juste ici. D' accord. Et aussi ici, la couleur de la bordure de fond. On peut changer le rayon. Be contient un arrière-plan. Vous pouvez en fait avoir une couleur d'arrière-plan pour cela. Juste ici. Ainsi, vous pouvez avoir une image d'arrière-plan pour votre bouton ou vous pouvez avoir. Comme je l'ai dit, c'est les mêmes options qu'avant. Donc, juste ici, sur son ombre de boîte. Je ne pense pas que Box, ça marchera pour cette section. Alors, qu'est-ce qu'une ombre de boîte fait. Les gars, ça crée cette ombre sur cette section, mais on l'utilisera quand on parlera plus d'icônes. Donc, pour cette section, ce n'est pas vraiment bon de vous montrer Il y a beaucoup de bonnes raisons d'utiliser l'ombre de boîte. C' est une fonctionnalité vraiment, vraiment cool. Donc à part ça, les gars, c'est essentiellement comme ça que nous créons notre page d'accueil. Nous avons essentiellement créé le logo, le texte, un peu de textes supplémentaires et le bouton. Donc maintenant on va aller ici, et on va créer cette section ici, donc je vais parler plus de, vous savez, vous savez, plus de texte. Je vais parler des séparateurs et nous parlerons du modèle d'image dans la section suivante, donc je vous verrai tous là-bas. 7. Images et vidéo: Bon, les gars, bienvenue. Nous allons donc ajouter une nouvelle section ici. Nous allons donc utiliser des widgets différents. Donc ici d'abord, ça va mettre dans notre titre. Donc je vais prendre ce titre et mettre dans cette boîte juste ici. Donc ici, je vais mettre la bienvenue à ce tutoriel, et je vais centrer ça. Et pour la taille, bien sûr, nous pouvons mettre la taille moyenne. On peut le mettre grand. Je veux un extra grand ici. D' accord. Maintenant, pour le style, je veux changer la couleur du texte pour peut-être quelque chose comme le noir, et je veux en quelque sorte le pousser un peu vers le bas. Vous savez, cette section juste ici. Je veux un peu d'espace ici. Alors allons-y et faisons-le. Est-ce que la section avancée est juste ici sous le haut ? Juste ici. Cliquez sur cette chose ici. Alors, qu'est-ce que ça fait ? Fondamentalement, si vous le laissez lié, il va l'appliquer à toutes les sections. Donc, il va mettre en bas juste ici à gauche et à droite. Mais je ne veux qu'en haut, ici. donc je ne veux pas vraiment ça. Donc juste ici, retour arrière. Ce clic sur ce petit lien ici. Et je ne voulais que pour le top, donc c'est une bonne raison pour laquelle vous voulez utiliser la marge. Je sais que sur la page d'accueil, il n'y avait pas beaucoup de bonnes utilisations pour cela. Mais comme dit cet éditorial, les gars, je vais vous donner de bons scénarios pour tout. Ok, donc j'ai le titre juste ici. Maintenant, je veux ajouter un diviseur. Je veux ajouter un peu de style, donc juste ici sous diviseur. Je veux prendre ça et je veux juste le traîner sous ça ici, ok ? Et ici, c'est essentiellement créer de l'espace. Maintenant, nous pouvons faire beaucoup d'espace ou nous pouvons faire un peu d'espace, mais je veux juste l'utiliser pour le design. Je me fiche de l'écart ici ou de ce qu'il peut faire. Je veux juste l'utiliser pour le design, donc je vais réellement réduire l'écart tout le chemin, et je veux le rendre centré. Donc maintenant, il est centré ici, et je veux réduire le avec. Donc, vous voyez comment la ligne est en quelque sorte en train de réduire aussi. Donc, je vais faire ça comme ça. Donc, c'est fondamentalement qu'il est juste de créer, conçu pour un site Web. C' est tout ce que je veux vraiment que ça fasse. Et juste ici, commencez le changement. Il est pointillé. On peut le changer comme planqué, etc. Mais pour l'instant, je ne laisserai pas ça. Et aussi le poids que je peux rendre ça plus grand. Et aussi je peux changer la couleur, etcetera. OK, donc c'est ce que le diviseur est fondamentalement en un mot. Alors, je veux ajouter une nouvelle section ici. Je veux ajouter quelques techs plus et je veux aussi ajouter un widget. Donc ici, je vais cliquer sur cette petite icône et on va aller à l'éditeur de texte et je veux faire une nouvelle section ici. Donc, ici, je vais mettre quelque chose comme, hum, je vais aller de l'avant et mettre un texte fictif déjà, et j'allais aller et le rythme dans et pour le style, je veux qu'il soit centré. Alors maintenant, vous pouvez voir que le texte est centré et qu'il n'a pas l'air bien. Et là, on peut faire autre chose. Donc, au lieu de créer une nouvelle section, nous pouvons réellement insérer une autre colonne. Très bien, donc juste ici, sous ces petites icônes, on peut juste prendre ça ici et ensuite juste le faire glisser ici. Vous voyez maintenant comment nous avons créé des colonnes dans cette section. Tu vois ça ? Maintenant ? Je n'en veux qu'une. Je ne veux mettre qu'une image, donc nous avons besoin d'une suppression. Maintenant. Lorsque vous faites cela, vous devez être très prudent. Ne pas aller à la section et aller à supprimer, car il va tout supprimer. D' accord. Vous voulez aller à la colonne juste ici et cliquez sur Supprimer. D' accord. Donc, quand je clique sur supprimer, Oui. Maintenant, nous n'avons qu'une seule colonne. Donc ici, je veux le mettre dans l'image, et vous pouvez mettre n'importe quelle image que vous voulez, mais juste ici, je vais aller à l'image juste ici, et puis juste faire glisser ça vers le bas, et Ici, on va aller de l'avant et mettre une image. Donc ici, je vais cliquer sur l'image et simplement prendre une image que j'ai téléchargée. Donc ici, vous savez, il y a beaucoup de quand nous pouvons utiliser. On peut utiliser ces téléphones, tu sais, on peut tout utiliser. C' est pour ça que je vous ai donné accès à tout ça ici. Mais je vais aller de l'avant et utiliser celui-ci ici, et je vais répondre aux médias. Et voilà. Donc on a, tu sais, cette petite section en parle, et on a une grande belle image, ok ? Et bien sûr, nous pouvons changer la taille de l'image en moyenne, nous pouvons la changer en, vous savez, grand, personnalisé, tout ce que vous voulez. Mais je vais aller de l'avant et le laisser aussi grand. Nous pouvons également modifier les alignements. Maintenant, la raison pour laquelle il ne s'étire pas sur la page comme avant est parce que c'est dans cette certaine section. Donc ça ne peut pas passer sans ça. Je ne peux pas sortir de là. Tu comprends ce que je dis ? Donc je vais le laisser centré. Maintenant, vous voyez ce qui a lié à nous pouvons faire une murale personnalisée. Donc, ce que cela signifie, c'est dire que quelqu'un veut cliquer sur cette image. Où veux-tu les emmener ? On peut mettre un lien ici. Et si quelqu'un clique sur cette image, elle les emmènera là. Ok, donc revenir ici à zéro et on peut mettre une légende comme une image ou quelque chose comme ça , mais personnellement je ne recommande pas de le faire. C' est parce que je pense que c'est une vieille école. Mais bien sûr, il y a toujours une bonne raison pour tout. Mais je ne vais pas l'utiliser pour ça et le style qu'on peut en changer la taille. Et l'opacité est, eh bien, nous pouvons avoir ah, hover animation pour ça. Donc quelqu'un survole, ça se rétrécit. Vois ça plutôt cool. Plutôt cool. Donc probablement mis quelque chose comme pull psy. C' est plutôt cool. Ainsi, vous pouvez passer par certaines de ces options. Vous savez, ils sont un peu redondants et juste ici sous légende. Si vous décidez d'avoir la légende, vous pouvez bien sûr éditer la légende, mais nous désactivons la légende ici. Nous n'avons rien ici et le réglage avancé, la même chose bla Cela ne fonctionnera pas parce qu'il est dans cette boîte. Donc, nous voulons l'étirer à travers la page ici ou mettre beaucoup de marge. Cela ne fonctionnera pas car il en est un dans cette boîte. Ok, donc retourner par ici, comme dans cette section. Les gars, on a créé cette section simple. Vraiment, très simple, vraiment facile. Maintenant, allons de l'avant et ajoutons dans cette barre juste ici. Allons-y et ajoutons dans ce bar vraiment cool. Donc, en retournant ici, on va aller et cliquer sur ajouter une nouvelle section. Maintenant, il y a différents styles. Et quand nous parlerons des services, nous utiliserons la plupart de ces services. Ok, donc pour l'instant, on va juste l'utiliser ici et juste ici sous le seuil. Ces petites icônes allaient juste attraper le widget de titre. Et ici, nous pouvons le préserver. Quelque chose comme, euh , tu sais, c'est notre travail récent, et je veux centrer ça maintenant. La taille que je vais mettre aussi grande. Euh, peut-être très grand. Maintenant, aussi, je veux étirer cela à travers la page. Je ne veux pas qu' il ait cette section de colonne. Donc, juste ici sous la section je vais aller par ici orteil pour tout droit et sous la position de contenu que je voulais au milieu, donc ce que cela fait est fondamentalement vous voyez comment nous avons le contour ici, comment le contenu est maintenant dans le au milieu de cette section. C' est ce que fait la position du contenu. Mais disons que je veux ajouter une couleur d'arrière-plan à cela. Créons comme un diviseur, sorte de ah ah ah, diviseur créatif. Donc, juste ici sous le bouton de style, nous allons au classique et nous pouvons changer de couleur. Et ça, il voulait du noir. Donc maintenant vous pouvez voir que nous avons cette section ici où il est maintenant noir, et nous allons parler plus de cette autre ici, qui est une vidéo de fond. Disons, par exemple, que vous voulez une vidéo de fond, je vais en parler maintenant dans la section suivante. Mais pour ici, nous allons juste utiliser cette section spécifique juste ici. Ok, donc c'est fondamentalement tout. Et je veux aussi ajouter un diviseur en dessous, donc je veux porter ce petit diviseur partout où je vais sur le site, je veux le rendre un peu répétitif pour en quelque sorte apporter le style et le noyau à la site Web. Donc je vais aller ici et mettre ça en blanc. Maintenant, sous les icônes, je veux prendre le séparateur, et je vais juste aller de l'avant et juste le glisser sous. D' accord ? Donc, vous voyez le séparateur juste ici. Je vais aligner ça sur le centre. On ne va pas mettre d'écart. Et aussi, je veux que les orteils augmentent un peu le poids, ok ? Et pour soulager solide, il est là et puis pour la couleur. Je veux le laisser blanc. Et pour Avancé. On peut aller de l'avant et laisser tout ça la même chose. Mais je veux changer le avec ici. Donc, avec nous allons le rapprocher un peu comme ça pour la couleur, nous allons aller de l'avant et laisser comme des blancs. D' accord, donc ça a l'air cool. Ça a déjà l'air bien. Donc, la section suivante, je veux aussi vous présenter à tous les vidéos. Donc, disons juste que vous voulez un arrière-plan vidéo. Je sais que la moitié de vous êtes probablement super excités par les vidéos. Nous pouvons avoir cette section comme une vidéo. Donc ici, sous la section, on peut aller à avancé. Maintenant. Je pense que c'est sous style. C' est sous style. Et cela va réellement lire n'importe quelle vidéo YouTube que vous avez. Donc je vais aller sur ma chaîne juste ici. Je vais à ma chaîne ici sous YouTube déjà. Et je vais aller de l'avant et saisir quelque chose comme, euh, euh, eh bien, décrivant ce, euh, ce produit sera Commerce. Tutoriel vintage ? En fait, non. Je pense qu'une meilleure chose à faire est d'aller à quatre K. Fourcade Nature. C' est vraiment un bon choix. Donc je vais attraper peut-être quelque chose comme ça ici. Je vais copier ce lien. Oh, je déteste ce type. Il est si ennuyeux, si ennuyeux. Tu aimes juste l'étoile de la célébrité qui te revendique. Tout va bien ? Donc, juste ici sous la discorde vidéo et cliquez sur coller. Bon, Maintenant, vous voyez comment la vidéo commence à jouer en arrière-plan. Alors rendons ça un peu plus grand. Donc juste ici, sous la section. D' accord, ici. On peut contrôler la taille de ça. Donc, sous l'avancée, disons juste que nous voulions, comme vous le savez, 500 par 500. Donc maintenant vous pouvez voir que nous avons cette belle vidéo juste ici, et elle est en train de jouer donc c'est une façon vraiment cool. Je vais les fermer ici. Il ne montre que ça à cause de la taille de la vidéo et de ce gars aux annotations, donc on peut faire un peu plus petit, vous savez, de 200. Donc tu veux quelque chose comme ça ici ? C' est ainsi que vous atteindriez le look. Et comme je l'ai dit, ça va jouer en arrière-plan. Ça a l'air vraiment bien. Ça a l'air vraiment, vraiment professionnel. Mais pour l'instant, je vais juste aller de l'avant et laisser ça comme une couleur classique. Et je vais juste changer la hauteur pour, euh, on va partir comme zéro ici. D' accord ? D' accord. Donc c'était cette section un peu sur les vidéos un peu sur, euh, vous savez, le diviseur et tout. souvenez d'une vidéo que vous voulez jouer en arrière-plan ? Toujours besoin de faire est d'aller à la section de n'importe quelle section et juste aller à la vidéo de style et de fond ,et vous pouvez simplement le rythme dedans et il va jouer n'importe quelle vidéo que vous voulez en , arrière-plan où vous voulez qu'il soit. Ok, donc c'est tout pour les gars de la section. Allons-y. et parlez de la façon dont nous réalisons de très belles images et comment nous pouvons réduire les lacunes comme nous l'avons fait sur ce site ici. Donc, je vous verrai tous là-bas. 8. Icônes et comptés: Bon, les gars, bienvenue. Alors allons y ajouter quelques images maintenant et avoir un effet vraiment cool, comme nous l'avons fait plus tôt. Donc ici, sous la ah, ajoutez une nouvelle section. Nous voulons cliquer sur cela, et nous voulons réellement le définir sur cette ligne quatre juste ici. Nous avons donc quatre espaces pour les images. Ok, maintenant, insérons les images. Alors, ici, sous l'image. Je vais juste aller faire glisser ça. Choisissez l'image juste ici, et je vais aller sélectionner celle-ci ici aussi comme celle-ci. Insérez un média et puis juste ici, je vais juste aller de l'avant et cliquer dessus. Ajout d'un autre a répondu à l'image, les sites pour ces images, Par ailleurs, les gars sont 5 70 par 5 70 Mais puisque vous les gars Condell il facilité, vous les gars pouvez probablement déjà voir par vous-même. Désolé. Ici, à son image. Il suffit de le faire glisser ici. Choisissez l'image et utilisez celle-ci ici. Et puis pour la dernière, on va prendre cette image, faire glisser, choisir l'image, et je vais juste aller de l'avant et sélectionner celle-ci juste ici. Très bien, donc nous avons quatre images maintenant, donc nous devons en faire plein avec, et nous devons réduire l'écart, alors faisons-le. Donc juste ici, sous la section, on va prendre cette section juste ici, et on va faire tout ça avec. Bon, donc maintenant nous avons la section complète juste ici. Alors maintenant, c'est plein avec. Maintenant, j'entends ou vois ses lacunes de colonne. Maintenant, vous pouvez choisir l'écart qu'il aimerait. Nous pouvons avoir un écart plus large. Nous pouvons avoir un large écart, avons pu nous étendre. On va avoir un écart très étroit, ou on ne peut avoir aucun écart. Donc maintenant, vous pouvez voir les images sont toutes alignées vraiment bon. Et à ce stade, nous n'avons pas besoin de faire quoi que ce soit d'autre. Alors, tu veux ça ? Regarde, c'est comme ça que tu peux y arriver. Maintenant, je veux essentiellement prendre cette section ici, et je veux la fermer derrière cette section. Maintenant, il y a un raccourci pour le faire. Les gars n'ont pas à refaire une toute nouvelle section. On peut en fait dupliquer Rose. Donc, par exemple, je vais juste vous donner un petit aperçu, non ? ici sous la section, je peux cliquer sur ces peu pour dupliquer Rose, et il va dupliquer toute la section pour nous. Mais je ne veux pas le faire tout de suite, du moins pas pour cette section. Donc pour cette section, je suis un clic dessus et je vais supprimer toute cette section ici. Maintenant, ici, je veux prendre ça donc je ne vais pas aller à la section et rappelez-vous, les gars, les gars, ça doit être la section Ne faites pas la colonne. Si vous faites la colonne, il va juste faire tout ce qu'il contient. Et nous voulons simplement prendre la section entière. Donc, la section je veux dupliquer ceci. Maintenant, je vais prendre cette section ici, donc si je survole comment c'est sa section de glissement. Je veux prendre ça et juste le glisser sous. Maintenant, vous voyez où est le bar sarcelle. Laisse tomber. Parfait. Donc ici, avec quelque chose comme cette page, ce générateur de page est tout simplement incroyable, et je vais le rendre un peu plus petit. Et voilà. Donc maintenant nous avons cette section, nous avons les images. C' était très simple à faire. Évidemment. Droit ? Ce n'était pas dur du tout. Maintenant, allons de l'avant et faisons la section suivante juste ici. On va en fait ajouter. Quelques icônes cool allaient ajouter dans les boîtes d'icônes. Donc ici, les gars, on va cliquer sur hors de la nouvelle section. On va juste attraper pour l'instant. Tu peux choisir ce que tu veux, mais je vais aller chercher quatre, et on va monter ici et je vais aller à la boîte à icônes. Donc la boîte à icônes. Donc, ici, nous pouvons vraiment parler de l'icône. Donc, nous allons dire, vous savez, mobile responsive. On peut mettre un texte juste ici. J' espère que c'était la vidéo YouTube. Très bien, je vais prendre un peu de ce texte ici et je vais juste le coller là-dedans. Maintenant, si vous voulez ce lien d'orteil quelque part quand quelqu'un clique dessus, vous pouvez aller de l'avant et mettre votre Vous êtes bien ici. Mais pour l'instant, je ne le suis pas. Je ne vais pas faire ça. Croyez-le. Clignez des yeux. Et ici, nous pouvons le mettre à gauche. Mais aux droits. Oregon l'a mis pour le top Maintenant, je parie que vous vous demandez ce que ce titre HTML tag est. C' est plus à des fins de Seo, et je ne vais pas entrer, tu sais. H cinq h trois étiquettes. Étiquettes d'âge 4. Ce tutoriel. J' ai un yo sectoriel sur YouTube. Vous étiez intéressés par ça ? Vous pouvez vérifier. Mais pour cela, je le crois comme h trois maintenant pour examen. On peut l'empiler. On peut le faire encadrer. Et nous avons changé la taille du cercle. Peut-être voulait boite. Quelque chose comme ça. Donc, ici, nous pouvons réellement changer le moi emblématique. Donc j'ai mis mobile responsive, donc je vais taper le téléphone. Donc téléphone ici, téléphone portable. Et, tu sais, je n'aime pas ce que ça a l'air. Les gars, je vais aimer ça. Je t'aime bien. Et c'est simple. Comme si c'était simple. Donc pour le style, la couleur primaire, euh, vous savez, ce moment, je pense que pour la couleur primaire, nous pouvons probablement partir. Je veux dire, comme du noir. Donc, vous voyez comment le téléphone change noir et aussi nous avons l'espacement des icônes. Nous agrandissons l'icône. On peut faire l'icône. Nous pouvons faire pivoter l'icône et vous savez que nous pouvons ajouter l'espacement maintenant avec l'espacement est qu'il crée l'espacement de l'icône à partir du texte. Bon, maintenant l'icône survolent. Même chose s'ils survolent. Voulez-vous avoir certaines animations ? Et aussi, quelle couleur voulez-vous ? Si quelqu'un passe la souris sur l'icône et pour le contenu, nous pouvons modifier le contenu. Vous pouvez modifier le titre du contenu. Donc, ici, nous mettons du noir et nous savons que ceux-ci sont un peu plus répétitifs. Vous pouvez modifier la police du titre. Et puis pour la description qui est cette section juste ici. Donc tu peux changer ça. Vous connaissez la couleur de la description. Et aussi vous pouvez changer la la police Ford aussi. Bon, donc c'est essentiellement l'icône, les gars. Très explicatif. Très simple. Mais, tu sais, je ne veux pas que je ne veux pas refaire ça. C' était beaucoup de travail, non ? Donc ici, nous pouvons cliquer sur juste dupliquer, et puis nous allons simplement le faire glisser ici, dupliquer, faire glisser ici et dupliquer et juste le faire glisser ici maintenant, disons juste que vous voulez dupliquer ce toute la section à nouveau. Disons que tu veux juste ici. Nous avons quatre autres sections ici. Alors, juste ici. Il suffit de cliquer sur la section et de le dupliquer. Voilà, tu y vas. Maintenant aussi, c'est un peu trop près du haut juste ici. Vous voyez ça ? Comment ces téléphones étaient trop proches du haut. Alors ajoutons un peu de rembourrage. Donc juste ici sous la section, on va aller à avancé et juste ici sous la marge ou sous le rembourrage mettra 100. Maintenant, assurez-vous que cela n'est pas coché. Nous ne voulons pas le relier ensemble. Je vais mettre 100 juste ici et me rappeler comme, disons, par exemple, vous pouvez mettre un titre juste ici. Vous savez, vous pouvez mettre autre chose que j'ai choisi de ne pas faire, mais si vous voulez, vous pouvez aller de l'avant et simplement ajouter un titre. Mais je pense que cette section ici met l'accent sur cette section ici. Donc, ce sont essentiellement les gars les icônes. Et aussi, si vous voulez faire cela plein avec, vous pouvez aller à la section sous la section Contenu. Tu pourrais le faire plein avec. Et vous pouvez également décider si vous ne voulez pas de lacunes. Tu ne veux pas de lacunes. Tu sais, quelque chose qui nous ressemble, mais qui a l'air un peu foiré. On ne veut pas encore faire ça, alors je vais le laisser en boîte. Je pense que la boîte qui a l'air assez propre, elle a l'air simple. Maintenant, je ne vais pas passer par chacun de ces gars parce que c'est très explicite sur vous savez ce que vous voulez choisir ? Vous pouvez, vous savez, changer la position de l'icône, ce que vous voulez, est-ce pas. Donc je ne vais pas, tu sais, aller trop loin sur chaque icône parce que, tu sais, une seule marche pour tous. OK, donc c'est une rapide descente vers le bas des icônes. Ensuite, continuons et ajoutons l'effet de parallaxe avec les boutons. Donc, ici, nous allons vraiment aller aux pieds à une intersection et vraiment cliquer sur cette route à quatre colonnes juste ici. Ok, donc nous avons cette section. Maintenant, allons de l'avant et ajoutons quelques chiffres. Donc, en faisant défiler ici, on va devoir trouver le compteur cette année. Dit compteur d'abord et glisser vers le haut. Maintenant, disons juste que je veux, vous savez, mettre le numéro de départ 21 et et 2 100 Ça commencera à un, puis à 100 Oregon commencer à 50 ce que vous voulez. Donc maintenant, je vais juste dire, OK, OK, terminé 100$ ou entré 100$ en ce moment. Juste ici. Sous la durée de l'animation, vous pouvez choisir la vitesse à laquelle vous voulez qu'elle soit. Mais deux secondes, c'est plutôt bon. chose de plus long que ça, les gens pourraient tu sais, dire OK. Ce n'est pas cool, tu sais ? Donc, juste ici mettra le nombre de pour les tasses à café, tasses à café. Maintenant, pour le style, nous pouvons changer le texte. Maintenant, je vais le laisser blanc. Je sais que vous ne pouvez pas le voir, mais ne vous inquiétez pas. Nous allons mettre un fond ici qui rendra cela visible maintenant sur leur topographie. Même chose que je suis public. Croyez-le comme des blancs. Mais je voudrais peut-être le rendre un peu plus grand. Ici, nous pouvons changer la taille de celui-ci. Et pour le titre juste ici. Je veux le titre en tant que cas des Blancs. Rappelez-vous, c'est le titre et la topographie. Laisse-moi regarder. Cliquez sur. Cette section ici va changer le titre. Ok, alors on va avancer, on n'a pas vraiment besoin de quoi que ce soit là-bas. Mais juste ici, sous la section va cliquer sur la section Je veux faire cet imbécile avec et je veux ajouter dans un arrière-plan donc juste ici sous le contenu, nous allons rendre cette section pleine avec vous pouvez voir qu'elle est pleine avec maintenant et je veux un coda et je veux ajouter en arrière-plan. Donc ici, sous classique, nous allons cliquer sur Image. Et je suis comme l'un de ces là, juste comme celui-là. Ok, maintenant position. Donc, cela marche pour contrôler la position de l'image où vous voulez qu'elle soit, mais généralement laisser comme aucun. Je veux juste couvrir un accent sur tout ça. Les pièces jointes que nous allons mettre comme corrigées maintenant avec l'option fixe fait est qu'il crée l'effet de parallaxe. OK, les répétitions que tu ne veux jamais. Répétez maintenant ce que ça fait. Fondamentalement, il répète l'image comme 45 fois. C' est vraiment vieux et moche. Et si tu l'as, euh, je ne sais pas. Je ne sais plus qui fait ça. Je ne sais vraiment plus qui étaient des images de pizza. Je pense juste que ça a l'air dingue. Donc je vais le dire comme aucun. Maintenant, pour la taille, nous pouvons mettre couverture que nous pouvons mettre, contenir, ou nous pouvons mettre auto etcetera. Maintenant, ici, sous le dos sur superposition, nous pouvons choisir d'avoir une superposition d'arrière-plan sur cette image, mais très rapidement pour la mise en page. Je veux contrôler la taille de ça ici. Je ne peux pas vraiment tout te montrer parce que j'ai besoin d'augmenter la hauteur. Donc, ici, sous la hauteur, on va mettre l'écran des hommes. Et quelle taille veux-tu cette taille ? Alors peut-être qu'on va le mettre à 500. Bon, maintenant, je vais encore cliquer sur la colonne, et juste ici, vous savez, on peut ajouter ah bok shadow. Tu vois tout l'ombre de la boîte met maintenant l'accent sur ça ? Ça a l'air plutôt cool. Tu sais, c'est une bonne raison pour laquelle Toe l'a ajouté. Tu sais ? Donc la couleur que nous pouvons changer la couleur de ça. Vous voyez, comment la couleur de fond qu'on peut contrôler ? Contrôlez la propagation ici ou nous pouvons nous rencontrer horizontalement. On peut le rendre vertical, etc. D' accord, pour l'instant, je vais laisser ce blanc, et on peut changer la diffusion de cette couleur aussi, tu sais ? Donc vous voyez comment nous avons cette animation sur la boîte juste là. Tu veux ça ? Vas-y. D' accord. Mais maintenant, je vais aller l'appeler ici, et on va dupliquer cette ligne. Donc, je veux dupliquer cette section ici. Maintenant, tu vois, comment ça s'est passé ? Nous venons de créer une toute nouvelle section et il juste doucement il a fondamentalement fait 1/5 colonne. Donc, pour ce faire, vous devez cliquer sur cette section ici. Si vous cliquez sur la section de colonne et que vous la dupliquez, ça va continuer à créer plus de routes, et ça va continuer à le pousser. Ok, donc juste ici vous voulez cliquer sur cette section et juste faire glisser cette section et faites-la glisser et puis cette section pour la colonne. Je veux supprimer ceci. Assurez-vous de ne pas cliquer sur la section de la section. Si vous allez à ici supprimé, il supprimera toute votre section. Je l'ai fait tant de fois. C' était tellement frustrant quand j'ai commencé. Genre, c'est stupide. Paige Miller. Ça ne marche pas, tu sais. Alors, allez à la colonne et fermez-la juste là. Ok, donc tu y vas. Nous avons cette belle section. Ça a l'air vraiment bien. Maintenant, si je fais défiler, tu vois comment on a cet effet de parallaxe maintenant ? Donc, c'est essentiellement comme ça que nous créons l'effet de parallaxe. Vous devez le mettre comme fixe. D' accord ? Une répétition. Vous devez le mettre comme fixe et ne pas faire défiler pour obtenir l'effet de parallaxe. Mais ne vous inquiétez pas, Nous allons parler un peu plus de Parallax lorsque nous allons à cette section sur la page. Je vais fermer ça ici. En fait, j'irai voir mon Wilson. Je veux vous montrer un petit échantillon rapide de j'ai fait une page de parallaxe entièrement fonctionnelle . Et nous en parlerons plus. Comment y parvenir ? Regarde quand on arrive à cette partie du tutoriel, accord ? Et j'ai mis une vidéo ici,bien sûr, bien sûr, mais vous savez, nous allons parler plus sur la façon dont vous pouvez avoir un effet de parallaxe entièrement fonctionnel avec des choses vraiment cool comme ça. Ok, donc pour l'instant, les gars, c'est tout pour cette section. C' est tout pour l'effet Parallax et aussi pour les compteurs de nombre. Comme je l'ai dit, vous pouvez nous changer sous la section style. La couleur du texte, tout est ici. Donc je ne veux pas reparler de cette section parce qu'on s'est déjà battus à ce sujet. Droit ? Alors passons à la section suivante où nous parlerons de quoi parlez-vous  ? La section suivante. Vous savez, les gars, je ne suis pas scénarisé. Quand je fais ces tutoriels, je fais juste, Vous savez, nous allons parler de cette section ici. Nous avons ce portable et nous présenterons l'appel à l'action, donc je vous verrai tous là-bas. 9. Téléphone et carousel: Bon, les gars, bienvenue. Alors allons-y et ajouté sur le téléphone ici, et nous allons réellement ajouter un texte avec un appel à l'action. Donc la première chose que nous devons faire est de faire une corde à deux colonnes. Donc, ici, sous ajouter une nouvelle section sélectionnera deux. Et là, on va prendre une image et je choisirai l'image. Et je vais prendre ces téléphones ici et entrer dans les médias. Maintenant, les gars, une chose que je veux vous dire est quand vous répondez aux images, assurez-vous que c'est un fichier PNG. Le fichier PNG aura en fait ce fond transparent. Donc, si vous avez un fond de couleur différente, cela n'aura pas d'importance car il se fondra parfaitement. OK, donc si vous attrapez des fichiers JPEG, les fichiers Jay Peak auront le blanc en arrière-plan, et il n'aura pas l'air. OK, alors assurez-vous que c'est un fichier PNG. Ok, donc j'ai mis l'image. Maintenant, allons de l'avant et ajoutons du texte ici. Donc juste ici, je vais prendre le cap et juste là. Oh, met ce tutoriel est simple. Une autre chose dont je veux vous parler, c'est quand vous mettez dans un texte sur votre site web. idéal de capitaliser le premier mot de chaque première lettre regrettable de chaque mot. Et beaucoup de gens le font parce que ça a l'air bien. Et c'est essentiellement ce que tout le monde fait. Donc, je veux fondamentalement faire ça en centré ou en fait, non, je veux mettre ceci à gauche. Je veux me rapprocher des téléphones et juste ici dans votre style. Je vais changer ce texto en noir. Maintenant, sous la section avancée, je veux ajouter une marge. Donc ici, je vais cliquer sur le petit lié ensemble et je vais ajouter une marge. Donc, vous voyez maintenant comment il espacement. Donc c'est essentiellement une bonne raison pour laquelle nous pouvons utiliser la marge. Maintenant, il y a deux façons de faire cette section. Nous pouvons en fait juste ici, nous pouvons faire glisser l'éditeur de texte et juste ici, ou nous pouvons aller de l'avant et prendre des colonnes et nous pouvons mettre la colonne là à la place. Il y a donc deux façons de le faire. Maintenant, ce que font les colonnes. Comme je l'ai dit, il crée simplement des colonnes supplémentaires dans la section. Mais je ne veux pas faire ça. Donc je vais cliquer sur X et cliquer sur Supprimer. Mais c'est juste une autre façon de le faire. Je te montre juste qu'il y a d'autres façons de le faire. Maintenant, sous l'éditeur de texte, je vais juste prendre ça. Et vous voyez comment la ligne bleue est juste là. Il va le laisser tomber, et je vais prendre mon fameux texte factice, et je vais juste le mettre juste là. Eh bien, euh, et bien sûr, étant changé, le style contenait la couleur du texte. On pourrait en faire une ligne, le centré. Mais en ce moment, nous voulons probablement faire soit justifiée ou justifiée à gauche. Il semble aussi bien, mais je veux le garder à gauche, et je veux ajouter un appel à l'action. Donc ce bouton pour qu'on le fasse glisser vers le bas, le mettre juste là. Maintenant, je veux probablement changer la couleur de fond. Tu sais, ça n'a pas l'air bien comme ça. Donc, sous le style, nous pouvons changer le mais la couleur du texte en blanc et la couleur de fond peut-être quelque chose comme le noir juste comme ça. Parfait. C' est parfait. Maintenant, je veux vous présenter à tous un nouveau widget que nous n'avons pas utilisé. Et c'est le Il s'appelle le Carrousel de l'Image. Oui, le carrousel de l'image. On allait utiliser ça maintenant. Ok, donc je vais prendre ça et juste l'ajouter dans la section des nouvelles. Maintenant, quelles images voulez-vous ? Eh bien, nous avons besoin d'ajouter ou quelques images. Je veux de l'annonce dans celui-ci. Je veux ajouter celui-ci. Je veux de l'annonce dans celui-ci, et je veux ajouter quelque chose comme ça ici aussi. Et je vais aller à la galerie de crédit. Vous pouvez donner ces noms, mais pour ça, je ne vais pas lui donner de noms. Je vais te montrer pourquoi. Je pense que c'est bon comme ça. Et je vais aller insérer une galerie. Maintenant, vous allez voir que les images sont là, donc les images sont là et les gens peuvent faire défiler et vérifier. Mais allons-y et faisons un peu plus de contrôle. Tu sais combien de diapositives veux-tu montrer ? Donc, par exemple, si vous voulez vraiment montrer la tournée Onley montrant le carburant, vous ne voudrez pas montrer que vous ne pouvez en avoir qu'une seule à montrer. Mais je veux peut-être autour de trois. Maintenant, il a coupé le parchemin. Tu sais, on peut laisser ça comme si personne n'était fondamentalement chacun. Une seule fera défiler, ou vous pouvez avoir deux diapositives. Les règles défileront, etcetera. Donc l'image s'étire. Si tu veux étirer ça, on peut l'étirer. Je n'aime pas son apparence, parce qu'il a l'air un peu pixélisé. Donc ici, je ne vais pas naviguer. On peut l'avoir comme des flèches et des points. Maintenant, la raison pour laquelle vous ne voyez pas les flèches, c'est parce qu'elles sont blanches et nous allons changer ça dans une seconde. Mais on pourrait avoir des flèches et des points. Nous ne pouvons pas juste flèches. On peut avoir des points, mais je vais le laisser comme un roan. Points liés à nous pouvons faire ce lien vers une section spécifique. Disons que ce sont vos partenaires. Vous pouvez cliquer sur personnaliser votre l et si quelqu'un clique sur ceux-ci, il les emmènera à cela. Sites Web. D' accord. va pas à rien. Allons à supplémentaire. Donc impulsion sur le vol stationnaire où fondamentalement, il va mettre impulsion sur le vol stationnaire la lecture automatique. Donc, voulez-vous que ceux-ci continuent à défiler comme ça si vous voulez cela, vous pouvez le laisser comme oui. Maintenant, la vitesse de lecture automatique. Donc ça dit 5000. Maintenant, ce n'est pas 5000 secondes. C' est 5000 millisecondes. Donc M s. Donc, disons que vous le mettez à 2000. Ça va faire défiler beaucoup plus vite si on fait ça. Tu vois, ça va attendre environ deux secondes. Un pour boum. Ok, c'est censé y aller, mais oui, c'est probablement parce que nous sommes sur le constructeur de pages, mais vous pouvez aussi le réduire à 1000 maintenant. Boucle infinie. Tu veux qu'on continue ? Tu veux juste que ça continue ? Si vous voulez cela, allez-y et mettez oui, la vitesse d'animation. Alors à quelle vitesse vous vouliez vous attaquer comme vous le voyez en ce moment, Comment est-ce que cet effet d'animation voulez-vous qu'il soit plus rapide ? Tu peux mettre quelque chose comme 1000. On est maintenant un peu plus lent ou même faire quelque chose comme 100 où ça va aller super vite. Tu vois ça super vite ? Mais pour l'instant, je vais juste le laisser à, je pense, 500 à 300, puis direction. Manifestement à gauche ou à droite, on y va ? Laissez-le à gauche maintenant pour le style. Maintenant pour la position aérodynamique. Tout d'abord, changeons la couleur de la flèche pour que nous puissions les voir. Je veux l'emmener en noir pour que vous puissiez voir les flèches juste ici. Maintenant pour la position aérodynamique. Tu les veux à l'intérieur ? Ou vous les voulez en dehors de la boîte afin qu'ils soient à l'extérieur de la boîte. A l'intérieur, il y en aura à l'intérieur. Et bien sûr, les points Vous pouvez changer. Vous les voulez à l'intérieur ou à l'extérieur. Vous pouvez agrandir les points ou les rendre plus petits. Et vous pouvez également changer la couleur des points. Maintenant, pour l'image, vous pouvez choisir de l'avoir. Comme vous le savez, la coutume. Nous pouvons avoir un espacement personnalisé entre les images. Vous pouvez les rendre un peu plus proches les uns des autres ou plus éloignés pour le type de bordure. Nous pouvons choisir de l'avoir doublé. On peut l'avoir comme pointillé, on peut l'avoir comme pointillé. Et nous pouvons changer l'avec ces points si vous voulez. Et nous pouvons également changer la couleur de ces points spécifiques. D' accord. Mais je ne veux pas m'en mêler trop parce que ça prend juste du temps. Et SS deux noyau et la décoration, je pense que c'est assez standard. Je pense que ça a l'air bien. Et bien sûr, pour les avancés, nous pouvons changer la marge. On peut changer le rembourrage. Peut-être que vous voulez pousser ça un peu vers le bas ou le pousser vers la droite ou pousser vers le haut , etcetera. Et avec tout ce que nous pouvons avoir l'animation d'entrée. Donc, vous voyez comment nous avons l'animation d'entrée. Où ? Quoi ? Ça arrive comme ça. Donc, pour chaque paramètre, nous pouvons avoir de l'animation. Ok, gardez ça à l'esprit, parce que c'est pour chaque module que nous utilisons. Ok, donc c'est essentiellement cette section, les gars, c'était essentiellement le téléphone et ces séances de chasse. Ah, la prochaine session. Nous allons en fait aller à la page suivante, ou il va parler de la section à propos de nous. Alors je vous verrai tous là-bas 10. Personnalisation de thème: Très bien les gars, prenons un bref aperçu de notre site Web. Alors regardez notre site web ici. Voici notre page de destination. Vous voyez que c'est déjà beau. Nous avons un très bon travail pour créer cette page. Mais il y a certaines choses que je veux changer et aussi mentionnées avant de passer à la section à propos des États-Unis Maintenant, voici notre section widget Et ne vous inquiétez pas, nous allons parler de widgets et de pied de page et aussi à la fin, nous allons obtenir un peu plus avancé et parlez de la façon dont vous pouvez créer votre propre pied de page avec le générateur de page. Mais très rapidement, allons de l'avant et parlons du personnalisateur de thème et aussi créer toutes les pages dont nous avons besoin. Donc juste ici sous ajouter nouveau, nous pourrions aller à la page et vous voulez créer la page à propos de nous Donc juste ici pour aller à environ et juste ici. Souviens-toi, on veut une barre latérale. Je suis désolé. Un contenu sans barre latérale pour les widgets va juste aller et mettre à pour l'instant. Vous voulez plein avec le contenu et nous voulons aller de l'avant et désactiver le titre du contenu et aller cliquer sur publier et nous allons ajouter de nouveau et nous allons ajouter dans la page des services et même chose ici. Contenu. Pas de barre latérale à pleine avec. Désactivez le contenu. Je vais publier cela et nous allons ajouter de nouveau et ensuite nous allons aller à Parallax et ensuite nous allons faire du contenu. Pas de barre latérale pour les widgets pleins avec, et vous savez que nous allons ajouter un peu pour le mettre dans. Il s'agit essentiellement de créer toutes les pages dont nous avons besoin, puis nous en ferons une de plus, qui est la page Contact US, puis juste ici. Contenu. Pas de barres latérales. Deux widgets pleins de contenu et désactivez le titre du contenu et je vais publier cela. Parlons maintenant du personnalisateur de thème. Donc, si vous voulez voir vos pages, il suffit de cliquer sur toutes les pages ici et nous avons le contact, la maison, la parallaxe et le service est correct, mais nous devons faire quelques changements dès maintenant. Si tu vas sur le site, ça va ressembler à ça ici. Et c'est parce que nous devons définir la page d'accueil comme statique. Donc, juste ici sous customiser ready, descendez à la page d'accueil statique. Maintenant, juste là. C' est une page statique. Nous devons citer la première page comme page d'accueil. Bien sûr et nous allons cliquer sur enregistrer et publier. D' accord. Et aussi, nous parlerons plus de la blawg un peu plus tard. Mais ce thème a, je suis désolé, cette page Miller a des sections spécifiques. Ford Blog. Nous n'avons peut-être pas besoin d'utiliser la page de bloc. C' est à vous de décider, mais je vais parler des fonctionnalités d'appartenance sur ce générateur de page. Mais revenons ici et disons qu'on a un logo. Maintenant, si vous avez investi, vous savez, dans votre site Web, c'est quoi 5$ ? Vous savez, avec 5$, vous pouvez obtenir un très beau logo. Et juste avant cette séance, on a parlé de vous, vous avez un esprit comme vous l'avez vu. Comme un petit article. Il y a un site Web appelé Fiverr dot com, et la fibre dot com est Fondamentalement ils font tout pour 5$. Je veux dire, ils te verront Joyeux anniversaire pour 5$. Ces gars feront n'importe quoi. 5 $. C' est assez fou. Il suffit de taper le logo ici. Maintenant, le lien dans la description qui était un lien d'affiliation. Donc, si vous achetez quelque chose. Je ne reçois même pas une petite commission. Je pense que c'est comme la quantité de gens comme amener. C' est une très petite commission, mais ce n'est pas un coût pour vous. Donc ça, tu sais, ça m'aide juste. Donc j'apprécie ça. Mais ici, vous pouvez voir que vous savez que ces gars vous rendront vraiment cool. Logos. Allons de l'avant et cliquez sur quelque chose comme la conception du logo encore. Donc design de logo et nous allons en prendre quelques comme ça ici. Donc ces gars vont te construire un logo pour seulement 5$ gars. Et ils ont des trucs vraiment sympa. Tu sais, ils font vraiment de beaux logos. Et beaucoup de ces gars sont basés à l'étranger, donc c'est très bon marché pour vous. Donc, je recommande d'obtenir j'ai eu mon petit aller hors de ce site Web, donc je le recommande. Non, disons que vous avez un logo. Mettons-le en ligne. Donc c'est notre section juste ici. D' abord, allez sur une identité de site Ce que vous voulez que votre site Web dise, donc nous pouvons dire, vous savez, euh, ce sera le site Darryl de Darryl, et nous sommes la SLA prédatrice, vous ne pouvez pas sort Maintenant, vous pouvez choisir les Heidi aussi. Donc, sur mon autre page juste ici, en fait désactivé les deux. Et j'ai juste mon logo. Vous pouvez le faire aussi. Tu n'as pas de logo. Tu peux le laisser comme ça. Disons que vous avez un logo. Je vais choisir le logo. Maintenant, ils recommandent la taille de 3 50 par 70. Mais je pense que tu pourrais faire 3 50 par 90. Maintenant, cette partie est la longueur, donc tu veux qu'elle soit plus grande. Donc je crois que j'ai mon logo. Il l'est. J' ai mis mon logo ailleurs, mais pour l'instant, je vais aller de l'avant et utiliser quelque chose comme, euh oh, c'est celui-là ? Ok, donc c'est 3 50 par 80 et c'est un fichier PNG. Je ne peux pas faire assez confiance à ça. Il doit s'agir d'un fichier PNG, car si vous changez la couleur, il va se fondre. Alors ici, il suffit d'aller de l'avant et de faire cela va recadrer l'image. Et voilà. Disons que je veux me débarrasser de toutes ces autres choses ici. Je peux cliquer sur cacher et aussi cacher. D' accord. Maintenant pour l'icône du site. Donc, vous voyez ici comment la fibre a des points verts sur ce site a son icône d'engrenage. Tu veux changer ça ? Il suffit de cliquer sur sélectionner l'image ici, et tout ce que vous devez faire est juste de sélectionner l'image. Donc, juste là, je vais prendre celui-là. Je vais le sélectionner, mais je veux le recadrer. Donc vous voyez, juste ici comment nous avons l'image de ce petit cheval cool, nous allons cliquer sur recadrer image. Et maintenant, à partir de maintenant, vous voyez le haut à gauche ici. Maintenant, quand quelqu'un viendra sur mon site, ça va le montrer à la place. Vraiment cool. Vraiment simple de retourner ici maintenant. Je ne recommande pas de faire tout ça. Tout ça ici. Je ne recommande pas parce que j'aime ce que ça ressemble. Mais si tu veux changer, j'aime le style de ça ici. Sous votre disposition, vous allez dans conteneur. Tu peux changer. Tu connais la largeur de ça. Vous pouvez aussi savoir, un conteneur, etcetera aussi par ici. Sous en-tête. Vous pouvez rendre l'en-tête plein avec, ou vous pouvez l'avoir contenu comme ça. Et aussi, vous pouvez choisir d'avoir ce plein. Et l'alignement de la tête que vous pouvez choisir comme centre quelque chose comme ça. Juste là. Ok, donc si vous voulez avoir ces paramètres, vous savez, il y a des fonctionnalités que vous pouvez avoir. Personnellement, je ne l'aime pas trop, mais là encore, vous savez, c'est votre site web, donc je vous montre comment le styliser. Donc je vais retourner ici. Navigation principale. Nous pouvons modifier les paramètres sur tous ces éléments. Donc, le contenu de navigation, qui est cette section juste ici Nous pouvons avoir qui contenait le stagiaire. Allégation Mugabe comme pleine. Ou nous pouvons changer cela en, vous savez, au-dessus de l'en-tête. Tout ce que vous voulez l'air. Juste fondamentalement des paramètres où vous pouvez juste, vous savez, décider où vous voulez qu'il aille. Je vais probablement le laisser comme vous le savez,en dessous de l'alignement de navigation d'en-tête, peut-être des centres. Je vais probablement le laisser comme vous le savez, dessous de l'alignement de navigation d'en-tête, Bien. Vous savez, si nous l'avons juste ici, peut-être que les centres sont bons et la navigation et le menu déroulant. Si vous avez un menu déroulant, nous allons parler des menus déroulants dans un petit peu. Hum, ça va vraiment créer une, um, une icône de vol stationnaire ou un élément de menu, etc. Mais je n'ai pas de menus déroulants en ce moment, donc il ne vous montrera rien maintenant pour la recherche de navigation. Nous pouvons choisir de l'activer. Et ce que cela va faire, c'est que va créer cette petite icône, et les gens peuvent chercher quelque chose de spécifique sur un site Web. OK, retourner par ici. barres latérales. On n'utilise pas de barres latérales. Peut-être pour une page bloquée. Nous le ferons. Nous parlerons de la page de bloc un peu plus tard. Et nous avons aussi des widgets, dont nous parlerons des widgets un peu plus tard. Et des menus. Nous pouvons réellement créer un menu dès maintenant, alors allons de l'avant et faisons ça. Donc, juste ici, allez cliquer sur ajouter un menu. Nous allons faire le menu un, créer le menu, et allons de l'avant et ajouter quelques éléments. Et donc ajouter quelques éléments. Nous allons créer la maison bla, bla, bla, et avait ceux dans. Bon, maintenant c'est notre menu juste là. Alors contactez les services Parallax et à propos de maintenant, si vous voulez changer le format de ça, nous pouvons aller de l'avant et, vous savez , le mettre là-bas, ou nous allons mettre le contact ici, etcetera. Maintenant, si vous voulez créer un menu déroulant. Aussi besoin de faire est de prendre ceci et simplement de le faire glisser sous cette section comme ça. D' accord ? Et cela va créer un menu déroulant. Maintenant, je vais cliquer sur le menu principal ici et maintenant vous voyez ici comment nous avons ce menu déroulant . Où a le sujet ? Et maintenant c'est là que va la page de parallaxe. Donc tu veux cet effet ? Tu peux le faire. Mais pour l'instant, je crois qu'en tant que clignotant et vous savez, vous pouvez laisser ça comme menu principal ou, vous savez, c'est à vous de décider. Si ce n'est pas ah, c'est notre menu principal. C' est ce qu'on utilise. Mais ce thème n'aime pas qu'il crée ce petit bouton juste là. Donc, je ne veux pas qu'il y en ait pour laisser comme ça et cliquez sur enregistrer et publier. Donc, vous créez un menu et vous connaissez beaucoup zehr Good, parce que si vous voulez avoir ces effets déroulants, vous pouvez le faire avec le vous devez créer un menu pour le faire. Ok, Maintenant, pour les widgets vont parler de ce dont il est un peu plus tard. Un CSS supplémentaire. C' est un codage personnalisé tous les trucs ici. En ce qui concerne les couleurs et les mises en page pour une couleur de lien, nous aurons effectivement besoin de changer ce que nous ne changerons probablement pas est quelque chose comme les blancs. Donc, cela signifie comme quand nous créons des liens personnalisés, ce qui sera un peu plus tard quand nous parlerons de la, um Qu'est-ce que c'est ? Le pied de page personnalisé. Nous allons vous expliquer pourquoi vous voulez changer la couleur du lien. J' ai découvert ça à la dure parce que j'avais un client qui me criait dessus, et je ne savais pas pourquoi. Et je l'ai découvert très bien, donc c'est tout , les gars, c'est le thème. Personnaliseur. Beaucoup de ceux-là, comme les couleurs. Je ne recommanderais pas ceux-ci parce que nous pouvons changer la couleur et aussi la topographie sur le melon de page réel lui-même. Donc, nous n'avons pas besoin d'utiliser ce que le personnalisateur de thème nous donne, donc nous pouvons ignorer beaucoup de cela. Mais pour l'identité du site et aussi la mise en page, nous pouvons vouloir modifier certains de ces paramètres et également nous assurer de modifier la page d'accueil . C' est très, très, très important. D' accord, alors Michael vous dites qu'ils ont été publiés ? Tout droit. Et comme je l'ai dit, les gars, allez à la fibre C'est le meilleur endroit pour obtenir votre logo. Je veux dire, et tu sais, ne sois pas bon marché. N' essayez pas d'obtenir un logo gratuit. Ça va être un cauchemar. Je veux dire, c'est que je l'ai fait et je retourne toujours à la fibre. Je reviens parce que ce n'est pas bon. Allez à Fiverr, dépensez 5$. C' est bon. Si ce n'est pas le cas, si vous n'avez pas de logo ou que vous n'en voulez pas, il suffit d'utiliser le texte est parfaitement bien. OK, maintenant que nous avons créé ceci, je suis cuisinier sur la page à propos et nous allons créer notre page à propos de nous, donc je vous verrai tous là-bas 11. À propos de nous: D' accord, les gars. Alors allons de l'avant maintenant et faisons la page à propos de nous. Donc ici, je vais aller modifier la page sur la page à propos de nous. Maintenant, si vous ne trouvez pas que vous pouvez également aller à vos pages ici en cliquant sur toutes les pages qui vont à environ. Et nous allons éditer ça avec L un mentor. Et maintenant que vous êtes un peu à l'aise, nous allons aller de l'avant et accélérer un peu le processus. On va faire ça un peu vite pour te faire comprendre. C' est un peu taquiner ton cerveau. Ok, donc juste ici sous la rubrique, je vais aller de l'avant et le prendre. Et les gars, on va aller de l'avant et faire la même section exacte. C' est très simple. C' est vraiment facile. Ok, donc par ici, je vais aller de l'avant et changer les choses à propos de nous. Je vais mettre ça au centre pour le style. Je vais changer la couleur du texte en noir. Maintenant, par ici, sous style. Je peux changer la topographie, mais je ne veux pas faire ça. Maintenant, ici sous la section, je veux ajouter dans une image d'arrière-plan Donc juste ici sous le type d'arrière-plan de style. On va faire du classique, et on va à l'image. Ok, maintenant, juste là. Je vais choisir le corbeau. Maintenant, la taille de ceci est 1920 par 4 23 Ok, donc je vais de l'avant et je réponds aux médias maintenant, en revenant. Tu vois comment ça n'a pas l'air bien comme ça ? On a juste besoin d'aller à l'étalage. On va aller à la hauteur et juste changer le haut juste ici. Donc 400. Ça a l'air bien. Position de la colonne au milieu. La position de contenu que je voulais au milieu. Bon, maintenant, juste là. Je clique sur le texte et on peut aller au style. Et ici, sur une topographie, nous pouvons changer la taille de ce texte, mais d'accord, maintenant, allons de l'avant et ajoutons d'autres sections. Cette section est à peu près terminée. Facile de passer par ici. On va aller à la route. Et j'allais aller de l'avant et mettre un texte juste ici et, vous savez, juste ici, je donne un aperçu rapide juste comme ça. Je vais vous donner un aperçu rapide, et nous allons le rendre centré. Maintenant. Vous voulez aller de l'avant et mettre ceci Vous savez, nous voulons le faire glisser un peu vers le bas, mais nous voulons aussi changer la couleur. Donc la couleur du texte. Je veux le rendre noir. Et tu te souviens, comment pousserais-tu ça vers le bas ? Pensez-y. D' accord ? C' est sous les options avancées, et c'est la marge. Rappelez-vous, nous créons une marge de 100 pixels comme ça. Ok, maintenant nous voulons ajouter dans cette barre. Donc je suis sûr que vous savez maintenant comment ajouter dans la barre, en cliquant ici. Nous allons aller au diviseur et ensuite il suffit de le faire glisser vers le bas. Maintenant, l'alignement doit être centré sur ce point, ok ? Et l'écart. Je veux un très petit écart, et puis le avec je vais juste le réduire juste comme ça. Ok, Simple. Facile. Maintenant, la section suivante que je veux ajouter dans une section juste ici. En fait, je veux l'ajouter dans le texte. Et puis nous avons ajouté une section ici, et nous vous présenterons tous ces compteurs de bar. Donc ici, je vais aller à cet éditeur de texte de section. On va simplement le mettre ici ou on va faire une toute nouvelle section. Donc ici, je vais juste y aller et mettre un texte factice et voir si je colle. Donc j'ai mon textile factice là-bas. Voyez si je le fais. Oui. D' accord. Cool. Maintenant pour le style. Je veux que ça soit centré comme ça. Maintenant, allons de l'avant et ajoutons dans votre section. Donc, ajouter dans votre section va mettre deux barres, cette section juste ici. Je vais en fait aller dans cette section et aller dans l'éditeur de texte et simplement faire glisser un peu de Texan. Très bien, collez-le. Disons que je veux créer de l'espace ici. Tu sais, je veux que cette section ait plus de rembourrage. Donc, en cliquant sur la section juste ici, je veux aller à la section avancée juste ici, et je veux vraiment faire une certaine marge. En fait, on pourrait faire un peu de rembourrage, alors mais mettre comme 100 juste là, donc ça a l'air un peu mieux. Ça le divise un peu plus. Nous ne le faisons pas. Nous voulions avoir de l'espace. Maintenant, juste là. Je vais ajouter un autre module. Donc en cliquant ici, je vais faire défiler vers le bas et nous allons utiliser la barre de progression comme ça. Donc ici, nous avons, vous savez, ma compétence. Donc la conception Web et puis ici, nous avons le type. Donc ce sont juste fondamentalement des couleurs, vous savez, si vous c'est comme un petit raccourci, et juste ici, nous avons le pourcentage va mettre, vous savez, quelque chose comme 90%. Maintenant, vous pouvez choisir de cacher le signe du pourcentage, si vous voulez, donc je vais juste mettre, vous savez, cacher. Donc, il va juste dire 90 ou juste Il va juste dire la barre par erreur, et puis juste ici mettra le taux de succès. Bon, maintenant, maintenant, pour le style, je veux que la couleur de la barre soit quelque chose d'un peu différent. Je veux que le Garko soit noir. Tu sais, ça correspond mon style ici. De quoi ? J' essaie de l'accomplir. Comme le genre, la couleur de fond de la barre, nous pouvons changer cela et aussi la couleur interne du texte. C' est donc la couleur interne du texte. Donc on peut changer ça en bleu ou gris ou quelque chose comme ça. Bon, maintenant le style de titre, nous allons probablement changer en noir, qui est cette section juste ici. Et nous pouvons aussi passer par ici et changer la police aussi. Et pour la section avancée, nous pouvons choisir d'avoir, vous savez, une animation comme, vous savez, elle se balance comme ça. Maintenant, au lieu de créer un tout nouveau module, on peut juste dupliquer cette ligne comme ça, et aussi ici, on peut décider, tu sais, tu sais, ça n'a pas l'air Trop bon. Peut-être qu'on peut Adam un autre texte juste ici pour, tu sais, faire correspondre ça. Et aussi, nous pouvons réellement faire la hauteur de la ligne. Donc ici, sous la section avancée, je crois que c'est, ou pour le style de contenu, c'est de la topographie. Désolé. Et on peut changer la hauteur de la ligne. Donc ici, nous pouvons choisir de faire correspondre ça avec ces barres pour que ça ressemble à ça. Tu vois comment j'ai fait ça ? Et aussi, c'est l'espacement des lignes, mais je suis un peu seul que c'est donc la hauteur de la ligne est une bonne idée de faire correspondre et de le faire vraiment bien. Ok, alors maintenant allons de l'avant et ajoutons dans la barre secondaire juste ici. Et je suis sûr que vous savez comment faire ça maintenant, mais allons-y. Je suis un clic là-dessus. Prenez cette rubrique et tout simplement aller de l'avant et poussez-le juste là et nous mettrons notre équipe incroyable et le centre, et peut-être que la taille laissera comme quelque chose comme un grand ou un extra grand. Maintenant, pour la , section,on va cliquer sur la section juste ici. Nous voulons ajouter une couleur et aussi faire ce fou avec le contenu de sorte qu'il sera plein avec. Et nous allons effectivement aller au style classique et va changer la couleur du noir. Donc maintenant, ça a l'air bien. Maintenant aussi, je veux m'assurer que ce contenu est au milieu. Donc ici, sur notre position de contenu, je vais mettre Mill. Alors maintenant, c'est au milieu. Et, bien sûr, on peut prendre un de ces bars. Peut-être que vous pouvez dupliquer ces barres sont vraiment difficiles. Non, il y a vraiment petit. Donc, nous allons juste prendre ceci et nous allons juste le mettre là-bas comme ça et changerons probablement couleur du texte pour peut-être quelque chose comme des blancs. Bon, maintenant parlons de la nouvelle section, quelles oreilles. C' est en fait des profils, mais je l'ai fait comme ça. Ça ne vient pas comme ça. Donc, ici, nous allons ajouter une nouvelle section fera trois lignes et nous allons aller à cette boîte juste ici, et nous allons faire la boîte Image dit la boîte de l'image. Et ici, nous allons faire une image. Maintenant, en fait, l'image est déjà là, donc je vais prendre celui-ci. Et la taille de ces gars est de 3 54 sur 2 83 et nous irons insérer des médias. D' accord, donc on a l'image là-bas et on va mettre Stacey et ici on peut mettre des textes différents . Je vais aller de l'avant et mettre dans mon fameux texte factice que j'ai été mis dans maintenant pour le style. Donc, nous voulons que cet accent soit un peu plus grand pour que nous puissions réellement le rendre un peu plus grand. On va le faire ou quelque chose, genre, 80. Et nous pouvons également choisir l'espacement des images à partir du texte. Mais je vais aller de l'avant et laisser ça comme ça, et on peut vraiment ajouter de l'animation à ça pour qu'on puisse ajouter une croissance de pouls. Ils survolent ainsi que le contenu afin que nous puissions changer la couleur du contenu que nous pouvons changer. Donc c'est ici pour le titre. Et ceci ici est pour la description. Donc la couleur du titre, je vais le laisser en noir. Et pour la couleur de description, je vais probablement le laisser comme quelque chose comme Gray. Bon, Cool. Donc, nous avons cette section juste ici. Maintenant, allons-y. Et à partir de quelques icônes sociales. Donc je vais cliquer sur cette section ici, et on va faire défiler vers le bas, et on va voir les icônes sociales et simplement prendre ça et on peut en fait, tu sais, on va faire, En fait, je pense que ce sera un peu plus utile. Eh bien, en fait, insérez une ligne de colonnes. Donc, en saisissant des colonnes va saisir cela et le mettre juste là. Maintenant, je vais prendre ça et simplement le faire glisser ici. Je suis désolé. Cette section et simplement le glisser ici et ici nous pouvons faire deux choses, vous savez, nous pouvons je ne veux qu'un seul. Sous les colonnes, je vais détruire ça. Nous n'avons qu'une seule colonne, et ici nous allons réellement insérer les icônes sociales. Plutôt cool. Ça a l'air bien. Maintenant, les icônes sociales font toujours tout paraître bien. Je ne sais pas pourquoi maintenant, pour changer ce type, c'est vraiment simple. Ici, sous vos icônes sociales étant cliquer sur, il est tout simplement aller de l'avant et mettre n'importe quel site de médias sociaux que vous voulez et ensuite mettre dans votre puits donc il doit être public ou doit être un fan page gars. Donc, si vous l'emmenez à un profil privé, ça va juste dire que ce profil est privé. Ok, donc tout ce que vous avez à faire est de continuer, entrez votre lien pour votre page Facebook là-bas et aussi votre Twitter et aussi votre Google. De plus, vous pouvez ajouter plus. Alors, juste ici. Je peux cliquer dessus et aller à quelque chose comme WordPress À un autre élément, Noble met ah, scintillement quelque chose comme ça, à droite, Donc qui semble assez bon. Alors maintenant, je vais le sauver. Bon, Cool. Donc nous sauvegardons cette page et c'est en fait que la vidéo va s'arrêter, et nous allons continuer sur la diapositive suivante 12. Environ 2: Alors continuons avec le sujet de nous. Donc aussi pour les icônes ici, vous pouvez choisir la forme d'entre eux. Si vous voulez qu'il cercle, vous voulez TEM un peu carré ou arrondi Maintenant un moyen rapide de, vous savez, finir cette section au lieu de le faire manuellement comme nous l'avions avant. Nous pouvons juste aller de l'avant et dupliquer cette ligne. Je suis désolé, cette section et on va la traîner ici. Maintenant, aussi pour les icônes va doubler doublera cela, et nous allons juste aller de l'avant et les faire glisser juste là aussi. Alors, juste ici. Je veux m'assurer de le mettre là. Ok, donc c'est un moyen très rapide de juste, vous savez, complètement conçu la page très rapidement. Maintenant, aussi, si vous remarquez ici, vous voyez comment j'ai cette colonne ici. Donc j'aurais dû faire la section. Donc, je vais aller de l'avant et supprimer ceci, et je veux réellement dupliquer cette section parce que cette section contrôle l'icône. Donc ici, intersection, cliquez, cliquez, dupliquer. Et puis on va traîner la section juste là. Non, non, ne l'appelle pas. le faire. Donc, on va prendre la section. Là, vous allez juste là. Ok, donc maintenant ils sont parfaitement alignés. Ça a l'air bien. Cela dit, nous pouvons le refaire ici en allant appeler, Hum, et nous pouvons juste le dupliquer comme ça aussi. Et nous allons juste supprimer ça. Appelle-le ici, d'accord. Et tu sais qu'on est là. On va aller de l'avant et mettre quelqu'un d'autre, donc je vais supprimer ça. Je mettrai la photo de ce type ici et ici. Je vais changer son nom. Alors mettez ce qui est censé être son nom. Bob choisira Bob. Et là, nous cliquerons dessus et nous choisirons. L' image supprimera ça, et nous mettrons cette photo de cette femme ici, et nous mettrons son nom comme Jennifer. Jennifer. Ok, donc cette section a l'air assez bien, vous savez, c'est une section très propre. C' est tout droit au but. C' est simple. Maintenant, allons de l'avant et vous présenter à tous un nouveau module qui s'appelle en fait le, euh je suis désolé, pas un nouveau module, mais nous allons créer un style différent ici. Ok, donc par ici, on va ajouter une nouvelle section. Nous allons créer deux barres cette fois, et nous voulons créer cet effet d'avoir ce contact nous à tout moment et aussi cette section Cliquez moi juste ici. Donc, ici, on va aller de l'avant et on va lui faire glisser un texte, et on va simplement nous contacter à tout moment dans le style. Je vais changer la couleur pour quelque chose comme White. Maintenant. La raison pour laquelle je l'ai fait est parce que nous allons ajouter un arrière-plan et que ça va sembler différent. Donc, sous la section juste ici couru change le sexe en plein avec, et je veux la position du contenu au milieu ici dans leur style. On va choisir ce classique, puis on choisira la couleur et on mettra son noir. Donc maintenant vous pouvez voir que nous avons le contenu juste là. Maintenant, nous voulons fondamentalement rendre cela un peu plus centré. Donc ici, si je double-clique sur le titre, nous pouvons simplement cliquer sur l'alignement central. Maintenant, par ici, tout ce qu'il faut faire est de faire glisser un bouton. Alors cliquez sur ceci. Allez-y et faites glisser un bouton. Maintenant, je vais probablement mettre cliquez sur moi. Vous mettrez contact avec nous. Les gars de Call to Action sont toujours très bons pour avoir plus d'appels à l'action, mieux vous voulez diriger votre public. Vous voulez leur dire ce qu'ils doivent faire lorsqu'ils naviguent sur votre site Web. Je sais que ça a l'air un peu agressif, mais crois-moi. Ah, je suis un bien conçu depuis un certain temps et il est vraiment recommandé. Donc, je veux l'aligner juste là au centre et le type juste ici. Évidemment, ces air juste raccourci couleurs. Donc je veux changer où ils vont. Tous mis http dot dot gov dot darrell Wilson Hoops, darrell wilson dot com. Et nous pouvons également sélectionner l'icône pour Peut-être que je veux mettre quelque chose comme cette petite chose juste là, puis pour le style. La couleur du texte est bonne , vous savez quoi ? Prenons ce changement. C' était grand. Ce petit peu différent va inverser la couleur mettra la couleur du texte comme noir et ensuite nous allons mettre la couleur de fond comme blanc, donc la couleur de fond, blanc. Donc ça a l'air cool juste là. Et nous pouvons aussi changer la police ici. Et aussi l'animation, etcetera, tout ce que nous aimerions faire. Mais, tu sais que je ne vais pas faire ça. Et c'est essentiellement ainsi que nous créons cette section. Les gars, c'était très simple, très facile. Et nous avons une page entièrement fonctionnelle sur nous en une affaire de 10 à 15 minutes. Maintenant, je veux enregistrer cette section. Les gars, cette section n'apparaîtra pas. Ne vous inquiétez pas s'il y a tous ces trucs bizarres ici. Si vous allez de l'avant et cliquez ici sur ce X et allez voir la page, il ne va pas apparaître. C' est donc la page que nous avons créée très élégante, très belle. Et c'est tout droit au but. Donc, voici les widgets de pied de page, et nous en parlerons un peu plus tard. Ok, donc c'est tout pour les gars à propos de nous. Félicitations. Maintenant, allons de l'avant et faisons la page des services. Et puis après cela, nous parlerons des mises en page Primi et aussi de l'effet de parallaxe. Alors je vous verrai tous là-bas 13. Quiz: D' accord, les gars. Bienvenue à notre premier quiz de ce quiz. Je vais vous montrer comment j'ai accompli ce regard ici. Donc vous pouvez voir que j'ai ces barres supérieures qui sorte de transition juste et ils tous ce look vraiment unique. Donc celui-ci vient de la gauche, du haut et de la gauche. Et aussi, j'ai ces deux images qui se chevauchent. Maintenant, tu peux le faire avec L. Un mentor. Tu sais, c'est faisable parce que tu fais du web design. Les mecs. C' est vraiment difficile d'obtenir des idées et de l'inspiration. Et crois-moi, j'ai été là. Il est difficile de concevoir votre site et de comprendre ce qui est bon pour vous. Donc je vais te montrer un design vraiment cool. Donc, vous quelques stratégies vraiment cool que vous pouvez utiliser pour votre site Web. Donc, en passant ici, tout ce que c'est pour cette section, les gars, c'est que j'ai simplement inséré trois colonnes avec lesquelles j'ai fait, et ce que j'ai fait c'est que j'ai fait l'animation différente pour chacun d'entre eux. Donc ici, sous ma section de colonne, c'est ma section de colonne actuelle juste ici, et je vais juste cliquer sur cette petite icône et ici sous style, vous pouvez voir que je l'ai laissé seul. J' ai changé la couleur primaire, la couleur secondaire Rien. Rien de trop fou. Mais sous la section avancée juste ici, je mets l'animation est la décoloration orteil gauche. Donc, si quelqu'un fait défiler vers le bas, il a ce look cool où ils s'affrontent tous ensemble et il s'adapte parfaitement. Donc, fondamentalement, j'ai fait trois rangées juste ici. Et si tu vas à cette section ici, j'ai tout fait avec c'est tout ce que j'ai fait. J' ai donc fait trois colonnes avec lesquelles j'ai fait un idiot, et j'ai juste changé l'animation pour chacune d'entre elles. Maintenant, pour cette section ici, cette section est un peu plus avancée. Donc c'est une ligne de deux colonnes, donc vous aurez un appel ici, et j'ai une autre colonne juste ici. Maintenant, ces images sont toutes les deux de la même taille, donc tout ce qu'elles ont fait était simplement d'insérer une image juste ici. Je n'ai rien changé. Tu vas à l'avancé. Rien n'est fait. Mais si vous allez au sexe la deuxième section juste ici et nous cliquons sur la colonne et allons juste aller de l'avant et aller à l'avancé. Vous allez voir que je change la marge à 300 négatifs. Donc, ce que cela fait, c'est qu'il va fondamentalement le déplacer dans l'autre sens. Donc, par exemple, je le laisse comme ça. Un zéro. Nous n'avons que deux images. Changeons juste ça à nouveau. 20 aussi, juste pour vous montrer tout ce à quoi ressemble à partir de zéro. Donc, c'est une ligne de deux colonnes, mais je veux pousser cela un peu vers le bas. Je veux créer une marge là-bas, donc je vais faire 100 et ça va vraiment le pousser juste là. Maintenant, je peux faire quelque chose d'un peu différent. Je peux aller moins 500. Voyons voir ici moins 400. Et vous voyez comment le genre d'image apparaît juste là pour que vous puissiez contrôler l' image de l'endroit où vous voulez qu'elle aille avec la marge. Donc je connais plus tôt la leçon. Je ai pas trop parlé de marge. Et j'ai rencontré ta pensée, Darryl, tu sais, je n'apprends rien, donc c'est un parfait exemple de pourquoi la marge est si importante maintenant pour le côté gauche, au lieu de lui donner un 400 Martin au gauche, je veux dire, tu sais quoi ? Allons-y et écraser à la page va lui donner moins 400 comme ça. Donc, c'est en fait un look vraiment cool et je l'ai fait sur un autre site Web. C' est un site que j'ai construit pour un client il y a un moment. Espérons que votre site Web est toujours en place et j'ai incorporé ce même look exact. Donc par ici, sous les feuilles sous la section environ US. Maintenant, je vais faire défiler ici et vous voyez comment j'ai les images qui se chevauchent . C' est un look que vous pouvez ajouter à votre site. Tu sais, il y a des choses que tu peux accomplir avec ça. Ecoute, il y a des fonctionnalités vraiment cool avec les images qui se chevauchent, juste comme ici. Donc, comme je l'ai fait sur ce site, vous pouvez peut-être le mettre à gauche ici, peut-être ajouter du contenu, etc. Donc je veux choisir ton cerveau petit peu. Les gars, vous savez. J' espère que ça aide. C' est un look assez soigné. C' est un look cool. Hum, je dois travailler, ce qui arrive un peu plus tard. Alors, euh oh, Peak. Je vois que vous n'apprenez rien d'eux, et je vous verrai à la prochaine conférence. 14. Services1: Hé, bienvenue, les gars. Alors, tu sais, j'espère que ce quiz t'a aidé. Vous savez, j'espère vous donner d'autres idées pour vos sites Web. Maintenant, on va aller de l'avant, faire la page des services. Donc ici, je vais me coucher avec L un mentor, et on va créer un site qui ressemble à ça ici. Ce sera la page que nous allons créer. C' est très simple. C' est très pratique. Nous avons des témoignages et aussi cet accordéon cool. Donc je vais vous montrer comment construire cette même page exacte. Donc, ici, allons de l'avant et allons à notre cap. On va aller de l'avant et traîner ça vers le bas, et ici on va juste mettre nos services et rien de ce que je veux parler des mecs est s'il vous plaît assurez-vous de rester jusqu'à la fin de ce tutoriel pour apprendre beaucoup. Je veux juste m'assurer que vous comprenez bien tout avant que vous ne commenciez à aventurer et essayer de nouvelles choses. Donc ici, je vais aller au style et peut-être changer de couleur pour quelque chose comme le blanc et ne me souviens pas comment changer l'arrière-plan. Vous les gars, n'importe qui levez la main. Ok, c'est sous la section, donc la section va au complet avec style. Maintenant, peut-être qu'on peut ajouter une vidéo. Tu sais, tu peux ajouter ta propre vidéo ici. Peut-être. Allons et sortons d'une vidéo juste ici. On va ajouter une vidéo pour cette section. Je vais mettre quatre K nature ici, quatre k nature. Et je vais aller de l'avant et prendre un de ces trucs et je vais copier ça. Je déteste ce type. Il est si ennuyeux. Tu veux être riche juste par mon livre électronique pour un dollar et tu deviendras riche ? Non, ce n'est pas vrai. OK, donc on a ajouté la vidéo, Lincoln juste là. Maintenant, sous la mise en page, nous voulons aller de l'avant et nous assurer que c'est un peu plus grand. Donc, sous le HaiF, on peut dire des hauteurs minimales. Et voilà. Nous avons nos services, et ça a l'air incroyable juste là. D' accord. Ça ne changera pas la hauteur. Souviens-toi, on peut le changer, mais je vais y aller et le laisser à 400 maintenant aussi pour le texte juste ici. Assurez-vous de cliquer sur le texte, et nous pouvons également modifier la taille du titre. Donc, sous le style, allez à la topographie et on pourrait la rendre un peu plus grand. D' accord. Donc quelque chose qui ressemble à ça maintenant aussi s'inquiéter. Ici, on va aller juste là, et on va juste aller de l'avant et faire glisser ça ici, et on va créer un titre, donc je vais le centrer sur le style. Je vais le rendre noir. Et je veux ajouter une marge. Tu sais, je veux le faire un peu. Tu sais, ça va faire un peu en bas juste là. Cliquez ici, et je veux ajouter un diviseur. Je veux continuer à ajouter le même style que celui que j'ai à mon site Web. Donc ici, quand j'ai réduit l'écart, je veux un centre. Il et moi voulons faire le avec juste un peu quelque chose de simple comme ça. Bon, donc maintenant je veux faire une nouvelle section. On va utiliser une section de six colonnes juste ici. Donc six colonnes comme ça ici, et nous allons entrer. Alors Mike sur les boîtes. Alors, juste ici. boîte à icônes va de l'avant et attrape un juste là. Donc ça a l'air un peu étrange juste là. Mais ce que nous pouvons faire pour corriger cela, c'est faire à gauche ou aux droits. Mais ici, nous pouvons simplement réduire la taille du texte. Quelque chose de simple comme ça, en gros , tu sais, le garder un peu simple. Mais quand on étalera la page, les gars, ça aura l'air un peu différent. Donc, ici, sous les sections que nous pouvons aller à fond avec, et il va effectivement réduire ou je suis désolé, étiré la taille du texte. Donc ici on peut faire quelque chose comme, euh, tu sais, aller cliquer sur cette histoire ici, je vais cliquer dessus, et ensuite on dira, Tu sais, je veux ça pour être juste Et puis nous allons mettre, hum, que nous mettons gérer la gestion, et puis un héros a ajouté un texte factice. Oups. Allons chercher mon fameux texte factice ici. Donc je vais aller de l'avant et prendre un peu de ça et on va aller de l'avant et coller ça dedans . Non, Si je veux changer le style, je peux changer la couleur primaire à quelque chose comme le vert et aussi le contenu. Donc, je veux que le contenu soit là. Je veux être noir, donc je vais changer le titre du contenu en Noir. Et rappelez-vous comment nous l'avons fait plus tôt. On pourrait juste dupliquer ça et traîner ici. Dupliquez ceci. Cela vous permettra d'économiser beaucoup de temps lorsque vous voulez obtenir une ligne de six colonnes. Maintenant, vous pouvez aussi utiliser des images, les gars, vous pouvez utiliser toutes sortes de choses. Vous savez, à ce stade, vous commencez à apprendre à utiliser la Paige Miller et Imagination est tout. Et visiter d'autres sites Web est également une très bonne idée pour vous aider à découvrir différentes façons d'apprendre à créer votre site Web. Donc notre héros a mis simple ici, nous allons mettre quelque chose comme, euh, incroyable. Et puis ici mettra le plaisir. Ensuite, nous allons aller de l'avant et mettre simple ou facile. D' accord. Et là, on va aller de l'avant et mettre quelque chose comme, euh, incroyable. Non. Cool. D' accord. Nous avons donc créé notre section ici. Et aussi, si vous avez besoin de changer la couleur de tout cela semble faire est d'aller au style et chèvres à la, vous savez, la couleur primaire, vous pouvez changer à n'importe quelle couleur que vous voulez. D' accord. Et une autre chose dont je veux parler. Si vous voulez dupliquer toute cette section, oubliez pas, allez à la section juste ici et allez à dupliquer et dupliquer cette section entière pour vous . Ok, donc pour l'instant je ne veux pas de cette section entière, mais je vais juste y aller, tu sais ? Je vais le laisser là-dedans. Je le laisserai juste à des fins avouées. Maintenant, la prochaine que vous voulez faire est de créer cette section ici, qui est un peu comme un accordéon. Et je vais t'apprendre à mettre ces images là aussi. Donc, ici, on va ajouter une nouvelle section. On va juste en mettre un maintenant ici, et on va faire défiler vers le bas, et on va utiliser un nouveau widget. Cette fois. Nous allons utiliser la section onglet, quelque chose comme ça ici. D' accord. Maintenant, pour l'onglet, cliquez sur l'onglet juste ici et dites notre travail. Et là, nous pouvons parler de notre travail. Donc peut-être quelque chose comme, hum , vous savez, je vais juste entrer un texto factice gars parce que je n'ai même plus à le mettre. J' ai juste mis juste que j'écris des trucs dingues et disons qu'on veut cette image. Alors qu'est-ce qui entrerait ? Et juste ici ? Je veux aller de l'avant et ajouter des médias. Donc on va cliquer dessus, et je vais aller de l'avant et prendre une photo. On va saisir quelque chose qui ressemble à ça ici. On va attraper le corbeau. Maintenant, disons que vous voulez changer la taille de ceci. C' est un peu plus petit. Si vous allez à nos styles ici, nous pouvons vraiment changer tout ça ici. La bordure avec etcetera, appuyez sur le contenu. Mais une autre façon de changer cette image, les gars, est de cliquer sur l'image elle-même et d'aller éditer. Maintenant, cette section juste ici, vous voyez tout dit médium juste ici. Vous pouvez cliquer dessus et aller à la taille réelle. Donc je veux cette taille. Quelque chose ressemble à ça, juste là. Vraiment professionnel a vraiment l'air bien. Et aussi pour retourner aux cellules les gars, on peut changer la frontière avec aussi. Vous voyez comment la frontière commence à entrer en place juste là. Nous pouvons également changer la couleur de la bordure, peut-être le vouloir noir. Et nous pouvons également changer la couleur de fond. Tu sais, on peut changer la couleur de l'arrière-plan pour ça. Tu connais l'air si collant. Toutes ces couleurs, Ceux ne fonctionnent pas ensemble. Si près en fermant ce droit là aussi la couleur active. Donc, nous pouvons réellement changer la couleur active. Donc, quand quelqu'un clique activement dessus, nous pouvons changer la couleur active aussi. Et puis à partir d'ici, nous pouvons aussi changer la topographie. Maintenant, je viens de supprimer ça. Désolé, les gars. Je vais aller de l'avant et de l'extérieur une fois de plus au corbeau. Désolé. Juste ici. J' étais aussi une autre façon de le changer. Donc, en allant à pleine taille, vous pouvez également avoir ce lien vers une fille spécifique. Donc, ici, sous lié à vous pouvez taper dans murale personnalisée. Maintenant, si quelqu'un clique dessus, vous voulez qu'il aille sur d'autres sites Web ? Toujours besoin de faire est d'aller de l'avant et de le mettre là et il apparaîtra. Ok, donc maintenant il va appuyer pour aller à l'onglet, aussi. Donc on va aller de l'avant et fermer ça et aller à Tab, aussi. Et là, on va mettre notre cheval. Et là, je vais aller de l'avant et peut-être revenir sur toutes ces choses ici, et je vais coller ça. Voyons, collez ça, puis je vais mettre un espace ici, et nous allons ajouter une image juste ici. Alors ajoutez des médias et je suis dans ce cheval pour que la taille soit pleine, donc ça va être une photo pleine grandeur, et ça a l'air absolument magnifique. Magnifique. Ok, donc c'est fondamentalement comme cela que nous ajoutons dans la section onglet est juste un autre module. C' est juste une autre façon que vous pouvez utiliser pour mettre en valeur votre travail. Donc, par exemple, vous savez qu'ils peuvent passer comme, vous savez, nos maisons, nos projets, nos employés, tout ce que vous voulez faire, vous savez, tout ce que vous voulez pour le style. C' est comme ça que tu ferais. Et vous voulez également ajouter un nouvel élément. Vous cliquez sur, ajouter un nouvel élément, capable de créer un autre onglet, donc ici va sortir de l'impression et Demi texte à nouveau. Mais entrez et je vais ajouter dans 1/3 image juste pour parler des fins. Tu sais, c'est ça qui a ajouté quelque chose comme ce téléphone ici. Et c'est un téléphone de taille normale. Alors, voilà. C' est ainsi que nous le faisons. Ok, alors allons-y et ajoutons une nouvelle section, qui sera la section des témoignages. Donc, juste ici, sous ajouter une nouvelle section va cliquer sur cela et nous allons mettre à droite ici. Donc on doit les faire et on va monter ici, et tout ce qu'on va faire maintenant c'est ajouter dans la section des témoignages. Donc un témoignage va aller de l'avant et attraper aussi simple. Donc, ici, nous avons le texte de ce que vous voulez dire le témoignage. Alors de quoi voulez-vous que ces gens parlent ? Vos sites. Donc, vous savez, un travail incroyable. Le meilleur tutoriel sur toi pour moi, jamais. Tu ferais mieux d'être une bonne critique ou bien je le ferai. D' accord. On va oui. Oui. Vous avez bien compris ? D' accord. Alors alors juste ici sous l'image, nous pouvons ajouter une image pour l'image. Donc je vais mettre quelque chose comme ça ici, et je vais entrer ça. Et voilà. On a la photo du gars et quel est son nom ? Donc il s'appelle John Doe. Quel est son travail ? Eh bien, c'est un poste d'image de designer. On peut mettre ça en haut juste là. Ou vous pouvez le laisser de côté tout ce que vous voulez. D' accord. Et aussi, nous pouvons changer l'alignement aussi. Je pense que le sénateur a toujours l'air bon maintenant pour le style. Nous pouvons mettre la couleur du contenu ici, et vous pouvez changer la couleur du contenu et aussi pour l'image elle-même. Vous pouvez rendre l'image un peu plus grande et nous pouvons réellement y ajouter un type de bordure. Si nous choisissons d'avoir une frontière, je choisis de ne pas avoir de frontière. Mais tu sais, tu peux faire ce que tu veux ici et là. Bien sûr, nous pouvons décider d'ajouter dans un rayon. Donc, ce que les rayons font les gars, ça crée juste un cercle autour d'elle. C' est essentiellement ce que fait le rayon maintenant, pour nom juste ici. Nous pouvons changer le texte et la police pour cela. Et aussi la même chose pour le travail. Donc, pour le designer, ici en cours de travail. Nous pouvons simplement changer la couleur du texte pour cela. Un tel Aziz bleu. Alors maintenant, c'est bleu. Et nous pouvons également aller de l'avant et changer le vous savez, la topographie aussi. La taille, peu importe ce que vous voulez, etcetera. OK, donc c'est tout pour cette section. Maintenant, allons de l'avant et juste le dupliquer. Vous savez, dupliquez ça et faites-le glisser ici, et je pourrais changer le nom. Maintenant je vais mettre, euh, quel est ton nom ? Qu' est-ce que c'est ? Quel est son nom ? Jessica n'aurait pas encore Jessica. C' est pour ça que Jessica est là-dedans. Et Jessica est un ah, ce que Jessica est ? Elle est comptable. D' accord. Et puis on va changer la photo pour Jessica juste ici. Insérer dans le média. Et voilà. Et puis juste ici dit que tu dis, Ah, il m'a arraché. Je plaisante. Et puis peut-être un visage souriant. Ok, donc c'est fondamentalement comme ça qu'on ajouterait dans la section du témoignage, et c'est tout. Les gars, nous avons une page entièrement fonctionnelle de nos services. Maintenant. Bien sûr, cette partie est, vous savez, beaucoup trop. Je ne recommanderais jamais trop de gens de texte vraiment par des images. Tu sais si c'est beau. Les images ont l'air bien. La vidéo a l'air bien. Tout le monde adore ça. Il y a trop de textes. Personne ne veut lire ça. Ils ne s'en foutent pas trop. Ils ne savent vraiment pas. Une personne qui se soucie de son vous m'habiller. Les gens veulent juste aller directement au but. Restez simple et juste, vous savez, Bebe droit pour tous. Bon, donc c'est tout pour nos services. Page, les gars, euh, revenant ici, nous avons créé ces mêmes sites web exacts. C' est donc très simple. Et rappelez-vous, les gars, l'imagination est tout. Vous savez, vous essayez d'apprendre à utiliser sa mère de page. Donc je vais parler un peu plus maintenant. Fonctionnalités avancées et mises en page pré faites. Parce que maintenant que nous commençons à apprendre à utiliser une page Miller, peut-être que nous pourrions être un peu plus à l'aise de faire, vous savez, aller plus loin et devenir un peu plus avancé. Ok, donc je vous verrai tous à la prochaine conférence. 15. Widgets et le pied de page 1: Hé, les gars, bienvenue dans cette section, on va parler de widgets maintenant. Ces choses sont le chemin en bas juste ici. Je vais vous parler de ce que c'est et comment vous pouvez les améliorer. Comment tu peux les faire ce que tu veux. Il y en a des millions. Il y a des flux Instagram. Twitter alimente Facebook comme boîte sur nous. Des choses là-bas. Tant de widgets là-bas. Je vais vous donner une brève introduction sur la façon dont vous pouvez améliorer votre pied de page. Alors, je vais aller à mon tableau de bord et d'abord je vais te montrer ce qu'ils sont. Donc, juste ici sous l'apparition dans Cliquez sur Widgets. Maintenant, vous voyez ici, nous avons pied de page, Widget un, Nous avons pied ou widget nous avons une barre latérale droite, une barre latérale gauche et un en-tête. Maintenant, nous avons désactivé la barre latérale, donc nous devons nous inquiéter à ce sujet maintenant. Ici, sous pied de page, widget un. Ce sont des témoins actuels en ce moment, donc nous pouvons ajouter un texte arbitraire. Donc, tout ce que vous auriez aussi besoin de faire est de prendre ceci, le faire glisser ici. Et peut-être que je pourrais dire ça sur nous. Tu sais, à propos de nous et puis jette un texte juste ici. Tu sais qu'on peut faire des textos factices. J' irai sur mon site secret ici, et nous prendrons des textos factices tous droits. Mon internet est un peu lent à copier cela et puis aller de l'avant et coller cela là , puis cliquez sur coffre-fort maintenant aussi pour le calendrier. Je dis, mon Dieu, ce calendrier ici, je traîne sur 2 pieds. Ce que c'est de mettre notre rencard. D' accord, donc j'ai gardé ça. Maintenant, je vais ouvrir une nouvelle fenêtre ici, et nous allons vous montrer les widgets maintenant. Donc ici, je dois descendre en bas juste ici. Et il y a le sujet de nous. Et aussi la date est là maintenant. Alors rappelez-vous, rappelez-vous dans les paramètres plus tôt comment nous avions différents styles de widget, comment il y avait essentiellement quatre ou cinq. Donc je vais aller à toutes les pages ici. Je vais aller à la maison. Je vois ici, il dit des widgets de pied de page. Elle, je n'ai que deux widgets. Donc juste ici indique que je n'ai que deux widgets, mais nous pouvons avoir jusqu'à cinq widgets sur ce thème WordPress. Donc, ici va aller à quatre changements à quatre maintenant, et je vais mettre à jour les paramètres et nous allons utiliser pour les widgets maintenant. Donc, disons juste que vous voulez obtenir différents widgets. Donc, en entendant ses branchements, nous allons aller ajouter de nouveaux et les gars, c'est la partie où vous vous aventurez et allez dans le monde merveilleux de WordPress et juste trouver ce dont vous avez besoin, parce que je ne peux pas vraiment vous dire que c'est le meilleur widget. C' est le meilleur plug in. Il serait injuste et biaisé de dire cela parce qu'il y a tellement de widgets là-bas et chacun d'entre eux a une fonction différente. Vous connaissez ces air Google Analytics, Mega curseur, forme indemne. Ah, formulaire de contact etc. Donc, ce sont tous des widgets, et je tiens à dire fondamentalement que ces air comme aps leur APS pour vos sites WordPress. Donc je vais vous montrer comment faire une boîte comme Facebook. Donc ici, je vais faire Facebook comme boîte, et nous allons juste avoir ah, beaucoup moins d'entre eux et les gars, ça prend du temps, des essais et des erreurs pour en trouver les bons. Crois-moi. Il y a beaucoup de mauvais widgets là-bas. J' ai parcouru toute une liste. Comme, par exemple, je recevais ah, viens bientôt, bientôt me brancher et genre, ça n'a pas marché et, genre, six d'entre eux n'ont pas marché. Donc ici, je vais installer maintenant, et nous allons juste utiliser cette course ici comme un exemple de widget sur notre pied de page. Donc je vais aller activer ici. Donc, nous avons effectivement activé le widget Facebook comme boîte. Maintenant, comment pouvons-nous utiliser cette cause ici, nous n'avons pas de paramètres, etcetera. Nous devons retourner à nos widgets ici. Donc, sous la salle d'apparence, cliquez sur les widgets et maintenant vous pouvez voir le visage Facebook. Je suis désolé que le widget Facebook comme la boîte est une nouvelle option, et il est là. Donc tu cliques dessus et en fait, je peux juste aller de l'avant et dire, Tu sais quoi ? Je vais aller prendre ça et juste le faire glisser sur le widget ou le pied de page. Widget numéro trois. OK, alors le héros a mis Suivez-nous. Paige, c'est là que tu veux entrer sur ta page facebook. Donc ici, je vais sur mon Facebook et je vais aller sur ma page de fan juste ici, et je vais emmener cette fille juste ici. D' accord ? Je vais y retourner pour Page I D. Je vais y aller et le coller pour le avec. Je veux ajouter 300 et aussi la hauteur 300. Vous voulez utiliser un petit en-tête pour l'instant ? Mettez No. Tu veux cacher la couverture ? Bien sûr. Oui. Je ne veux pas de la grande, tu sais, c'est la couverture ici. Je ne veux pas vraiment ça là-dedans. Et vous voulez montrer des visages à vos amis ? Ouais, pourquoi pas ? Souhaitez-vous afficher les messages de page ? Oui, bien sûr. Donc je vais cliquer sur Enregistrer maintenant. Maintenant, il va revenir sur notre site Web et rafraîchir les groupes de pages retournant à L. A mentor. On y va. Et allons-y maintenant et faites défiler tout simplement vers le bas de la page et Walla. Maintenant, nous avons une belle boîte comme Facebook. Très professionnel. Ça a l'air très bien. Maintenant. En outre, vous avez remarqué que cette boîte ici chevauche ce widget. Et c'est à cause de l'avec juste ici. On a fait le avec un peu trop gros. Donc juste ici sous avec peut-être que nous pourrions faire 1 50 et nous allons sauver, et puis ici rafraîchir la page. Et voilà. Donc vous pouvez voir que ce n'est pas un peu trop petit maintenant, mais vous pouvez comprendre l'idée, vous savez, juste faire le serait avec un peu plus grand. Peut-être que 200 sera bon 200 et nous allons aller de l'avant et rafraîchir la page. Et je pense que ça a l'air un peu mieux. Mais rappelez-vous aussi que le plus serait juste que vous avez, plus scrunch qui sera. Et aussi nous pourrions faire ça plein avec. Donc, cette section ici, disons, par exemple, c'est la boîte en ce moment, mais vous pouvez réellement aller dans le personnalisateur de thème ici, et nous pouvons réellement rendre cette section complète avec, ce qui signifie qu'il s'étendra sur toute la page. Donc, en faisant défiler ici, je vais aller à mes affaires sur son site Identity. Non, c'est sous les mises en page et le pied de page. Donc, ici, nous avons notre pied de page avec juste ici et nous avons plein Nous avons contenu, mais pour la photo inter contenu, peut-être envie de faire plein. Et maintenant, vous pouvez voir que cela s'est réellement propagé. Alors maintenant, il se décompose, l'ensemble se propage à part toute la page. Donc vous avez l'idée là-bas, vous savez, gros, ça permet juste, vous savez, Ah, regarder le plein avec des widgets ou pas. Maintenant, je ne sais pas lequel semble le mieux ou pas. J' ai encore 50 ans parce que j'aime le plein avec le look, mais je pense que ce style pourrait ne pas aller bien, mais, vous savez, c'est seulement à vous de décider. En gros, je te laisse juste savoir comment changer ça. Alors je vais sauver et publier, et je reviens. Maintenant, allons de l'avant et peut-être trouver un autre widget pour nous à installer. Donc ici et les branchements devaient aller pour ajouter de nouveaux et nous pouvons en fait aller à populaire, vous savez, nous pouvons, vous savez, chercher autour. Il y en a des tonnes. Nous pouvons également aller à recommander ce qu'ils pensent que nous pourrions nous baser sur nos autres recherches. Donc il y en a pas mal ici, et peut-être que nous pouvons faire quelque chose comme, Voyons voir, ici nous pouvons ajouter. Faisons un des icônes sociales, des icônes sociales. Donc ils ont beaucoup d'entre eux juste ici. En fait, j'aime celui de la presse d'accès. Je pense que les acteurs de la presse ont de très bonnes icônes sociales. Donc on va taper ça ici. Nous allons taper la presse d'accès une fois que vous commencerez, vous savez, en utilisant WordPress pendant un moment, vous commencez à vraiment savoir qui a le meilleur, Blufgan et tout. Donc, juste ici sont les icônes sociales pour WordPress. Branchez. Je vais aller cliquer sur Installer maintenant et utiliser celui-ci ici. Et c'est très bien noté. Tu sais, c'est pour la demi-étoile avec plus de 70 000 installations actives. Donc, nous allons utiliser cette presse d'accès icônes sociales. C' est en fait un très bon. J' ai un tutoriel sur celui-ci sur YouTube. Donc, si vous les gars après cette vidéo, assurez-vous de vérifier celle-ci. Maintenant, je vais aller activer ici, accord ? Maintenant, certains plug-ins vont réellement créer un nouveau menu, donc voir, juste ici comment nous avons accès aux icônes sociales de presse. Certains widgets vont être sur votre côté gauche. Alors assurez-vous de ne pas oublier que lorsque vous installez une prise, donc je vais aller supprimer réellement les icônes sociales. Et je vais juste aller de l'avant et créer une nouvelle icône sociale. Donc juste ici, je vais mettre le nom de l'ensemble. Quoi ? Les noms. Je vais mettre un social social. Et ici, je vais en fait choisir parmi les thèmes disponibles. Et je vais juste y aller et dire que je veux quelque chose qui ressemble à ça ici. Donc, nous avons toutes ces icônes qui ont ouvert. Maintenant, je veux juste le Facebook. C' est ça. Donc juste ici sous Facebook truc est juste ici. Je vais aller de l'avant et mettre notre Facebook ou juste Facebook avec je vais aller et mettre 50. Mettez 50 pour l'icône HaiF Donc c'est fondamentalement la hauteur de l'icône et l'icône avec tout droit, et puis ici je vais aller de l'avant et coller dans ma page Facebook et puis juste ici toute discorde et mettre Facebook. Maintenant, je vais faire défiler ici, et on va, euh, bout d'outil. On peut montrer que c'est bon. Animation du survol de l'icône. Alors peut-être que je veux que ça pulse. Si quelqu'un survole maintenant, je vais cliquer sur Enregistrer le jeu d'icônes. Bon, maintenant ils nous donnent ce court code. Maintenant, c'est Onley quatre texte, donc nous n'avons pas vraiment besoin d'utiliser ce code court. Nous allons mettre ceci sur notre section widget. Donc, en revenant ici à l'apparence, en allant aux widgets. Maintenant tu vas voir la presse d'accès, icône sociale trope. Tout d'un coup, tu vois ça ? Allons-y maintenant et mettons-le sous le numéro quatre. Donc, l'accès aux icônes sociales, Hum, et prenez ça, faites-le glisser, et puis je vais mettre suivez-nous, choisissez l'icône, définissez Social un et aller en sécurité. Bon, maintenant, je vais revenir ici et rafraîchir cette page, et je suis un défilement jusqu'au bas. Et c'est là. Donc maintenant, nous avons notre Facebook, Et si je clique dessus, ça va m'emmener à ma page de fan Facebook. Ok, donc c'est un dénombrement rapide des widgets. Les gars, il y a beaucoup de widgets là-bas, beaucoup de branchements, donc c'est un peu difficile pour moi de vous apprendre. Quel est le meilleur branchement ? J' ai beaucoup de recommandations, cependant, cependant, sur ma chaîne YouTube. Alors assurez-vous de vérifier ça si vous étiez intéressés. C' est ça, les gars, pour les sorcières et le pied de page. Passons aux sections suivantes. Je vous verrai tous là-bas. 16. Mise en page: Hé, bienvenue dans cette conférence, nous allons parler des mises en page pré faites et comment vous pouvez créer un site web en quelques secondes avec L. A mentor. En outre, nous allons parler de la façon dont vous pouvez créer votre propre mise en page, les importer et les exporter vers d'autres sites Web différents. Vraiment vite. Avant de cliquer dessus, vous voulez vous assurer que votre contenu n'est pas sous barre latérale ici. Vous pouvez décider le nombre de widgets piscine parler de sorcières dans juste un peu. Et juste ici sous plein avec le contenu, vous pouvez laisser cela vérifié juste là. Et aussi le titre de contenu laisser. Ce chèque est bien, maintenant je vais cliquer sur éditer avec L un mentor, et nous allons utiliser la mise en page pré-faite L Motor a donné avec nous. Donc, ici, cliquez sur ajouter Template et élémentaire a réellement créé tous ces modèles pour nous aider à nous donner des idées et aussi de l'inspiration. Maintenant, je vais cliquer sur celui-là. On va utiliser celui-là. On va utiliser ce cabinet d'avocats ici et là. Donc, le site est créé pour nous et ce sont des gars en direct. Donc, c'est un site entier qui a déjà fait pour nous. Tout le travail acharné est fait. Tout ce que nous avons à faire, c'est de prendre nos images, les mettre là, mettre notre titre, mettre nos informations, et voilà. Donc, par exemple, c'est donc vous voulez faire un changement à cela ? Je vais aller ouvrir ça. C' est assez simple gars à marquer pour cliquer dessus. Nous sommes là quand met numéro un dans les ventes, et ici vous pouvez aller de l'avant et changer les textes. C' est un texte fictif et ici, peut-être que vous voulez aller de l'avant et changer ce titre juste ici. Je vais mettre Darryl et Wilson, Darryl et Wilson. Et là, je vais mettre quelque chose comme, vous cool, instructeur. Le meilleur. Tu veux dire la structure, non ? C' est vrai. Ok, donc le meilleur vous pour moi, instructeur, juste comme ça. Bon, Bon, disons juste que vous voulez garder cette section. Tu sais, je n'aime que cette section du traîneau. Je n'aime rien d'autre. Toutes ces autres choses que je n'aime pas. Disons que je veux juste prendre ceci et l'enregistrer et charger sur une autre partie de mon site Web. C' est très simple. Donc, ici, dans votre section, vous cliquez sur ce petit bouton de sauvegarde, Secret de sécurité Cliquez dessus. Et je vais lier ça, euh, Lawley dehors que je pourrais aller sauver, donc j'ai celui-là juste là. Mise en page LOL. Maintenant, disons juste que je veux le charger sur une autre partie de mon site Web ici sur un défilement vers bas et juste ici sous ajouter des modèles. Je suis un clic sur ajouter des modèles. Allez à mes modèles et sous les dispositions de la loi, je vais juste l'insérer. Et là, vous allez et vous pouvez utiliser ce type sur n'importe quelle page de n'importe quelle partie du site . Ce n'est pas forcément la même page. Il pourrait s'agir de n'importe quelle partie du site Web. Disons que vous avez un autre domaine. Disons simplement que vous avez un autre ah tout un autre site Web et que vous voulez prendre cette information et la mettre sur un autre site Web. Vous pouvez le faire ici, sous la section. On va cliquer sur la section et on va cliquer sur le coffre et on fera quelque chose comme, euh, en fait, non, on peut aller à notre bibliothèque à la place. Donc, cette section juste ici, Voyons voir. Nous pouvons le faire de deux façons. Je vais faire comme ça. On va le faire à partir de zéro. D' accord. Donc je vais le faire à partir de la section. On va sauver ça, et on va exporter un. Et je suis un aller à sauver ici. Bon, maintenant on en exporte un ici. Maintenant, disons simplement que vous avez un autre domaine, et que vous voulez prendre cette mise en page et la mettre sur un autre site Web. Donc ici, je suis un clic sur l'exportation. Et c'est juste un petit matin. Donc juste il y a la mise en page juste là. Donc c'est moi un mentor, Jason. Maintenant, disons simplement que vous voulez aller de l'avant et charger ceci sur un autre site Web. En outre, vous devez le faire dès maintenant pour que nous ayons la mise en page juste là. Ça s'appelle point élémentaire Jason, je vais voir ou aller sur mon tableau de bord. Je ne vais pas sauver tout ça, et je vais aller voir L. Un mentor, et je vais à ma bibliothèque maintenant, juste ici. Je vais cliquer sur les mises en page d'importation, choisir le fichier et je crois qu'il a été appelé l un mentor et voir ici l un mentor. C' est vrai. C' est là qu'il est. Élémentaire, Doc. Jason ! Juste ici. C' est la suite que nous avons. Et je vais cliquer sur ouvrir et importer maintenant. Et voilà. Donc, import import import one est maintenant sur le site Web. est donc essentiellement comme ça que vous prendriez ces mises en page et les exporteriez dans un domaine différent . Parce que peut-être que vous voulez créer beaucoup de mises en page, et puis peut-être, vous savez, vous avez un client et vous pourriez juste charger un layout sur leur site Web, puis bam, Voilà vous allez. Tu sais, ton travail est déjà fait, donc c'est une très bonne idée. Si vous êtes un concepteur Web, c'est un très bon raccourci et le chargement, le chargement des modèles et des bibliothèques gars n'est pas honteux. Tu sais, ça fait gagner beaucoup de temps. C' est encore une très belle mise en page qu'ils ont créée pour nous. y a donc pas de honte à faire ça. Je le fais tout le temps parce que parfois les clients veulent un site vraiment sympa, et s'ils ont déjà fait quelque chose de vraiment bon, il suffit de l'utiliser à quelques modifications, etcetera. OK, donc c'est essentiellement mon tutoriel. Les mecs sur les maquettes. Vous pouvez aller de l'avant et passer par la liste des mises en page. Vous pouvez utiliser le vôtre. Vous pouvez les exporter, les importer comme vous le souhaitez. Bon, donc c'est tout pour cette conférence, les gars. Je vous verrai tous à la prochaine conférence. 17. Parallax1: Hé les gars, bienvenue. Donc, dans cette conférence, nous allons tout parler de la section de parallaxe et comment obtenir ce look et comment je l'ai fait. Maintenant, l'effet Parallax est en fait de plus en plus populaire et beaucoup de gens l'aiment parce qu' il a juste l'air vraiment propre. Il a l'air vraiment amusant et unique. Donc, aujourd'hui, nous allons vous montrer comment intégrer l'effet Parallax comme celui-ci sur votre site Web Alors passons ici à notre site et nous allons aller à notre page juste ici, . et je suis un aller à la page d'édition et nous allons maintenant cliquer sur modifier avec L un mentor. Et comme toujours, les gars, assurez-vous que l'ID de contenu sans barres latérales, les widgets, vous pouvez choisir le nombre de widgets que vous voulez. Nous avons parlé des widgets dans la conférence précédente et aussi du contenu complet et aussi du titre du contenu. Donc je vais cliquer sur éditer avec L un mentor, et nous allons maintenant créer ce bel effet de parallaxe. Je vais aller de l'avant et prendre un cap juste ici, et je vais aller de l'avant et je souhaite la bienvenue à Parallax. Et puis ici, je vais aller de l'avant et mettre entrer maintenant, aussi, pour ce style, nous pouvons choisir de changer cela. Je vais probablement le changer pour les blancs. Maintenant, je veux ajouter un arrière-plan à cela. Donc, sous la section juste ici, première chose que je veux faire est que je veux faire tout ça avec. Et bien, en fait, je vais faire la hauteur ensuite parce que je veux vous montrer la photo. D' abord, je vais aller au style. Je vais au classique et je vais à l'image. Maintenant, nous pouvons également mettre un fond vidéo aussi. Ok, donc je veux juste te rappeler que c'est comme ça que tu as mis des arrière-plans vidéo. Donc, par ici et allez à l'image. Et je vais juste sélectionner une de ces images ici. Insérer un média. Et maintenant je vais retourner ici pour les plans, et juste ici sous HaiF je vais faire des hauteurs de Men. Maintenant, c'est essentiellement là que vous pouvez contrôler la hauteur de l'image juste là. Tu vois ça ? Donc, vous pouvez aller de l'avant et décider ce qu'elle aimerait. Je vais mettre quelque chose comme ouvert 700 7 700 puis la position de contenu. Je le veux au milieu, juste ici. Ok, donc peut-être que je veux agrandir ça juste un peu. Donc, si je clique ici, on peut aller de l'avant et changer. Ça ira à la taille, et je vais juste faire, genre, extra grand quelque chose qui ressemble à ça. Maintenant, je veux m'assurer que cette section ici est corrigée parce que maintenant, si je fais défiler l'image en quelque sorte que vous ne savez pas, elle reste. Donc, pour obtenir ce look d'effet de parallaxe, vous devez aller cliquer sur la section et ici nous allons aller au style, et nous allons avoir ces options juste ici. Donc je crois que c'est sous l' autre les répétitions ou l'attachement ? Oui. Ou la pièce jointe que vous voudrez le garder comme fixe maintenant avec le fait fixe est qu'il garde l'image là où elle est. Donc, si vous voulez obtenir cet effet de parallaxe, c'est exactement comme ça que vous le faites. Mais allons-y un peu plus loin. Allons-y maintenant et en créons un autre ici. Allons créer une toute nouvelle section. Donc ici, je vais aller ajouter une nouvelle section. Je vais aller de l'avant et mettre celui-là juste ici. Prends ça. Je vais saisir ce texte d'en-tête animal met notre société est incroyable et nous allons mettre au centre. Pas pour le style. Je vais changer pour les blancs, et là, je vais cliquer en arrière, et on va cliquer sur la section maintenant et la section qu'on veut tout ça, on va aller au style. Nous voulons aller au classique, et ici nous allons aller de l'avant et choisir l'image. Maintenant, je vais choisir celui-là. D' accord ? Et maintenant, pour étaler tout ça, on va retourner ici pour l'étaler, et on va aller à la battage médiatique et je peux vraiment me mettre à l'écran. Et ce qui correspond à l'écran, il va réellement l'adapter à votre écran actuel. D' accord, mais je pense que c'est un peu trop gros. Je veux juste quelque chose autour. Peut-être qu'on en avait 700. Ça a l'air bien. On dirait ça. Et aussi nous devons nous assurer que cela est sous fixe. Donc, sous style, on va aller aux pièces jointes et s'assurer que c'est sous fixe juste là. Donc maintenant, nous avons un double effet de parallaxe juste là. Et aussi on peut continuer à ajouter des trucs ici. Donc, par exemple, disons que je veux cliquer sur ce juste ici. On pourrait peut-être ajouter le carrousel de l'image et le faire glisser sous. Et ce gars n'a pas juste ajouté quelques images ici. Tu sais, je n'ai pas fait celui-là, celui-là et celui-là, je vais créer une nouvelle galerie et insérer la galerie. D' accord, donc j'ai mes quatre images là-bas, et ici on pourrait mettre la taille des images. Je vais probablement mettre, vous savez, vous pouvez mettre 300 etcetera. Donc maintenant, vous pouvez voir que nous avons nos images là-bas pour que celles-ci aient l'air plutôt cool. Je pense que les images blanches seraient probablement un peu mieux sur ce fond. Mais je vous montre juste comment faire cela juste pour vous savez, si les fins de péage et tout aussi, disons juste que vous voulez ajouter un texte. Mais avant de sortir du texte, créons simplement une autre section. Faisons juste en créer un autre. Une sorte d'obtenir ce double, parallaxe bel effet que nous avons eu en cours ici. Donc, par ici. Je vais ajouter une nouvelle section. Cliquez sur celui-ci juste ici. Allez cliquer sur ceux-ci juste ici. Prenez le texte de l'en-tête. Et on est là, je veux dire que c'est Parallax et cliquer sur, tu sais, centre. Le style change pour les blancs comme nous l'avons fait. Et je vais cliquer sur ces parties de section et la section, rappelez-vous, contrôle toute sa section. Je veux que cela soit plein avec et la position du contenu. Gardez-le au milieu. Et aussi la hauteur. Deux hommes Hauteur. Juste là. Maintenant, nous devons ajouter une image d'arrière-plan. C' est le problème, juste là ne regarde pas, il n'a pas d'image de fond ici. Dans votre style, vous cliquez sur classique clic sur l'image des animaux comme celui-ci. Maintenant répondez dans les médias et Voila ! On y va. Ça a l'air vraiment bien. Maintenant, rappelez-vous, pour la pièce jointe, vous devez la changer en corrigé. Corrigé vous donnera l'effet de parallaxe Maintenant revenir à la disposition. Tu veux en gros rendre ça un peu plus grand, juste comme ça ? Ça a l'air plutôt bien. Et là, nous pouvons, vous savez, ajouter d'autres widgets. Vous savez que vous pouvez continuer à ajouter du contenu ici des widgets de texte. Et je vais juste le mettre juste là et puis pour le style que je voulais au centre. Et je veux ce texte blanc comme ça, d' accord ? Et aussi, disons que vous voulez ajouter quelques compteurs de nombre ici. Allons-y et faisons-le. Donc juste ici et cliquez sur ceci, et je vais en fait mettre des colonnes et je vais vraiment mettre ça juste ici. Oups. Je l'ai juste mis n'importe où ici et maintenant nous pouvons réellement insérer les colonnes ici. Donc ici, je vais prendre colonne et tout, peut-être en ajouter un. Donc nous en avons trois. Peut-être que trois, c'est bien. Maintenant, je veux cette section en dessous du texte juste ici. Donc je vais cliquer sur cette section, et je vais juste cliquer juste là. Et maintenant, nous avons la section ci-dessous le texte. Donc, en cliquant sur cette icône juste ici et je veux aller de l'avant et saisir quelques compteurs de nombre . Alors compteurs, et là, je vais aller de l'avant et vous dire que c'est bon, vous savez, numéro cool. Je suppose qu'on peut mettre autre chose, mais je veux changer ce texte en blanc. Donc, sous la couleur du texte, je veux mettre cela comme des blancs et aussi pour le titre. Je veux mettre ce cul blanc. Eh bien, disons maintenant que je veux dupliquer cette ligne. Même chose que je suis un dupliqué. Et on y va. Allons-y et disons que tu le sais. Peut-être que je ne veux pas créer toute une section. Nous avons déjà fait trois sections avec le but de tout recommencer. Dupliquons simplement une section entière, puis faites-la glisser dessus. Donc ici, je vais juste aller de l'avant et cliquer sur la section et nous allons dupliquer cette section juste là. Alors maintenant, vous pouvez voir que la page s'est réellement écartée, ce qui est un autre look vraiment cool. Mais je veux juste prendre cette section et juste la faire glisser vers le bas. J' ai donc cette section ici et je veux juste la faire glisser ici. Et voilà. Maintenant, nous avons un effet de parallaxe vraiment cool. Vous pouvez voir que ça a l'air très bien. Ça a commencé à arriver. Maintenant, je veux aussi parler de curseurs vidéo. Il y a donc beaucoup de vidéos, combattants que vous pouvez faire. Vous savez, Par exemple, au lieu d'avoir ce grand fond, nous pouvons en fait simplement incorporer un curseur vidéo. Donc, en ajoutant une section ici, nous allons au style et nous allons juste de l'avant et de saisir dans une vidéo YouTube . Et je recommande vraiment de saisir les quatre vidéos K parce que YouTube a tout. Donc, il est un monstrueux sites Web. Donc quatre k nature et, vous savez, attraper un de ces éléments est, vous savez, probablement, l'une de vos meilleures solutions. Donc je vais juste prendre celui-ci ici et on verra comment celui-ci a l'air bien. Et je vais aller de l'avant et le coller juste là et pendant que la loi Donc c'est un vraiment cool vous savez, arrière-plan que vous pouvez avoir pour votre site Web. Non, on a, ah, ah, cidre vidéo plus l'effet de parallaxe, ce qui a l'air plutôt cool. Alors sentez-vous les gars libres de passer par cela, vous savez, et gâcher avec les paramètres de parallaxe que vous pouvez avoir comme une page de parallaxe entièrement fonctionnelle se démarque juste et vous pouvez le décorer. Vous pouvez y ajouter toutes sortes de trucs vraiment cool. C' est ça pour les gars de la section. J' espère que cela vous a aidé. Passons à la section suivante, donc je vous verrai tous là-bas 18. Quiz 2: Bon, les gars, bienvenue au prochain quiz. Nous allons parler de la façon dont j'ai fait ces tableaux de prix. Donc, les tables de prix sont vraiment sympa, leur unique. Maintenant, il y a 1000 styles différents. Mais je veux juste vous montrer le format de la façon de créer une table de tarification afin que vous puissiez en créer une pour vous-même. Maintenant, vraiment, vraiment, tout ça, ce sont des gars. Si vous regardez cela attentivement, n'est qu'un texte, un texte, une ligne. J' ai ajouté un Nikon ici et un appel à l'action. Et puis je viens de décrire la boîte entière avec une couleur pour lui donner aspect distinct comme si c'était sa propre table de prix. Donc juste ici sous la colonne, vous allez voir que je change fondamentalement la couleur de fond ici. Voyez que notre changement, la couleur juste là. Cette section ici est un texte d'en-tête. Donc, en gros, je viens juste de faire un taux d'imposition ici. C' est aussi un texte d'en-tête, et je viens fondamentalement, vous savez, je viens de faire la taille plus grande pour donner plus d'importance pour le faire ressembler à une table de prix, etc. Et dans cette section juste ici est juste un diviseur. Donc en-tête, diviseur d'en-tête. Et dans cette section juste ici, en fait, un peu plus de personnalisation. Donc, c'est fondamentalement le gadget de liste d'icônes juste ici. Donc la liste des icônes. Maintenant, je vais supprimer ça et te montrer exactement comment je l'ai fait. Donc c'est la liste des icônes, et je vais juste la faire glisser ici. Maintenant, par défaut, ça va ressembler à ça. Alors, comment j'ai fait ? Oups. Désolé pour ça. Alors, comment j'ai eu l'impression de ressembler à ça ici. Tout ce que nous avons vraiment fait, c'est de mettre quelque chose comme, vous savez, service complet de S E o. Et j'ai mis un chèque ici. Vous pouvez mettre ce que vous voulez, et je vais mettre la société de design Web, et alors juste ici vous fera pas de vérification de crédit, ce que vous devez être fou pour faire ça. Mais certaines entreprises là-bas, vous savez, je ne sais pas. Donc, ici, nous avons ça juste ici, tout. C' est plutôt bien. Mais nous devons fondamentalement l'aligner pour le rendre un peu meilleur. Donc par ici, sous style, je veux m'assurer que c'est centré. Ok, donc on l'a centré. Maintenant, juste ici, vous pouvez changer la couleur de l'icône en quelque chose comme le noir juste ici. Mais la seule caractéristique importante est que nous devons utiliser l'espacement des lignes parce que l'espacement des lignes le rend fondamentalement. Donne-lui cette illusion que c'est une table de prix. Donc par ici, sous texte, on va aller à la topographie et juste ici sous les hauteurs de ligne. On va le rendre un peu plus grand et vous savez, l'espacement des lignes que nous pouvons vous connaître, M. Vice basant un peu, etc. Donc, c'est essentiellement comme ça que nous avons fait le tableau des prix. Et rappelez-vous aussi, une fois que vous avez fini de créer ce tableau de prix, tout ce que vous avez besoin de faire les gars est juste de dupliquer la rose. Ne rendez pas ça trop dur pour vous. N' essaie pas, tu sais, tout faire par toi-même. Utilisez la technologie, vous savez, utilisez ce qui est disponible ici. Tout ce qu'il faut faire est de cliquer sur duplicate. Et maintenant, il a une deuxième ligne, puis colonne en double. Et là, tout ce que vous avez à faire, c'est d'aller de l'avant et de changer le titre. Et aussi juste ici. Même chose, tu sais, juste à 99. Et les mecs. Il y a aussi beaucoup de démonstrations sur la façon de créer des tables de tarification. Il y a aussi cette table de pression. Et si vous regardez ce tableau de prix très attentivement, tout cela est vraiment, les gars, c'est une section géante juste ici. Laissez-moi vous montrer l'analogie derrière tout ça. Donc, ici, c'est une section géante, et c'est juste gris. Ceci est une colonne avec un fond blanc, un texte, un texte, la liste de l'ICOM diviseur et un bouton d'appel à l'action. Et si vous remarquez quand ils ont un vol stationnaire, il devient bleu ici. Même chose exacte. Donc, c'est juste essentiellement obtenir des idées et juste apprendre à utiliser le générateur de page. Et ça a l'air compliqué, mais ce n'est vraiment pas, tu sais, c'est juste un texto. Une liste d'icônes de séparateur de texte. Ah, bouton avec juste un fond bleu, c'est tout. Et juste ici, l'extérieur du rayon de la frontière. Donc, le rayon de la bordure est de 10 et cela lui donne fondamentalement un aspect arrondi. Changer les attitudes. Je veux dire, genre, zéro. Ça va perdre ce regard comme ici. Donc cette boîte ici, voir comment elle est maintenant quadrillée. Donc tu veux ce look arrondi. Vous devez ajouter le rayon de bordure. Quelque chose autour de 20 à 30 serait génial. Alors c'est tout, les gars, pour ce quiz. J' espère que ça t'aidera. Peut-être qu'à l'avenir, vous pourriez faire une table de prix qui avait l'air vraiment, vraiment cool. Peut-être même mieux que mon Donc je vous verrai tous à la prochaine conférence. 19. Contact: Hé, les gars, bienvenue. Donc, dans cette conférence, nous allons parler du formulaire de contact. Nous allons utiliser l'image Google Maps. Je vais vous montrer à tous comment utiliser le formulaire de contact Plug in avec juste créer une page de contact simple. Alors allons-y maintenant et commençons. Je vais retourner ici à notre formulaire de contact et juste ici, cliquez sur éditer avec L A mentor. Ou si ce n'est pas cette option n'est pas disponible pour vous. Il suffit d'aller à la page d'édition et sur le concours La section contact US. Il suffit de cliquer sur un avec l un mentor, et cela ouvrira toute cette section pour nous. Vraiment vite. C' est très simple. Juste ici. Cliquez sur. Ajoutez dans votre section. On veut faire cette grande carte ici. Donc, nous avons cette section juste ici. Maintenant, je veux juste prendre Google Maps juste ici et juste le faire glisser là-bas. Simple. Facile. Maintenant, ici. Je vais aller de l'avant et mettre Avalon Hollywood, et aussi on peut contrôler le niveau de zoom. Tu sais, on pourrait le faire zoomer très près, ou on peut le faire zoomer. Vraiment fermer, etcetera. Je suis désolé. Plus le nombre est élevé, plus il effectue un zoom avant. En outre, vous pouvez changer la hauteur de ceci également. Mais il était quelque chose comme ça ici et aussi empêcher le défilement. Donc, si quelqu'un, si quelqu'un fait défiler dessus, veux-tu empêcher le défilement ou non ? Donc, en cliquant sur oui ou non, voyez, maintenant, si j'utilise ma souris et fais défiler, il ne zoome pas dessus. Donc je pense que c'est une bonne idée de faire ça. Parfois, les gens sont bloqués quand ils défilent vers le bas de la page. Ils sont comme, Oh, mon Dieu le dit. On le sait. Tu sais ce que je veux dire ? Je l'ai fait beaucoup sur beaucoup de sites Web. Donc ici, je vais aller à la section. Je veux faire tout ça avec. Et aussi je veux m'assurer qu'il n'y a pas d'écart ici. Tu vois cette lacune juste là ? Je veux éliminer cette lacune. D' accord. Donc, c'est fondamentalement comment vous entrez dans Google Maps est très, très simple. Il y a une façon secondaire de le faire. Maintenant, je vais vous montrer que le second moyen juste pour deux péages est juste de vous faire apprendre un peu plus. Donc, ce que vous pouvez aussi faire est d'aller ici, dans un éditeur de texte, il suffit de le conduire et de saisir un texte. Et maintenant vous voyez, il y a deux onglets. Il y a un visuel dans le texte. Maintenant, pour les futurs gars de référence, chaque fois qu'un plug in ou quelque chose vous dit d'entrer un code court ou un morceau de script, il va toujours aller dans l'éditeur de texte de la zone de texte. Ok, alors laissez-moi vous montrer exactement ce que je veux dire. Donc, j'ai juste retrouvé que maintenant je vais aller à Google Maps juste ici. Je vais aller sur Google Maps, et je vais aller de l'avant et mettre quelque chose comme et je vais aller de l'avant et mettre quelque chose comme Dollinger, ma ville natale, Chatsworth, Californie. Dollinger, ma ville natale, Chatsworth, Maintenant, je vais cliquer sur partager. Eh bien, deux au lit carte. Et tu vois ça ici ? Ce code. Je vais aller de l'avant et copier ça ici. Je retourne ici et je vais coller ça dans la boîte juste là. Donc maintenant, si je retourne ici maintenant, vous allez voir que cela est vraiment apparu. C' est donc une autre façon d'utiliser les cartes Google. Maintenant, si on l'utilise sous visuel, ça ne marchera pas. Je vais juste aller de l'avant et juste coller ce code sous visuel. Tu vas voir tout ce code. Ok, donc c'est la différence. Donc, chaque fois qu'un plug in ou quelque chose vous dit de le mettre dans votre texte texte arbitraire, vous devez vous assurer qu'il est sous la zone de texte sinon cela ne fonctionnera pas. Et cela vaut pour tout ce qui va pour les codes courts. Cela vaut pour un code PHP qui va pour tout ce qu'un plug in vous donne directement. Ok, donc juste là, je vais juste aller de l'avant et juste mentir. Tout ça et on n'utilisera pas cette boîte. Je vais aller de l'avant et juste supprimer toute cette section. Tu sais, ça le fait toujours parfois. Tu sais, si c'est le cas aussi. Vous les gars où c'est comme si vous cliquiez comme ça. C' est juste que parfois c'est juste bizarre. Alors je sais. Alors maintenant, allons de l'avant et ajoutons un texte juste ici. Je veux donc ajouter un texte, un séparateur et un texte. Maintenant, tu penses, Oh, c' est juste de la pratique, tu sais, c'est joli. Assez simple. J' espère que vous revenez apprendre à utiliser ça. Alors, ici. Mais contactez-nous. Mettez ceci au centre et pour le style. Je veux le rendre noir. Et je veux ajouter une marge. Je veux ajouter de l'espace ici. Donc en cliquant sur ça, je vais dire pourquoi je voulais 100 photos à partir de là. Maintenant, en cliquant ici, un à un diviseur juste en dessous. Réduit l'écart, Mettez-le au milieu et réduire le avec juste là. Oups. Au milieu, juste là. Et aussi juste ici. Je veux ajouter un nouveau contenu. Je veux juste aller de l'avant et Adam un texto. Peut-être que vous pouvez parler de vos sites Web ou de ce que vous voulez. Donc ici, je vais entrer dans un texto factice, et je vais prendre ça. Peut-être que c'est trop, tu sais ? Je ne sais pas. Peut-être que c'est trop de textes et voir ici. Approchez-le. Ouais, peut-être que c'est trop. Ok, quelque chose comme ça. D' accord. Donc maintenant nous avons cette section juste ici où elle est un peu plus divisée où nous avons notre bureau et nous avons cette section juste ici, donc je vais vous montrer comment faire ça. Donc ici, je vais juste y aller et dire, accord, centré. Je vais aller de l'avant, centrer ce texte maintenant juste ici. Je vais ajouter une nouvelle section et on va cliquer sur OK. Maintenant, par ici. Je veux prendre le cap et je vais mettre quelque chose comme, ah, ah, c'était nos heures de bureau, notre bureau. Et puis je peux aussi faire quelque chose comme, tu sais, le texte. Bien sûr, quand ils deviennent noirs et pour l'avance, je ne peux pas vouloir pousser une vague. Je veux m'éloigner du haut juste ici. Je vais ajouter une marge, donc je n'ai pas 100 ans. D' accord ? Donc ajouté une marge juste là. Maintenant, vous voulez aussi fondamentalement ajouter quelques icônes ici. Donc, comme, vous savez, notre téléphone, notre emplacement , notre numéro de fax etc. Donc ce que j'appelle ça serait le meilleur pari pour ça. Ça prendrait ça et laisserait tomber juste là. D' accord ? Et rappelez-vous également que vous pouvez en ajouter plus. Vous savez, nous pouvons en ajouter autant que nous le voulons. Donc ici, nous pouvons ajouter quelque chose comme, Ah, construire Pasadena Boulevard, Hollywood , Californie, etc. Donc ici, je vais faire quelque chose comme, tu sais, notre téléphone et ensuite commencer. Mais quelque chose comme, vous savez, pour l'icône va mettre le téléphone bien mis et puis juste ici, allez-y et mettez votre téléphone. Tu sais ? Donc 1 88 Non, 288 un 9999 Ok, donc c'est essentiellement comme ça que j'ai réalisé ce regard juste là. Donc, vous pouvez fondamentalement passer par chacun et, vous savez, le concevoir aussi pour le lien. Donc, si vous voulez que ce soit un lien où quelqu'un cliquerait dessus et les emmènerait vers un autre site Web, site Web, vous entrez votre lien juste là. Aussi pour le style. Il peut changer la taille de l'icône pour faire un peu plus grand et aussi changer la couleur de la police aussi bien. D' accord. Et puis, comme bien sûr, vous pouvez en faire une ligne. Vous pouvez atteindre les droits, etcetera, où que vous vouliez être. Ou vous pouvez réellement aller ici et juste changer le texte du nombre réel lui-même. Donc, ici, vous pouvez changer le texte, retrait, puis peut-être changer la couleur du texte et la topographie aussi bien. Donc vous savez ce que c'est maintenant ? Je ne veux pas revivre ça. Alors allons-y maintenant et parlons du formulaire de contact plug in. Alors juste ici, va sauver. Et nous allons sauver nos progrès actuels, et nous allons voir notre tableau de bord maintenant. Ok, maintenant, tu devrais aussi le faire sous une autre fenêtre. Mais, tu sais, juste pour vendre des services, je vais juste aller au tableau de bord, et on va juste le faire à partir de zéro, OK ? Donc, en allant ici pour brancher, on va en ajouter de nouveaux. Non, il y a beaucoup de branchements là-bas. J' avais l'habitude de recommander le formulaire de contact sept, mais je ne recommande plus le formulaire de contact sept parce que je trouve juste beaucoup de mes téléspectateurs et beaucoup de mon public trouvent qu'il a une sorte d'or au fil du temps. Alors je le suis. Vous savez, je ne recommande plus le formulaire 7. Je vais en fait recommander Contact Bank et cette prise cela a fonctionné pour moi, donc je sais que cela fonctionne assez bien. Et c'est relativement, euh, vous savez,un euh, vous savez, bon branchement à utiliser. C' était une banque de contact. Tu vois ? Juste ici. C' est ce qu'on appelle le contact. Une autre façon. Vous vous êtes enfermé juste en allant me contacter ici et il y en a des tonnes ici . Mais beaucoup de ces formulaires de contact, vous savez, beaucoup d'entre eux sont très vieux. Beaucoup d' entre eux ne fonctionnent pas. Le plus populaire est le formulaire de contact sept. Mais comme je l'ai dit, il a en fait un peu baissé au fil du temps. Et je trouve que la prise ne fonctionne pas bien. Ah, la plupart des fois que j'utilise Ah, formulaire de contact 7. Que la prise, il ne l'envoie pas au spam éclaté à la place. Boîte de réception, c'est le formulaire de contact 7. Mais je ne nous recommande plus parce que, euh, depuis la nouvelle mise à jour de WordPress, il a eu beaucoup de problèmes. Mais maintenant, allons de l'avant et juste et résoudre le plug dans que nous cherchons Serena, tapez dans WP Contact Bank, et ici nous allons utiliser ce formulaire. Alors, juste ici. Il suffit de cliquer sur installer maintenant, et nous allons installer cette fiche. Et ce que ce plug in fera, c'est qu'il va créer un formulaire de contact pour nous. Donc, chaque fois que quelqu'un va sur notre site et nous envoie un e-mail, il va directement dans notre boîte de réception. Ok, donc c'est presque terminé l'installation et cliquez sur Activer. Très bien, donc juste ici, vous pouvez voir le contact étant l'édition tardive est installé. Maintenant, allons de l'avant et utilisez ce formulaire de contact. Parfois, les gars, quand vous installez des branchements, parfois c'est difficile de les trouver. Il faut que tu regardes autour de toi. Parfois, c'est sous les paramètres, etc., mais des arches juste ici. Donc, il suffit de cliquer sur contact rose. Et ils ont en fait fait fait une forêt de démonstration. Ils en ont déjà créé un pour nous, alors allons-y et utilisons-nous celui-ci. Mais, tu sais, peut-être que je ne devrais pas faire ça. Allons-y maintenant, Il suffit de créer un tout nouveau formulaire juste pour vous montrer juste pour les services ditto. Donc, ici, nous avons formé le nom et nous avons une description de formulaire. Nous avons un message vide. Nous avons un message électronique incorrect. Un message de réussite etc. OK, donc c'est essentiellement un forum rapide qu'ils ont créé pour nous. Maintenant, nous pouvons juste prendre cela ici et disons que je veux ajouter une seule description de ligne ici. Donc, ici, nous avons le 2e 1 juste ici. Et peut-être que vous voulez ajouter quelque chose, comme un texte de paragraphe. Alors, ici, on va changer les noms ici. Donc je vais aller dans les paramètres, et ici, j'ai mis comme nom maintenant, est-ce nécessaire ou non ? Donc, ça s'ajoute à vous. Je vais cliquer sur Enregistrer. Et là encore. La même chose ici. Je vais faire quelque chose comme, hum, message. Et peut-être que vous entendrez beaucoup d'adresse e-mail. Donc, les paramètres d'adresse e-mail. Je veux rendre cela nécessaire. D' accord. Et puis juste ici fera des cases à cocher, ou vous pouvez faire une case à cocher. Euh, vous savez, quoi que vous vouliez ajouter, il y a beaucoup de gadgets ici. Donc ici, peut-être que tu veux faire quelque chose comme, hum, rien. Ça suffit. Peut-être juste un nom comme un e-mail pour garder les choses simples. Tu sais, je pense que c'est plutôt bon. Donc message de succès, vous savez, envoyé avec succès envoyé à être forme sûre. Maintenant, nous pouvons en fait simplement utiliser ce Ah, ce formulaire de contact. Alors, juste ici. C' est le formulaire de contact que nous avons créé. Donc je vais aller de l'avant et utiliser celui-ci. Maintenant, je dois attraper tout ça, et je copie ça. Maintenant, il va à notre formulaire de contact. Donc les pages, toutes les pages nous contacter. Bon, donc tout ce que vous avez fait maintenant est juste aller de l'avant et nous allons faire défiler ici, et nous allons utiliser le widget WordPress. Donc ici, sous presse de prix. Vous voulez prendre le texte arbitraire et juste aller de l'avant et juste faire glisser cela juste là. Et nous voulons prendre le code court et simplement le coller juste là, puis nous allons cliquer sur enregistrer et voilà. Maintenant, nous avons le nom, le message et l'e-mail, et ils peuvent simplement aller de l'avant et envoyer leur message. Donc c'est tout, les gars pour la page de contact nous, nous avons essentiellement créé une page de contact entièrement fonctionnelle leur ont donné leur carte. Nous leur avons donné le titre ici, le bureau et le formulaire de contact. C' est à peu près tout pour cette section, les gars. Aussi, allons de l'avant et peut-être ajouter une autre section ici. Donc, j'ai essentiellement créé une autre section juste ici sur le fond. Et la seule chose que j'ai fait, c'est que je viens d'ajouter une nouvelle section ici. Et en fait, on peut le faire de deux façons. Nous pouvons aller à deux colonnes et juste ici je peux juste aller de l'avant et juste ajouter un texte de titre juste ici. Donc, il semble que c'est et puis je vais aller de l'avant et ajouter un éditeur de texte juste en dessous de cela . Et aussi je l'ai fait était essentiellement aller à la section et puis de la section je suis allé à l'avance. Et je viens de créer une marge juste là juste comme ça, et aussi juste ici sous cette section sous cette colonne, vous pouvez également ajouter une marge aussi bien. Vous voulez essentiellement aligner le formulaire sur ce que vous voulez qu'il soit. Tu peux le faire. Donc, c'est essentiellement un aperçu rapide de la façon dont j'ai créé cette deuxième section ici sur le formulaire de contact. Donc j'ai dit que vous pourriez faire cela peut être un peu plus long pour peut-être sorte de correspondre à ce texte parce que cette section ici, vous pouvez voir que la boîte de contact est plus longue donc vous pouvez le faire et aussi votre message sera en fait regardez un peu plus grand ici. Peut-être que nous pouvons faire une limite plus grande lorsque nous créons le formulaire de contact. Donc à part ça, les gars, c'est tout pour le formulaire de contact. Section deux. Assez simple. Assez simple, non ? Donc, je vous verrai tous dans la section suivante. 20. Blog: Hé, les gars, bienvenue. Maintenant, on va parler de blogs. Donc, dans ce tutoriel, nous allons parler de la façon de faire un post blawg. Et je vais aussi vous présenter la version pro de L. Un mentor parce qu'il a quelques caractéristiques spéciales se référant au post de bloc. Donc, juste ici, si vous voulez commencer un nouveau post de bloc, vous allez juste ici pour plus nouveau et aller à poster, ou nous allons vers notre tableau de bord juste ici, et nous pouvons réellement y accéder ici en allant aux messages et en allant à ajouter nouveau. Donc, ce juste ici est fondamentalement juste de créer un post blawg. Et rappelez-vous, nous pouvons également utiliser élémentaire pour concevoir notre page blawg. Donc, au lieu d'avoir celui par défaut, nous pouvons réellement créer un post blawg personnalisé. Mais ici, je vais aller de l'avant et mettre blawg post un, et, vous savez, vous savez, je vais aller de l'avant et mettre n'importe quel texte que vous pourriez ici. Donc, par exemple, je vais juste y aller. Et donc, comme quelque chose de simple ici. Juste, tu sais, mettre ce dont tu veux parler comme un truc cool et juste ici. Tu sais, on peut mettre ça une ligne au centre. Ah, la ligne à gauche affaiblir la balle que nous pouvons mettre en italique. C' est toutes sortes de fonctionnalités vraiment cool. Aussi le troublé. Je suis désolé que le basculement de la barre d'outils donne des fonctionnalités supplémentaires comme, vous savez, dans la denting. Il veut donner des personnages spéciaux. Vous pouvez les mettre dans vos messages ou, vous savez, si vous voulez avoir une couleur de texte spécifique, vous pouvez le faire aussi. Donc, il y a beaucoup de petites options ici que vous pouvez utiliser pour, vous savez, gâcher avec vos paramètres si vous le souhaitez. Maintenant, ce que je veux faire, c'est aller ici jusqu'ici et définir une image en vedette. Les gars, chaque fois que vous faites une sorte de post, vous devez avoir une image en vedette. C' est essentiellement une image qui représente votre poste de bloc. Donc ici, j'allais aller de l'avant et mettre ce gars juste ici et a dit que comme image en vedette et c'est fondamentalement tout pour les postes de bloc. Il semble que nous, vous savez, nous avons ajouté du contenu dans assez simple aussi aller sur une catégorie de crédit pour elle. Donc, par exemple, ce post de bloc va parler d'animaux et vous pourriez avoir d'autres messages de bloc qui parlent de quelque chose d'autre, etcetera. Donc, c'est essentiellement pourquoi vous voudriez catégoriser vos messages de bloc et également les balises. Donc peut-être quelque chose comme un animal de chien, etcetera, Et ces autres options sont fondamentalement standard pour la page de publication de bloc. Alors allons-y maintenant et publions ce post déjà. Maintenant, nous avons créé la page pour cela. Nous n'avons même pas de page pour les publications de bloc. Donc, juste ici sous les pages ira bien, en fait charger toutes les pages. Je pense qu'on pourrait en avoir un. Non, nous n'en avons pas. Donc, ici, on va ajouter du nouveau et taper blawg, et bientôt on vient juste de le publier juste là. D' accord. Maintenant, pour que le post apparaisse sur cette page, nous devons configurer cela dans le personnalisateur de thème. Donc juste ici, sous le nom de Tier, je suis désolé. Personnalisé. Vous cliquez dessus. Maintenant, on va passer à la première page statique. Maintenant, vous voyez ce qui dit post Page ? Nous voulons en faire la page blawg. D' accord. Et puis on est là. Nous allons aller à enregistrer et publier et aussi vous remarquez ici. Le menu apparaît maintenant juste ici sous Blawg. Donc la page a l'air bien. Maintenant, allons de l'avant et allons à notre page de bloc. Donc ici, je vais aller cliquer sur Blawg. Et voilà. Donc nous avons ce petit post cool juste ici, et vous savez, il a ah, image en vedette. Il a cette information ici, etcetera. Donc, ce sont fondamentalement les gars le post de bloc en un mot. C' est très simple. C' est très simple. Ce n'est pas difficile à comprendre. Et ce que les sont ici, c'est que ce sont essentiellement des widgets. Vous savez comment sur le pied de page ici comment nous avons ces widgets. Vous pouvez en fait placer les's sur le côté. Donc, en allant ici aux widgets, vous voyez ou entendez qu'il est à droite Sidebar. Cette section contrôle ici ce que vous voyez sur le blawg. Maintenant, vous pouvez ajouter dans votre propre, vous pouvez dans une boîte comme Facebook. Vous pouvez ajouter dans toutes sortes de cool. Vous savez, quel que soit le branchement que vous pouvez trouver sur les marchés. Mais si tu ne veux pas ça, tu peux aller dire, tu sais que je ne veux pas montrer les archives. Cliquez sur supprimer, et je ne veux pas montrer les catégories supprimer, et je ne veux pas afficher meta et supprimer, c'est Et si vous revenez à notre page blonde, vous allez remarquer que Onley trois d'entre eux apparaissent ici. Nous avons donc les messages récents et les commentaires récents. Les autres ont aussi disparu. Donc, c'est un gars naturel rapide sur la façon de faire les poteaux de bloc. Et comme je l'ai dit, s'ils cliquent dessus, vous y allez. Il y a le bloc post et se connecter et ils peuvent laisser un commentaire, etcetera, tout ce qu'ils voudraient. Ok, donc c'est un résumé rapide de la page blanche. Mais allons-y maintenant et revenons à notre poste. Je vais aller à mon poste ici et on va bloquer le post un. Et vous savez, si vous voulez être personnalisable, vous pouvez ajouter ce formulaire de contact ici. Ainsi, par exemple, vous pouvez cliquer ici en ajoutant dans le formulaire de contact, ou vous pouvez ajouter une image ici en allant ajouter un média et simplement en mettant une image. Et disons que vous voulez aligner cela au centre, vous pouvez le faire. Je veux dire, comme ça pour aider à donner à votre blog certains, vous savez, certains. Certains ressentent une certaine personnalisation. Tu sais, ça a l'air bien. Et aussi, euh, à part ça, c'est essentiellement ça pour le poste de bloc. Mais, vous savez, vous pouvez également éditer ceci avec les éléments ou Paige Miller. Donc juste ici sur le clic sur Mise à jour, et nous allons faire un nouveau post, nous allons faire un tout nouveau post un nouveau post, et nous allons bloquer un post maintenant et ici, au lieu de simplement poster et du contenu, Je vais en fait éditer avec L un mentor, et nous pouvons réellement créer un post personnalisé ici. Donc, ici, vous pouvez voir maintenant que nous pouvons réellement utiliser cela au lieu de ce qui nous est donné. I par défaut. Donc peut-être vouloir ajouter une image ici. On peut, vous savez, mettre l'image juste ici. Et là, on peut aller de l'avant et dire, tu sais, je veux un texto juste ici. Je vais mettre un texte, vous savez, vous savez, le voyage le plus incroyable, le cheval le plus étonnant et le centre affaiblir. C' est Et ici, nous pouvons aller de l'avant et mettre peut-être même un Google Maps, peut-être même une icône. Donc, quand vous faites ces gars de bloc post, je recommande d'utiliser la Paige Miller élémentaire, parce que vous avez beaucoup plus de contrôle sur ce que vous pouvez faire. Et disons,par exemple,que par exemple, vous ne voulez pas de ce genre de choses ici que vous ne voulez pas cette année. Tu veux juste une photo et du contenu, tu sais, tout ça à montrer. Allons-y maintenant et revenons en arrière. Alors on va à mon tableau de bord juste ici. Maintenant, quand tu feras le bloc, alors juste ici, je vais faire le bloc post, aussi. Vous feriez la même fonctionnalité, les gars, vous iriez ici. Tu dirais que je veux le contenu, mais je ne veux pas de barres latérales. Et là, tu vas dire que je le veux plein, et je ne veux pas que le titre se montre. Alors, juste ici. Si je clique sur les changements d'aperçu, c'est essentiellement aller ici. Je vais y aller et le faire comme ça. Ce sera un peu plus clair, donc je vais cliquer sur publier ici et maintenant je vais éditer avec, euh, euh, le générateur de page. Alors maintenant, c'est nos gars de poste. Donc, c'est fondamentalement notre poste, et vous pouvez aller de l'avant. Je veux dire, vous pouvez insérer une mise en page pré-faite pour votre post. Tu comprends ce que j'essaie de te faire penser ? Donc, vous pouvez fondamentalement mettre tout ce que vous voulez ici comme votre post de bloc, et il n'est pas considéré comme une page est juste votre post. Alors, allons juste ici à Template. Je vais aller dire, tu sais, tu sais, je vais juste mettre quelque chose ici comme Thea la mise en page un juste ici. Et je vais répondre à ça, et je vais aller de l'avant et le sauver. Et voici votre nouveau post blawg. C' est un post de bloc. Ce n'est pas une page. C' est un post de bloc. Donc, en retournant ici, je vais aller voir la page. Maintenant, c'est un poste. Donc, juste ici, vous pouvez voir que c'est le message réel lui-même. Donc vous ne le faites pas Vous n'êtes pas limité par ce que le thème conduit que le page-bowler peut faire tout ce que vous savez, obtenir même créer des blogs étonnants, vous savez ? Et aussi juste ici sur notre blawg, vous pouvez voir que le post est là. Donc, comme je l'ai dit, vous n'êtes pas limité à ce que le bloc vous dit de faire et à toutes sortes de fonctionnalités vraiment cool . Maintenant, aussi, vous pourriez vouloir limiter fondamentalement la quantité de choses que les gens voient. Donc, pour ce faire, allez vraiment ici aux messages et nous allons aller de l'avant et cliquez sur l'un de ces post ici . Tel est le bloc Post, aussi. Hé, les gars, encore une chose. Je tiens à souligner si vous voulez que l'extrait en bas montre, vous devez aller aux options d'écran ici et cliquez sur l'extrait. Et maintenant, vous avez l'option Excerpt. Ok, donc juste ici sous extrait juste ici. Allez-y et tapez simplement ce que vous voulez qu'ils prévisualisent. Donc, c'est un billet blawg vraiment cool cliquez ici et aussi défiler vers le bas juste ici. On va nous mettre en vedette l'image juste ici. Donc je vais mettre une image en vedette, et je vais mettre une photo de ce corbeau juste ici et utiliser ceci comme image vedette et ensuite on ira à la mise à jour. Donc, si je veux essentiellement avoir Onley ceci ici et le corbeau, nous devons aller au personnalisateur de thème et changer cela dans les paramètres. Donc ici, je vais aller à la personnalisation. Je vais aller à Blawg et aller vraiment à Onley. Afficher l'extrait d'enregistrement publier, et nous avons terminé. Donc maintenant, quand quelqu'un clique sur le bloc, mettre le post juste ici, ils vont juste voir ce que nous leur avons dit de cliquer sur. Je suis désolé, ce que nous avons dit, Teoh, nous avons mis dans l'extrait et aussi l'image qu'ils cliquent sur elle ils seront emmenés au post blawg . Ok, donc c'est comme ça que vous utiliseriez le blawg maintenant pour la version pro d'Element ou il a réellement le sien. Laisse-moi te montrer tout ce dont je parle. Je vais aller de l'avant et fermer tous ces onglets, et je vais laisser celui-ci ouvert, donc on va sauter sur mon autre site ici. Très bien, donc c'est mon autre site, et j'ai la vierge pro installée maintenant, juste ici. Il dit post ici, ce constructeur de page, en fait, juste prendre tous vos messages et juste le mettre dans un ordre vraiment soigné et l'aligner très bien. Et c'est vraiment professionnel, très simple. Et si quelqu'un clique dessus, alors ils seront emmenés à la page de publication. Donc, c'est une caractéristique des éléments ou pro. Si vous le souhaitez, c'est comme je l'ai dit, j'ai un lien dans la description. Vous pouvez aussi utiliser mon code promo. J' aurai aussi que vous économiserez 10% sur votre achat. Tu n'as pas à l'avoir. Mais si vous aimez la mise en page ici et rappelez-vous aussi, vous pouvez le mettre sur n'importe quelle partie de votre site Web. Donc vous n'êtes pas vraiment limité à la page blawg. Supposons, par exemple, que vous ne voulez pas avoir de page bloquée. Donc, vous voulez juste mettre dans votre post ici, c'est ce que c'est quatre. Et il y a toutes sortes de fonctionnalités et d'options sur vous savez combien de messages vous voulez montrer combien de colonnes ? Etcetera. Ok, donc en un mot, les gars, c'est le blawg et aussi le bloc poteau. Donc aussi, une autre chose dont je veux parler est que vous pouvez en quelque sorte faire la même chose avec le post blawg sur tout comme le simple, mais c'est très limité, alors laissez-moi vous montrer. Je vais juste aller à la page à propos de nous et je suis un aller à éditer avec L. Un mentor, et je vais en fait prendre un widget WordPress connu sous le nom Où est-il à des messages récents. Et je vais le laisser tomber ici. Donc, ce sont des messages récents. Et si vous voyez ici, cela a en fait le post de bloc au bloc post un et tous. Mon post ici. Donc, d'une certaine façon, je peux en quelque sorte le mettre où je veux. Le problème est, est que c'est très moche, vous pouvez dire, et c'est très limité. Et c'est celui par défaut que vous obtenez avec WordPress et beaucoup de choses qui vient par défaut gars WordPress n'est pas vraiment le meilleur. Donc, vous pouvez aussi mettre quelque chose comme des catégories de commentaires récents ou, euh , vous savez , des pages , des archives , etc., catégories ici. Et j'avais des animaux, donc, vous savez, c'est un peu limité, les gars. Donc je vous sais, je ne recommande pas vraiment um, vous savez, le centre avec le standard avec WordPress parce que c'est juste très limité, et c'est juste que ce n'est pas bon, donc vous pouvez choisir de utiliser cela, Mais si vous ne voulez pas la version pro, je recommande juste de faire un blawg paie lui-même et juste l'utiliser parce que la femme qui vient par défaut avec WordPress est laid. Tu sais, personne ne va aimer ça. Personne ne va le faire. Personne ne va cliquer dessus. Et c'est vraiment qu'il n'y a pas de photo, tu sais ? Ça n'a pas l'air bien. Donc c'est fondamentalement le poste de bloc. En un mot, les gars, les gars, vous pouvez choisir d'avoir les éléments ou la version pro ou créer la page de bloc, ou même utiliser la norme quand cela vient avec WordPress. Ok, c'est tout, les gars à la prochaine conférence et je vous verrai tous là-bas. 21. Quiz 3: Bienvenue à notre dernier quiz et à ce quiz. Bienvenue à notre dernier quiz et à ce quiz. On va parler de la façon d'avoir l'effet d'écran partagé. Maintenant. Je suis sûr que vous avez vu des sites Web où ils ont la moitié de leur site une couleur, puis la moitié de l'autre ici. Vous pouvez voir que j'ai la moitié de l'écran comme un vert clair, et je mets un objet avec elle. Et puis sur cette section, je viens de mettre un objet de base. Donc, j'essaie juste de souligner le fait que vous pouvez avoir une page de destination d'écran partagé ou un effet d'écran partagé. Je vais te montrer comment j'ai eu ça. Et peut-être que vous pouvez le faire pour votre site Web si vous voulez l'effet d'écran partagé. Je l'ai fait pour les sites Web des clients. C' est donc une tendance très populaire. Donc ici, il semble que tout ce qui a vraiment fait était d'avoir deux sections. Donc, en passant par ici, j'ai une section juste ici, et j'ai une autre section juste ici. Bon, maintenant, maintenant, tout ce qui a vraiment fait, c'est que j'ai ajouté dans une photo juste ici, mais nous allons vraiment créer ça à nouveau parce que dire que c'est une chose. Mais je pense pour ce quiz. Je dois te montrer comment je l'ai eu. Donc ici, je vais ajouter une nouvelle section que je vais mettre aussi. D' accord. Maintenant, juste ici d'un clic sur la section et vous voyez comment il dit plus de structures ici. En fait, j'ai attrapé le 66 33 juste ici. Maintenant, je peux saisir le 50% aussi. J' ai juste choisi de prendre le 66 33. Donc je vais recommencer. Et juste ici. Je vais changer ça à plein avec et juste ici. Je vais laisser la hauteur aussi normale pour l'instant. Donc je vais aller de l'avant et ajouter un arrière-plan juste ici. Je vais ajouter une image que je vais ajouter dans cette image juste ici. Bon, donc nous avons ces deux images ici. Maintenant, je veux essentiellement commencer à étirer un peu cette page. Donc pour la hauteur, je vais mettre en forme à l'écran. Donc maintenant, il est juste adapté à l'écran juste ici. En fait, je vais faire quelque chose comme la taille des hommes. On va faire de la hauteur moyenne. On va cacher les hommes à huit heures. Ou 7 79 79 droite Donc j'ai ces deux boîtes juste ici. ce que je veux faire, Toutce que je veux faire,c'est que je vais ici et sur cette section. Je vais juste prendre une image. Je vais juste répondre à cette image. Et ici, je vais aller de l'avant et choisir l'image et la mettre juste là. Et sur cette section ici et les gars, vous pouvez mettre tout ce que vous pouvez mettre dans des widgets de texte. Vous pouvez mettre n'importe lequel de ces éléments. Je fais juste cela juste pour deux but de Tour est juste pour vous aider à obtenir plus d'idées pour votre site Web. Et ici, je vais aller de l'avant et mettre celui-là juste là. Bon, donc nous avons ces deux images, et vous pouvez changer la taille de celles-ci. Tu sais, si c'est trop grand, on pourrait le rendre un peu plus petit, etcetera. Oregon habitude moyen. Tout ce que vous voulez. Bon, donc ici, je veux changer la section du rembourrage. Et aussi, je veux l'ajouter et superposer donc sur le style ici. Je vais aller à en fait, non, je vais aller dans ma chronique ici. On va le faire dans la colonne. Donc, en faisant cela, les gars, il est très facile de se confondre de cliquer sur l'image ou de cliquer sur la section ou de cliquer sur la colonne . Donc pour l'effet d'écran partagé, tu vas vouloir cliquer sur la colonne, ok ? Et puis pour un type d'arrière-plan cliquez dessus. Je veux avoir une couleur. Tu sais, je veux ajouter une couleur bleue, mais je veux faire une couleur transparente. Laisse-moi où les gens peuvent voir un peu. Donc quelque chose comme ça juste là. Ok, maintenant je vais aller à la section avancée juste ici, et je vais en fait désactiver. Je sais. Je laisserai le rembourrage et on ajoutera du rembourrage. Eh bien, je n'ai pas 200 ou j'ajouterai quelque chose comme 300. Bon, donc on a ajouté le rembourrage pour 300. Maintenant, si vous voulez juste ajouter assez de rembourrage juste ici pour juste couvrir le haut et bas afin que nous puissions réellement revenir ici et mettre ceci ici et activer cela à 300 et activer cela à 300. Ok, donc vous pouvez voir que cette section a été effacée et tout semble plutôt bien maintenant comme pour cette section juste ici. Disons par exemple que vous voulez aller de l'avant et pousser cette section ici. On va cliquer sur la colonne ah juste ici, et je vais aller à avancé, et on va juste ajouter une marge maintenant. Donc maintenant, on va ajouter une marge juste ici. Donc, on se contredit fondamentalement. Maintenant je dis non, non, non, non. Je sais que tu veux du rembourrage, mais je veux descendre, donc je vais pousser cette section vers le bas pour obtenir cet effet. Donc c'est une autre façon dont vous pouvez créer cet effet. Ça a l'air vraiment bien. Et comme je l'ai dit, il s'agit de gars de l'imagination et de trouver ce que vous voulez, vous savez, ici on peut ajouter comme un atterrissage comme un tas de taxes. Et ici, on peut mettre comme une fille qui cherche, tu sais, à gauche. Et elle peut être comme, Oh, mon Dieu, mon Dieu, ces prix sont tellement baisés, tu sais, tu sais, quelque chose comme ça. Donc, c'est fondamentalement comment vous pouvez créer l'effet que cette page de destination est essentiellement écran divisé maintenant je veux vous montrer une chose de plus pour certaines images comme celle-ci ici. Vous pourriez avoir cette section ici. Tu dois t'assurer que quand tu mets ton image ici, je vais aller à la section. Donc vous voulez vous assurer que le, hum que le ah, la section juste ici est en fait sous auto. Donc je pense que c'est sous la colonne juste ici pour le type de bordure. Laisse-moi voir ici. Donc c'est sous la section, juste ici c'est sous le style. Oh, oui, juste là. Ok, donc c'est par ici, les gars, vous savez, je me perds. Parfois, j'utilise la page polaire, mais je ne mémorise pas où sont toutes les options. Donc, lorsque vous faites quelque chose comme la taille, vous voulez vous assurer que c'est un autre couvercle de conteneur, donc contenir vous pouvez toujours avoir cet effet ici. Mais si vous avez la, um, um, la couverture en fonction de votre image, cela couvrira en fait toute la section. Ok, donc c'est tout. Les gars, pour ce quiz, j'espère vous avoir aidé. En utilisant cette stratégie, vous pouvez créer l'effet d'écran partagé sur votre site Web pour créer cette illusion que l'écran est divisé en deux. J' espère que ça t'aidera. Désolé. Tu sais, je ne mémorise pas. Toutes les options sont sur cette page. Constructeur. J' utilise des centaines, mais c'est certainement l'une des meilleures pages comme je l'ai jamais vu. Alors allons de l'avant et passons à la prochaine conférence. Les gars, je vous verrai tous là-bas. 22. Footer client: Hé, bienvenue, les gars. Donc ça va être un peu plus un tutoriel avancé. Et je voulais utiliser ça parce que je veux t'aider à comprendre cette Paige Miller. Un peu mieux maintenant si vous faites défiler ici, vous voyez ce pied de page ? Section sur les pages et suivez-nous. gars, Lesgars, ce n'est pas un pied de page qui vient au thème. En fait, je viens juste de créer ceci moi-même, et j'ai essentiellement l'illusion de ceci est notre nouveau pied de page. Donc, au lieu d'utiliser les widgets par défaut que le thème nous donne, nous pouvons aller un peu plus loin et créer fondamentalement notre propre pied de page. Alors je vais te montrer comment faire ça aujourd'hui. Donc ici, nous avons un sur nous, nos pages. Et puis nous avons suivi avec ces icônes sociales. Donc je vais aller sur cette page juste ici. Et si je fais défiler ici, nous utilisons habituellement ces widgets ici. Mais si tu veux être un peu plus personnalisable, je vais te montrer comment faire ça. Désolé. Ici. Je vais aller modifier la page. Maintenant, avant de le faire, nous devons changer certains paramètres. Donc sous le pied ou témoin ici, on va aller de l'avant et mettre zéro widget. Donc en disant que je ne veux aucune de ces sorcières au bas de la page. Donc maintenant, quand je clique sur éditer avec L un mentor, cela va montrer qu'il n'y a pas nous juste en bas. Et à partir de là, nous allons utiliser notre propre pied de page personnalisé. Donc, ici, les widgets sont maintenant partis. Et ici, nous pouvons juste aller et cliquer sur Ajouter une nouvelle section et nous allons simplement créer un pied de page. Maintenant, il juste comme les widgets par clic sur, ajouter une nouvelle section. Combien de colonnes voulez-vous ? Vous voulez un widget à deux colonnes ? Vous voulez un widget de trois colonnes pour le widget de colonne, etcetera. Donc je vais aller de l'avant et en sélectionner quatre et juste là je vais probablement mettre le cap juste ici, et je vais aller de l'avant et mettre ce centre et je vais juste mettre d'accord, et ensuite juste là. Je vais aller de l'avant et prendre un éditeur de texte juste ici, et je vais placer ça juste là et ici nous avons du texte factice, donc c'est fondamentalement notre section à propos. D' accord ? Maintenant, si je ferme ça ici, tu vas voir ça, tu sais, tu sais, ça a l'air plutôt bien. Et si on lui donne une couleur, ça représentera un pied de page. Donc, en retournant ici, je vais aller à la section, et vous pouvez vraiment décider de le laisser plein ou pas. C' est à vous de décider si vous voulez un plein avec pied ou pas. Sinon, vous le croyez. boîte. Donc ici, je vais aller à la couleur de fond. Je veux dire, tu pourrais avoir un pied ou tu as une vidéo en bas. Vous savez, vous pouvez insérer une vidéo ici et avoir une vidéo en arrière-plan si vous le souhaitez. Mais pour l'instant, je vais juste aller de l'avant et choisir une couleur de base ici, accord ? Et puis en retournant ici, je veux changer ça. Peut-être au blanc et aussi juste ici. Je vais changer ça en White aussi. Ok, maintenant, cette section ici, que dois-je mettre ici ? Peut-être des pages maintenant ? Aussi, vous l'avez remarqué sur cette section ici. Avoir cette ligne. Maintenant, Maintenant, vous savez ce que c'est. C' est juste le séparateur, ici c'est le séparateur. Et en gros, je l'ai mis, et je peux, vous savez, euh, réduire un peu l'écart et peut-être rendre ce blanc, et je vais en réduire la taille. Donc je vais le centrer et ensuite réduire le avec juste comme ça. D' accord ? Donc, ici, on va faire quelque chose d'un peu différent. Marches pour faire une page est maintenant c'est là que les liens entrent en place. Et si vous vous souvenez du début de l'éditorial, j'ai parlé de liens. Maintenant, ils changent de couleur. Maintenant, on va en parler. Donc juste ici, vais mettre des pages et je vais centrer ça ici. Et puis pour le style, je vais aller de l'avant et mettre du blanc. Aussi, je peux ajouter le diviseur juste ici. Je vais de l'avant et je le laisse tomber juste là. Et l'écart va juste réduire l'écart. Mettez ça centré et je vais vous faire toujours avec et puis je vais mettre la couleur ici maintenant, juste ici. En fait, nous allons utiliser à nouveau le titre et nous allons simplement nommer essentiellement les pages que nous avons actuellement. Donc en disant, OK, combien de pages avez-vous ? Alors, juste ici. Je vais faire glisser ça ici, mettre à la, euh, voyons ici. On va aller de l'avant et faire glisser ça. Ça devient un peu squishy parfois. Donc ici, je vais juste mettre à la maison, et je vais centrer ça et tu vois ce qui dit lien juste ici ? On va juste prendre la page d'accueil. Donc, ceci ici, nous allons l'utiliser, mais nous devons le commencer à http. Rappelez-vous que http, puis juste ici mettra www dot l un mentor tutorial dot com. Maintenant, pour la taille, peut-être que je veux un peu plus petit. Quelque chose comme ça. Parfait. Ensuite, nous allons le changer comme blanc. Ok, donc maintenant si vous passez la souris dessus, les gens vont en fait aller sur notre page d'accueil. Donc au lieu d'utiliser essentiellement les widgets, on peut l'utiliser et je vais avoir un duplicata trois fois. Donc ici, je vais aller de l'avant et dire le sujet, et si vous avez besoin d'aide pour trouver vos liens de permis ici. Oups. mauvais site Web goop voit que nous allons aller à environ juste aller à cliquer sur le sujet et puis tout simplement craber ce lien juste ici et juste le copier. Rappelez-vous, vous devez commencer par un CTP. Donc, http et puis nous allons de l'avant et juste spayed ou coller ça juste là. Et voilà. Et assurez-vous qu'il n'y a rien à l'avant. Assurez-vous que c'est ouais, tout va bien. Donc, nous avons le sujet de nous et puis juste ici, commencer à aller de l'avant et changer cela à quelque chose comme contactez-nous. Alors mettez ceci en contact. Et puis encore une fois, nous allons ici à la section contact et a été simplement décrit ce lien, et nous allons de l'avant et juste accélérer ce lien juste là. D' accord, parfait. Donc, le nombre cliquez sur coffre-fort. D' accord. Donc, avant d'aller à la section suivante, si je survolais ça, ça va que vous voyez comment le Texas Black je veux essentiellement vous montrer comment changer ça. Donc ici, je vais aller voir la page et on fait défiler ici. Vous avez sur son noir. OK, donc c'est noir, et nous devons nous assurer que c'est la couleur que vous voulez qu'elle soit. Alors ici, allez à personnaliser. D' accord. Et, vous savez, je ne me souviens pas qu'un mot soit exactement alors je pense que c'est sous, euh, les dispositions commerciales juste ici. Votre en-tête de navigation principal. Tu connais le conteneur ? Non. Peut-être sous le pied de page. Pas de barres latérales ? Non. Ok, donc il est ici quelque part, et on va aller de l'avant, et on va continuer un par un jusqu'à ce qu'on trouve un gars. Donc, il est là. Donc les couleurs donc ici, nous avons la couleur du lien et la couleur du lien hover. Donc, vous voulez essentiellement vous assurer que la couleur de longueur est à ce que vous voulez qu'elle ressemble. Et aussi la couleur de la longueur, le survol est à ce que vous vouliez ressembler. Alors j'ai entendu Put Blue. Et ici, nous allons de l'avant et mettons rouge juste à des fins de contrôle. Et je vais aller de l'avant et dire que maintenant on va aller de l'avant et faire défiler vers le bas. Maintenant, les liens sont rouges, et si je survole, c'est bleu. Tu vois ça ? Donc, c'est essentiellement comme ça que vous créeriez cette section. D' accord. Et si je clique dessus, ça va m'emmener sur mon site. Donc, je le relie à ma page d'accueil. Donc c'est ah, fonctionnalité plus avancée sur la façon dont vous pouvez le faire. Et rappelez-vous, assurez-vous que le permanent est correctement, comme ici. Je ne l'ai pas entré correctement, donc je dois changer cela. Et aussi juste ici. Je ne l'ai pas aussi bien. Donc, nous allons éditer avec L. A mentor, et je vais juste faire défiler vers le bas juste ici. Et je m'assurerais de voir ici je ne le fais pas. J' y suis trop entré. Donc, un CCP primaire doc com sur et parfait. Bon, donc je vais juste le sauver. Je te montre juste que j' ai fait une petite erreur. Bon, maintenant, maintenant, allons de l'avant et faisons les icônes des médias sociaux. Donc je vais laisser cet appel ici, et je vais juste mettre des icônes sur les réseaux sociaux. Donc, en descendant ici, on peut juste prendre les icônes des médias sociaux de cette section juste ici. Très bien, donc nous avons les icônes des réseaux sociaux maintenant, la couleur du lien est rouge, donc peut-être que vous voudrez peut-être changer cela parce que la couleur du lien influence également les icônes sociales . Donc ici, je dois dire, vous savez, je le veux en quelque sorte. Ah, tu sais, on peut changer, tu sais, le style de ça. Si on veut, on peut avoir un cercle comme ça. Mais une autre chose que vous pourriez vouloir faire est de saisir un texte de titre juste ici et de mettre suivez-nous. Et puis à partir d'ici, nous allons aller de l'avant et laisser ça là et ici, nous allons prendre le diviseur sur DSI si je l'ai compris. Ok, bien. Je l'ai eu. Et je suis réduit le centre de l'écart. Faire le avec un peu plus petit à 20 et puis je vais ajouter la couleur dans. D' accord. Et puis juste ici. Peut-être que je dois changer cette couleur pour quelque chose comme le blanc. Ok, alors maintenant, allons-y et voyons à quoi ça ressemble. Je vais juste l'enregistrer ici, et ensuite nous allons juste voir la page et juste voir à quoi elle ressemble. Donc ici, je vais aller voir la page, et si je fais défiler ici, vous remarquerez que ça se fond parfaitement. On a un pied ou juste ici. Vous pouvez même ajouter votre logo. logo de votre entreprise. Juste ici. Donne une description. J' essaie juste d'ouvrir les yeux un peu pour vous faire penser possibilités que vous avez avec ce générateur de pages. S' il n'y a pas de limites. Donc, au lieu d'utiliser les sorcières qu'elles nous donnent, nous pouvons créer notre propre pied de page personnalisé. C' est tout pour cette conférence, les gars. J' espère que ça t'aidera. Je l'utiliserais personnellement parce que je pense que cela semble beaucoup mieux que les widgets standard . OK, pars à la prochaine conférence. 23. Optimisation mobile: Bon, les gars, bienvenue. Donc, dans ce cours, on va parler d'optimisation mobile et les gars. C' est une conférence très importante. L' optimisation mobile est extrêmement importante car à partir de 2016, il y a plus d'utilisateurs mobiles qu'il n'y en a d'utilisateurs de bureau. Donc, vous devez vraiment vous assurer que votre site est optimisé pour mobile. Tu dois faire ça. C' est une exigence. Si tu ne le fais pas, tu auras des problèmes sur la route. Bon, alors allons-y et commençons. Permettez-moi de vous montrer comment optimiser votre site Web. Alors juste ici, cliquez sur cette petite icône juste ici en bas à droite ici. Et nous avons trois options. Nous avons une tablette de bureau et mobile. Alors, juste ici. Si je vais à mobile, C'est ce que mon site Web ressemble actuellement sur mobile. Maintenant, l'image n'est pas correctement alignée sur mobile, comme vous pouvez le voir, peut-être que je veux changer ça. Donc ici, je vais aller faire du style. On va cliquer sur cette section ici. Anima aller au style. Et je vais fondamentalement changer la position de ceci ici pour l'aligner correctement. Voilà, tu y vas. Donc, en ce moment, vous pouvez voir qu'il semble mieux sur l'appareil mobile. Maintenant, continuons de défiler ici et allons de l'avant et commençons résoudre les problèmes un par un. Maintenant, en général, mobile est très, très facile. Il optimise généralement très bien, mais disons que vous voulez changer quelque chose. Donc ici, je vais aller au style juste ici. Je vais me contenter maintenant. Vous voyez comment il y a trois petits bars juste là. Des cercles. Juste ici. Cela signifie essentiellement que c'est l'optimisation pour l'appareil mobile. Celui-ci l'optimise pour les tablettes, et celui-ci l'optimise pour le bureau. Donc, par exemple, disons simplement que je veux aller de l'avant et changer le contenu ici. Donc je vais ouvrir ça ici. Maintenant, juste là. Vous pouvez voir que je suis en train de changer la version mobile et que je pourrais la rendre plus grande. Je peux le rendre plus petit, etcetera. Donc, sur les appareils mobiles, ils vont voir quelque chose comme ça ici. Ok, donc je vous laisse juste savoir que c'est essentiellement comme ça que vous feriez des changements sur vos sites Web avec le générateur de page donc dévisser juste ici. Allons de l'avant et continuons à trouver le voir si vous pouvez trouver quelque chose qui semble mauvais. Vous voyez, ici, il est fondamentalement entièrement optimisé déjà. C' est assez incroyable. Mais vérifions maintenant la version de la tablette. Donc je vais aller à la tablette ici, et on dirait qu'on a du travail à faire. Oui, nous le faisons. Donc, cette section semble OK. Cette section semble bien, mais en faisant défiler ici, cette section semble merdique. Cela n'a pas l'air bien. Donc fondamentalement besoin de s'assurer que nous avons corrigé cette section ici. Maintenant, il y a plusieurs façons de le faire. Nous pouvons soit réduire la taille du texte, soit je pense que c'est à peu près tout, mais nous pouvons réduire la taille du texte, alors faisons-le. Donc juste ici, dans le contenu, je vais aller vers toi. abord, vous voyez le titre, les titres. D' accord. Juste ici. Mais nous devons aller de l'avant et changer la description ici. Donc, la description que je veux essentiellement réduire la taille ici. Quelque chose comme ça. Juste là. Bon, ça a l'air un peu plus réactif. Tu vois à quoi ça ressemble maintenant ? donc en passant par ici, je pourrais faire la même chose exacte en allant au contenu de style. Ouvrez la topographie ici. Et puis on va changer la taille. Donc quelque chose qui ressemble à ça ici. C' est donc très important. Les mecs. Lorsque vous optimisez votre site pour mobile, vous devez essentiellement parcourir l'ensemble de votre site Web pour vous assurer qu'il est pleinement réactif. Donc je suis désolé que tu aies dû le faire ici, donc je ne sais pas vraiment. Vous vous connaissez les gars. Oui. Vous l'avez eu. Tu l'as eu. Tu l'as eu. Donc ça va ici pour que tu puisses trouver autre chose. Ici, nous avons ces chiffres. Ils ont l'air de la merde. Changeons ça. Je suis un aller au style juste ici et aller au titre juste ici et ouvrir cette section. Maintenant, je veux changer la taille de ça. Donc, cette section semble OK. Des ventes incroyables, mais je dois changer cette section ici. Je dois changer ces chiffres parce que c'est juste un peu trop gros. Donc, par ici, sous les chiffres. J' ouvre ça et on va changer la taille des chiffres. Quelque chose qui semble qu'on peut le pousser comme ça. Ok, donc maintenant le site est essentiellement optimisé pour la tablette. Allons-y et vérifions le téléphone. Perfect est entièrement optimisé pour le téléphone ainsi. Donc en faisant ça, les gars, c'est en gros, vous savez, vous devez simplement le savoir. Tu sais ce que tu veux accomplir sur etcetera, et, , comme je l'ai dit, Zaveri Simple. C' est très facile. Vous devez juste passer par la vue et vous assurer que vous apportez ces changements pour chaque appareil spécifique, accord ? Et peut-être juste ici, peut-être que je veux réduire le rembourrage juste ici. Vous savez, il y a un peu trop d'espace ici. Donc ici, je vais aller dans ma section juste là. Je vais m'assurer que c'est Ah, vois à quoi ça ressemble ? Eh bien, ça a l'air bien là. Et puis le mobile. Ouais, peut-être que je pourrais juste réduire le rembourrage juste un peu. Alors, juste ici. Je vais peut-être être le droit ici et aller à avancé. Ah, je peux faire un peu comme ça ici. Je vais aller de l'avant et mettre une marge supérieure. Faisons quelques compétences à certains secrets. Eh bien, en fait, faire ça aide vraiment juste en changeant en zéro. Tu vois comment j'ai fait ça ? Je viens de réduire tout ça à zéro. Et il semble juste, vous savez, par défaut, il le met à zéro. Donc, je veux dire, ça a l'air plutôt bien, non ? Pour mobile ? Oui, je pense que oui. Donc je vais aller de l'avant et cliquer sur le coffre-fort. J' allais le changer en moins quelque chose, mais je pense que ça a l'air plutôt bien là aussi. Ok, ça va en bas. Allons voir une autre page. Allons de l'avant et allons à notre menu juste ici, et nous devrons réellement aller à notre tableau de bord. Et on va aller à toutes les pages et on va aller de l'avant et regarder la page à propos de nous. Voyons s'il y a un besoin d'optimisation mobile ou d'optimisation de tablette dans cette section. Donc ici, je vais aller sur tablette et faire défiler vers le bas. Tu sais, ça a l'air assez bien sur les tablettes qui vont et essayer le mobile juste ici. On va passer par le mobile maintenant. Maintenant, cette section ici, vous pourriez changer. Vous savez, on pourrait aligner au centre quelque chose comme ça ici qui semble un peu mieux sur l'appareil mobile. Et peut-être que nous pouvons aussi réduire la taille de ce texte. Je pense que ça a l'air un peu correct, cependant. Notre équipe Bob. Donc, comme j'étais comme je l'ai dit, ce melon de page est aussi super réactif. Je veux dire, il y a très peu de changements que je dois faire à Teoh pour rendre ce mobile convivial. Donc ça remonte ici. On va aller jeter un coup d'oeil à nouveau, et c'est tout. Les mecs. Alors n'oubliez pas de passer par et de passer par chacun et tout le monde pour vous assurer que votre site est entièrement optimisé pour les mobiles et aussi les tablettes. Je ne peux pas insister sur l'importance de ce type. C' est très, très important. Il y a plus de gens qui magasinent avec leur téléphone que de gens qui utilisent réellement leur bureau aujourd'hui. Ok, donc c'est tout pour cette section, les gars, j'espère que ça a aidé. Passons aux sections suivantes. Je vous verrai tous là-bas 24. Version Pro: Un gars. Donc, je veux vous présenter à tous la version pro Et ce que les fonctionnalités pro ont que la version gratuite ne le fait pas. Donc ici, je vais cliquer dessus. Maintenant, vous voyez ce qui dit éléments pro ? Donc, ici, j'ai post modèle de formulaire de portefeuille un inestimable diapositives de compte à rebours et aussi sera commerce des produits. Donc c'est juste ici le curseur juste ici. Donc, c'est fondamentalement un curseur, et vous pouvez, vous savez, créer des animations pour cela. Vous pouvez choisir à quoi vous voulez qu'il ressemble. Il y a toutes sortes de personnalisation pour donc ici sur les diapositives d'édition, vous pouvez voir que j'ai une couleur d'arrière-plan. Je suis désolé. Une image d'arrière-plan. Je peux ajouter une superposition d'arrière-plan. Je peux régler la vitesse. Je peux régler la hauteur. Il y a beaucoup de personnalisation que vous pouvez faire avec ce curseur. Donc, si vous voulez acheter la version pro, j'ai un code promo qui vous permettra d'économiser 10% de votre achat. Donc, c'est juste si vous êtes intéressé par la version pro, vous pouvez accéder au curseur. Maintenant. En outre, il y en a d'autres que vous connaissez, plus tôt nous avons parlé du Blawg, et c'est en gros le portefeuille. Et le portefeuille est juste une autre façon de présenter votre blawg. Donc, il a aussi l'air vraiment, vraiment bon. Une autre chose que nous pouvons faire est le formulaire de contact. Donc c'est ici notre formulaire de contact, et cela a été créé avec la fiche de formulaire ici. Donc, vous n'avez pas besoin d'aller chercher votre propre prise. Tu peux aller de l'avant et l'obtenir toi-même. Donc, ici, nous avons le portefeuille. Et il y a aussi les messages, que je vous ai montrés un peu plus tôt, qui ressemble un peu à quelque chose comme ça. Donc, c'est un peu plus propre que la façon standard Wordpress vous le donne. Donc, c'est une autre façon dont vous pouvez utiliser la version pro et revenir ici. Nous avons le prix. Donc, ici, vous pouvez voir les listes de prix. C' est l'inestimable ici. Il est fondamentalement discret tous ses prix pour vous. Donc, si vous êtes pressé par l'industrie ou une sorte d'industrie, vous voulez montrer un menu. C' est une très bonne fonctionnalité. Ensuite, nous avons les compteurs de numéros. Donc, ce sont les compteurs de nombre juste ici, et il y a beaucoup de façons que vous pouvez personnaliser. C' est et, vous savez, le rendre un peu plus personnalisable. C' est donc assez simple et simple. Vous pouvez le programmer pour avoir, genre, un compte à rebours. Vous pouvez le programmer pour avoir toutes sortes de trucs vraiment cool. Donc, c'est le widget compte à rebours, et nous avons aussi des produits de commerce. Donc, si vous décidez de vendre quelque chose ici, tout ce que vous avez à faire est juste d'aller de l'avant et glisser là-bas et ensuite ils sont votre produit est, il apparaît, et je suppose que vous pouvez le personnaliser. Tu peux faire toutes sortes de trucs vraiment cool avec ça. Vous pouvez modifier l'animation d'entrée pour son etcetera. Donc, c'est essentiellement la plupart des gars de la version pro. Si vous étiez intéressés par ça, il y a un code promo. Je crois que c'est Darrell Wilson. Quelque chose. C' est dans le fichier PDF. Je ne garde pas de trace de mon code promo. Donc c'est tout, les gars, pour la version pro, il a quelques fonctionnalités cool, et il y a beaucoup de façons cool que vous pouvez l'utiliser pour implémenter sur votre site Web. C' est tout pour cette section, les gars, je vous verrai tous dans la section suivante. 25. Section téléphonique: Bon, les gars, bienvenue. Alors allons-y et ajouté sur le téléphone ici, et nous allons réellement ajouter un texte avec un appel à l'action. Donc la première chose que nous devons faire est de faire une corde à deux colonnes. Donc, ici, sous ajouter une nouvelle section sélectionnera deux. Et là, on va prendre une image et je choisirai l'image. Et je vais prendre ces téléphones ici et entrer dans les médias. Maintenant, les gars, une chose que je veux vous dire est quand vous entrez des images, assurez-vous que c'est un fichier PNG. Le fichier PNG aura en fait ce fond transparent. Donc, si vous avez un fond de couleur différente, cela n'aura pas d'importance car il se fondra parfaitement. OK, donc si vous attrapez des fichiers Jay Peak, les fichiers J pic auront le blanc en arrière-plan, et il n'aura pas l'air bien. OK, alors assurez-vous que c'est un fichier PNG. Ok, donc j'ai mis l'image. Maintenant, allons de l'avant et ajoutons du texte ici. Donc juste ici, je vais prendre le cap et juste là. Oh, met ce tutoriel est simple. Une autre chose dont je veux vous parler, c'est quand vous mettez dans un texte sur votre site Web. idéal de capitaliser le premier mot de chaque première lettre regrettable de chaque mot. Et beaucoup de gens le font parce que ça a l'air bien. Et c'est essentiellement ce que tout le monde fait. Donc, je veux essentiellement faire ça au centre ou en fait, non, je veux mettre ça à gauche. Je le veux près des téléphones et juste ici dans votre style. Je vais changer ce texto en noir. Maintenant, sous la section avancée, je veux ajouter une marge. Donc ici, je vais cliquer sur ce petit lien ensemble, et je vais ajouter une marge. Donc, vous voyez maintenant comment il espacement. Donc c'est essentiellement une bonne raison pour laquelle nous pouvons utiliser la marge. Maintenant, il y a deux façons de faire cette section. Nous pouvons en fait juste ici, nous pouvons faire glisser l'éditeur de texte et juste ici, ou nous pouvons aller de l'avant et prendre des colonnes et nous pouvons mettre les colonnes là à la place. Il y a donc deux façons de le faire. Maintenant, ce que font les colonnes. Comme je l'ai dit, il crée simplement des colonnes supplémentaires dans la section. Mais je ne veux pas faire ça. Donc je vais cliquer sur X et cliquer sur Supprimer. Mais c'est juste une autre façon de le faire. Je te montre juste qu'il y a d'autres façons de le faire. Maintenant, sous l'éditeur de texte, je vais juste prendre ça. Et vous voyez comment la ligne bleue est juste là. Il va le laisser tomber, et je vais prendre mon fameux texte factice, et je vais juste le mettre juste là. Eh bien, euh, et bien sûr, étant changé, le style contenait la couleur du texte. On pourrait en faire une ligne, le centré. Mais en ce moment, nous voulons probablement faire soit justifiée ou justifiée à gauche. Il semble aussi bien, mais je veux le garder à gauche, et je veux ajouter un appel à l'action. Donc ce bouton pour qu'on le fasse glisser vers le bas, le mettre juste là. Maintenant, je veux probablement changer la couleur de fond. Tu sais, ça n'a pas l'air bien comme ça. Donc, sous le style, nous pouvons changer le mais la couleur du texte en blanc et la couleur de fond peut-être quelque chose comme le noir juste comme ça. Parfait. C' est parfait. Maintenant, je veux vous présenter un nouveau widget que nous n'avons pas utilisé. Et c'est ce qu'on appelle le Carrousel d'image. Oui, le carrousel de l'image. On allait utiliser ça maintenant. Ok, donc je vais prendre ça et juste l'ajouter dans la section des nouvelles. Maintenant, quelles images veux-tu ? Eh bien, nous avons besoin d'ajouter ou quelques images. Je veux de l'annonce dans celui-ci. Je veux ajouter celui-ci. Je veux de l'annonce dans celui-ci, et je veux ajouter quelque chose comme ça ici aussi. Et je vais aller à la galerie de création. Vous pouvez donner ces noms, mais pour cela, je ne vais pas leur donner de noms. Je vais te montrer pourquoi. Je pense que ça a l'air bien comme ça. Et je vais entrer dans la galerie. Maintenant, vous allez voir que les images sont là, donc les images sont là et les gens peuvent faire défiler et vérifier. Mais allons-y et faisons un peu plus de contrôle. Tu sais combien de diapositives veux-tu montrer ? Donc, par exemple, si vous voulez vraiment montrer Onley tournée montrant Feeley ne voudra pas montrer que vous pouvez en avoir un seul à montrer, mais je veux peut-être environ trois. Maintenant, il a coupé le parchemin. Vous savez, nous pouvons laisser ça comme probablement personne pour fondamentalement chacun seul fera défiler ou vous pouvez avoir deux diapositives dehors. Les règles défileront, etcetera. Donc l'image s'étire. Si tu veux étirer ça, on peut l'étirer. Je n'aime pas son apparence parce qu'il a l'air un peu pixelisé. Donc ici, je ne vais pas naviguer. On peut l'avoir comme des flèches et des points. Maintenant, la raison pour laquelle vous ne voyez pas les flèches, c'est parce qu'elles sont blanches et nous allons changer ça dans une seconde. Mais on pourrait avoir des flèches et des points. Nous ne pouvons pas juste flèches. Nous pouvons avoir des points, mais je vais le laisser comme une rangée et des points liés à nous pouvons faire ce lien vers une section spécifique . Disons que ce sont vos partenaires. Vous pouvez cliquer sur personnaliser votre oh, et si quelqu'un clique sur ceux-ci, il les mènera à cela. Sites Web. D' accord. va pas à rien. Allons à supplémentaire. Donc impulsion sur le vol stationnaire où fondamentalement il va mettre impulsion sur le vol stationnaire la lecture automatique. Donc, voulez-vous que ceux-ci continuent à défiler comme ça. Si vous voulez cela, vous pouvez le laisser comme oui. Maintenant. Vitesse de lecture automatique. Donc ça dit 5000. Maintenant, ce n'est pas 5000 secondes. C' est 5000 millisecondes. Donc M s. Donc, disons que vous le mettez à 2000. Ça va faire défiler beaucoup plus vite si on fait ça. Tu vois, ça va attendre environ deux secondes. Un pour boum. Ok, c'est censé y aller, mais oui, c'est probablement parce que nous sommes sur le constructeur de pages, mais vous pouvez aussi le réduire à 1000 maintenant. Boucle infinie. Tu veux qu'on continue ? Tu veux juste que ça continue ? Si vous voulez cela, allez-y et mettez oui, la vitesse d'animation. Alors à quelle vitesse vous vouliez vous attaquer comme vous le voyez en ce moment, Comment est-ce que cet effet d'animation voulez-vous qu'il soit plus rapide ? Tu peux mettre quelque chose comme 1000. On est maintenant un peu plus lent ou même faire quelque chose comme 100 où ça va aller super vite. Tu vois ça super vite ? Mais pour l'instant, je vais juste le laisser à, je pense, 500 à 300, puis la direction a évidemment laissé ses droits. On va le laisser à gauche maintenant pour le style. Maintenant pour la position aérodynamique. Tout d'abord, changeons la couleur de la flèche pour que nous puissions les voir. Je veux l'emmener en noir pour que vous puissiez voir les flèches juste ici. Maintenant pour la position aérodynamique. Tu les veux à l'intérieur ? Ou tu les veux en dehors de la boîte. Donc, à l'extérieur, ils seront hors de la boîte. A l'intérieur, ils seront à l'intérieur. Et bien sûr, les points Vous pouvez changer. Vous les voulez à l'intérieur ou à l'extérieur. Vous pouvez agrandir les points ou les rendre plus petits. Et vous pouvez également changer la couleur des points. Maintenant, pour l'image, nous pouvons choisir de l'avoir. Comme vous le savez, la coutume. Nous pourrions avoir un espacement personnalisé entre les images. Vous pouvez les rendre un peu plus proches les uns des autres ou plus éloignés pour le type de bordure. Nous pouvons choisir de l'avoir doublé. On peut l'avoir comme pointillé. On peut l'avoir comme pointillé. Et nous pouvons changer l'avec ces points si vous voulez. Et nous pouvons également changer la couleur de ces points spécifiques. D' accord. Mais je ne veux pas m'en mêler trop parce que ça prend juste du temps. Et SS deux noyau et la décoration, je pense que c'est assez standard. Je pense que ça a l'air bien. Et bien sûr, pour les avancés, nous pouvons changer la marge. On peut changer le rembourrage. Peut-être que vous voulez pousser ça un peu vers le bas ou le pousser vers la droite ou pousser vers le haut , etcetera. Et avec tout ce que nous pouvons avoir l'animation d'entrée. Alors vous voyez comment nous avons l'animation d'entrée ? Eh bien, ce que ça arrive comme ça. Donc, pour chaque paramètre, nous pouvons avoir de l'animation. Ok, gardez ça à l'esprit, parce que c'est pour chaque module que nous utilisons. Ok, donc c'est essentiellement cette section, les gars, c'était essentiellement le téléphone et ces séances de chasse. Ah, la section suivante. Nous allons en fait aller à la page suivante, ou il va parler de la section à propos de nous, donc je vous verrai tous là-bas 26. Thème et plugin: Bon, les gars, bienvenue. Donc maintenant, nous allons installer le thème WordPress et nous allons ajouter le générateur de page . Alors, ici en apparence, allez aux thèmes. Maintenant, comment fonctionne WordPress est fondamentalement que vous installez un thème sur votre site Web. Maintenant, ici, vous pouvez cliquer sur ajouter un nouveau thème et ce sont tous différents types de thèmes. C' est essentiellement la structure de votre site Web, quoi il ressemble et la sensation de celui-ci, etcetera. Maintenant, chacun d'entre eux a des constructeurs de pages différents. Ah, beaucoup d'entre eux ont différents styles de personnalisation, etc. Nous allons donc utiliser un thème très apprécié appelé Generate Press. Donc juste ici, sous la barre de recherche, vous pouvez taper, générer de la presse, générer de la presse, et ce sera celui-là juste ici. Et vous pouvez cliquer sur les détails dans l'aperçu et il est très bien noté, vous savez, 309 avis tous les cinq étoiles. Donc, nous allons utiliser un très bon thème WordPress. Donc juste ici sous ce bouton d'installation va cliquer sur installer, et cela va installer le thème sur notre site WORDPRESS. Donc, c'est fondamentalement un petit aperçu de ce que ça va ressembler. Mais bien sûr, ce n'est pas ressembler à ça. Ça va être bien mieux maintenant, juste ici. Je vais cliquer sur activer. D' accord. Et disons juste que vous voulez, vous savez, vérifier. Consultez votre site Web et voyez à quoi il ressemble. Vous pouvez cliquer sur visiter le site ici. Et c'est notre nouveau site. Très ennuyeux. Très pas jolie. D' accord, mais ne vous inquiétez pas, on va le rendre incroyable. Alors, sous notre tableau de bord. Ensuite, nous allons à brancher et nous allons aller ajouter de nouveaux maintenant un aperçu rapide des plug-ins. La meilleure façon de décrire les plug-ins sont comme APS pour l'iPhone. Il est fondamentalement comme APS pour votre site Web, comme la création d'un forum tel que la création d'un site de médias sociaux pour cliquer ici sur notre populaire. On va avoir toutes sortes de choses différentes. Je veux dire, il y a des millions de branchements et ils ont tous des fonctionnalités différentes. Ceci crée ici un formulaire de contact. Ceci ici améliore votre optimisation sur le moteur de recherche. Ceci ici, ça crée une capture. Il y en a tellement et la meilleure façon comme je l'ai dit pour le décrire est qu'ils sont juste APS pour votre site WordPress, et je pourrais continuer et continuer avec elle avec bludgeons. Mais il y en a des milliers ici. Vous pouvez voir qu'il y a des milliers et il y a plus de 34 pages. Vraiment vite. Tout ce que nous allons faire est d'installer le générateur de page et nous allons utiliser un générateur de page gratuit et est juste sur le marché et c'est vraiment, vraiment, vraiment bon. Alors je vais taper L. Un mentor. L un mentor si élément ou et vont utiliser ce générateur de page. Maintenant, ce peso vient de sortir, mais il est déjà frapper blog. Il frappe déjà toutes sortes de sites Web en raison de sa facilité d'utilisation. Il est si facile d'utiliser ce générateur de page alors allez cliquer sur installer maintenant déjà. Donc, il s'installe. Et ce sont aussi des plug-ins supplémentaires pour ce melon de page parce qu'il est parti. Il devient si populaire que les gens créent réellement des plug-ins juste pour ce plug ins. Oh, en fait, ça devient très, très populaire avec le temps. Alors ici, allez à cliquer sur activer. Très bien, félicitations. Donc, nous avons installé le thème WordPress et nous avons ajouté Elemental, que nous allons utiliser ceci pour installer notre conception nos pages maintenant. Comme je l'ai dit, c'est totalement Dragon lâché. Les gars, c'est super facile d'utiliser ce générateur de pages, et je vais vous montrer comment faire ça dans ce tutoriel. Ensuite, allons de l'avant et passons à la section suivante où nous allons créer quelques pages, donc je vous verrai tous là-bas. 27. Fin: D' accord, les gars. Félicitations pour avoir terminé le cours. Donne-toi un coup de main. J' espère que ce cours vous a aidé à apprendre à mieux utiliser WordPress. J' espère que cela vous aidera à apprendre à utiliser les éléments. Ou le constructeur de page, ce qui va être je vous dis que les gars vont être le constructeur de pages gratuites numéro un sur le marché. Maintenant, d' ici là, j' espère que vous pourrez faire ce site web. Vous avez des ennuis. N' hésitez pas à me poser des questions. Faites-moi savoir si vous avez besoin d'aide pour quoi que ce soit. Aussi, je veux vous parler de ma chaîne YouTube. Donc ma chaîne YouTube est tout. WordPress si vous voulez apprendre à installer Google Analytics, si vous voulez apprendre à installer le plug Yoast Seo ou même configurer un chat en direct sur votre site web gratuitement. Ma chaîne YouTube parle de tout sur WordPress afin qu'ils disent Guys, J'espère que vous les gars me donnez une bonne note et j'espère vous voir tous dans le prochain cours. Je vous verrai tous plus tard.