Maîtriser WordPress : Créez le meilleur site Internet professionnel

1. Bande-annonce: Bienvenue à construire le site Web professionnel ultime avec cours WordPress, où vous apprenez à construire le site Web le plus étonnant et professionnel et avec les dernières fonctionnalités et design. Je m'appelle Malik Montagne. Je suis un développeur Web professionnel et concepteur et je vais vous accompagner dans ce cours. J' ai conçu ce cours pour quiconque cherche à construire son propre site professionnel, personnel ou d'affaires et économiser jusqu'à 5000$ par site Web et surtout, pour ceux qui sont intéressés à commencer et pas de carrière rentable et quel design. À la fin de ce cours, vous serez en mesure de construire un site Web personnalisé et professionnel incroyable pour un client et facturer jusqu'à 5000$ pour ce site Web. Dans ce cours, vous apprendrez comment construire ce site qui commence par cette grande et belle image de fond. Et lorsque nous faisons défiler vers le bas, vous allez ajouter dans la section Services V appelée section Action, la section des compétences qui est facile ici. Je vais également ajouter dans la section d'un client avec ce briquet clients. En outre, nous allons ajouter une section d'équipe et terminer ici est la section des témoignages va également ajouter dans les icônes des médias sociaux ici bas. Et ce bouton qui nous mènera en haut de la page va également créer une galerie, un blawg et une page de contact. Et comme vous pouvez le voir pour la page de contact, cela commence par cette grande et belle image de fond. Et en faisant défiler vers le bas, nous ajouterons les coordonnées ici et cette carte Google en direct ici ainsi que ce formulaire de contact ici. N' hésitez pas à jeter un coup d'œil à la description du cours, et j'ai hâte de vous voir de l'autre côté. 2. À propos de moi, WordPress et le cours: Bonjour, m'appelle Malik Montagne, et je suis ingénieur logiciel et développeur web professionnel et designer. Tout au long de ma carrière dans l'industrie du Web, j'ai construit thons sont de beaux sites Web et maintenant j'ai rassemblé le meilleur des meilleurs designs et fonctionnalités que j'ai jamais développé, conçu et est tombé sur et en utilisant le top et le plus simple plateforme, qui est le mot pour nous. Ensuite, j'ai poli le contenu avec les dernières semaines et l'optimisation et j'ai tout mis dans ce cours. Une fois que vous avez terminé ce cours, vous aurez construit le site web réactif ultime avec le design et les fonctionnalités les plus professionnels et modernes connus dans le monde de ce qui a conçu ces jours-ci, un site Web qui impressionnera et capturera le attention de tous vos amis clients dans tout le monde que vous connaissez ce site Web que vous allez construire est un site qui vaut plus de 3000$. Et devinez quoi ? Vous construirez ce site à partir d'un vertige tout par vous-même, étape par étape, à partir de l'aspect le plus général et jusqu'aux moindres détails tout ou minutieusement rassemblés, testés et offerts à vous dans ce cours sur un plateau. Je vais même vous apprendre à optimiser votre site web. Une fois fait en termes de performances de sécurité et d'optimisation des moteurs de recherche, et finalement vous obtiendrez un site Web qui a non seulement l'air incroyable et professionnel, mais a également de grandes performances, sécurité serrée et qui est optimisé direct mieux sur les moteurs de recherche comme Google. En fait, les statistiques montrent qu'une interface de site Web professionnelle et soigneusement conçue peut augmenter la productivité de votre entreprise de 25 à 4 pour cent jours. Donc, au lieu d'avoir à payer quelqu'un ou quelque peu agence de design 3 à 5000$ pour obtenir un site Web personnalisé et professionnel construit pour vous, que soit à des fins personnelles ou professionnelles, vous serez en mesure de faire tout par vous-même après avoir terminé cette Bien sûr. Et la chose la plus importante est que ce cours sera un très bon départ pour vous dans une nouvelle carrière rentable dans le design Web, le design Web, où vous commencerez à concevoir et à construire des sites Web pour les particuliers et les entreprises et facturer 3 à 5000$ par site, un site Web que vous pouvez facilement créer dans votre pyjama. Maintenant, concerne mon style d'enseignement dans ce cours, je crois que faire est la meilleure façon d'apprendre ce cours comme orienté vers l'action. Vous allez regarder des vidéos et construire votre site Web étape par étape. Au fur et à mesure, vous n'aurez pas besoin d'avoir un cahier pour écrire ce que vous apprenez. Au lieu de cela, vous devrez avoir vos mains tendues et prêt pour un peu de magie. Il suffit de suivre moi et de faire ce que je fais maintenant. Dans ce cours, nous allons utiliser un logiciel gratuit appelé WordPress pour construire notre site WordPress aussi simple et facile à utiliser. Mais pourtant outil incroyable et professionnel que nous utilisons dans la conception Web pour construire des sites Web aussi rapidement que possible et sans codage du tout. WordPress est jusqu'à présent le système de gestion de contenu le plus populaire au monde. WordPress est utilisé par environ 75 millions de sites Web à travers le monde. Non seulement cela, mais aussi WordPress est simple et facile à utiliser et en même temps professionnel et vous donne de merveilleux résultats en peu de temps. En fait, les statistiques montrent que WordPress est utilisé par environ 25% sur les meilleurs sites Web d'entreprise sur la planète. Certains d'entre eux incluent CNN, Best Buy, New York Times et les Rolling Stones. Maintenant que je me suis présenté ce cours et WordPress aussi. Dans le prochain tutoriel, nous allons parcourir le site de distorsion fantastique que nous allons construire et explorer ses caractéristiques et conception. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 3. Ce que nous allons créer: Salut. Maintenant, nous allons parcourir le site Web. Nous allons construire dans ce cours d'abord, Allez à l'onglet ici et entrez le votre l hors de ce site Malik montagne dot com. Maintenant, je vais cliquer sur Actualiser pour voir comment il se charge d'abord. Vous pouvez voir qu'il se charge avec un fondu et une fonction. Et ce site commence par cette belle et grande image de fond qui couvre tout l' écran. Et il a cet en-tête ci-dessus qui est transparent et que nous pouvons voir l'image par derrière. Je vais vous apprendre comment construire ce logo ici, ainsi que celui-ci ici, qui est appelé l'escroc favori. Et je vais vous montrer à la fin comment ajouter dans la description de la page sur l'onglet ici, qui est inclus dans la plume d'optimisation des moteurs de recherche. En cela, nous allons travailler sur. Nous créerons quatre pages une page d'accueil, une galerie à Blawg et une page de contact. Maintenant, si vous faites défiler vers le bas, vous arriverez à la section des services avec ces belles transitions qui se produisent. Je vais actualiser la page afin que nous puissions voir les transitions se reproduire. Et je vais vous apprendre à remplir ce cercle jusqu'à 100%. Je vais vous montrer comment changer l'icône qui est incluse dans ce cercle ainsi que l' arrière-plan de l'icône elle-même et la couleur de l'icône. Je vais vous montrer comment papa dans ces textes et ces boutons ici que vous pouvez lier n'importe où sur votre site Web. Et si nous descendons un peu plus, vous pouvez voir que cette section d'appel à l'action qui a ce texte sur l'objectif principal de votre site et ce bouton ici qui dirige vers une autre partie peut-être la galerie de votre site Web. Je vais aussi enseigner. Vous devez ajouter dans cette demi-image de fond floue avec une couleur noire superposée sur le dessus de l'image elle-même. Maintenant, si vous faites défiler un peu vers le bas, nous arrivons à la section des compétences qui a ces belles barres de progression. Avec ces titres sur chacune des barres de progression, ainsi que le pourcentage, je vais vous montrer comment modifier le pourcentage, la couleur off, les barres de progression et tous ces textes ici. Maintenant, si nous faisons défiler vers le bas à la section suivante, qui est la section clients avec ce beau diaporama jouant. Et si nous faisons défiler un peu plus vers le bas, nous voyons la section équipe avec cette fonctionnalité de fondu dans le haut . Si nous actualisons la page pour voir la transition se produire, vous pouvez voir qu'ils vont jusqu'au haut et je vais vous montrer comment ajouter ces boutons ici, qui peuvent lier à une page différente sur l'équipe et les employés hors de votre entreprise. Maintenant, si vous faites défiler vers le bas jusqu'à la dernière partie, qui est la section des témoignages qui a ce fond vidéo sur ces belles étoiles ainsi que ce diaporama, je vais vous montrer comment ajouter dans cette boîte cette image ici, cette icône ici et pour éditer l'arrière-plan de la boîte. Et si vous remarquez une fois que j'ai plané sur cette boîte, il a cessé de jouer au diaporama. Mais si vous passez la souris loin de la boîte, vous verrez que ce spectacle de lumière est en train de jouer maintenant. Maintenant, à la fin ici, je vais vous montrer comment ajouter dans ces icônes de médias sociaux qui peuvent relier vos comptes de médias sociaux . Et bien sûr, vous pouvez les ajouter plus de comptes de médias sociaux ici avec différentes icônes et différentes couleurs. Et enfin, je vais vous montrer comment l'ajouter. Ces deux lignes sur les droits d'auteur du site et si vous remarquez que nous faisons défiler vers le bas sur cette page, cet en-tête collait en haut avec un fond transparent et le logo et les pages y collaient tout le temps. Maintenant, ici, si vous cliquez sur ce bouton, il vous mènera en haut de la page. Maintenant, allons de l'avant et explorons la page suivante, qui est la page de la galerie. Maintenant. La première chose sur la page de la galerie est cette belle vidéo de fond qui peut être sur votre entreprise sur vous-même ou tout simplement n'importe quelle vidéo que vous voulez. Et ici, cette section avec ce fond animé qui change constamment la couleur. Vous pouvez ne pas remarquer le changement de couleur parce que les couleurs changent en douceur et je vais vous montrer comment faire les couleurs de l'arrière-plan animé changent en douceur et pas tous d'une forme soudaine jaune au rouge, par exemple, et vous pouvez le voir ici, ce chignon que vous pouvez lier à votre page de contact,par exemple, par exemple, ou n'importe quelle page que vous voulez. Non, si vous faites défiler un peu vers le bas, vous pouvez voir cette belle image d'arrière-plan avec cette fonction de défilement parallaxe. Et si vous faites défiler un peu plus vers le bas, vous pouvez voir la galerie réelle avec ces belles images qui ont également un fond de parallaxe . Et ici, le titre de la galerie lui-même a un fond animé qui change de couleurs en douceur. Comme je l'ai déjà dit dans la galerie elle-même, si vous cliquez sur l'une des images, par exemple, celle-ci ici, vous pouvez voir qu'elle apparaît dans une boîte lumineuse et vous pouvez glisser à droite ou à gauche vers l'un des images. Et une fois fait, si vous cliquez sur le X ici, vous pouvez voir que l'image remonte à sa place d'origine. Et je vais aussi vous apprendre à ajouter ces légendes ici. Et si nous faisons défiler vers le bas, vous pouvez voir que ces icônes de médias sociaux apparaîtront dans le pied de page ainsi que ce texte ici . En fait, ils seront affichés sur toutes les pages Maintenant, une fois de plus, si vous cliquez sur ce bouton, cela nous mènera en haut de la page de la galerie avec ce plan vidéo en arrière-plan. Maintenant, allons-y et regardons la page blawg. Cliquez ici et ici. C' est la page blawg. Maintenant dans la page de bloc. La première chose que je vais vous apprendre à ajouter que ces deux messages ici, je vais vous apprendre à faire une image en vedette pour chacun de ces deux messages. Et je vais vous montrer comment faire changer la couleur de ces images en gris une fois que vous les survolez . Et si vous cliquez sur l'une des images, il ouvrira le message dans une page séparée. La structure des postes sera comme ça. Tout d'abord, il aura cette image en vedette sur le dessus. Ensuite, il aura la date. Le post a été publié ici dans ce cercle rouge. Le titre du post ici Et ici, l'auteur du Post, La catégorie Off the Post et le tag off the post et que je vais vous montrer aussi comment ajouter à chaque post que vous créez. Maintenant, la dernière partie ici est le contenu réel hors du post. Et si vous faites défiler un peu vers le bas. Vous pouvez voir ces cheveux ici qu'une fois cliqué nous emmènera au post précédent qui a également la même structure que celle avant avec différentes catégories et tag, comme vous pouvez le voir ici. Maintenant, revenons à notre page de bloc. Il suffit de cliquer ici et sur la barre latérale. Ici, vous voyez ces beaux widgets. Et si vous ne savez pas ce qu'est un widget, simplement un widget est juste un bloc qui a un certain contenu avec une certaine fonctionnalité. Par exemple, 1er 1 ici est le widget de recherche qui a cette boîte ici qui vous permet de rechercher tout ce que vous voulez dans ce site Web. Maintenant, la semaine prochaine. Ici, c'est la boîte comme Facebook. Cela permettrait tout simplement de lier votre site Web à votre page Facebook qui permet à vos clients ou visiteurs du site Web d'aimer ou de partager votre page à partir du site Web. Maintenant, par exemple, si un client a cliqué sur la page comme ici, vous pouvez voir que cette fenêtre apparaît et invite le client à entrer ses informations d'identification Facebook , puis cliquez sur Se connecter pour aimer la page. Maintenant, le widget suivant. Voici la liste des abonnements par e-mail. s'agit d'un widget très important car il vous permet de créer une liste d'abonnement client que vous pouvez utiliser dans votre entreprise pour envoyer des offres ou des promotions. Je vais vous montrer comment éditer le texte ici, le texte ici et le texte sur le bouton aussi. Je vais même vous apprendre comment changer la couleur de ce bouton ici. Maintenant, si nous faisons défiler un peu plus ici, vous pouvez voir le widget de flux Instagram qui vous permet de lier votre compte Instagram toe cette partie juste ici et il va jouer comme un diaporama une fois que vous l'ajoutez ici et je vais montrer vous devez choisir parmi une variété de conceptions pour cela C'est le widget de grands pieds. Et si nous faisons défiler un peu plus vers le bas, le dernier widget que nous ajouterons ici est les messages les plus commentés. Widget. Ce widget aura les messages les plus populaires sur votre blog, et je vais vous montrer comment limiter le nombre d'hôtes affichés ici à trois. Au cas où vous aviez plus de trois messages, il sera Onley montrer les trois messages les plus populaires sur le blogué maintenant Si nous faisons défiler tout le chemin vers le bas, vous pouvez également voir ces icônes de médias sociaux et ces deux lignes ici. Maintenant, nous allons cliquer sur ce bouton qui nous mènera en haut de la page, puis cliquez sur la page de contact. Maintenant, la page de contact commence avec cette belle image de fond vibrante avec ce genre votre image au milieu ainsi que le texte d'Avi ici et cette flèche vers le bas ici. Maintenant, lorsque nous faisons défiler vers le bas, vous pouvez voir que cette image a cette fonction d'arrière-plan de parallaxe. Et si nous faisons défiler un peu plus vers le bas, vous pouvez voir cette section qui contient des informations de contact sur votre entreprise, comme les heures de bureau, emplacement et les coordonnées de nous contacter. Et si nous faisons défiler un peu plus vers le bas, vous pouvez voir cette belle carte Google qui a votre lieu d'affaires ici et ce formulaire de contact professionnel ici qui permet à vos clients d'entrer leurs informations . Et une fois qu'ils cliquent, envoyer ces informations seront envoyées directement à votre adresse e-mail. Maintenant, la dernière chose ici est le pied de page, qui a aussi les icônes des médias sociaux ainsi que ces lignes de copyright ici. Maintenant, nous cliquons sur celui-ci et nous retournons à notre page d'accueil. Dans le prochain tutoriel, nous allons commencer à construire notre site web étape par étape sans pas à pas. Skip. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 4. Domain et hébergement Web: Salut. Maintenant, je vais commencer ce cours en présentant les trois principales choses dont nous avons besoin pour mettre un site Web en ligne. Le 1er 1 d'entre eux est appelé nom de domaine. Le 2ème 1 est appelé Hébergement Web. Le 3ème 1 est le thème dont nous avons besoin pour installer et construire notre site Web. Commençons par le nom de domaine. Qu' est-ce qu'un nom de domaine ? Un nom de domaine est simplement le nom de votre site Web qui apparaît dans le ou L lorsque les gens le tapent ici pour accéder à votre site Web. Maintenant, comme vous pouvez le voir ici, le nom de domaine se compose de deux parties. La première partie que vous voyez ici, c'est le personnel ou les affaires. Nommez votre site Web à votre choix et la deuxième partie que vous voyez ici, qui est l'extension de votre nom de domaine. Et dans notre cas, c'est une extension dot com, et il y a des dizaines d'extensions de nom de domaine qui sont disponibles et que vous pouvez choisir comme dot net dot info dot me dot com ici, qui est l'un des plus communs et ainsi de suite. Et vous pouvez toujours choisir un nom de domaine pour votre site Web tant que ce nom de domaine n'est réservé par personne dans le monde. Cependant, par exemple, si j'ai ce nom de domaine spécifique avec cette extension ici réservée, vous pouvez toujours choisir et réserver le même nom de site que vous voyez ici, mais avec une extension différente par exemple, un filet de points ou un médecin dans son intégralité et ainsi de suite. Mais pour ce nom de domaine spécifique, vous ne pouvez pas choisir celui-ci ici avec cette même extension car il est déjà réservé pour moi . Maintenant, il y a une autre chose que vous devez considérer lorsque vous choisissez un domaine A pour votre entreprise ou pour vous-même. S' il s'agit d'un site Web personnel, assurez-vous de le rendre aussi professionnel et aussi simple que possible et de ne pas inclure beaucoup de chiffres comme celui-ci ou de tirets et de chiffres à nouveau, puis de lettres qui n'ont aucun sens. Assurez-vous que c'est professionnel, simple et facile à mémoriser, Et une fois que vous réservez ce nom de domaine spécifique, personne d'autre dans le monde ne peut réserver ce même nom de domaine. Il sera unique et spécifiquement réservé pour vous, et personne d'autre ne peut l'utiliser. Maintenant, cela nous amène à travers la deuxième chose, nous avons besoin de notre site Web, qui est l'hébergement Web. Alors, qu'est-ce que l'hébergement Web ? Eh bien, tout simplement quel poste est le service ? Vous devez stocker vos fichiers de site Web afin que les gens du monde entier puissent accéder à ces piles en tapant votre nom de domaine et la case Ici Et en bref, affichage Web est fourni par tant d'entreprises à travers le monde dont le simple métier fournir un hébergement Web de haute qualité. Simplement. Le processus d'hébergement de votre site Web dans ces entreprises se fait en stockant vos fichiers de sites Web , qui sont connectés à votre nom de domaine sur des ordinateurs de grande puissance et de grande taille qui sont communément appelés serveurs Web, et les serveurs sont disponibles 24 7 pour l'accès. En outre, ces serveurs Web sont connectés à Internet, de sorte que les gens du monde entier peuvent accéder à votre site Web via eux. Et ceci est pour le nom de domaine et l'hébergement Web. Maintenant, dans ce tutoriel, je vais passer sur l'hébergement Web gratuit et payant. Maintenant, à cette fin, j'ai choisi deux des meilleurs fournisseurs d'hébergement Web dans le monde. L' un d'eux est considéré comme l'un des meilleurs fournisseurs de proximité et gratuit, et l'autre est considéré comme l'un des top sinon V top payé fournisseur d'hébergement Web. Tout d'abord, commençons par le fournisseur d'hébergement Web gratuit. Je vais commencer par aller à cet onglet ici et à cet exemple de site Web que j'ai créé sur un fournisseur d'hébergement Web gratuit appelé wicks dot com. Maintenant, il y a trois raisons principales pour lesquelles je ne recommande jamais les fournisseurs d'hébergement Web gratuit maintenant. La première raison est que ces fournisseurs d'hébergement Web gratuit ne sont pas de recherche, moteur convivial, et la plupart, sinon tous les sites Web construits en utilisant des fournisseurs d'hébergement Web gratuit ne sont pas indexés par les moteurs de recherche . Et c'est vraiment, vraiment important parce que si votre site Web n'est pas indexé par les moteurs de recherche, vous perdrez beaucoup de trafic et beaucoup de clients précieux. C' est simplement parce que les gens ne pourront pas vous trouver sur les moteurs de recherche comme Google. Et cela nous amène au deuxième point de la raison pour laquelle je ne recommande pas à travers l'hébergement Web, qui est le fait que les fournisseurs d'hébergement Web gratuit ne vous donnent pas un nom de domaine à base de plantes de marque , et je veux souligner un nom de domaine non rentable. Maintenant, afin de comprendre ce qu'est un nom de domaine brandel nonne, regardez ici à cette extension hors de ce site que j'ai créé. Si vous remarquez que ce site n'a pas son propre nom de domaine unique car après le nom du site est-il ici ? Il y a un point mèche point com, et ce n'est pas un point com. Ce n'est jamais la même chose qu'un point com. C' est ce qu'on appelle un sous-domaine. Ce n'est pas un domaine complet pour vous. C' est un sous-domaine, ce qui signifie qu'il ne commence pas par votre nom professionnel ou personnel et se termine par l' extension que vous voyez ici, il y a toujours quelque chose entre les deux, qui est le nom des fournisseurs d'hébergement gratuit Wicks et aussi cette partie ici, qui est appelé un sous-répertoire qui représente le nom du site Web. Maintenant, encore une fois, celui-ci que vous voyez ici n'est pas ce que nous appelons une extension de nom de domaine international, comme un point com ou un point net et ainsi de suite. C' est un sous-domaine. Vous voyez ici, il s'agit d'un sous-domaine et non d'un domaine complet qui est réservé uniquement pour vous. Et c'est ce que vous trouverez sur tous les fournisseurs d'hébergement Web qu'ils ne vous fournissent pas votre propre nom de domaine et extension unique. Leur nom sera toujours bourré ici au milieu. Et ce u R L que vous voyez ici n'est pas facilement rappelé par vos clients ou même par vous . Il est difficile de se souvenir et ne semble pas professionnel, et cela ne vous aidera pas à construire la confiance avec vos clients. Si vous avez un nom de domaine qui ressemble à ceci et devinez quoi ? Finalement, afin de construire votre site Web professionnel, réactif et beau, vous devrez payer pour ces fournisseurs d'hébergement Web, et vous devrez payer beaucoup d'argent beaucoup plus. Ensuite, vous payez régulièrement pour un bon fournisseur d'hébergement Web, et je vais passer en revue cela en seulement une seconde. Parce que si vous voulez construire un site Web qui a assez de stockage, assez de bande passante, un bon nom de domaine ici et sans annonces ennuyeux et forcés comme ceux que vous voyez ici et ici maintenant avec ces fournisseurs d'hébergement Web gratuit, afin d'obtenir ces fonctionnalités, vous aurez certainement besoin pour votre site Web avec ces fournisseurs d'hébergement Web gratuit pour obtenir les annonces supprimées pour obtenir un nom de domaine décent pour vous-même et suffisamment de support de bande passante de stockage et ainsi de suite. Vous devrez effectuer une mise à niveau pour un compte premium. Maintenant, allons à un des comptes très premium et voir à quoi ils ressemblent. Maintenant, pour être juste dans cette comparaison, je vais choisir les deux meilleurs paquets que ces gars ont, qui est celui que vous voyez ici, l'illimité et le commerce E C ici. Maintenant, si vous regardez le prix mensuel de ces deux emballés est par ici. Celui-ci est pour environ 16$ par mois, et celui-ci est pour environ 20$ par mois. Et si vous regardez ce que ceux-ci fournissent, vous remarquerez que la bande passante et le stockage ne sont pas illimités dans ce paquet, qui est très, très cher. Et aussi pour celui-ci ici, même si elle fournit une bande passante illimitée, elle ne fournit toujours pas illimitée ou ce que nous appelons sur un stockage mesuré. Maintenant, allons sur la page ou poster un fournisseur et voir ce qu'ils ont à offrir pour nous. Maintenant, si vous regardez le plan le plus cher et le plus premium que ces gars ont, c'est le plan d'affaires. Vous verrez qu'il est pour $13.56 par mois. Et si vous regardez les fonctionnalités qu'ils vous fournissent, il y a un espace disque plus net, qui est essentiellement le stockage qu'ils vous offrent. Et quant à la bande passante, elle est illimitée. Et en ce qui concerne les domaines autorisés que vous pouvez héberger sur ce plan, il y a un nombre illimité et la liste va jusqu'ici. Et même si vous regardez ces deux autres plans, vous verrez qu'ils vous fournissent également un nouvel espace disque de compteur et une nouvelle bande mesurée avec encore, celui-ci vous fournit ici des domaines autorisés illimités, qui est celui que j'ai personnellement acheté et que je vais montrer que vous devez vous inscrire dans le prochain tutoriel. Maintenant, un avantage supplémentaire que ces sociétés d'hébergement Web payantes fournissent sur les gratuits que ces gars, ils ont leurs serveurs en place et en cours d'exécution 24 7 et il est garanti que votre site Web ne sera pas en panne pour tout parce qu'ils ont des serveurs de sauvegarde et que votre site Web est toujours hébergé et gagné en. Mais comme pour celui-ci ici, il n'est certainement pas garanti avec les fournisseurs d'hébergement Web gratuit d'avoir votre site Web en place et exécution 24 7 parce que la plupart hors de la libre Qu'est-ce que les fournisseurs de publication n'ont pas leurs propres serveurs pour héberger votre site Web sur la plupart d'entre eux et pas nécessairement celui-ci. Ici, ils louent des serveurs dans d'autres pays qui ne sont pas entretenus par eux personnellement, et cela peut chuter beaucoup. Mais avec des fournisseurs d'hébergement comme ces gars, vous garantissez que votre site Web est toujours opérationnel et qu'il est toujours sauvegardé sur leurs serveurs. Et comme pour ce fournisseur d'hébergement Web, qui est appelé hôte gator dot com, ces gars ont reçu le top 24 73 65 support client parmi tous les fournisseurs d'hébergement Web dans le monde. Et l'offre. Tant d'autres fonctionnalités, comme l'argent de 45 jours, garantie de retour et ainsi de suite. Comme si tu voyais tout le chemin en bas. Et personnellement, après avoir fait beaucoup de recherches et essayé tant de fournisseurs d'hébergement Web, j'ai rencontré celui-ci ici et découvert que l'hôte gator dot com est le meilleur fournisseur d' hébergement Web pour moi jusqu'à présent, et c'est ce que je vous recommande aussi. Et comme je l'ai déjà dit dans le prochain tutoriel, je vais vous guider à travers le processus d'inscription à ce site. Le processus d'inscription pour obtenir un nom de domaine et l'hébergement pour votre site Web. Maintenant. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 5. S'inscrire pour les noms de domaine et l'hébergement Web: haut. Maintenant que nous avons expliqué ce que nous entendons par hébergement Web et nom de domaine, il est temps de vous inscrire à un plan d'hébergement ainsi qu'à un nom de domaine. Maintenant, nous allons vous inscrire pour l'hébergement et le nom de domaine sur ce site Web. Ici, il est appelé hôte gator dot com h o S t g a t o r dot com Maintenant, à partir de maintenant, dans ce cours, tout site Web que nous visitons un l que nous tapons ici va être disponible dans la ressource est section sur dans ce cours, tout site Web que nous visitons un l que nous tapons ici va être disponible dans la ressource VI tutoriel et tout simplement vous pouvez aller à la section de la ressource est et il suffit de cliquer sur le lien et il vous amènera à ce site Web juste ici. Maintenant, il est temps de commencer le processus d'inscription. D' abord, allez ici à l'hébergement Web. Cliquez dessus maintenant, faites défiler un peu vers le bas et vous pouvez voir que nous avons ces trois plans disponibles à partir de maintenant. Personnellement, j'ai choisi ce plan ici. ce qui concerne le plan d'affaires, nous n'avons pas besoin d'un plan d'affaires. On a besoin de celui-ci ici ou de celui-ci ici. Maintenant, la différence fondamentale entre ces deux plans, l'éclosion et le plan bébé, c'est que ce plan ici vous fournit un nombre illimité de domaines à héberger. Alors que celui-ci ici la hatchling vous fournit un seul domaine ce qui signifie que vous pouvez Onley héberger un et Onley un site Web sur ce plan d'hébergement. Alors que si vous allez ici, vous pouvez héberger autant de noms de domaine que vous le souhaitez, soit pour vous ou pour vos clients que vous créez des sites Web. Pour l'instant, si vous cliquez ici, vous voyez que vous avez une variété d'options que vous pouvez choisir à partir de maintenant. Personnellement, j'ai choisi l'abonnement d'un an. Mais dans le but de ce tutoriel, puisque je vais vous donner un coupon de réduction et pour préciser combien de rabais ce coupon vous donne, je vais juste choisir le mensuel juste ici et puis je vais cliquer sur S'inscrire maintenant. Maintenant, comme je l'ai déjà dit, je suggère personnellement que vous avez un abonnement d'un an parce que le coupon de réduction que je vais vous donner vous donne 25% de réduction et vous obtiendrez une meilleure offre sur l' abonnement de l'année . Maintenant, quand vous arrivez à cette page ici, la première chose que vous voulez faire en tant que type dans le nom de domaine que vous voulez pour votre entreprise ici . Maintenant, vous pouvez toujours choisir d'ajouter dans le www avant votre nom de domaine et tapez le point puis ajouter votre nom de domaine, par exemple, je suis sur Ajouter Malik a multi et Montagne, ou vous pouvez choisir de supprimer le www comme je l'ai fait avec mon domaine Me. Maintenant, si vous cliquez ici, vous voyez que ce nom de domaine particulier n'est pas disponible car j'ai déjà acheté et réservé ce nom de domaine. Cependant, vous pouvez voir que les autres noms de domaine avec différentes extensions sont disponibles et vous pouvez choisir parmi. Et si vous allez ici, vous pouvez choisir l'extension de nom de domaine que vous voulez pour votre site Web. Et si vous remarquez que chaque extension a son propre prix. Maintenant, pour que l'inscription fonctionne, je vais juste entrer un, 23 après mon nom et cliquer ici. Et je n'achèterai pas vraiment ce nom de domaine parce que j'ai déjà acheté le mien. J' utilise juste ce Malik Montagne 123 pour vous montrer comment vous inscrire à ce plan d'hébergement web . Maintenant, nous faisons défiler un peu vers le bas et vous le voyez ici. Protection de la confidentialité du domaine publicitaire pour ce site Web particulier. Je suis sur et vérifie celui-ci ici parce que ça ajoute 9,95$ à votre facture. Et nous n'avons pas vraiment besoin de ça pour l'instant. Maintenant, nous faisons défiler un peu vers le bas et vous confirmez le plan que vous avez choisi et la période d'abonnement , qui est d'un mois dans notre cas, et vous voyez qu'il vous donne automatiquement 20% de réduction. Cependant, je vais vous donner un coupon qui vous obtiendra 25% de réduction mon coupon personnel. Maintenant, ici, vous avez besoin d'entrer votre nom d'utilisateur. Je vais mettre fin à son M a l i k. Malik. Et assurez-vous que vous remplissez ces conditions ici pour l'utilisateur Tout maintenant. Ici, tu choisis l'épingle de sécurité. Il suffit de choisir n'importe quelle douleur de sécurité aléatoire que vous voulez. Assurez-vous simplement que ce n'est pas facile à deviner, et vous faites défiler jusqu'ici et ressentez toutes ces informations et votre carte de crédit et pour ici ou vos informations PayPal, que vous préférez. Maintenant, si vous faites défiler vers le bas, vous arrivez à ces propriétés ajoutées juste ici. Je vais finir. Vérifiez toutes ces choses parce qu'on n'en a pas vraiment besoin. Maintenant, faites défiler un peu plus vers le bas et vous voyez que ce coupon snappy vous donne 20% réduction. Maintenant, si vous entrez mon coupon personnel, qui est Malik m A comme un 25 rabais. Assurez-vous que vous l'épelez correctement. M a l i k 25 0 double f. Tout clic valider et vous faites défiler un peu vers le haut. Vous remarquez ici il y a une réduction de 25% maintenant au lieu de 20% ce qui est vraiment une bonne affaire pour vous. Maintenant, vous faites défiler un peu vers le bas et vous voyez les détails de la commande. Quant au support, c'est gratuit. En ce qui concerne l'activation du compte, c'est aussi gratuit. Et vous avez une garantie de remboursement de 45 jours, ce qui est vraiment, vraiment bon. Et par ici, l'enregistrement du nom de domaine. Vous avez enregistré ce nom de domaine. Vous l'avez réservé pour une année entière et pour $12 en 95 cents. Et faites attention une fois de plus. Vous avez réservé ce nom de domaine pour une année entière. Pas pour un mois. Votre plan d'hébergement Web est pour un mois ici. Et vous avez un rabais sur celui-ci ici, ainsi que sur celui-ci juste ici. Maintenant, le montant total de la remise est d'environ 5$. Le mois prochain, vous n'aurez qu'à payer pour le plan d'hébergement ici. Donc, votre facture ne battra pas 11$ en 91 cents. La prochaine fois que vous payez pour cela, ce sera seulement l'hébergement Web que vous payez pour le moment, lorsque vous avez terminé, vous cliquez ici pour accepter les termes et services, puis cliquez sur vérifier ici. Maintenant, une fois que vous avez terminé tout ce processus, vous passez par votre e-mail que vous avez reçu ici. Donc je vais aller à mon email maintenant, et tu auras ce message ici. Vous obtenez ce même message exact à l'exception du nom d'utilisateur et du mot de passe. Maintenant, afin d'accéder au panneau de contrôle de votre site Web pour commencer à construire le site Web et installer WordPress, vous devez cliquer sur ce lien ici. Et c'est différent pour tout le monde. Il suffit de cliquer sur le lien et vous êtes dirigé vers cette page ici. Demandez maintenant le nom d'utilisateur. Vous retournez à votre e-mail et copiez ce nom d'utilisateur que vous avez trouvé ici, puis revenez en arrière et collez-le juste ici. Maintenant, comme pour le mot de passe, vous passez par l'e-mail et vous copiez ce mot de passe que vous avez reçu dans l'e-mail. Maintenant, vous retournez en arrière et collez le mot de passe juste ici. Ensuite, vous cliquez sur. Connectez-vous maintenant, nous sommes sur le panneau de contrôle de notre site Web. Maintenant, je vous suggère de mettre cette page en signet parce qu'on en aura besoin à l'avenir. Et s'il vous plaît restez sur cette page. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 6. Installer WordPress: Salut. Maintenant que nous nous sommes connectés au panneau de contrôle, la première chose que nous voulons faire est de changer le mot de passe du panneau de configuration. Nous allons à une préférences, nous cliquons sur changer le mot de passe ici. Maintenant, nous tapons ou simplement copier-coller l'ancien mot de passe du panneau de contrôle que nous avons reçu dans l' e-mail et tapez dans notre nouveau mot de passe du panneau de contrôle. Puis confirmez ce mot de passe et cliquez sur Modifier le mot de passe Mais je ne vais pas changer mon mot de passe puisque j'ai déjà changé mon Maintenant, nous retournons à la page d' accueil et nous commençons notre installation de presse mot. Nous faisons défiler vers le bas à la section des services logiciels, nous cliquons sur Installation rapide, et ici nous allons aux installations populaires. Nous cliquons sur Ward Press et ici cliquez sur et toujours WordPress. Maintenant, nous choisissons d'abord le nom de domaine sur lequel nous voulons installer WordPress, et nous laissons ce champ vide parce que nous sommes seulement pour l'installer à moitié et ici nous tapons dans notre adresse e-mail et le titre de bloc que nous voulons, puis notre utilisateur administrateur nom. Maintenant, comme pour le nom d'utilisateur admin, il ne peut pas prendre d'espaces comme celui-ci. Ça doit être en un seul morceau comme ça. Ensuite, nous tapons le prénom et notre nom de famille. Après cela, nous cliquons sur Installer WordPress. Après quelques secondes, vous voyez ce message ici et cliquez sur Afficher les informations d'identification. Maintenant, avant que nous puissions accéder à notre hauteur WordPress avec ce Lincoln ici et ces nom d'utilisateur et mot de passe, il faut généralement jusqu'à 15 minutes pour configurer WordPress sur notre site Web, mais dans certains cas et peut prendre jusqu'à 24 heures. voit dans le prochain tutoriel. 7. Se connecter à WordPress et à modifier le profil: Salut. Dans le tutoriel précédent, nous avons installé WordPress sur notre nom de domaine. Et comme je l'ai dit, il faut généralement 10 à 15 minutes pour que notre site soit opérationnel avec cette installation WordPress . Mais dans certains cas, cela peut prendre jusqu'à 24 heures. Maintenant, allons-y et connectez-vous à notre panneau de contrôle WordPress avec ce lien. Non, c'est la page de connexion WordPress qui nous permet d'accéder au panneau de contrôle de notre site. Revenons en arrière et copions l'utilisateur. Et puis on est arrivés ici et on l'a collé ici. Et la même chose pour le mot de passe et coller de mot Hasse. Maintenant, nous nous connectons au remorquage. Notre site web. Maintenant, c'est le panneau de contrôle de notre site Web appelé le Tableau de bord. La première chose que nous voulons faire est de changer le mot de passe pour ce tableau de bord wordpress. Donc, nous survolons les utilisateurs, puis cliquez sur votre profil. Maintenant, nous faisons défiler vers le bas jusqu'à un nouveau mot de passe ici et cliquez sur Générer mot de passe. Tu sais, abord, je vais cliquer sur cacher, puis supprimer ce mot de passe et maintenant taper ton mot de passe pour WordPress, ton nouveau mot de passe. Maintenant, il y a une chose que vous devez savoir sur ce mot de passe. Il doit être moyen ou fort. Elle ne peut pas être faible. Il ne pourra pas mettre à jour votre profil si le mot de passe est faible. Essayez donc d'inclure des lettres majuscules et minuscules et, si possible, d'autres symboles, comme des chiffres et ainsi de suite. Il y a encore une chose que j'aimerais changer ici. Nom d'affichage. Je voudrais le changer à mon prénom. Ce nom complet est le nom qui s'affiche d'ici. Et il y a plusieurs options que vous pouvez changer ainsi , Comme un thème. Si vous cliquez sur, par exemple, celui-ci minuit. Ça change l'apparence de votre tableau de bord, mais je vais le garder à celui par défaut. Et il y a aussi plusieurs options. Vous pouvez changer le prénom et le nom de la poitrine ainsi que l'e-mail. Mais ce sera suffisant pour l'instant. Maintenant, cliquez sur le profil de mise à jour. Maintenant, nous survolons les paramètres que nous passons par général. Maintenant, c'est le titre du site qui apparaît ici. Je voudrais taper Toa dans mon prénom et mon nom de famille. Ça pourrait être votre nom d'entreprise ou n'importe quel nom que vous voulez ici. Voici la courte description de votre site Web. Je vais taper à l'académie. Maintenant, nous faisons défiler vers le bas et cliquez sur enregistrer les modifications. La prochaine chose que nous voulons faire est les mêmes paramètres de zone et aller vers le bas vers les liens Perma et cliquez dessus . Nous allons orteil nom d'hôte et cliquez sur le nom du poste. Ceci est à des fins d'optimisation des moteurs de recherche. Il augmente votre taux de clics sur les moteurs de recherche. Et c'est la première étape vers l'optimisation de votre site Web pour un meilleur classement sur les moteurs de recherche . Maintenant, nous cliquons sur enregistrer les modifications, et maintenant nous allons poteaux orteils, survolez le poste ici et cliquez sur les anciens hôtes. Et puis nous voulons supprimer cet hôte échantillonné ici, donc nous survolons la corbeille et cliquez dessus. Maintenant, nous cliquons sur la corbeille ici, puis cliquez sur supprimer définitivement afin que nous puissions supprimer définitivement. Maintenant, nous faisons la même chose pour la page exemple, curseur sur les pages et cliquez sur toutes les pages. Comme pour l'exemple de page, cliquez sur la corbeille. Maintenant, allez à la poubelle cliquez sur la poubelle l'élite en permanence. Maintenant que nous avons supprimé l'exemple de post et de page, la prochaine chose que nous voulons faire est d'aller survoler les plug-ins et de cliquer sur ses plug-ins dit. Vous savez, ce sont les plug-ins par défaut qui viennent avec l'installation de la main-d'œuvre. Nous aimerions désactiver celui-ci. Ici, cliquez sur celui-ci. Celui-ci, celui-là et celui-ci. Et allez ici, cliquez sur les actions en masse, allez à l'activation, puis appliquez car nous devons les désactiver avant de pouvoir les supprimer. Maintenant, faites la même chose. Sélectionnez ces quatre plug-ins et actions de livre, puis supprimez. Maintenant, cliquez sur Appliquer. Oui. Ne laissez pas ces fichiers et données. Maintenant que nous avons installé et connecté dans notre panneau de contrôle ce tableau de bord sur notre site Wordpress, la prochaine chose que nous voulons faire est aller l'apparence des pieds, survolez ici et cliquez sur les thèmes. Maintenant, dans le prochain tutoriel, je vais apprendre que vous avez eu un téléchargement et installer le thème sur le tableau de bord. Rendez-vous dans le prochain tutoriel. 8. Configurer le message d'e-mail: Salut. Maintenant, on va mettre en place un transfert d'e-mail non. Avant d'expliquer quoi ? Email pour les jours de guerre Butts d'abord défiler vers le bas Faites la section masculine ici et cliquez pour les commandes. Maintenant, cliquez ici. Ajouter le transitaire. Maintenant, simplement le transfert d'e-mail signifie que vous configurez une adresse e-mail qui contient votre nom de site Web et de sorte que les gens peuvent envoyer des e-mails à, Et ces e-mails seront redirigés vers un autre e-mail de votre choix, qui pourrait être votre adresse e-mail vraiment. Par exemple, nous allons d'abord taper le support en tant que préfets pour cet e-mail et votre adresse e-mail de sites sera support à votre nom de site Web, qui est Malik Motown dans ce cas point com, Et ici dans cette boîte, vous saisissez l'adresse e-mail rial vers laquelle vous souhaitez que ces messages soient redirigés. Maintenant, une fois que tu as fini, tu descends ici et tu cliques. Ajoutez le transfert, et si vous cliquez sur, revenez ici. Maintenant, quand vous arrivez à cette page, vous pouvez voir le repas de redirection ici et l'adresse e-mail rial à laquelle les messages seront envoyés ici, et vous pouvez toujours supprimer et ajouter un peu plus d'email pour les commandes d'ici et ici. Maintenant, je vais retourner à la page d'accueil, et c'est tout pour ce tutoriel. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 9. Installation du thème et brancher: Salut. Maintenant, jetons un coup d'oeil à notre site Web et voyons à quoi il ressemble survolez ici et cliquez sur visiter le site. Maintenant, c'est le thème et le look par défaut qui vient avec notre installation WordPress avant faire des changements ou de choisir un autre thème maintenant que nous avons vu, comment sont les commerciaux qui ressemblent, Revenons en arrière, planer ici et cliquez sur le tableau de bord, survolez l'apparence. Cliquez sur les thèmes. Maintenant ce sont les trois thèmes par défaut qui viennent avec l'installation de WordPress, et celui-ci ici appelé 2015 est un thème activé par défaut. Ce que nous allons faire maintenant, c'est télécharger notre propre thème et activé pour que nous puissions travailler dessus maintenant. abord, cliquez sur Ajouter un nouveau et comme vous pouvez le voir ici, il y a plusieurs thèmes que nous pouvons choisir, ainsi que beaucoup d'autres thèmes. Mais le thème sur lequel nous allons travailler comme l'un des meilleurs de nos jours semble dans le monde entier . Allons de l'avant et téléchargez-le. Cliquez sur le thème de téléchargement, cliquez sur Choisir un fichier, et c'est le thème que vous avez téléchargé. Ça s'appelle Signify Ultra. Allez-y et cliquez sur Ouvrir maintenant cliquez sur Installer maintenant et il peut prendre environ une minute toe télécharger le thème, et dans certains navigateurs, il montre le pourcentage ici. Vous savez, les gars ici montrent combien de téléchargement est fait. Maintenant, une fois qu'il atteindra 100% ici, le thème sera installé. Maintenant que le thème est installé avec succès, continuons et cliquez sur Activer. Maintenant, lorsque vous accédez à cette page, cela signifie que le thème a été téléchargé et activé avec succès. Allons de l'avant et jetons un coup d'oeil à notre site Web et voyons à quoi il ressemble après que nous avons téléchargé notre thème. souris ici, cliquez sur visiter le site. Maintenant, c'est la valeur par défaut. Regarde notre thème sur lequel on va travailler. Ça n'a pas l'air si bon, mais une fois qu'on en aura fini, ça va être génial. Maintenant, une fois de plus, passez la souris ici, cliquez sur le tableau de bord, et nous allons installer les plug-ins nécessaires avec lesquels nous allons travailler à partir de maintenant. souris sur les branchements. Cliquez sur ajouter un nouveau ici. La première prise que nous allons installer est appelée facile Google Phones Type et facile Google Funds et appuyez sur Entrée maintenant, c'est la prise que nous allons installer. Il nous aide à changer les téléphones sur un site de corde dans ah, manière plus dynamique. Maintenant, cliquez sur installer maintenant ici, Cliquez sur Activer drapeau dans Une fois de plus. souris par ici. Cliquez sur ajouter un nouveau et aller à la recherche leggings et tapez contact Formulaire sept et appuyez sur. Entrez. Maintenant, c'est le contact pour débrancher que nous avons besoin. Donc, cliquez sur installer maintenant cliquez sur Activer Plug in Now, Encore une fois, cliquez sur ajouter nouveau aller ici et tapez et mail. Chimp 4, Ward appuie et touche Entrée. C' est le plug in mâle champion pour WordPress dont nous avons besoin. Maintenant, cliquez sur installer maintenant, maintenant cliquez sur Activer plug in Une fois de plus, survolez. Ajouter un nouveau aller ici dans la barre de compétences de l'espace K T Titan et a dû entrer. Maintenant, c'est le branchement. Nous voulons cliquer sur Installer maintenant, maintenant cliquez sur Activer, Brancher et je vais vous montrer les gars ce que ces brancher. Ou pour une fois, nous commençons à travailler avec eux. Alors ne vous inquiétez pas pour ça maintenant. Comme vous pouvez le voir, il y a un autre branchement que j'ai laissé ici non actif, mais je n'ai pas supprimé ce plug in. La raison en est que vous êtes libre d'utiliser. Affichez-le sur votre site Web. C' est un bon bouchon anti-spamming qui aide à protéger votre bloc contre les commentaires. En piste Back span, nous allons le garder pour l'instant. Personnellement, je n'aime pas activer et utiliser cette fiche. Mais si vous le voulez, vous êtes libre de le faire. C' est tout pour ce tutoriel. voit dans le prochain tutoriel. 10. Faire le logo: Salut. Dans ce tutoriel, je vais vous montrer comment faire votre propre local. Mais avant cela, allons de l'avant et installons cette dernière prise qui est nécessaire pour notre thème. Maintenant, passez la souris ici et cliquez sur. Commencez à installer Plug in. Maintenant, passez la souris ici. Cliquez sur installer. Maintenant que la prise est installée, Revenons en arrière. Cliquez ici. Maintenant, passez la souris ici dans Cliquez sur Activer. Maintenant que le branchement est activé avec succès, nous allons aller de l'avant et faire notre premier local. Maintenant, comme vous pouvez le voir ici, il y a deux logos le logo principal ici et le petit ici qui s'appelle Faveur Icône. Maintenant que nos trois sites Web dans lesquels vous pouvez obtenir votre local le 1er 1 est appelé Fiverr F I v e double point r Venez dans ce site. C' est cool que vous pouvez obtenir à votre propre logo pour seulement 5$ survolez les graphismes et le design ici survolez la conception locale que vous aimez ici maintenant, comme vous pouvez le voir ici, comme vous pouvez le voir ici, il y a beaucoup de logos que vous pouvez choisir parmi beaucoup de designs et Onley pour 5$ le prix change au fur et à mesure que vous modifiez la période hors livraison. Par exemple, si vous le changez à nos 24 heures, le prix augmente pour tous ces logos. Mais si vous le gardez orteil jusqu'à sept jours, beaucoup d'entre eux seront pour 5$. Maintenant, il y a le deuxième site Web sur lequel vous pouvez obtenir vos logos. Ce sont des logos payants. Il s'appelle 99 designs dot com. Sur ce site, c'est un peu plus cher maintenant. Vous cliquez sur Commencer maintenant, et il y a une variété de catégories ici que vous pouvez choisir. Par exemple, vous allez à l'identité du logo et cliquez sur la conception du logo, et vous soumettez essentiellement vos exigences et les looks, les couleurs et cetera que vous voulez être dans la conception de votre logo. Et ils vous donnent beaucoup de designs que vous pouvez choisir. Mais le paquet de base ici, je suppose que c'est 399$ donc c'est un peu cher maintenant. Le dernier que je vais vous montrer est appelé logo m, un k r dot com et ce site Web. Vous pouvez faire votre propre clic local sur suivant. Ensuite, ce ne sont que quelques conseils pour vous montrer comment travailler sur votre logo. Maintenant, je vais faire un exemple de logo. Je vais faire de ces deux logos celui que vous voyez ici et l'escroc préféré ici. Tout d'abord, commençons par le favori. Venez cliquer sur le texte et remontons ici. Et je voudrais choisir simple et moderne formé. Et ici, cliquez sur celui-ci. Tiens, Goto Arch. Noir maléfique. Maintenant, je vais taper la première lettre de mon nom. Juifs. La couleur que vous pouvez cliquer ici. Ça va apparaître la balise. Druquez-le ici ou en bas comme vous l'aimez. Je vais choisir cette couleur pour la première lettre et je vais passer la souris sur celle-ci ici. Faites un clic droit et cliquez sur la copie. Maintenant, faites-le glisser comme vous pouvez le voir et faites un clic droit, puis cliquez sur coller. C' est la deuxième lettre, mais je vais changer la couleur de l'orteil. Ah, noir et je vais le rendre un peu plus petit. Rendons celui-ci un peu plus grand sur celui-là. Ici, sur. C' est bon maintenant, quand nous avons fini, vous passez la souris ici et cliquez sur Enregistrer le logo. Maintenant, le logo est sauvegardé ici. Présentons un aperçu de notre logo. Cliquez sur le dessin comme vous pouvez le voir enregistré en PNG. C' est une extension qui signifie que le local que nous avons a un fond transparent. Maintenant, allons de l'avant et créons le deuxième logo, qui est celui que vous voyez ici avec mon nom complet, Malik Morton. Maintenant, créons notre deuxième logo. Double-cliquez sur cette lettre ici et tapez mon prénom ou votre nom d'entreprise comme vous le souhaitez, puis mon nom de famille. Et comme vous pouvez le voir, vous pouvez simplement faire glisser celui-ci ici un peu vers la gauche et maintenant passer la souris ici, coin pleuré et cliquez sur Enregistrer le logo. Maintenant qu'il est téléchargé, double-cliquez dessus. Comme vous pouvez le voir, c'est une autre image PNG qu'elle a un fond transparent, et il y a une autre chose que je vais vous montrer. En plus de ces textes, vous pouvez aussi obtenir autant de symboles à ajouter dans votre logo. Cliquez sur la recherche ici, et, comme vous pouvez le voir, sont des centaines, littéralement des centaines d'icônes hors qu'elle peut ajouter à votre logo et ils sont tous gratuits. C' est ainsi que vous créez votre logo gratuit. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 11. Paramètres de thème: haut. Maintenant que nous avons créé notre propre logo, nous allons commencer à éditer la mise en page générale et les paramètres de notre thème. Mais avant cela, je vais vous montrer une chose importante, à savoir comment vous déconnecter de votre tableau de bord au cas où vous vouliez faire une pause et revenir plus tard. Donc, nous survolons ici, et comme vous pouvez le voir ici, vous pouvez cliquer sur déconnecter. Vous revenez à cette page, que j'ai personnellement mis en signet, et vous pourrez vous connecter plus tard. Entrez vos années et votre nom ainsi que le mot de passe et connectez-vous. Maintenant, nous allons commencer à éditer la mise en page dans les paramètres de notre thème, survolez ultra ici et cliquez dessus. Maintenant, quand vous arrivez à cette page, la première chose que nous voulons faire est de télécharger notre escroc préféré, qui est le premier logo que nous avons créé. Vous pouvez le voir dans le contenu que vous avez téléchargé. C' est l'escroc préféré. Maintenant, cliquez sur Ouvrir Pas défiler vers le bas jusqu'à Google Fonts et Google Funds liste. Cliquez sur Afficher tous les fonds Google. Maintenant, nous allons cliquer sur Enregistrer Et si vous montez et actualisez la page, vous pouvez voir que le Khan préféré apparaît ici. Maintenant, nous allons toel mise en page par défaut La première chose que nous voulons à elle comme option de barre latérale d'index. Cliquez sur celui-ci ici sans barre latérale. Maintenant, faites défiler vers le bas pour masquer le titre de l'hôte et cliquez sur Oui, parce que je ne pense pas que cela semble bon. Et comme pour Hide, poster meta survoler Heidel en cliquant sur Hauteur, ceux-ci ne semblent pas bien et l'image en vedette automatique. Nous aimerions vérifier celui-ci ici. Et en ce qui concerne la position de l'image en vedette, je voudrais le faire en dessous du titre de Post parce qu'une fois de plus, il semble mieux et faites défiler par défaut, simple post mise en page. Je voudrais choisir aucune barre latérale ici. Et en ce qui concerne la méta post, je voudrais garder tout cela maintenant. Faites défiler jusqu'à la mise en page par défaut et celle-ci ici. Encore une fois, nous allons choisir aucune barre latérale cacher le titre dans les anciennes pages. Cliquez sur Oui, car nous ne voulons pas que les titres des pages apparaissent au début de la page et des commentaires de la page. Nous aimerions désactiver les commentaires de page. Maintenant, cliquez sur enregistrer, faites défiler vers le haut et allez Toe paramètres de thème. Maintenant, la première chose que nous voulons, c'est celle-là. Cliquez sur. Appliquer lightbox aux liens d'image. Cela fait apparaître l'image dans une boîte comme une boîte lorsque vous cliquez dessus dans la galerie . Maintenant, faites défiler. Et comme pour la conception d'en-tête, cliquez sur celui-ci ici parce qu'il semble le mieux. Et nous aimerions Toa exclure ces formulaire de recherche de slogan du site, le lien RSS, l'en-tête, widgets et le social serait juste parce que tous ces ne sont pas professionnels sur notre en-tête maintenant widgets d'en-tête Cliquez sur Aucun. Conception de pied de page. Nous aimerions le garder par défaut. Exclure le logo du site d'ici. Exclure la navigation du menu parce que nous sommes l'un des hommes que vous et Paige titres apparaissant dans le pied de page et faites défiler vers le bas jusqu'à l'image. Filtrer un filtre de survol d'image. Cliquez sur l'échelle de gris parce qu'une fois que vous passez le curseur sur les images, il devient gris et appliquer orteil toutes les images et ici, animant les couleurs d'arrière-plan. C' est pour l'arrière-plan animé qui continue de changer les couleurs. Vitesse d'animation. Je voudrais mettre le pied sept pieds. Maintenant, En ce qui concerne l'animation couleur, je voudrais montrer que vous devez choisir vos couleurs d'animation. Cliquez sur nouvel onglet et tapez dans ce site Web choisit slur dot com p i X l r dot com slash éditeur et appuyez sur Entrée maintenant, nous aimerions ouvrir l'image de notre ordinateur, et ceci est la palette de couleurs que j'ai inclus dans mon contenu que vous les gars téléchargés. Cliquez dessus et ouvrez maintenant Passez la souris sur l'outil de sélection de couleurs. Cliquez dessus. Et comme vous pouvez le voir, il y a un flux de couleurs qui se déplace vers le haut. Au lieu de changer tout à coup, du rose au jaune ou au rose au bleu, il va progressivement et le changement de couleur sera lisse. Donc, nous aimerions choisir les couleurs qui sont adjacentes, par exemple, cette ligne ici et il pourrait être connecté à n'importe quel hors de l'autre. Rose. Prenons ce rôle comme exemple. Cliquez dessus et on voit Cliquez dessus. Vous voyez la couleur ici change cliquez sur la couleur Ici, cette fenêtre apparaît et vous copiez ce code hexadécimal à partir d'ici. Vous le copiez, vous passez la souris en arrière et l'animation couleur numéro un, vous le collez ici et quant au 2ème 1 vous revenez en arrière, vous choisissez la couleur suivante, qui est celle-ci ici. Cliquez dessus maintenant survolez ici. Cliquez sur celui-ci ici. Maintenant, nous copions cette copie de code couleur et revenons en arrière et hâtez-le. Maintenant, l'animation couleur numéro trois, nous faisons la même chose. Nous l'avons sur le 3ème 1 Ici, cliquez dessus et obtenez sur celui-ci ici. Et copiez le code couleur. Cliquez sur OK et collez-le et le même pour le reste. Le 4ème 1 Ici, regarde celui-là. Juifs, le code couleur. Retourne. Hâte-le. Ici. La prochaine, retournez en arrière. D' accord. Et cliquez sur celui-ci. Ici, choisissez celui-ci et copiez ce code couleur. Ok, retournez en arrière. Colle-le ici. Maintenant. Numéro six, retournez en arrière. Et maintenant celle-là. Cliquez dessus. Regarde celui-là. Et celui-là. Copier. D' accord. Et puis retournez en arrière et collez-le ici. Et comme pour le dernier, j'aime choisir le même que la première couleur d'animation Copier et coller ici parce que je pense qu'il rime avec ça. C' est comme si un cercle commençait ici et revenait au même endroit où il avait commencé et à une réunion. Maintenant, faites défiler ici. En ce qui concerne le texte du pied de page, nous allons changer le texte du pied de page ici. Cliquez sur nouvel onglet et en bas ici au lieu de alimenté par WordPress, nous aimerions ajouter copie, droite. Donc, revenez en arrière et pied de page Texte à vous pouvez taper copie, droite. Tous droits réservés ou tout ce que vous voulez et vous cliquez sur enregistrer. Et si vous revenez sur le site Web, cliquez sur Actualiser. Vous voyez que les droits d'auteur sont ici. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 12. Créer une page d'accueil et un montage: haut dans le tutoriel précédent. La dernière chose avec elle a été ajoutée cette partie du texte de la photo et comme vous pouvez le voir dans le texte de pied de page nous avons entré le texte que nous voulons et il apparaît automatiquement ici lorsque nous avons actualisé la page. Maintenant, il va de même pour cette partie du pied ou du texte. Si vous revenez en arrière et tapez un texte dans le pied de page, textez-le ici et cliquez sur Enregistrer il s'affiche ici au lieu de celui-ci ici. Mais je crois que ça a l'air bien. Maintenant, nous allons commencer à faire de l'en-tête ce bel en-tête transparent . Nous allons ajouter la première page, qui est la page d'accueil, celle-ci ici et ajouter ce logo cheveux, ajoutant également cette belle et vibrante image de fond. Allons et cliquez d'abord sur les pages maintenant cliquez sur Ajouter Nouveau maintenant taper ici la maison maintenant défiler ici et comme pour le contenu avec Cliquez sur Full avec Comme pour l'image, survolez Filter Creek sur aucun. Et comme pour un titre de page, nous aimerions le cacher. Oui, maintenant nous allons à l'apparence du thème ici, cliquez dessus. Et comme pour la conception d'en-tête, celui-ci ici maintenant cliquez sur Publier, pas Revenir ici et actualiser la page. Et comme vous pouvez le voir, il se montre ici. Allons de l'avant et personnalisons cet en-tête ici. Cliquez sur personnaliser les options Goto Signify ici. Maintenant, allez sur le logo du site et le slogan. Maintenant, choisissez l'image du logo et cliquez ici et cliquez sur télécharger des fichiers ici. Maintenant, sélectionnez les fichiers. Maintenant, choisissez cet en-tête Local que nous avons fait. Et si vous voulez, vous pouvez utiliser ma tête de local dans le mon contenu que vous avez téléchargé et cliquez sur ouvrir Pas de clic sur insérer l'image Et comme pour les dimensions ici, entrez 1 10 par 50. Maintenant, cliquez sur enregistrer et publier. Maintenant, faites défiler. Cliquez ici pour minimiser et aller à la navigation principale Ici, cliquez dessus et faites défiler vers le bas Menu Do, lien, survolez et entrez Pas dans ce champ ici mais dans celui-ci Ici, le 2ème 1 Ce code sept à C E. Si pour maintenant cette couleur, nous aimerions le copier et entrer le même code pour un menu Lien actif et entrer dans le deuxième champ ici. Pas de clic sur enregistrer et publier. Et comme vous pouvez le voir quand vous passez la souris sur qui et quand vous cliquez sur la maison, la couleur sera Lewis. Non, on monte, minimise cette navigation principale. Nous allons pied de page, Cliquez dessus. Maintenant, la seule chose que nous voulons modifier ici comme le pied de page Couleur d'arrière-plan. Cliquez ici et entrez ce code F six F six F six. Maintenant, cliquez sur enregistrer et publier. Maintenant, faites défiler vers le bas après que vous le réduisez et allez à C s personnalisés s. Maintenant, Maintenant, Comme pour CSS personnalisé, vous devez aller à mon contenu. Le contenu que vous avez téléchargé. DoubleClick, style CSS. Copiez ce texte ici et revenez en arrière. Collez-le ici et maintenant vous cliquez, enregistrez et publiez. Et quant à ce champ que vous voyez ici si vous augmentez par exemple et son 0,5 Comme vous pouvez voir, la transparence va un peu, ce qui signifie qu'il devient moins transparent et plus sombre. Mais je voudrais garder 2.1 parce que je pense qu'il semble mieux. Maintenant, cliquez sur enregistrer et publier. Maintenant, revenez en arrière et cliquez ici. Maintenant, afin de l'ajouter, cette page d'accueil nous devons passer le curseur ici, aller au tableau de bord et aller aux pages. Cliquez dessus maintenant, passez la souris sur Homing ici et cliquez sur Semble. Si je construis maintenant, comme vous pouvez le voir ici la même chose. Si je constructeur est entré ici à partir de maintenant, il sera activé car il doit être utilisé au moins une fois avant qu'il ne soit activé et qu'il soit sur cette barre ici. Et il y a un mot, ce bar ici. C' est sur Lee pour nous quand nous éditons notre page, mais il n'apparaît pas pour les autres personnes. Lorsque la vue de notre page comme vous pouvez le voir ici, il n'apparaît pas ici. Il n'apparaît que lorsque nous éditons notre page avec notre tableau de bord WordPress. Maintenant, puisque nous avons notre constructeur de mouches à thème sur, nous allons commencer à éditer cette page d'accueil, survolez ici et cliquez sur les options. Maintenant, nous aimerions aller à la ligne avec et cliquer sur les bois pleins. Et comme pour l'effet, cliquez dessus et tapez F f une fois de plus et, comme vous pouvez le voir ici, fondu, cliquez dessus comme fondu en bas ici il est facilement trouvé, et comme pour le type d'arrière-plan, nous aimerait le garder à l'image. En ce qui concerne l'image d'arrière-plan, nous voulons notre propre image, cliquez, parcourir, parcourir, bibliothèque et cliquez sur sélectionner les fichiers et faites défiler vers le bas. Sauf si vous avez votre propre photo, vous pouvez utiliser la mienne ici. Cette belle image en vedette et cliquez sur ouvrir. Maintenant, cliquez sur insérer Fichier votre L et comme pour le mode d'arrière-plan, cliquez ici et sélectionnez parallaxe défilement. Maintenant, faites défiler vers le bas et allez à rembourrage ici pour la baignoire. Nous aimerions ajouter 4 30 et pour le bas pour 80 et faites défiler vers le bas et cliquez sur sûr. Et comme vous pouvez le voir, une belle image se montre ici. Ne vous inquiétez pas de cet espace entre l'image et le haut de la page. C' est juste pour nous de pouvoir mieux l'éditer. Et une fois que nous cliquons, enregistrez et cliquez sur fermer, vous pouvez voir que l'image s'est déplacée vers le haut et que l'en-tête couvre simplement la partie que nous ne voyons pas de l'image. Maintenant, afin de rendre cet en-tête transparent et l'image derrière un visuel pour nous, nous allons modifier les pages. Cliquez sur les pages ici, survolez la maison et vous allez à l'apparence du thème, cliquez sur l'apparence du thème, et comme pour l' arrière-plan de l'en-tête, nous cliquons sur l'arrière-plan transparent, puis faites défiler vers le haut et cliquez sur mise à jour. Maintenant, si nous revenons à cette page d'accueil. Cliquez sur Actualiser. Ici. Vous pouvez voir que l'image comme visuel nous remorquer maintenant et l'en-tête comme transparent et lisse Et il semble professionnel. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 13. SecTION de services (1): high Dans le tutoriel précédent, nous avons fait ce bel en-tête. Avec ce fond transparent, nous avons créé la première page, qui est la page d'accueil. Nous avons ajouté le local que nous avons fait et nous avons ajouté cette belle, vibrante, image au sol avec ce fond de défilement parallaxe. Maintenant, la première chose que nous voulons faire ici avant d'ajouter cette section de services ici et avec ces belles transitions qui se sont produites. Comme vous pouvez le voir, nous irons ici et nous ferons de cette page d'accueil la page d'accueil réelle de notre site Web, qui signifie que lorsque vous ou quelqu'un d'autre tapez dans l'U. R l de votre site Web et les hits entrent, comme vous pouvez le voir ici, ils ne vont pas directement à votre page d'accueil. Nous voulons les faire aller directement à la page d'accueil au lieu d'avoir à cliquer sur la page d'accueil et arriver à la page d'accueil. Donc, pour ce faire, nous allons revenir à notre tableau de bord, curseur sur les paramètres et cliquer sur la lecture. Maintenant, ici, vous choisissez une page statique. En ce qui concerne la page d'accueil, vous sélectionnez Accueil et cliquez ici sur Enregistrer les modifications. Maintenant, si vous revenez sur le site, vous supprimez ce sous-répertoire ici et vous cliquez sur Entrée. Vous pouvez voir que cette page d'accueil hors du site Web est la page d'accueil réelle que nous avons faite. Au lieu d'avoir à cliquer sur l'accueil pour accéder à la page d'accueil, il va automatiquement à la page d'accueil lorsque quelqu'un va sur votre site Web. Maintenant, allons de l'avant et commençons à faire cette section des services ici. Comme vous pouvez le voir, le mince si je constructeur est l'outil qui vient intégré dans notre thème Ultra. Et c'est un outil que nous utilisons pour construire notre site Web. Et chaque fois que vous voulez construire notre site Web, nous passons la souris ici et cliquez sur Activer, Builder. Maintenant, cette bannière apparaît avec ces modules dessus. Donc, la première chose que nous voulons faire est de faire glisser le module de texte ici et de le déposer et nous n' allons pas ajouter de texte ici. Nous allons simplement cliquer sur Enregistrer. C' est pour que nous puissions ajouter un autre module ici. On veut laisser celui-là vide. Mais si vous avez envie d'écrire quelque chose au milieu de cette image, vous êtes libre de le faire. Mais je ne pense pas que cela semble bon pour cette conception spécifique hors du site Web. Et si vous faites défiler vers le bas, vous passez la souris ici. Comme vous pouvez le voir, vous pouvez voir ce module de dépôt Ici, nous allons sélectionner le texte, cliquez dessus le bouton Accueil et le déposer ici. Maintenant, par ici, nous tapons nos services. Maintenant, sélectionnez nos services. Et ici la barre d'outils bascule, vous passez la souris dessus, cliquez dessus et vous voyez cette section déroulante. Vous cliquez sur le paragraphe. Vous sélectionnez le titre pour maintenant vous sélectionnez tout cela à nouveau et vous le faites impliquer et une ligne dans le centre Maintenant cliquez sur Enregistrer. Et comme vous pouvez le voir, ce sont nos services au milieu. C' est un peu grand, je sais, mais nous allons éditer ça plus tard. Maintenant, sélectionnez le module diviseur, cliquez et maintenez-le enfoncé, puis déposez-le ici. Maintenant pour ce module. D' abord le style de séparation. Nous aimerions choisir double et pour l'épaisseur du trait, choisir le numéro quatre et pour la couleur du séparateur, vous pouvez sélectionner la couleur que vous voulez si vous cliquez ici. Comme vous pouvez le voir, il y a plusieurs couleurs que vous pouvez choisir et déplacer ici pour choisir le degré de couleur que vous voulez. Mais j'ai le code de couleur pour notre conception, qui est trois de sept un huit C. Maintenant, comme pour la marge supérieure, Je voudrais entrer zéro. Et pour la marge inférieure, j'entrerai 12. Maintenant, cliquez sur Enregistrer. Et si vous survolez ici, vous pouvez voir ces séparateurs hors du module. Sélectionnez celui-ci ici qui le divise en trois sections égales. Puis faites-le glisser ici au milieu et déposez-le. Maintenant, nous allons ajouter ces icônes et ces textes et boutons dans le prochain tutoriel. Merci d'avoir regardé. 14. Section de services (2): Maintenant, nous allons ajouter dans ces trois icônes avec ces transitions et le texte ainsi que ces boutons ici. Commençons par la 1ère 1 Première. Sélectionnez la fonction. Cliquez et maintenez-le enfoncé. Maintenant, laisse-le ici. Maintenant, nous avons ajouté le texte que nous voulons ici. Ça va être sous l'icône. Non, j'ai mon texto prêt. Donc je vais juste copier maintenant. Retourne. Cliquez ici lorsque vous collez en texte brut. Maintenant, c'est pour celle-là. Ici, on va le rendre audacieux. Cliquez sur le bouton et choisissez Titre cinq. Non, celui-ci Ici, nous allons le garder au paragraphe et puis sélectionner Oh, et les mettre au milieu. Maintenant, la prochaine chose va faire est frappé. Entrez et passez la souris ici pour ajouter dans le bouton, cliquez sur les codes courts. Allez à un bouton. Cliquez dessus. ce Encequi concerne le texte du bouton, je vais taper. Essayez-le toi-même. Quant au style de bouton, il se compose de trois parties. La première partie spécifie la taille du bouton, que je vais mettre orteil large la deuxième partie lorsque vous tabulation espace et que vous tapez dans la couleur mais je ne vais pas choisir une couleur à partir d'ici. Je vais le laisser à la valeur par défaut. La troisième chose, il choisit le type de bouton comme il montre ici, il y a quatre types de boutons. En fait, ils sont cinq. Il y en a un qui n'est pas mentionné ici, savoir le plan. Ainsi, vous pouvez choisir, comme, grand, plat ou grand entouré. Mais je vais choisir une grande ligne, puis faire défiler vers le bas. Vous pouvez définir la couleur d'arrière-plan pour le bouton que nous voulons, et vous pouvez faire votre bouton rediriger vers une autre page, un emplacement différent. Mais je vais le laisser orteil sa valeur par défaut. Je ne vais pas taper quoi que ce soit sur la couleur du texte. Vous devrez entrer le code de hacks. Non. La dernière chose ici est la cible du lien, qui spécifie d'ouvrir le lien dans un nouvel onglet ou d'ouvrir le lien dans la même page. Si vous le laissez par défaut, il va ouvrir le lien. Votre cravate était là au lieu de la page où vous étiez ? Il ne va pas l'ouvrir dans un nouvel onglet, mais si vous tapez le trait de soulignement vide, il va l'ouvrir dans un nouvel onglet. Maintenant, cliquez sur insérer. Et comme vous le voyez, c'est le code du bouton. Nous voulons le mettre au milieu. Donc, ligne au centre, pas de défiler vers le bas. Et c'est là que nous avons mis en place l'icône, la couleur et les transitions. En ce qui concerne la mise en page, nous aimerions choisir le contact visuel. Quant au pourcentage que je vais laisser jusqu'à la fin pour te montrer. Que voulons-nous dire par pourcentage ? Quant à ce trait, cela indique l'épaisseur de la ligne de transition. Donc, je vais le définir sur Comme pour la couleur que vous pouvez cliquer ici, qui était la couleur que vous voulez choisir le degré de couleur ici. Mais j'ai mon propre code couleur que je vais entrer ici, qui est quatre zéro a de à de. Maintenant, En ce qui concerne la taille de l'icône, je veux la définir à moyen. En ce qui concerne le type d'icône, nous allons laisser l'icône des orteils. Maintenant, comme pour l'icône elle-même, cliquez ici. Je vais taper F A tiret C o G s F A Cox. Maintenant, vous pouvez sélectionner votre icône à partir d'ici. Si vous cliquez sur l'icône d'insertion, vous pouvez voir que l'icône que j'ai sélectionnée est celle-ci ici ? Une fois que vous cliquez dessus, le nom de l'icône apparaît ici et automatiquement ce tiret F A apparaît avant le nom de l'icône afin que vous puissiez choisir l'icône que vous voulez Si vous cliquez ici, qui était n'importe quel nom si l'exemple par exemple, vous choisissez Bell, vous revenez en arrière, vous tapez F Une cloche de tableau de bord et l'icône de la cloche s'affiche sur votre page. Mais pour l'instant, je vais taper l'icône que j'ai choisie, qui est F un coq. Maintenant, quant à la couleur ici, je vais la mettre en blanc complet blanc. Donc si vous tapez 6 fois F ici, ce sera un blanc. Quant à la couleur de fond, je vais copier ce code ici et le coller ici. Ceci est pour l'arrière-plan de l'icône. Maintenant, nous cliquons sur Enregistrer et vous voyez l'icône s'affiche ici. Maintenant, en ce qui concerne le pourcentage que vous cliquez ici dessus, faites défiler vers le bas. Si vous tapez, disons 75 % que vous cliquez sur Enregistrer. Vous voyez cette transition va jusqu'à 75% de ces cercles, mais je vais la mettre à 100%. Donc ça va tout le chemin, on dirait de sauver. Eh bien, Comme vous pouvez le voir, il tourne autour de 100%. Maintenant, comme pour les autres icônes, nous survolons ici. Nous sélectionnons celui-ci ici qui le divise en trois sections. Trois sections égales. Maintenant, nous traînons celui-ci ici et nous survolons ici. Nous descendons et cliquez sur Dupliquer. Comme vous pouvez le voir, il a été dupliqué. Maintenant, encore une fois, cependant, cliquez ici en double et il a été dupliqué. On en a trois exemplaires. On traîne celui-là. Nous droguons celui-là et nous avons trois icônes maintenant. Nous survolons celui-ci ici, nous cliquons dessus et, eh bien, vous savez, éditer le texte et les couleurs ici ainsi que l'icône. Pour ce qui est du texte, j'ai ce texte que je veux y mettre. Je vais juste le copier et le coller. Maintenant ça va nous diriger cinq pour celle-là, ça va être un paragraphe. Et quant à celui-ci, nous allons le rendre audacieux. Ensuite, nous faisons défiler vers le bas et nous gardons tout le même. Sauf pour ce code couleur. Je voudrais les élus. Ce code couleur 168 D A b Non, nous copions ce code couleur Copier et coller ici Maison pour l'icône. Ici, je vais choisir cette icône pour une presse de tableau de bord et nous garderons tout le reste de la même façon. Ne cliquez pas sur Enregistrer. Maintenant, nous allons à la troisième icône. Nous survolons ici. On dirait ça. Quant au texte, je vais copier ce texte que j'ai prêt sur Coller ici. Maintenant, nous choisissons l'en-tête. Toby se dirige cinq. Nous rendons le monde sur nous pour celui-ci. Ici, nous le gardons. Paragraphe de l'orteil, nous gardons le bouton le même. Non défilait vers le bas. En ce qui concerne le code couleur, je vais taper e B six a 00 Maintenant, je vais copier ce code couleur à nouveau et le coller ici. Quant à l'icône, je vais taper, avoir un tableau de bord. Maintenant, nous cliquons, sauvegardons et nous cliquons. Sauvegardez ici encore. Maintenant, nous survolons ici nous cliquons sur les options. Maintenant, nous choisissons le mode d'arrière-plan pour être couverture complète. En ce qui concerne la couleur de fond, je voudrais taper ce code de couleur F six F six F six. Maintenant, faites défiler vers le bas, puis cliquez sur Enregistrer et je voudrais aller à nos services ici. Cliquez sur. Ajoutez-le maintenant aller style orteil. Maintenant, nous faisons défiler vers le bas deux tapotements nous entrons pour le top 30 et faites défiler vers le bas et cliquez. Épargnez ici, nous survolons ici. Cliquez sur les options. Nous faisons défiler jusqu'à la couleur d'arrière-plan ici dans le type dans la même couleur d'arrière-plan. F six F six F six. Maintenant nous faisons défiler vers le bas. Et comme pour le remplissage, tapez 10 et faites défiler vers le bas, puis cliquez sur sûr. Maintenant, nous survolons ici. Cliquez sur les options. Nous allons à la couleur de fond. Nous tapons F six F six F six pour faire la même couleur de fond pour tous. Ne cliquez pas sur Enregistrer maintenant, cliquez à nouveau sur Enregistrer. Ici, cliquez sur fermer et vous pouvez voir ces belles transitions avec ces boutons et textes. Fait. Merci d'avoir regardé. Rendez-vous dans les deux prochains conservateurs 15. Section de services (3): haut. Dans le tutoriel précédent, nous avons terminé la construction de la section des services. Nous avons ajouté ces icônes, ces textes et boutons. Maintenant, dans ce tutoriel, nous allons l'ajouter Les fonds de la section des services pour cette partie Cette partie et cette partie tous ensemble. Maintenant, il y a encore une chose. Nous devons l'ajouter avant d'aller aux fonds. Il y a ces décorations de texte que nous avons ajoutées aux boutons. Je vais vous montrer comment l'ajouter ici. Donc d'abord planer sur mince. Si je constructeur allume le générateur Maintenant, faites défiler vers le bas et couvrez ici et allez l'ajouter. Maintenant, vous voyez, Essayez-le vous-même en bas Ici vous cliquez juste après le F et en tapant l'espace et en ajoutant en double flèche Vous êtes libre d'utiliser cette décoration. Je crois qu'il semble bon sur la plupart des designs et faire la même chose ici comme à elle. Et quand vous arrivez ici, vous allez l'essayer vous-même, cliquez juste après l'espace F, puis en ajoutant dans la double flèche, pas cliquer enregistrer et faire la même chose pour le 3e 1 Aller à modifier. Maintenant, descendez ici pour essayer vous-même un espace et une double flèche. Vous êtes libre d'utiliser cette décoration et je vais cliquer sur Enregistrer maintenant nous cliquez sur Enregistrer ici Mickley fermer et vous voyez cette décoration est faite. Maintenant, nous allons aller de l'avant et a terminé la Florence de la section des services Aller à personnaliser. Maintenant, quand nous arrivons ici, nous allons à une tomographie et cliquez à nouveau sur la biographie par défaut. Et ce sont les fonds que nous pouvons ajouter, qui sont faits par le plug de fonds Google facile que nous avons installé. Maintenant, nous allons orteil paragraphes cliquez ici afin que nous puissions modifier les boutons de type de paragraphe et faire défiler vers le bas jusqu' à la section des services afin que nous puissions voir les changements tous les formulaires lorsque nous les faisons à partir d' ici. Et comme pour la famille amusante, cliquez ici et tapez robo toe r o B o D o. maintenant en bas ici, cliquez sur Rabbo Toe et vous pouvez voir que le texte ici a changé. Maintenant regardez ici Et comme pour le fonds d'attente, cliquez ici et sélectionnez 300. Vous pouvez voir que le poids du fonds a également changé. Non, nous cliquons ici pour minimiser et descendre à la tête à maintenant nous choisissons pour la famille amusante Le même front à nouveau Roboto R o b o t o Et cliquez sur robo toe Ici Vous pouvez voir que le formé a changé pour le titre ici et pour cette Attendre ici, Cliquez ici et sélectionnez Regular down ici Cliquez sur régulier Maintenant nous allons l'apparence des orteils Ici, nous descendons à la taille de la police Nous maximisons jusqu'à ce que nous obtenons à 30 pixels. Comme vous pouvez le voir ici 30 p x signifie 30 pixels. Non, nous minimisons cela ici Aller vers le bas à la rubrique cinq Cliquez ici et faites défiler un peu vers le bas pour financer famille Cliquez ici et tapez Roboto. Choisissez leur électeur d'ici maintenant aller au poids avant Elle était régulière. Maintenant, allez ici Cliquez, enregistrez et publiez. Maintenant, nous cliquons ici et revenons en arrière. Vous savez que nous faisons défiler vers le bas, faire avec la section des services ici et vous pouvez voir que les polices ont changé. Vérifions le site Web et voyons qu'ils ont l'air exactement le même maintenant que pour les fonds que nous avons changés. Nous avons ajouté les fonds non seulement pour la section des services, mais pour toutes les sections et toutes les pages que nous allons créer et travailler. A partir de maintenant, les fonds étaient Est-ce que c'est pour tous. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 16. Section d'appel à la: élevé dans la SLA satori. Je vais vous montrer comment créer cette section qui s'appelle la section Action. Avec ces textes et ce bouton ici d'abord, nous devrons créer et éditer cette image d'arrière-plan . Alors ouvrez un nouvel onglet et allez à ce dossier de site Web dot com F o t o r dot Venez et appuyez sur. Entrez. Maintenant, lorsque vous accédez à cette page, vous allez à modifier et cliquez dessus. Maintenant, si vous n'avez pas votre propre image, vous pouvez utiliser cette action image. Cliquez dessus, puis ouvrez. Maintenant, quand vous arrivez à cette page, vous descendez ici pour redimensionner. Cliquez dessus et vous supprimez ce numéro ici et entrez 1500. Maintenant, quant à cela ici, vous le gardez comme il est. Maintenant, vous allez ici à une culture, cliquez dessus. Et quant à cette hauteur ici, vous le supprimez et tapez en 1500 demander ce bois ici vous tapez dans 400. Maintenant tu viens ici et fais glisser celui-là de haut en bas comme tu veux. Quant à ce tutoriel, je vais le droguer jusqu'ici. Maintenant, nous avons besoin de la drogue dans la zone que vous voulez. Tu y vas. Ici, vous cliquez. Postulez maintenant. Nous survolons ici pour effet Cliquez dessus maintenant descendre ici pour dire décalage. Et comme vous pouvez le voir, il y a cet effet de flou qui vous permet de brouiller la zone que vous voulez et de garder l'autre flou . Maintenant, comme pour la forme hors du flou, vous pouvez choisir linéaire ou circulaire. Si vous remarquez que cette circulaire vous permet de flou une zone circulaire. Et pour celui-ci ici, la taille de la brosse d'abord je vais choisir linéaire et je vais augmenter la taille de la brosse à cette taille ici et boire jusqu'ici et maintenant nous avons fini. Nous survolons ici et cliquez sur Enregistrer maintenant ici à la qualité. Nous cliquons ici et je voudrais choisir normal parce que je ne pense pas que nous avons besoin d'une image de haute qualité pour cette section. Maintenant, cliquez sur Enregistrer sur mon ordinateur. Je vais l'enregistrer en tant qu'action Underscore. Fait. Non, Nous cliquons sur enregistrer et nous avons terminé avec l'édition. Maintenant, quittez ce site ici et nous allons sur notre site Web. Nous faisons défiler vers le bas et nous allumons le constructeur. Cliquez ici maintenant, nous faisons défiler vers le bas pour déposer le module ici. Par ici. Cette section, nous survolons ici et cliquez d'abord sur les options. En ce qui concerne l'effet, cliquez ici et je voudrais choisir le pouls. Maintenant, comme pour le type d'arrière-plan, conservez-le à l'image et pour l'image d'arrière-plan, nous cliquons sur Parcourir la bibliothèque. Nous cliquons sur télécharger des fichiers et maintenant cliquez sur sélectionner des fichiers et sélectionnez cette image. Nous l'éditons pas de clic ouvert et vers le bas. Ici, nous cliquons. Insérer le fichier euro. Maintenant, En ce qui concerne le mode d'arrière-plan, nous aimerions choisir la couverture complète. Maintenant, comme pour la couleur de superposition, nous cliquons ici. Salut, élu a choisi le noir. Et vous voyez cette compétence ici, c'est pour l'opacité. Vous réglez l'opacité de la couleur qui superpose l'image, ce qui signifie que vous contrôlez la transparence de la couleur et la quantité que vous pouvez voir de l' image en dessous. Je voudrais le dire ici autour de 60%. Maintenant, cliquez ici et j'ai défilé vers le bas. Et pour le texte aligner ici, Cliquez sur le centre Maintenant faites défiler vers le bas jusqu'au remplissage. Et je voudrais ajouter 10 pour le haut. Maintenant faites défiler vers le bas et cliquez sur. Sauvegardez. Maintenant, nous avons inséré l'image de fond. Allons de l'avant et ajoutons le texte. Descendez ici à un texte glisser-le et déposez-le ici. Maintenant, vous entrez le texte qui convient le mieux à votre entreprise. Et quant à ce site, puisqu'il s'agit de web design, je vais entrer mon texte. Maintenant que j'ai entré détectes, je veux si vous remarquez qu'il y a un espace entre ces textes, donc il fait mieux paraître. Quant à ce texte ici, je veux choisir le titre à taper. Je voudrais le rendre audacieux. Et quant à la couleur ici, j'aime choisir le blanc et l'aligner au centre. Et si vous cliquez ici, vous verrez qu'il a disparu. Mais c'est ici avec toi. Sélectionnez-le. Vous pouvez voir qu'il est toujours là pour celui-ci ici nous le sélectionnons. Quant au front élu, elle se dirigeait à cinq. Et quant à la couleur, je voudrais la rendre blanche et l'aligner au centre. Maintenant, nous appuyez sur entrer et entrer à nouveau toe, faire un espace entre ce texte et le bouton que nous sommes sur le point d'ajouter Maintenant survolez ici sur des codes courts. Cliquez dessus et accédez aux boutons. Maintenant, en ce qui concerne le texte du bouton, je vais entrer, le faire et ajouter les doubles flèches. Et en ce qui concerne le style de bouton, je vais taper un grand plat bleu. Et je vais laisser ces champs vides parce que je voulais être une autre couleur que ceux-là . Et je ne veux pas que ce bouton redirige vers n'importe quelle page. Mais si vous le souhaitez, vous pouvez le faire rediriger vers une autre page. Par exemple, orteil de votre galerie, consultez les designs que vous avez. Maintenant, nous cliquons sur insérer, et nous sélectionnons ce bouton. Nous l'alignons au centre. Maintenant, nous passons par le style ici et nous faisons défiler jusqu'à la taille de la police. Cliquez ici et entrez 18. Maintenant, nous faisons défiler vers le bas jusqu'à un tapotement et ajoutons 30 pour le haut et 30 pour le bas. Maintenant, nous faisons défiler vers le bas pour enregistrer et cliquez sur Enregistrer. Et comme vous pouvez le voir, nous avons fini avec la section action. Maintenant, cliquez sur Enregistrer ici et cliquez sur Fermer. Vous pouvez voir que nous avons construit cette belle section d'action. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 17. Section de compétences: haut. Maintenant que nous avons construit la section Action, il est temps de construire la section suivante, qui est la section Compétences. C' est celui que vous voyez ici avec ces beaux progrès Mars. Et avec ces transitions, nous ajouterons ici aussi dans ces textes et ces textes. Maintenant, d'abord, allons voir notre constructeur. Allumez-le d'ici. Maintenant, nous faisons défiler vers le bas et nous survolons ici et cliquez sur les options. Maintenant, je vais éditer l'effet. Si vous tapez F deux fois, vous verrez qu'il va s'estomper. Vous cliquez dessus. Et quant à la couleur de fond, je voudrais entrer ce code d un d un d un. Et bien sûr, vous pouvez sélectionner votre propre couleur d'arrière-plan si vous cliquez ici et vous savez comment le faire. Maintenant, nous avons fini avec le style ici. Donc, nous allons cliquer, Enregistrer. Et maintenant, commençons à ajouter le premier texte, qui est l'en-tête Faites glisser et déposez ce texte ici. Maintenant, nous tapons le texte que nous voulons. Je vais taper ce que nous sommes bons pour le moment, sélectionner le texte entier. En ce qui concerne le fonds, j'aime sélectionner la direction et je voudrais le rendre audacieux et l'aligner sur ce centre. Maintenant, nous cliquons sur Enregistrer et comme vous pouvez le voir, c'est fait. Non, ça ajoute du rembourrage. En ce qui concerne le tapotement, cela signifie que c'est la distance entre ce texte et la section avant que c'est cette zone ici. Donc, je voudrais ajouter un peu de rembourrage si vous cliquez ici, allez style orteil Ici, faites défiler deux tapings vers le bas. Et ici, j'aime entrer 30 pour le haut et maintenant cliquez sur Enregistrer. Comme vous pouvez le voir, il a un peu baissé. Maintenant, allons de l'avant et ajouter le diviseur. Nous n'allons pas ajouter le module de séparation à partir d'ici. On va juste dupliquer celui-ci ici et ensuite le faire glisser vers le bas. Maintenant, passez la souris ici et cliquez sur Dupliquer. Maintenant, vous cliquez et maintenez ce module ici, vous faites défiler vers le bas et déposez-le ici. Maintenant, nous allons diviser cela en trois sections égales. Si vous survolez ici et cliquez ici, vous verrez qu'il a été divisé. Maintenant, faites glisser celui-ci ici et déposez-le juste au milieu. Maintenant, nous allons ajouter dans le texte que vous voyez ici, Alors revenons donc, comme le module de texte d'ici. Glissez-le et déposez-le ici. Fais attention de ne pas le laisser ici ou là. Assurez-vous de le déposer ici. Maintenant, vous entrez le texte que vous voulez, et j'ai mon rayon de texte. Donc je vais juste coller en texte brut. Et si vous sélectionnez votre texte, je préfère choisir le titre cinq et l'aligner vers la gauche. Maintenant, nous allons coiffer les orteils. Ici, nous faisons défiler vers le bas jusqu'à un tapotement et pour le bas, nous voudrions ajouter 30 et cliquez sur Enregistrer. Non, on passe la souris ici et on sélectionne ce séparateur juste ici. Cliquez dessus et vous voyez que le texte est maintenant aligné vers la gauche. Maintenant, dans cette zone ici, nous allons ajouter dans les barres de progression. Donc, d'abord, sélectionnons le module fiscal médicament et l'abandon de cette zone. Maintenant, nous allons ajouter dans notre code barres de progression juste ici. Revenez donc à un tableau de bord, juste en dessous des paramètres. Vous descendez à la barre de compétences Katie, vous cliquez dessus. Et comme vous pouvez le voir, vous avez trois modèles différents ici. Je recommande d'utiliser celui-ci ici parce qu'il semble mieux et c'est plus professionnel que ceux-ci ici. Non, vous copiez le code en dessous et vous retournez en arrière et collez-le ici. Maintenant, nous allons au style. Nous faisons défiler vers le bas jusqu'à un rembourrage et ajoutons 30 pour le fond. Maintenant, cliquez sur Enregistrer. Vous pouvez voir ces belles transitions et ces titres ici, ici, ici et ici. Et ces pourcentages ici qui représentent combien de chargement est fait par la barre. Maintenant, allons de l'avant et éditer celui-ci ici comme un exemple pour montrer que vous avez dû l'ajouter au titre pour une progression Plus ainsi que le pourcentage maintenant survolent ici. Cliquez sur, Ajouter. Maintenant, c'est le titre, voyez-vous. C' est juste ici entre ces guillemets, nous allons l'ajouter. Celui-ci ici comme exemple. Vous sélectionnez donc le texte entre ces guillemets et entrez le texte souhaité. Je veux entrer Web design. Et en ce qui concerne les pourcentages, vous allez ici pour celui-ci ici, juste entre les citations où il est dit pour cent et celui-ci ici. Je veux le garder à 90% par celui-là. Ici, je veux l'annonce et neuf pour le faire 95% et celui-ci ici. Je veux ajouter 98%. Veillez à ne pas supprimer les guillemets car cela ne fonctionnera pas si vous le faites. Et je veux garder celui-ci ici à 100% maintenant nous allons sauver et vous pouvez voir que le titre a changé ici ainsi que les pourcentages. C' est tout pour cette section. Donc, nous allons cliquer, enregistrer, puis fermer. Et nous en avons fini avec la section des compétences. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 18. Section des clients: Salut. Dans le tutoriel précédent, nous avons fini de construire la section des compétences, celle que vous voyez ici avec ces belles barres et transitions. Maintenant, dans le secteur, nous allons construire la section clients. Vous voyez ici avec ces magnifiques curseurs et images. Maintenant, comme pour les images que vous voyez ici dans ces curseurs, ils ont tous la même extension, qui est PNG. Ce sont toutes des images PNG qui ont des arrière-plans transparents. Maintenant, n'importe quelle image que vous téléchargez ici, n'importe quel logo doit être une image PNG afin d'avoir un aspect professionnel et un fond transparent . Maintenant, au cas où vous avez une image de logo que vous voulez télécharger et ce n'est pas un type PNG , par exemple, A J P G ou autre chose, je vais vous montrer comment la transformer en une image PNG. Maintenant, ouvrez d'abord dans Nouvel onglet et allez sur ce site Web. Choisis ehlert dot com p i X l r dot com slash éditeur Maintenant frappé. Entrez maintenant cliquez sur l'image ouverte de l'ordinateur et vous faites défiler vers le bas Si vous n'avez pas votre propre image, J'ai un exemple d'image ici que vous pouvez sélectionner. C' est un fichier J Peg et cliquez sur ouvrir maintenant maximiser à un peu d'ici et vous passez le curseur sur cet outil ici. Ça s'appelle l'outil Baguette. Vous cliquez dessus maintenant, vous sélectionnez les pièces que vous voulez afficher dans votre icône et vous laissez le reste non mouillé. En ce qui concerne le marquage, vous devez d' abord cliquer sur celui-ci ici. Maintenant, vous appuyez et maintenez le bouton Maj enfoncé et vous sélectionnez les pièces que vous voulez dans votre image. Je vais sélectionner toutes ces lettres une par une. Cliquez sur celui-ci ici. Celle-là. Celle-ci ici, ici, ici et maintenant celle-là. Écoutez, écoutez celui-là. Et ces deux-là et là. Maintenant, cliquez sur le contrôle, Voir pour le copier. Et maintenant, vous passez la souris ici. Vous double-cliquez ici pour le déverrouiller. Non, vous allez ici et cliquez sur nouveau calque. Maintenant, vous n'avez pas marqué celui-ci ici en cliquant dessus. Maintenant, sur votre clavier, vous maintenez la touche V enfoncée pour le coller. Et maintenant, nous avons notre image PNG. Maintenant, passez par l'image ici, cliquez dessus et vous allez la taille de l'image des orteils. Cliquez dessus et maintenant vous sélectionnez les mots Toby 300 et cliquez sur. OK, maintenant vous allez dans le fichier et cliquez sur Enregistrer et ici. Vous cliquez ici et vous sélectionnez PNG. Il est vraiment important de choisir Payer n g. Cliquez dessus maintenant cliquez sur. D' accord. Et quant à celui-ci ici, nous allons l'enregistrer comme logo pour connaître Cliquez, enregistrer et fermer cet onglet ici pour accéder à notre site Web. Maintenant, faites défiler vers le bas et activez Builder. Maintenant nous faisons défiler vers le bas. Donc, cette partie ici nous survolons ici et cliquez sur les options. Maintenant, nous allons à effet cliquez sur les cheveux et entrez F deux fois afin que nous puissions aller orteil fondu dans Cliquez dessus. Et comme pour la couleur de fond, je voudrais entrer ce code F six F six F six maintenant défiler vers le bas et cliquez sur Enregistrer ici maintenant nous glisser-déposer un module de texte ici et ont été le titre de la section qui est certains nos clients maintenant sélectionner l'ensemble du texte, allez aux polices ici et sélectionnez le titre pour maintenant nous le rendons gras Nous l'alignons au centre puis nous passons par le style ici et faites défiler vers le bas pour avoir nous sélectionnons 30 pour le haut et zéro pour le bas. Maintenant, on descend ici pour sauver Click it Now, Quant au diviseur, on va jamais copier ce diviseur ici. Et il l'a bu. Alors, passez la souris par ici. Cliquez sur Dupliquer. Faites glisser celui-ci ici, tout le chemin vers le bas et déposez-le juste sous celui-ci ici. Maintenant, nous survolons ici et divisés en trois sections. Maintenant, faites glisser celui-ci ici jusqu'à la section du milieu. Lâche-le. Et maintenant, nous passons par ces modules plus légers ici, glisser-le juste en dessous de celui-ci ici. Pas ici, mais un peu en bas. Maintenant, comme pour ils mode d'affichage ici, nous sélectionnons des images. Quant à l'image royale, nous cliquons, Parcourir, bibliothèque. Et maintenant, nous allons à télécharger des fichiers et cliquez sur sélectionner des fichiers. Maintenant, comme vous pouvez le voir dans le contenu que vous avez téléchargé, vous avez tous ces logos. Vous êtes libre de les utiliser. Si vous n'avez pas le vôtre, cliquez sur le logo 1, puis cliquez sur Ouvrir. Maintenant, cliquez, Insérez le fichier de votre l et puis juste ici. Vous voyez, ajoutez une nouvelle ligne, vous cliquez dessus et vous cliquez sur. Parcourir à nouveau la bibliothèque afin que nous puissions ajouter une autre image. Et maintenant cliquez sur télécharger des fichiers ici et maintenant, sélectionnez des fichiers. Maintenant, nous faisons défiler vers le bas deux logo vers lequel est celui que nous venons d'éditer. Pas de clic ouvrir et insérer le fichier Votre L Maintenant, nous faisons défiler vers le bas jusqu'à cette partie ici pour sélectionner le style. Maintenant, nous descendons, nous les gardons tous les mêmes. Sauf pour ces Ici, vous cliquez ici et sélectionnez Non, parce que nous ne voulons pas que tous les boutons soient affichés. Je crois que ça a l'air professionnel. Et pour celui-ci ici, nous sélectionnons aussi Non Et pour celui-ci aussi, comme non. Ainsi, nous pouvons garder le flux de toutes les images tout à fait cohérent et professionnel. Maintenant, nous allons styler les orteils ici, cliquez dessus et nous faisons défiler vers le bas. Quant à l'alignement du texte, nous cliquons sur le centre. Je fais défiler un peu plus vers le bas et quand nous arrivons à rembourrage pour le haut atteint 30 pour le bas Riccio de 30 et pour la gauche Ici, nous choisissons 30 aussi bien pour le rendre meilleur look. Pas de clic enregistrer et nous avons le premier curseur. Maintenant, nous survolons ici nous allons à celui-ci ici divisé en trois sections égales et vous pouvez voir que nous avons trois sections égales ici afin que nous puissions ajouter deux autres curseurs orteils alignent tous ensemble maintenant survolez ici et cliquez en double et survolez cette un. Ici. Cliquez à nouveau sur Dupliquer. Maintenant, on fait glisser celui-ci ici, celui-là et on survolera cette icône ici. Cliquez sur Modifier afin que nous puissions changer les images et vous voyez ce X ici vous cliquez dessus et cliquez sur Parcourir la bibliothèque. Maintenant, vous allez à télécharger des fichiers, sélectionnez des fichiers et nous choisissons Logo trois, Cliquez sur ouvrir. Maintenant, nous cliquons sur Insérer le fichier de votre AL et avec le même pour celui-ci Son Nous cliquons sur ce X ici pour le supprimer et cliquer. Parcourir la bibliothèque Maintenant, allez à télécharger des fichiers et sélectionnez des fichiers. Maintenant, faites défiler. Et celui-là était là ? Ressemblez à ouvrir maintenant cliquez sur Insérer un fichier l et maintenant cliquez sur Enregistrer. Maintenant, nous passons par ici. Cliquez dessus et nous supprimons celui-ci ici. Bibliothèque de Bravo Goto télécharger des fichiers et sélectionner des fichiers. Pourquoi le cinquième logo n'a pas maintenant cliquer sur insérer. Suis ton al Allez à celui-là. Ici, cliquez sur supprimer et les lignes travaillent à nouveau Charger les fichiers. Sélectionnez les fichiers que nous défilons vers le bas. Inch était le dernier logo ici. Cliquez maintenant sur Ouvrir Non cliquez sur Insérer un fichier. Votre l cliquez maintenant Enregistrer savoir que nous avons construit avec succès notre section clients il ya une autre chose que je vais vous montrer. Comme vous pouvez le voir, ces trois logos glissent d'une manière qui ressemble en quelque sorte en professionnel. Nous allons donc changer la façon dont ils glissent. Vous avez la possibilité de le faire si vous le souhaitez. Alors passez la souris ici et cliquez dessus. Non, nous faisons défiler vers le bas Et comme pour l'effet, nous sélectionnons fondu clic droit Enregistrer. Et si vous remarquez ici que c'est des lumières d'une manière plus lisse et professionnelle Donc nous allons changer les autres pour vraiment le même que celui-ci Ici, cliquez dessus maintenant défilant vers le bas pour effet et cliquez, Fade Not like save on Faire la même chose chose pour celui-ci ici à elle Maintenant faites défiler vers le bas et pour l' effet que nous sélectionnons fondu et puis enregistrer Maintenant, nous avons terminé avec la section client Nous cliquons, enregistrer et puis fermer. Et comme vous pouvez le voir, nous avons construit avec succès notre section clients avec ces magnifiques curseurs professionnels . Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel 19. SecTION d'équipe (1): Salut. Maintenant, il est temps de commencer à construire notre section d'équipe. Avant ça. Examinons ce que nous avons construit jusqu'à présent sur notre site Web. Allons à notre page ici. Et comme vous pouvez le voir, nous avons d'abord commencé avec Beautiful Header et nous avons ajouté cette page d'accueil. Nous avons ajouté ce logo ici ainsi que le favori que vous voyez ici. Et nous avons ajouté cette belle image de fond et nous avons ajouté l'avenir de défilement parallaxe avec cette belle section de services. Avec ces transitions et boutons, nous avons ajouté cette section d'action ici nous avons créé cette section de compétences avec ces belles barres Et enfin, nous avons construit cette section clients que vous voyez ici maintenant il est temps de commencer à construire notre d' abord, allumons le constructeur ici. Maintenant, nous faisons défiler jusqu'à cette zone juste ici. Nous allons d'abord ici et cliquez sur les options. Maintenant, on descend sa couleur de fond d'orteil. Nous ajoutons ce code hexadécimal D un d un Et bien sûr, vous savez comment sélectionner votre propre couleur en cliquant ici. Maintenant, faisons défiler vers le bas et cliquez sur. Enregistrer maintenant commençons par l'en-tête de cette section. Glisser-déposer ce module de texte ici et tapez le titre de cette section. Non, sélectionnez le texte et le fonds, Bien sûr, en tête comme avant, Pas de clic gras et une ligne au centre. Maintenant, passons par le style ici et faites défiler vers le bas pour avoir et ajouter 30 pour le haut et zéro pour le bas. Cliquez maintenant sur Enregistrer ici. Et maintenant, En ce qui concerne le diviseur, nous allons à cette section. Ici, nous survolons ici et cliquez sur duplicate. Maintenant, nous faisons glisser ce diviseur dupliqué tout le chemin vers le bas et juste en dessous de ceci ici, déposez-le. Non, nous avons divisé en trois sections égales d'ici. Nous le droguons au milieu ici et maintenant c'est l'heure des images. Maintenant, nous n'allons pas ajouter les images juste en dessous de celle-ci. Ici, nous allons planer sur cette partie. Ici nous cliquons sur les options. Maintenant, comme pour la couleur de fond, nous allons ajouter la même couleur de fond, qui est D un d un. Et comme vous l'avez remarqué, cela ne fait aucune différence que ce soit une lettre majuscule ou minuscule. Tout fonctionne de la même façon. Maintenant, nous faisons défiler vers le bas pour avoir nous ajouter 24 le haut et 20 pour le bas ? Non. Nous faisons défiler vers le bas et cliquez sur Enregistrer. Maintenant, nous allons au module d'image juste ici, glisser-déposer dans cette zone ici. Non, abord, en ce qui concerne le style d'image, nous aimerions choisir celui-ci ici, ce qui signifie l'image centrée. Et comme pour l'image ou je navigue, bibliothèque, télécharger des fichiers, sélectionner des fichiers et sélectionner l'image que vous aimez Et pour celle-ci ici, je vais choisir mon image juste ici. Cliquez sur ouvrir maintenant Go toe insert file votre AL. Et comme pour l'apparence de l'image, donnez celui-ci ici autour d'elle vérifié. Et j'aimerais vérifier celui-là aussi bien que pour les bois. Je voudrais en faire 3 50 par 400. Maintenant, nous faisons défiler vers le bas jusqu'à la légende de l'image et je voudrais entrer mon nom. Maintenant, nous allons coiffer les orteils ici. Maintenant, en ce qui concerne l'effet, je vais cliquer ici et entrer F deux fois jusqu'à ce que j'arrive à cette zone qui est rampé jusqu'à ce que je puisse disparaître et monter. Cliquez dessus. Et maintenant, je descends à la taille étrangère. Je clique ici et entrer aussi et cliquez sur cette flèche ici et sélectionnez m. Cela signifie l'accent et maintenant aller au texte dans Cliquez sur un centre de ligne. Maintenant, nous allons sauver ici, et comme vous pouvez le voir, nous avons notre première image. Maintenant survolez ici et cliquez ici pour le diviser en trois sections égales. Et je veux la diriger vers le milieu, puis passez la souris ici et cliquez sur duplicate. Non, survolez celui-ci. Ici, glissez-le et déposez-le ici. Maintenant, cliquez à nouveau sur Dupliquer à partir d'ici et faites glisser celui-ci ici. Maintenant, commençons ici pour celle-là. Ici, passez la souris sur cette icône. Allez l'ajouter. Et maintenant pour l'image. Je veux annuler celui-là. Sa bibliothèque de navigation, allez télécharger des fichiers, sélectionnez des fichiers. Eh bien, alors choisissez celui-ci. Ici. Maintenant, cliquez sur Insérer un fichier l et garder tout le même. Sauf pour le nom de la légende. Ici. Je vais écrire au nom de Michael Stewart. Maintenant, cliquez sur. Sauvegardez. Maintenant va à celle-là. Ici, cliquez dessus. Maintenant, on annule celui-ci ici. Bibliothèque de roulage, téléchargement de fichiers. Sélectionnez les fichiers. Maintenant, faites défiler jusqu'à la dernière image de celui-ci. Ici. Ouvrez maintenant. Allez pour insérer le fichier de votre al Et comme pour la légende ici, je vais entrer le nom d'un clic enregistrer Maintenant nous allons continuer à ajouter les textes ainsi que les boutons ci-dessous ces images. Et dans Exito Auriol Merci d'avoir regardé. 20. SecTION d'équipe(2): Salut. Maintenant, nous allons continuer à ajouter ces textes que vous voyez ici ainsi que de ces boutons. abord, glisser-déposer ce module de texte juste en dessous de celui-ci ici. Maintenant, nous entrons le texte que nous voulons Ne pas avoir préparé mon texte, donc je vais juste le copier et le coller en texte brut ici et l'aligner au centre et choisir celui-ci pour être gras. Non, je vais entrer. Entrez une fois et passez le curseur sur les codes courts. Ici, cliquez dessus. Allez à un bouton. Maintenant, en ce qui concerne le texte du bouton sur lequel je suis. Entrez lire la suite. Quant à la tuile des boutons, je suis sur Entrée media bleu plat et je vais laisser le reste des champs nt. Bien sûr, vous savez comment les tomber et ce que chacun d'entre eux signifie. Maintenant, allons à insérer et ce bouton ici aligné au centre. Maintenant, nous descendons ici pour sauver et nous en avons fini avec le premier texte. Maintenant, survolons ici et dupliquons ce texte et survolons à nouveau et dupliqué à nouveau. Cela rend le travail plus facile et plus rapide. Si vous dupliquez des choses et faites-les glisser ici, faites-le glisser et déposez celui-ci là. Et modifions celui-ci ici, regardez-le. Et je vais sélectionner un autre texte, donc je vais récupérer mon texto d'ici. Maintenant, fais celle-là. gras. Et maintenant, on va sauver ici. Maintenant, nous survolons ici. Regardez-le et je vais entrer mon texto, qui est celui ici. Quelqu' un une copie, puis hâte en texte brut. Juste ici. Maintenant, faites celui-ci ici en gras et cliquez sur. Sauvegardez ici. Maintenant, nous avons créé cette section d'équipe. Cliquons, sauvegardons et maintenant comme les vêtements. Et comme vous pouvez le voir, nous avons fini avec notre section équipe. Maintenant, montons tout le chemin vers le haut et cliquez sur Actualiser pour voir les changements et les effets de chaque section. Maintenant, nous faisons défiler vers le bas et nous voyons les transitions dans la section des services. Nous voyons cette transition d'impulsion de la section d'action. Nous voyons ces progrès plus se charge. Nous voyons ces briquets clients aller et nous voyons la section équipe avec ces images ici s'estomper jusqu'ici. Maintenant, nous avons fini avec la section équipe. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 21. Section de témoignages: Salut. Dans ce tutoriel, je vais vous apprendre comment construire la section des témoignages. Vous voyez ici avec ce beau fond vidéo et ce curseur ici maintenant, la seule chose qui restera après avoir construit la section est d'ajouter ces icônes de médias sociaux que vous voyez ici. Maintenant, allons sur notre site et voyons ce que nous faisons. Jusqu' à présent, nous avons terminé la construction de la section des services. Nous avons construit la section action, la section compétences que vous voyez ici la section clients ici. Et la dernière chose est la section de l'équipe que vous voyez ici, nous allons commencer à construire notre section de témoignage juste après re éditer et obtenir ces images prêtes. Ces images circulaires ici, nous allons d'abord un nouvel onglet et entrez Pick singe point Come P I c m o et K e y e dot com maintenant frappé. Entrez maintenant n'arriverait pas à cette couverture de page sur ajouté Ici, cliquez dessus. Et maintenant, vous choisissez l'image que vous voulez pour ce tutoriel. Je voudrais choisir celui-ci ici. Cliquez sur Ouvrir. Maintenant. La première chose que vous voulez faire quand vous obtenez votre image juste ici est aller à Reese ice et assurez-vous que votre image est sous cette échelle. 600 puis cliquez sur. Postulez maintenant. Quant à cette image, elle est déjà 600 par 600. Mais attention à n'importe quelle image que vous voulez. Assurez-vous que c'est 600 par 600. Allons maintenant aux cadres par ici. Cliquez dessus et allez ici aux coins arrondis. Cliquez dessus et cochez d'abord cette case pour vous assurer que cette image a un arrière-plan transparent . Maintenant, nous allons maximiser le cercle et en faire un cercle complet. Comme vous voyez ce fond que vous voyez, voici un arrière-plan transparent, ce qui signifie que ces carrés ne seront pas dans notre image. Nous ne verrons que cette image circulaire ici. Maintenant, on va sauver. Maintenant, assurez-vous que le type d'image ici comme PNG assurez-vous de sélectionner P n G. Maintenant, allez ici et cliquez sur Enregistrer sur mon ordinateur et nous allons l'enregistrer comme témoignage Underscore pour souligner fait un pas de clic enregistrer et nous allons faire la même chose à la prochaine image. Pas comme ouvrir défiler vers le bas. Faites-le ici, cliquez et ouvrez-le. Maintenant, nous allons dans les coins arrondis et vous cochez cette case ici. Nous le faisons cercle complet et maintenant nous cliquons en toute sécurité. Maintenant, nous nous assurons que c'est PNG juste ici, ressemblait à enregistrer sur mon ordinateur et je voudrais dire que comme soulignement Fait un. Maintenant, cliquez sur Enregistrer. Maintenant, nous fermons cet onglet ici et commençons à construire notre section de témoignages. Maintenant, allons sur notre page et allumons le constructeur ici. Maintenant, nous faisons défiler vers le bas et survolons ici. Cliquez sur Options. Et comme pour le type d'arrière-plan que je voulais à sa vidéo d'arrière-plan, cliquez, parcourir, bibliothèque maintenant télécharger des fichiers et sélectionner des fichiers. Maintenant, vous pouvez choisir cette vidéo que j'ai incluse dans mon contenu. C' est juste là. Stars fond vidéo, cliquez sur Ouvrir Maintenant que la vidéo est téléchargée, concert hebdomadaire tomber votre L. Maintenant, nous faisons défiler vers le bas et cliquez sur Enregistrer ici et maintenant vous pouvez voir que cette section a un fond vidéo. Maintenant, allons de l'avant et commençons à ajouter le texte glisser-déposer ce module de texte juste ici. Maintenant, en ajoutant des témoignages. Sélectionnez le texte. Maintenant, nous voulons choisir la rubrique pour la rendre audacieuse. Rends-le centré. Et quant à la couleur, je veux choisir le blanc pour nous la rendre visible. Maintenant, nous passons par un style et faisons défiler vers le bas jusqu'à un tapotement. Et pour le haut, je veux l'annonce en 30 pixels pour le fond, nous voulons ajouter zéro. Non, cliquez sur Enregistrer. Maintenant, nous obtenons le diviseur que vous voyez ici nous avons dupliqué d'abord et maintenant un glisser-défilement vers le bas . Ensuite, nous le déposons juste en dessous de celui-ci. Maintenant, nous survolons le diviseur ici et divisé en trois sections égales et le faites glisser vers le milieu. Et maintenant, nous voulons l'annonce dans le curseur, le glisser, et déposer ce briquet juste en dessous. Ici. Maintenant, en ce qui concerne l'affichage ici, nous voulions utiliser du texte. Celle que vous voyez ici. Maintenant, nous entrons d'abord le texte que nous voulons. J' ai mon texte prêt. Donc je vais juste le copier d'ici et le coller juste ici. Maintenant, nous ajoutons l'image. Cliquez donc sur Ajouter un média. Maintenant allez Toe télécharger des fichiers, sélectionnez des fichiers. Maintenant faites défiler vers le bas et vous pouvez voir que nous l'avons juste ici. L' un ou l'autre de ces deux. D' abord, je vais entrer celui-ci ici, cliquez sur Ouvrir. Maintenant, nous cliquons insérer dans le post, et maintenant nous maximisons un peu d'ici ce trimestre. Cliquez et faites défiler vers le bas. Maintenant, comme pour cette image juste ici, je veux la minimiser à environ 200. Maintenant, nous avons ici et une ligne à gauche pour que nous puissions ajouter ce texte à droite. Maintenant, nous cliquons ici juste avant le texte et cliquez sur les codes courts. Maintenant, passez par des promenades juste ici. Cliquez dessus. Maintenant, En ce qui concerne le style de la boîte, c'est presque le même que les boutons. Mais il y a une chose qui est différente, c'est la marque que vous voyez ici. Celui-ci s'appelle le commentaire, et cette boîte est juste appelée arrondie, et nous allons l'ajouter à partir d'ici. Maintenant, Nous ajoutons d' abord la couleur de la boîte, qui est bleu. Dans notre cas, comme vous le voyez, c'est bleu. La prochaine chose que nous entrons en tant qu'icône que vous voyez ici, celle-ci s'appelle le Common. Donc, nous revenons en arrière et et son commentaire maintenant entrer dans l'espace et entrer dans le style de la boîte, qui sera autour d'elle. Dans notre cas. Comme vous pouvez le voir, il a des coins arrondis. Maintenant faites défiler vers le bas et cliquez sur Insérer. Et vous voyez ces codes ici. Vous voulez sélectionner celui-ci ici, puis faites-le glisser vers le bas juste après celui-ci. Ici. Maintenant, faites défiler vers le bas et cliquez sur. Ajouter une nouvelle ligne. Maintenant, nous avons cette nouvelle rangée. Nous entrons d'abord le texte que nous voulons. Je vais coller le texte que j'ai reçu et je vais changer le nom de la personne là-bas . Maintenant, nous allons ici, nous sélectionnons ce code à partir d'ici. Copier. Maintenant, faites défiler vers le bas et collez-le juste avant le texte ici sous forme de texte brut. Maintenant, nous copions celui-ci ici aussi et le collons ici juste après celui-ci ici comme texte brut aussi. Maintenant, nous cliquons ici et cliquez sur Ajouter un média. Maintenant, nous allons Toe télécharger des fichiers, sélectionnez les fichiers maintenant défiler vers le bas. Et ici nous avons dit, comme celui-ci, comme ouvert. Maintenant, nous cliquons sur insérer dans le post et nous le réduisons d'abord. Cliquez dessus maintenant, Minimisez à partir d'ici à 200. Maintenant, nous cliquons ici, une ligne à gauche et nous faisons défiler vers le bas. Faites cette partie ici et nous allons à la vitesse juste ici et sélectionnez lent. Maintenant, comme pour l'effet, nous sélectionnons fondu Et pour celui-ci ici montrer curseur. Pagination faible comme non et afficher les boutons d'erreur du curseur. Nous cliquons. Non, maintenant on va sauver ici. Maintenant, nous avons notre section de témoignage prêt. Donc nous cliquons. Sauvegardez maintenant, nous cliquons sur la fermeture maintenant nous avons terminé la construction de notre section des témoignages. La seule chose qui reste en tant que papa dans les icônes des médias sociaux ici et avoir un dernier coup d'oeil sur notre page avant de commencer à construire la page suivante. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 22. Ajouter des icônes sur les réseaux sociaux: haut. Maintenant que nous avons construit notre section de témoignages, la seule chose qui reste sur notre page d'accueil à ajouter est les icônes des médias sociaux ici bas. Maintenant, revenons. Et il y a encore une chose. Je ne vous apprendrai pas à faire, ce qui est si vous allez à cette image juste ici. Si vous cliquez dessus, vous verrez qu'il s'affiche dans une boîte lumineuse ici. Maintenant, afin d'annuler cette fonctionnalité et de faire déclipser cette image Kable, nous allons d'abord activer le constructeur. Maintenant, nous faisons défiler vers le bas et nous survolons celui-ci. Ici, cliquez dessus. Maintenant, nous cliquons sur cette image ici et vous voyez cette édition Ici vous cliquez dessus. Et si vous voyez ici lié au fichier multimédia, nous cliquons sur aucune ici et maintenant cliquez sur Mettre à jour. Maintenant, nous faisons défiler vers le bas jusqu'à l'image suivante. Nous cliquons dessus et nous cliquons sur celui-ci ici. Maintenant, comme pour lié à ici, nous cliquons sur aucun. Maintenant, nous cliquons sur la mise à jour Maintenant, nous cliquons sur Enregistrer et il y a une dernière partie ici. Si vous voyez cette section ici, elle est blanche. Nous ne voulons pas que cette section apparaisse sur notre page. Donc, nous survolons ici, nous cliquons sur supprimer. Maintenant, nous cliquons sur sauver et faible comme les vêtements. Maintenant, si tu descends, tu vois que si tu cliques sur cette image, ça ne va pas apparaître dans une boîte. Allons maintenant et commençons à ajouter nos icônes de médias sociaux ici, qui s'afficheront sur toutes les pages du pied de page. Non, d' abord retourner au tableau de bord et aller à ultra. Maintenant, allez ici à travers les liens sociaux et vous voyez ces boîtes de médias sociaux, toutes. Nous allons commencer par Twitter ici. En ce qui concerne le lien que vous ajoutez dans le lien vers votre compte Twitter ici. Donc, je vais ajouter un signe de hachage afin de faire apparaître l'icône de Twitter sur le pied de page mais ne fait aucun lien vers n'importe où Maintenant, comme pour la couleur de l'icône, nous cliquons ici et allons toe blue. Combien était une couleur bleu clair pour ça ? Maintenant, en ce qui concerne la couleur de fond, je veux taper F six fois neuf. Cliquez ici pour qu'il ait un fond blanc. Maintenant, faites défiler. Celui-ci est Facebook. Comme vous pouvez le voir, c'est juste un texte pour que vous puissiez le modifier et entrer ce que vous voulez. Maintenant, en ce qui concerne le lien, vous entrez ici un hachage. Et quant à l'icône, vous voyez que c'est f un Facebook. Vous savez comment insérer une icône en cliquant ? Insérez l'icône ici et vous choisissez l'icône que vous voulez en cliquant simplement sur l'icône. Ou si vous ne voulez pas regarder dans cette longue liste d'icônes si vous venez de taper F A tiret Facebook et l'icône Facebook s'affiche sur le pied de page. Maintenant, comme pour la couleur de l'icône, je veux dire regarder comme ici aller à la couleur bleue et choisir une sorte de bleu foncé. Quant à l'arrière-plan, je vais choisir F six fois pour un fond blanc. Maintenant, le suivant est Google. De plus, je vais faire un lien orteil nulle part, donc il suffit d'entrer un hachage Sauf si vous avez un compte Google plus et entrez votre AL ici a pour la couleur de l'icône. Je vais choisir une couleur rouge. Il suffit d'entrer la couleur qui vous convient le mieux. Et pour la couleur d'arrière-plan, entrez blanc. Maintenant, Quant à YouTube, je suis sur entrer un hachage. Quant à la couleur de l'icône, je vais choisir presque la même chose que Google Plus. ce Pource qui est de la couleur de fond, on va la rendre blanche. Et si vous voyez ici, il y a un autre compte ajouté une icône de plus sur les réseaux sociaux. On ne veut pas ça. Donc, nous cliquons simplement sur ce X ici et nous n'avons que quatre icônes qui apparaissent dans le pied de page. Maintenant, si vous voulez ajouter d'autres icônes de médias sociaux, il vous suffit de cliquer sur Ajouter un lien ici et cette case apparaît, vous entrez les informations comme nous l'avons fait auparavant. Maintenant, nous allons annuler celui-ci son Cliquez sur Enregistrer Et si vous remarquez les icônes que nous avons choisies ici, ici, ici et ici, ils apparaissent tous sur le site Par ici, ici, ici et ici. Revenons à notre page. Et si vous voyez, même si vous actualisez la page, les icônes des médias sociaux ne s'afficheront pas encore dans les quatre car nous devons les ajouter manuellement en tant que widget. Donc, nous allons d'abord personnaliser ici. Maintenant, nous allons ici pour les widgets et maintenant nous allons à pied ou widget social ici. Maintenant, nous cliquons sur ajouter widget. Non, nous faisons défiler vers le bas pour simplifier les durées sociales. Nous cliquons dessus sur vous voyez, si vous descendez au pied de page que les icônes des médias sociaux apparaissent ici. Mais ils sont en quelque sorte petits. Donc on va aller ici la taille de l'icône des orteils. Cliquez dessus et elle était grande. Maintenant, vous voyez que les icônes des médias sociaux sont assez grandes pour être visibles ici, et par cela nous concluons la page d'accueil. Nous cliquons, enregistrons et publions. Non, nous cliquons ici pour revenir en arrière, quitter cette page et maintenant nous avons terminé avec la première page, la page d'accueil. Examinons et voyons ce que nous avons construit. Jusqu' à présent, nous avons construit cet en-tête. Nous avons ajouté la page d'accueil, le logo, l'escroc préféré, cette belle image de fond. Et lorsque nous faisons défiler vers le bas, nous avons ajouté la section Services. Nous avons ajouté ici la section action avec un effet de traction. Nous avons ajouté la progression Mars ici nous avons ajouté la section clients ici avec ces beaux curseurs. Nous avons ajouté une section d'équipe ici, et la dernière chose que nous avons ajoutée était le témoignage de section. Et puis nous avons ajouté les icônes de médias sociaux que vous voyez ici et si vous remarquez qu'il y a cette époque ici que si vous cliquez dessus, vous allez en haut de la page. Maintenant, après avoir créé cette page d'accueil, nous commencerons à créer et à éditer la page de la galerie. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 23. Créer une page de galerie: Salut. Maintenant, nous allons commencer à créer et éditer notre page de galerie. Nous allons créer cette belle page qui commence d'abord par cette grande et belle vidéo de fond. En faisant défiler vers le bas, nous pouvons voir cette section d'arrière-plan animée ici et ceci une belle image d'arrière-plan avec la fonction de défilement parallaxe. Et comme nous faisons défiler vers le bas, nous allons à notre galerie avec cette belle et animée en-tête de fond. En descendant, nous voyons la belle galerie que nous avons créée. Et quant à cet arrière-plan, c'est un arrière-plan de parallaxe. Et si vous remarquez si vous cliquez sur l'une de ces images, elles apparaissent dans une boîte lumineuse. Il vous pouvez choisir n'importe quelle image que vous voulez, et vous pouvez aller et venir entre eux avec ces erreurs sur les côtés et quand vous avez terminé , vous cliquez sur ce X Ici, il va droit à sa place et à la fin ici vous voyez ces icônes de médias sociaux que nous avons précédemment ajoutées. Ils apparaissent sur toutes les pages à partir de maintenant. Maintenant, allons sur notre site Web et commençons à créer la page de la galerie d'abord. Passez par nouveau ici et cliquez sur la page. Maintenant, nous entrons le titre de la page ici. Donc on va entrer dans la galerie et on descend ici. En ce qui concerne le contenu avec, nous choisissons celui-ci ici avec Full with. Maintenant, comme pour le filtre de survol d'image, nous ne choisissons aucun. Et comme pour Masquer le titre de la page, ce qui était oui, parce que nous ne voulons pas que la page intitulée s'affiche au début de la Beijing Maintenant nous cliquons sur Publier. Maintenant, nous allons par ici et cliquez sur voir la page. Et comme vous pouvez le voir, nous avons créé la page de la galerie. Nous commencerons à éditer la page de la galerie en cliquant sur le bouton Builder ici. La première chose que nous allons ajouter, il y a cette belle vidéo de fond que vous voyez ici. Donc, nous allons à notre page, nous passons ici comme des options. Maintenant, en ce qui concerne l'effet, nous cliquons ici et entrez F deux fois pour choisir Fade en bas ici. Maintenant, comme pour le type d'arrière-plan, qui était vidéo Comme pour la vidéo d'arrière-plan, ici nous allons à une bibliothèque de navigation. Nous téléchargeons des fichiers et nous avons sélectionné les fichiers d'ici maintenant, dans le contenu que vous avez téléchargé. Il y a cette vidéo appelée l'eau. Nous le choisissons à moins que vous ayez votre propre vidéo sur votre entreprise. Agissez comme ouvert Maintenant, Cette vidéo peut prendre un certain temps à télécharger, alors asseyez-vous et détendez-vous jusqu'à ce qu'il télécharge complètement. Maintenant, nous allons insérer suivre votre maladie ici et maintenant nous faisons défiler vers le bas jusqu'à ce que vous voyez désactiver Audio Ici, nous cliquons dessus et il ya d'autres fonctionnalités que vous pouvez jouer avec ici, par exemple, désactivé. Boucle. Ici. Cela signifie que la vidéo ne joue que ceux et ne Luke pas et recommence quand il se termine. Maintenant, nous faisons défiler vers le bas jusqu'à un tapotement, nous ajoutons dans 3 94 le haut et 3 90 pour le bas et nous faisons défiler vers le bas pour enregistrer. Et comme vous pouvez le voir ici, nous avons notre arrière-plan vidéo et il y a une autre chose que nous allons ajouter à ce fond vidéo, qui est un texte vide juste pour glisser et déposer ce texte ici. Maintenant, nous ne allons pas entrer quoi que ce soit, donc juste comme enregistrer ceci est pour que nous puissions ajouter un autre module ici parce que cette section ne apparaît pas à moins que nous ayons quelque chose dans la section précédente. Et changer l'arrière-plan n'est pas considéré comme un changement de module. Donc, nous devons ajouter un module ici n'importe quoi, même s'il est vide. C' est pourquoi nous avons ajouté le module de texte ici. Maintenant, nous allons continuer à construire la page de la galerie dans le prochain tutoriel. Merci d'avoir regardé. 24. Créer la page de galerie (1): Salut. Maintenant, nous allons continuer à éditer et construire notre page de galerie. La première chose que nous allons faire avant d'ajouter cette section ici est de faire cet en-tête. Vous voyez ici transparent. Donc, nous allons à notre tableau de bord, nous allons à travers les pages juste ici. Maintenant, nous allons à une galerie par ici, cliquez sur la tête. Et maintenant, nous allons à une apparition de thème ici. Faites défiler un peu vers le bas. Et ici avait son parcours qui était transparent. Non, nous faisons défiler vers le haut, nous cliquons sur la mise à jour juste ici et nous allons à nouveau dans notre galerie. Non, Si nous cliquons sur Enregistrer et les vêtements maintenant, allez ici et cliquez. Rafraîchir. Vous voyez que l'en-tête est maintenant transparent et nous pouvons voir cette belle vidéo par derrière . Maintenant, commençons à ajouter cette section ici avec ce texte et ce bouton. Allons à notre page et allumons Builder. Maintenant, on descend. Faites cette section ici. Nous survolons ici et cliquez sur les options maintenant d'abord. Quant à la largeur de ligne qui était plein serait comme pour l'effet ici qui a été fondu dans donc il suffit entrer F deux fois et va automatiquement à fondu dans Maintenant comme pour le mode d'arrière-plan. Nous choisissons la couverture complète d'ici et maintenant nous faisons défiler vers le bas pour texter une ligne juste ici et ressembler au centre. Ensuite, faites défiler vers le bas jusqu'à ce que vous voyez une classe CSS supplémentaire. Et ici, vous entrez le tableau de bord animé B G. Assurez-vous d'entrer ce droit. Et ne parlez pas parce que ça ne marchera pas. Et c'est pour l'animation de l'arrière-plan. Quant aux couleurs, ce sont les couleurs. Vous voyez que nous avons ajouté à notre thème ici. Si vous allez aux paramètres et que nous faisons défiler vers le bas, vous voyez que ces couleurs ici seront ajoutées à l'arrière-plan de la section. Une fois que nous tapons dans cette salle ici, pas de clic enregistrer, et vous pouvez voir que cette section a une couleur d'arrière-plan animée. Maintenant, glisser-déposer ce module de texte juste ici, puis entrez le texte. Vous voulez parler de votre entreprise ou de votre galerie ? Je vais entrer ce texte ici. Maintenant, nous sélectionnons notre texte, nous le faisons se diriger vers le financement. Nous le rendons en gras et l'alignons au centre. Maintenant, on touche Entrée. Une fois que nous passons par des codes courts ici et nous cliquons sur un bouton. Maintenant, en ce qui concerne le texte du bouton, je vais taper « Connect » avec nous. En ce qui concerne le style de bouton, je vais taper en grand contour et je vais laisser le reste anti, puis cliquez sur insérer. Maintenant, sélectionnez le code du bouton et l'aligner au centre, puis allez le style des orteils ici. Maintenant, faites défiler jusqu'à Patty. ce Encequi concerne le haut, je vais entrer 30 ans. En ce qui concerne le fond, je suis une réponse. 10. Maintenant, nous allons à enregistrer ici, Cliquez sur Enregistrer. Et comme vous pouvez le voir, nous avons construit avec succès cette section animée. Maintenant cliquez, enregistrez et faites défiler vers le bas afin que nous puissions ajouter cette image d'arrière-plan ici avec ce texte au milieu . Alors revenez en arrière et faites glisser et déposez le module de texte juste ici. Non, je vais entrer dans un design soigné. Je vais sélectionner ce texte. Je vais le faire en avoir un, aligner au centre, la rendre audacieuse et changer la couleur en blanc. Ensuite, nous passons par un style ici et nous faisons défiler vers le bas jusqu'à tapoter. Je vais entrer pour 60 pour le haut et 60 pour le bas. Maintenant, nous cliquons. Enregistrer maintenant nous allons ici et cliquez sur les options. En ce qui concerne le type d'arrière-plan, nous le gardons à l'image. Et nous avons amené sa bibliothèque pour sélectionner notre image. Nous téléchargeons des fichiers, nous sélectionnons des fichiers et nous avons sélectionné l'image ici. Cliquez sur Ouvrir. Maintenant, nous cliquons sur Insérer le fichier de votre L. Maintenant, Maintenant, comme pour l'ambiance de fond, je voudrais sélectionner Parallax défilement à partir d'ici. Maintenant, nous faisons défiler vers le bas et cliquez sur Enregistrer ici et nous avons terminé avec cette section. Donc, nous cliquons sur Enregistrer et les vêtements pour voir les changements que nous avons faits. Maintenant, il fait défiler vers le haut. Vous voyez cette belle image au sol avec cette parallaxe défilant au sol Et vous voyez cette section animée avec ces couleurs qui changent en douceur et cette vidéo que nous avons construite précédemment ? Maintenant, si vous remarquez que ce bouton est un peu loin du texte, alors on doit allumer le constructeur. Maintenant, nous faisons défiler vers le bas et nous cliquons ici pour éditer le texte. Et si vous voyez qu'il y a un espace entre le texte et le bouton, donc nous avons juste effacé l'espace, puis cliquez sur Enregistrer et je voudrais enregistrer à nouveau ici et cliquez sur Fermer. Maintenant, si vous allez jusqu'au sommet. Tu vois ça ? Ce chignon s'affiche ici et la distance est bonne entre le bouton et le texte. Dans le prochain tutoriel, nous allons continuer à construire la galerie en ajoutant ceci et la galerie juste ici avec cette section. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 25. Créer la page de galerie (2): haut dans le secteur continuera à construire notre page de galerie. Maintenant, nous allons ajouter ce bel en-tête avec ce fond animé et insérer ces images de galerie et fond. Maintenant, allons à notre page. Faites défiler vers le bas et activez Builder. Maintenant, nous faisons défiler ici nous survolons cette partie ici, nous cliquons sur les options. Maintenant, pour cette partie ici, nous allons juste faire défiler tout le chemin vers le bas et classe CSS supplémentaire . On va entrer dans n'importe quel tableau de bord maté ce qui fait qu'il a un fond animé. Maintenant, nous allons comme, enregistrer Maintenant, vous pouvez voir ce fond animé ici. Maintenant, glisser-déposer ce module de texte ici. Maintenant, nous entrons le titre sur une galerie et j'ai mon texte prêt donc je vais juste le coller Maintenant, nous sélectionnons le texte entier. Nous sélectionnons la police pour aller vers nous la rendre audacieuse, alignons au centre et maintenant nous allons styler les orteils ici. Et en ce qui concerne l'effet, nous terminons son fondu dans Donc, nous tapons juste f deux fois Il descend ici nous cliquons dessus et maintenant nous faisons défiler vers le bas jusqu'à un rembourrage Nous ajoutons 30 pour le haut et 30 pour le bas. Maintenant, nous cliquons sur Enregistrer ici et nous avons notre en-tête prêt pour la galerie. Maintenant, nous avons le titre animé de cette galerie que nous allons créer fait. Allons de l'avant et commençons à créer une galerie d'art elle-même. Couvrir ici Cliquez sur les options afin que nous puissions ajouter à l'arrière-plan de la galerie. Maintenant, abord, comme pour le rôle, avec nous sélectionnons pleine largeur et maintenant nous descendons ici à une image de fond comme la bibliothèque de sourcils . Nous allons Toe télécharger des fichiers, nous sélectionnons des fichiers et nous descendons à cette image ici, nous cliquons sur ouvrir. Maintenant, nous cliquons. Insérez le fichier de votre l et assurez-vous quelle que soit les images que vous choisissez ici. Assurez-vous qu'il y a une haute résolution, car vous ne voulez pas que des images floues s'affichent sur votre galerie. Il devrait être professionnel et en vedette. Maintenant, passons à un fond tondu ici et sélectif e para Lexus défilement et maintenant faites défiler vers le bas jusqu'à un remplissage et en ajoutant 40 pour le haut. Maintenant, faites défiler à nouveau vers le bas et comme enregistrer ici. Maintenant, insérons notre galerie ici. Descendez ici. Deux du module de la galerie font glisser et déposez-le juste ici. ce Pource qui est de la mise en page de la galerie, on va la garder sur une grille. Quant à la vignette avec, je vais sélectionner 400. Quant à la hauteur, je vais sélectionner 300 et maintenant ici pour l'apparence de l'image. Je vais rester arrondi, vérifié ici, et cliquer sur le braquage juste ici. Vous êtes libre d'utiliser l'un ou l'autre de ces deux aussi. Maintenant, insérons nos images réelles d'ici. Cliquez sur dans la galerie de démarrage Maintenant allez à télécharger des fichiers ici. Cliquez maintenant sur Sélectionner les fichiers. Maintenant, afin de sélectionner toutes les images de notre galerie ensemble, nous devons appuyer et maintenir le bouton de contrôle de votre clavier. Sélectionnez ensuite les images. Maintenant, nous cliquons sur ouvrir. Maintenant, nous cliquons sur ajouter à la galerie ici. Et voici notre galerie par ici. Maintenant, s'il a remarqué sous chacune de ces images, il y a un espace de texte qui nous permet d'entrer la légende que nous voulons pour cette image qui apparaîtra sur la page. Donc, je vais juste entrer les textes pour mes images. Maintenant que j'ai entré mon texte, nous devons aller ici lié à et sélectionner le fichier multimédia. Cela fait apparaître l'image dans une zone lumineuse lorsque vous cliquez dessus. Si vous ne voulez pas que l'image apparaisse dans une boîte lumineuse, vous pouvez en sélectionner aucune. Mais pour l'instant, je vais juste le garder dans le fichier multimédia et m'assurer que le nombre de colonnes est de trois. Et maintenant, nous allons ici et cliquez sur Mettre à jour la galerie. Maintenant, nous allons styler les orteils ici et pour l'effet ici, nous sélectionnons fondu dans. Alors entrez F deux fois, ça descend ici. Et comme pour le texte ici, nous alignons le centre et maintenant faisons défiler vers le bas jusqu'à un remplissage et entrez 84 le haut et 24 le droit 84 le bas et 20 pour la gauche. Maintenant, faites défiler vers le bas et, comme enregistrer ici. Et si vous faites défiler vers le bas, vous pouvez voir notre belle galerie avec ces images et ce fond d'écran Non, ici, nous avons besoin d'orteils. Supprimez cette section ici, Alors passez la souris ici et cliquez sur Supprimer maintenant, comme sauvegarder ici et les vêtements. Maintenant, nous voyons que notre galerie est faite avec ces belles images et ce fond de parallaxe Maintenant, nous allons au haut de la page. Et si vous remarquez que la galerie ici n'est pas la même que celle-ci ici parce que la maison ici vient avant la galerie. Ne vous inquiétez pas pour ça. Une fois toutes les pages terminées, je vais vous montrer comment les organiser dans l'ordre que vous voulez et lequel vient avant l' autre. Maintenant, la prochaine chose que nous allons faire comme créer notre page blawg Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 26. Créer une page de blog et une première publication: Salut. Maintenant, nous allons commencer à créer et construire sont bloqués Page d'abord, nous allons créer ces faire de beaux messages ici. Nous allons créer ces images et ajouter ces textes que vous voyez ici, puis nous allons créer cette barre latérale et ajouter tous ces widgets, en commençant par la boîte de recherche que vous voyez ici et en descendant sur un Facebook comme des promenades que vous voir ici que vous pouvez lier à votre page Facebook et en ajoutant cette boîte d'abonnement ici, les sites que nous allons ajouter ce flux Instagram light show dans lequel vous pouvez lier à son compte Instagram qui affichera les images sur votre compte instagram comme un diaporama ici et dernier. Nous allons ajouter dans cette section ici avec les messages les plus commentés qui montrent les trois premiers messages populaires sur votre bloc. Maintenant, allons à notre tableau de bord et passons par les pages ici. Maintenant, cliquez sur ajouter de nouveaux ici. Maintenant, nous entrons d'abord le titre de la page, qui est bloc, et nous faisons défiler cette section ici. Et en ce qui concerne l'option de la barre latérale, qui est cette option ici, nous descendons au filtre de survol de l'image. Il suffit de le garder à la valeur par défaut, qui est l'échelle de gris et de l'appliquer pour mettre en vedette des images sur Lee. Parce que si vous l'avez dit à toutes les images, le logo du site deviendra gris une fois que vous passez la souris dessus. Et nous ne voulons pas ça parce que ce n'est pas professionnel. Nous avons seulement besoin des images de poste pour devenir grises une fois que nous les survolons. Maintenant, comme pour le titre de la page haut de gamme ici, ce qui était oui, parce que nous voulions que le titre de la page apparaisse. Et maintenant, nous allons à une apparition de thème juste ici. Nous sélectionnons cette option ici et l'arrière-plan de l'en-tête. On va le garder solide. Et maintenant, nous allons ici et cliquez sur Publier. Maintenant, nous retournons à notre site Web. Si vous cliquez sur Actualiser, vous pouvez voir que la page bloc est ajoutée ici. Maintenant, cliquez dessus maintenant. Comme vous pouvez le voir ici, c'est notre page de bloc et ces widgets sur le côté ici sont la barre latérale par défaut Widgets Ne vous inquiétez pas pour eux. Nous allons les supprimer et ajouter nos propres widgets. Mais d'abord, nous allons commencer à créer les publications, alors revenez à un tableau de bord et passez par les messages ici. Maintenant, cliquez sur Ajouter Nouveau ici. Non, nous entrons d'abord le titre de notre post, qui est de construire des sites Web étonnants. Maintenant, nous entrons le texte de l'article le contenu que nous voulons inclure dans le post. J' ai mon texte divers. Je vais juste le copier et le coller ici en texte brut. Maintenant, nous allons ici pour ajouter une nouvelle catégorie afin que nous puissions ajouter la catégorie pour ce post. Je vais taper des techniques de conception, puis cliquer sur Ajouter une nouvelle catégorie. Maintenant, vous pouvez entrer autant de catégories que vous le souhaitez, mais pour l'instant, nous allons juste en entrer une, qui est celle-ci ici. Et puis vous descendez ici pour les tags et vous entrez la balise pour le post. Je suis sur la fin de son design ultime, et il est vraiment important d'entrer au moins une balise pour votre post car il aide les moteurs de recherche , fille et trouver votre site Web et les hôtes de votre blog. Maintenant, nous descendons ici à travers l'image en vedette. Maintenant, afin d'ajouter cette image que vous voyez ici, nous devons l'éditer comme nous le voulons. Donc, nous allons à ce site avant point com Maintenant, nous allons l'ajouter ici, et nous sélectionnons l'image que vous voulez maintenant pour ce tutoriel. Ominous a été post un que vous pouvez voir dans le contenu que vous avez téléchargé et cliquez sur ouvrir. Maintenant, vous pouvez voir l'image juste ici. Nous allons d'abord redimensionner ici et entrer 7 85, puis nous passons par la taxe ici et nous entrons un texte. Simon, entrez le processus S e o. Et quant à la taille du fonds, vous cliquez ici, hominid. Choisissez 82. Et quant au fonds lui-même, je vais choisir celui-ci. Voici un bisou, chatouille. Vous pouvez voir qu'il se charge ici. Une fois le chargement terminé, les fonds seront appliqués. Maintenant, on fait glisser le texte où on veut, donc je vais le faire glisser ici. Et puis on va sauver ici. Et en ce qui concerne la qualité, c'est correct si vous choisissez normal, puis cliquez sur Enregistrer sur mon ordinateur. Je vais le sauver en tant qu'hôte. Souligner un trait de soulignement. Fait. Pas de clic enregistrer et revenir à notre tableau de bord. Si vous descendez ici, deux image en vedette, cliquez, parcourir, bibliothèque, télécharger des fichiers, sélectionner des fichiers et puis nous allons vers le bas ici Donc celui-ci ici post. Fait. Cliquez sur Ouvrir. Maintenant, nous allons insérer des dégâts ici et vous pouvez voir que l'image vient clou est en train de montrer ici. Maintenant, nous allons publier ici et cliquez dessus. Maintenant, nous avons publié avec succès notre premier post. Maintenant, il est temps de l'ajouter à notre Blawg. Allons à notre blawg et allumons le constructeur d'ici. Ensuite, vous allez ici au module post glisser-le déposer là. La première chose que nous voulons ajouter est la limite ici. Donc je vais choisir 55 animateurs du spectacle, comment on fait défiler vers le bas. Et quant à l'affichage, je vais afficher un extrait parce que je ne veux pas afficher tout le post sur la page. Je veux afficher un extrait afin que les utilisateurs puissent cliquer sur le post et la vue de l'ensemble du post si vous voulez, puis défilé vers le bas et vers le bas ici pour cacher meta post. Je vais vérifier. Oui, maintenant nous pouvons regarder enregistrer ici et vous pouvez voir que le post est ajouté avec succès au bloc. Maintenant, si vous remarquez que c'est juste ici un peu proche de l'en-tête. Donc on va juste ajouter un bout de rembourrage, on le descend un peu, alors passez la souris sur cette partie juste ici. Cliquez sur Options. Maintenant, nous faisons défiler vers le bas jusqu'à un rembourrage et ajoutons 80 pour le haut. Maintenant faites défiler vers le bas et, comme enregistrer et vous voyez qu'il est descendu un peu. Maintenant, allons-y, comme enregistrer et fermer pour voir notre post. Vous pouvez voir que nous avons ajouté le premier post sont blanc et il semble beau. Maintenant, si vous passez le curseur sur ce post, vous voyez qu'il devient gris et nous continuerons à ajouter le deuxième post et les autres widgets de la barre latérale dans les tutoriels suivants. Merci d'avoir regardé. 27. Créer le deuxième post: Salut. Maintenant, nous allons créer notre deuxième post. Alors revenons à notre page de messages et allons ici pour ajouter de nouveaux. Maintenant, nous entrons le titre du post ici, donc je vais coller le mien. Et en ce qui concerne le message, j'ai mon texte, Freddie. Donc je vais juste copier et le hâter. Maintenant, nous passons par catégories ici et ajoutons une nouvelle catégorie, et je vais entrer s e o. Ensuite, cliquez sur Ajouter une nouvelle catégorie. Maintenant, ici. En ce qui concerne les attaques, je vais entrer WordPress et S e o. puis cliquez sur Ajouter. Maintenant, comme pour l'image en vedette, nous allons construire notre image sur le dossier. Alors retournez à ce site, cliquez sur effacer et en bas ici et puis, comme, ouvrir. Maintenant, nous sélectionnons cette image juste ici Post, aussi. Maintenant, nous allons redimensionner ici, et nous allons le redimensionner à 7 85, puis passer par une taxe ici et je vais entrer mon texte maintenant. Je vais sélectionner le texte et ajouter la police. Je vais faire des polices ici et sélectionner artistique Oh, puis je vais faire glisser ce texte ici et je vais l'aligner à cette partie juste ici. Et en ce qui concerne le fonds, je veux choisir ce front ici. Alors nous avons fini. Donc je vais le droguer un peu ici, puis cliquez sur Enregistrer ici et sélectionnez la qualité normale . Merci. Sauvegardez sur mon ordinateur, et je vais le sauvegarder par opposition à fait. Cliquez ensuite sur. Sauvegardez. Maintenant, on retourne par ici. Et quant à l'avenir, il image, j'ai basculé entre ceci et cette image de poste. Donc, je vais juste sélectionner cette image ici pour ce post et la bibliothèque Browns, puis télécharger des fichiers. Ce sont des fichiers sélectionnés. Maintenant, on descend ici et je vais choisir celui-ci d'abord. Cliquez ensuite sur Insérer l'image. Maintenant, nous cliquons. Publiez ici. Et je vais passer par tous les messages ici et pour ce post juste ici. Combien ? Cliquez dessus. Ensuite, je vais descendre ici et d sélectionner celui-ci ici et télécharger celui que nous venons de créer. Cliquez sur télécharger des fichiers, sélectionnez des fichiers, puis faites défiler vers le bas et sélectionnez celui-ci ici. Maintenant, nous cliquons sur les dommages et nous avons l'image que nous voulons ici. Maintenant, nous cliquons. Je suis des jours juste ici. Maintenant, on va à notre Blawg. Et si vous cliquez sur, actualiser ici, Vous verrez l'autre post montrant. Maintenant, nous avons créé avec succès au deuxième poste pour notre bloc. Maintenant, comme vous pouvez le voir ici, le post que nous avons créé plus tard apparaît au-dessus de celui que nous avons créé plus tôt. Maintenant, dans le prochain tutoriel, nous allons commencer à éditer cette barre latérale et ajouter les widgets que nous voulons. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 28. Édition du Sidebar(1): Salut. Maintenant, nous allons éditer la barre latérale. Nous allons d'abord ajouter dans la boîte de recherche que vous voyez ici ainsi que la boîte Facebook like. Allons sur notre site et cliquez sur Personnaliser ici. Maintenant, nous cliquons ici et allons vers le bas vers les widgets ici, puis aller dans une barre latérale ici et vous pouvez voir que ce sont les widgets de la barre latérale par défaut Nous allons faire. Laissez-les un par un. Sauf pour cette recherche ici. Votre premier vous cliquez sur cet air ici et cliquez, supprimer et faire la même chose pour le reste. Maintenant, comme pour cette recherche ici, nous cliquons sur la flèche et nous tapons le titre, qui sera la recherche. Maintenant, vous pouvez voir ici que les autres widgets ont disparu sauf pour la recherche ici. Allons de l'avant et commençons à ajouter cette boîte Facebook comme ici. Afin d'ajouter cette boîte, nous devons installer une prise appelée la boîte Facebook comme inondée. Allons à notre tableau de bord, descendez ici pour brancher et cliquez sur Ajouter nouveau. Maintenant, allez ici pour rechercher les plug-ins et tapez dans Facebook comme boîte et assurez-vous que comme boîte est un mot maintenant frappé. Entrez. Et ce serait juste que nous voulons comme celui que vous voyez ici. Pas de clic sur l'installation. Pas comme activer les inondations ici. Et la fiche, il est activé avec succès. Revenons à notre page et cliquez sur Ajouter un widget ici. Et si vous remarquez que le widget Facebook comme boîte n'est pas encore ajouté ici, Nous devons donc cliquer, enregistrer et publier. Cliquez ensuite sur Actualiser ici. Pas comme recharger cette page. Maintenant, nous cliquons ici, allez à nos widgets, allez sur le côté plus et cliquez sur ajouter widget. Maintenant, vous voyez ici le widget Facebook personnalisé avancé comme boîte est ajouté ici. Donc, si nous cliquons dessus, il apparaît ici Vous pouvez voir que le widget est affiché ici sur la barre latérale. Maintenant, nous allons commencer à éditer le widget lui-même. Quant à la femme titre entrer comme nous sur Facebook. Maintenant, si vous passez par le tout ici, vous aurez besoin d'entrer votre page Facebook ou l. Donc je vais copier ma page Facebook ou l et coller ici comme un échantillon. Et si tu vas ici pour le bois. Je vais le garder à 300 maintenant s'il a remarqué que les pages apparaissaient ici. Maintenant, comme pour ce problème de flux ici, je veux le supprimer. Alors je vais ici. Merci, comme non pour le show stream. Maintenant, vous pouvez voir que le flux a disparu et que la boîte lumineuse se montre d'une manière plus élégante . Je descendais un peu. Quant à la couleur de fond, je vais sélectionner Salman blanc, entrer celui-ci ici. Et bien sûr, vous pouvez entrer F six fois. Il va blanc orteil et vous voyez que la couleur de fond ici a changé. Maintenant, nous descendons et je veux cliquer sur Oui, pour l'en-tête et pour le remplissage sur une sélection 0.1. Et quant à la taille du rayon, je vais le garder à 15. Mais pour la taille de la bordure, qui est la bordure que vous voyez ici, je vais sélectionner 0,1 aussi parce que je ne veux pas que la bordure s'affiche. Et 0.1 est le nombre minimum que vous pouvez entrer maintenant nous faisons défiler vers le bas. Et en ce qui concerne le schéma de couleurs, on va le garder plaisir. Et puis on monte ici maintenant si vous remarquez les boîtes qui montrent ici d'une belle manière. Sauf pour cette partie supplémentaire ici, que nous pouvons régler avec la hauteur. Quelqu' un a dit la hauteur pour 2 50, puis cliquez, enregistrer et publier à nouveau. Maintenant, nous avons fini avec notre boîte comme Facebook. Donc, nous minimisons ici. Et la prochaine chose que nous allons ajouter comme cette boîte d'abonnement ici le flux Instagram et le post populaire nous allons les ajouter dans le prochain tutoriel. Merci de regarder et de rester sur cette page. 29. Édition du Sidebar(2): Salut. Maintenant, nous allons continuer à ajouter des widgets à la barre latérale que nous allons ajouter dans cette boîte d'abonnement ici , ce flux Instagram et ces messages populaires ici. Afin d'ajouter la boîte d'abonnement d'abord, nous devons aller à un tableau de bord et passer le curseur sur une presse de récompense chimpanzé mâle, Puis cliquez sur les formulaires. Maintenant, quand vous arriverez à cette page, nous irons dans cette zone juste ici et vous verrez ce code ici ? Ça s'appelle du code HTML. La première chose que nous allons l'ajouter comme titre de la boîte ici, qui ce titre, qui montre ici, sera le titre de cette boîte ici. Donc je vais entrer mon texte, qui est de rester connecté pour plus de magie. Maintenant, maintenant, par ici. Afin d'obtenir ce texte sur le bouton disant, obtenir les dernières mises à jour, vous devez revenir en arrière et la valeur dit valeur ici entre ces citations, tapez le texte que vous voulez, je vais taper et obtenir les dernières mises à jour. Et si vous voyez ici comme pour un détenteur de place au lieu de votre adresse e-mail, vous pouvez changer ce que vous voulez. C' est ce qui apparaît dans la zone vide ici avant que quelqu'un n'entre un texte. Mais pour l'instant, je vais garder celle-là tel qu'il est. Maintenant, revenez ici, et pour que ce bouton soit bleu, nous devons revenir ici et charger du style. CSS cliquez ici et sélectionnez le thème bleu. Vous êtes libre de choisir l'un de ces ici, mais je vais choisir le bleu le maintenant en bas ici nous cliquons, enregistrer les changements et une fois de plus, défiler vers le bas et ici utilisé le code court. Vous devez copier ce code à partir d'ici. Et puis nous retournons à notre page. Nous cliquons, ajoutons widget, nous faisons défiler vers le bas et nous cliquons sur le texte ici. Maintenant, dans le contenu ici, il suffit de coller ce que vous avez copié à partir d'ici. Et puis vous pouvez voir la boîte d'abonnement qui apparaît ici avec ce titre que nous avons choisi Et ce bouton couleur et texte. Maintenant, cliquez sur minimiser ici et cliquez sur Ajouter widget. Faites défiler vers le bas et ajoutez également un texte. Maintenant, dans ce texte, on va placer l'émission de lumière d'Instagram que vous voyez ici. Pour ce faire, nous devons aller dans un nouvel onglet, mais d'abord fermé celui-ci ici parce que nous n'en avons plus besoin. Et entrez point de widget snap Venez vous assurer que vous l'avez. Droit. Snap widget dot com et appuyez sur Entrée. Maintenant, quand vous arrivez à cette page, nous faisons défiler vers le bas. Et c'est la personnalisation de notre flux instagram, que nous choisissons d'abord dans l'utilisateur instagram. Et puis nous voulons donc taper votre nom d'utilisateur instagram. Je vais taper. Cet exemple est votre nom, ou vous pouvez sélectionner un hashtag au lieu du nom d'utilisateur. Quant à la saisiez-vous, vous pouvez choisir l'un de ces types ici. Je vais choisir le diaporama. Et pour la taille de la vignette, je vais sélectionner 90. Et pour Florida Water, je vais sélectionner Oui, et pour la couleur de fond, je vais entrer ce code 6 fois pour le rendre blanc. En ce qui concerne l'effet de vol stationnaire, je vais le garder orteil Aucun. Vous pouvez maintenant prévisualiser le widget avant de l'ajouter à votre page. Cliquez sur l'aperçu ici et vous pouvez voir le widget s'affiche ici avec ce léger spectacle. Si vous cliquez sur Fermer et si, par exemple, nous sélectionnons un grand, puis cliquez sur Aperçu. Vous pouvez voir que les photos ici montrent comme je grille, vous avez le choix de choisir ce que vous voulez de ces types ici. Mais nous allons choisir le diaporama d'ici et ensuite descendre ici pour obtenir le widget. Et puis vous copiez ce code. Vous n'avez pas besoin de copier celui-ci ici parce que c'est juste un commentaire en html. Donc, le café, celui-ci commence d'ici jusqu'ici, puis on retourne à notre page. Nous le collons ici, et nous avons notre widget instagram prêt. Par ici. Maintenant, allons-y. Et dans le dernier widget ici, qui est les messages les plus commentés, si vous minimisez celui-ci ici, cliquez sur ajouter widget et vous faites défiler vers le bas. Nous sélectionnons FIM si je tiret. La plupart ont commenté. Maintenant, pendant qu'il est en train de se charger, on va l'éditer à partir d'ici. Donc, en ce qui concerne le nombre d'hôtes que je suis sur Entrée trois, qui est le nombre maximum d'hôtes le spectacle. Et je suis sur une vignette post d'affichage par ici. Et en ce qui concerne la taille des vignettes, je vais choisir 90 par 60 et si vous faites défiler vers le bas, vous pouvez voir qu'elles apparaissent ici maintenant. Nous avons, genre, minimiser ici, et nous en avons fini avec notre édition de barre latérale. Vous êtes libre d'ajouter n'importe quel nombre de widgets que vous voulez à partir d'ici. Explorez-les et jouez avec eux comme vous le souhaitez. Maintenant, une fois que nous aimons enregistrer, publier et puis cliquez sur le X ici. Pensez à quitter cette page. Nous arrivons à notre page Blawg. Maintenant, nous avons terminé avec notre page de bloc et nous avons ajouté toutes les fonctionnalités que nous voulons. La prochaine chose à faire est de créer et de construire la page de contact. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 30. Créer une page de contact: Salut. Maintenant, il est temps de créer cette page de contact, commençant par cette belle image de fond parallaxe et cette image juste ici au milieu ainsi que ce texte juste ici et cette flèche vers le bas. Ensuite, nous ajouterons ces trois informations de contact sur notre entreprise. Ensuite, nous faisons défiler vers le bas et nous voyons cette belle carte Google ici avec cette eau blanche et ainsi que ce formulaire de contact ici. Maintenant, d'abord, allons à notre tableau de bord et cliquez sur les pages ici. Maintenant, nous cliquons, Ajouter nouveau et nous entrons le titre de la page que nous voulons, qui est contact. Maintenant nous faisons défiler vers le bas. Et en ce qui concerne l'apparence du thème, ici, nous choisissons un fond transparent pour l'en-tête et nous montons. En ce qui concerne les options de page, qui était plein pour le contenu avec ici. Et comme pour le filtre de vol stationnaire d'image, qui était nul. Et quant au titre de la page, nous voulons le cacher. Maintenant, nous faisons défiler vers le haut et cliquez sur Publier ici maintenant, après avoir republié notre page. Revenons en arrière et cliquez sur Actualiser ici. Maintenant, nous pouvons voir que nos pages montrent ici. Cliquez dessus et voyons à quoi il ressemble que vous pouvez voir que cette page est vide maintenant. Alors commençons à y ajouter des modules en premier, Activez le constructeur soit à partir d'ici ou d'ici. Non. La première chose que nous voulons faire ici est de changer la couleur de fond pour cette première partie ici . Donc, nous passons ici, ressemblons à des options. Maintenant, nous allons à une image de fond ici et cliquez sur Bibliothèque de Rob que télécharger des fichiers, Ensuite, sélectionnez des fichiers et nous allons à cette image juste ici et sélectionnez-le. Cliquez sur Ouvrir. Maintenant, nous cliquons sur Insérer le fichier de votre L ici. Et comme pour le fond savoir, ici, nous sélectionnons le Parallax. Et en ce qui concerne la couleur de superposition ici, nous cliquons sur celle-ci ici. Je voudrais sélectionner le noir. Et pour ce qui est de l'opacité ici, je veux dire ici environ 70%. Maintenant, je fais défiler vers le bas et cliquez sur Enregistrer maintenant, Comme vous pouvez le voir, nous avons cet arrière-plan là. Mais comme il n'y a pas de rembourrage, l'image ne s'affiche pas complètement Dans le prochain tutoriel, nous allons ajouter dans cette image juste ici ce texte ainsi qu'une taxe de ces ici. Merci de regarder et de rester sur cette page. 31. Ajouter l'image et les textes: Salut. Bienvenue de retour. Maintenant, nous allons ajouter dans cette image ici ainsi que ces textes ici. abord, glisser-déposer un module d'image d'ici jusqu'à cette zone. Maintenant, comme pour le style d'image ici, nous voulons choisir celui-ci ici pour une image centrée. Et comme pour une majorette, L nous voulons parcourir la bibliothèque, télécharger des fichiers, sélectionner des fichiers. Et il y a cette image ici que j'ai défini les dimensions à 200 par 200. Vous pouvez redimensionner n'importe quelle image que vous voulez sur photo dot com 2 200 par 200 puis téléchargé toe sur le site. Maintenant, cliquez sur Insérer le fichier de votre L. Maintenant, si vous remarquez que cette image est une image carrée , si vous voulez en faire une image circulaire, vous voudriez sélectionner celle-ci ici et sélectionner celle-ci ici. Maintenant, comme ils le feraient ici, on voudrait le mettre à 200 par 200. Demandez maintenant la légende de l'image ici. Je voudrais entrer que nous lisions pour vous. Maintenant, nous allons à un style. Ici, on descend. En ce qui concerne la couleur du fonds ici, je veux sélectionner le blanc, puis faire défiler vers le bas. En ce qui concerne le rembourrage, je veux sélectionner 200 pour le haut et 200 pour le bas. Maintenant, nous descendons et cliquez en sécurité. Maintenant, vous pouvez voir que l'image ici est une image circulaire. Et voici la légende que nous avons ajoutée. Maintenant, il est temps d'ajouter dans ce texte ici avec cette flèche. Maintenant, glisser-déposer un module de texte ici. Maintenant, nous ajoutons dans le texte, get and touch. Nous sélectionnons ce texte et nous sélectionnons en avoir un. Ensuite, nous l'alignons au centre. Et comme pour la couleur inquiétante, choisissez la couleur blanche. Maintenant, comme pour la flèche que vous voyez ici, vous devez passer par le contenu de mon contenu. Votre téléchargement et il y a un fichier appelé vos L. Cliquez dessus et sélectionnez ce texte ici. Copiez-le et ouvrez un nouvel onglet. Et entrez ce texte dans le nouvel onglet puis avait entrer. Non. Quand vous arrivez à cette page, vous faites défiler jusqu'au bas et vous voyez cet aérosol ici. Vous copiez ce code ici et vous retournez là où vous frappez. Entrez une fois et vous allez à un texte ici, puis vous le collerez juste ici. Maintenant, revenez au visuel par ici. Vous pouvez voir qu'il y a là une petite flèche. Nous voulons le rendre plus grand. Donc, nous le rendons d'abord audacieux. Et pour le fonds, qui était en tête. Maintenant, nous le faisons centré. Et c'est notre air par ici. Maintenant, cliquez sur Enregistrer et nous avons notre texte et erreur ici. Maintenant, pour que ce texte soit le même fonds que ce texte ici, nous retournons en arrière. Nous aimons d'abord, économiser ici et des vêtements, puis personnaliser chaque semaine ici. Maintenant, quand vous arriverez à cette partie, nous cliquerons en arrière. Ensuite, nous allons à une tomographie. Ici, nous cliquons sur la tomographie par défaut. Et quant à l'avait un fonds, nous cliquons ici et ici pour la famille de fonds, nous cliquons dessus et tapons dans robo toe. Vous voyez revoter par ici. Donc, vous cliquez dessus et vous remarquez le changement ici. Maintenant, quant à la police, attendez ici. Vous voulez sélectionner 300 et nous allons l'apparence des orteils. Quant à la taille amusante ici. Nous maximisons et minimisons celui-ci ici que nous voulons et je veux choisir 40. Assurez-vous qu'il a dit que c'est le cas. 40 pixels ici, puis hebdomadaire peut minimiser et cliquer, Enregistrer et publier. Par ici. Maintenant, une fois que nous avons fini, vous cliquez sur ce X ici. Merci, Like, laissez cette page. Et maintenant, nous avons terminé avec la première partie de la page de contact. Si vous remarquez une fois que nous faisons défiler le fond de parallaxe ici est montré. Maintenant, allons allumer le constructeur en ajoutant ces textes ici. Tout d'abord, nous faisons défiler vers le bas et nous ajoutons un module de texte glisser-déposer ici. Maintenant, nous entrons le texte que nous voulons J'ai mon texte prêt. Donc je vais juste le copier et le coller d'ici. Non, pour celui-ci ici, je veux sélectionner le cap à Je veux le rendre en gras et aligner tous ces éléments au centre. Maintenant, nous allons à un style. Ici, nous faisons défiler vers le bas jusqu'à un remplissage et pour le haut, nous ajoutons 50 pixels, puis nous allons enregistrer ici et nous avons notre premier texte ici. Maintenant, nous survolons cette partie d'ici et divisé en trois sections égales. Maintenant, nous avons dupliqué celui-ci ici deux fois pour en faire une copie pour chacun. Non, on fait glisser et déposer ces copies ici et là. Maintenant, nous avons d'abord fait celui-ci ici et entrez vos informations commerciales sur l'emplacement. Je vais entrer dans cet exemple d'emplacement ici et pour l'emplacement lui-même. Combien se dirigeait pour le rendre en gras et aligner tous ceux-ci au centre et cliquez sur Enregistrer maintenant pour le dernier Ici, nous cliquons éditer Nous entrons nos textes à partir d' ici et le coller ici maintenant pour le contact nous sélectionnons cap à nous rendre gras et aligné tous sur le centre Maintenant cliquez sur Enregistrer et nous avons terminé avec cette partie. Maintenant, modifions la couleur d'arrière-plan ici survolez cette partie ici et cliquez sur les options. Maintenant, nous allons à une couleur de fond ici et entrez ce code F six F six F six maintenant défiler vers le bas et cliquez sur Enregistrer Et cette section ici est totalement terminée. Maintenant, regardons, sauvegardons et vêtements. Et maintenant, nous voyons les changements que nous avons faits ici. Dans le prochain tutoriel, nous allons les ajouter. Cette carte ici. Et après ça, on va ajouter le formulaire de contact. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 32. Ajouter la carte: Salut. Maintenant, avant d'ajouter la carte et le formulaire de contact, il y a deux choses que nous devons faire sur cette page. Tout d'abord, vous voyez le texte ici est tout en majuscules. Alors que celui-ci est dans le fonds normal. Maintenant, nous devons changer celui-ci ici pour être une police normale. D' abord aller à personnaliser ici Maintenant, quand vous arrivez à cette partie ici, nous cliquons sur cette flèche. Maintenant, nous passons par tomographie. Maintenant, c'est comme la tomographie par défaut. Maintenant, nous allons en avoir un et en bas ici pour une transformation de texte, nous ne sélectionnons aucun. Et vous voyez que le fonds ici est de retour à la normale Maintenant, la deuxième chose que nous voulons faire est si vous remarquez ici les titres de page sont tous en couleur blanche alors que cette partie cheveux il n couleur noire nous devons le changer en couleur blanche. Donc nous cliquons d'abord ici, puis cliquez ici à nouveau et vous descendez ici pour thim. Si je options maintenant vous allez à la navigation principale Et ici pour cette partie ici, nous sélectionnons la couleur blanche Si vous remarquez qu'ils ont changé orteil blanc, tous maintenant nous aimerions enregistrer, publier et cliquer sur le X ici et puis quitter cette page. Maintenant que nous avons fini avec les couleurs du titre de la page, nous devons trier ces pages dans l'ordre que nous voulons. Pour ce faire, nous allons à notre tableau de bord, nous survolons l'apparence ici et nous cliquons sur les menus. Et quant à cet onglet ici, nous voulons le fermer parce que nous n'en avons plus besoin. Maintenant, nous allons créer un menu dans lequel nous serons en mesure de trier nos pages comme nous le voulons. Je vais nommer ce menu principal de soulignement, puis cliquez sur Créer le menu ici. Maintenant, nous avons notre argent que vous avez créé. Nous allons cliquer ici pour vérifier cette partie ici. Et vérifiez cette partie ici. Maintenant, nous ajoutons dans les pages que nous voulons à eux pourquoi Il suffit de les vérifier à partir d'ici, puis cliquez et ajouter au menu. Maintenant que nous avons les pages sur ce menu, nous pouvons les trier comme nous le voulons. Maintenant, la page qui vient en haut ici sera la 1ère 1 à gauche ici, et celle après ce sera celle qui suivra juste ici. Donc, nous devons les commander dans cette galerie de l'eau maison, blogué et contact ou toute commande que vous voulez. Je vais retourner ici. Nous faisons la maison le 1er 1 Nous faisons la galerie le 2ème 1 et nous faisons le contact. Le dernier ici. Maintenant, il y a encore une chose. Si vous voulez créer un sous-menu, vous suffit de faire glisser celui-ci ici un peu vers la droite et il devient un sous-menu de celui-ci ici. Laissez-moi vous montrer ce que je veux dire par ce premier clic enregistrer menu. Revenez maintenant à la page et cliquez sur Actualiser. Maintenant, vous remarquez que nous avons trois pages ici, et une fois que nous survolons la maison, la galerie, qui est une sous-page du menu, apparaît. Maintenant que je vous ai montré ce que je veux dire par un sous-élément dans le menu, nous voulons revenir ici en drogue. Celui-ci ici un peu à gauche et il devient une page normale sur ce menu. Ensuite, nous cliquons sur le menu Enregistrer et nous retournons à notre page. Actualiser. Vous voyez que nous avons nos quatre pages dans l'ordre que nous voulons ici. Maintenant, nous allons commencer à ajouter la carte et le contact pour faire défiler vers le bas et tourner le bâtiment ici. Maintenant, faites défiler à nouveau. Et la première chose que nous voulons faire est de changer la couleur de fond de cette partie de cette section ici. Faites la même couleur que celui-ci ici, donc nous survolons ici voudrait des options. Maintenant, quant à la largeur de la route, qui était pleine par ici et quant à la couleur de fond, nous en faisons 6 F 6 F 6. Maintenant, faites défiler vers le bas et cliquez sur Enregistrer ici et nous avons la couleur d'arrière-plan, la même que cette partie ici. Commençons maintenant par ajouter le module MAB à cette partie ici. Si vous descendez ici, vous voyez ce module mab. Faites glisser et déposez-le juste ici. Maintenant, quand vous arrivez à cette partie ici, la première chose que vous voulez entrer est l'adresse. Je veux entrer cette adresse ici. Il suffit de taper l'adresse dans ce champ ici et ici. En ce qui concerne le zoom, gardez-le à huit, et comme pour le avec. Je veux le changer à 700 changer ce pourcentage. Deux pixels PX Et quant à la hauteur, je veux le changer à 700 aussi. Maintenant, ici pour la frontière, je veux la garder solide. Vous pouvez choisir l'un de ces deux-là aussi, pointillé ou pointillé, mais je vais le garder solide. Quant à l'épaisseur de la bordure, je veux en faire deux pixels. Quant à la couleur, je crois que le blanc est le plus professionnel. Et quant au type, il suffit de garder la feuille de route. Vous pouvez choisir l'un de ces trois aussi, et ici. Quant à la molette de défilement, je veux désactiver ça. Gardez-le désactivé car il est gênant d'avoir une molette de défilement sur la carte. Maintenant, Quant à la Dragonball, je veux le laisser activer. Maintenant, comme pour les personnes handicapées, faites glisser une facture sur mobile. Je vais le laisser à oui, parce que c'est ennuyeux pour la plupart des utilisateurs mobiles quand ils utilisent leurs téléphones à écran tactile pour ah, être dragon de haut en bas de la carte quand ils essaient de naviguer à travers cette page. Maintenant, on va coiffer les orteils ici et on va taper les orteils ici. Et en ce qui concerne le haut, je veux ajouter à 30 pixels. Quant à la droite, je n'ajouterai pas 100 et 100 pour le fond et 100 pour la gauche. Maintenant, nous faisons défiler vers le bas et, genre, sauvegardons ici. Maintenant, vous pouvez voir que la carte montre ici d'une manière magnifique et élégante. Maintenant, divisons cette section ici en deux parties pour que nous puissions laisser cette partie ici pour le contact pour passer la souris sur cette partie et cliquez sur celle-ci ici. Maintenant, nous allons ajouter dans le formulaire de contact dans le prochain tutoriel. Merci de regarder et de rester sur cette page. 33. Ajouter le formulaire de contact: Salut. Maintenant, il est temps d'ajouter le contact pour ici. Nous faisons d'abord glisser et déposer un module de texte dans cette zone. Maintenant, afin d'obtenir le formulaire de contact sur cette page, nous devons retourner à notre tableau de bord et descendre ici pour contacter. Maintenant, quand vous arrivez à cette partie, vous devez descendre ici pour un court code cliquez sur cette partie ici. Sélectionnez tout. Et maintenant, copiez. Maintenant, retournez à notre page et collez-le sur ce texte ici. Maintenant, nous allons au style. Non, on fait défiler vers le bas une fois qu'on arrive à texter une ligne ici faible comme le centre. Parce que nous voulons que les éléments de formulaire soient centrés. Pas à gauche ou à droite. Non, on fait défiler jusqu'à un rembourrage ici. Et en ce qui concerne le haut, je veux le laisser vide. Mais pour la droite, je veux entrer 100 pour le bas 100. Et pour la gauche, 100 aussi. Maintenant, nous allons ici et cliquez sur Enregistrer, et nous avons notre formulaire de contact ici. Prêt et fait. Maintenant, comme sauver et fermer ici et nous en avons fini avec cette partie ici. Maintenant, afin de faire cette page, nous devons activer le générateur et vous faites défiler vers le bas. Tu vois cette partie ici ? Nous devons le supprimer afin d'obtenir l'alignement parfait entre ces parties de celui-ci ici et le pied de page en bas. Comme ils sont de la même couleur, nous survolons ici comme delete. Maintenant, nous cliquons, sauvegardons et fermons ici. Maintenant, nous avons terminé avec la page de contact. Merci d'avoir regardé. Rendez-vous dans le prochain tutoriel. 34. Optimiser la sécurité et les performances: Salut. Maintenant que nous avons fini de construire notre magnifique et magnifique site Web avec les quatre pages, il est temps d'optimiser notre site Web en termes de performances de sécurité et d' optimisation des moteurs de recherche . Dans ce tutoriel, nous allons discuter des performances et de la sécurité du site Web. Je vais vous montrer comment rendre votre site web plus sécurisé et avoir un peu plus performances en termes de chargement hors page. Tout d'abord, nous allons commencer par la sécurité du site Web, donc nous allons installer trois fiches principales qui aideront à améliorer la sécurité de notre site Web. abord, nous allons aller à notre tableau de bord et installer chacun de ces trois plug-ins, et je vais vous montrer ce que chacun et tout le monde fait à travers votre site Web. Tout d'abord, gardar tableau de bord. Maintenant, passez par les plug-ins ici et cliquez sur les plug-ins installés d'abord. Maintenant, par ici, vous voyez cette prise de mitaine aqueuse que nous avons laissé l'activé avant cette prise est une très bonne prise pour anti-spamming dans la piste de retour. Comme je l'ai dit dans la première conférence de sanglant ce site Web et installé dans des plug-ins, ce plug in filtre automatiquement tous les commentaires indésirables et bizarres sur vos messages. Donc, une fois que vous l'activez, vous n'avez pas à vous soucier de quoi que ce soit. Maintenant, afin d'activer cette fiche, nous cliquons d'abord sur Activer ici. Tu vois cette fine bannière ici ? Pop up, vous cliquez sur Activer votre compte ou Kismet. Maintenant, vous cliquez sur. Prenez votre A p I he Maintenant, ici, vous cliquez sur obtenir un gant aqueux clé A p I. Maintenant, une fois que vous arrivez à cette partie, vous entrez votre adresse e-mail, un nom d'utilisateur et un mot de passe en vain généralement vous inscrire ici. Après cela, vous obtenez une clé A P I, qui est juste un code dont vous avez besoin pour activer cette fiche. Il est synonyme d'interface de programmation d'application. Et une fois que vous avez obtenu ce manteau, vous retournez à notre tableau de bord et ici, vous entrez le code et cliquez. Utilisez cette touche ici et le branchement est automatiquement activé et il filtre automatiquement vos commentaires. Et tu n'as plus à faire quoi que ce soit après ça. Non, la prochaine prise de sécurité que nous allons installer s'appelle « I themes Security ». Nous allons à brancher ici et cliquez sur ajouter de nouveaux maintenant dans la boîte de recherche ici, vous entrez. Je thèmes la sécurité et j'ai entrer. Assurez-vous que vous l'épelez maintenant, nous arrivons à cette partie par ici. C' est la prise et nous voulons. Donc nous cliquons. Installez maintenant, puis cliquez sur. Activez le branchement. Maintenant vous arrivez à cette partie, vous n'avez pas besoin de ces bannières sur son épée va cliquer sur le X est ici et ici. Maintenant, si vous remarquez ici, il y a la sécurité. Vous cliquez sur le tableau de bord. Et quand vous arriverez à cette partie, cette boîte apparaît. Les seules choses que vous devez choisir parmi V est le 1er 1 ici, qui est de faire une sauvegarde pour faire une sauvegarde de votre site Web. Maintenant, la prochaine chose que nous allons faire est de cliquer sur celui-ci ici, ce qui signifie fondamentalement que ce plug et assurez-vous qu'il n'est pas en conflit avec d'autres plug-ins ainsi que les thèmes installés. Il suffit donc de cliquer sur un clic sécurisé. Maintenant, cliquez sur le X ici, et une fois que nous faisons défiler vers le bas, vous pouvez voir que ce sont les drapeaux que ce plug in montre sur notre système. Maintenant, si vous remarquez qu'il y a quelque chose qui s'appelle la priorité. Ici, nous avons une priorité moyenne. Nous avons une faible priorité et nous avons accompli des tâches ici. Maintenant, la seule chose dont vous avez besoin de vous inquiéter comme haute priorité ici cette partie ici nous montre les failles de sécurité qui sont dans notre site Web qui doivent être traitées. Donc c'est le seul dont on va s'inquiéter. Donc, une fois que vous voyez un drapeau ici, vous allez simplement ici et cliquez sur. Réparez-le. Maintenant, quand tu arrives ici, tu vois cette partie par ici. Il suffit de cocher cette case et de cliquer sur. Enregistrez toutes les modifications. Maintenant, une fois que nous sommes arrivés à cette partie ici, cela signifie que nous avons fini de corriger cette erreur. Et nous sommes prêts à y aller. Le reste des questions de sécurité, des priorités immédiates et des priorités faibles. Nous n'avons pas besoin de nous soucier des V comme je vous l'ai déjà dit et assurez-vous que vous vérifiez régulièrement ce tableau de bord ici et vérifiez les alertes hautement prioritaires et les corrigez. Maintenant, allons de l'avant et installons le troisième et dernier connecteur de sécurité pour ce site Web. Passons la souris ici et cliquez. Ajouter un nouveau. Maintenant, nous allons à cette boîte de recherche et tapez dans la loi limite à nouveau tentatives. Maintenant, c'est le branchement que nous voulons juste ici. Et si vous remarquez ici, il y a plus d'un million d'installations actives, et ce plug in est très populaire parce qu'il aide vraiment la sécurité de votre site Web en termes verrouillage de l'utilisateur quand il ou elle tente d'accéder au site Web pour plus d'une certaine quantité de tentatives de réduction. Et il aide à protéger votre site Web contre les pirates. Et tant de programmes de craquage maintenant cliquer. Installez maintenant et comme activer plug in Now, afin d'ajouter les paramètres pour cela, branchez-vous et voyez ce qu'il couvre sur les paramètres ici et en bas tout le chemin. Cliquez sur Limite, tentatives de connexion. Et quand vous arrivez à cette partie ici, vous voyez que les lock-outs, les restrictions et tout ce que vous devez savoir sur ce plug in sont juste ici. Examinons les un par un. Le 1er 1 ci-dessous indique le nombre de verrous détectés sur votre tableau de bord. Que vous teniez d'entrer votre mot de passe incorrectement plus de quatre fois ou quel que soit le nombre que vous avez dit ici ou quelqu'un d'autre maintenant ici. Ils se verrouillent ici, vous spécifiez le nombre d'essais autorisés avant que le système ne bloque l'utilisateur de la journalisation. Et maintenant je vais le mettre à trois parce que je crois que trois est le meilleur dans ce cas. Et en termes de temps de lock-out, je suis en entrée 60 minutes et ici, je suis en entrée 5. Maintenant, cela signifie essentiellement qu'une fois que l'utilisateur tente d'entrer le mot de passe cinq fois, il le verrouille pendant 24 heures hors du système au lieu de 60 minutes. Maintenant, c'est le nombre d'heures jusqu'à ce que la prochaine réinitialisation soit effectuée. Ne vous inquiétez pas pour ça. Laisse-le à 12. Maintenant, on va laisser ces deux-là à défaut parce que je crois qu'ils sont bons. Maintenant, ici, je crois que c'est la fonctionnalité la plus importante de cette prise. Ce que cela fait est que c'est depuis que vous un e-mail hors de la connexion I p qui a essayé de vous connecter à votre tableau de bord après un certain nombre de verrouillages. Cochons cette case ici. Cela vous aide à garder une trace des adresses I P hors des gens qui continuent à essayer de casser vos identifiants et pirater votre site Web et il vous permet de prendre d'autres mesures comme liste noire cette adresse I p ou bloquer dedans. Et pour une raison quelconque, une certaine adresse I p a continué à essayer de pirater votre site Web et vous avez reçu un e-mail à propos de cette adresse. S' il vous plaît laissez-moi savoir dans la section commentaires, et je vous aiderai à résoudre ce problème dans le même jour. Maintenant, une fois que vous avez terminé avec l'édition de cette partie ici, nous cliquons sur les options de changement et maintenant nous allons à la partie de performance de ce tutoriel couverture sur plug-ins ici et cliquez sur Ajouter nouveau. Maintenant, nous allons installer une prise appelée W trois espèces totales. Ce plug in nous aide à améliorer les performances de notre site Web en termes de chargement des pages, ce qui signifie qu'il aide nos pages à se charger plus rapidement. Et donner aux utilisateurs du site une meilleure expérience et des performances est vraiment une question importante à considérer, car les statistiques montrent que les sites Web qui offrent la meilleure expérience utilisateur se chargent généralement en 2 à 3 secondes, après cela devient ennuyeux et les utilisateurs commenceront à quitter votre site Web et vous commencerez à perdre du trafic sur votre site Web et à perdre de précieux clients. Maintenant, nous allons installer cette fiche dans le premier type dans l'espace W trois. Total de l'argent comptant. Assurez-vous que vous l'épelez correctement. Puis chapeau entre. Et c'est le branchement. Nous voulons installer ici. Si vous remarquez qu'il a plus d'un million d'installations actives et une très, très bonne note. Maintenant, nous allons cliquer. Installez maintenant et cliquez sur. Activez le branchement. Maintenant, si vous savez que c'est ici, la performance Blufgan a été ajoutée à notre tableau de bord. Également ici à la bannière qui apparaît sur le site. Maintenant, ne portez pas sur l'édition de cette fiche ou enregistrez-la régulièrement. Il fait tout le travail pour vous automatiquement et il améliore l'expérience utilisateur. Cela rend les pages plus rapides sans que vous fassiez quoi que ce soit. Il fait tout le travail pour vous et vous n'avez pas besoin de vous en soucier. C' est tout pour ce tutoriel pour la performance et la sécurité. Ces deux problèmes ont été traités pour votre site Web et vous n'avez pas besoin de vous en soucier. Dans le prochain tutoriel, nous allons discuter de S e O qui signifie l'optimisation des moteurs de recherche et nous allons passer aux principaux plug-ins qui vous aideront à évaluer le contenu de votre site Web et à modifier ce contenu dans l'ordre, bu plus haut sur les moteurs de recherche et éventuellement se classer en haut de la première page des moteurs de recherche comme Google et être merci de regarder Voir vous dans le prochain tutoriel. 35. Optimiser le SEO du site Web: Salut. Maintenant, nous allons parler de l'optimisation des moteurs de recherche, qui est généralement abrégé par S e O. Ce qui signifie l'inaction, c'est que vous évaluez le contenu de votre site Web et que vous apportez les changements nécessaires. Vous utilisez les outils nécessaires toe être en mesure de mieux classer sur les moteurs de recherche et éventuellement en haut de la première page. Maintenant, c'est un domaine vraiment, vraiment vaste, et il y a des tonnes de choses que vous pouvez faire pour mieux classer sur les moteurs de recherche. Mais dans l'histoire, nous allons nous concentrer sur deux choses principales que nous pouvons faire pour mieux nous classer. Et il y a des branchements que nous allons utiliser pour ceux-ci. Le premier Blufgan s'appelle Google Analytics par Yost. Alors allons de l'avant et installons cette première prise. Et laissez-moi vous dire ce que je veux dire par Google Analytics. Cliquez d'abord sur Ajouter un nouveau maintenant ici dans le type de zone de recherche et Google Analytics par Yost. Assurez-vous que vous l'épelez correctement. Google Analytics par Yost, puis avait entré. Maintenant, c'est la prise que nous voulons installer ici. Si vous remarquez qu'il y a plus d'un million d'installations actives et quelques très bonnes évaluations ici . Commençons par installer la fiche. Maintenant, cliquez sur Activer plug in et vous voyez la fiche ici ajoutée au tableau de bord. Cliquez sur le tableau de bord, et c'est la partie où l'analyse apparaîtra. Une fois que vous connectez cette fiche à votre compte Google Analytics, nous allons maintenant aux paramètres et ici, pour que cette prise fonctionne, vous devez la connecter au compte Google Analytics. Comme je l'ai déjà dit, vous devez d'abord avoir un compte Google et vous devez vous inscrire à Google Analytics, puis obtenir une piste, et je D. Cela vous aide à connecter votre compte Google à cela. Branchez-vous ici. Maintenant, une fois que vous possédez un compte Google et que vous vous êtes inscrit à Google Analytics dans votre compte Google , vous pouvez aller ici et cliquer sur Authentifier avec votre compte Google. Maintenant, cette fenêtre apparaît et vous devez entrer vos informations d'identification Google. Maintenant, une fois que vous avez terminé d'entrer vos informations d'identification de compte Google, vous obtenez un code et vous retournez ici et collez le code. Ensuite, vous cliquez sur Enregistrer le code d'authentification et la dernière partie. Vous cliquez sur Enregistrer les modifications, puis vous accédez à un tableau de bord ici et les analyses apparaîtront sur cette partie juste ici. Simplement. Google Analytics est juste des statistiques qui vous permettent de savoir quelles sont les pages les plus populaires de votre site Web et combien de visites sont effectuées sur chaque page. Qui sont vos visiteurs ? De quels pays sont-ils, quelles langues ils parlent, et ainsi de suite. Maintenant, comme je l'ai déjà dit, afin de faire fonctionner cette peste, vous devez avoir un compte Google, et vous devez vous inscrire à Google Analytics sur ce compte avant de pouvoir le connecter à cette fiche ici. Et une fois que vous faites cela, vous pouvez consulter régulièrement le tableau de bord ici pour obtenir des statistiques et des analyses de votre site Web, ce qui vous aide à améliorer le contenu de votre site Web et à vous concentrer sur les pages. Il y a les plus populaires maintenant. Allons de l'avant et installons la deuxième et la plus importante prise. Allez à brancher ici et cliquez sur Ajouter nouveau maintenant dans la boîte de recherche, vous devez entrer mot appuyez s e o par Yost et la tête. Entrez. Maintenant, c'est le branchement. On veut ici. Si vous remarquez qu'il a plus d'un million d'installations actives et quelques très bonnes notes ici. Cliquez d'abord sur installer, puis sur. Activez Blufgan. Maintenant, si vous voyez ici, la fiche est ajoutée au tableau de bord. Vous allez de l'avant et cliquez, général, et vous pouvez toujours cliquer sur ce bouton juste ici pour commencer une visite et ce brancher et exploré dans un poids plus vaste. Ce plug in a tellement de zones que nous ne serons pas en mesure de couvrir entièrement. Dans ce tutoriel. Ces domaines sont plus avancés et pour les professionnels qui travaillent dans ce domaine spécifiquement sur optimisation des moteurs de recherche et obtenir le site à mieux classer sur les moteurs de recherche. Quant à ce tutoriel, je vais vous donner les bases et les choses les plus importantes dont vous avez besoin pour obtenir un meilleur classement sur les moteurs de recherche et donner à vos utilisateurs une meilleure expérience sur votre site. Maintenant, simplement ce plug et vous aide à évaluer le contenu de votre site Web, puis l'optimiser afin de classer mieux et plus haut sur les moteurs de recherche. D' abord, vous passez par vos informations et ici c'est le nom du site qui apparaît sur les moteurs de recherche . Si vous le souhaitez, vous pouvez le modifier et entrer tout ce que vous voulez. Mais c'est le nom par défaut de votre avantage qui apparaît sur les moteurs de recherche. Et ici, vous pouvez entrer un autre nom pour votre site Web, mais nous n'avons pas besoin de le faire pour l'instant. Maintenant, ce ne sont que les informations de base sur votre site Web, qu'il s'agisse d'une entreprise ou d'un site personnel. De là, vous pouvez choisir l'un de ces, aussi, aussi, pour l'instant, notre personne de moniteurs et ici entrez votre nom. Je vais entrer mon nom. Vous pouvez toujours entrer l'entreprise à partir d'ici, et vous devrez entrer le nom de l'entreprise et télécharger le logo de l'entreprise. Mais comme je l'ai dit, pour l'instant, je vais m'en tenir à une personne, puis cliquer sur Enregistrer les modifications. Maintenant, la prochaine chose que nous voulons éditer est ici. Titres et Mattias cliquez dessus, et ici, c'est juste le séparateur de titre de votre site Web. Nous voulons le garder, celui-ci ici par défaut parce qu'il n'est pas vraiment important de le changer. Et maintenant pour la page d'accueil. Nous n'avons pas besoin de modifier celui-ci ici. Si vous cliquez ici, vous allez à la page d'accueil et vous la modifiez comme si vous cliquez dessus à partir d' ici. Mais nous ne le ferons pas parce que nous n'avons pas besoin de modifier notre page d'accueil. Maintenant, en ce qui concerne les types de publication et la facilité de taxonomie, ceux-ci sont déjà optimisés pour vous. Ne vous inquiétez pas pour lui. Laisse-les comme ils sont. Et ici les archives. Ceux-ci sont juste liés à un paramètres Google Analytics spécifiques, sorte que vous n'avez pas besoin de vous soucier de lui non plus. Maintenant, vous allez à l'autre et comme, sauvegardez les changements ici. Maintenant, ici, vous cliquez sur Social. Cela signifie essentiellement que si vous voulez parler à Google de vos connexions aux réseaux sociaux et que ces comptes appartenaient à la même personne qui possède ce site Web, vous les connectez ici. Ce sont ici les plus importants. Ce sont des semaines plus personnalisées et avancées, et elles ne sont pas aussi importantes que celles-ci ici. Si vous avez des comptes de médias sociaux, assurez-vous de les connecter à ces zones ici, car celles-ci aideront l'optimisation de votre moteur de recherche, et plus les personnes sont renvoyées à partir des comptes de médias sociaux vers ce site, cela permettra d'améliorer son classement sur Google. Maintenant, tu y vas. Cartes du site XML Toe. Il suffit de cliquer dessus. Maintenant. Ici, la case à cocher signifie que les plans du site ont été automatiquement générés pour votre site Web. Donc tu n'as pas besoin de t'en inquiéter. Afin de comprendre ce que nous entendons par cartes du site. Nous devons aller à Page est en bas ici et cliquez dessus et nous allons sélectionner une page aléatoire. , Par exemple, cliquez sur la maison Maintenant, nous faisons défiler vers le bas juste en dessous du thème. Si je panneau personnalisé, vous voyez Yost s e O. C'est la partie où nous générons et éditons des cartes de cycle. Maintenant, afin de comprendre ce que je veux dire par cartes du site, nous allons modifier la page d'accueil. Et au moment où nous aurons fini d'éditer la page d'accueil, vous comprendrez exactement ce que nous entendons par plan du site. Maintenant, juste là. Aperçu de l'extrait de code. Voici à quoi ressemble cette page sur les moteurs de recherche. Et nous pouvons éditer cela en plus de la description qui montrera ci-dessous cette page dans ces cases ici d'abord, commençons par focus Keyword. Cela signifie essentiellement que vous devez entrer ce que cette page concerne principalement. Et quelles sont les choses que les utilisateurs verront et navigueront dans cette page et pour la page d' accueil. Entrez dans le design Web et vous cliquez ici et vous voyez ces apparaissant ici. Ces évaluations de ce mot K vous diront si c'est le bon travail K pour cette page. Maintenant, plus vous en savez, plus vous devriez envisager de changer ce mot-clé. Et si vous les obtenez tous, Oui, cela signifiera que c'est le bon mot clé pour cette page. Maintenant, une fois que nous faisons défiler votre titre CSCO, qui est fondamentalement le titre qui apparaît ici, c'est le titre par défaut. Nous le sommes encore. Ajouté. Quant à la première partie, je vais la garder à la maison. Maintenant, nous entrons dans Dash, qui est le séparateur le plus commun et l'espace de frappe pour être professionnel. Et puis je vais entrer ce que cette page d'accueil est principalement à propos. Donc je vais entrer dans le design Web et si vous remarquez que le Web design ici est impliqué des lettres. C' est parce qu'il s'agit d'un mot-clé focus dans ce site Web. Si ce n'était pas le cas par exemple, nous sommes entrés dans SC ici et avons cliqué ici. Vous verrez qu'il n'est plus impliqué. car ce n'est pas un mot-clé. Et il est préférable que ce soit un mot clé, car il attire plus d'attention sur votre site Web et pour vous obtenir plus de trafic. Si c'était un mot clé. Donc on va juste garder celle-là orteil design Web. Maintenant, en bas. Ceci est la méta description, qui est fondamentalement la courte description qui montrera ici à propos de cette page et qui aidera les utilisateurs à avoir un aperçu rapide de votre page avant qu'ils ne la visitent. Donc ici, je vais entrer ce texte. Maintenant, j'ai mon texte entré ici. Vous remarquez que j'ai le mot web design deux fois une fois dans chacune de ces deux phrases. Et il y a une chose que vous devez comprendre à propos de cette courte description. Assurez-vous de le garder orteil et maximum trois phrases afin de mieux paraître et de ne pas être ennuyeux de décrire la page. Assurez-vous simplement d'obtenir le lecteur excité à propos de cette page et de donner à cet utilisateur un aperçu rapide de cette page. Et encore une fois, je vais insister sur ça. Assurez-vous d'inclure ce mot-clé focus dans ces deux phrases au moins une fois. Et vous remarquez ici dans la description du sujet. Vous avez un oui deux fois parce que nous avons le mot-clé web design entré deux fois dans notre description ainsi que le titre de la page ici. Maintenant, une fois que vous avez terminé, vous faites défiler vers le haut et vous cliquez sur Mettre à jour ici et vous remarquez ici s e vérification. Ça montre que c'est bon. Maintenant, si vous cliquez sur vérifier, cela va jusqu'ici et à travers l'analyse de page, qui est juste à côté d'un général que nous étions en train de modifier. Revenons à notre analyse de page, et vous voyez que ce sont les paramètres que les moteurs de recherche prennent en compte lorsque vous regardez votre site Web et vos pages, plus vous vous en tenez à ces paramètres, mieux vous classez va obtenir. Et comme je l'ai déjà dit, il y a des outils plus avancés et des méthodes plus avancées pour obtenir votre rang et en haut premières pages. Et je vous suggère de jouer avec ce plug in et d'essayer d'obtenir votre site Web de mieux classer par, de respecter ces paramètres autant que vous le pouvez, et vous devrez faire la même chose pour les quatre pages de votre site Web. C' est tout pour ce tutoriel et pour une optimisation des moteurs de recherche. Maintenant, vous pouvez probablement dire que vous avez un site Web qui semble sophistiqué et supérieur, et qui a une très, très bonne performance et la sécurité ainsi que l'optimisation des moteurs de recherche. Donc, vous n'avez pas besoin d'embaucher quelqu'un pour moteur de recherche, optimiser votre site Web ou de vérifier la sécurité de votre site Web ou même de payer pour des plug-ins de performance . Pour tout ça. Vous obtenez tout ça gratuitement. Dans ce cours, vous avez un site web optimisé complet de la meilleure façon possible pour un débutant. Et assurez-vous que vous avez toutes les fonctionnalités et l'optimisation que n'importe quel site professionnel et haut de gamme peut avoir. Et devinez quoi ? Vous avez fait tout cela par vous-même et Onley en suivant ce cours toutes ces fonctionnalités dans le même cours. Merci d'avoir regardé. Si vous avez des questions au sujet d'une partie de ce cours ou de ce site Web, veuillez vous assurer que vous l'avez mentionné dans la section commune de ce cours. Merci d'avoir regardé, et je vous souhaite une carrière très réussie en design Web 36. Derniers mots: Salut, d' abord et avant tout, merci d'avoir suivi ce cours. Une dernière chose que je veux partager avec vous à propos de ce cours si à tout moment vous avez besoin d' éditer ou même de construire un site Web et que vous ne voulez pas que les gens voient ce que vous faites avec site Web, il y a un plug in appelé À venir bientôt et maintenance qui est celui que vous voyez ici sur l'écran. Il suffit d'aller à brancher, de le chercher, puis de l'installer. C' est un branchement très simple et facile à utiliser. Une fois que vous l'aurez installé et activé, vous saurez comment l'utiliser. Maintenant, passons en revue les choses que nous avons apprises et ce cours complet. Nous avons d'abord obtenu notre nom de domaine professionnel. Deuxièmement, nous avons obtenu notre compte d'hébergement avec le meilleur fournisseur d'hébergement et pour un prix relativement bon marché. Troisièmement, nous avons construit notre site Web incroyable et professionnel étape par étape sans pas sauter étape. Quatrièmement, nous optimisons la sécurité et la performance de notre site Web ainsi que l' optimisation des moteurs de recherche . J' espère vraiment que vous avez apprécié ce cours et absorbé son contenu précieux et finalement sorti avec votre site Web magnifique et professionnel maintenant la construction de ce site ne signifie pas nécessairement que vous devez toujours construire le même site Web exact. Vous pouvez toujours jouer avec les couleurs, images, boutons dans tout le contenu du site Web. Soyez créatif, allez plus loin et restez immergé dans le monde du web design. Exportez les dernières conceptions et fonctionnalités, et même jouez avec le design dans les sections des sites Web que vous créez. À partir de maintenant, ajoutez de nouvelles pages et sections et continuez à pratiquer parce que la pratique rend parfaite. J' aimerais voir le site Web ou les sites Web que vous construisez et tout le beau contenu que vous avez. N' hésitez pas à partager vos sites web et même vos questions, commentaires ou suggestions dans la section commentaires de ce cours. Et si vous avez quelque chose que vous pensez avoir besoin de discuter de manière plus approfondie, vous pouvez toujours utiliser le formulaire de contact sur la page contact de mon site Web. Malik martin dot com et moi communiquerons avec vous en utilisant l'e-mail. Enfin, si vous croyez avoir obtenu ce qui vous a été promis dans ce cours et avec une haute qualité, je vous serais reconnaissant si vous donnez à ce cours une note cinq étoiles. Merci d'avoir pris le temps d'investir dans ce cours. Je vous souhaite une nouvelle carrière très réussie dans le design Web. Au revoir