Masterclass de création de site Web (complété) : Utiliser WordPress et Elementor

1. Aperçu rapide: Apprendre à créer un site Web est absolument important. Mais ce qui est plus important, c'est de l'apprendre de la bonne façon. Simplement connaître WordPress et Elementor ne suffira pas. Vous devez savoir que le cadre de création de site Web en trois étapes. Hey, mais quel est ce cadre de création de site Web en trois étapes ? Moi, mon nom est neurone voyageur, et dans ce cours, je vais vous aider à apprendre tout ce qui est nécessaire pour créer un site Web génial sans aucun codage, en utilisant WordPress et élémentaire. Les sites Web que vous allez créer ne sera pas seulement impressionnant InDesign, mais David être super réactif afin qu'ils fonctionnent correctement sur tous les différents types d'appareils. La meilleure partie de ce cours est que vous apprendrez sur le cadre de création de sites Web en trois étapes. Eh bien, c'est un système qui est suivi par les meilleurs développeurs web dans le monde. Avant de vous donner un bref aperçu du cours, permettez-moi de vous dire que tout cela sera un cours pratique pour vous. Vous utiliserez un nom de domaine gratuit et un compte d'hébergement pour créer des sites web par vous-même. Et je suis CIO que vous allez créer des sites Web impressionnants. Nous commencerons le cours par apprendre les concepts de base comme plus de discipline section site Web d'une page Web. Et puis nous apprendrons quelques concepts importants comme l'interface utilisateur et l'UX. La typo de théorie colorée là si nous ANC les paramètres de mise en page de base. Après cela, vous avez appris quelques concepts de casque qui sont liés à la rédaction et à la conception graphique. Oui, ce sont des choses supplémentaires, mais c'est une partie très importante de ce cours. Après cela, nous avons été affamés le processus de création de sites Web en trois étapes avec l'étape numéro 1, qui est de découvrir et de comprendre le marché. La deuxième étape serait de concevoir le site Web à l'aide d'un outil de conception de site Web comme Figma et Adobe XD sur en fait, toute autre conception graphique double sur étape finale serait de développer le site Web en utilisant WordPress. Et je pense que mon chien, sans aucun code. Je vais vous guider à travers la version gratuite d' Elementor ainsi que la version Pro de Elemental. Vous apprendrez non seulement à développer les pages Web, mais aussi à configurer un blog, à créer des pages de destination et à indiquer le site Web avec Google Tag Manager, Search Console et Analytics Jaguars et d'autres choses. Vers la fin du cours, je vais partager quelques-unes des pratiques les plus importantes comme la réduction du temps de chargement du site. Et je vais également partager comment vous pouvez créer votre propre agence de marketing numérique, créer des sites Web pour les clients, et combien vous pouvez facturer les clients. Donc, si vous êtes quelqu'un qui veut Monster les sites d'alimentation AGA sans aucun codage, en utilisant WordPress et fin pour faire DOD. Avec certains concepts comme qubit, je n'ai pas ajouté de design graphique, alors ce sont les objectifs pour vous. Si j'ai du sens pour vous, je veux que vous commenciez tout de suite. 2. Fixer et préparer le cours et la préparation de buts pour la préparation du cours: L' objectif principal de ce cours est d'apprendre à créer un site Web parfait pixel qui est beau et fonctionnel et l'utiliser optimisé pour les appareils tels que mobile et tablette avec une vitesse de chargement rapide. Nous y parviendrons en suivant le processus de création de sites Web en trois étapes. Gardez à l'esprit que votre objectif est de créer rapidement et facilement des sites Web parfaits au pixel sans aucun codage. Le but de ce cours peut varier selon vos attentes, mais je vous assure que si vous suivez ces étapes, votre vie peut être transformée. Un étudiant peut facilement obtenir un emploi ou commencer à travailler en freelance après avoir terminé ce cours. Un pigiste peut fournir un service de développement de site Web à ses clients. Un professionnel qui travaille peut commencer un revenu passif, et un entrepreneur peut créer un site Web pour sa propre entreprise sans payer d'argent énorme à n'importe quelle agence numérique. Les opportunités sont nombreuses, et je suis sûr que vous allez les saisir. Je suis toujours là pour vous aider à cet égard et n'hésitez pas à me contacter pour obtenir de l'aide. En parlant de la préparation du cours, je veux que vous établissiez des jalons. La première étape pourrait être la maîtrise découverte, où vous serez en mesure de comprendre le public cible et d'analyser efficacement les sites web concurrents. La prochaine étape pourrait être leur partie design qui pourrait nécessiter quelques efforts, mais je suis là pour vous aider et vous guider. La prochaine étape sera l'étape de développement, qui est relativement facile une fois que vous êtes à l'aise avec le processus de conception de découverte. Attendez. Mais quel est le dernier jalon ? Le dernier jalon serait l'application de tout ce que vous avez appris dans ce cours. Oui. Vous devrez appliquer les concepts et compléter un site de pratique. Ce sera un site de démonstration. Je vais examiner personnellement ce site Web et vous faire part de vos commentaires sur votre travail. Ce sera donc un cours pratique et je vous aiderai à mettre en place gratuitement un site de pratique. Vous utiliserez un domaine gratuit et un compte d'hébergement gratuit pour configurer votre site de pratique et n'hésitez pas à expérimenter sur ce site car il sera le terrain d'apprentissage pour vous. Il y a eu tellement de gel dans les dernières phrases que j'ai prononcées. Donc, vous obtenez tellement de choses gratuitement. Sentez-vous bien. Plus vous expérimentez sur votre site de pratique, mieux sera votre apprentissage. En outre, nous utiliserons quelques outils pour concevoir cela. Je vous ferai savoir étape par étape dans les leçons à venir. Je crois donc que nous sommes tous prêts à commencer à apprendre. Et je vous verrai dans la prochaine vidéo où nous allons commencer les fondations et apprendre quelques concepts de base et des théories. Tu as dit quelque chose ? N' élisez pas les théories parce qu'elles sont ennuyeuses. Ou je sais que ça peut être un peu dur pour toi, mais ces théories et ces concepts sont les fondements de ton succès, non ? Pour en profiter et comprendre profondément les concepts pour un meilleur apprentissage de ce cours. se voit dans la vidéo suivante. 3. Quelques outils de productivité importants: Dans cette leçon, je veux vous parler de quelques outils qui peuvent être utilisés pour faire des notes, des stratégies et de la planification de votre apprentissage. Cela vous aidera beaucoup à organiser les concepts que vous allez apprendre dans ce cours. Par exemple, voyons les concepts que nous avons discutés dans la leçon précédente sous la forme d'un organigramme, d'une carte d'esprit, d'une forme de liste, ou dans une application d'éditeur de texte comme Grammarly. Permettez-moi de vous donner un aperçu très rapide de ces outils. Le premier outil que je veux vous dire est dessiner point io. Ceci est utilisé pour créer des organigrammes et je l' utilise pour organiser mon plan marketing et mes stratégies. Il est gratuit à utiliser et il a une version hors ligne ainsi que vous pouvez télécharger et installer sur votre ordinateur. C' est le canevas vide et vous pouvez insérer des formes. Insérez du texte dans ces formes en double-cliquant au centre, les organisant et en établissant des connexions. N' hésitez pas à ajouter autant de formes que vous le souhaitez et à organiser le graphique de manière organisée. Vous pouvez jouer avec ce style et les paramètres de texte pour le rendre magnifique. Vous pouvez également ajuster l'alignement des formes. N' hésitez pas à explorer d'autres formes et à ajouter des pages à votre document. Une fois que vous avez terminé, vous n'avez pas besoin de l'enregistrer car le document est déjà enregistré automatiquement. L' outil suivant est le mien, Mr Il est un double freemium, ce qui signifie qu'il a une version gratuite ainsi qu'une version payante. Ici, vous pouvez créer des structures de mindmaps pour le remue-méninges, notes, la prise, la planification de projet et beaucoup d'autres tâches créatives. Je l'utilise pour créer des programmes et des programmes de mes cours. L' outil suivant est encore faible. Il est utilisé pour créer des tableaux, des listes et des cartes pour vous aider à organiser vos projets de manière créative. Et c'est un excellent outil pour collaborer lorsque vous avez une équipe de personnes. Le dernier outil que je veux vous dire dans cette leçon est grammaire. C' est un outil d'écriture avec l'Assistant d'écriture qui vous aide à écrire clairement et sans erreurs grammaticales. Je vous parle de la gravité parce que c'est la forme traditionnelle de prendre des notes par écrit tout ce que vous avez appris. Évidemment, vous pouvez utiliser n'importe quel autre outil d'édition de texte comme MS Word. Mais si vous voulez un assistant d'écriture pour vous aider avec des erreurs grammaticales, utilisez Grammarly. Comme vous apprendrez beaucoup de nouveaux sujets et concepts, je veux que vous organisiez votre apprentissage afin qu'il reste facile à concevoir en scannant simplement un organigramme ou un document. J' espère que ces outils seront utiles pour vous et nous continuerons avec les principes fondamentaux du site dans la prochaine vidéo. 4. Qu': Il y a 4,7 milliards de personnes dans le monde qui utilisent Internet aujourd'hui. Ils passent du temps à obtenir de l'information, à acheter des produits, des services, regarder des vidéos, à dialoguer avec des gens sur les médias sociaux, messagerie instantanée, et aux petits et grands. C' est donc l'occasion pour vous de créer un site Web et de rejoindre des millions de personnes via Internet. site Web, dans le sens le plus général, est une forme de présence sur le Web. Vous pouvez partager le contenu sous forme de texte, de graphiques et de vidéos sur votre site Web et vous connecter avec des personnes du monde entier. Considérez Internet comme un marché et un site Web est votre boutique. Les clients peuvent entrer pour obtenir des informations et il est ouvert 24 heures sur 7. La meilleure partie est qu'un site Web vous donne l'axe mondial et vous n'avez aucune limite pour exécuter vos idées. Comprenons maintenant ce concept techniquement d'un site web. Selon Wikipedia, un site Web est une collection de pages Web identifiées par un nom de domaine commun et publiées sur un serveur Web. Une page Web est une page unique qui contient des informations et du contenu sous forme de texte, de graphiques et de vidéos. Donc, si une entreprise comme dans ce temps, Unilever veut fournir des informations sur ses produits sur le site Web. Est-il possible d'avoir toutes les informations sur une seule page ? Non. C' est phi un site Web contient n nombre de pages Web qui sont classés dans sous-menu de l'élément de menu pour fournir des informations significatives à l'utilisateur d'une manière organisée. Suivant est le nom de domaine. Si un utilisateur veut accéder à votre site Web, il doit entrer une robe Weber dans le navigateur. C' est similaire à quelqu'un qui veut atteindre votre maison. Vous devriez vous connaître à la façon dont les surtensions. Donc, un nom de domaine est un nom unique qui forme votre Weber fait. Il est toujours unique et conduit à des sites Web spécifiques. Comme si quelqu'un meurt dans le numéro de portable, il est connecté à toi et à personne d'autre. Assurez-vous simplement que votre nom de domaine doit être pertinent pour votre offre. Et en même temps, il doit être facile de se souvenir et de saisir l'attention. Le troisième et dernier élément est un serveur web. Un serveur Web est un ordinateur où sont stockés les données, les informations et le contenu d'un site Web. Il répond aux demandes des utilisateurs 24 sur 7 sur le World Wide Web. Chaque fois que le serveur tombe en panne, un utilisateur ne sera pas en mesure d'accéder au site Web. Comprenons aussi le concept de lien hypertexte. Comme il y a un certain nombre de salaires et un site Web, il est important de relier toutes ces pièces ensemble et de former un menu de navigation. Ou l'utilisateur peut basculer entre plusieurs pages en cliquant sur des liens. Habituellement, la première page d'un site Web est appelée la page d'accueil. Et c'est la page web la plus importante de votre site en dehors de la page d'accueil. L' autre, fondamentalement juste dans un site Web sont la page, les services, la page, les produits, la page, la page de contact, page de politique de confidentialité, et cetera. Chaque page Web contient des informations spécifiques, et ces pages Web sont facilement accessibles par l'utilisateur à partir d'un ordinateur portable, d'un ordinateur de bureau, d'une tablette ou d'un smartphone à l'aide d'un navigateur Web. Lorsqu' un site Web est optimisé pour tous ces différents appareils, il est appelé comme un site web responsive. Discutons maintenant des différents types de sites Web. Un site Web que nous créons peut avoir des objectifs et des objectifs différents en fonction de votre idée. Par exemple, le but principal d'un site Web d'entreprise est de fournir des informations sur l'entreprise commerciale ou toute personne qui exerce une activité financière. À l'heure actuelle, toutes les entreprises devraient certainement avoir un site Web. C' est une attente largement répandue. Tous les clients potentiels sur le marché supposeront que s' ils font une recherche Google pour une entreprise x à la recherche de plus d'informations, ils trouveront votre site Web. Suivant. Site e-commerce est l'endroit où les utilisateurs peuvent magasiner et faire des achats. Il doit avoir les fonctionnalités essentielles comme dans affichage de la fenêtre de navigation des produits, le filtrage par catégories, évidence des ventes spéciales, carte d'achat, liste de souhaits, et passerelle de paiement pour effectuer des transactions en ligne. Le but principal d'un site Web aigle doit est de faire des ventes. Site Web de blogs. Ils fournissent des informations en publiant du contenu qui est affiché dans l'ordre chronologique inverse, ce qui signifie que les derniers articles apparaîtront en premier en haut. De même, vous allez également créer un site web personnel, un site de portefeuille, un site de divertissement, un site d' actualités, un site d'annuaire d'entreprises, site de forum, des médias sociaux d'ABS, un site de téléchargement numérique, site Web d'e-learning et beaucoup plus en fonction de votre objectif et IDM. Puisque nous discutons de l'objectif d'un site web, je voudrais vous poser une question ici. S' il vous plaît dites-moi qu'est-ce qu'une page de destination ? Allez. Allez-y et essayez de répondre. Continuez à penser. Continuez à penser. J' attends toujours la réponse. D'accord ? Donc, vous n'êtes pas connecté à moi en direct, donc vous ne répondrez pas. C' est ça ? Non, s'il te plaît, ne prends pas ce cours comme ça. vous plaît sentir comme si vous êtes connecté à moi en direct et essayez de répondre. Je vous dis que cela vous aidera beaucoup et apprendre quand une page de destination est une page web dédiée avec un but très spécifique. Contrairement aux pages Web typiques, que j'ai de nombreuses options de navigation et encourage une exploration plus poussée, les pages de destination sont conçues avec un appel à l'action spécifique. Sur une page de destination, nous voulons que nos utilisateurs prennent l'action désirée que nous pouvons considérer comme une conversion pour nous. Par exemple, la page de destination de Shopify veut que vous commenciez l'essai gratuit, et c'est la seule action d'étiquette sur cette page Web. Il semble que par les États-Unis, ils veulent que vous commenciez un essai gratuit et rien d'autre. Vous pouvez même construire un aimant de plomb de cette façon et fournir un peu de freebie en échange de leurs informations e-mail. De cette façon, vous pouvez guider les visiteurs de votre site Web à prendre des mesures spécifiques et remplir un objectif spécifique dans le cadre de votre entonnoir de marketing ou de vente. Personnellement, créer une page de destination est ma tâche préférée. Quelle est votre lecture pour votre réponse avant la prochaine vidéo ? 5. Structure d'une page Web: Si nous parlons de la structure de base d'une page Web, nous pouvons facilement diviser une page Web en trois sections principales. numéro un est l'en-tête, numéro 2 est la zone de contenu principale et le numéro trois est le dossier. Maintenant, le berger est la section la plus haute d' une page Web et il est généralement cohérent pour toutes les pages Web du site Web. Cela signifie que vous devez concevoir une tête à la fois et la même adder sera visible sur toutes les pages du site. Dans la section d'en-tête, vous trouverez le logo et il est généralement placé à gauche sont centrés position. Assurez-vous de lier la page d'accueil, faites le logo. Cela signifie que si un utilisateur clique sur le logo, il est redirigé vers la page d'accueil du site. Ensuite, vous trouverez un menu de navigation dans la section d'en-tête. Il s'agit généralement du menu principal du site Web et aide l'utilisateur à basculer entre les pages Web multiples. Les options de menu peuvent également avoir un sous-menu pour catégoriser les pages et fournir une navigation plus logique. Déjà tendance conception du menu de navigation est le méga menu. Si vous avez un grand site Web avec plusieurs catégories et sous-catégories que le canon de menu méga afficher l'ensemble de la navigation dans un seul menu. Il améliore également l'affichage visuel du menu, ce qui le rend plus attrayant. Vous pouvez également trouver un bouton dans le coin du menu de navigation, et il agit comme un appel à l'action pour les visités. Au fait, laissez-moi vous poser une question. Qu' est-ce que cela appelle à l'action ? Allez, essaie-le. D' accord. Donc, un appel à l'action, ou CTA est l'action désirée que nous voulons que nos visiteurs prennent sur le site Web. Il est généralement mis en évidence pour se démarquer de l'autre contenu et il guide le visiteur avec ce qu'il doit faire ensuite sur le site. Vous trouverez également des liens sur les réseaux sociaux dans la section d'en-tête pour encourager les visiteurs à se connecter avec le brun sur les réseaux sociaux. Maintenant, pour ajouter plus d'espace à la section d'en-tête et au-dessus de l'hydrodissection et une section d'en-tête ci-dessous est heureux. Ils sont également très utiles s'il y a plus d'informations à montrer en haut de la page. Lac, vous pouvez montrer les offres spéciales avec un élément d'urgence, un avis important dans la section d'en-tête ci-dessus. Vous pouvez également lire les informations de contact et les liens de médias sociaux dans la section. L' autre qui se trouve en dessous d'une dissection qui peut être utilisée pour afficher le menu secondaire ou toute autre information supplémentaire. Vous avez le choix d'afficher ces sections sur l'ensemble du site Web ou certaines bêtas spécifiques. Maintenant, laissez-moi vous parler de quelques conceptions d'en-tête amies. Le premier est l'en-tête collant. Il colle l'en-tête principal en haut de l'écran. Chaque fois qu'un visiteur se classe sur la page Web, il lui indique de fournir un accès rapide au menu de navigation sans avoir à faire défiler à nouveau vers le haut. conception d'en-tête suivante est définie tête transparente. Il a l'air très cool et donner un certain champ moderne à la conception du site Web. Personnellement, j'aime beaucoup ça. Donc, il s'agissait de la première section de la page Web. Discutons maintenant de la prochaine. C' est la principale zone de contenu. Il est également appelé comme le corps de la page Web. Il s'agit de la section la plus flexible du site Web et vous avez toute la liberté de le concevoir en tant que partie de l'objectif du site Web. Sur une page Web, vous voulez toujours afficher des informations spécifiques liées au titre de la page, comme et sur l'espace aura des informations sur le profil et la page Contactez-nous aura des coordonnées. Mais vous pouvez le concevoir librement en utilisant du texte, des images, des graphiques et des vidéos pour transmettre l'information de la manière la plus efficace. Cette zone de contenu principale est conçue en plaçant des sections et des colonnes. Tout le contenu, comme le texte, les images, les vidéos et d'autres éléments, est placé à l'intérieur des sections et des colonnes. Les sections contrôlent la zone verticale de haut en bas, et les colonnes contrôlent la zone horizontale de gauche à droite. La première section d'une page Web est appelée section héros, et elle contient l'image du héros. Il s'agit du premier contenu qu'un visiteur voit sur le site Web. Nous comprenons tous très bien que la première impression est la plus grande impression. Tous les sites Web doivent donc s'assurer que la conception de la section héros doit avoir un impact déclencheur et qu'elle devrait générer un sentiment de confiance et de crédibilité dans l'esprit du visiteur. La section héros doit dégénérer et excitation pour motiver le visiteur à explorer plus de contenu sur le site et éventuellement prendre une action. Après la section héros, vous pouvez insérer diverses autres sections dans les exigences de contenu de la page Web. Comme nous trouvons généralement un bref résumé des produits de la page, services, fonctionnalités, prix, Media Gallery, et témoignages sur la page d'accueil. Si vous me demandez la longueur d'une page Web, je dirais qu'une page Web peut être aussi longue que vous le souhaitez, mais toujours essayé de fournir des informations dans la plus courte longueur possible parce que les visiteurs sont toujours occupés et VKC ne peut pas se permettre perdent leur temps du tout. Soyez aussi créatif que possible afin qu'il reste le plus facile pour le visiteur de comprendre ce que vous voulez dire. Mais dans le moins de temps, la dernière section de la page Web est appelée comme infaillible. Le but d'un pied de page Web est d'aider les visiteurs en ajoutant des informations et des options de navigation au bas de la page Web. Comme les visiteurs ont une tendance générale à faire défiler rapidement la page Web et a atteint la médiane inférieure. C' est l'endroit idéal pour mettre l'année en cours et le symbole du droit d'auteur. Cependant, vous pouvez également placer les menus de navigation secondaires Huygens sociaux, liens vers la politique de confidentialité et d'autres pages légales, la clause de non-responsabilité, coordonnées, les formulaires d'inscription par e-mail, et même un appel final à l'action. Permettez-moi donc de résumer l'apprentissage dans cette vidéo. Lors de la création d'un site Web, vous devez vous concentrer sur les trois sections principales d'une page Web, l'en-tête, la zone de contenu principale et la nourriture. Je vous recommande de commencer par concevoir l'en-tête et le pied abord parce qu'ils restent les mêmes pour toutes les pages du site Web. Et puis commencez à concevoir la zone de contenu principale car elle sera différente pour chaque page Web. Nous en apprendrons plus sur les concepts de conception dans les prochaines vidéos. 6. UI (Interface de utilisateurs) et UX (expérience utilisateur): L' en-tête et le pied de page seront cohérents pour le site Web, mais la zone de contenu principale doit être conçue pour chaque page. Et la conception est très importante pour le site Web. Vous devez avoir un objectif clair pour le site Web et concevoir chaque page Web en conséquence. C' est très important. Sinon, vous serez perdu dans l'océan de conception et cela deviendra une tâche assez frustrante pour vous. Donc, joue toujours une ancre avant de commencer la tâche de conception. Toujours avoir un objectif de conversion clair pour le site Web et concevoir les pages Web en conséquence. Cela signifie décider des actions importantes qu'un visiteur devrait prendre sur le site Web. Cela peut inclure l'envoi d'une demande sur le chat, l'envoi d'un e-mail, l'inscription à une newsletter, le téléchargement d'un eBook, lancement d'un essai gratuit, exploration de plus de contenu sur le site Web ou toute autre action importante, dans le cadre du marketing ou de vente entonnoir. Une autre raison de montrer informations claires et précises sur la page Web est la concurrence sur Internet. Il y a tellement de sites Web qui se battent pour l'attention des utilisateurs. Et la durée moyenne d'un visiteur de site Web est très courte. Quelque part autour de sept à huit secondes. Cela signifie que si un visiteur visite votre site Web et qu'il ne trouve pas qu'il soit suffisamment engageant ou convaincant pour explorer plus de contenu. Il suffit de fermer l'onglet et de s'éloigner. Il est donc très important pour vous de concevoir le site Web qui est visuellement attrayant, engageant et utilisable pour encourager les visiteurs à passer du temps et à prendre des mesures. S' ils prennent des mesures sur le site Web, cela sera considéré comme une conversion. Essayons de comprendre le processus de conception d'une page Web. Il commence toujours par comprendre l'idéal visité. Allez, pensez que le visiteur allait visiter le site. Ses attentes, ses valeurs, ont essayé de simuler son interaction avec le site. Plus d'actions qu'ils préféreront prendre. Quel type de contenu vous intéressera. Texte, graphiques, vidéos, combien de temps il préférera passer sur le site ? Comment pouvez-vous le guider pour accomplir une action désirée de la manière la plus facile ? Comment pouvez-vous le motiver à agir ? J' ai essayé de fixer la référence pour la qualité globale de l'interaction entre ce visiteur et un site Web. Toutes ces recherches vous donneront des commentaires et des données importants pour vous aider à planifier la conception de la page Web. Pour aller plus loin, le processus de conception peut être divisé en deux segments. L' un est l'interface utilisateur et l'autre est l'expérience utilisateur. Vous commencez le processus de conception en sélectionnant les couleurs, les téléphones, les images, graphiques et la mise en page pour rendre le site Web beau et cohérent. Ceci est appelé comme la conception de l'interface utilisateur ou de l'interface utilisateur. Il représente le site visuel ou graphique de la conception du site web. Ensuite, vous devez optimiser la conception de l'interface utilisateur pour améliorer l'expérience du visiteur lorsqu'il interagit avec le site Web. C' est plus ou moins un sens des frais. Le visiteur doit se sentir à l'aise tout en naviguant sur le site, en lisant le contenu, en regardant les couleurs, les vidéos , les images, il doit développer un sentiment de crédibilité. Vous devez les incorporer la motivation dont il a besoin pour prendre des mesures sur le site. Il doit croire qu'il tire de la valeur du site. Ceci est appelé comme la conception de l'expérience utilisateur ou UX. Si je vous explique l'expérience utilisateur en seulement deux mots, ce serait une expérience facile et agréable pour le visiteur sur l'interaction avec le site Web. L' interface utilisateur est en fait une partie de l'expérience utilisateur. Donc, pour vous assurer d'obtenir les meilleurs résultats de la conception du site Web, il est important de se concentrer sur l'interface utilisateur et l'UX. Se concentrer sur l'interface utilisateur aidera à rendre le site Web beau, terre cohérente. Alors que se concentrer sur UX rendra l'expérience facile et agréable pour le visiteur. Les trois concepts les plus importants à maîtriser dans la conception de l'interface utilisateur d' un site Web sont de sélectionner les couleurs, la typographie et la mise en page. Et nous apprendrons ces concepts dans les leçons à venir. Par son nom, vous pouvez commencer à penser au visiteur idéal du site et a essayé de venir avec des études de marché. se voit dans la vidéo suivante. 7. La théorie des couleurs: Bienvenue dans le vide des couleurs. Les couleurs sont la première chose que les gens remarquent lorsqu'ils visitent le site Web et le schéma de couleurs peut avoir un impact énorme sur le style et la cohérence. Alors, qu'est-ce qu'un schéma de couleurs ? Un schéma de couleurs est la collection de couleurs que nous devons choisir pour la conception du site Web. Il est également appelé comme une palette de couleurs. Il peut inclure autant de couleurs que nous voulons utiliser sur le site Web. Chaque couleur peut être utilisée pour une variété d'éléments sur tout le site Web. Vous pouvez diviser votre palette de couleurs en couleurs primaires, couleur secondaire et en couleur d'accentuation en fonction de l'application et de l'utilisation. La couleur primaire est généralement la couleur la plus dominante sur le site Web, et une couleur secondaire est utilisée pour donner un effet de contraste. Ces couleurs sont utilisées dans les arrière-plans de section et de colonne, logo, la navigation et le menu. La couleur d'accentuation est utilisée pour mettre en évidence l'élément standard, comme un bouton d'appel à l'action. Si nous choisissons les bonnes couleurs dans les bonnes combinaisons, nous pouvons engager les visiteurs à passer du temps sur le site et à prendre des mesures. Les couleurs aident également à créer une connexion émotionnelle. Mais le défi est qu'il y a plus de 16 millions de couleurs à choisir. Et choisir au hasard une couleur peut ne pas fonctionner correctement dans une conception de site Web. Donc, afin de choisir les couleurs idéales pour le site et de faire les bonnes combinaisons de couleurs, utilisons-nous quelques signes et appliquons la théorie des couleurs. La théorie des couleurs est la science et l'art de l'utilisation des couleurs. Il explique comment nous, humains, percevons différentes couleurs et le message que chaque couleur communique. Commençons par comprendre la roue de couleur. C' est un outil puissant qui peut vous aider à visualiser les relations entre les couleurs. Selon la théorie des couleurs, il existe trois couleurs primaires, le rouge, le jaune et le bleu. Ces trois couleurs forment la base de toutes les autres couleurs. Lorsque nous mélangeons les couleurs primaires, nous obtenons trois couleurs secondaires qui sont orange, vert et violet. Et quand nous combinons les trois couleurs primaires et les trois couleurs secondaires, nous obtenons six couleurs tertiaires. Maintenant, chaque fois que nous commençons à travailler sur un projet de site Web, nous devons expérimenter plusieurs alertes et sélectionner les combinaisons de couleurs les plus appropriées. Nous pouvons également utiliser le concept de schémas de couleurs pour trouver la bonne sélection de couleurs. Voyons maintenant les quatre principaux types de schémas de couleurs. Le premier, le schéma de couleurs monochromes. Il se compose de diverses teintes, nuances et saturation de la même couleur. Suivant est le schéma de couleurs complémentaire. Il est basé sur deux couleurs des côtés opposés de la roue de couleur. Suivant est le schéma de couleurs des analogues. Il se compose de trois couleurs qui sont à côté de l'autre sur la roue de couleur. Et le dernier est le schéma de couleurs triadiques. Il se compose de trois couleurs qui sont aux points d'un triangle dessiné à l'intérieur de la roue de couleur. Habituellement, vous pouvez donner la préférence aux schémas de couleurs complémentaires et analageuses car ils sont efficaces et faciles à appliquer que les bons contrastes visibles. Mais n'hésitez pas à utiliser l'un de ces schémas de couleurs dans votre conception. En allant plus loin, nous pouvons également diviser les couleurs sur la roue de couleur en deux catégories. C' est-à-dire, chaud et frais. teintes qui contiennent des quantités plus élevées de jaune et de rouge sont considérées comme des couleurs chaudes. Ils évoquent un sentiment de passion, bonheur, d'énergie, de luminosité et d'action. D' autre part, les alertes Google contiennent des quantités plus élevées de bleu et de violet. Ils sont considérés comme plus apaisants et relaxants que les couleurs chaudes et représentent le calme, la paix et la sérénité. Il existe également des couleurs neutres, comme le blanc, le noir et le gris, pour équilibrer la palette de couleurs et ajouter un contraste au design. Ensuite, nous devons comprendre les systèmes de couleur parce qu'il y a des millions de couleurs et des réservoirs aux signes, nous pouvons assigner un code de couleur spécifique pour représenter chaque couleur. Les trois systèmes de couleurs standard utilisés dans la conception d'outils et logiciels sont RVB, CMJN et hexadécimal. Le système de couleurs RVB est parfait pour les dessins qui sont vus sur les écrans. Et le code de couleur est formé en entrant une valeur pour le rouge, vert et le bleu entre 0 et 255. Le système de couleurs CMJN est idéal pour la conception d'impression et il est également appelé comme le système abandonné ou comprenant des valeurs pour cyan, magenta, jaune et noir entre 0 et 100. Le dernier, qui est le système de couleur hexadécimale est ce qui est prêt à se concentrer sur. C' est un code à six chiffres qui est formé en convertissant les valeurs RVB. Nous utiliserons ce système pour sélectionner les alertes pour le site Web. Supposons que si vous connaissez les valeurs RVB d'une couleur et que vous voulez la convertir en hexadécimal. Ensuite, faites simplement une recherche Google comme convertir RVB en hex et vous obtiendrez beaucoup d'outils gratuits pour le faire. En allant plus loin, je ne voudrais pas vous emmener dans la profondeur des teintes, des nuances, de la teinte, de la saturation et de la luminosité dans ce cours. Mais laissez-moi vous expliquer le concept de contraste. Le contraste est un élément crucial de tout site Web, surtout quand il s'agit de couleur d'arrière-plan, et de texte. Pour fournir une bonne expérience de lecture sur le site, il est préférable d'utiliser un fond blanc et une couleur de texte sombre. Vous pouvez également expérimenter avec un fond sombre et du texte de couleur claire pour certaines sections. C' est ainsi que fonctionnent réellement les thèmes clairs et sombres. Maintenant, essayons de faire les sélections de couleurs et d'appliquer un schéma de couleurs efficace. À votre connaissance, certaines couleurs se battent les unes avec les autres et certaines couleurs deviennent des amis proches. Des couleurs qui fonctionnent bien ensemble, créent une harmonie, contribuent à une expérience utilisateur agréable. Jusqu' à présent notre projet de site Web, vous devez sélectionner les couleurs primaires et secondaires pour l'arrière-plan de la section et de la colonne, le logo, les superpositions graphiques. L' alerte sur le zinc pour les appels à l'action et les x chercheurs pour les rubriques et les paragraphes. Afin de présélectionner les couleurs pour la sélection. Nous pouvons également utiliser le concept de psychologie des couleurs. Il parle de l'influence des couleurs sur les comportements et les humeurs des gens. Pour créer un design réussi, vous devez être conscient des significations des couleurs et comprendre comment un choix de couleur peut influencer vos utilisateurs en générant une réponse émotionnelle spécifique. Oui, la peau colorée évoque des émotions. Voyons quelques exemples. Le rouge est un goélet puissant et énergique. Il peut s'agir d'une couleur de déclaration en gras si vous voulez attirer l'attention immédiate de l'utilisateur. En fait, de nombreuses entreprises d'alimentation et de boissons utilisent le rouge pour évoquer des sentiments de faim. Indésirée. Orange est une bombe et heureuse couleur qui reste nombreux utilisateurs de convivialité et doozy ASM et de motivation. L' utilisation d'oranges de cette couleur primaire peut donner lieu à un site très mémorable qui laisse aux visiteurs une impression positive. Le jaune est une autre couleur qui symbolise la joie, le bonheur et la lumière du soleil. Lorsqu' il est utilisé stratégiquement sur votre site Web, vous pouvez facilement injecter confiance et inspiration dans votre conception, mais faire beaucoup jaune peut mourir RDA et même créer des AINS. Il est donc préférable de le garder comme une couleur d'accent. Le vert est un positif et de couleur gomme, largement associé à la nature, écologie et l'énergie renouvelable. Blue est intégré intelligence actuelle, confiance, calme, efficacité et devoir. C' est une couleur intelligente et l'une des couleurs les plus utilisées sur le web. Mais certaines des plus grandes marques numériques du monde l'utilisent comme couleur primaire. Mais bol a longtemps été associé à la royauté, le luxe et le flétrissement, mais il est aussi un or mystérieux et magique combinant l'énergie du rouge et du bleu, il peut être une excellente option si vous voulez transmettre un message de puissance et la fiabilité. Think est idéal pour les produits féminins ou les sites avec du contenu spécifiquement destiné aux femmes et aux jeunes filles. Le noir crée un sens du verre, du glamour, de la puissance, la dignité, et il a l'air velours, presque toutes les autres couleurs. Il est excellent pour les arrière-plans de site Web car il met en place un contraste net avec le briquet, une biographie. Le blanc est un choix populaire pour les sites Web minimalistes modernes car il augmente la lisibilité et porte velours un aigle, et l'utilisation d'espaces blancs crée une sensation de laideur et de retard. Ainsi, comme on le voit dans nos exemples, les couleurs peuvent avoir de nombreuses significations qui résonnent différemment avec chaque utilisateur. Par conséquent, il est crucial d'avoir à l' esprit votre public cible lors du choix des palettes de couleurs pour la conception de sites Web. Permettez-moi également de vous donner quelques conseils professionnels ici. Commencez par sélectionner une couleur primaire en utilisant le concept psychologique des couleurs, ou votre produit ou service sont l'industrie dans laquelle vous travaillez. Vous devez penser au public cible et une bonne réaction émotionnelle en regardant la couleur du site Web. Vous pouvez également rechercher des combinaisons de couleurs populaires et une liste restreinte. Les choix font un petit papa de couleurs présélectionnées dans des outils comme Canva, Sigma, Illustrator, XD, ou tout autre outil d'édition graphique que vous préférez. Ensuite, gomme avec une couleur secondaire et une couleur d'accent en appliquant les concepts de schémas de couleurs comme monochrome, complémentaire analogue sont triadiques. Vous pouvez utiliser des outils comme la roue de couleur Adobe, alertes buvées, les couleurs homed, l'espace coloré, angularjs, et trouver quelques-unes des palettes de couleurs les plus tendance et des combinaisons de couleurs pour l'inspiration. Si vous ne l'obtenez pas correctement par vous-même, vous pouvez faire une recherche Google pour les combinaisons de couleurs les plus populaires et les plus tendance. Vous obtiendrez beaucoup d'idées pour prendre l'inspiration et sélectionner les couleurs. Vous devez également explorer les communautés de design comme Dribble, Behance et obtenir de nouvelles idées. D' accord ? Donc, si vous aimez certains colorés sur n'importe quel site et que vous voulez utiliser la même couleur, comment trouver le ColorCode ? Vous pouvez utiliser un plugin Google Chrome, comme j'utilise la pipette de sélection de couleur et je peux facilement trouver le code de couleur et l'utiliser dans mon projet. Il peut prendre un certain temps pour trouver les bonnes combinaisons de couleurs, mais c'est très crucial car l'ensemble de la marque du site dépend des couleurs. Une fois la sélection terminée, mettez à jour les palettes de votre outil d'édition graphique et lancez le processus de conception. Permettez-moi de résumer l'apprentissage de cette leçon. Les galeries jouent un rôle essentiel dans la conception du site Web et elles peuvent évoquer des émotions. Vous pouvez compter sur la théorie des couleurs pour trouver des ballades harmonieuses et trouver les bonnes combinaisons de couleurs. Bonjour, la psychologie est une technique puissante qui peut transmettre une variété de messages aux utilisateurs. Enfin, vous devriez toujours rechercher votre public cible et tester leurs différences de gouttelettes. Comprendre le public cible est une étape très importante dans le processus de conception du site Web. Et c'est pour ça que je le répète encore et encore. S' il vous plaît assurez-vous de comprendre le visiteur. Plus vous les comprenez, mieux vous créerez le site Web. Terminons cette leçon ici et nous continuerons dans la prochaine vidéo. 8. Les bases de la typographie: Savez-vous que les téléphones sont très importants pour la conception visuelle du site ? Les formulaires peuvent créer une impression pour les visiteurs avant même qu'ils commencent à lire le contenu. Alors apprenons quelques concepts qui sont liés à l'art et la technique de style pour le marketing et l'organisation des téléphones, des guirlandes, de la topographie. Une bonne paléographie sur notre site rend l'acte de lecture sans effort pour les visiteurs. Vile, mauvaise topographie, danser dans les escaliers d'un. Il est donc important d'utiliser les bons téléphones sur un site Web qui ressemble bien sur les trois types d'appareils qui est calculé, tablette et téléphone mobile. La première étape et la plus importante consiste à sélectionner les bons formulaires faciles à lire. Mais là encore, c'est un défi parce qu'il y a des milliers de familles et de caractères étrangers à choisir. Pour faciliter le processus de sélection, divisons les téléphones en deux catégories. Ce sont des ensembles de téléphones et des formes sans serif. Ainsi ensemble de téléphones ont des serifs ou une dégradation supplémentaire à la fin des tiges, également appelé Les pieds ou queues. Les serifs fonctionnent très bien dans les titres et les titres parce qu'ils donnent un accent particulier pour le rendre remarquable. Certains de l'ensemble le plus connu de familles de forme comprennent des téléphones comme Times New Roman, Géorgie, platine, obtenir sur et Cliff il affiché. De nombreuses marques et entreprises professionnelles utilisent souvent des setters pour le logo et site Web lorsqu'ils veulent paraître plus réputés, établis, formels. Mais gardez à l'esprit que l'ensemble de téléphones est facile à lire uniquement lorsqu'il est utilisé pour de petites quantités de x, comme les titres sont globaux et non dans les paragraphes du site Web. D' autre part, les formes sans serif sont sans set. Cela signifie qu'il n'y a pas de dégradation supplémentaire à la fin de chaque lettre. Ils sont utilisés pour transmettre un design minimaliste, la modernité et surtout, la simplicité cisaillée. Depuis les réformes et le meilleur choix à utiliser dans le corps de contenu principal et les paragraphes, car ils sont très faciles à lire sur les écrans et même sur les plus petits écrans de téléphones mobiles. Parmi les formes sensibles les plus utilisées figurent les preuves, Roboto, Open Sans Source Sans Pro lacto, marqué Sadat et Proxima Nova. Vous pouvez éviter d'utiliser les formulaires d'écriture manuscrite, téléphones d'affichage et les formulaires monospace, car ils ne sont pas faciles à lire sur les écrans, en particulier sur les plus petits écrans des téléphones mobiles. Pour trouver les meilleurs téléphones qui sont disponibles pour utiliser sur les sites Web. Je vous recommande de passer du temps sur les polices Google. C' est un outil merveilleux et vous trouverez une liste des formes les plus couramment utilisées et des combinaisons d'appariement communes avec l'aperçu. Vous pouvez également vérifier les téléphones qui sont utilisés sur d'autres sites Web de l'industrie. Oui. Vous pouvez vérifier la famille de téléphones en sélectionnant le texte, cliquez avec le bouton droit de la souris et en sélectionnant l'option Inspecter. Ici, vous devrez sélectionner l'onglet de l'élément et cliquez sur calculé, faites défiler un peu vers le bas pour obtenir les informations supprimées du téléphone. Vous trouverez tous les détails sur le téléphone qui est utilisé sur le site, comme font-family, font-size, hauteur de ligne, espacement des lettres, téléphone coloré, et plus encore. Alternativement, vous pouvez utiliser un plugin Chrome pour obtenir les mêmes détails d'une manière simple. Actuellement, j'utilise Firm Finder pour identifier les téléphones sur n'importe quel site Web. Génial. Maintenant, pour notre projet de site web, vous devrez choisir entre un à trois téléphones. Vous utiliserez des téléphones pour les en-têtes, les sous-titres, les paragraphes et les boutons. Si vous utilisez des formulaires différents pour l'en-tête et le paragraphe, assurez-vous que deux téléphones s'accordent bien. Pour faciliter le processus de sélection, vous pouvez également diviser les téléphones en aliments primaires et secondaires, et il est recommandé de décider d' abord de la forme primaire , puis d'exploser les options pour la deuxième valeur par défaut. Vous pouvez trouver ces informations de couplage courantes sur les téléphones Google, ou vous pouvez effectuer une recherche Google pour trouver les combinaisons de polices tendances. Mais assurez-vous de ne pas utiliser plus de trois téléphones et un site Web comme perturbe l'interface utilisateur. Hérarchie visuelle. Un facteur important pour sélectionner le bon formulaire pour le site est de penser aux visiteurs. Quel type de perception vous voulez que les gens pensent quand ils voient le site Web ? Est-ce une déclaration audacieuse ou un professionnel et le penser du point de vue du visiteur. Je suis heureux de le répéter encore et encore. Mais plus vous comprenez vos clients mieux site Web que vous allez créer. Après avoir sélectionné les téléphones, vous devez vous assurer de sélectionner la forme correcte, la taille, poids, la hauteur de ligne et l'espacement des lettres conformément aux exigences de conception du site Web. Le premier ajout dans la typographie est de s'appliquer. Cela signifie limiter la longueur d'une ligne. Vous pouvez l'avoir sur 45 à 85 caractères, mais la ligne de préférence 60 sur un ordinateur. Si vous voulez fournir une bonne expérience de lecture. Pour les appareils mobiles, vous devez choisir entre 30 et 40 caractères par ligne. Je recommande même d'utiliser le compteur de mots plus plug-in pour Google Chrome pour compter les caractères en sélectionnant simplement le texte. Ensuite, choisissez l'alignement à partir des options de gauche, de centre, de droite et justifiées. Cela dépendra de l'UA globale que vous planifiez pour le site Web. Le facteur suivant consiste à ajuster l'espacement des lettres, également appelé Les crénage. C' est l'espace entre deux lettres et il améliore la lisibilité, mais je vous conseillerai de l'utiliser avec soin. Ensuite, ajustez la hauteur de la ligne. Il est également appelé comme leader. C' est la quantité d'espace entre les deux lignes. Ensuite, sélectionnez la taille du téléphone. Et encore une fois, cela dépend de l'interface utilisateur globale que vous planifiez pour le site Web. Il suffit de ne pas le rendre trop petit, sinon avoir visité, nous devrons zoomer pour lire le contenu. En fait, assurez-vous qu'il est facile à lire sur toutes les tailles d'écran. Vous pouvez jouer avec le poids de la police pour le rendre plus lourd ou plus léger. Vous pouvez sélectionner la couleur du formulaire en tant que jeu de couleurs de conception d'oiseau. Assurez-vous que vous avez un bon problème de contraste. Cela signifie avoir un texte clair sur un fond sombre ou un téléphone sombre sur un fond clair. Après avoir décidé de tous ces facteurs typographiques, assurez-vous d'utiliser le même style sur l' ensemble du site Web pour offrir un sentiment de cohérence et de branding. Essayez toujours de maintenir la hiérarchie visuelle sur la page Web. Entrez dans l'esprit du visiteur du site Web et essayez de comprendre quels mots voulez-vous qu'ils remarquent en premier ? Et quel est le format le plus agréable visuellement pour communiquer ces mots ? Rappelez-vous que la facilité de lisibilité est l'objectif principal que nous voulons atteindre en appliquant les concepts d'une biographie. Très bien, Donc, vous avez appris sur les couleurs et la topographie, et dans la prochaine vidéo, nous allons en apprendre davantage sur les différentes mises en page. On se voit là-bas. 9. Mise en page de page: Laissez-moi vous dire un fait. Les gens ne visitent pas les sites Web pour la conception. Ils visitent les sites Web pour le contenu. Mais il est important de présenter le contenu d'une manière utile pour engager le visiteur et le contraindre à prendre des mesures. Ainsi, la conception de sites Web consiste à rendre le contenu facile et attrayant pour les visiteurs. Nous savons que l'en-tête et le pied de page seront les mêmes pour tout ce qu'il est. Et nous devons concevoir la zone de contenu principale pour chaque page Web. Et pour plaire au contenu, nous utilisons des sections et des colonnes dans une autre page. La disposition du contenu dans ces sections et colonnes peut se faire de nombreuses façons. Discutons donc de quelques mises en page de sites Web efficaces dans cette leçon. La première, une disposition de colonne unique. Il présente le contenu principal dans une seule colonne verticale entourée d'espaces abondants. Les expériences scolaires lisses dans cette mise en page et vous pouvez utiliser des images nettes et claires dans une grande taille. Cette disposition est très confortable pour les visiteurs et elle fonctionne bien sur tous leurs appareils. Il est recommandé d'utiliser cette mise en page et blog personnel, minimalistes et des conceptions amicales mobiles. Suivant est la mise en page de deux colonnes. Il est formé en divisant la section en deux colonnes verticales. La largeur des colonnes peut être divisée dans le désir d'émettre. Il est recommandé pour les pages qui ont deux éléments principaux de contenu qui partagent un niveau d'importance égal. Ce que vous pouvez placer prend d'un côté avec une image de l'autre côté pour mieux expliquer le contenu. Le suivant est créatif. C' est la disposition asymétrique. Cela signifie distribuer le contenu de différentes tailles de manière inégale sur toute la page. Il est recommandé d'utiliser sur les sites Web qui ont une grande variété d'éléments visuels et de types de contenu, vous pourriez avoir besoin d'avoir plusieurs petits éléments d' un côté pour équilibrer un grand objet de l'autre côté. Mais soyez très prudent dans l'utilisation de cette mise en page car vous devrez trouver un juste équilibre entre les sections plus grandes et les plus petites. Mais une fois fait, ça a l'air très bon. En outre, vous devez utiliser des éléments avec un contraste de couleur élevé pour ajouter du poids visuel à des parties spécifiques de la conception. Suivant est une disposition de barre latérale fixe. Dans cette mise en page, la barre latérale collante contenant le menu de navigation reste dans la même position sur chaque page Web, reste visible chaque fois qu'ils l'utilisent, naviguez dans nos écoles vers le bas de la page. Suivant est la mise en page multimédia en plein écran. Cela signifie essentiellement utiliser une vidéo de fond comme image de héros. Il offre une expérience utilisateur très riche et l'impact est très élevé. Il augmente la curiosité des visiteurs pour faire défiler vers le bas et en savoir plus sur l'entreprise. Suivant est la disposition de la grille. Une grille de mise en page de cartes est bonne pour le contenu côtés lourds qui affichent beaucoup d'éléments avec une hiérarchie égale. Il est recommandé pour une page d'archivage organisée, galerie multimédia ou un blog avec une mise en page propre. Suivant est la disposition de la boîte. Ce type de mise en page est souvent utilisé sur la page d'accueil. Ici, la section héros est une grande boîte pleine largeur, ayant l'image ou la vidéo comme arrière-plan et suivie de plus petites cases directement en dessous. Idéalement, le nombre de ces petites boîtes devrait se situer entre deux et cinq. Il s'agit d'une mise en page de site à feuilles persistantes et les éléments guident le visiteur vers plus de détails et d'explications en cliquant sur les cases. Ce sont le type commun de Leodes et maintenant laissez-moi vous dire rapidement quelques bonnes pratiques pour atteindre certains objectifs spécifiques tout en organisant le contenu de l'un de ces Leodes. Plusieurs fois, vous devrez faire une section se démarquer du reste du contenu. Lac. Vous devez mettre en surbrillance le bouton d'appel à l'action sur la page de destination. Vous devez donc utiliser l'espace. En fait, beaucoup d'espace blanc pour le faire se démarquer et mettre en évidence. Parce qu'en supprimant les distractions, vous pouvez forcer le visiteur à se concentrer uniquement sur ce qui est immédiatement visible. C' est une chose très importante. Recueillir en utilisant efficacement les espaces blancs. Suivant est de jouer avec la taille. Généralement, les gens lisent d'abord des choses plus grosses, une hiérarchie appropriée clarifie pour les visiteurs l'ordre d'importance des éléments et la taille est le moyen le plus simple de créer une hiérarchie entre les éléments. Si vous souhaitez créer une mise en page facile à numériser pour une page lourde de contenu qui nécessite l'affichage de tous les éléments principaux avec une hiérarchie égale, appliquez le système de grille. grilles peuvent varier en taille, espacement et en nombre de colonnes. Par exemple, regardons le système de grille YouTube. Il est très bien organisé et contient quatre colonnes. Une autre pratique importante consiste à conserver les formulaires importants d'appel à l'action ou de soumission en haut ou en bas de la page Web. Comme les occidentaux ont tendance à se rappeler, les premiers et les derniers éléments mieux. Les derniers facteurs que je veux vous dire dans cette leçon est de diviser le contenu en petits morceaux. Ne montrez jamais un grand contenu en un seul bloc. Essayé de le diviser en sections plus petites car il est facile à digérer pour le visiteur. Facile, facile et facile. Tout devrait être très facile et attrayant pour le visiteur sur le site. En fait, si vous me demandez de supprimer tous les concepts de conception de site web en deux mots, je dirais juste comprendre votre public et rendre les choses faciles pour eux. C' est ça. Et j'espère que je vous simplifie les choses. Très bien aller jusqu'à ici. se voit dans la vidéo suivante. 10. Copywriting pour le site Web Partie 1: Dans cette leçon, apprenons quelques stratégies de rédaction super efficaces. Les stratégies dont nous allons discuter ne se limitent pas à un site Web. Vous pouvez appliquer ces types de maladie pour écrire un script vidéo, bloquer post sensibilisation, e-mails, vidéos YouTube, descriptions de podcast, post sur les médias sociaux et ajouter des copies. rédaction est la pratique consistant à écrire du texte afin d'informer, inspirer ou de persuader le lecteur. Il est très important de rédiger une copie Web attrayante , car Internet est un endroit très compétitif. Le visiteur ne trouve pas de valeur sur le site. Nous savons tous ce qui se passera. Il va s'éloigner du site. Et nous ne voulons jamais que ça arrive avec nous. Donc, pour cela, vous devez écrire les titres, sous-titres, paragraphes, appels à des lignes d'action, articles et histoires de Diller appels à des lignes d'action, sur le site afin que le visiteur soit engagé et motivé à agir. Avant de commencer le processus de rédaction, vous devez être autorisé avec les objectifs du site Web. Vous devez être clair avec le seul objectif principal du site Web. Que voulez-vous que le visiteur fasse après avoir lu le contenu du site Web ? Plus vous comprenez le public, mieux vous serez en mesure de le faire, n'est-ce pas ? En outre, vous avez besoin d'une compréhension claire du produit ou du service. Sachez ce que c'est, comment cela fonctionne et comment il se compare à la concurrence. En outre, vous devez en apprendre davantage sur les pensées du public, les peurs et les désirs. Alors seulement vous pouvez écrire une copie qui leur parle directement. Maintenant, je veux partager les sept stratégies les plus importantes qui sont utilisées pour écrire un contenu de site Web très engageant. La première stratégie consiste à utiliser une diapositive glissante. Oui, c'est la même toboggan que les enfants jouent dans le parc. Les phrases courtes et les paragraphes très courts ont un effet glissant et il est très efficace dans la rédaction web. Nous voulons toujours que le visiteur continue à lire jusqu'à la fin. Laissez-moi vous montrer un exemple pour cela. Qu' est-ce qu'un travail principal des phrases. Vous faire lire le suivant, puis le suivant après ça. C' est le concept de diapositives glissantes en action, ce qui rend difficile pour les gens d'arrêter de lire. Ensuite est une stratégie très célèbre appelée la formule aida. Il est synonyme d'attention, d'intérêt, de désir et d'action. A-a-d-a, ou Aida. Vous pouvez voir que cela fonctionne très bien pour la copie de la page de vente, la copie poste sur les réseaux sociaux, et les bulletins d'information électroniques. Voyons un exemple pour comprendre cela. La première ligne écrite ici est, c'est le guide le plus complet pour les pages de destination en ligne. Cette ligne crée une tension. Ensuite, créer des pages de destination qui convertissent super bien. Il appuie sur le désir de créer des pages de destination qui convertissent. Ensuite, dans la ligne, vous allez adorer les stratégies détaillées dans le guide d'aujourd'hui. Il y a aussi un élément d'intérêt. Et enfin, un appel à l'action en écrivant, plongons directement dans. L' ordre est un peu à l'envers pour l'intérêt et le désir dans cet exemple. Mais ce qui importe, c'est que vous appliquez la formule aida dans le contenu. Ensuite, remplacez les fonctionnalités par des avantages. D' accord. Vous n'avez pas compris ce que je veux dire, le remplacement des prestations. D' accord. Je vous demande de supprimer les fonctionnalités sur le site Web. Oui, les supprimer et écrire les avantages à la place de cela. C' est une stratégie très puissante car elle résonne bien avec le visiteur. Essayez de parler de manière à ce que le visiteur soit avantagé. Ne dis pas pourquoi tu es bon. Dites-leur les avantages qu'ils obtiendront en utilisant votre produit ou service. Après tout, son jeu n'est que votre gain, non ? D' accord. Ensuite, il faut utiliser des CTA forts et clairs. Vous pouvez placer le CTA à chaque moment dans le message que nous sommes une nouvelle information est présentée. Néanmoins, une occasion de se convertir. En outre, vos clients sont occupés. En fait, ils sont très occupés et ils ne savent pas quoi faire ensuite. Vous devez leur dire quoi faire exactement ensuite. D' accord, la prochaine est de montrer la preuve sociale. C' est une vraie magie dans la rédaction. Tout le monde peut dire sur le site, je peux le faire, je peux le faire. Mais si vous pouvez montrer qu'avec des données, des témoignages, des exemples, études de cas, des critiques, des statistiques, vous pouvez vraiment prendre les choses au niveau supérieur et générer des ventes. Peu importe si vous avez une longue liste de témoignages ne sont que quelques-uns. Vous pouvez montrer que les commentaires sur les clients qui sont brillamment satisfaits ou transformés en prenant vos services. Quelle que soit la forme la plus forte de preuve sociale disponible pour vous, utilisez cela. Suivant est limpide. Usp. Usp est synonyme de proposition de vente unique. Cela signifie répondre, pourquoi quelqu'un devrait-il acheter de vous ? Peut-être que vous avez les meilleurs prix. Peut-être que vous livrez plus vite que quiconque, ou peut-être vous garantissez des résultats. C' est ce qui vous fait résister à la concurrence. Assurez-vous donc de mettre en surbrillance votre USP dans le contenu. Le dernier est le sentiment d'urgence. Il est utilisé pour faire agir les clients dès maintenant. Oui, nous voulons qu'ils prennent des mesures et qu'ils le fassent dès maintenant. Certaines des façons de créer de l'urgence sont comme des produits d'étanchéité à durée limitée le dimanche, ne manquez pas comme ça. Ça marche vraiment. Essaie ça. Ce sont donc des stratégies vraiment puissantes et essayer de les utiliser dans n'importe quel contenu que vous pouvez poser. Maintenant, apprenons quelques méthodes pratiques comme la façon d'écrire les titres, paragraphe, et d'autres contenus. Nous allons commencer avec les phares dans le site Copy toujours essayé d'écrire des titres irrésistibles. Le titre du site web est la première impression que votre contenu va faire. C' est ce titre qui fait que la personne décide si oui ou non il va rester sur le site et explorer plus d'informations ou bien il va simplement quitter votre site Web et vérifier Instagram. Dans le titre. Vous devez essayer de le convaincre que le contenu est utile. Essayé de créer une urgence, a essayé de montrer que le contenu est unique et ultra spécifique. Laissez-moi vous montrer un exemple. Vous pouvez également mettre en pause cette vidéo pour lire les exemples lentement. Il s'agit donc d'un titre pour l'un des articles et il montre clairement que le contenu est utile, unique et spécifique. Voici un autre exemple. Voici comment écrire un titre super spécifique. Maintenant, laissez-moi vous dire quelques préférences de titre. Vous pouvez utiliser des nombres dans les titres. Vous pouvez également vous adresser au lecteur ou utiliser comment faire les manchettes et interroger les titres. Vous pouvez également créer des titres émotionnels en ajoutant des mots chargés émotionnellement dans le titre, lac fou maintenant, rapide, erreur, nouveau, percée, incroyable, génial. D' accord. Donc, le prochain concept à utiliser et les gros titres est FOMO. Fomo. C' est l'abréviation de peur de manquer. Cela déclenche une très forte émotion chez les visiteurs. Vous pouvez utiliser une phrase comme un gain de temps limité. Ça fonctionne brillamment. Essayez-le. Ensuite, vous pouvez également utiliser le concept de WIIFM. Ça représente ce qu'il y a dedans pour moi. Cela signifie que nous n'avons pas besoin d'écrire les gros titres montrant notre expérience. Au lieu de cela, écrivez les manchettes qui répondent à la question dans l'esprit du visiteur. Une fois de plus, je voudrais répéter que ce sont les stratégies universelles de rédaction. Et vous êtes libre d'utiliser ces stratégies pour écrire les titres de différentes pages Web, des titres de blog, des bulletins d'information par courriel, les médias sociaux et ajouter des copies. Ensuite, il faut écrire quatre paragraphes. Il est également important parce que les premières lignes décident si le visiteur mènera au contenu ou non. Donc, il doit toujours commencer avec un crochet. Jetons un coup d'oeil à cet exemple. Ici, il commence avec une jambe de crochet. Les statistiques sont dans, les réserves sont indéniables. Le courrier électronique est toujours le moyen numéro 1 de stimuler les ventes en ligne. C' est un crochet. Vous pouvez également utiliser des mini-histoires pour démarrer le paragraphe, n'est-ce pas ? Une histoire de quatre ou cinq lignes comme ça. Sinon, vous pouvez également compléter le titre comme visible dans cet exemple. Maintenant, c'est d'utiliser la règle de trois en copywriting. Qu' est-ce que cette règle de trois ? Essayez de mettre en évidence les trois étapes principales du contenu, comme montrer trois témoignages sur la page d'accueil, trois exemples pour un concept ou trois sections principales dans un billet de blog. Vous auriez pu facilement y aller en cinq ou sept étapes. Mais je veux que vous vous concentriez sur la règle des trois parce que le couvent semble être compétent, bien-être, à la fois simple et accrocheur. Il est très facile à digérer pour les visiteurs. Il y a de la magie sur le numéro 3. Oui, oui, oui. C' est pourquoi j'avais divisé le processus de cation du site Web en trois étapes. Maintenant, vous connaissez mon secret d'écriture des scripts. Ensuite, il faut suivre une bonne structure pour la copie Web. Si le contenu est un point long, décomposer en sous-titres pour le rendre facile à lire et logique à comprendre. Ensuite, c'est d'écrire comme vous parlez. Il peut ne pas être complètement applicable dans une copie de site Web, mais essayez d'utiliser ce hack dans les bulletins d'information électroniques, le blog et le post de médias sociaux. Suivant consiste à utiliser des phrases courtes. Oui. Gardez-les aussi courts que possible et appliquez le concept de diapositives glissantes. Cela aidera le visiteur à en lire plus car les phrases courtes sont faciles à lire et à comprendre. La balise suivante est d'écrire pour une personne. N' écrivez pas de contenu dans un ton générique, écrivez-le dans un ton personnalisé comme si vous parliez à ce lecteur spécifique. Suivant consiste à utiliser la voix active dans la rédaction. Vous devrez revenir au livre de grammaire anglais si vous avez oublié le concept de voix active que vous avez appris en quatrième ou sixième année de l'école. Mais l'utilisation de la voix active est très utile dans la coopération. Ensuite, ne pas utiliser de gros mots, parce que si les mots sont difficiles à lire, le visiteur ne le lira pas. Ensuite, c'est d'écrire pour le schéma. Oui, les gens ne lisent pas le contenu en ligne, ils écrément. Utilisez donc beaucoup de sous-titres et divisez le plus grand contenu en morceaux et sections plus petits et utilisez toujours les lignes finales à emporter. Maintenant, la dernière chose que je veux vous dire dans cette vidéo est que vous devez écrire non seulement pour les visiteurs mais aussi pour les moteurs de recherche. Essayez donc toujours d'intégrer naturellement les mots-clés cibles dans le contenu afin que votre site Web soit classé de haut niveau, ce qui entraîne plus de trafic et de ventes. Ici, nous avons terminé la rédaction écouter partie 1, et nous avons la deuxième partie aussi. Restez à l'écoute car nous devons en apprendre un peu plus sur le processus de rédaction. se voit dans la vidéo suivante. 11. Copywriting pour le site Web Partie 2: Dans cette vidéo, apprenons le processus étape par étape pour écrire une copie de site Web à forte conversion pour la page d'accueil À propos de la page d'accueil, la page service et de produit et la page de contact. Il est très excitant de convertir la page blanche en un contenu hautement convertissant qui génère des prospects abonnés et des ventes. Le processus commence par identifier l'objectif le plus important des sites Web, parce que nous créons toujours un site Web dans un but spécifique pour obtenir la clarté sur le but du site Web, essayé de visualiser le parcours de votre client et de venir avec un appel à l'action. Comme si vous avez une entreprise de services, vous voudrez que les visiteurs remplissent le formulaire de prospect. Si vous avez une entreprise de produits avec un cycle d'achat court, vous chercherez un achat direct. Si vous avez une entreprise de produits avec un cycle d'achat plus long, vous pouvez vous concentrer sur les inscriptions par e-mail afin que vous puissiez engager des prospects dans un processus d'enrichissement par e-mail. objectifs peuvent varier, mais essayer d'identifier le seul objectif principal van sur le site Web de son but devrait être d'obtenir les visiteurs de l'arrivée à l'action rapidement possible et de la manière la plus linéaire possible. Pour ce faire, nous voulons minimiser le nombre de pages impliquées dans le parcours client. Vous aurez donc trois options pour décider comment utiliser la page d'accueil. Numéro un, si vous proposez un seul produit ou service, vous pouvez utiliser la page d'accueil comme page d'accueil pour ce produit ou service. Numéro 2, si l'objectif principal du site Web est l'inscription par e-mail, utilisez la stratégie de page d'accueil à l'envers. Numéro 3. Si l'objectif principal est autre chose, utilisez la page d'accueil comme page de création de marque. Laissez-nous savoir ce qui est exactement une stratégie de page d'accueil à l'envers et une page de construction de marque ? La page d'accueil à l'envers demande aux visiteurs d' envoyer un courriel en haut de la page plutôt qu'en bas. La structure pourrait être semblable à la section héros, y compris un formulaire pour l'inscription par e-mail. Ci-dessous la section héros montre quelques preuves sociales. Si une étiquette alors raconter une histoire de marque qui résout un problème. Et encore une fois, vous pouvez demander l'adresse e-mail en échange de la ressource de solution. De cette façon, vous pouvez obtenir un maximum d'inscriptions par e-mail sur la page d'accueil en utilisant la stratégie de page d'accueil à l'envers. Ensuite est une page de construction de marque. C' est une page d'accueil classique. Ici, vous ne devriez pas essayer de vendre les produits ou le service. Au lieu de cela, essayez de construire une perception de la marque , puis de les prendre pour les pages de produit ou de service spécifiques. Pour construire une marque, vous devez écrire la proposition de valeur de la marque qui indique par l'intermédiaire de l'entreprise existe et quelle est l'identité de base. Ensuite, vous devez écrire la courte histoire de la marque pour décrire les défis ou problèmes que votre marque souhaite résoudre et leur dire comment il est résolu. Enfin, montrer aux visiteurs quelques preuves pour renforcer la crédibilité de la marque. Après cela, vous pouvez rediriger le visiteur vers la page de produit ou de service spécifique pour effectuer des actions spécifiques. Assurez-vous également que vous avez suffisamment d'appels aux actions dans la copie Web. C' est ainsi que vous pouvez écrire du contenu pour notre page d'accueil. Maintenant, voyons comment écrire une page A propos et sur les pages toujours là dans le site Web parce que les gens s'attendent à ce qu'elle soit disponible. Un grand segment de visiteurs peut même repousser l'idée d'acheter le service auprès de vous s'ils n'ont pas trouvé la page à propos de votre site Web. Les visiteurs visitent généralement la page À propos pour vérifier si la marque ou la personne est authentique ou non. En outre, ils veulent bien se connecter en connaissant la vision, mission, le but ou le contexte de l'entreprise. Et parfois s'ils ne comprennent pas votre histoire de marque sur la page d'accueil et veulent en savoir plus. Ils visiteront la page À propos. Pour les sites Web plus spécialisés comme un site B2B, ils veulent vérifier si vous avez l'expérience acquise ou pas ou lourd de récompenses ou de certifications pour vous démarquer de la concurrence. Lors de l'écriture du contenu pour la page À propos. Toujours parlé pour établir la crédibilité. Parlez de ce que vous avez accompli et avec qui vous avez travaillé. Vous pouvez également commencer par la vision et la mission avant de commencer l'histoire de la marque, vous pouvez toujours être honnête et direct car les visiteurs préfèrent la clarté. Enfin, terminez la page À propos avec une ADC. Maintenant, voyons comment écrire pour la page des services. Au lieu d'une page de service, nous pouvons considérer qu'il s'agit de la page de destination ou la page de vente où nous pouvons fournir une offre au visiteur. Si vous disposez de plusieurs produits ou services, vous pouvez créer des pages distinctes pour chacun d'entre eux. En parlant du contenu, vous pouvez commencer par la proposition de valeur pour le produit ou le service spécifique. Pour ce faire, définissez clairement l'offre, spécifiez à qui elle sert et différenciez la valeur. Après cela, vous devez expliquer les avantages de votre solution, puis expliquer comment vous résolvez réellement le problème. Ici aussi fournir autant de preuves que possible. J' ai également essayé de pousser les visiteurs à vous contacter à chaque occasion. J' ai essayé d'inclure un CTA à n'importe quel point de votre page où le lecteur pourrait être en position mentale de cliquer. Vous pouvez concevoir des boutons CTA pour faire défiler le lecteur vers le bas jusqu'à n formulaire de contact sur la page au lieu de rediriger vers une page séparée. Et si vous écrivez du contenu pour la page du produit dans un site Web de commerce électronique, vous devez inclure les images du produit, les détails du produit, bouton Ajouter au panier, la description du produit, l'historique du produit ou de la marque. Vous pouvez également aimer la section et la section de révision. Ensuite, apprenons à écrire la copie web pour une page de contact. C' est probablement la page la plus simple d'un site web car le visiteur a déjà pris l'intention de vous contacter. Mais si vous voulez plus de leads, il suffit de garder tout le contenu au-dessus du pli. Menant à un défilement minimal. Inclure une courte invitation adressée aux personnes pour vous contacter. Fournissez autant d'options de étiquetés pour qu'un visiteur puisse vous contacter, comme un formulaire de demande, adresse e-mail, un appel téléphonique ou Skype. Laissez-nous également apprendre à écrire pour une page de destination. Le seul objectif d'une page de destination est de réaliser les données de visiteur souhaitées, comme l'inscription à une newsletter, lancement d'un essai gratuit ou le téléchargement d'un e-book. Cela peut être n'importe quelle action spécifique. Donc, sur la page de destination, commencez par le titre qui montre clairement les avantages pour D va obtenir, acheter le produit ou le service. Avoir également la preuve sociale dans la section héros elle-même, au-dessus du pli. Utilisez la preuve la plus crédible que vous avez, comme les endroits où vous êtes en vedette ou le nombre de clients, ou les noms de grandes lignes ou quoi que ce soit. Mais essayé d'inclure autant de preuves que possible. Ensuite, la zone de contenu principale doit suivre la structure comme problème, agiter et résoudre la formule. Commencez par la douleur du client, signalez les problèmes. Ensuite, mettez en évidence à quel point le problème est ennuyeux, puis taquinez-les avec la solution. Après cette section, vous pouvez trouver la section de transition. C' est cette transition du problème à la solution. Mais quand une offre et ne placer le CTA ici pour le visiteur de prendre des mesures parce que si le visiteur est convaincu, vous devez lui dire comment commencer ou ce qu'il faut faire ensuite. C' est ça. Pour écrire du contenu pour un billet de blog, vous pouvez commencer par écrire et un titre ultra spécifique. Il donne de la clarté au visiteur ce qui va savoir exactement dans le poste. Plus vous écrivez le titre, plus vous recevrez de clics. Ensuite, commencez le paragraphe avec une introduction plus courte d'au plus huit voies. Dans la brochure prouver que vous pouvez livrer sur le titre de nous. Et donnez également un aperçu de ce qu'ils vont savoir dans la zone de contenu principale. La publication devrait inclure des conseils, des techniques et des stratégies exploitables que les gens peuvent utiliser immédiatement. Cela peut inclure le contenu dans le formulaire de liste étendue, liste d' études de cas des outils, le guide ultime ou la liste complète Geyte. Utilisez de nombreux exemples pour faciliter la compréhension du contenu. Et enfin, donner à vos visiteurs est CTA de prendre des mesures. Vous pouvez placer une preuve sociale pour des encouragements supplémentaires. C' est ça. Donc, les leçons de rédaction étaient un peu longues, mais elles sont dignes parce qu'une bonne rédaction va apporter des leads, des conversions et des ventes pour le site Web. Nous terminerons cette leçon ici et continuerons avec la conception graphique dans la prochaine vidéo. 12. Conception graphique pour le site Web Partie 1: Tout le monde est toujours excité pour les graphismes et il y a une raison très forte pour cela. Et l'image vaut mille mots. Et l'image peut déclencher des perceptions, des émotions et des actions plus rapidement que le texte. Il est donc important pour vous d'utiliser des graphiques et des images dans le site Web pour construire une communication visuelle forte avec les visiteurs et les chars à certains outils gratuits impressionnants comme Canva, création de graphiques est maintenant beaucoup plus facile qu'avant. Dans cette leçon, nous allons apprendre sur le processus général et les concepts fondamentaux de la conception graphique que vous pouvez appliquer pour éditer des images et créer des graphiques, pas seulement pour un site Web, mais même pour les médias sociaux post YouTube, , ou tout autre élément graphique, car ce sont les stratégies universelles. Laissez-moi donc commencer par vous expliquer le processus général et les étapes à suivre pour créer un design graphique. La première étape consiste à noter que la dimension ou la résolution requise de la conception graphique. C' est la taille du graphique en termes de largeur et de hauteur qui est mesurée en pixels. Lake, si vous voulez insérer une image dans l'arrière-plan de la section héros, alors vous devez créer le graphique et 11 pour 0 par 600 pixels pour couvrir l'écran au-dessus du pli. La dimension d'un post Instagram est de 1080 par 10 Hz petits pixels. Et la dimension d'une histoire Instagram est 0100 aides que tout par 19, 200 pixels. Donc, pour utiliser des graphiques dans la conception du site Web, il est important de connaître les dimensions requises. D' abord. Pour connaître les dimensions, vous pouvez utiliser un plugin Google Chrome appelé comme page à LA Redux pour mesurer rapidement les dimensions sur l'écran de n'importe quelle section ou colonne du site Web. L' étape suivante consiste à sélectionner l'arrière-plan droit. Votre conception converse serait un avion vite, boîte vide. Et vous pouvez toujours commencer par mettre en place un arrière-plan. Il peut s'agir d'une couleur unie ou d'une texture d'audit de dégradé ou d'une image. Vous pouvez également utiliser l'arrière-plan trop vague. Vous insérez un arrière-plan sur arrière-plan déjà existant et réglez l'opacité pour obtenir un look mélangé impressionnant. Après l'arrière-plan, vous devez insérer des éléments à la conception sous la forme de texte, d'images et de formes. Vous devez d'abord compléter le squelette ou une structure simple contenant le contenu, puis vous commencez à travailler sur les téléphones, couleurs, l'espacement et l'alignement. Une fois le graphique prêt, vous pouvez exporter le fichier et le format JPEG foncé ou PNG à utiliser sur le site Web. Le format JPEG est le plus idéal à utiliser sur le site Web car il est plus petit taille de fichier et aide à rendre le chargement du site Web rapide. Mais les JPEG ne prennent pas en charge l'arrière-plan transparent. Donc, si vous avez un graphique qui a besoin d'un arrière-plan transparent, vous devrez utiliser le format PNG pour exporter le fichier. Bien que vous obtiendrez les options dans l'outil de conception graphique, il sert à exporter le fichier dans des tailles de fichiers plus petites. Mais si vous ne trouvez pas une telle option dans un outil et que vous souhaitez réduire la taille du fichier, vous pouvez suivre ces étapes. abord, assurez-vous que la résolution de l'image n'est pas trop mise à l'échelle car le redimensionnement de l'image vers la solution requise réduira automatiquement la taille du fichier. L' étape suivante consiste à visiter le petit PNG.com, télécharger les fichiers et télécharger les versions décompressées. Cela aidera à réduire la taille du fichier, mais assurez-vous toujours que vous téléchargez une image et le site Web dans la taille de fichier la moins possible en seulement quelques bébés. Maintenant, discutons également de certains concepts fondamentaux pour une bonne conception graphique. Le premier concept est l'accent. Cela signifie décider quelle est la première information que le visiteur a besoin de connaître en regardant le graphique. Ensuite, appliquez l'équilibre et l'alignement. Vous pouvez concevoir un graphique symétrique ou asymétrique. Assurez-vous simplement que le graphique n'a pas l'air condensé ou inégal. Ensuite est d'assurer le bon contraste de couleur pour faire apparaître les éléments. Ensuite, il faut utiliser le concept d'hérarchie. C' est la disposition des éléments pour attirer l'attention sur les éléments clés en premier. Ensuite, utilisez des lignes et des formes dans le graphique. En outre, il est important d'utiliser des icônes pour attirer l'attention sans trop de distraction. Suivant consiste à utiliser le concept de répétition. Vous ne devriez pas utiliser des téléphones différents pour chaque ligne de la conception car il casse la cohérence. Ensuite, c'est de maintenir la proportion. La proportion ne peut être atteinte que si tous les éléments de votre conception sont bien dimensionnés et soigneusement satisfaits. Une fois que vous maîtrisez l'alignement, l'équilibre et le contraste, la proportion doit être visible automatiquement. Ensuite, c'est le mouvement. mouvement contrôle les éléments d'une composition de sorte que l'œil est conduit à passer d'un à l'autre et que l'information est correctement communiquée au public. Ensuite, utilisez les bonnes couleurs pour bien se connecter avec le public. Suivant est un espace. Whitespace n'est pas assis là à ne rien faire. Il évalue l'hérarchie et l'organisation. La gestion des espaces signifie utiliser l'espace ouvert pour attirer l'attention sur les éléments qui comptent réellement dans votre conception. Ensuite, c'est la typographie. Évidemment, les mots que nous utilisons dans nos conceptions aussi importants, mais aussi les formes que nous utilisons pour communiquer ces mots. Et enfin, je vais vous recommander d'utiliser une vraie image des gens car il aide à améliorer le taux de conversion. Essaie ça. Donc, ce sont les concepts fondamentaux que vous pouvez utiliser pour créer un design graphique et en apprendre plus vif à ce sujet dans la prochaine vidéo qui est la partie de conception graphique. Pour te voir là-bas. 13. Conception graphique pour le site Web partie 2: Une fois que vous avez terminé avec les fondamentaux, il est temps de commencer avec l'application des concepts. Commençons par les images. Dans un projet de site Web, vous devrez utiliser beaucoup d'images. Mais la question est que comment pouvez-vous obtenir ces images ? À partir de quel site vous allez télécharger les images ? Vous envisagez de faire une recherche d'images Google et d'utiliser ces images dans le site Web ? Non. Nous ne devrions pas le faire. Comme les images peuvent ne pas avoir la permission d'être utilisées pour un projet commercial, et cela peut soulever certaines questions juridiques pour vous. Permettez-moi de vous dire quelques très bon site web là, vous obtiendrez images libres et de haute qualité à utiliser sur le site gratuitement. Oui, vous pouvez télécharger ces images gratuitement à partir de portails comme Pixabay, excels, et Unsplash. Bien qu'il y ait tellement d'autres sites Web ainsi pour télécharger des images libres de stock, mais ces trois sont extrêmement bons. En dehors de cela, j'ai une autre option. Vous pouvez télécharger les images de la photo gratuite, mais c'est un site freemium. Un côté freemium est celui sur lequel certaines des ressources sont disponibles gratuitement, tandis que d'autres sont payées. Les images avec le sol Akan sont payées. Et pour avoir accès à ces images, vous devrez acheter l'abonnement de prélèvement gratuit. Maintenant, vous devez vous demander pourquoi payer pour un abonnement de prélèvement gratuit lorsque VR obtenir les images gratuitement à partir d'autres sites Web ? Eh bien, cela dépend de la collection d'images et il arrive assez souvent que vous avez besoin d'une image spécifique, mais cela n'appartient à aucun site Web gratuit. Lorsque nous travaillons sur des projets de site Web. Et il y a un besoin d'images spécifiques. Les préfèrent même acheter les images à partir de plates-formes comme Shutterstock et Adobe stock. Ici, nous devons payer une très bonne somme d' argent pour l'abonnement pour obtenir ces images spécifiques. Mais ça a fonctionné parce que nous avions au moins obtenir ce que nous voulions. Assurez-vous simplement de télécharger les images dans la résolution requise. Et si la résolution de l'image est grande, vous pouvez redimensionner l'image à la résolution requise en utilisant la technique dont nous avons parlé dans la vidéo précédente. Et compresser la taille du fichier en utilisant un petit PNG ou une compression d'image similaire comme le téléphone. De nombreux dîners et tutoriels suggèrent d'utiliser les plugins WordPress pour compresser des images comme E triple W image Optimizer. Mais je préfère réduire la taille du fichier avant de télécharger l'image sur le site Web. Aide à réduire le besoin d'utiliser un plug-in supplémentaire et garder notre WordPress léger et propre. Après les images, vous aurez besoin de quelques illustrations vectorielles à utiliser dans les graphiques du site Web. Qu' est-ce qu'un vecteur ? En quoi il est différent d'une image ? Un vecteur est une illustration créée à partir de Vector Graphics, qui ajoute des images créées avec des formules mathématiques. Cône à lire. Ne vous inquiétez pas, nous ne discuterons pas de formules mathématiques ici. Cela signifie simplement que vous pouvez agrandir une image vectorielle à n'importe quelle taille sans affecter son apparence en la rendant floue par rapport aux images. Ainsi, les images, également appelées illustrations raster lass, seront floues lorsque nous les agrandissons ou les zoomons. Mais une illustration vectorielle ne s'estompe pas lors du zoom avant ou de l'agrandissement, même pour un panneau d'affichage de taille de maintien. J' espère que vous êtes clair avec la différence entre une image raster et une image vectorielle. Maintenant, où obtenir des vecteurs et comment puis-je obtenir un vecteur ? Quel outil ? Quel logiciel ? Permettez-moi d'abord de vous dire que vous obtiendrez les graphiques vectoriels gratuits de la sélection gratuite. En fait, certains seront gratuits et d'autres seront payés, et vous pouvez y accéder si vous avez un abonnement gratuit. Vous pouvez également trouver des graphiques vectoriels sur d'autres plateformes et vous pouvez simplement faire une recherche Google pour cela. Mais je vous suggère de commencer avec le choix gratuit seulement. Le fichier graphique vectoriel est généralement disponible au format point AI ou EPS ou point SVG. Ce sont tous des formats de fichiers vectoriels. Vous pouvez modifier un vecteur à l'aide d'Adobe Illustrator. Et c'est l'outil recommandé pour créer des graphiques vectoriels. Mais l'abonnement Adobe est un peu coûteux. Ainsi, vous pouvez utiliser un outil open source comme Inkscape, ou au moins utiliser un outil très économique qui a de la gravité. Designer. Gavin designer est un outil décemment puissant et il est livré avec un généreux essai gratuit de deux semaines ainsi. Vous pouvez y accéder sur le web ou vous pouvez le télécharger et l'installer sur l'ordinateur. Permettez-moi de vous donner rapidement un aperçu pratique des outils tels que Canvas, graphiste et Adobe Illustrator. Allons d'abord à Canvas. C' est aussi un outil freemium qui a une version gratuite et vous pouvez vous abonner à la version pro pour les fonctionnalités avancées. Ici, vous pouvez vous inscrire pour un compte gratuit, et voici à quoi ressemble le tableau de bord Canvas. La section Accueil se compose d'un menu de conception rapide pour sélectionner et commencer à créer la conception. Sous la loi, ils seront la liste des dessins que vous avez créés à l'aide de Canva. Ces conceptions sont enregistrées sur Canvas Cloud et vous pouvez y accéder rapidement à tout moment. Vous trouverez ci-dessous des modèles ou graphiques préconçus que vous pouvez importer en un seul clic. Si vous souhaitez créer une conception de dimension personnalisée, cliquez sur Créer une option de conception et sélectionnez Taille personnalisée. Ici, vous pouvez entrer la largeur et la hauteur en pixels. Vous pouvez également observer que vous pouvez trouver les dimensions des types de graphiques populaires en survolant le titre. La bibliothèque de modèles de Canva est très bonne et vous pouvez l'utiliser pour gagner du temps lors de la création d'un graphique. Vous trouverez également une énorme collection de photos et d'icônes à utiliser dans votre design sur Canvas. Si vous avez un abonnement Canva pro, alors vous pouvez même les télécharger et l'utiliser sur n'importe quel autre outil d'édition graphique. Permettez-moi de créer un arrière-plan de section héros pour le site en sélectionnant Créer un design, en cliquant sur Taille personnalisée, entrant les valeurs 1, 1, 4, 0 par 600. Est en pixels, et ici nous avons la toile vierge. Maintenant, si nous suivons les étapes comme nous l'avons discuté dans la vidéo précédente, nous en avons fini avec les dimensions. Maintenant, il est temps de sélectionner l'arrière-plan. Vous pouvez choisir une couleur unie, un audit de dégradé externe, impair une image pour l'arrière-plan. Il suffit de cliquer une fois sur la toile vierge et demandé la sélection bleue est surlignée. Vous pouvez choisir la couleur dans cette option. Vous pouvez choisir une couleur parmi les couleurs par défaut ou cliquer sur l'option Nouvelle couleur pour explorer le mode. Si vous avez le code hexadécimal pour une alerte spécifique, vous pouvez le saisir ici. Si vous souhaitez insérer un dégradé, sélectionnez l'option éléments dans le menu de gauche, puis faites défiler un peu vers le bas trouver des dégradés ou vous pouvez simplement effectuer une recherche pour les dégradés. Voici les différentes formes avec des dégradés et vous pouvez les insérer dans le canevas en un seul clic. Vous aurez des options pour insérer un dégradé bicolore, un dégradé de couleur auditif dans tant de formes différentes. Si nous voulons que l'arrière-plan soit un dégradé bicolore, sélectionnez ce dégradé rectangulaire et inséré en cliquant. Maintenant, les cotes sont ajustées en les redimensionnant simplement sur les coins. Ne vous inquiétez pas s'il est débordant car le décalage sera masqué automatiquement aux dimensions de la toile. Maintenant, si vous voulez insérer des textures, sélectionnez l'arrière-plan dans le menu de gauche. Et si vous voulez utiliser des images en arrière-plan, cliquez sur les photos et recherchez l'image désirée. Assurez-vous simplement que vous n'insérez pas une photo avec la chronique et comme elle est disponible uniquement pour les abonnés Pro commandes, votre graphique contiendra des filigranes lorsque vous exporterez. En fait, les photos gratuites sont un peu difficiles à trouver sur Canvas. D' accord, j'en ai un et laisse-moi insérer. Une autre chose à remarquer ici est que vous insérez différents éléments et photos et tout cela est arrangé dans une hiérarchie. C' est le concept de Lear's en design graphique. Tous les éléments forment une couche unique et vous pouvez les organiser dans différents ordres facilement. C' est vraiment très utile. Jouer avec les éléments avant et arrière à nouveau, avant, encore, retour comme ça. Maintenant, l'étape suivante consiste à utiliser une superposition d'arrière-plan. Pour ça. Insérer une forme et donner une couleur unie. Fais-le. Vérifiez maintenant que la forme est sélectionnée, puis cliquez sur cette option de transparence. Ici, vous pouvez ajuster l'opacité en écolant manuellement la roue et en arrivant avec l'effet de superposition idéal. C' est cool. Droit ? Maintenant, vous pouvez insérer du texte, des images et des formes selon vos besoins. Ajoutons du texte au graphique. Vous trouverez l'option texte dans le menu de gauche et cliquez dessus. Vous obtiendrez une bibliothèque de combinaisons de formulaires et de styles couramment utilisés. Vous pouvez en sélectionner un ici ou bien simplement sélectionner les en-têtes, sous-titre ou corps du texte. Ici, vous pouvez taper le texte et la position de réglage en le faisant simplement glisser avec la souris. Vous pouvez apporter des modifications au style du texte. Expérimentez avec la forme de police de la famille Ford colorée en gras, italique, alignement, liste à puces, espacement des lettres, hauteur de ligne. Vous pouvez également donner des effets tels que l'ombre et la courbe. Au texte. Vous trouverez quelques options supplémentaires en cliquant sur ces trois points. Vous pouvez mettre le texte en soulignement ou en majuscules, ajuster la transparence, entrer un lien hypertexte vers le texte, verrouiller le calque et créer un doublon de ce calque de texte. Vous pouvez également utiliser le contrôle Z pour annuler l'action et utiliser le contrôle C et le contrôle V pour copier et coller. Lorsque vous cliquez sur le calque de texte, vous pouvez également faire pivoter le calque comme celui-ci. Maintenant, laissez-moi créer un duplicata de cette couche et changer les téléphones. Si vous souhaitez copier le style de ce calque de texte et l'appliquer à l'autre calque de texte. Sélectionnez simplement l'option de style de copie et appliquez-la. À l'aide de l'option position, vous pouvez ajuster l'ordre des calques comme avant et arrière. Vous pouvez également ajuster l'alignement de la couche comme le haut, le milieu, le bas, la gauche, le centre et la droite. Vous pouvez également sélectionner les deux calques en maintenant la touche Maj enfoncée et en cliquant dessus. Ici, vous pouvez regrouper ces deux couches et ajuster la position pour la rendre uniforme. Si vous avez un coup d'oeil aux options de menu sur la gauche, vous trouverez l'option pour sélectionner les éléments. Les éléments comprennent des formes telles que des lignes, des cadres, des grilles, des dégradés et des icônes. Faites une utilisation intelligente des lignes et des formes dans la conception. Vous pouvez utiliser des cadres et des grilles à Moscou couche à l'intérieur d'une forme comme celle-ci. Si vous souhaitez télécharger des images personnalisées dans votre conception, vous pouvez sélectionner l'option Charger pour télécharger des médias dans votre bibliothèque Canva. Il est enregistré dans le Cloud et vous pouvez facilement y accéder à tout moment, n'importe où. Et le Canada dispose également d'une application mobile, afin que vous puissiez accéder à vos designs sur le téléphone mobile. Il suffit de cliquer sur l'image et elle sera insérée. Vous pouvez insérer autant de plans de travail ou de pages dans la conception en cliquant sur l'icône plus ou sur Ajouter une page. Vous pouvez également prévisualiser la conception et le plein écran. Vous pouvez changer le nom du fichier ici. Et une fois que vous avez terminé avec la conception, vous pouvez cliquer sur Télécharger pour l'exporter dans plusieurs formats. Vous pouvez vérifier que les différentes options de type de fichier ont étiqueté ici. Et si vous exportez le conçu pour une utilisation sur le site Web, vous pouvez préférer l'option JPEG car elle donne la plus petite taille de fichier. Mais si vous obtenez un problème de qualité majeur, alors vous pouvez télécharger le PNG et ensuite utiliser le PNG minuscule pour réduire la taille du fichier avant de le télécharger sur le site Web. En fait, je recommande d'utiliser minuscule PNG pour compresser toutes les images que vous téléchargez sur le site Web, peu importe comme un JPEG ou PNG, parce que même à 10 pour cent d'économiser dans la taille du fichier est utile pour nous de réduire le chargement de la page le temps. C' est ainsi que vous pouvez utiliser Canvas pour créer des graphiques à partir de zéro. Maintenant, vous pouvez expérimenter avec l'importation des modèles et vous verrez combien de temps peut être économisé en utilisant un bon modèle pour la conception. Et quand je ferme Canvas, le design tel enregistré ici dans la bibliothèque sur le Canvas fort. Allez, s'il vous plaît, faites un peu d'entraînement sur Canvas. Cela vous aidera beaucoup. On ne peut pas sortir des vecteurs sur Canva. Pour modifier l'illustration vectorielle, vous pouvez utiliser Inkscape ou Adobe Illustrator ou bien saisir un concepteur. Laissez-moi vous dire le travail du concepteur de gravité. L' édition vectorielle est plus ou moins une tâche professionnelle, mais essayons au moins d'apprendre l'édition de base. Alors, inscrivons-nous pour un compte gratuit. Très bien, le compte a été créé. Vous devez vérifier l'e-mail et commencer à travailler sur le Garver. Concevez-le. Très bien, Maintenant, vous devez commencer par entrer les dimensions. Et vous pouvez également commencer l'essai gratuit en cliquant sur ce bouton. D' accord ? Donc c'est la toile vierge, tout comme Canva. Sur la gauche, vous trouverez la liste des pages et des calques. En haut, vous avez le menu d'options et sur la droite vous avez les options de style. Vous pouvez commencer par sélectionner la couleur d'arrière-plan de la page. En cliquant sur cette option, vous pouvez sélectionner une couleur unie ou le dégradé. Vous aurez également quelques options avancées. N' hésitez pas à les explorer et à tester chaque option si vous voulez plonger profondément dans la conception graphique pour insérer le texte, formes et les éléments, vous avez les options ici en haut. Vous pouvez insérer un calque de texte en cliquant dessus et en dessinant une zone de texte sur le canevas, peint le texte souhaité, et ajuster le style en utilisant les options à droite. Vous pouvez expérimenter les champs, les bordures et les effets. Lorsque vous déplacez un élément en sélectionnant avec la souris, vous trouverez des lignes de capture pour vous guider dans l'alignement. Vous pouvez également utiliser l'outil Plume en appuyant sur le bord ou en sélectionnant ici et en vous déplaçant dans le document. Vous pouvez effectuer un zoom avant et un zoom arrière en appuyant sur la touche Ctrl et en faisant défiler à l'aide de la molette de la souris. Vous pouvez activer et désactiver les règles de capture et les grilles. À partir de cette option, vous pouvez insérer des formes et utiliser des raccourcis clavier pour accélérer le processus. Et vous pouvez placer une image en utilisant cette option. Pour mettre à l'échelle l'image, vous devez appuyer sur la touche Maj qui indique que le problème va changer dans le redimensionnement et que les images auront l'air un peu bizarre. Vous pouvez faire glisser les éléments avec la souris en maintenant le clic. Et la meilleure partie de l'utilisation d'un logiciel d'obtention de vecteur est que vous pouvez personnaliser les formes, images de taille, tout en laissant tomber très facilement selon les exigences de conception. Pour sélectionner une forme, vous disposez de deux options. L' un est pointé et l'autre est le point de sélection secondaire, c'est-à-dire le mode de sélection régulier. Mais avec le sous-select, vous pouvez jouer avec les coins et recadrer un élément. L' outil plume est un outil puissant et il faut un certain temps pour le maîtriser. Mais vous pouvez concevoir des illustrations et créer des designs à main levée qui sont uniques et créatifs. Il existe plusieurs options pour gérer les coins et créer un design personnalisé. Il peut s'agir d'une forme ouverte ou fermée. Nous n'entrerons pas dans la profondeur de l'outil stylo, de l'outil ON de base et de l'outil à main levée, mais vous n'êtes pas libre d'être exploré plus à ce sujet. Un autre concept très important est le masquage. Lorsque vous avez une image et une forme et que vous souhaitez insérer l'image à l'intérieur de la forme, tout comme nous avons utilisé des grilles dans Canva. Vous pouvez le faire en faisant glisser le calque d'image dans le calque de forme du panneau Calques de gauche. Si vous voulez le faire ressortir, faites-le glisser en dehors du calque. Vous pouvez également effectuer une sélection à l'aide de la souris et utiliser l'ordre des calques pour faire avancer et reculer les éléments. Si vous souhaitez placer un élément en haut du calque, cliquez avec le bouton droit de la souris, sélectionnez, arrangez et sélectionnez Mettre à l'avant. Ce sont les paramètres généraux et les graphistes. Vous pouvez également explorer les paramètres d'Adobe illustrés sur vous-même. Et cela fonctionne presque de la même manière, mais nous aurons beaucoup plus d'options et de fonctionnalités pour faire des graphiques avancés. Maintenant, laissez-nous voir comment vous pouvez créer un logo dans Canva ou GAVI designer. Allez sur Canvas et faites une recherche de logo. Vous aurez plus de 100 modèles à choisir. Si vous en trouvez un selon vos besoins, vous pouvez simplement cliquer dessus et il se chargera dans le Canvas. Maintenant, il suffit d'ajouter le nom de la marque et de changer les couleurs si vous le souhaitez. Mais je recommande toujours de commencer avec un simple logo noir et blanc et de remplir les couleurs après avoir sélectionné le schéma de couleurs pour le site Web. Exportez la conception du logo au format PNG. Mais il y a un défi ici. Puisque vous utilisez la version gratuite de Canva, vous ne seriez pas en mesure d'obtenir la version transparente ici. Donc, pas de problème. Vous pouvez toujours le télécharger avec un fond blanc. Et maintenant, laissez-nous voir comment vous pouvez supprimer l'arrière-plan et le rendre transparent pour des graphiques simples. La première option consiste à supprimer Dark BG. Ici, vous pouvez télécharger le fichier et l'outil supprimera automatiquement l'arrière-plan pour vous. Si vous êtes satisfait, vous pouvez le télécharger. Cependant, vous ne pourrez télécharger qu'un seul fichier en pleine résolution. Et pour les fichiers suivants, vous ne pouvez télécharger que la version d'aperçu. La qualité de l'image n'est pas assez nette et la version précédente. Donc pour ça, laissez-moi vous montrer une autre façon. Vous pouvez aller à photo p.com. Ici, ouvrez le fichier à partir de l'ordinateur, puis cliquez sur Sélectionner l'option et cliquez sur kit magique. Ici, vous devrez faire quelques ajustements, mais vous pouvez obtenir un merveilleux fond transparent pour le logo dans l'image PNG haute résolution affûtée. Une fois terminé, cliquez sur OK, puis cliquez sur l'option Fichier, cliquez sur Exporter sous, et sélectionnez PNG. bon logo est prêt à être utilisé sur le site Web. Faire un logo en utilisant Canvas est bon, mais il a des limites. Si vous devez changer les couleurs sont faites des changements à la forme. Vous n'avez pas autant de flexibilité. Donc, pour créer des logos professionnels, vous devez utiliser. Vector Graphics et un outil d'édition vectorielle, de préférence Adobe Illustrator. Mais nous utilisons le graphiste pour la portée de ce cours. Et laissez-nous ouvrir Graphic Designer à nouveau et créer une toile vierge. La première étape dans la création du logo devrait être d'expérimenter des styles de forme humide. Si vous obtenez un résultat satisfaisant en utilisant cette technique, alors cela devient beaucoup plus facile car vous n'aurez pas à créer beaucoup de formes. Alors jouez avec les téléphones, style comme italique, tous les casquettes, et essayez de trouver une collection. Après avoir analysé les différentes options, vous aurez une meilleure idée du logo id pour le site Web. Shortlist quelques-uns d'entre eux, puis filtrer plus pour arriver à la finale été. Vous pouvez désormais ajouter des formes personnalisées au logo. Pour trouver des idées. Vous pouvez faire une recherche Google et essayer d'analyser le logo des marques et des entreprises travaillant dans la même industrie. Si vous trouvez un élément commun comme les feuilles sont utilisées pour représenter les entreprises vertes, les bourses d'études et le logo de l'institut d'enseignement et ainsi de suite. Une fois que vous avez quelques idées et options à l'esprit, dirigez-vous vers le porc libre et faites une recherche avec quelques mots clés. Par exemple, si vous souhaitez créer un logo pour l'immobilier, vous pouvez faire une recherche de bâtiments ou simplement faire une recherche de biens immobiliers locaux. Trois cochon a une énorme collection de graphiques vectoriels et vous trouverez des milliers d'options basses à choisir. Si vous en trouvez un, suffit de le télécharger et de l'ouvrir en utilisant le graphiste. Maintenant, la meilleure partie d'un graphique vectoriel est qu'il est complètement personnalisable. Vous pouvez sélectionner les calques de forme et les placer dans votre tableau graphique de logo. Ici, vous pouvez jouer avec la taille, la position et l'alignement, et trouver le logo de l'idée pour le site Web. Toujours créer des versions pour le logo comme les versions complètes, courtes et minimales pour utiliser aspart, cette exigence du projet. Une fois terminé, cliquez sur l'option Fichier, cliquez sur Exporter, puis cliquez sur Exporter avancé, sélectionnez l'option de canevas, choisissez le format PNG, et changez l'arrière-plan en Transparent. Cliquez sur Exporter. Votre logo est prêt à l'emploi. Une autre chose. Si vous devez exporter uniquement la sélection de calques, assurez-vous de regrouper les calques avant d'exporter. Vous pouvez également exporter le logo au format PDF et SVG afin de pouvoir utiliser ce fichier sur d'autres outils d'édition vectorielle comme Adobe Illustrator ou corail draw. C' est ainsi que vous pouvez créer un logo. Ensuite, créez une image d'illustration pour le site Web. Ici aussi, nous allons utiliser le concepteur de gravité et le choix libre, rechercher le graphique requis avec des mots-clés sur le porc libre et télécharger le fichier ouvert Graphic Designer et créer un nouveau plan de travail avec les dimensions spécifiques selon la exigence. Vous pouvez mesurer les dimensions sur un site Web à l'aide de la règle Redux. Genre. Si vous souhaitez placer une illustration en s'amusant sur les colonnes dans une structure à deux volumes, vous pouvez mesurer la largeur et la hauteur et créer un dessin avec les mêmes dimensions. Bon, donc nous avons la dimension et nous avons la toile vierge, ouvrez le fichier cochon gratuit téléchargé et dégroupez les couches. Faites maintenant une sélection du calque requis et amenez-le au tableau d'illustration. Ici, vous pouvez ajuster la taille, la position, l'alignement et les couleurs, et enfin, exporter le graphique à utiliser sur le site Web. Sélectionnez le format PNG et JPEG en fonction de l'arrière-plan pour climat que Sage. Ensuite est de concevoir les icônes. Les icônes sont un moyen simple et efficace d'attirer les utilisateurs dans le contenu de votre site Web. Les icônes sont également utilisées pour attirer l'attention des utilisateurs et les diriger vers un contenu spécifique. Donc, pour créer des icônes personnalisées, nous devrons utiliser le concepteur Gavin oui. Pour accéder à une énorme bibliothèque d'icônes préconçues, vous pouvez visiter flat icon.com. Voici simplement faire une recherche pour l'Eigen requis et le télécharger et le format SVG. Maintenant, il y a une raison de le télécharger en SVG et non en PNG. Tout d'abord, vous pouvez mettre à l'échelle l'ICANN sans qu'il apparaisse du sang. Deuxièmement, vous pouvez changer à nouveau la couleur de l'œil, directement à partir de l'éditeur du site Web lui-même. Cela fonctionne bien pour les éléments de ligne. Donc, toujours télécharger DI vient au format SVG et non PNG. Si vous voulez créer un client à nouveau en utilisant celui téléchargé depuis le vol Eigen, il suffit d'ouvrir l'Eigen et graphiste et d'apporter les modifications souhaitées. Ici, vous pouvez utiliser le stylo et de base pour créer des formes personnalisées ainsi. Vous pouvez également changer le remplissage de couleur en couleur unie ou en dégradé. Une fois que vous avez terminé avec l'édition, il suffit d'exporter le fichier en SVG et téléchargé sur le site Web. La dernière chose que nous devons apprendre est d'éditer les images. L' outil le plus recommandé pour éditer des images est Adobe Photoshop. Mais vous pouvez utiliser les outils gratuits comme GIMP, ang photo B ainsi. Le plus important, cela signifie juste que vous avez à faire dans une image est de modifier les dimensions selon le besoin du site Web. Cela peut être fait en créant un nouveau document dans la taille requise, plaçant l'image et en l'exportant simplement au format JPEG. Vous pouvez également le faire en grabber, le concevoir par un masquage de l'image dans ce rectangle. Si vous voulez améliorer les couleurs, alors vous devrez utiliser Photoshop ou les outils gratuits comme GIMP et photocopie. En outre, vous pouvez effectuer une sélection pour découper une pièce spécifique ou supprimer l'arrière-plan. N' hésitez pas à les explorer selon votre convenance. Je vais également proposer un cours dédié à création de contenu qui comprendra des tutoriels approfondis pour écrire du contenu, la conception graphique à l'aide d'outils dédiés et même le montage vidéo. Mais je crois que vous avez une bonne quantité de connaissances sur conception graphique qui est nécessaire dans la création d'un site Web. C' est tout pour apprendre dans cette leçon, et nous allons continuer dans la prochaine vidéo. 14. Comprendre l'entreprise: Très bien, Donc, nous sommes complétés avec les fondations et faisons maintenant la première étape pour créer le site Web. Quelle est la première étape ? La première étape que nous devons franchir est de découvrir. Ici, nous devons comprendre l'entreprise, comprendre le produit ou le service, comprendre le marché, les concurrents et, surtout, comprendre les clients. Si nous développons la bonne compréhension de l'entreprise et des clients, alors seulement nous serons en mesure de créer un site Web qui convertit. Je vous ai dit de réfléchir à l'objectif de la création du site. Et maintenant je veux que vous plongez profondément et que vous trouviez un plan pour le site. Vous pouvez diviser le plan en quatre sections. Le premier est l'affaire. Il peut s'agir d'une personne physique ou d'une entreprise. Deuxièmement, le marché. Troisièmement, les clients de la salle d'audience, et le quatrième est le site Web. Vous devez trouver des réponses à certaines questions. Commençons par le premier. C' est le business. Qu' est-ce que le produit ou le service fourni par les entreprises ? Il peut s'agir d'une version physique ou numérique, d'un service professionnel, ou simplement d'une plate-forme d'information avec du contenu utile est disponible pour lire. Essayez de bien comprendre le produit et le service. C' est la première question à laquelle vous devez répondre. En outre, vous devez parcourir les détails comme l'histoire de l'entreprise. Votre spécialité est votre USP. C' est une proposition de vente unique. C' est une glande très importante, a compris comment la solution que vous fournissez va bénéficier aux clients. Enfin, grand de trouver les valeurs de l'entreprise, la messagerie de base et la voix de l'entreprise pour mettre en place un ton pour le contenu. Comment voulez-vous parler aux clients ? Trouvez une réponse à toutes ces questions. Ensuite, il faut comprendre le marché. Essayé de trouver le marché cible, géographie et les sites concurrents, VOT entonnoir que les concurrents utilisent. agit-il d'une approche de vente directe ou d'un processus d'entretien par e-mail ? Quelle est la tendance actuelle de l'industrie ? Quel est le design drainé pour cela, la tonalité du contenu, quel est l'entonnoir de vente ? Suivant ? Et le plus important est de comprendre le public et les clients cibles, non ? Pour trouver l'habitat du public, ses défis et ses points de douleur. Planifiez le parcours complet du client sur le site Web, combien de pages il devra parcourir avant d'atteindre l'action. La dernière étape consiste à planifier le site Web en fonction des réponses aux questions précédentes. Les caractéristiques d'un idéal visité qui allait visiter le site, comprendre pour s'attendre à trouver ou quelle action ils veulent prendre sur le site ? Quel est l'objectif principal du site Web ? S' agit-il d'informations ou de ventes ou simplement de pistes ? Si vous évaluez le site Web pour vous-même, alors vous pouvez passer du temps à réfléchir aux réponses à toutes ces questions. Et si vous sortez avec le site Web pour le client, envoyez-lui ce modèle et demandez le mémoire complet. C' est une étape très importante dans le processus de création de sites web et il est suivi pour construire des marques. Oui. Je veux que vous preniez cette tâche comme vous aviez construit une marque et pas seulement un site web. Après tout, nous créons des sites Web pour développer l'entreprise. Mais si nous ne suivons pas les meilleures pratiques, nous pourrions ne pas obtenir les résultats souhaités. Si vous êtes juste en train de démarrer l'entreprise. La recherche concurrentielle ou les sites Web qui offrent des services similaires vous aideront beaucoup à obtenir ce mémoire. Plus vous en apprendrez plus sur l'entreprise, mieux vous serez en mesure de concevoir le site Web et de générer des rendements sur investissement. Donc, une fois que vous avez terminé avec ces questions, vous êtes prêt à procéder. Nous allons continuer dans la prochaine vidéo. 15. Liste des pages Web et création de bibliothèque de modèles: Après avoir compris l'entreprise, vous devez trouver une liste des pages requises sur le site Web. Cela dépendra de l'objectif du site Web, du parcours client, du nombre total de produits, de services et de l'entonnoir que vous souhaitez suivre pour l'entreprise. Et les réponses aux questions que nous avons discutées dans la vidéo précédente vous aideront beaucoup dans la planification du site Web. Vous pouvez commencer par créer un sitemap structuré comme celui-ci et remplir la liste des pages. Créez une catégorie de sous-menu ou des pages de redirection sous les pages principales. page la plus importante de notre site Web est la page d'accueil. Il s'agit généralement de la page par défaut. visiteur voit le premier lorsqu'il visite le site Web. En général, le contenu de la page d'accueil pourrait être structuré de la manière dont nous avons discuté dans la leçon de rédaction. Mais si nous allons faire un site Web d'une seule page, alors la page d'accueil est la seule page dont vous aurez besoin. Bien que je ne recommande jamais de créer un site Web d'une seule page car il n'est pas du tout bon du point de vue des moteurs de recherche. Parce que si vous avez des pages ne se classent pas sur Google, vous allez manquer sur l'ensemble du trafic important. En général, les pages de base à avoir sur un site Web sont la page À propos, la page du produit, ou ils vont toujours la page Services, la page Contact, les pages légales comme la politique de confidentialité, termes et conditions et une erreur pour 0 pour la page qui est affichée lorsqu' un utilisateur demande un paiement qui n'est pas disponible ou qui n'existe pas sur le site Web, hésitez pas à trouver la liste des pages requises pour le site Web. Et vous pouvez également rechercher dans l'industrie et vérifier les pages modernes sont disponibles sur le site des concurrents. Ensuite, prenez des références et construisez une bibliothèque de modèles. Vous pouvez commettre une infraction pour le site Web en visitant les autres sites Web, vous pouvez vérifier quelles pages ils utilisent, quels jeux de couleurs ils utilisent. Comment auraient-ils arrangé les sections et beaucoup d'inspiration. Ce n'est pas comme ça. Vous ne pouvez vous inspirer que des concurrents de la même industrie. Vous pouvez prendre des idées d'inspiration, de design et de contenu à partir de n'importe quel site Web sur le web. Vous pouvez vous inspirer pour une seule ligne, seule section, une seule page Web, ou pour le site Web complet. Prendre l'inspiration n'est pas du tout une mauvaise chose parce que plus vous observez différents modèles, mieux sera votre sortie de conception. Je demande de prendre des inspirations, pas de copier le design complet ou le contenu dans votre site Web. Si vous souhaitez utiliser un design complètement prêt, il y a tellement de pages Web préconçues et conceptions de sites Web disponibles à télécharger et à utiliser sur un site Web. Ce sont des modèles sans piété. Modèles que j'ai étiquetés pour tout le site Web, une seule page Web, et même pour des sections individuelles. Puisque nous utilisons Elementor, nous avons accès à une énorme collection de modèles dans Elementor lui-même, bien que certains d'entre eux soient gratuits, tandis que d'autres sont payés. En passant, Elementor est le Page Builder que nous allons utiliser dans notre processus de création de site Web. Et c'est un plugin WordPress très populaire pour concevoir des sites Web impressionnants sans aucun codage, vous pouvez importer les modèles à utiliser sur la page Web. Majestic clic sur le bouton. Et puisque nous allons utiliser Astra Theme vivid, obtenez d'autres modèles de site Web dans le plugin Astra Starter templates. C' est aussi une merveilleuse collection de sites Web préconçus et les Bêtas. Si vous souhaitez explorer plus de ressources, je vous recommande de visiter Envato Elements et avec un petit montant d'abonnement, vous aurez accès à une énorme bibliothèque de modèles Elementor à télécharger et à utiliser sur le site Web. Ces modèles sont utiles pour créer un site Web en très peu de temps, car il suffit de modifier le contenu et de remplacer les images. C' est ça. La mise en page est bien, nous sommes différents et optimisés. Nous utilisons cette technique pour créer un site Web et n'étaient tout simplement pas pour le client. Il y a tellement d'autres sites Web qui fournissent gratuitement des modèles Elementor comme tyler.com et n'hésitez pas à explorer le mode en faisant une recherche Google. Une autre chose qui construit une bibliothèque de modèles n' est pas seulement le téléchargement et l'importation du modèle. Il s'agit de créer une collection de sections et de pages. Disons que si vous aimez la section héros d'un site Web, vous pouvez prendre une capture d'écran de celui-ci et enregistrer dans la bibliothèque. N' oubliez pas de l'organiser, sinon vous finirez par créer un gâchis. Si vous souhaitez la page À propos d'un site Web ou une section d'appel à l'action, ou la mise en page d'un formulaire de contact ou tout ce qui est magnifiquement conçu. Prenez une capture d'écran et enregistrez-le pour l'utiliser comme référence pour un projet futur. Vous pouvez même prendre la capture d'écran de la version mobile et tablette d' un site Web en allant dans les Outils de développement et en sélectionnant l'appareil comme celui-ci. Maintenant, comment faire une capture d'écran ? J' utilise une extension Google Chrome très simple appelé comme tir de feu, et il est très facile de capturer une capture d'écran. Et vous pouvez passer du temps à explorer les dernières conceptions de sites web sur Behance, Dribble ou sur les arts pour obtenir de nouvelles idées pour le projet. Vous trouverez beaucoup de collections à travers une variété de sites Web pour obtenir l'inspiration du design. Vous pouvez créer un tableau d'inspiration sur Figma ou n'importe quel outil de conception de site web pour créer une bibliothèque de designs. C' est à vous de décider comment créer et gérer votre responsabilité. Mais prenez mes verts, ça vous aidera beaucoup. Donc, nous avons fini avec l'étape numéro 1. C' est la découverte. Nous ne connaissons pas le marché, concurrents et les préférences de nos clients. Nous avons pris des références et construit une bibliothèque et il est maintenant temps de finaliser le contenu, la typographie, le schéma de couleurs, la mise en page et la conception du site Web dans la prochaine étape de conception. se voit dans la vidéo suivante. 16. Branding: image de marque est très importante pour le site, car elle aide à construire une perception dans l'esprit du visiteur. Il crée de la crédibilité pour vous sur le marché et soutient également les activités publicitaires. image de marque définit qui vous êtes et à quoi ressemble votre entreprise. Maintenant, il y a plusieurs facteurs qui jouent un rôle dans la transmission de la personnalité de la marque. Mais si je vous dis les quatre facteurs les plus importants pour le site Web, ils sont le logo de ce site, schéma de couleurs, le type, la biographie, et l'aube du contenu. Si vous maintenez la cohérence dans ces quatre facteurs sur l'ensemble du site, que le visiteur aura certainement le sentiment de parentalité et de développer une perception positive en naviguant sur le site Web. Maintenant, il peut y avoir deux scénarios. Premièrement, vous êtes peut-être en train de commencer et il n'y a pas d'histoire de marque du tout, signifie pas de logo, pas de couleurs de marque, rien. Deuxièmement pourrait être que vous faites un site Web pour une entreprise déjà existante qui a un logo et même un vieux site Web. Dans un tel cas, vous pouvez planifier un processus de rebranding si nécessaire, ou bien vous pouvez utiliser le même logo et trouver le schéma de couleurs approprié et poursuivre le processus de conception du site Web. Pour le moment. Je considère que vous commencez à partir de zéro et nous commencerons par créer un logo. Nous avons déjà discuté du processus de conception d'un logo dans la leçon de conception graphique. Commencez toujours avec quelques idées brutes et créez plusieurs options selon le temps et le budget du projet. Ne vous inquiétez pas des couleurs jusqu'à ce que le schéma de couleurs soit finalisé. Donnez-lui simplement une couleur noire et blanche. Assurez-vous simplement d'expérimenter avec les téléphones et les formes et de trouver le logo le plus idéal pour le site Web. Ensuite, vous devez finaliser le schéma coloré. Cela peut être fait en arrivant avec les couleurs préférées de la marque ou en prenant des références à partir des couleurs d'autres marques. Vous pouvez également effectuer une recherche Google pour connaître les combinaisons de couleurs les plus tendances pour n'importe quel secteur d'activité. Il est recommandé de commencer par sélectionner les couleurs primaires, qui vont être les couleurs dominantes qui sont utilisées en grand volume sur le site. Ensuite, vous devez sélectionner la couleur secondaire qui est utilisée pour compléter la couleur primaire partout où cela est nécessaire. Ensuite, vous avez besoin d'une couleur d'accentuation qui est utilisée pour mettre en évidence certaines sections extrêmement importantes comme un bouton d'appel à l'action. La couleur d'accent doit se démarquer pour donner un accent supplémentaire à l'élément. Ensuite, vous devez sélectionner les couleurs pour la typographie. Assurez-vous toujours de maintenir un bon rapport de contraste entre la couleur de titre et la couleur d'arrière-plan. En fait, tout texte et la couleur de fond sur le site. alertes typographiques comprendront des couleurs pour l'en-tête, sous-titres et le texte du bouton d'appel à l'action. Finalisez toutes ces couleurs avant de commencer le processus de conception. Une fois que vous avez terminé avec la sélection des couleurs, il est temps de mettre des couleurs dans le logo. Ensuite, vous devez sélectionner les téléphones pour les en-têtes, sous-titres, paragraphes, et le texte du bouton d'appel à l'action. Fournissez une liste complète des options de style telles que la famille de téléphone pour chaque type de titre, taille de police et poids de police. Encore une fois, vous pouvez expérimenter ici avec différentes options de police de Google ou prendre référence à partir d'un site Web, ou même fait une recherche Google pour les téléphones tendance à utiliser sur le site Web dans une certaine industrie, mais ne faites liste complète des téléphones et le style à l'avance. Ensuite est de faire une stratégie de contenu, en gardant à l'esprit les valeurs de l'entreprise. En conséquence, nous devons ajuster le ton du contenu et des images qui doivent être utilisés sur le site Web. Par exemple, les valeurs d'une marque peuvent inclure l'optimisme, plaisir et la convivialité écologique. Vous devez donc composer le contenu d'une manière qui représente que chaque problème a une solution optimiste. Et aussi utiliser quelques faits amusants et montrer un peu de soin pour la nature. Certaines marques mettent en valeur leur fiabilité, Certains mettent en évidence leur innovation, et certains veulent offrir un sentiment de touche personnelle. Il s'agit d'un vaste sujet de marketing, mais j'espère que vous devez avoir une idée de l'image de marque en termes de valeurs. Donc, pour conclure, le sujet de l'image de marque ici, toujours maintenir la cohérence dans les couleurs, la typographie et le ton du contenu sur l'ensemble du site Web et même sur tous les autres canaux comme les médias sociaux, YouTube canal, et partout ailleurs sur le web. Dans la vidéo suivante, nous allons apprendre à utiliser un outil de conception pour créer la conception du site Web avant de passer au développement. On se voit là-bas. 17. Concevoir le site Web: Nous avons appris à utiliser Figma dans cette leçon. Si vous voulez simplement créer le design et ne pas former le prototype fonctionnel, alors vous pouvez concevoir des pages sur gravid designer ou Adobe Illustrator ou Photoshop ou tout autre outil qui est à votre disposition et pratique pour vous. Mais je vous recommande fortement d'utiliser Figma ou XD ou Sketch uniquement. Allons à Figma et inscrivez-vous pour un compte gratuit. Vous pouvez accéder à Figma sur le navigateur ou installer l'application sur l'ordinateur. Il est entièrement basé sur le cloud, très facile à configurer. Et voici le tableau de bord. Maintenant, créons un nouveau fichier, et ceci est la toile vierge. C' est comme n'importe quel autre type d'édition graphique. Vous pouvez donner un nom à ce fichier en cliquant ici. Maintenant, la première étape est d'obtenir nos votes ou nos cadres sur cette page. Cliquez sur l'outil de cadre et à droite, vous pouvez sélectionner un appareil pour obtenir les dimensions du cadre. Nous voulons créer un site web réactif. Nous allons donc créer des cadres clés. Une pour un ordinateur, pour une tablette et pour un téléphone portable. Je clique ici sur le MacBook et un cadre est inséré. Je peux changer les dimensions du cadre à partir du bon menu de style. Je garde la largeur à 100, 400 pixels comme une largeur de conteneur par défaut distincte pour nos onduleurs de construction de page, vous pouvez appuyer sur la touche Ctrl et utiliser la molette de la souris pour zoomer et zoomer. Vous pouvez cliquer et faire glisser le canevas avec la souris. Permettez-moi d'insérer un cadre pour la tablette et le téléphone mobile. Changez le nom du cadre en page d'accueil en double-cliquant sur le titre. Vous pouvez également le faire pour les images restantes. Si vous avez une image de référence pour un site Web, vous pouvez cliquer sur cette icône. Sélectionnez l'option, veuillez rester l'image et sélectionnez le fichier à partir de l'ordinateur. Vous pouvez le placer près du cadre. Et puis si vous voulez vous inspirer, il est toujours là pour vous aider. Nous commençons donc toujours par créer l'en-tête et pied de page car ils seront cohérents pour l'ensemble du site Web. Laisse-moi zoomer un peu. Ouais, c'est bon. Sélectionnez un rectangle en cliquant sur cette option. Dessinez un rectangle à l'aide de la souris et laissez-le venir aux dimensions 1140 pixels largeur et 72 pixels hauteur. Vous pouvez également ajuster les cotes à partir d'ici et ajuster la position et l'alignement. Mais attendez, j'ai agrandi, donnez-lui les couleurs et le contenu ici. Dans le processus de conception du site Web, il est toujours recommandé de créer d'abord un filaire sur un diagramme de blog, qui représente la mise en page et le positionnement du contenu sur le site Web. Oui. Il suffit de créer un squelette en gris et blanc couleur dans le client pour trouver le positionnement du contenu. Vous pouvez le faire pour toutes les pages qui sont nécessaires sur le site, puis commencer à travailler sur les éléments visuels. Mettre les boîtes et le texte est une tâche simple dans Figma, tout comme le graphiste, vous pouvez s'il vous plaît les éléments changer la couleur, ajuster les dimensions, changer les formes, alignements, positionnement de la main très facilement. Une fois ce filaire terminé. Testé si elle contient les sections souhaitées pour afficher toutes les informations que nous voulons sur le site ou non. Une fois que vous êtes satisfait, procédez à la conception visuelle. Donnons maintenant à cela une couleur selon ma porte de marque. Maintenant, plaçons le logo en cliquant sur le menu déroulant de cette icône et sélectionnez Place Image, sélectionnez un fichier de logo et cliquez pour le placer sur le cadre. Vous pouvez ajuster la taille en maintenant la touche Maj enfoncée pour maintenir le rapport, faire glisser et le placer à la position appropriée. Ensuite, créons le menu de navigation. Puisque nous sommes finalisés avec la liste des pages, mentionnons-les dans le menu de navigation ici. Cliquez sur ce texte, Reagan, et placez le texte. Vous pouvez déplacer la position avec la souris et ils ont gardé hors des voies de capture. Ajustez la famille de polices, la taille et la couleur du texte à partir du menu de mise à l'échelle de droite. Maintenant, pour créer une copie, vous pouvez appuyer sur Ctrl C et Ctrl V, ou simplement maintenir la touche Alt. Faites glisser, faites glisser, faites glisser et déposez le calque. Il va créer une copie. Vous pouvez maintenir la touche Maj enfoncée tout en faisant glisser la souris pour conserver l'alignement intact. Vous allez plaire aux différentes couches, l'espacement entre elles est mis en évidence et vous pouvez également organiser l'alignement. Notre conception d'en-tête est donc prête et l'étape suivante consiste à concevoir le filtre. Prenons un autre rectangle et lui donner les dimensions 11, 400 pixels inversent et combattu 100 pixels en hauteur. Vous pouvez évidemment changer la hauteur comme ça. Ici, vous pouvez placer le menu secondaire, éléments de navigation et les liens vers des pages légales comme celui-ci conduit à boutons de connexion sociale et également s'il vous plaît un formulaire d'inscription à la newsletter. L' idée est très simple. Vous pouvez utiliser Figma pour concevoir chaque partie du site. Maintenant, puisque l'en-tête et le pied de page sont prêts, nous allons regrouper les éléments en faisant une sélection, en appuyant sur Contrôle G, et il est groupé. Double-cliquez ici et renommez le calque. Vu avec le pied de page, double-cliquez sur le nom, c'est tout. La liste des couches à gauche est utile pour organiser l'héritière et souvent localiser un groupe d'éléments. Si les éléments sont groupés, vous pouvez cliquer sur ce chevron pour ouvrir la liste des calques. Cliquez sur le calque individuel et il est sélectionné. Ensuite est de créer une section héros du site Web. Encore une fois, rectangle plus épais, lui donner les dimensions quand, quand Ford petits pixels inversent et je prends 600 pixels hauteur. Maintenant s'il vous plaît un fond comme un dégradé de couleur unie ou une image. Je prends une image. Dans ce cas, pour remplacer l'image, nous allons suivre le même processus, sélectionner une image à partir de l'appareil et cliquer sur la zone vide pour l'insérer. Maintenant, nous voulons placer cette image à l'intérieur de ce rectangle. Alors amenons la couche d'image juste au-dessus du rectangle, puis sélectionnez à la fois un clic droit et sélectionnez utiliser comme mosquée. Maintenant, double-cliquez sur ce rectangle. Vous pouvez ajuster la position de l'image. N' oubliez pas de maintenir la touche Maj enfoncée pendant le dimensionnement pour maintenir le rapport. Et Figma vous offre également quelques options de retouche d'image ici. Et si vous voulez exporter cette image à télécharger sur WordPress, il suffit de sélectionner le groupe de masques, cliquez sur l'icône plus ici à l'option d'exportation, sélectionnez le format et ce dont nous avons besoin, nous avons besoin d'un JPEG, enregistrez-le. L' image est redimensionnée en tant que dimension nécessaire à utiliser sur le site Web. Nous devrons utiliser cette technique beaucoup de fois tout en exploitant les logos et les icônes pour maintenir la dimension cohérente. Ensuite, vous pouvez ajouter des textes tels que des en-têtes, des sous-titres et des CD. Permettez-moi de les ajouter rapidement. Ajustez le style de leur téléphone comme pour le guide de marque. Donc, ici, la section de l'échantillon de héros est prête. De même, vous pouvez créer les sections suivantes et plus de sections et de plus en plus. Continuez à concevoir et ajoutez les sections que vous n'avez pas sur le site Web. De cette façon, une plage devrait d'abord être conçue dans Figma et toutes les expériences de contenu et de mise en page devraient être faites ici. Avant de passer à la partie développement, vous pouvez également créer la conception de cette page pour mobile et tablette, puis procéder à la conception d'autres pages en créant plus de cadres. Vous pouvez également collaborer avec l'équipe pour travailler ensemble sur un projet de site Web, bien qu'il y ait certaines limites dans le plan gratuit. Maintenant, afin de voir l'aperçu, il suffit de cliquer sur le bouton de lecture ici et vous pouvez obtenir un aperçu de toutes les pages Web que vous avez conçues. Figma n'est pas seulement un outil de conception, c'est en fait un outil de prototypage complet où vous pouvez créer un prototype complet de la conception qui relie le mieux à un site web ou à une application. Avant le développement, accédez à l'option prototype ici et attribuez des interactions de liaison comme celle-ci. ne s'agit pas également de fonctionnalités avancées telles que diriger un composant et ajuster les visuels en attribuant des contraintes. Et beaucoup de choses plus avancées qui sont utiles dans la conception de l'interface utilisateur de site Web et d'application. Si vous avez la possibilité d'en savoir plus, n'hésitez pas à en explorer davantage sur Figma et le prototypage. Il y a quelques avantages principaux à obtenir un design avant le développement. Tout d'abord, vous allez partager leurs conceptions avec le client pour recevoir des commentaires ou pour apporter des modifications. Ensuite, il permet d'économiser la location d'hébergement pour le temps consacré à la création de ce design pour le site Web. Ensuite, vous aurez toujours l'historique des versions. Comme si vous remaniez le site à l'avenir, vous aurez toujours l'ancien design enregistré ici dans Figma. Et si le client demande des variations, vous pouvez nos gènes la page encore et encore sur le site directement à la place, vous pouvez garder une copie de toutes les variations ici, montrer au client et développer celui qui est finalisé. Ensuite, vous pouvez zoomer et zoomer sur différentes pages condensateur pour la cohérence de la conception complètement, ce qui n'est pas possible lors de leur développement sur l'étape du site Web. Ensuite, vous pouvez obtenir une vue de toutes les trois versions qui est calculé mobile et tablette sur le même écran, ce qui est encore une fois impossible pendant le développement. Enfin, je tiens à dire que la conception d'un site Web ou d'une page Web sur Figma vous fera gagner du temps parce que vous devez expérimenter beaucoup avec leurs conceptions et vous n' êtes jamais sûr du contenu final et du design. Eic commence. Donc, si vous sautez médicalement faire Elementor et commencer à développer le site Web, ce sera une tâche fastidieuse d'expérimenter avec l'apparence et la sensation et éventuellement prendre beaucoup de temps. Je me répète ici. Il est très important de concevoir d'abord parce que vous pouvez expérimenter avec des conceptions et observé qui répond à chaque conception, mais tout simplement pas possible avec le développement direct. Une autre chose que je veux clarifier est que vous devez vous demander qu'après avoir lu le design et Figma, vous devez simplement télécharger InDesign et le télécharger sur Elementor pour créer le site Web. Mais non, ce n'est pas possible. Figma est juste un outil de conception et vous ne pourrez exporter que l'image. Et pour développer le site Web, vous devez suivre à nouveau les mêmes étapes dans Elementor et créer les pages Web pour compléter le site Web. Cependant, une fois que vous avez développé une page Web sur Elementor, cette conception peut être enregistrée et utilisée. Vous pouvez exporter les sections ou la page complète à utiliser sur d'autres sites Web créés avec Elementor. Nous en apprendrons plus à ce sujet plus tard dans le cours. Donc, nous sommes maintenant prêts avec la conception du site Web. Commencez toujours avec le filaire, c' est-à-dire la conception du bloc, puis complétez tous les éléments visuels avant de passer à l'état final de développement en utilisant Elementor. J' espère que vous avez apprécié ce processus et je vous verrai dans la prochaine vidéo. 18. Les principes de base du nom de domaine: Bon, enfin, on est là. Nous avons appris toutes les bases et tous les concepts fondamentaux. Et nous avons également appris les deux premières étapes qui est découvert et la conception. Maintenant, il est temps de commencer. La dernière étape, c'est le développement. Et la première chose que nous allons voir est les fondamentaux des noms de domaine. Ensuite, vous êtes maintenant familier avec les électeurs un nom de domaine, laissez-moi le répéter. Un nom de domaine est l'adresse Web unique d'un site Web sur Internet, comme google.com est l'adresse de google, et Facebook.com est l'adresse de Facebook. Ces adresses Web sont uniques. Cela signifie que si on est une adresse Web est prise, vous ne l'obtiendrez pas. Gardez à l'esprit qu'une fois qu'un nom de domaine est enregistré, vous ne pourrez pas l'obtenir à moins qu'il ne soit offert par un revendeur. Oui, la revente de noms de domaine a également gagné en popularité, dans lequel les gens par des noms de domaine populaires à l'avance, puis les vendre à un prix plus élevé basé sur la nouveauté premium du nom de domaine. Donc, si vous ne voulez pas finir par payer une énorme somme d'argent pour un nom de domaine. Je vous recommande d'enregistrer un nom de domaine au plus tôt. C' est le premier concept fondamental d'un nom de domaine. C' est-à-dire, agissez très vite. Ensuite, nous devons discuter de quelques profondeurs pour sélectionner le bon nom de domaine pour le site Web. Commençons par ça. Les noms ont le pouvoir. Cela est aussi vrai pour un site Web que pour tout autre. Il est important de choisir un nom de domaine qui fonctionne pour l'entreprise. Cela crée souvent une impression pour le site Web. Vous pouvez également inclure un mot clé ou simplement un mot de niche utilisé dans votre industrie pour montrer la pertinence pour les visiteurs. Et surtout, un nom de domaine représente votre marque. Donc, si vous avez déjà une marque ou en créez une, choisir le bon nom de domaine est très essentiel. Vous pouvez toujours commencer le processus de sélection par remue-méninges. Parce que qui d'autre que vous sait, l'urine, Frank, mieux ? Pensez-le du point de vue du client. Ensuite, vous pouvez obtenir des idées et de l'inspiration de générateurs de noms d'entreprise et de domaine comme le compartiment de marque ou le domaine. Nous allons trouver une liste brute et répondre aux questions suivantes. Tu te sens bien pour le nom ? Tu aimes ça ? Es-tu confiant quand tu le dis ? Est-ce que ça se sent bien quand vous l'écrivez ou quand vous le lisez ? C' est une marque double ? Est-il unique, facile à retenir et significatif ? Est-il facile de lire et d'épeler ? Est-ce qu'il passe le Google Fest ? Allez sur Google. Le nom. Idéalement, il ne devrait pas y avoir d'autre organisation pour apparaître. Si c'est le cas, vous voulez au moins vous assurer qu'ils ne sont pas dans la même industrie ou même dans une industrie étroitement liée. Nous ne voulons jamais aborder les questions juridiques. Ensuite, vous allez expérimenter avec les nouveaux TLE. Tld signifie domaine de premier niveau. Il est fondamentalement l'extension dans les noms de domaine comme .com dot n dot, dot IO, dot store dot online. Si nécessaire, vous pouvez opter pour un TLD spécifique au pays est comme dot us, dot ibm dot FR pour cibler une certaine zone géographique. Auparavant, les gens préféraient .com car il est le plus facile de se souvenir et de se rapporter à un site Web. Mais maintenant, il est courant de trouver d'autres TLE dans le nom de domaine. C' est à vous et certainement vous pouvez donner le premier essayé to.com seulement. Mais s'il n'est pas disponible, vous pouvez penser aux autres options. Et parfois, l'utilisation d'une DLD rend le nom de domaine plus pertinent pour l'entreprise comme j'ai utilisé dot Academy pour mon site Web. Cela signifie clairement que je fournit une sorte de formation sur mon site web tout en faisant la sélection de nom de domaine. Assurez-vous qu'il est pertinent pour l'entreprise et la marque. Assurez-vous qu'il est court et clair, créatif, facile à retenir, facile à lire et à prononcer. Assurez-vous également qu'il est facile à taper. Vos visiteurs devraient pouvoir taper votre nom de domaine sans problème. Si vous devez expliquer l'orthographe plus d'une fois à un visiteur, il faut comprendre que c'est compliqué et vous ne devriez pas prendre de nom de domaine compliqué. Cela peut conduire à des visiteurs potentiels à confondre votre domaine et à se retrouver sur un autre site Web. En outre, évitez les traits d'union et les nombres. Une fois que vous avez finalisé avec le nom de domaine, ne tardez pas même en une seule seconde et l'enregistrer. Allez, diable, très vite. Un autre concept à comprendre est celui d'un sous-domaine. Qu' est-ce qu'un sous-domaine ? Un sous-domaine est une partie du nom de domaine qui précède le nom de domaine principal et l'extension de domaine. Pour comprendre cela, comprenons la structure d'une URL. Une URL contient deux parties qui sont le protocole et le nom de domaine. Un protocole est un ensemble de directives qu'un navigateur suit pour envoyer une requête au serveur, comme la barre oblique deux-points HTTPS ou HTTPS www, comme ceci. Alors qu'un nom de domaine se compose de deux parties. Le TLD, qui est domaine de premier niveau comme .com obtenu acidité en colère. C' est le domaine de deuxième niveau comme Facebook, Google ou Rahula Rohde est sous-domaine contient un deuxième nom avant le SLD. Par exemple, si Facebook lance un cours, il peut avoir un sous-domaine, les noyaux de lac dot facebook.com, et ce sera un sous-domaine. Un sous-domaine est couramment utilisé pour séparer logiquement le site Web en sections, et chaque section est une identité de site Web distincte. Vous pouvez utiliser un sous-domaine pour lancer un site de carrière. Si le site de forum pour le soutien à la clientèle, vous pouvez utiliser des sous-domaines pour créer des blocs de différentes équipes à tous ces sites de sous-domaine sont uniques et indexés séparément sur Google. Et vous devez installer WordPress séparément parce que ces sous-domaines sont une identité unique. Et de cette façon, vous pouvez utiliser un seul domaine principal pour créer n nombre de sous-domaines pour créer différents sites Web. Alors c'est tout d'apprendre dans cette leçon, et nous allons apprendre comment enregistrer un nom de domaine dans la prochaine vidéo. On se voit là-bas. 19. Les étapes de l'acheter un nom de domaine: Voyons maintenant le processus étape par étape pour acheter un nom de domaine. Il y a tellement de bureaux d'enregistrement de domaine disponibles et vous pouvez procéder à l'enregistrement du domaine auprès de n'importe quel bureau d'enregistrement de votre choix. Cependant, certains facteurs clés à considérer lors de la sélection d'un registraire de domaine pourrait être, numéro un, la répétition du domaine qui juste rugueux. Numéro 2, la facilité du processus d'achat. Numéro 3, numéro d'interface du tableau de bord pour la disponibilité du TLD. Et le numéro 5 est le prix. Je suis resté surprenant comme dernier facteur parce que normalement la différence de prix n'est jamais trop entre les différents bureaux d'enregistrement de domaine. Et bien qu'il n'y ait rien à comparer entre les différents bureaux d'enregistrement de domaine, je vous recommande personnellement d'acheter un domaine soit à partir de domaines Google. Bonne idée, nommée pas cher. Personnellement, je préfère les domaines Google pour acheter des domaines pour moi-même et pour mes Klein. Les raisons de préférer les domaines Google sont la facilité d'utilisation, menu de navigation propre, la réputation du bureau d'enregistrement et le modèle de tarification fixe. Un autre avantage est que les domaines Google offrent une protection de la vie privée gratuite, tandis que GoDaddy le fournit comme un add-on et facture un petit supplément pour cela. En outre, je peux facilement intégrer le nom de domaine avec d'autres services Google comme le G Suite. En fait, la seule différence significative entre les domaines Google, GoDaddy et Name Cheap est le modèle de tarification fixe. Godaddy et nommé offres bon marché rabais sur le premier achat de domaine. Mais les frais de renouvellement sont un peu plus élevés. D' autre part, les domaines Google facturent un prix fixe pour le premier achat et aussi pour les énergies renouvelables sont frappés. Donc, il est à vous de décider si vous voulez un premier achat de rabais sur GoDaddy ou nom pas cher, puis payer un frais légèrement plus élevé sur les années de renouvellement. Ou vous voulez payer un prix fixe Gately si vous enregistrez le domaine pour un an, et si vous branchez deux, et si vous branchez deux, enregistré le nom de domaine pour disons, cinq ans ou 10 ans, cinq ans ou 10 ans, s'il vous plaît comparer la différence de prix avant de prendre la décision finale. Il y a une autre différence. Si vous voulez acheter un nom de domaine premium qui est généralement disponible à un prix premium, alors vous devez préférer GoDaddy parce que de bonnes idées à plus grande collection de noms de domaine premium. Certains noms de domaine qui sont Magnus épuisés, sont également emballés et disponibles à l'achat auprès des revendeurs. Donc, si vous avez un nom de domaine préféré qui est marqué comme vendu, je vous recommande d'entrer le domaine et l'URL et ne visitez le site, veut vérifier la disponibilité de ce nom de domaine. En outre, si vous voulez acheter un domaine à des prix plus économiques, alors vous pouvez également explorer l'hébergement là-bas. Certains domaines avec des extensions comme dot tech ou point XYZ ou point site hors niveau sous roupies 100 ou juste un à 2$ pour un an à l'hébergement. Donc, si vous souhaitez obtenir un nom de domaine pour votre site de pratique, vous pouvez certainement en acheter un en l'hébergeant. Si vous achetez ce domaine pour une seule année, c'est bon. Mais si vous souhaitez renouveler le nom de domaine, alors vérifiez le prix de renouvellement avant l'achat car il y a un bon jeu dedans. Maintenant, voyons les étapes pour acheter un nouveau nom de domaine. Dirigez-vous sur les domaines Google, ou bonne idée nommée pas cher en faisant une recherche Google. Laisse-moi t'emmener pour y aller. Ici, sur GoDaddy, entrez simplement le nom que vous souhaitez acheter comme nom de domaine. Pour vérifier la disponibilité. Après avoir cliqué sur la recherche, vous obtiendrez une liste de noms de domaine disponibles dans une variété d'extensions comme .com dot n, dot, dot, dot, dot, IU et mode. Ces extensions sont appelées TLB. Si le site preferred.com n'est pas disponible, vous pouvez choisir parmi une variété d'extensions. N' hésitez pas à explorer et à sélectionner une extension créative comme elle fonctionne maintenant. Rappelez-vous que trois règles d'or pour sélectionner le bon nom de domaine pour votre site Web. Premièrement, essayez de choisir le nom le plus pertinent qui représente votre entreprise, marque, votre produit et votre numéro de service pour essayer de le garder aussi court que possible. Numéro 3, essayez de sélectionner un nom de domaine qui est très facile à retenir. Une fois que vous avez trouvé le nom de domaine de votre choix, ajoutez simplement le nom de domaine au panier et passez à la caisse. Le processus restant est aussi simple que de passer une commande sur Amazon. Vous devrez peut-être vous connecter ou créer un nouveau compte sur GoDaddy. suffit d'entrer les identifiants de connexion et vous recevrez des services supplémentaires avec votre nom de domaine, qui avait essentiellement les services de vente incitative. Vous pouvez les sauter avec plaisir et procéder au paiement. Une fois le paiement effectué, vous pourrez accéder à votre nom de domaine dans les listes de produits. Félicitations, vous avez enregistré avec succès un nouveau nom de domaine pour votre site Web. Vous pouvez suivre les mêmes étapes avec le nom de domaines Google pas cher et l'hébergement, les processus presque les mêmes. Donc, si la prochaine vidéo, je vais vous dire comment obtenir un nom de domaine gratuit pour le site de pratique. On se voit là-bas. 20. Comment obtenir un nom de domaine gratuit pour la pratique de son site Web de pratique: Vous pouvez enregistrer un nom de domaine facilement en utilisant n'importe quel bureau d'enregistrement de domaine. Et vous pouvez même explorer un peu pour trouver des domaines très bon marché comme dot XYZ disponible sur l'hébergement. Il est très économique autour de roupies 100 ou est allé à 2$ pour un an. Mais que se passe-t-il si vous voulez un nom de domaine complètement gratuit ? Oui, il est possible d'acheter un nom de domaine gratuit, mais 50 LDs, comme TK dot, dot, point c, f, r dot d q. Et il est généralement gratuit pour une période de 12 mois. Vous pouvez enregistrer ce nom de domaine gratuitement à partir du bureau d'enregistrement appelé nlm gratuit. Frenum. Est-ce une décharge pour les noms de domaine de la petite île de Tokyo permettent un pays éloigné et très peu peuplé d'environ 1500 personnes dans le Pacifique Sud. Il donne Domain Name Survey gratuitement et pour cette raison, il a gagné en popularité. En fait, les domaines dot t k sont la cinquième extension de domaine la plus enregistrée au monde. Et vous pouvez en obtenir un pour votre site de pratique. Bien qu'il ne soit pas obligatoire de s'enregistrer pour ce nom de domaine gratuit vous pouvez obtenir un sous-domaine gratuit pour créer le site d'entraînement. Un sous-domaine est une partie du nom de domaine qui précède le nom de domaine principal et l'extension de domaine. Vous pouvez facilement obtenir un sous-domaine gratuit avec le plan d'hébergement gratuit que nous discuterons dans la prochaine leçon. C' est une option beaucoup plus fiable pour votre site de pratique car il a de très faibles chances de rediriger un utilisateur vers un site de spam. Néanmoins, c'est à vous d'enregistrer le nom de domaine gratuit avec dot TK ou utilise sous-domaine ou acheter un nom de domaine bon marché de l'afficher. Ce qui compte le plus, c'est que vous en preniez un et commencez avec le site de pratique. Dans la prochaine leçon, nous allons en apprendre davantage sur le serveur Web et les plans d'hébergement. On se voit là-bas. 21. Les bases de la serveur Web: Commençons cette leçon par les principes fondamentaux. Donc, qu'est-ce qu'un serveur Web et un plan d'hébergement est un serveur est un ordinateur qui connecte d'autres utilisateurs Web à votre site Web depuis n'importe où dans le monde. Comme son nom l'indique, fournisseurs de services d'hébergement Web disposent des serveurs, connectivité et des services associés pour héberger un site Web. Beaucoup de fournisseur d'hébergement alloue de l'espace sur un serveur Web pour un avantage pour stocker ses fichiers. L' AD hébergeant votre site Web. Hébergement Web fait de combattre un site Web comme des images dorées disponibles pour la visualisation en ligne. Chaque site Web que vous avez visité est hébergé sur un serveur. La quantité d'espace alloué sur un serveur à un site Web dépend du type d'hébergement. Les principaux types d'hébergement, hébergement partagé, hébergement dédié, VPS, revendeur, hang, hébergement cloud. Ils se différencient par le type de technologie utilisée pour le serveur, le niveau de fournisseur de gestion et les services supplémentaires proposés. En dehors de là différents types de serveurs disponibles. Nous ne sommes intéressés que par le plan d'hébergement partagé et le plan d'hébergement cloud. Hébergement partagé est de papier pour rester avec un seul serveur Web est divisé entre n nombre de lignes. Comme un serveur Web est très puissant dans la configuration, dans le site de base n'utilisera qu'une très petite partie de la cellule. Donc, afin d'utiliser complètement le serveur web et rendre les usines économiques pour les acheteurs d'héberger leur site Web. Les sociétés d'hébergement proposent des plans d'hébergement partagés. Les plans d'hébergement partagés ont simplement partagé le serveur entre n nombre d'utilisateurs. Tous les utilisateurs se voient attribuer une configuration spécifique à vos retards. Certaines entreprises optimisent les plans d'hébergement partagé pour WordPress. C' est ce qu'on appelle le dernier hébergement WordPress. Mais gardez à l'esprit que l'hébergement WordPress n'est pas équivalent à l'hébergement Managed WordPress. Ce sont des services différents. Hébergement Wordpress est économique, mais l'hébergement WordPress géré offert quelques fonctionnalités supplémentaires, et par conséquent, c'est un peu sur le site coûteux. Donc, chaque fois que vous souhaitez acheter un forfait d'hébergement partagé, toujours chercher l'hébergement partagé régulier ou un hébergement WordPress. Si nous voyons les avantages d'un plan d'hébergement partagé, alors numéro un, vous devez payer moins pour obtenir l'hébergement de votre site Web. Numéro 2, certaines entreprises vous ont offert une excellente configuration même dans le plan d'hébergement partagé. Et numéro trois, vous avez accès aux fichiers racine et facilement gérer le site Web selon vos besoins. Cependant, il y a quelques inconvénients au numéro un, serveurs d'hébergement partagés sont souvent lents et cela augmente le temps de chargement de votre site Web. Numéro 2, les restrictions de données sur l'utilisation des ressources et souvent votre site Web est en panne après l'épuisement des ressources. Changer, bizarre. 22. Les étapes de acheter un plan d'accueil: Choisir le bon plan d'hébergement demande un peu d'étude et de recherche. Il est verde de passer du temps à chercher le plan d'hébergement le plus fiable pour votre site Web. Et pourquoi pas ? Parce qu'un site Web est votre atout, Son actif précieux qui va rester pendant des années à venir. Il est donc très important de construire cet actif sur un terrain exempt d'obstacles et de dangers de problèmes tels que le plantage, piratage, les serveurs inaccessibles et lents. Je voudrais vous demander, comment vous sentez-vous lorsque vous essayez d'ouvrir un site Web ET porte vous donne un éditer disant que le site n'est pas accessible faire à l'annexe raison. Cela vous ennuie évidemment, et il forme une très mauvaise impression dans votre esprit. Vous pouvez même créer une méfiance à l'égard de ce site Web. C' est juste ou pas ? Dis-moi honnêtement. Maintenant, la même chose se produit avec tous les internautes. Donc, dans le processus de création d'un beau site Web, il est très important de choisir un plan d'hébergement fiable, fiable et solide pour placer votre site Web sur le Web. Puisque choisir le bon plan d'hébergement est une étape extrêmement cruciale, je vous recommande fortement de faire des recherches avant d'acheter le plan. Et si vous voulez mon avis, basé sur mon expérience, je vous recommanderai d'investir dans la chaîne A20 si vous allez avec le plan d'hébergement partagé et les façons Cloud, si vous voulez aller avec l'hébergement cloud, le les services offerts par ces deux entreprises sont très bons et ils offrent un très bon rapport qualité-prix. Maintenant, laissez-moi vous montrer le processus d'achat d'un plan d'hébergement pour le site Web. abord, passons à l'hébergement A2 en faisant une recherche Google. Sélectionnez ici le plan que vous souhaitez acheter et cliquez sur Continuer. vous sera demandé d'entrer votre nom de domaine si vous en avez un, ou vous pouvez utiliser un sous-domaine. Ici, dans la configuration de l'hébergement A2, je vous recommande d'utiliser un sous-domaine, parce que si vous allez avec un nom de domaine, alors vous devrez le renouveler obligatoirement car ce sera le domaine racine pour le configuration. Donc, soit vous utilisez un nom de domaine principal que vous allez utiliser pendant une longue période de temps lors la configuration du compte d'hébergement, soit la meilleure façon est d'utiliser le sous-domaine fourni par l'hébergement A2 ici. Gardez également à l'esprit que vous sélectionnez l'emplacement de serveur le plus approprié en fonction de l'emplacement le plus proche de votre audience cible. reste du processus est aussi facile que de faire un achat en ligne. Vous pouvez ignorer l'annonce à un certain niveau pour la vente incitative, vous sera demandé de créer un compte. Allez-y avec la même chose, faites le paiement, et c'est tout. Vous avez acheté avec succès un plan d'hébergement pour votre site Web. Félicitations. Ensuite, c'est le Cloud ways. Laissez-nous faire une recherche Google pour cela. Ici. Commencez par le verdissement et le compte comme d'habitude, et je vais essayer de partager un code promo avec vous afin que vous puissiez obtenir 30$ prédire qui est presque trois mois gratuits sur les façons Cloud. Vérifiez la section ci-dessous cette vidéo. Une fois le compte créé, après tout le processus de vérification, vous devez sélectionner le serveur et la configuration. Ici, vous avez le choix entre océan numérique, Leinhardt, vautour, Google et Amazon. Tous ces serveurs sont excellents et performants et vous pouvez en sélectionner un en fonction de la tarification, emplacement du serveur et de vos besoins. Si vous commencez tout juste, je vous recommande même d'utiliser l'océan numérique plutôt cancer de l'art et de la culture pendant la phase lutéale. Après avoir sélectionné le serveur, vous devez simplement installer l'application, c' est-à-dire WordPress. Dans notre cas. C' est ça. Il y a quelques caractéristiques remarquables du droit du travail sur les moyens Cloud. N' hésitez pas à les explorer. C' est un hébergement très puissant. En fait, un hébergement cloud très puissant. Il est important de référencer les solutions Cloud sur n'importe quel autre hôte en raison de la facilité de gestion, du support, des performances cloud et des options d'évolutivité comme vous pouvez mettre à niveau le serveur en quelques clics. En outre, le support est génial dans les façons Cloud. De plus, vous bénéficiez d'un plan de tarification flexible dans lequel vous payez pour les ressources que vous utilisez. Si vous voulez faire une comparaison entre le prix, assurez-vous de considérer le prix de renouvellement dans l' hébergement A2 et de le comparer avec les moyens Cloud pour arriver à une meilleure décision. Parce que généralement dans un hôte différent, vous obtenez un rabais très lourd dans le premier achat, mais les prix de la rénine sont sur le côté supérieur. Nous devons donc considérer le prix de renouvellement parce que changer l'hôte n'est pas du tout une tâche facile. Très bien, Enfin, si vous souhaitez obtenir un hébergement très économique pour les petits projets ou pour votre site de pratique, alors vous pouvez même préférer l'hébergement. L' hébergement de la loi de performance qui est distinct et vous trouverez le prix pour être extrêmement économique. Le processus de création du compte est presque le même et vous trouverez que les options régulières, comme l'autre hôte web, vous serez en mesure d'installer facilement WordPress et SSL en quelques clics. Donc, si vous voulez économiser beaucoup d'argent et d'hébergement en faisant compromis avec certaines des fonctionnalités, référez-vous hébergement là-bas. Mais gardez à l'esprit que l'économie et les produits viennent toujours avec des limitations. Comme si vous comparez a2 ou si vous séjournez avec hébergement, vous constaterez qu'il n'y a pas de clarté dans la configuration et les restrictions d'utilisation sur l'hébergement. Lake, par exemple, vous obtenez SSL gratuit et ce plan d'hébergement. Mais sur combien de sites Web qui n'est pas mentionné. Donc, les chances sont que vous pouvez obtenir SSL gratuit, mais seulement pour un site Web, et vous pourriez avoir à payer un supplément pour obtenir plus de SSL. C' est la même chose avec d'autres plans d'hébergement économiques comme GoDaddy et nommé pas cher. Vous obtiendrez les plantes à un prix super économique, mais il peut y avoir des restrictions et un manque de clarté. En outre, le temps de disponibilité diminue avec les plus économiques. Donc, je vais vous recommander de faire une liste de ces questions et de clarifier avec le support client ou l'équipe de vente avant de faire l'achat. Et encore une chose, la plupart des fournisseurs d'hébergement offrent une garantie de remboursement si vous n'êtes pas satisfait des services. Ec2 hébergement en fait, offre une garantie de remboursement à vie qui est tout à fait unique en soi, mais la plupart des autres entreprises ont au moins 30 jours pour demander un remboursement. Donc, si vous n'êtes pas satisfait du plan d'hébergement, immédiatement réclamé qu'une amende, et passer à l'hôte meilleur. En raison de la nécessité de construire notre atout. Nous devons construire un site web sur un terrain solide seulement. Sinon, nous risquons de perdre l'entreprise et les clients. C' est tout dans cette leçon, et nous allons continuer avec les options d'hébergement gratuit dans la prochaine vidéo. 23. Comment obtenir un plan d'hébergement Web de pratique en ligne de pratique en: Nous aimons tous les choses libres. Donc, si je vous dis que vous pouvez obtenir un plan d'hébergement gratuit, vous serez très heureux. Mais avant de vous parler des plans d'hébergement gratuit, je tiens à vous avertir que jamais, jamais utiliser un plan d'hébergement gratuit pour héberger un site commercial ou un site client, car ces services ne sont adaptés que pour les sites de pratique et pas pour les professionnels. Donc, si vous souhaitez obtenir un plan d'hébergement gratuitement sans dépenser d'argent, alors j'ai quelques bonnes options pour vous. Il y a des sociétés d'hébergement qui fournissent des plans d'hébergement pour 0 frais. Mais encore une fois, je répète que vous pouvez utiliser de tels plans d'hébergement uniquement pour le site de pratique car ils sont assez peu fiables dans le service. Et vous pouvez faire face à de nombreux problèmes techniques et temps d'arrêt lors de l'hébergement du site Web sur ces trois serveurs Web. Donc, au cas où vous deviez publier votre site Web sur un serveur gratuit, j'ai sélectionné quelques entreprises décentes qui vous fourniront un plan d'hébergement gratuit. Le premier recommandé est d'étendre l'hébergement. Et les autres pour lui donner un essai est l'hébergement Web aigu, mordre hôte, hôte maladroit, et l' hébergement gratuit à l'infini. Maintenant, je m'attends à ce que vous comparez les caractéristiques et les avantages de tous ces hommes sociétés d'hébergement partagé et sélectionnez celui qui s'avère être fournir le meilleur rapport qualité-prix pour votre temps. Vous pouvez trouver beaucoup de restrictions sur les limites d'utilisation et vous ne pouvez même pas obtenir un SSL gratuit. Mais ce sera bien car nous sommes juste en train de créer ce site pour la pratique. Sélectionnez l'un des plans d'hébergement ci-dessus pour continuer. Et les étapes pour configurer ce compte d'hébergement gratuit sont également les mêmes. vous sera demandé de créer un compte d'abord, soumettre vos informations d'identification, de sélectionner un sous-domaine, c'est tout. Vous êtes un compte d'hébergement Web gratuit est prêt. Maintenant, il suffit d'utiliser un sous-domaine gratuit qui vous est fourni pour profiter du site d'entraînement ou bien vous pouvez utiliser le domaine personnalisé ou un domaine gratuit que vous avez acheté à partir de 39. Pour utiliser un domaine personnalisé, vous devrez mettre à jour les paramètres DNS et nous en apprendrons dans la prochaine vidéo. Après cela, vous allez installer WordPress et créer un site web gratuitement. Et n'oubliez pas, vous devez également soumettre la mission. Vous devez créer le site de pratique en utilisant ces trois options et partager le lien avec moi afin que je puisse partager mes commentaires pour votre travail. Bon, donc nous allons continuer dans la prochaine vidéo. 24. Connecter le domaine et l'hôte via DNS Setting: Après avoir acheté le plan d'hébergement, vous devez définir un paramètre très important pour continuer. Vous devez mettre à jour l'adresse IP ou les serveurs de noms du serveur Web vers le nom de domaine. Comprenons tout d'abord pourquoi c'est important. Chaque fois qu'un utilisateur saisit l'URL dans la barre d'adresse d'un navigateur Web, le navigateur frappe la porte du domaine et non frappe. Domain fournit l'adresse IP du serveur Web sur lequel les données du site Web sont stockées. Le navigateur Gonstead récupère les données du site Web et les présente à l'utilisateur. Désormais, si leur nom de domaine ne connaît pas l'adresse IP du serveur Web sur lequel les données du site Web sont enregistrées , un navigateur Web ne sera pas en mesure de présenter le contenu Web à l'utilisateur, et le résultat sera une page d'erreur. L'adresse IP ou le serveur de noms. serveurs Web peuvent souvent être affectés à votre nom de domaine via les paramètres DNS. vous suffit de localiser l'adresse IP ou les détails du serveur de noms fournis par le compte d'hébergement. Cela est généralement présent dans les détails de votre service ou même dans la synchronisation des e-mails de bienvenue par la société d'hébergement, il suffit de copier les détails et de vous rendre sur le compte de domaine. Permettez-moi donc de me connecter au compte GoDaddy et de vous montrer le processus. Une fois connecté, accédez à la section produit dans laquelle le domaine est répertorié et essayez de trouver une option de paramètres DNS. Recherchez le champ appelé serveurs de noms de famille. Il suffit de coller les détails ici et de les mettre à jour. Gardez à l'esprit que certaines sociétés d'hébergement fournissent des informations sur le serveur de noms, tandis que d'autres fournissent une adresse IP. Donc, si vous souhaitez mettre à jour les serveurs de noms, le processus sera ainsi. Et si vous souhaitez mettre à jour l'adresse IP , recherchez les paramètres DNS et mettez à jour l'adresse IP dans le champ d'enregistrement comme celui-ci. Enregistrez simplement les paramètres et vous avez connecté avec succès votre hôte Web de figure de domaine. à jour des paramètres DNS dans le monde entier peut prendre quelques minutes ou quelques heures. Vous pouvez vérifier la même chose en visitant Portsmouth DNS.net ou en effectuant simplement une recherche Google pour la propagation DNS. Vous obtiendrez les liens. Vous pouvez suivre le même processus pour mettre à jour serveurs de noms ou l'adresse IP dans Google, les domaines sont nommés bon marché ou de importe quel bureau d'enregistrement que vous avez enregistré le nom de domaine. Il fonctionne de la même manière. Très bien, dans la leçon suivante, nous allons vous connecter au compte d'hébergement et apprendre à utiliser le cPanel. voit là-bas. 25. CPanel: Lorsque vous vous connectez au plan d'hébergement, vous devez accéder au panneau de configuration afin gérer les fichiers du site Web et d'autres paramètres importants. Il y a différents panneaux de contrôle, ont l'étiquetage, différents plans d'hébergement, mais le panneau de contrôle le plus couramment utilisé est le panneau C. Alors qu'est-ce qu'un cPanel ? Alors ? Un panneau C est un tableau de bord de panneau de contrôle populaire qui vous aide à gérer le serveur d'hébergement Web à l'aide d'une interface graphique et conviviale. L' utilisation de cPanel signifie que vous n'avez pas besoin de ces connaissances techniques pour gérer le serveur Web. Voyons maintenant comment fonctionne un cPanel. C' est le terminal C à l'intérieur du compte d'hébergement E2. Il vous offre tant d'options, mais nous devons nous concentrer uniquement sur les domaines de mariage, les sous-domaines gérés, installer WordPress, gérer les fichiers du site Web, gérer les sauvegardes, gérer les versions PS3 gérées et gérer les comptes de messagerie. N' hésitez pas à explorer les options restantes. Maintenant, sur la droite, vous trouverez les données d'utilisation et les statistiques car nous sommes fournis avec la ressource limitée sur n'importe quel plan d'hébergement. Je vous recommande donc toujours de garder un œil sur les statistiques d'utilisation pour rester au courant de votre consommation des sources. Commençons par la gestion de domaine. Vous avez peut-être déjà fourni un nom de domaine lors de la configuration du plan d'hébergement. Mais si vous avez utilisé le sous-domaine ici, vous pouvez ajouter ces noms de domaine à partir de cette option. Lorsque vous devez ajouter plus de sites Web au compte d'hébergement, vous devez lister le domaine sous domaines complémentaires. Il suffit de cliquer sur Créer un nouveau domaine complémentaire et de taper le nom de domaine ici. Cliquez sur Enregistrer. L' installation automatique de SSL sur ce domaine complémentaire peut prendre quelques heures. Et vous devrez attendre environ deux à quatre heures jusqu'à ce que le processus soit terminé. Ensuite, vous seul serez en mesure d'installer WordPress sur ce domaine add-on au sein de SSL. Ensuite, si vous souhaitez ajouter des sous-domaines à votre domaine complémentaire existant, vous pouvez cliquer sur les sous-domaines et cliquer sur Créer un nouveau sous-domaine, sélectionner le nom de domaine principal et fournir détails de sous-domaine que vous souhaitez avoir et cliquer sur Créer. Il faudra également quelques heures pour installer SSL et une poupe, vous pouvez procéder à l'installation de WordPress. Vous devrez faire l'installation WordPress à partir du panneau C lui-même en utilisant le logiciel Oculus App Installer, c'est très facile. Nous verrons le processus complet pour installer WordPress dans la prochaine leçon. Ensuite, après avoir installé WordPress, si vous devez accéder au répertoire racine et aux fichiers du site Web, vous pouvez y accéder en utilisant l'option Gestionnaire de fichiers dans cPanel. Gardez simplement à l'esprit que jamais expérimenter avec l'option Gestionnaire de fichiers. Parce que si vous supprimez par erreur certains des fichiers importants, alors votre site Web peut se bloquer ou vous risquez de perdre l'accès pour vous connecter au site Web. Veuillez être très prudent en utilisant cette option. Ensuite, vous pouvez prendre la sauvegarde du site Web en utilisant l'option back-office OUT ici. Ensuite, vous pouvez également gérer la version PHP du serveur. Vous pouvez le mettre à jour vers la dernière version stable et il est utilisé pour améliorer la vitesse et le fonctionnement du site Web. Assurez-vous que vous avez toujours mis à jour vers la version la plus stable et la plus récente. Ensuite est de gérer les comptes de messagerie. Vous avez la possibilité de créer et de gérer des comptes de messagerie pour le nom de domaine qui est également appelé comme messagerie Web. C' est comme votre ID e-mail d'entreprise et il est un must d'avoir de nos jours, basé sur les fonctionnalités de glande d'hébergement, vous serez en mesure de créer n nombre de comptes de messagerie Web pour créer un nouveau courrier VM, utilisez cette option de comptes de messagerie ici dans cPanel. Choisissez le domaine et créez un nom d'utilisateur et un mot de passe. Il est disponible pour l'utiliser instantanément après la création. Vous pouvez accéder à ce courrier Web directement à partir d'ici ou en utilisant une application client de messagerie comme Microsoft Mail ou Apple Mail, ou une application tierce comme la messagerie bleue, la fois sur ordinateur et téléphone mobile. Il y a tellement d'autres fonctionnalités et options d'étiquette avec cPanel, mais nous avons appris celles qui sont utiles pour nous. Laissez-nous maintenant procéder à l'installation WordPress dans la prochaine vidéo. 26. Installation de WordPress: Une fois que vous avez ajouté le domaine ou sous-domaine add-on, et que quelques heures se sont écoulées, vous pouvez procéder à l'installation de WordPress sur le domaine. Laissez-nous sélectionner ces de calcul App installateur option. Ici, sélectionnez WordPress. Vous recevrez une option pour installer WordPress. Si vous faites défiler vers le bas, vous trouverez la liste de toutes les installations WordPress que vous avez faites sur l'hôte web. En outre, cette icône est la connexion maître ou administrateur. Ceci est utilisé dans le cas où vous oubliez l'ID de connexion ou le mot de passe pour accéder à la zone d'administration du site Web. En outre, vous pouvez cliquer sur l'icône de crayon pour supprimer une installation WordPress. Je veux que tu sois très prudent car il faut des mois et des années pour te construire à l'envers. Et la même chose peut être supprimée en quelques secondes en cliquant sur cette icône d'annulation. Très bien, soyez très prudent. Maintenant, nous allons de l'avant et cliquez sur Installer. Vous êtes maintenant sur la page d'installation. Nous allons d'abord sélectionner le protocole. Un protocole est le nom de départ d'une URL, et il est guidé par les paramètres du fichier SCSS point. Il y a quatre options disponibles parmi lesquelles nous devons ignorer et sélectionner l'une de nos options parmi les deux options restantes, nous allons ignorer les versions HTTP car ce sont des protocoles non sécurisés sans SSL. Vous devez avoir vu ce matin de connexion non sécurisée dans de nombreux sites Web, les utilisateurs ont tendance à ignorer ou avoir une mauvaise impression pour ces sites Web. Même il est nuisible pour votre classement de site Web dans la page des résultats des moteurs de recherche. Et puisque SSL est disponible gratuitement pour nous, nous devons nous assurer de l'utiliser. Violons don, toujours installer et la version HTTPS car il est sécurisé et il est la ville présentée par une icône de verrouillage vert dans la barre d'adresse du navigateur. La sélection de www dans votre URL est facultative. Certaines personnes l'ont ignoré, tandis que d'autres le gardent, c' est tout à fait à vous de décider. Cela ne créera aucune différence dans le fonctionnement de votre site Web. C' est juste pour vous présenter. Pourrait avoir un haut personnellement préfèrent URL sans www. Ensuite, sélectionnez le nom de domaine dans la liste des domaines. Avoir une étiquette sur votre compte d'hébergement. Faites simplement un cadeau de côté un titre et un sous-titre. Je ne pense pas beaucoup, ne vous embêtez pas. Il peut être facilement changé par la suite. Ensuite, attribuez un nom d'utilisateur dont vous vous souvenez et un mot de passe que personne d'autre ne peut se souvenir ou deviner, car c'est la clé de votre actif. Si elle est piratée par quelqu'un facilement et vous aurez des ennuis. La façon dont votre ID e-mail et ignorer les paramètres avancés. Il suffit de cliquer sur installer maintenant et d'attendre quelques minutes. Prenez une profonde respiration. Détendez-vous. Ok, alors maintenant WordPress est installé sur votre domaine, et voici l'URL de connexion. Vous pouvez ajouter cette URL à vos favoris car elle peut être utilisée pour vous connecter à la zone d'administration de votre site Web. Eh bien, ce n'est pas la seule façon dont nous avons une autre façon de nous connecter à la zone d'administration de votre site Web. Généralement, pour tous les sites Wordpress, l'URL de connexion est www dot your domain.com slash WP dash admin, et appuyez sur Entrée. Ici, on vous demandera les identifiants de connexion. Vous pouvez utiliser votre identifiant e-mail ou votre nom d'utilisateur et entrer le mot de passe, vérifier la capture et procéder à la connexion. Ils souderont quand vous êtes à la zone d'administration WordPress, et je suis très heureux de vous avoir ici. Jetons un coup d'oeil sur le site à partir de la vue des visiteurs et revenons au tableau de bord. Donc, c'est l'endroit où vous pouvez facilement éditer votre site Web et contrôler à quoi il ressemble, ce qu'il montre, et générer une entreprise de millions et milliards en construisant ce site précieux. J' espère que vous apprécierez ce voyage passionnant et nous continuerons dans la prochaine vidéo. 27. Paramètres WordPress commun: Je préfère toujours démarrer le processus de création du site web avec l'activité de nettoyage. Avec le nettoyage, je veux dire que, enlevons d'abord tous les plugins et les équipes inutiles qui sont pré-installés dans notre configuration WordPress. Oh, quels sont ces thèmes et plug-ins ? J' ai oublié de te le dire ? Non, je m'en souviens. Je dois expliquer ces concepts et nous en discuterons un peu à l'avance dans ce cours. Pour l'amour de cette leçon, laissez-nous passer le curseur sur l'option plugins et cliquez sur Installer les plugins. Vous trouverez une liste des plug-ins préinstallés. Il suffit de sélectionner les plugins en cliquant comme ceci. Et ici en haut et aussi en bas, cliquez sur la liste déroulante et sélectionnez, désactivez et cliquez sur Appliquer. Dans WordPress chaque fois que vous devez installer ou désinstaller un plugin, vous devez activer ou désactiver le plugin. D' abord. Vous pouvez faire ce processus pour chaque plugin individuellement, ou vous pouvez sélectionner tous les plugins et effectuer une action en bloc. En passant, les actions en vrac font vraiment gagner beaucoup de temps. Les plugins indésirables ont donc été désactivés et il est maintenant temps de les désinstaller. Suivez le même processus. Sélectionnez les plugins que je sélectionne tous ensemble cette fois. Cliquez sur le menu déroulant Actions en bloc et sélectionnez l'option Supprimer. Cliquez sur Appliquer. Paru. Tous les plugins indésirables sont maintenant supprimés et notre répertoire de plugins est totalement propre. Ensuite, suivons le même processus pour les équipes, mais il y a une touche ici. Il n'est pas possible de supprimer toutes les équipes présentes dans notre bibliothèque. Nous avons besoin d'au moins une équipe pour être active. Alors gardons l'équipe active et supprimez les indésirables de notre compte. Cela, nous devrons faire jusqu'à une équipe à un horaire qui au-dessus de l'image du thème et cliquez sur Gérer en bas à droite, localiser cette option de suppression, cliquez sur cela, et votre équipe serait supprimée. Notez également qu'une équipe active n'a pas pu être supprimée comme ceci. Si vous souhaitez supprimer et l'équipe active d'abord installer un thème différent activé, puis vous pouvez supprimer cette équipe. Même processus que nous avons discuté en ce moment. Allez, allez-y et supprimez toutes ces équipes indésirables une par une. Laissez-nous également nettoyer les exemples de pages préexistantes. le curseur sur le menu des pages et cliquez sur toutes les pages, sélectionnez toutes ces pages préexistantes et suivez le même processus pour les supprimer. Maintenant, faites la même chose avec pré-existant, post. Une autre chose, cliquez sur l'option d'accueil Tableau de bord et vous trouverez une option d'écran. Mais ici, en haut à droite, cela n'est parfois pas visible pour un utilisateur, mais vous pouvez trouver quelques paramètres ici aussi. Et en fait, certains paramètres importants. Donc, pour gérer l'accueil du tableau de bord, vous pouvez sélectionner les zones d'information que vous voulez voir et ce qu'il faut hauteur. De cette façon, vous pouvez également nettoyer la maison du tableau de bord. N' hésitez pas à explorer les options d'écran pour d'autres options de menu dans WordPress. Hourra, notre site Web est maintenant assez soigné et propre. Maintenant, laissez-nous faire quelques paramètres WordPress de base, plané sur le menu des paramètres et sélectionnez longueurs Birmanie. Par défaut, l'option sélectionnée n'est pas requise pour nous. Donc, parmi les nombreuses options de travail, nous devons sélectionner l'option de nom de poste et cliquez sur Enregistrer. Au fait, qu'est-ce qu'un permalien ? Un permalien est essentiellement l'URL des pages web. Et avec ce paramètre mis à jour, nous pouvons maintenant rendre l'URL plus pertinente et plus facile à comprendre au lieu de la structure compliquée précédente. C' est un cadre très important et au cas où vous le manquez au début, alors aussi pas de problèmes. Vous pouvez également le faire plus tard, mais n'oubliez jamais de mettre à jour ce paramètre. Je préfère toujours démarrer mes paramètres Wordpress pour cela seulement. prochain paramètre commun consiste à mettre à jour le titre du site et slogan au cas où vous ne l'auriez pas mentionné au moment de l'installation de WordPress, ou si vous souhaitez le modifier. Le titre et le slogan sont généralement visibles ici sur l'onglet. Sélectionnez l'option générale sous Paramètres et mettez à jour les informations. Vous devez également mettre à jour l'heure pour afficher l'heure correcte. Faites les visiteurs. Si vous souhaitez modifier l'adresse e-mail, vous pouvez la mettre à jour ici dans l'adresse e-mail de l'administrateur. Vous recevrez un e-mail de vérification pour confirmer les changements d'adresse e-mail. Une fois terminé, cliquez sur Enregistrer les modifications ici en bas pour mettre à jour les paramètres. Ensuite, vous pouvez personnaliser l'affichage visuel du tableau de bord WordPress en survolant l'option utilisateurs et en sélectionnant l'option de profil. Ici, vous pouvez changer les couleurs, changer l' affichage et le nom de l'auteur affecté à une image de profil, et mettre à jour le mot de passe de connexion du site Web. Une fois terminé, cliquez sur mettre à jour le profil pour enregistrer. Ensuite, vous pouvez aller à l'option de lecture ici et assurez-vous que décourager l'option des moteurs de recherche est décochée. Il est important de décocher cela car cela peut empêcher les moteurs de recherche d' explorer le site Web et votre site Web ne sera pas disponible sur la recherche Google. Je suis enfin, si vous n'avez pas l'accès partagé à votre site Web à des fins d'édition, soit avec votre co-fondateur, partenaire commercial ou un membre de l'équipe, vous devez créer un nouvel utilisateur en allant ajouter un nouvel utilisateur ici, vous pouvez attribuer le nom d'utilisateur, l'adresse e-mail, nom, la deuxième, le mot de passe de connexion, et attribuer un rôle approprié et cliquez sur ajouter nouvel utilisateur pour partager l'accès à modifier le site Web. Il y a 700 options de règle disponibles, comme un administrateur aura accès à toutes les fonctionnalités du site Web. Un éditeur peut publier et gérer la publication de plusieurs auteurs. Et l'auteur peut publier et gérer son propre post. Un contributeur peut écrire le message mais ne pourra pas le publier. Et un abonné ne peut lire que le contenu. Il est important d'attribuer les bonnes règles car un site Web est votre actif et vous ne devriez jamais prendre aucun risque en termes de sécurité. Ne jamais partager les détails de connexion super admin avec inégal. Très bien, une dernière chose ici est de gérer les mises à jour. Vous recevrez régulièrement des mises à jour sur les thèmes WordPress et les plug-ins. Assurez-vous de les mettre à jour pour assurer la sécurité et les performances du site Web. Bien que ce soient les paramètres courants que nous mettons à jour au début, je vous recommande d'explorer toutes les options disponibles ici dans la zone d'administration WordPress pour vous familiariser avec toutes les options, dont certaines sera utilisé dans les prochaines étapes. C' est ça. Nous avons fini avec les paramètres les plus courants pour WordPress et nous sommes prêts à aller de l'avant. Nous allons continuer dans la prochaine vidéo. 28. Thèmes WordPress: Il est maintenant temps de commencer à personnaliser le site Web. Vous allez créer un site pour vous-même ou pour votre client. Nous commencerons par installer le thème de notre choix. Laissez-nous passer le curseur sur le menu d'apparence et cliquez sur l'option Thème. Actuellement cette équipe 2021 est installée et c'est le thème WordPress par défaut. Par ailleurs, qu'est-ce qu'un thème WordPress ? Une équipe WordPress est un outil pour modifier la mise en page et la conception du site. Les thèmes personnalisent l'apparence du site Web, y compris la mise en page, la typographie, couleur et d'autres éléments de conception. Un thème WordPress agit comme une structure architecturale pour votre site web. Il vous offre la fonctionnalité de modifier différentes parties d'une page Web, d'un en-tête de lac, contenu principal ou d'une zone de corps, pied de page, de widgets, d'emplacements de menu, et plus encore. Choisir le bon thème WordPress est très important car il jette les bases de la conception du site Web. Que se passe-t-il lorsque vous changez d'équipe après avoir créé n nombre de pages et publié du contenu ? Eh bien, changer l'équipe WordPress ne changera pas le contenu. Pages, utilisateurs ou autres informations stockées dans la base de données, mais l'équipe modifie la façon dont toutes ces informations sont affichées aux visiteurs du site Web. Si nous faisons des changements dans l'équipe après avoir mis le contenu, alors les chances sont que la conception sera modifiée comme pour l'équipe, et v peut finir par faire n nombre de révisions, réorganiser la conception du site Web. Donc, soyez très sûr, ne commence à sélectionner la bonne équipe pour le site. L' équipe que vous sélectionnez doit charger rapidement avec des terrains optimisés. Avoir des options de conception puissantes telles que la gestion des mises en page, les options de style d'en-tête et de pied de page prennent en charge la typographie et les couleurs pour différents éléments. Seo optimisé et réactif pour bien fonctionner avec tous les appareils. Il y a encore des milliers de thèmes gratuits et payants à choisir. Mais sur la base de mon expérience, j'ai sélectionné deux ou trois thèmes que je vous recommande d'utiliser sur votre site d'entreprise, site personnel, site e-commerce, ou en fait, tout type de site Web que vous souhaitez créer. Le premier est Astra, l'autre est Ocean WP, et le dernier est Hello team. Astra et Ocean WP sont des thèmes premium. Cela signifie qu'ils ont une version gratuite et qu'ils ont également les add-ons payants pour améliorer la fonctionnalité de l'équipe. D' autre part, l'équipe Halo est libre, mais c'est une équipe vanille et elle est destinée à être utilisée avec la version Pro d'Elementor pour avoir du sens. Maintenant, évidemment, vous pouvez commencer avec la version gratuite des équipes. Je vais vous recommander d'utiliser Astra sur l'océan WP car c'est le thème WordPress le plus léger. Et cela fonctionne absolument bien avec tous les constructeurs de pages populaires. Je vais donc aller de l'avant et cliquer sur le bouton Ajouter un nouveau. Maintenant, dans la barre de recherche, je vais taper Astra. Voici les résultats de la recherche. Sélectionnez soigneusement le thème Astra et cliquez sur Installer. Donc l'installation est en cours, et ici c'est fait. Comme je vous l'avais dit tout à l'heure, c'est toujours un processus en deux étapes. Donc, après l'installation du thème, cliquez sur activer pour faire Astra, notre thème de travail sur ce site. Assurez-vous d'activer les mises à jour automatiques pour le thème car il y a des mises à jour régulières fournies par le créateur et V doit les mettre à jour pour des raisons de performances et de sécurité. Dans le cas où une mise à jour est en attente, veuillez vérifier l'option de mise à jour sous le tableau de bord. Puisque vous venez de démarrer, je vous recommande d'installer Ocean WP aussi pour tester les différences entre les deux équipes. Et si vous souhaitez acheter des recettes verbes du marché Envato ou Envato Elements. Assurez-vous qu'il est compatible avec Elementor. Générateur de pages que nous utiliserons pour concevoir nos pages Web. Un autre concept que je voudrais vous dire, chaque fois que nous créons un site web professionnel, il est toujours recommandé d'utiliser un thème enfant. Une équipe enfant est une extension de votre thème principal, et elle est utilisée pour certaines raisons stratégiques. Il s'agit d'un thème qui hérite de la fonctionnalité et du style d'une autre équipe appelée l'équipe parent. Les équipes de distribution ont recommandé de modifier les équipes existantes tout en conservant leur conception et leur code. Supposons que vous ayez mis des codes personnalisés dans vos fichiers de thème et qu'il y a une mise à jour. Lorsque vous installez la mise à jour, vos codes personnalisés sont réinitialisés et vous devez les insérer à nouveau. Donc, pour rester à l'écart d'un tel problème, nous vous recommandons toujours d'utiliser une équipe enfant. Créer un thème enfant est très facile. Faites une recherche Google pour l'équipe Astra et cliquez sur ce lien par Astra. Ici, donnez un nom à cette équipe enfant et cliquez sur l'option Avancé. Vous pouvez également télécharger une image miniature pour représenter un thème et cliquer sur Télécharger. Maintenant, vous pouvez télécharger cette équipe enfant dans WordPress et l'utiliser avec le parent comme sous-thème en installant et en activant. C' est ça. Votre équipe enfant est activée et n'oubliez pas, ne supprimez pas le thème parent. Il est obligatoire d'avoir le rôle parental installé afin de faire travailler l'équipe enfant pour votre site Web. C' était tout sur les thèmes WordPress. Nous allons continuer dans la prochaine leçon et en apprendre davantage sur les plugins WordPress. On se voit là-bas. 29. Plugins WordPress: Que se passe-t-il si je vous demande d'utiliser un téléphone intelligent sans applications mobiles ? La fonctionnalité d'un smartphone est améliorée avec des applications dédiées comme une messagerie instantanée, une médias sociaux, une application de lecteur de musique, une application messagerie électronique ou d'enregistrement vidéo, et bien plus encore. Sans de tels laboratoires spéciaux, un smartphone n'est d'aucune utilité particulière. De même, afin d'améliorer les fonctionnalités et les fonctionnalités d'un site Web, ils utilisent des plugins. ensemble, branchez à l'intérieur de la source principale de fonctionnalités spéciales pour notre site WordPress. Et il y a une énorme collection de plug-ins pour chaque tâche sur WordPress. Comme vous avez des plug-ins de générateur de page pour concevoir une page Web à l'aide de la technique de glisser-déposer. Vous avez des plugins de personnalisation d'en-tête et de pied de page. Vous avez des plugins SEO, des plugins d'optimisation d'image, des plug-ins de gestion de cache et beaucoup, beaucoup et beaucoup plus de plug-ins pour chaque fonction spéciale. Vous pouvez également faire une recherche Google pour les plug-ins les plus recommandés à avoir sur un site WordPress et même comparer les différents plugins avant de les installer. Maintenant, bien qu'il y ait tellement de plugins disponibles, mais nous devons les utiliser intelligemment, il est recommandé d'utiliser le moins de plugins pour garder le site Web léger, propre, rapide et sans bugs. Et assurez-vous toujours d'installer les plugins des développeurs autorisés pour rester à l'abri des bugs et erreurs indésirables. Au moment des paramètres WordPress courants, nous avions supprimé tous les plugins préinstallés, et maintenant il est temps de discuter des plug-ins les plus importants que nous allons utiliser dans notre processus de création de site Web. Regardons les un par un. Le premier et le plus important plugin que nous avons à utiliser est un plugin Page Builder. Un générateur de page est un plugin qui nous aide à concevoir une page Web sans avoir besoin de codes. Il confère une fonctionnalité de glisser-déposer à l'édition du site Web à partir du front-end. Cela nous aide à nous concentrer entièrement sur le contenu et conception du site sans avoir à nous soucier du codage. Il aide les non-codeurs comme vous et moi à créer un beau site Web et que d'ingérer pas de temps. Laissons un peu de clarté de la part des citations. L' utilisation d'un générateur de pages ne signifie pas que votre site Web n'a pas de guillemets du tout. Il a des citations, mais en utilisant des constructeurs de page, via non requis pour écrire ces codes, nous devons simplement concevoir les pages Web et le constructeur de page créera automatiquement des codes pour nous. Dans le back-end. Ces bâtisseurs de la paix ont révolutionné le développement web au cours des dernières années. Il y a tellement de plug-ins Page Builder maintenant disponibles pour WordPress comme Elementor, Beaver Builder, Devi, Oxygen Builder, Breezy, Visual Composer. Mais ils utiliseront le meilleur d'entre eux. Selon mon expérience, Elementor tonnes jusqu'à être le plugin Page Builder le plus efficace pour WordPress. En ce moment. C' est le constructeur de pages le plus avancé avec des fonctionnalités et des fonctionnalités exceptionnelles. Les tribunaux dans le back-end sont également propres et aident à charger plus rapidement le site Web. Et il y a beaucoup de modèles disponibles pour Elementor pour accélérer le processus de création du site Web. Voyons le processus d'installation d'un plugin survolent le menu plugins et cliquez sur Ajouter l'option plug-in. Maintenant, tapez élément ou dans la barre de recherche, et vous obtiendrez qui est également ici. Sélectionnez le plug-in officiel Elementor et cliquez sur Installer. Lors de l'installation d'un nouveau plugin, assurez-vous d'installer le plugin officiel car il y aura tellement de plugins différents disponibles avec des noms et des extensions similaires. En outre, l'installation d'un plugin et WordPress est un processus en deux étapes. Maintenant, nous avons installé élémentor et week-end activer le plugin en cliquant sur ce bouton. Mais blé, j'ai encore un plugin à installer. Ceci est un plugin premium et j'ai pris l'abonnement de ce pour un an. Il s'agit d'Elementor Pro, et vous pourrez le télécharger à partir du site Web d'Elementor une fois que vous aurez acheté l'abonnement. Eh bien, j'utilise Elementor Pro parce qu'il améliore les fonctionnalités et les fonctionnalités de l'élément libre ou à beaucoup éteint. Vous obtenez beaucoup de fonctionnalités comme le générateur de pop-up, le team builder, environ 13 autres assistants premium supplémentaires à utiliser lors de la conception des pages Web. C' est un plugin très puissant. En fait, un abonnement payant très puissant de l'élément gratuit de, et je vous recommande fortement de l'utiliser si vous voulez créer des sites Web professionnels pour vous-même ou vos clients. Maintenant, depuis que j'ai téléchargé le plug-in Elementor à partir de l'élément ou site Web et je dois le télécharger sur mon WordPress. Je vais cliquer sur Ajouter un nouveau, et cliquer sur télécharger. Une fois qu'il est téléchargé et installé, nous pouvons maintenant activer les deux plugins ensemble. Passez le curseur sur le menu plugins, cliquez sur Installer les plug-ins. Voici la liste des plugins installés. Bon, donc on a juste deux plug-ins de ce côté. Permettez-moi de vous montrer un autre site Web qui a plus de plug-ins pour mieux comprendre ce processus. Les plugins qui sont installés mais pas encore activés, n'ont pas cette couleur de superposition et bordure bleue. Alors que les plugins qui ont été installés et activés auront la superposition et la bordure bleue. Nous devons sélectionner les plug-ins qui sont installés mais qui ne sont pas activés. Donc ici, nous avons fait la sélection et maintenant cliquez sur Actions en vrac, liste déroulante, sélectionnez l'option Activer, et cliquez sur Appliquer. C' est ça. Nous avons arqué plusieurs plug-ins et cela nous a permis de gagner du temps. Je vous recommande de commencer le processus de développement avec seulement les plugins essentiels et assurez-vous toujours d'utiliser le moins de plugins sur le site Web. Nous installerons les autres ligands lorsque nous en aurons besoin un par un dans notre parcours de création de site Web. Mais j'espère que vous êtes clair avec le processus d'installation du plug-in. Tout comme vous recevez des mises à jour pour mobile lab. De même, vous recevrez également des mises à jour pour les plug-ins. Côté plugin Wordpress maintenant mise à jour automatique, mais continuez à vérifier si des bêtas sont réparés en allant à l'option Mises à jour sous tableau de bord. Si vous utilisez des plugins premium, assurez-vous que les licences sont actives pour recevoir les mises à jour. Et encore une chose, permettez-moi de désactiver le plugin Elementor Pro pour l'instant parce qu'il est payant. Et je veux que vous commenciez avec les bases d'abord, c'est-à-dire en utilisant la version gratuite d'Elementor. C' est ça. Pour cette leçon, nous allons continuer dans la prochaine vidéo. 30. Créer la première page Web: Maintenant, commençons à créer le site à partir de zéro et laissez-nous créer la première page Web, survolée sur l'option des pages et cliquez sur Ajouter une nouvelle page. Vous pouvez vous débarrasser de cette fenêtre contextuelle en cliquant n'importe où dans l'espace ouvert. Une chose importante que je voudrais vous dire est de commencer le processus d' ajout de pages et de poste est presque la même. Donc, si vous voulez créer un billet de blog, vous devrez simplement sélectionner l'option Ajouter un message à partir d'ici. Mais le reste du processus sera vu comme lire une page web. Maintenant, voyons les paramètres que nous obtenons en créant une page Web. Ici, en haut, vous avez la possibilité de fournir titre de la page comme Home About Us produits, services, conducteurs, politique de confidentialité. Ce titre est important pour les utilisateurs de reconnaître les informations de l'étiquette sur cette page Web. Puisque nous commençons tout juste avec un site Web, créons la page Web la plus importante ou la page par défaut que nous appelons comme page d'accueil dans le titre, laissez-moi taper la page d'accueil. Suivant. Sur la droite, vous trouverez plusieurs paramètres et options. Certains paramètres et options sont WordPress par défaut, et quelques paramètres sont ajoutés en fonction l'équipe ou des plugins que nous utilisons sur le site Web. Et laissez-moi vous dire que nous utilisons comme thème thrity dans ce cours. Si je minimise toutes les catégories, alors vous aurez un aperçu clair de toutes les options qui sont disponibles. Nous pouvons donc gérer le statut et la visibilité ici. Mais mulling en vedette émerge attributs de page de discussion et un paramètres d'équipe. Pour cette page. Voyons les options un par un. L' option d'état et de visibilité permet de masquer la page ou la plage verrouillée avec un mot de passe. Si vous souhaitez vous montrer la publication d'une page ou d'une publication, vous pouvez attribuer la date et l'heure et la page ou publication sera automatiquement publiée dans les délais prévus. Ensuite, sous les paramètres du lien permalien, vous pouvez gérer le limace de la salle URL, n'est-ce pas ? Alors qu'est-ce qu'une limace ? Une limace est généralement le titre de la page ou publication qui est optimisé pour la meilleure compréhension du visiteur. C' est l'extension qui est heureux après le nom de domaine dans l'URL. Et si vous souhaitez apporter des modifications à la limace, vous pouvez la modifier ici à partir des paramètres du lien permalien. Ne vous confondez pas avec les paramètres de permalien précédents que je vous ai dit. Ce lien permanent assis ici pour cette page est d' éditer la structure de l'URL pour cette page spécifique uniquement. Très bien, L'option suivante est d'ajouter une image en vedette. Il est très utile pour un billet de blog et agit comme une image miniature pour le billet sur la page d'archive, et il est également affiché en haut de la page de publication unique. Ensuite, vous pouvez autoriser ou refuser les commentaires sous l'option de discussion. Ensuite, vous pouvez utiliser une mise en page ou un modèle pour la page à l'aide des options d'attribut de page. Ici, vous pouvez également affecter la catégorie parent à une page qui est utile pour optimiser la structure d'URL. C' est une fonctionnalité très utile, couramment utilisée dans les sites Web de commerce électronique pour montrer clairement cette catégorie et cette sous-catégorie dans les URL elles-mêmes. Enfin, vous avez les paramètres d'équipe pour la page. Ici, dans Astra, vous avez les options pour afficher ou masquer la barre latérale de la page. Il juste la mise en page du contenu, activer ou désactiver l'en-tête, titre de la page, image en vedette et pied de page pour la page ou le post. Les autres options de thème comme l'en-tête transparent doivent être distinctes du personnalisateur. Donc on peut l'ignorer ici. Une fois que vous avez terminé avec les paramètres, vous pouvez cliquer sur Publier, et à nouveau cliquer sur Publier, et c'est tout, les pages créées. Si vous souhaitez désactiver cette double vérification pour la publication, vous pouvez décocher cette option ici. Maintenant, pour éditer cette page, nous sommes fournis avec un éditeur de bloc par défaut par WordPress. Et c'est le mode d'édition pour concevoir une page ou un post. Mais nous allons éditer la page en utilisant Elementor, qui est le générateur de pages le plus avancé au monde. Créer des pages Web à l'aide d'Elementor est une tâche très excitante et nous allons apprendre sur les bases de l'utilisation d'Elementor dans la prochaine leçon. On se voit là-bas. 31. Configurer l'élément pour les premières utilisations de première: Bienvenue à la première leçon d'Elementor, et commençons le voyage de créer des pages Web impressionnantes et site Web pixel-parfait sans aucun codage en utilisant Elementor, nous allons commencer par mettre en place l'élément ou 4 premier US et laisser nous voir quelques paramètres communs. La première chose que vous avez à faire avec Elementor est de cliquer sur les paramètres Elementor à partir d'ici et assurez-vous que vous décochez les alertes et les téléphones par défaut désactivés pour activer les paramètres de téléphone colorant à l'aide d'Elementor. Elementor est complet en lui-même pour gérer plusieurs paramètres. Et donc nous ne voulons pas utiliser l'index Theme Colors Phi. Nous activons l'élément ou les paramètres par défaut. Ici. Nous mettrons en place les valeurs globales pour les couleurs, la typographie et l'espacement. Et cela s'appliquera à tous les éléments et pages du site. Cela signifie que nous allons mettre en place les couleurs du guide de marque. Je suis plié ici dans Elementor pour rendre le processus de développement du site Web facile et cohérent dans le cadre de notre conception. Maintenant, afin de modifier la page Web, nous allons cliquer sur modifier et revenir à l'option Paramètres à nouveau. Cliquez ici sur Modifier avec Elementor. Vous serez redirigé vers cet écran d'édition et l'interface principale du système que nous devons comprendre afin de créer un site Web génial. C' est donc l'interface d'édition pour Elementor, et je dois dire que c'est très facile et convivial. Vous avez toutes les options d'édition ici sur la gauche payé et la toile d'édition sur la droite. Il y a un bouton pour masquer le volet d'édition, ce qui ouvre la page d'aperçu. En mode aperçu, vous ne pourrez pas modifier la page Web car vous ne pouvez l'afficher qu'en prévisualiser. Pour revenir au volet d'édition. Cliquez à nouveau sur cette flèche, et vous obtiendrez les options d'édition. Laissez-nous commencer la configuration avec les options disponibles sur le dessus. En cliquant sur l'icône de hamburger, vous obtiendrez des options pour les paramètres du site, team builder et gérer les préférences des utilisateurs. Nous les verrons un par un. Laissez-nous d'abord cliquer sur Paramètres du site. Ici, vous devez mentionner les couleurs que vous avez finalisées dans le guide de l'image de marque. Cliquez ici sur la couleur principale et tapez le code hexadécimal de votre couleur. Ceci est maintenant enregistré dans la palette de couleurs. Vous pouvez également renommer la catégorie si nécessaire. De la même manière, mettez à jour le texte secondaire et la couleur d'accentuation avec les couleurs de marque que nous avons finalisées dans le guide de marque. Même si vous souhaitez ajouter plus de couleurs à la palette, vous pouvez les ajouter, les renommer, et aussi les supprimer. Et si vous voulez supprimer une couleur ou effacer la couleur, cliquez sur cette option claire ici, elle reviendra à vide. Classement. La couleur valide est la première et la plus importante étape de l'utilisation d'éliminer ou parce qu'elle permet de gagner beaucoup de temps en choisissant les couleurs par défaut en un seul clic. Revenez maintenant au menu précédent en cliquant ici. Ensuite, il faut mettre en place les téléphones globaux. Ici, vous allez affecter les paramètres de typographie par défaut pour tous les différents types de téléphones comme le titre de famille, le titre secondaire, XT et XT et les téléphones, l' attribution des paramètres globaux du téléphone enregistre le style dans le style de police palette ici. Et vous serez en mesure d'attribuer facilement ce style en un seul clic. Cliquez sur l'icône du crayon pour ouvrir les paramètres de topographie. La première option consiste à sélectionner la famille de téléphone. Vous obtiendrez les téléphones Google à sélectionner dans cette liste déroulante. Faites une sélection de la famille Ford selon le guide de l'image de marque. L' option suivante consiste à sélectionner la taille du téléphone. Vous pouvez faire défiler cette roue manuellement ou simplement entrer la valeur. Il y a quatre unités de mesure, mais nous irons avec des pixels. Il y a une autre chose à remarquer ici. Si je supprime la valeur de la taille du téléphone qu'elle est restaurée à la valeur par défaut. Vous devez vous demander que s'il n'y a pas de valeur dans la boîte, il en a besoin un 0, mais ce n'est pas comme ça dans l'élément ou ce sera 0 seulement si vous avez mentionné 0 ici, ou bien si vous le gardez vide, ce sera la valeur par défaut. Ce concept à l'esprit, car il va vous aider beaucoup dans le cours. Notre tête est ensuite le poids. Cela rendra votre texte léger ou gras. Ensuite, vous pouvez essayer que les paramètres de transformation pour faire le texte en majuscules, minuscules ou majuscules. Ensuite, vous pouvez faire votre texte en italique à partir de l'option de style. Dans la décoration, vous pouvez insérer des titres et quelles lignes aux textes et même des lignes biffées que nous pouvons également ajuster la hauteur de la ligne. Et disons pour le TextContent, faites attention aux unités de mesure et nous devons utiliser l'unité de pixels pour chaque mesure. Je veux te demander une chose. Avez-vous remarqué cette petite icône d'écran après certains paramètres ? Eh bien, cette icône représente que vous pouvez effectuer un ajustement personnalisé dans cette option de réglage pour différents périphériques. Comme si vous souhaitez attribuer une valeur différente de la taille du téléphone pour un téléphone mobile, vous pouvez cliquer sur cette icône, sélectionner Mobile, et attribuer la valeur différente qui sera spécifiquement pour l'appareil mobile et la même que vous pouvez faire pour une tablette. Ici, la conception du site Web vous aide beaucoup parce que nous avions déjà finalisé avec la taille du téléphone pour chaque type d'appareil et nous n'avons pas besoin de passer du temps à expérimenter différentes valeurs au stade du développement. Une autre chose, si vous devez réinitialiser les paramètres typographiques complets à défaut, vous pouvez cliquer sur ce bouton par défaut ici. Et une fois que vous avez terminé que leurs paramètres de typographie cliquez à nouveau sur cette icône de crayon, et il sera en surbrillance. De cette façon, vous pouvez enregistrer les téléphones globaux comme tous les jours. Revenons maintenant. Maintenant, cliquez sur typographie. Ici, vous pouvez configurer la typographie pour des types de textes spécifiques tels que la rubrique 1, rubrique 2, jusqu'à la rubrique 6, les aliments de paragraphe et un lien plis. Ces paramètres s'appliquent lorsque vous placez une nouvelle zone de texte ou une nouvelle zone titre ou que vous créez un lien hypertexte dans le campus d'édition. Définir les valeurs ici peut gagner du temps et ajuster la topographie encore et encore. Donc maintenant, vous serez en mesure de faire usage des couleurs globales et des téléphones mondiaux que nous venons de dire dans le menu précédent. Et cela permettra d'économiser beaucoup de temps dans la phase de développement. Par ailleurs, une fois que vous avez terminé avec les paramètres, En cliquant sur le bouton de mise à jour ici en bas pour enregistrer les modifications. C' est une bonne habitude de sauver le travail au moins toutes les cinq minutes. Les paramètres suivants sont liés au bouton par défaut, images et aux champs de formulaire, mais nous les verrons dans la leçon de widget d'abord, puis plus tard si nous le voulons, nous pouvons revenir ici pour attribuer les valeurs par défaut. Ci-dessous, nous avons des paramètres liés à l'identité du site, à l' arrière-plan, à la mise en page et à la boîte lumineuse. Nous allons d'abord configurer l'identité du site. Vous pouvez mettre à jour le nom et la description du site qui sont les mêmes que le titre du site et le slogan à partir d'ici également. Ensuite, vous pouvez télécharger le logo du site Web. Assurez-vous d'utiliser les bonnes cotes pour que le logo apparaisse impactant dans l'en-tête. Ensuite, vous pouvez télécharger le fairway peut commander l'icône du site à afficher ici sur l'onglet. Une icône fav ou cytokinine doit toujours être conçue dans le rapport de ce qui est à un, préférence 52 pixels par 500 pixels. Maintenant, voici le paramètre d'arrière-plan de la page. Vous pouvez choisir parmi les options d'ingrédients classiques et utiliser une image colorée ou un dégradé pour l'arrière-plan de la page. Donc, si vous voulez créer un site Web de couleur foncée, vous pouvez sélectionner la couleur noire comme arrière-plan de la page. L' attribution d'une couleur de page ici appliquera la couleur à toutes les pages du site Web. Si vous souhaitez personnaliser l'arrière-plan d'une page spécifique, vous pouvez le faire à partir de l'icône Paramètres ici sur l'édition de page individuelle. Bon, maintenant revenons en arrière et sélectionnez l'option de mise en page. Ici, vous pouvez jeter un oeil à l'espacement, la largeur et la disposition. Ces paramètres par défaut fonctionnent le mieux et il n'est pas nécessaire d'apporter des modifications ici. Je viens de changer. Troisièmement, la mise en page par défaut à Elementou pleine largeur car nous n'utilisons pas les paramètres du thème. C' est ça. Ensuite sont les paramètres de la boîte lumineuse par défaut. Au fait, quelle est la boîte à lumière ? Une fenêtre contextuelle lumineuse est une superposition de fenêtre qui apparaît au-dessus d'une page Web comme celle-ci. Lorsqu' une fenêtre contextuelle s'affiche, l'arrière-plan est offert, grisé et désactivé, ce qui signifie que les visiteurs du site ne peuvent pas interagir avec l'autre contenu du site Web. Cela attire l'attention sur la boîte à lumière elle-même. Vous serez donc en mesure d'ajuster nos paramètres par défaut pour les ampoules des écrans, mais ce n'est pas si important pour le moment. Voyons si les changements que nous avons faits, cliquez sur Mise à jour, et maintenant laissez-nous revenir en arrière. Vous pouvez ignorer le CSS personnalisé. Ce n'est pas pour les non-quartiers comme toi et moi. Et si vous connaissez le revêtement, alors vous pouvez certainement utiliser cette fonctionnalité en vous abonnant à Elementor Pro. Je suis enfin, vous pouvez cliquer sur l'option de paramètres supplémentaires pour aller aux paramètres du plug-in Elementor dans la zone d'administration dans un nouvel onglet. Ici, nous avons déjà fait le réglage au début de la leçon à la dynastie seulement requis réglage que nous devions faire. Et si vous êtes abonné à Elementor Pro, vous pouvez télécharger les téléphones personnalisés et les icônes personnalisées à partir de ces options chaleur disponible. Nous allons sauter cette option de team builder ici, car elle est libérale dans Elementor Pro. Et nous veillerons à cela plus tard dans le cours. Voyons les préférences de l'utilisateur. Ici, vous aurez la possibilité de changer l'élément ou l'affichage. Actuellement, nous sommes en mode lumière et vous pouvez également passer au tableau sombre. Je sais que certains d'entre vous vont certainement allumer le mode sombre par rapport au mode lumière. Mais laissez-moi continuer en mode lumière seulement dans ce cours. Vous pouvez ajuster manuellement la largeur de la pagaie aussi comme ceci. Et si vous voulez le restaurer par défaut, vous pouvez entrer quelque 300 pixels sur. Vous pouvez ajuster le poids selon vos préférences. Nous avons donc terminé avec le secteur d'Elementor pour la première utilisation, et nous continuerons à apprendre les bases d'Elementor dans la prochaine leçon. On se voit là-bas. 32. Les bases de l'utilisation des éléments: Le panneau d'édition d'Elementor est très facile à utiliser. Il contient une liste de widgets qui sont classés dans les visites de base et les visites génitales. Si vous utilisez Elementor Pro, vous avez engagé d'autres catégories comme les widgets Pro et site. Nous allons en apprendre davantage sur l'utilisation de tous les déserts dans les leçons à venir. Mais pour l'instant, laissez-moi vous dire comment utiliser la toile vierge dans cette leçon. Tout d'abord, la rangée supérieure qui est l'en-tête du site Web et la dernière ligne qui est le plus gros du site acheté. L' en-tête et le pied de page ne peuvent pas être modifiés ou créés à partir de ce canevas d'édition. Les paramètres d'En-tête et de pied de page sont accessibles à partir du personnalisateur si vous utilisez les paramètres d'équipe de l'élément, notre team builder, si vous utilisez Elementor blue. Alors oubliez l'en-tête et le pied de page pendant que vous êtes sur la page. Mode d'édition. Ici seulement se concentrer sur la zone de contenu principale de la page Web. Vous pouvez insérer une section en cliquant sur cette icône plus et en sélectionnant la structure avec un nombre différent de colonnes. Par défaut, une section est toujours insérée avec une seule colonne. Vous pouvez commencer par une structure simple car elle peut être personnalisée plus tard selon vos besoins. Ici, la ligne de bordure bleue représente une limite de section ou une bordure de section, tandis que la ligne pointillée grise représente une colonne. Vous pouvez ajouter d'autres sections au-dessus de la section en cliquant sur l'icône plus ici ou en bas. Si vous voulez supprimer la section, cliquez dessus, annuler, je suis ici. Maintenant, pour modifier les paramètres de cette section, vous devez faire un clic droit sur les points ici et cliquez sur Modifier la section. Les options d'édition de cette section s'ouvrent dans le panneau de gauche. Si vous avez un coup d'oeil à l'onglet supérieur, vous trouverez les trois types de paramètres. Nombre de coureurs mise en page. Le numéro deux, son style et le numéro trois sont avancés. Tous les paramètres pour les sections, colonnes, et en fait, toutes les visites auront les trois types de paramètres ou les trois onglets de réglage, tardif, Leon style et avancé. Gardez toujours cela à l'esprit. Ensuite, si vous devez revenir à l'écran d'accueil du panneau d'édition, cliquez sur cette grille. Eigen. Sachez à quel point vous êtes profondément dans un environnement. Si vous cliquez sur cette grille propre, vous reviendrez à l'écran d'accueil du panneau d'édition D comme ceci. Voyons maintenant quelles autres options j'ai étiqueté par, en cliquant avec le bouton droit sur les points ici. Eh bien, vous pouvez créer un duplicata de cette section. Ensuite, vous pouvez copier cette section et la coller à un autre emplacement, haut ou vers le bas n'importe où sur la page. Ensuite, vous pouvez utiliser l'option Coller style. C' est comme si vous voulez copier les paramètres d' une section et l'appliquer à une autre section, vous pouvez copier et coller l'état. C' est très pratique parfois. Et si vous voulez réinitialiser un paramètre de section par défaut, cliquez sur État par défaut. Maintenant, l'option suivante est très importante. Vous pouvez enregistrer la section en tant que modèle. Et nous savons que nous pouvons réutiliser ces modèles sur différentes pages et différents sites Web. Il suffit donc de cliquer sur Enregistrer le modèle, Donnez-lui un nom, et cliquez sur Enregistrer. En passant, c'est l'élément ou la bibliothèque de modèles. Vous trouverez ici une énorme collection de blocs préconçus, pages et une liste d'alertes que vous pourriez avoir sauvegardées. Si vous souhaitez insérer un modèle à cet emplacement, vous pouvez simplement cliquer sur Insérer, et le voici. Le modèle est inséré. Très facile. Si vous voulez utiliser des blocs et des modèles Elementor, vous devez vous inscrire sur des éléments impairs et créer un compte gratuit. Ensuite, vous serez en mesure d'insérer les modèles gratuits. Et si vous avez l'abonnement Elementor Pro, vous pouvez également insérer les modèles Pro. Maintenant, si vous souhaitez exporter notre modèle, vous pouvez cliquer sur les trois points et cliquer sur Exporter. Ce modèle sera exploité au format JSON et vous pouvez le télécharger sur un site Web en cliquant sur cette option d'importation et en téléchargeant le fichier. Si vous voulez accéder à ces modèles, vous pouvez cliquer sur cette icône de dossier ici. Ensuite, encore une fois, faites un clic droit sur les points et voyez ce qui reste ici. Ok, le suivant est Navigator. Et ici, vous pouvez gérer l'ordre des sections et des colonnes, tout comme nous gérons les paroles et l'outil de conception graphique. Il est également utile pour changer l'ordre des sections et vous pouvez également le renommer en double-cliquant. Maintenant, la dernière chose que nous devons apprendre sur l'élément ou le panneau d'édition est cette barre inférieure. Ici, vous trouverez l'option de réglage de la page et vous pouvez modifier le titre, statut et l'image en vedette du billet de blog. Ce sont les mêmes paramètres que nous avons fait lors de la création de la page. Si vous cliquez sur l'option tache ici, vous trouverez que vous pouvez changer le type d'arrière-plan pour cette page spécifique. Il a les mêmes options comme est de couleur unie ou une image, ou une couleur dégradée. Si vous souhaitez attribuer une couleur de pêche, vous pouvez en sélectionner une en allant dans le style et en sélectionnant le type d'arrière-plan comme ingrédient classique et en sélectionnant la couleur. Veuillez noter que cette couleur pêche ne s'applique qu'à cette page spécifique. Ensuite, vous pouvez activer le navigateur à partir d'ici également. Ensuite est l'option historique. Ici vous trouverez un journal des activités et vous pouvez facilement revenir en arrière en utilisant les actions et les révisions. L' option Actions aura une liste des activités de la session en cours avant la dernière mise à jour. Et l'option de révisions aura également des copies d'enregistrement automatique de certaines des anciennes versions avant la mise à jour. L' option suivante consiste à optimiser le site Web pour différents appareils. C' est très important parce que nous voulons vraiment créer un site web réactif qui fonctionne très bien sur tous les appareils comme les ordinateurs, téléphones mobiles et les tablettes. Vous pouvez facilement sélectionner l'aperçu du bureau, l'aperçu tablette et l'aperçu mobile à partir d'ici, et optimiser leur site Web en conséquence. Ensuite, le pistolet IA est utilisé pour afficher l'aperçu de la page et le bouton de mise à jour est utilisé pour enregistrer et publier la page Web. Toutes les modifications que vous faites sur le site Web. Il est publié immédiatement lorsque vous cliquez sur ce bouton Mettre à jour. Aussi, je vais vous suggérer de prendre l'habitude de sauver votre travail toutes les cinq minutes. Près du bouton de mise à jour, vous trouverez une flèche avec quelques options supplémentaires. Au lieu de publier la page effectuée globalement, vous pouvez l'enregistrer en tant que brouillon et la mettre à jour une fois la conception terminée. Et aussi vous obtenez une option pour enregistrer la page en tant que modèle. Maintenant, si vous enregistrez un modèle à partir de cette option, vous serez en mesure d'enregistrer toute la page exécutée par Acte dans un seul modèle. Donc, si vous voulez enregistrer une seule section, vous pouvez enregistrer à partir des paramètres de section comme nous l'avons vu précédemment. Et si vous souhaitez enregistrer une page complète, vous pouvez le faire à partir d'ici près de l'option de mise à jour. Les deux seront accessibles dans le modèle comme dame. Rappelez-vous maintenant que vous êtes en mode édition ici. Et pour voir l'aperçu, vous pouvez masquer le panneau ou cliquer sur l'option Afficher la page. Depuis vn utilisant WordPress, vous trouverez toujours la barre noire en haut de la page où vous vous êtes connecté à WordPress. Vous pouvez également hydrater, mais cela est très utile car vous pouvez revenir au bord en survolant le titre et en cliquant sur le tableau de bord. Ou vous pouvez accéder aux paramètres de personnalisation. De personnaliser, vous pouvez voir les mises à jour en attente, commentaires, ajouter une nouvelle page, une nouvelle publication, modifier les paramètres de la page ou modifier la conception de la page avec Elementor, vous pouvez également rediriger pour modifier les mises en page personnalisées comme l'en-tête et pied de page d'ici lui-même. Et si vous souhaitez vous déconnecter du mode d'édition du site Web, le curseur sur le nom d'utilisateur et cliquez sur déconnexion. Cette barre noire est le raccourci vers de nombreux paramètres et options. Si vous souhaitez quitter le tableau de bord de la zone d'administration, cliquez sur l'option Quitter le tableau de bord. C' est ça. C' est ainsi que vous pouvez accéder à Elementor et en savoir plus sur les paramètres de section et de colonne dans la vidéo suivante. On se voit là-bas. 33. Paramètres de section et de colonne: Ensuite, nous utilisons sont l'outil de conception. Nous pouvons facilement créer un rectangle et placer le contenu par un simple glisser-déposer. Mais organiser l'information dans une telle structure sur une page Web est un jeu tout autre. Vous devez utiliser des sections et des colonnes pour gérer la mise en page. Alors, qu'est-ce que cette section et qu'est-ce qu'une colonne ? Section est la zone de la page où vous pouvez placer des colonnes pour présenter les informations de manière organisée. Et par colonne, nous entendons un bloc vertical de contenu. Vous pouvez avoir besoin de plusieurs colonnes sur toute la largeur de la page. Une section peut contenir une ou plusieurs colonnes et vous pouvez ajuster la structure selon l'exigence de conception. Voyons comment gérer ces sections et colonnes sur une page Web. Nous savons comment insérer une nouvelle section. Cliquez sur l'icône plus et sélectionnez une structure. Vous pouvez sélectionner une structure simple et nous pouvons évidemment la personnaliser plus tard. Une section est représentée par une ligne de bordure bleue et une colonne est représentée par une ligne pointillée grise. Maintenant à l'intérieur comme section, il y a des colonnes pour diviser cette section en 23 ou quel que soit le nombre de pièces dont vous avez besoin. Dans une section, il y a obligatoirement au moins une colonne amusante. Un autre point important à noter ici est que les colonnes ne seraient ajoutées que de gauche à droite. Cela signifie que les colonnes sont utilisées pour organiser les rejets et la forme horizontale. Si vous souhaitez ajouter plus de surface sous forme verticale, vous devrez utiliser des sections comme cela fonctionne de haut en bas. Jetons un coup d'oeil aux paramètres de la section. Il suffit de survoler la partie centrale supérieure et de cliquer avec le bouton droit sur les points. Maintenant, nous pouvons voir le volet d'édition et à gauche avec les paramètres ayant les trois onglets principaux, mise en page, style et avancé. Sous Paramètres de mise en page pour une section, nous avons des listes déroulantes comme celles-ci. Les principaux paramètres de l'étiquette, nos paramètres de mise en page et de structure avec un clic gauche sur l'onglet Mise en page et il va se développer. Nous discuterons des principaux paramètres qui sont utiles pour éditer un site Web. Le premier titre est le contenu wit. Il dispose de deux options pour sélectionner, en boîte et vecteur complet. Par défaut, nous avons actuellement encadré sélectionné et via fourni une échelle pour ajuster la largeur manuellement dans le cadre d'une exigence. Vous pouvez faire défiler l'échelle vers la gauche et vers la droite et décider du poids approprié pour votre section. En outre, vous pouvez mettre la valeur dans la boîte fournie. Gardez à l'esprit que nous suivrons le design que nous avons déjà créé dans l'outil de conception comme Figma ou Adobe XD. Et nous utiliserons toutes ces dimensions et valeurs ici dans Elementor. C' est la phase de développement et nous allons développer la page selon le design que nous avons déjà créé dans leur phase de conception. La valeur que vous allez mettre ici dans la cote est exprimée en pixels. Vous devez apporter des modifications aux paramètres de largeur avec un peu de prudence comme si vous avez le mot plus petit, cela affectera l'affichage sur les écrans et votre site Web finira par afficher rétréci. Et si vous souhaitez revenir à la valeur par défaut qui était disponible avant d'ajuster manuellement la largeur de la section, vous supprimez simplement la valeur dans la zone comme ceci. Nous savons que la suppression de la valeur ne fera pas 0. En fait, il le restaure par défaut. En outre, vous pouvez sélectionner l'option pleine largeur pour étendre la section sur tout l'écran, quelle que soit la largeur de l'écran. En bref, vous pouvez verrouiller la largeur du contenu en mettant des dimensions spécifiques ou bien vous pouvez autoriser l'expansion en plein écran en sélectionnant l'option pleine largeur. Le prochain paramètre utile est la hauteur. En utilisant cette option, nous pouvons ajuster la hauteur de la section, rendant plus élevée pour couvrir l'ensemble de l'écran, ou le rendre petit, ou lui permettre de s'ajuster en fonction la hauteur des colonnes et des widgets à l'intérieur de la section. Vous pouvez également ajuster manuellement la hauteur de la section à l'aide de l'option d'échelle de hauteur minimale. Permettez-moi de vous dire que l'élection des hauteurs appropriées joue un rôle très important dans la gestion des espaces blancs et la création d'une interface utilisateur attrayante. Maintenant, le paramètre suivant est la position de la colonne. Comme nous savons que toutes les sections ont des colonnes, il est donc possible d'ajuster l'alignement des colonnes vers le haut, milieu ou le bas selon les exigences de conception. En outre, il existe une option pour étirer cette section pour couvrir bord à bord tout en visualisant le site Web sur un écran plus large. Ensuite, explorons les paramètres sous cet onglet de tuile. Habituellement, les paramètres liés à l' arrière-plan, la superposition d'arrière-plan, la bordure, la forme, le séparateur typographie et les couleurs sont répertoriés sous l'onglet style pour les colonnes de section et en fait pour tous les widgets. Commençons donc par les paramètres d'arrière-plan. Nous pouvons ajuster l'arrière-plan pour la vue normale et la vue stationnaire. Dans la vue normale, vous pouvez sélectionner l'arrière-plan parmi quatre types différents, classique, dégradé, vidéo et diaporama. Laissez-nous comprendre le classique d'abord, vous avez une option de choisir les couleurs comme fond de section. Cliquez donc sur la fenêtre Couleur et la palette de couleurs s'ouvrira dans le sélecteur de couleurs, vous pouvez faire défiler cette roue et choisir le bon jeu de couleurs pour votre projet. Mais nous avons déjà fait cette étape en sauvegardant les options de couleur globales. Nous devons donc simplement cliquer sur l'option de couleur globale ici et choisir la couleur comme arrière-plan pour cette section. C' est pourquoi je vous ai dit plus tôt que lorsque vous enregistrez la palette de couleurs, vous économiserez beaucoup de temps. Ainsi, vous pouvez définir une couleur unie comme fond de section. Maintenant, au lieu d'une couleur unie, vous pouvez également choisir une image car cette section fond survolent la zone d'image et vous trouverez une option pour Ajouter une image. Cliquez dessus, et le téléchargement d'image s'ouvrira, téléchargez l'image à partir de votre appareil et cliquez sur ajouter. L' image sera ajoutée à l'arrière-plan de la section. L' ajout d'une image à l'arrière-plan nécessite quelques décisions et ajustements. Jetons un coup d'oeil à la même chose. Toujours essayé de télécharger une image dans leurs dimensions qui sont requises. Cela signifie l'édition et l'image à l'avance pour correspondre aux dimensions de la section. De cette façon, vous ne ferez pas face au problème lors rognage ou de la grossissement de l'image affichée. Si les cotes ne sont pas précises, après le téléchargement, elles émergent, utilisez les paramètres de libellé suivant, vous pouvez ajuster la position de l'image pour centrer les options d'alignement, les options alignement supérieur et le bas options d'alignement. Il y a un réglage très cool et cette pièce jointe que vous pouvez sélectionner dans l'option fixe ou l'option de défilement. Si la taille de l'image est petite, vous pouvez sélectionner cette option de répétition pour couvrir la section avec des images répétées. Et enfin, vous pouvez essayer d'ajuster la taille de l'image en utilisant certains paramètres de taille dans ce qui couvrir et contenir les options sont les plus utiles. Maintenant, dans tous les paramètres, il y a une option par défaut. Donc, dans le cas où vous vous perdez dans les différents paramètres, il suffit de sélectionner par défaut pour revenir aux paramètres d'origine. Le type d'arrière-plan suivant est dégradé. Un dégradé est une fusion de deux couleurs et vous pouvez mélanger les deux couleurs pour créer une composition de couleurs étonnante pour votre section vers le bas, vous devez sélectionner l'emplacement de deux couleurs agi, ajuster ce type de mélange et les angles pour correspondre votre exigence. Le prochain type de fond que la vidéo, c'est un très bon mélange. Vous avez juste besoin d'entrer le lien de votre vidéo YouTube ou Vimeo ou même vos vidéos auto-hébergées. Et il sera ajouté à l'arrière-plan de la section. Pour vendre Foster Video, il vous suffit de télécharger le fichier dans la médiathèque. Vous pouvez régler les paramètres d'heure de début et d'heure de fin, ainsi que les options de lecture en boucle et la lecture de la vidéo sur mobile. La vidéo sur mobile est à prendre un soin particulier car les dimensions de l'écran sont différentes et la vidéo peut zoomer vers le haut. Veuillez donc prêter attention aux paramètres de réactivité si vous insérez une vidéo dans cette section en arrière-plan. Il existe également une option pour le repli en arrière-plan. Cela signifie que vous pouvez sélectionner une image comme repli d'arrière-plan. Parce que dans certains cas, si la vidéo n'est pas en mesure de rendre ou de lire, il doit y avoir une image de sauvegarde à afficher en arrière-plan. Le dernier type de type d'arrière-plan est un diaporama. Il montre les différentes images au format diaporama et qui garde l'aspect coulissant que le temps et la vitesse. Tu l'as mentionné. Il s'agit d'une fonctionnalité très couramment utilisée et vous pouvez l'appliquer facilement en utilisant l'Elementor. Sélectionnez simplement les images multiples et sélectionnez l'option de boucle avec ce bouton, vous pouvez rendre le diaporama rapide ou lent en ajustant la vitesse et les millisecondes. Il y a quelques effets de transition et vous pouvez également ajuster la vitesse de transition. Les options de taille d'arrière-plan et de position d'arrière-plan sont également utiles dans le cas où les dimensions de l'image sont différentes des dimensions de la section. L' effet Ken Burns est également une fonction cool car il obtient une vue grandissante ou décroissante de l'image. Ce sont les options d'arrière-plan pour la vue normale. Voyons quelques paramètres pour l'effet de vol stationnaire. Vous pouvez appliquer deux types d'arrière-plan et de vue d'ensemble, classique et dégradé. Les paramètres sont les mêmes que ceux que nous avons appris plus tôt. Juste la vue de l'arrière-plan apparaîtra en survolant. Ensuite, apprenons la fonction de superposition d'arrière-plan. Vous devez avoir remarqué la superposition de couleur unie au-dessus d'une image comme celle-ci. Vous pouvez appliquer une superposition dans la vue normale ainsi que dans la vue Harvard. Apprends-les un par un. En plus des options d'édition standard que nous avons apprises précédemment, il existe une option pour ajuster trop l'opacité en termes d'arrière-plan. Il varie de 0 à un, 0 étant le minimum et un étant le maximum. Vous pouvez également appliquer les filtres CSS et différents modes de fusion comme Marie ou compétences de conception. Essayez les paramètres des options de survol ainsi qu'ils sont presque similaires. réglage suivant sous l'onglet Style consiste à ajuster la bordure. Encore une fois, il a la vue normale et l'ensemble de la vue d'ensemble. Sous le type de bordure, vous pouvez sélectionner le type de bordures plein, double, pointillé, pointillé et rainure. Une fois que vous sélectionnez le type de bordure, vous obtiendrez une option pour sélectionner le poids de la bordure et directe. Maintenant, cette boîte contient quatre valeurs. En haut, à droite, en bas et à gauche. Elle est suivie d'une boîte qui les relie tous ensemble. Donc, dans le cas où vous souhaitez affecter la même valeur à toutes les quatre directions, abord, cochez la case de liaison, ou si vous souhaitez fournir des variables sont des valeurs différentes. abord, décochez la case de liaison, puis insérez les valeurs dans les zones supérieure, droite, inférieure et gauche. dessous de cela, vous pouvez sélectionner la couleur de la bordure à partir de la même palette de couleurs. En outre, vous pouvez utiliser l'ombre de zone et vous pouvez également appliquer les paramètres de bordure pour l'effet de survol. option d'édition suivante est les diviseurs de forme. Vous pouvez appliquer le séparateur sur les parties supérieure et inférieure de la section. Il a tellement de types créatifs et je vais vous suggérer d'explorer les différents types dans les parties supérieure et inférieure de la section. dernière option est la topographie, mais nous ne modifierons pas les paramètres ici car nous le ferons individuellement pour chaque contenu de texte que nous ajoutons. Maintenant, l'onglet suivant sous l'onglet Paramètres est Avancé. Il est très important et très crucial quand comprendre et pratiquer. Et laissez-moi également vous dire que les paramètres avancés sont presque les mêmes pour chaque colonne de section et presque tous les widgets Elementor. Cela signifie que si vous êtes capable de comprendre ces paramètres avancés une fois que vous pouvez appliquer à toutes les sections, colonnes et widgets. Alors qu'est-ce que tout ça inclut ? Il inclut l'effet de mouvement des paramètres avancés. Attributs de paramètres donc réactifs et CSS personnalisé. Commençons par les paramètres avancés. La première option est la marge. marge de la section peut être ajustée en haut et en bas à gauche et à droite est désactivée pour les paramètres de section car il s'agit d'un district automatiquement basé sur le vecteur de contenu. Mais vous obtiendrez les quatre directions, en bas, à gauche et à droite pour les colonnes et les widgets. Marge désigne l'espèce située à l'extérieur des limites de la présente section. Laissez-moi le répéter. Marge signifie l'espace à l'extérieur de la limite d'une section, tandis que dans la liaison, il est l'espace à l'intérieur de la limite d'une section pour le haut, bas, la gauche et la droite. La marge nette signifie l'espace en dehors de la limite de la section, et le remplissage signifie l'espace à l'intérieur de la limite de la section. Vous pouvez utiliser intelligemment le bouton de liaison pour lier les valeurs ensemble tout en ajustant, ajuster les valeurs pour le haut, le bas, la gauche et la droite est une pratique très importante et vous devrez utiliser ce Seigneur facultatif. Alors, familiarisez-vous avec la liaison des valeurs et la liaison des valeurs et l'ancrage des valeurs pour le haut, bas, la gauche et la droite. Ensuite, c'est une option pour éditer l'index Z ou l'index de la section. Il vous aide à ajuster l'ordre. Si une autre section se chevauche, il y a des options pour assigner des classes CSS ICSID, qui sont utilisées dans un but spécifique que nous pourrions discuter dans le cours à venir. Ensuite, ce sont les effets de mouvement. Comme son nom l'indique, le paramètre a des paramètres d'animation. Vous aurez accès à cet effet de refroidissement si vous êtes abonné à Elementor Pro ou si vous ne pouvez utiliser l'option d' animation d'entrée que dans la version gratuite. Allez-y et essayez cela car il y a tellement d'effets cool à utiliser en chargeant la section que les paramètres réactifs sont également importants. Vous allez ajuster la position de la colonne dans une section pour mobile et tablette. Et vous pouvez les réorganiser selon vos besoins. En outre, vous pouvez masquer certaines sections ou colonnes, spécifiquement pour mobile, tablette ou bureau. Cette fonctionnalité est assez souvent utilisée parce que vous avez certaines sections que vous devez afficher uniquement sur les périphériques de bureau. Et il y a quelques sections que vous avez conçues spécifiquement pour les appareils mobiles. Ainsi, vous pouvez masquer les sections et vous pouvez afficher les sections. Il est très utile à utiliser. Ce sont donc les paramètres importants d'une section. Et si vous êtes capable de comprendre le concept encore ici, vous serez en mesure d'ajuster les paramètres pour tous, la plupart d'Aliyah qui rejette lors de la conception de la page Web. Maintenant, laissez-nous aussi comprendre les paramètres de la colonne. Afin d'ouvrir les paramètres d'une colonne, Harvard à partir du coin d'une colonne et cliquez sur cette icône de crayon. Il a également le même style de mise en page et des étapes avancées dans les paramètres de mise en page. Vous pouvez ajuster la largeur de la colonne en termes de pourcentage. Il est très utile lorsque vous avez plusieurs colonnes et que vous voulez attribuer le verdict aux différentes colonnes d'une section. Et le paramètre important est d'ajuster l'espace de visite et il est ancré en pixels. Si vous vous en souvenez, nous avons entré 20 pixels comme espace de l'assistant par défaut. Aussi, je voudrais attirer votre attention ici car la boîte de valeur est MD et cela ne signifie pas qu'il est 0, signifie que c'est la valeur par défaut, qui est de 20 pixels. Si vous voulez le faire 0, vous pouvez simplement entrer 0 dans la zone OT sinon, si vous souhaitez affecter une valeur d'espacement spécifique, vous pouvez entrer cela. Allez-y et faites quelques expériences qui vous aideront à devenir un bon apprenant. L' onglet Style et l'onglet Avancé ont des options similaires, tout comme une section. N' hésitez pas à les explorer aussi. C' est ainsi que vous pouvez gérer la section et les colonnes sur une page Web. Et vivante commence à apprendre l'application des widgets Elementor à partir de la vidéo suivante. On se voit là-bas. 34. Application des Widgets de base: Comme je vous l'avais dit que nous allons développer la page Web sans aucun codage, utilisant simplement la technique de glisser-déposer. Et nous sommes arrivés au stade où nous allons l'apprendre. Maintenant, dans cette toile vierge, après avoir inséré une section et une colonne, nous devons faire glisser les widgets dans la colonne et utiliser les différents types de widgets, concevoir la page Web. C' est un moyen très simple, mais efficace de développer des pages web modernes sans avoir besoin de codage de votre côté car Elementor génère des couches pour vous dans le backend. Donc, vous venez de faire usage des widgets d'étiquette pour vous et commencer à construire la page Web. Maintenant, discutons des différentes visites ont travaillé pour nous dans l'élément libre ou un par un, les widgets disponibles et Elementor libre sont catégorisés en base, ancienne. Et si vous avez l'abonnement d'Elementor Pro, alors vous obtiendrez les déserts de la sonde et les visites de site également. Commençons à apprendre l'application des widgets de base dans cette leçon. La méthode pour insérer un widget est très simple. Il suffit de cliquer sur le budget, maintenir la touche de la souris, faire glisser, de glisser et de déposer. À l'intérieur de la colonne, vous verrez un drapeau bleu forme rectangulaire qui met en évidence la position où le widget est inséré. Après avoir placé la visite, vous pouvez cliquer sur l'icône du crayon et les options d'édition s'ouvriront dans le panneau de gauche. La première visite et la liste sont dans leur section. Il est utilisé pour créer des colonnes imbriquées dans une section. Donc, ce widget est en fait un nouvel ensemble de section avec des colonnes et vous pouvez l'utiliser pour créer des mises en page complexes comme celle-ci. Jetons un coup d'oeil aux options de paramètres vidéo de l'étiquette pour le widget de section interne. Maintenant, il y a une section et il y a des colonnes. Donc, vous allez modifier les paramètres pour la section comme celle-ci et pour une colonne comme celle-ci Comme tout de même que les options d'édition de section et de colonne que nous avons discuté dans la vidéo précédente. Les trois mêmes onglets principaux, mise en page, style et avancé et les options d'édition sont également les mêmes. Donc, nous n'avons pas besoin d'en discuter à nouveau ici. Mais faites toujours un usage intelligent de l'intersection partout où cela est nécessaire. Je veux dire que si vous voulez insérer une nouvelle colonne, vous pouvez simplement l'insérer en utilisant l'option Ajouter une colonne. Donc, ne pas utiliser dans leurs sections inutilement car ils ajoutent aux codes de balisage que nous pouvons facilement éviter. Utilisez des intersections uniquement pour créer des mises en page imbriquées complexes. D' accord. La prochaine visite du travail et de l'élémentor libre est le titre. Il vous permet de créer des titres de titre élégants. Utilisez ce widget pour ajouter des titres. Demandez quel est le design et le style que vous avez créés dans l'outil de conception. Faites simplement glisser le widget vers la section, balisez le contenu. J' ai juste un réglage de style et ajuster la position à la conception de maître. C' est très facile. Si nous voyons les paramètres pour ce lézard, encore une fois, il a les mêmes trois onglets principaux, Style de contenu et avancé. Dans l'onglet contenu, vous devrez taper le titre. Vous pouvez également taper le contenu directement en cliquant sur la zone Titre de la page Web. Mais personnellement, je recommande de taper le contenu de l'en-tête dans cette zone de titre sous cet onglet Contenu dans le panneau d'édition, vous trouverez l'option appelée comme balises dynamiques ici dans le titre. Et vous ne pouvez l'utiliser que si vous disposez de l'abonnement Elementor Pro. Mais puisque c'est très important. Laissez-moi vous montrer un exemple comment l'utiliser. Les balises dynamiques sont utilisées pour récupérer du contenu directement à partir du site Web ou de la page ou de la publication en cours. Et le meilleur est qu'il change automatiquement au fur et à mesure que le contenu de base est modifié. Par exemple, si vous entrez le titre de la page ou de la publication en tant que balise dynamique dans l'en-tête, il sera rapide automatiquement à partir du titre de la page ou de la publication. Et au cas où vous apporterez des modifications au titre de la page qui sera mis à jour ici automatiquement. Voyons un autre exemple. Si vous avez entré la date et l'heure actuelles comme balise dynamique. La date et l'heure, nous continuerons à mettre à jour automatiquement ici. C' est une chose très merveilleuse. C' est le principal avantage de l'utilisation de la taxe dynamique, et vous avez quelques paramètres supplémentaires pour les balises dynamiques. Cliquez sur l'icône de la clé. Vous pouvez modifier les paramètres et affecter le texte avant et après sous l'option avancée. Vous avez également la possibilité d'attribuer du contenu de secours ici. L' option de secours est utilisée pour afficher le texte par défaut dans le cas où la balise dynamique n'est pas déclenchée pour certaines raisons, ou si le titre est vide. Et les options d'action dans les balises dynamiques varient selon les paramètres, ce qui signifie que vous pouvez trouver plus d'options dans leurs balises dynamiques pour une autre option de budget ou autre option de réglage comme afficher une fenêtre contextuelle sur le clic d'un lien. N' oubliez pas que vous aurez accès à cette option fiscale dynamique uniquement lorsque vous vous abonnez à Elementor Pro. Maintenant, sous le titre, vous pouvez insérer un lien, ce qui signifie que si un utilisateur clique sur l'en-tête, il sera redirigé vers l'URL. Vous mentionnerez ici, ce lien pourrait être un lien interne menant à une page web de votre site Web ou à un lien externe. En outre, il y a une petite icône d'engrenage pour ouvrir les options de lien. Il contient des options pour ouvrir le lien dans un nouvel onglet et ajouter l'attribut nofollow du point de vue SEO, vous pouvez laisser les attributs client ici tels qu'ils sont. Vous pouvez laisser l'option de taille ici, attribuer la balise HTML selon le plan de référencement et ajuster l'alignement. Ce sont les paramètres de base et compris par défaut. Fais juste attention à une chose de plus ici. Vous trouverez cette petite icône de périphérique informatique près de quelques options, et il représente vD. Cela signifie que les paramètres d'alignement que nous faisons ici sont pour les ordinateurs. Si vous souhaitez modifier l'alignement des autres périphériques. Il suffit de cliquer sur l'icône de l'écran et la liste ouvrira le commutateur hors de l'appareil mobile et de la tablette. Vous pouvez donc modifier les paramètres d'alignement pour les différents types d'appareils. Il est fortement recommandé d'optimiser la conception de votre site Web, de se sentir bien sur les trois types d'appareils. Et vous pouvez définir les paramètres d'optimisation au niveau de la section ou au niveau de la page Web. Laissez-moi vous dire une chose très vite. Supposons que vous concevez une page Web et dès que votre seule section a complètement conçu, vous pouvez l'optimiser pour mobile et tablette en changeant la vue à partir de la barre inférieure ici. Cela sera appelé comme optimisation au niveau de la section. D' autre part, vous pouvez concevoir la page Web complète, puis changer la vue sur mobile, puis sur tablette pour faire les paramètres d'optimisation. Cela s'appellera l'optimisation du niveau de pH. Les deux techniques sont également bonnes et vous pouvez faire un choix selon votre convenance. Mais s'il vous plaît garder à l'esprit que vous devez rendre votre site Web complètement optimisé pour les trois types d'appareils. Ensuite, voyons l'onglet de style. La première option consiste à sélectionner la couleur de l'élevage. Vous pouvez facilement le choisir dans la palette globale que nous avons sect. Si vous souhaitez sélectionner une autre couleur, vous pouvez utiliser le sélecteur de couleurs. Ensuite, nous avons les paramètres topographiques et nous savons comment apporter des modifications à la topographie. Vous pouvez facilement sélectionner en utilisant les téléphones globaux pour gagner du temps. Ensuite, vous pouvez ajuster les ombres apparaissant pour votre titre et jouer avec les différents modes de fusion. Ensuite est l'onglet Paramètres avancés. Et il a presque le même ensemble d'options, mais pour le widget de titre, comme vous pouvez ajuster la marge et le remplissage, en affectant les effets de défilement, efforts de souris le rendent collant ou ajouter l'animation d'entrée. Vous pouvez ajuster l'arrière-plan du titre et la bordure du mal de tête. Mais il y a un paramètre supplémentaire ici, c' est-à-dire le réglage de la position. abord, vous allez ajuster la largeur des tourbières de titre en choisissant entre défaut, filbert en ligne, Ang, personnalisé tardif. Ici, la valeur par défaut est généralement la pleine largeur. Et cela signifie que lorsque vous insérez le widget de titre, il couvrira toute la largeur des colonnes de gauche à droite. Et si vous sélectionnez l'option de verdict intérieur, l'assistant de titre aura en lecture seule peut le contenu est disponible et il y aura un espace vide pour ajouter un autre widget sur la droite. Oui. Vous devrez également assigner le vert intérieur à l'autre rigide. Alors seulement il sera heureux ici sur l'espace vide de la colonne. C' est dans la voie. Ou plus précisément, en utilisant le travail personnalisé en pourcentage, vous serez en mesure de créer facilement des mises en page imbriquées et complexes dans Elementor. Vous pouvez faire un très bon usage de la désorption, en particulier sur les téléphones mobiles. Ensuite, vous avez l'option de position ici, et il inclut par défaut, absolu, fixe. Si je choisis absolu, je peux placer les éléments librement sur la page, mais je voulais préciser que vous ne devez utiliser cette option que dans rares cas conçus où il n'est pas possible d'implémenter le design sans cela. Parce que cette méthode n'est pas considérée comme bonne pour le site responsive. Et vous devrez peut-être trouver beaucoup d' ajustements pour les appareils qui consommeront beaucoup de temps. La position fixe est utilisée pour fixer l'élément à une position spécifique de la page. Et peu importe combien un visiteur défile, cet élément restera ici seulement. Veuillez utiliser ces deux options très soigneusement et très intelligemment. reste des paramètres comme la réactivité sont les mêmes. Et vous pouvez masquer ce widget ou différents appareils. Et vous pouvez laisser les attributs, certaines options CSS. Il est temps de sauvegarder le mot guide, mettre à jour le site, s'il vous plaît, mis à jour au moins toutes les cinq minutes. Apprenons maintenant l'utilisation des autres widgets. La suivante consiste à insérer l'image. Cliquez dessus, maintenez-le, faites-le glisser et déposez-le à l'intérieur de la colonne. Ici, vous pouvez ajouter une image en survolant le porte-emplacement. Cliquez sur Choisir l'image. Vous pouvez télécharger une image à partir d'un calcul ou insérer une image qui est déjà chargée dans la médiathèque. Entrez le texte alt de l'image du point de vue SEO et cliquez sur Insérer un média. Vow, l'image est maintenant insérée sur la page Web à l'aide de ce widget d'image. Très facile. Maintenant, modifions les paramètres. Cliquez sur l'image ou cliquez sur l'icône du crayon pour ouvrir le panneau Paramètres à gauche. Discutons des options d'édition et la mandibule gauche semblait trois onglets, Contenu, style et image avancée que nous avons déjà téléchargé. Vous pouvez utiliser les balises dynamiques pour insérer automatiquement l'image, logo ou l'animation automatique. Ensuite, vous pouvez ajuster la taille de l'image et l'alignement. En outre, vous pouvez ajouter des légendes, c'est-à-dire la ligne de texte à afficher sous cette image. Les légendes peuvent être ajoutées soit à l'image dans le média, soit à l'aide de l'option de légende personnalisée ici. Si vous sélectionnez le fichier multimédia ici, vous obtiendrez une option pour l'ouvrir dans le mode Lightbox comme celui-ci, ou bien vous pouvez sous une URL pour rediriger le visiteur vers le lien que vous avez mentionné, et soit dans le même onglet ou une nouvelle fenêtre. En ajustant les paramètres du lien. Sous l'onglet Style, vous pouvez ajuster la largeur et la hauteur de l'image. En outre, vous pouvez ajuster l'opacité et certains paramètres de filtre CSS, fois en mode normal et dans l'ensemble de la vue d'ensemble. Il peut être utilisé pour créer de beaux effets comme ceux-ci. Ci-dessous se trouve le paramètre de bordure pour gérer la bordure autour de l'image et les paramètres d'ombre de boîte très cool. Vous pouvez également ajuster les paramètres d'alignement, de typographie des couleurs et d'espacement du texte de légende. Le dernier onglet est Paramètres avancés, et il contient le même ensemble de paramètres. Mais pour le widget d'image, nous n'avons pas besoin d'en discuter encore et encore. L' assistant suivant est l'éditeur de texte. Il est utilisé pour insérer des paragraphes dans la page Web. Encore une fois, les mêmes trois onglets ici, Contenu, style et avancé. Dans l'onglet Contenu, ajoutez le texte que vous souhaitez taper. Vous pouvez l'ajouter en cliquant ici aussi. Laissez-moi vous dire que c'est un éditeur puissant et vous obtiendrez tant d'options de formatage. Vous pouvez ajouter un média au paragraphe à partir d'ici et ajuster cette position d'encapsulage comme ceci. Vous pouvez ajuster la mise en forme du texte, exemple en gras, en italique ou en soulignement. En outre, vous pouvez insérer des puces, une liste numérotée, insérer le lien dans le texte, et même en faire un éditeur plein écran. Vous pouvez basculer pour plus d'options en cliquant sur ce bouton. Ici, vous obtiendrez des options pour faire le texte biffé, insérer une ligne horizontale, changer la couleur des mots ou des phrases spécifiques à mettre en surbrillance. Utilisez blockquote. Je peux organiser l'alignement, utiliser des caractères spéciaux et augmenter ou diminuer le retrait. Vous pouvez attribuer un espace perdu, le premier alphabet du paragraphe et diviser le contenu en colonnes. Je dois voir que c'est un éditeur assez décent pour insérer des paragraphes sur la page web. Maintenant, sous l'onglet Style, vous avez le même ensemble de textes, les paramètres de style. Et l'onglet Avancé a également le même ensemble de paramètres pour ce widget d'éditeur de texte. Maintenant, le widget suivant que nous avons est le widget vidéo, et il est utilisé pour intégrer des vidéos. Faites la page Web. Laissez-nous voir les paramètres sous le contenu que vous trouverez les paramètres pour la radio et l'image maladroitement. Voyons d'abord les paramètres vidéo. Commencez cette sélection de la source. Vous pouvez utiliser une vidéo hébergée sur YouTube, Vimeo, un mouvement quotidien, ou téléchargée dans vos médias comme tous les jours, ou en fait, quel que soit l'endroit où vous avez coté. Si vous souhaitez démarrer cette vidéo à partir d'un élément spécifique, ajustez l'heure de début, l'heure de fin. Ensuite, il y a quelques autres options vidéo. Vous pouvez ajuster les paramètres de lecture automatique, couper la vidéo, boucle, la lecture pour afficher ou masquer les contrôles du lecteur. Si vous créez un lien vers une vidéo YouTube, vous pouvez ajuster les paramètres de marque modestes. Et si vous utilisez une vidéo Vimeo, vous pourrez également ajuster la couleur du lecteur. Vous pouvez même ajuster les vidéos de statistiques pour afficher les vidéos de la chaîne actuelle ou n'importe quelle vidéo aléatoire. Le paramètre suivant est lié à la superposition d'image. Cela vous aidera à personnaliser la vignette de la vidéo. Vous pouvez télécharger une image à partir de l'appareil et ajuster la taille de l'image si vous souhaitez afficher le bouton Lecture que vous pouvez faire. Donc, si vous souhaitez faire la lecture de la vidéo en mode Lightbox en apparaissant, vous pouvez également le sélectionner. Ensuite, sous l'onglet Style, vous pouvez ajuster le rapport d'aspect au choix souhaité, ainsi que quelques filtres CSS pour ajuster les looks. Et puis vous pouvez personnaliser l'icône de jeu avec la couleur et la taille. Les paramètres avancés sont les mêmes pour le verdict vidéo. Très bien, le widget suivant est un bouton. Il est utilisé pour ajouter des boutons cliquables à la page Web. S' il vous plaît porter une attention particulière aux paramètres du widget bouton car un bouton est la superstar du site Web. Via c'est une superstar parce qu'une instance de bouton C, D, E, appel à l'action. Bon, voyons les paramètres du bouton Vijay. L' onglet Contenu comporte des paramètres liés au bouton. Le premier est le type de bouton et le réglage des couleurs par défaut du registre en fonction du type de beurre, insignifiant. Ensuite, vous pouvez insérer le texte du bouton fourni, mais le lien, et c'est le but le plus important d'avoir un bouton sur le site. Les visiteurs doivent être redirigés vers une URL en cliquant sur le bouton, ou une fenêtre contextuelle doit apparaître plus loin pour terminer l'action ou pour télécharger un fichier comme un PDF. La redirection est facile en entrant simplement l'URL et en ajustant les paramètres. ouverture d'une fenêtre contextuelle est possible en utilisant ces balises dynamiques et pourrait télécharger un fichier. Vous pouvez télécharger des terres dans la médiathèque comme un PDF, copier le lien et le coller ici dans l'URL. Sur ce clic, le fichier s'ouvrira dans un nouvel onglet, et à partir de là, le visiteur pourra le télécharger. Si vous souhaitez télécharger le fichier directement sans l'ouvrir dans un nouvel onglet, vous devrez attribuer un attribut personnalisé comme le signe de tuyau de téléchargement. Enfin, cela va télécharger le fichier sans ouvrir dans la nouvelle dapp, puis ajuster l'alignement. Vous pouvez sauter l'année des puissances pour le carbone. Je peux faire le bouton. Vous pouvez sélectionner une icône soit à partir de l'eigentlich, très étrange, vous pouvez insérer une icône personnalisée en téléchargeant le design au format SVG. Nous avons discuté des avantages de l'utilisation d'un SVG au lieu d' un PNG ou d'un JPEG pour les icônes car les fichiers SVG ne sont pas flous du tout. Donc, vous pouvez soit utiliser un certain pré-conçu de libéral dans le Diddy propre ou bien télécharger celui que vous avez conçu en utilisant l'option Upload ici, ajuster l'espacement des icônes et vous pouvez fournir un ID de bouton pour suivre les clics dans Google Analytics ou le pixel Facebook, c' est-à-dire la partie Advanced Analytics. Ensuite, nous avons les paramètres de style pour le widget bouton. Vous pouvez commencer par ajuster la topographie, puis vous aurez la possibilité ajuster les couleurs à la fois pour la vue normale et la vue stationnaire. Les couleurs d'un bouton sont très importantes et fournissent la couleur d'accent pour le mettre en évidence du reste du contenu. En outre, vous pouvez choisir parmi une variété d'animations Harvard pour le bouton et également ajuster les paramètres de bordure. Ensuite, vous devez ajuster l'espace à l'intérieur du bouton. Et pour cela, nous avons les paramètres de rembourrage ici. Faites attention. C' est important. Utilisez-le pour rendre le bouton plus grand, plus petit, dollar ou violé. Et l'onglet Paramètres avancés de l'assistant de bouton a également le même jeu de lettres de paramètres. Ignorez. Gardez à l'esprit que le bouton est la diversité et v savoir combien il est important, faire un très bon usage de cette visite. La prochaine visite est divisée. Il est utilisé pour ajouter une ligne horizontale et différencie pour diviser le contenu. Et que l'onglet Contenu que vous pouvez sélectionner parmi les différents styles. Après divisé, ajuster la largeur et le pourcentage ou les pixels, ajuster l'alignement du séparateur et ajouter un élément sous la forme de EXT ou icône ou une icône personnalisée en téléchargeant SVG et placez-le avant le divisé ou après ou entre-deux. Sous l'onglet Style, vous pouvez effectuer des ajustements pour la couleur et la taille, souvent divisés ainsi que l'écart. L' onglet Avancé possède à nouveau le même ensemble de paramètres pour cette visite divisée. Suivant est le widget d'espacement. Il crée un bloc d'espace n'importe où sur la page Web, vous pouvez remplir ce bloc d'espace avec une couleur ou une image. Mais ce n'est pas la seule utilisation d'un widget d'espacement. Vous pouvez utiliser ce widget pour créer des formes personnalisées et l'utiliser sur le site Web. Lorsque je partage un lien de la vidéo ci-dessous pour vous aider à apprendre à faire formes personnalisées en utilisant cet espace et rejeter tous les paramètres aimés ainsi de suite. Il n'a que deux onglets. Vous pouvez créer une boîte vide avec l'entretoise et ajuster la hauteur. Les paramètres avancés sont les mêmes. Vous pouvez ensuite ajuster la marge en ajoutant la couleur de bordure d'arrière-plan, positionnement et les mêmes paramètres. Alors appliquez votre créativité tout en utilisant l'espace de budget et ne regardez la vidéo en cliquant sur le lien ci-dessous. Le widget suivant consiste à ajouter Google Maps à l'autre page. C' est un moyen facile d'intégrer Google Maps dans votre site Web. Ceci est très utile pour les pages de conduite afin que vos visiteurs puissent savoir où vous vous trouvez sur la carte. Il suffit de le lier à l'emplacement que vous souhaitez afficher sur la carte et de régler le zoom sur la zone. Vous pouvez également ajuster la hauteur de la carte. L' onglet de style a quelques mentors CSS, tandis que l'onglet Avancé a les mêmes paramètres. L' assistant suivant consiste à insérer un iBeacon. Gardez à l'esprit que les icônes jouent un rôle très important dans le maintien de l'équilibre de la conception du site Web. Alors faites un bon usage des icônes sur le site. Il vous suffit de sélectionner un élément dans la responsabilité de l'icône ou de télécharger l'icône personnalisée au format SVG. Comme je vous l'avais dit plus tôt, que nous préférons les icônes en SVG et non PNG ou JPEG. Vous pouvez ajuster la vue pour la valeur par défaut, empilée et encadrée. En outre, vous pouvez fournir un lien comme nous avons discuté précédemment pour le bouton et ajuster l'alignement sous le style. Vous pouvez ajuster la couleur pour la vue normale et la vue survolée. Vous pouvez également effectuer des ajustements pour la taille et la rotation. L' onglet Avancé a à nouveau le même ensemble de paramètres pour la vision de l'icône. Donc, ce sont tous les widgets de base fournis dans le générateur de page Elementor. Et vous pouvez les utiliser pour développer les sections, colonnes et l'ensemble de la conception de la page Web. Il est très facile à utiliser, simple glisser-déposer et pourtant très puissant moyen de construire des sites Web modernes. Je suis sûr que vous serez en mesure de les utiliser tous dans le développement de la page Web selon le design que vous avez créé dans leur outil de conception. Je sais qu'il faudra beaucoup de pratique pour connaître tous les vignobles et les options de mise en scène. Mais une fois que vous maîtrisez, personne ne peut vous empêcher de construire un site web, un site web parfait en pixels, rapidement et facilement sans aucun codage. En savoir plus sur les budgets généraux et approuver les budgets dans les prochaines vidéos. Restez à l'écoute. 35. Application des Widgets généraux: Nous utilisons les budgets Elementor pour développer les pages Web conformément à la conception que nous avons créée dans l'outil de conception. C' est un processus facile et puissant à développer sans aucun codage. Maintenant, apprenons l'utilisation, souvent widgets chaque étiquette dans la catégorie générale. Ces budgets ne sont en fait qu'une extension des widgets de base. Combiner les différents widgets dans un budget commun pour accélérer le processus de développement de la page Web. Et en plus de cela, il y a aussi des budgets plus créatifs dans cette section, apprenons-les un par un. La première visite de l'étiquette ici est la boîte d'image. Il est utilisé pour ajouter une zone d'image qui combine une image avec un titre et un texte, ce qui est souvent utilisé dans la section fonctionnalité du site Web. Simplement choisi émergent dans le titre et la description et vous obtenez le même ensemble de paramètres comme un titre d'image et une description que nous avons appris dans la dernière vidéo. Similaire à la zone d'image, nous avons le widget suivant appelé comme la zone d'icône. Il est également couramment utilisé pour créer la section des fonctionnalités. Il a tous les mêmes paramètres. Juste vous pouvez utiliser une icône au lieu d'une image de la bibliothèque d'icônes ou téléchargeant SVG personnalisé et ajuster en utilisant le même ensemble de paramètres. Je ne répète pas ces paramètres communs encore et encore. J' espère que vous êtes clair comment utiliser les paramètres pour les widgets. La prochaine visite consiste à ajouter l'évaluation des étoiles. Maintenant, en utilisant ce widget, vous pouvez attribuer des notes d'étoiles sur la page Web. Il peut être utilisé avec les témoignages et les critiques. Vous pouvez personnaliser l'icône en forme d'étoile et une étiquette pour la taille, la couleur et la topographie. L' onglet de contenu comporte des paramètres liés aux étoiles. La première option consiste à sélectionner l'échelle de notation comprise entre 0 et 5 ou 0 à 10. Dans l'option suivante, vous pouvez attribuer une valeur en fonction de l'échelle. Dans l'option suivante, vous pouvez sélectionner les deux versions de l'icône étoile. L' un est via font-awesome et l'autre d'Unicode. Choisissez celui que vous aimez. Ensuite, vous pouvez sélectionner le style non marqué du solide au contour. Vous pouvez même ajouter un titre avant le classement en étoile comme celui-ci et ajuster l'alignement en sélectionnant à gauche, au centre, à droite ou justifié. Sous l'onglet Style, vous pouvez ajuster la topographie et les paramètres de couleur du titre et du début. N' hésitez pas à explorer les paramètres restants. Il contient presque le même ensemble de paramètres. Assistant suivant consiste à ajouter une image, obtenir acyl. Il aide à créer des galeries d'images coulissantes vers la page sous l'onglet de contenu. Le premier paramètre est lié au carrousel d'image. Vous pouvez sélectionner plusieurs images en cliquant sur l'icône plus. Vous pouvez ajuster la taille de l'image. Et l'option suivante est importante. Vous pouvez sélectionner le nombre d'images à afficher à la fois et le nombre d'images à faire défiler. Par exemple, si vous avez sélectionné trois images à afficher et une image à diapositive, cela ressemblera à ceci. Et n'oubliez pas, vous devez également optimiser les paramètres de l'appareil mobile et de la tablette. Ensuite, c'est une option pour étirer l'image au cas où les dimensions de l'image ne sont pas en ordre. Ensuite, pour afficher la navigation, vous pouvez sélectionner les flèches et les points. Seules les flèches ne sont que des points. Si vous souhaitez afficher les images en mode Lightbox, vous pouvez sélectionner le fichier multimédia et les liens, puis appuyer sur Oui sur l'option Lightbox. Ou bien vous pouvez attribuer un lien hypertexte 2D images et ajuster les paramètres de légende. Dans les paramètres supplémentaires, vous pouvez contrôler la fonction de lecture automatique, boson survol, boson, cliquez sur l'interaction, la vitesse de lecture automatique, les paramètres de boucle, vitesse d'animation et la direction de gauche à droite ou de droite à gauche. Les paramètres de style contiennent les options permettant de modifier les couleurs et la position pour la navigation, l'émerge et la légende. Dans les paramètres de navigation, vous pouvez ajuster la position, taille et la couleur des flèches et des points. Les paramètres d'émission contiennent les options d'alignement, d' espacement, de type de bordure et de rayon de bordure. Ensuite, il y a des paramètres standard pour la légende, comme tous les autres widgets de texte. Les paramètres avancés contiennent l'ensemble d'options similaire pour le widget colossal. C' est ça. widget suivant est la galerie d'images de base. Il est utilisé pour ajouter des galeries d'images à la page, mais pas le glissement lorsqu'il est entendu. Options de paramétrage. Presque la même chose. N' hésitez pas à l'explorer. Le widget suivant consiste à ajouter une liste d'icônes. Il est utilisé pour créer une liste facile à gérer d' éléments avec chaque élément mis en évidence par sa propre icône. Commençons par les paramètres sous l'onglet contenu. La première option consiste à sélectionner la mise en page. Il y a deux options et il est par défaut et éclairé. Ensuite, vous pouvez taper ces différents éléments dans la liste. Un élément contient le texte et je peux, avec une option de lien, vous pouvez créer une copie de l'élément ou supprimé en cliquant dessus. Sous l'onglet Style, il existe le même ensemble de paramètres pour ajuster la liste. Je peux terminer le texte et il y a aussi une option pour ajouter un séparateur entre les deux. L' onglet Avancé est également le même pour la liste d'icônes du widget. La prochaine visite est comptée. Si c'est cool, il est utilisé pour ajouter n'importe quel compteur numéroté à la page Web. Sous l'onglet Contenu, il y a des options pour ajuster le compteur. Vous pouvez mentionner le numéro de départ, le numéro de fin, préfixe et le suffixe pour personnaliser les valeurs du compteur. Ensuite, vous pouvez ajuster la durée de l'animation qui va changer la vitesse de comptage et également afficher ou masquer le séparateur de milliers est séparé, pourrait être un point ou un espace. Vous pouvez également attribuer un titre, bien qu'il apparaisse en bas du compteur comme une légende. Sous l'onglet Style, vous serez en mesure d'ajuster les couleurs et la typographie pour le numéro et le titre. Les paramètres avancés sont les mêmes. La vidéo suivante est la barre de progression. Il est utilisé pour ajouter des barres de progression de matrice entièrement stylisées à la page Web. Il contient les paramètres de la barre de progression. abord, vous pouvez mentionner le titre de la BOD de progression et affecter un pourcentage à remplir. Il est facultatif d'afficher la valeur de pourcentage et le texte interne, qui est également appelé comme texte de détenteur de lieu. Sous l'onglet Style, vous pouvez effectuer des ajustements pour le goulet de la barre de progression, la hauteur et le rayon. La typographie et les couleurs du texte intérieur ainsi que le titre, pourraient également être modifiés. Les paramètres avancés sont les mêmes. Le widget suivant consiste à ajouter des sections de témoignage. Il rend votre tâche facile en combinant le contenu et émerge mise en page imbriquée dans un seul widget. Cela est pratique pour gagner du temps dans les ajustements de disposition des colonnes. Le premier paramètre sous l'onglet Contenu est pour les témoignages. Vous pouvez écrire le contenu du témoignage et télécharger une image de votre client avec le nom, la désignation et l'option Lien. La position de l'image comporte deux options de côté, en haut, ainsi que les paramètres d'alignement. Sous l'onglet Style, les couleurs et la topographie peuvent être gérées pour le contenu, le nom et la désignation, ainsi que les paramètres standard pour l'image. Les paramètres avancés sont la scène. La vidéo suivante consiste à insérer des onglets. Il aide à diviser le contenu en onglets, horizontalement ou verticalement. Sous l'onglet Contenu, nous avons des paramètres pour les onglets. Vous pouvez créer une liste d'onglets que l'option pour copier et supprimer un onglet. Ici, vous pouvez sélectionner le type d'onglet entre horizontal et vertical. Sous l'onglet Style, vous avez des paramètres pour ajuster la largeur de la zone de menu, ayant ce titre et la largeur de bordure, la couleur de bordure et la couleur d'arrière-plan. Ensuite, vous pouvez ajuster les paramètres de topographie pour le titre et le contenu. Il y a une option pour ajuster l'onglet actif ici, cela signifie que vous pouvez affecter des paramètres spécifiques à l'onglet actif auquel un utilisateur accède. Garantie. Les paramètres avancés sont les mêmes. Les deux prochains budgets sont presque communs avec le même objectif, mais avec une légère différence dans leur fonctionnement. Il s'agit d'accordéon et de bascule. Le widget accordéon est utilisé pour afficher le texte de manière réduite et condensée et aide à économiser de l'espace. Avec l'accordéon. Les visiteurs peuvent numériser les titres de l'élément et choisir de développer un élément uniquement s'il est hors de leurs centres d'intérêt. Comme nous le voyons dans une section FAQ. Si nous voyons les paramètres d'un accordéon, il contient la liste des éléments avec titre et description. Il contient également des icônes. Vous pouvez également rendre l'icône active différente ici. Vous pouvez également attribuer les balises HTML au titre du point de vue SEO. L' onglet Style contient les paramètres d'une bordure gardienne, des chevilles, la topographie et des paramètres de couleur pour le titre, la description et l'Eigen. Les paramètres avancés sont les mêmes. Maintenant, quand nous insérons également ce widget bascule, il sert le même but mais avec un peu de différence. Vetted qui bascule widget, un visiteur peut voir autant d'éléments que vous le souhaitez et tous peuvent être étendus en même temps. Cependant, avec le widget accordéon, un seul élément peut être étendu à la fois. Au fur et à mesure que vous développez un autre enregistrement, je terme l'élément précédemment ouvert s'effondre automatiquement. C' est donc la seule différence entre l'accordéon et le rejet à bascule. Les paramètres du budget à bascule sont les mêmes que l'accordéon. L' assistant suivant consiste à insérer les icônes sociales. Il aide à ajouter des liens d'icônes à vos profils de médias sociaux. Sous l'onglet Contenu, vous pouvez apporter des modifications à la liste des icônes sociales. Vous pouvez ajuster l'icône et le lien avec des options pour modifier les couleurs. Vous pouvez choisir parmi une gamme de formes telles qu'un arrondi, un carré et un cercle. Si vous souhaitez l'empiler en lignes, vous pouvez choisir le nombre de colonnes et choisir l'alignement. Sous l'onglet Style, vous pouvez modifier la couleur. Il y a deux options à choisir, la couleur officielle et la couleur personnalisée. Eh bien, les deux sont fréquemment utilisés dans la conception de sites Web et vous pouvez choisir selon votre schéma de conception. Lorsque vous sélectionnez la couleur personnalisée, vous pouvez ajuster la couleur primaire et la couleur secondaire. Ensuite, vous pouvez gérer la taille des icônes sociales en ajoutant l'espacement et l'écart de lignes, vous pouvez également insérer une bordure. Vous pouvez également attribuer un effet d'émission. Faites le pointeur de la souris sur les icônes sociales. C' est cool. Les paramètres avancés sont tous les mêmes pour le widget d'icônes sociales. L' assistant suivant consiste à ajouter une boîte d'alerte. Allez, tout le monde soyez vigilant. Il vous permet d'afficher une boîte d'alerte colorée pour attirer l'attention un message important et il disparaît après que le visiteur a pris une action dessus. Il existe différents types de boîtes, juste avec différentes couleurs de fond, rien de significatif. Vous pouvez ajouter le titre et la description de votre choix ici, le bouton Fermer et masquer l'alerte est également facultatif. Sous l'onglet Style, vous pouvez effectuer des ajustements pour la couleur et la bordure, ainsi que pour le titre et la description. Les paramètres avancés sont également les mêmes. La prochaine vidéo, c'est SoundCloud. Il intègre des clips audio de SoundCloud vers le site Web. Vous pouvez entrer le lien audio, choisir l'affichage du lecteur, activer désactiver l'option de lecture automatique par comme, télécharger, partager les commentaires du bouton, les comptes, nom d'utilisateur, et contrôler les couleurs. Le suivant est un widget de code court. Alors, qu'est-ce qu'un code court ? Est court code fondamentalement est une balise spéciale que nous entrons dans une page sur WordPress qui est remplacé par le contenu assigné lorsque nous visualisons le site Web en direct. Laissez-moi vous donner un exemple. Si vous devez incorporer un formulaire créé en utilisant un plugin tiers comme des formulaires WP, alors vous devez ajouter le code court pour l'intégrer sur la page Web. Est court code est également utilisé pour intégrer des API et des visites comme un widget Twitter sur la page Web. Cela permet de gagner du temps et aide à ajouter du contenu spécialisé. En un simple, nous tapons simplement le code court dans un champ donné et cliquez sur Appliquer. Votre contenu apparaîtrait sur le site Web. Les paramètres avancés sont les mêmes. Le widget suivant consiste à ajouter du code HTML à la page Web. Tout comme l'inséré un code court, vous pouvez ajouter un HTML, CSS, shortcodes, ou JavaScript sur la page Web à l'aide de ce widget. Comme si vous avez le code HTML d'un formulaire, vous pouvez l'insérer ici pour incorporer le formulaire sur la page Web. Les paramètres avancés sont également les mêmes. Ensuite est le widget d'ancrage de menu. Il est utilisé pour créer une page avec navigation de défilement interne. Cela signifie que si un visiteur clique sur certains éléments ici sera automatiquement défilé vers les autres éléments sur la même page. Il est utilisé pour la même navigation de défilement de page. Le processus est simple. Il suffit d'insérer l'assistant d'ancrage de menu en haut de la section où vous voulez faire défiler le visiteur. Donnez-lui un nom. Maintenant, modifiez cet élément cliquable qui redirigera en cliquant dans le champ URL, entrez le même nom, mais en commençant par un hashtag, c'est tout. Le menu et get est créé et les paramètres avancés sont les mêmes que d'habitude. La prochaine visite consiste à insérer une barre latérale. Cela aide à ajouter les barres latérales des équipes que nous aurions pu créer dans la page. Vous pourrez éditer les éléments d'une barre latérale soit en accédant au Theme Customizer, soit à l'élément ou au team-building. En passant, l'ajout de barres latérales à un site Web d'entreprise est très rare de nos jours. Il est simplement couramment utilisé dans les sites de blogs. Enfin, il y a un assistant en mode lecture, mais vous pouvez l'ignorer car ce n'est pas si utile. Vous avez donc appris sur l'application de widgets généraux. Et c'est ce que toute la porte avec le plug-in Elementor gratuit. Ces widgets sont assez puissants et V sont capables de développer la page Web basée sur la conception web très rapidement et facilement sans aucun codage en utilisant tous ces widgets, vous pouvez développer toutes les parties des pages du site très facilement à l'aide de ces visites pour accéder aux fonctionnalités et au widget les plus avancés, vous pouvez planifier d'obtenir l'abonnement Elementor Pro et en apprendre plus sur l'application des widgets de sonde dans la prochaine leçon. On se voit là-bas. 36. Application de de pro Widgets: Lorsque vous vous abonnez à Elementor Pro, vous avez accès aux fonctionnalités premium telles que le team builder, formulaires et l'intégration pop-up bender, l' animation de souris et de défilement, les budgets globaux, balises dynamiques et une trentaine de widgets avancés pour créer des conceptions web interactives rapidement et facilement. Alors, apprenons maintenant sur les widgets de travail dans la version Pro de l'élément de. Tout d'abord, je voudrais vous dire qu'est-ce qu'un budget global ? Un élément ou un budget global est utilisé pour contrôler les paramètres d'un widget spécifique est affiché à plusieurs endroits sur le site Web. Cela signifie que si vous voulez utiliser un widget sur les différentes pages et les éditer tous ensemble avance. Vous pouvez utiliser un rejet global. Par exemple, si vous souhaitez utiliser le même budget de témoignage sur la page des produits de la page d'accueil et nous contacter. Ensuite, donnez vie à enregistrer la section comme un modèle et inséré sur les trois pages. Mais si vous souhaitez apporter des modifications à ce widget de témoignage, vous devrez éditer les trois pages et cela prendra du temps inutile. Ici, vous pouvez utiliser le budget global car vous utilisez les mêmes paramètres pour le widget de témoignage sur toutes les différentes pages. Alors enregistrez ce témoignage comme un budget global et inséré sur les trois pages. Maintenant, si vous souhaitez apporter des modifications, visite adjective sur une page et le reste sera mis à jour automatiquement car ils sont liés. Gardez à l'esprit que si vous supprimez l'assistant global, il sera supprimé de toutes les pages où il a été inséré. Et l'assistant global fonctionne pour widget, pas quatre sections. Quelques avantages, quelques inconvénients. D' accord. Permettez-moi de vous dire le processus, comment le créer. Créez n'importe quel budget global en cliquant avec le bouton droit de la souris et enregistrez comme global, entrez un nom, enregistrez. Il sera ajouté à cette liste des budgets globaux près des éléments. Il a une bordure jaune au lieu de bleu. Maintenant, pour insérer cet assistant global à n'importe quel autre endroit, il suffit de faire glisser et déposer. Mais à partir de cette liste globale de widgets, si vous voulez modifier le widget Global, cliquez sur l'icône de crayon et il montrera que la visite est verrouillée. Vous pouvez cliquer sur modifier et commencer à éditer le projet. Il sera mis à jour automatiquement à tous les endroits. Et si vous souhaitez éditer uniquement la visite sur cette page et pas les autres, vous pouvez cliquer sur dissocier. Il deviendra un budget régulier et maintenant fait les changements seulement à ce widget ici sur cette page. C' est donc le concept de rejet global. Discutons maintenant des Widgets Elementor Pro. Le premier assistant est post. Il est utilisé pour insérer l'archive post dans la section de n'importe quelle page. En fait, vous pouvez afficher l'archive des pages, du portefeuille de produits ou sélectionner manuellement les sections que vous souhaitez afficher d'une manière archivée sur une page Web. Est-il puissant et couramment utilisé pour afficher les archives d'affiches bloquées sur la page d'accueil ? Si nous voyons les paramètres de ce projet , sous l'onglet contenu, vous pouvez modifier les visuels en sélectionnant l'habillage des gardes classiques et du contenu complet. Modifiez le nombre de colonnes et publiez. Mais vous pouvez choisir d'afficher la cote de l'entité et d'activer l'effet de maçonnerie. En passant, la maçonnerie est une disposition de grille qui utilise tout l'espace en réduisant les espaces inutiles entre les images. Vous pouvez modifier la taille de l'image. Bien sûr, déteste le titre et l'extrait. Paramètres des métadonnées, de la modélisation des pistes, du badge et de l'Avatar. Si vous changez la peau, quelques options sont changées, mais elles sont juste communes et faciles à comprendre. Ensuite, dans les paramètres de requête ont des niveaux avancés, options de personnalisation comme le choix de la source de contenu et inclusion ou l'exclusion de certaines catégories de contenu ou auteur. Vous pouvez sélectionner le vantail à afficher pour une période de temps spécifique et également gérer la séquence de commande de la publication. En outre, vous avez les options pour personnaliser les éléments de pagination comme les nombres et les précédents. Ensuite, sous l'onglet Style, vous serez en mesure d'ajuster les visuels, la mise en page, l'espace, alertes et la typographie pour le contenu de l'image, ANC, pagination, et les paramètres avancés sont à nouveau les mêmes. Vous pouvez les utiliser selon vos besoins. Suivant est le widget de portefeuille. Il est utilisé pour afficher les pages de poste et les types de poste personnalisés dans une attrayante penser que la grille capable. Cela fonctionne presque de la même manière que le budget des postes. Juste, vous pouvez ajouter une barre de filtre afin que le visiteur puisse cliquer sur les filtres pour voir la publication pertinente et les mises en page personnalisées d'une manière organisée. Les paramètres sont tous les mêmes avec juste une option supplémentaire pour activer et désactiver l'ancienne barre de filtre sous l'onglet de style, encore une fois, vous obtenez le même ensemble d'options avec Justin, réglage supplémentaire pour le filtre, mais rien de significatif. Et les paramètres avancés sont également les mêmes. Voyons maintenant la vidéo suivante, mais il fait la galerie d'images. Il aide à ajouter les galeries d'images complexes et belles sur la page Web. Il s'agit d'une version avancée du GAL80 de base que nous avons appris auparavant. Vous pouvez ajouter une seule galerie ou plusieurs galeries à l'aide de filtres. Vous pouvez choisir la mise en page à partir de la grille, justifiée et de la maçonnerie. Vous pouvez gérer le nombre de colonnes, espacement, le lien et le rapport d'aspect. Vous pouvez modifier la barre de filtre pour les étiquettes, les pointeurs et les animations. Vous pouvez également personnaliser la superposition d'arrière-plan, le titre et la description. Sous l'onglet de style, vous obtenez des paramètres pour la superposition d'image, contenu et filtré sur, qui sont simples comme nous l'avons appris, combattu les widgets avant, Avancé que les banques sont également les mêmes. La prochaine visite dans Elementor Pro est spéciale et c'est d'ajouter des formulaires. En utilisant cela, vous pouvez configurer un formulaire de contact sur le site Web pour permettre aux visiteurs d'entrer en contact avec vous. En passant, c'est le budget le plus important, en particulier pour les pages de destination. Sous l'onglet Contenu, vous obtenez des paramètres pour les champs de formulaire, l'action du bouton d'envoi après l'envoi, et quelques options supplémentaires donnent pour former un nom et ajouter les champs que vous souhaitez afficher. Le type de champ contient tous les champs standard et couramment utilisés dans le formulaire, comme le texte, l' e-mail, le numéro de téléphone, la zone de texte, les boutons radio, case à cocher, la date, l'heure, la récupération et le mode. Vous pouvez utiliser autant de champs que vous le souhaitez. Assurez-vous simplement que le processus de remplissage du formulaire doit être très lisse et facile pour le visiteur et devrait consommer le moins de temps possible. Vous pouvez afficher ou masquer l'étiquette ou la marque requise en activant ou en désactivant cette option. Ensuite, vous pouvez gérer les paramètres du bouton comme la taille, poids et les étapes d'alignement et le bouton Envoyer. Attribuez maintenant l'action après la soumission du formulaire comme l'envoi d'un e-mail, la redirection de l'utilisateur vers une page de remerciement ou l'ajout de l'utilisateur à la liste d'audience de l'outil de marketing par e-mail. Ici, la première option de courriel est de tromper les déserts de soumission sur votre ID e-mail. Et le courriel aussi est utilisé pour dire un e-mail automatisé sur la soumission réussie du formulaire comme un répondeur automatique utilisant Elementor. Vous pouvez choisir autant d'actions que vous le souhaitez ici. Ensuite, vous pouvez définir les paramètres pour les formulaires en plusieurs étapes. En passant, pour créer un formulaire à plusieurs étapes, sélectionnez les étapes à partir du type de champ de liste, et cela agit comme un diviseur pour le plaisir de l'étape. Vous pouvez ajouter des frais supplémentaires et Dave sera affiché à l'étape 2. Au lieu du bouton soumettre, vous trouverez le bouton suivant à l'étape 1 et le précédent beta1, ainsi que Soumettre et l'étape 2. Les formulaires à plusieurs étapes sont utiles lorsque vous avez plus de champs et que vous voulez diviser le processus de remplissage de formulaire en un plus logique. Enfin, sous les options supplémentaires, vous pouvez modifier les messages personnalisés qui sont affichés après avoir envoyé un formulaire comme le message de réussite. Ou le message d'erreur, le champ acquis message ou le message d'entrée non valide. Sous l'onglet Style, vous pouvez gérer les paramètres pour les frais, le contenu, le bouton ang pour l'espacement, couleur, la biographie et les visuels. Faites attention au style des étapes que vous obtiendrez des options pour styliser l'étape inactive, active et terminée. Laissez l'onglet Options avancées pour que vous puissiez essayer. Le widget suivant est le formulaire de connexion. Il facilite la création d' une page de connexion personnalisée au lieu de la page de connexion WordPress par défaut. Sous l'onglet Contenu, il y a des options pour modifier les champs de formulaire, le bouton et des options supplémentaires pour diriger le visiteur après la connexion, le message de connexion de déconnexion et les options pour modifier l'étiquette et le détenteur du lieu. Les options de style et avancées contiennent les mêmes paramètres communs. Suivant est le widget diapositives. Il aide à créer des diapositives simples qui fonctionnent parfaitement bien. Vous pouvez créer des diapositives de sections avec arrière-plan, titre, description et bouton personnalisés . Il suffit de les faire glisser et de les déposer pour changer de position, dupliquer, supprimer ou ajouter une diapositive. Lorsque vous cliquez sur une seule diapositive, ses options s'ouvrent pour les paramètres d'arrière-plan, de contenu et de style. Vous pouvez créer n nombre de diapositives, ajuster la hauteur, et dans les options de curseur, vous pouvez ajuster la navigation, autoplay, boson hover, planches ou interaction autoplay boucle de vitesse, et sélectionner une merveilleuse transition de diapositive ou fondu. En outre, il existe une option pour attribuer des animations de contenu à partir de directions différentes. Sous l'onglet Style, vous pouvez gérer les visuels, l'espace, la couleur et la topographie des diapositives, du titre, de la description, du bouton et de la navigation. L' onglet Avancé possède le même ensemble de paramètres. Maintenant, la prochaine visite est Nav Menu. Il l'aide à utiliser les menus que vous avez créés dans WordPress et de les concevoir de la manière que vous voulez. Cela signifie que vous pouvez insérer un menu de navigation à n'importe quelle partie de la page Web. Sous l'onglet Contenu, vous pouvez ajuster les paramètres de mise en page tels que le menu horizontal , le menu vertical ou un menu déroulant. En fonction de la mise en page que vous sélectionnez, vous obtiendrez des options pour modifier le pointeur d'alignement, indicateur de sous-menu d' animation, les paramètres Anki pour le menu déroulant mobile. Sous l'onglet Style, vous pouvez ajuster les paramètres du menu déroulant principal et du bouton bascule. Assurez-vous de modifier les paramètres pour le vol stationnaire normal et le mode actif. Les paramètres avancés sont également les mêmes. Le widget suivant est le titre animé. Il est utilisé pour créer des titres attirant l'attention qui tournent ou incluent l'animation mise en surbrillance. Vous pouvez créer des titres passionnants avec des effets accrocheurs. Sous l'onglet Contenu, commencez par sélectionner le style de son nom qui sont deux styles ont étiquetés. Surligné et rotatif. Le texte surligné peut être mis en surbrillance avec une forme comme un cercle ou un soulignement. Que les textes rotatifs pourraient avoir l'animation de frappe ou clip, tourbillonnant et beaucoup d'autres animations. Dans le champ suivant, vous pouvez ajouter du texte avant, du texte en surbrillance ou en rotation, et le texte suivant. Vous pouvez également ajouter des liens, ajuster l'alignement et affecter les balises HTML à ce qui se passe du point de vue SEO. Le coiffage est facile. Sous l'onglet Style, vous pouvez ajuster la forme et les éléments visuels en titre. L' onglet Avancé est également, comme d'habitude. La prochaine visite est la liste des prix. Il est utilisé pour créer des catalogues et des menus entièrement stylisés qui incluent la tarification. En termes de modification des paramètres, il est similaire à la liste des icônes, et je crois que vous pouvez le gérer facilement en explorant le contenu, style et l'onglet Paramètres avancés. La vidéo suivante est la table de base. Il est utilisé pour créer des tableaux de prix élégants et avancés qui affichent les produits ou services. Il est bon et vous pouvez éditer toutes les parties de ce tableau de prix. Sous l'onglet Contenu, vous pouvez modifier l'en-tête du titre, description et de la balise HTML, puis gérer les paramètres de tarification, liste des fonctionnalités, bouton, lien et informations supplémentaires dans le pied de page. Et enfin, activer, désactiver le ruban Quand options pour modifier le titre et la position. Sous l'onglet Style, vous pourrez ajuster l'espacement, les couleurs, typographie et les éléments visuels pour les entités, le pied de page et le ruban faisant face à l'en-tête. Et ils ont avancé, leurs chars sont les mêmes. Le widget suivant est une boîte à rabat. Il est utilisé pour créer des boîtes animées qui retournent de l'autre côté. visiteur monstre passe au-dessus d'eux. Cela signifie que la section a un côté français et un arrière. Et vous pouvez montrer différents contenus à l'avant et à l'arrière. La face avant peut être utilisée pour créer de l'excitation et de l'attraction pour retourner la section et l'arrière a un CTA pour encourager l'action. Si nous voyons les paramètres, l'onglet de contenu a des paramètres pour les options avant, arrière et de réglage. Sous l'option frontale, vous pouvez concevoir le contenu et l'arrière-plan dans l'option couvent, choisir un élément graphique comme une image ou je peux changer le type de vue par défaut, empilé ou encadré, inséré le titre et la description. Et dans l'option d'arrière-plan, vous pouvez changer la diagonale de la section. Ensuite, vous pouvez modifier l'arrière de la section, qui est visible après le retournement. Et il a presque les mêmes paramètres, mais avec le bouton qui peut agir comme un CTA. Dans les paramètres, vous pouvez ajuster la hauteur et le rayon de la section, affectant l'effet de retournement, direction de retournement et un effet 3D. Dans l'option de style, vous pouvez effectuer des ajustements pour l'avant et l'arrière pour le remplissage, l' alignement, la position, le type de bordure et les paramètres liés à l'icône, titre et à la description semblent loin le avec des paramètres supplémentaires pour personnaliser le bouton. Enfin, vous obtiendrez le même ensemble de paramètres dans l'onglet Avancé. suivant est un widget d'appel à l'action. C' est un outil pour créer de belles boîtes qui combinent une image, du texte et un bouton. Le widget Utilisateurs et les émissions et effets CSS pour créer des interactions utilisateur qui apparaissent lorsque l'utilisateur passe la souris sur la zone. Ici, sous l'option Contenu, vous allez ajuster les paramètres de l'image, du contenu et du ruban. Choisissez le type d'habillage et ajustez la position de l'image. Les paramètres de contenu ont presque le même ensemble de paramètres réguliers. Et dans le ruban, vous pouvez afficher un texte incliné en haut à droite, en haut à gauche. Sous l'onglet Style, il y a des paramètres pour la boîte, le bouton Contenu et un effets Harvard bénins. Vous pouvez ajuster la hauteur, l'alignement, la position et le remplissage après section avec des options permettant de modifier la largeur et la hauteur de l'image. Ensuite, il y a des options de réglage régulières pour le contenu et le bouton. Sous l'option ruban, vous pouvez modifier la couleur d'arrière-plan, la couleur x et la distance par rapport au coin, à la topographie et à l'ombre. Et les paramètres avancés sont également les mêmes. Le widget suivant est un kit de médias acyl. Il est utilisé pour créer un curseur de vidéos et d'images. La visite comprend trois skins. Numéro un, soyez génial. C' est l'habillage de carrousel rotatif standard qui montre un nombre personnalisé de diapositives d'image ou de vidéo. Mais peu. Le numéro deux est le diaporama. Il s'agit d'un habillage de curseur qui affiche une diapositive principale et de petites vignettes d'image ci-dessous. Le numéro 3 est le flux couvert. Il s'agit d'un habillage de curseur qui montre une glissière centrale à l'avant et deux lumières de sites à l'arrière. À l'intérieur de chaque découpe, vous pouvez ajouter l'image ou vidéo et l'associer à son fichier multimédia ou à un lien externe. L' excitation du ghetto peut afficher un mélange d'images et de vidéos, d'actes. Vous pouvez modifier la hauteur de l'effet de diapositive et gérer les paramètres des vignettes. Dans les options d'origine, vous pouvez activer, désactiver la navigation du curseur, les options de lecture automatique, ainsi que la taille et l'ajustement de l'image. Sous l'onglet Style, vous pouvez gérer les visuels, l'espacement, la couleur et la typographie des diapositives, navigation et de la zone posée. Les paramètres avancés sont les mêmes pour le média peut également rejeter. Le widget suivant est une cétose de témoignage. Il est utilisé. L' affichage est un carrousel coulissant de témoignages de clients dans une variété de modèles. Il a le même ensemble de paramètres et que le style de contenu et l'onglet Avancé que vous pouvez maintenant facilement explorer. L' assistant suivant consiste à afficher les commentaires. Il affiche un carrousel coulissant des commentaires des utilisateurs, bien que les options d'envoi sont les mêmes pour ce widget a échoué, mais vous obtenez une fonctionnalité très bénéfique ici. Vous pouvez insérer une icône comme une icône de médias sociaux et fournir le lien vers l'avis ou le profil de cette visionneuse. Cela contribue vraiment à renforcer la crédibilité et l'authenticité dans la perception des visiteurs. Très bonne ligne. Suivant est la troisième table du widget de contenu. Il est utilisé pour insérer des en-têtes dans une section et les en-têtes sont rapidement automatiquement à partir du contenu de la page en fonction des niveaux H1 à H6 de hiérarchie. Bien que les processus automatiques, vous avez beaucoup de contrôle sur ce qui est inclus et le conseil est exclu de l'affichage. Vous pouvez inclure les balises d'en-tête à afficher et choisir entre le nombre ou les puces. Sous les options supplémentaires, vous pouvez activer l'habillage de mot pour envelopper le texte lorsque vecteur de colonne ne peut pas accueillir de texte long sur une ligne, activer désactiver la zone réduite pour forcer un clic pour développer la table des matières et activez la désactivation de la vue hiérarchique et de réduire les sous-éléments. Sous l'onglet Style, vous pouvez gérer les mêmes paramètres d'espace visuel, de couleur et de topographie pour l'en-tête de boîte et les paramètres avancés de liste sont également les mêmes. La prochaine visite est un compte à rebours. Il vous permet d'ajouter des comptes à rebours à votre page sans l'utilisation d'un plugin tiers. Personnaliser la minuterie est facile. Choisissez entre la date d'échéance ou le minuteur persistant, bien qu'il n'y ait pas de différence significative entre eux, vous pouvez changer le type d'affichage activer désactiver les jours, heures, minutes et secondes, afficher ou masquer l'étiquette et une étiquette personnalisée. Vous pouvez définir une action après l'expiration du minuteur et choisir entre rediriger un visiteur vers autre page ou Neymar high-tech ou afficher un message personnalisé. Le style et l'onglet Avancé ont le même ensemble de paramètres que vous pouvez facilement gérer. Le widget suivant est les boutons de partage. Il ajoute des boutons de partage à n'importe quelle page ou publication du site Web. Ce budget est très important parce que si les visiteurs partagent cette page avec leurs connexions sur les réseaux sociaux, vous obtiendrez plus de trafic et vous aurez le contrôle total pour personnaliser la conception et le style du bouton de partage. Sous l'onglet Contenu, ajoutez les réseaux et créez une liste. Vous pouvez modifier le type de vue, afficher ou masquer l'étiquette, passer au type d'habillage, à la forme, au nombre de colonnes, à l'alignement. Et URL cible qui indique la page en cours ou une autre page ou publication à partager. Sous l'onglet Style, vous pouvez gérer les visuels et la conception des boutons et les paramètres avancés sont les mêmes ici également. L' assistant suivant est blockquote. Il est utilisé pour incorporer des guillemets de style entièrement. Vous pouvez également les définir comme cliqué pour tweeter aller vers permettre aux utilisateurs de les partager facilement sur Twitter. Commencez par choisir le type d'habillage, entrez le contenu créé, activez ou désactivez le bouton Tweet en un clic, modifiez le type d'affichage et l'habillage du bouton Accueillir, entrez le travail et votre nom d'utilisateur Twitter. Vous pouvez ajuster le style du bouton de contenu et la bordure très facilement et les paramètres avancés et aussi le même. Ensuite, nous avons quelques visites liées à Facebook pour augmenter les sites Web, engagement Facebook afin que vous puissiez obtenir plus de likes, partages et interactions. Le premier est d'ajouter le bouton Facebook sur le site. En utilisant cela, vous pouvez ajouter un Facebook comme Beta1 afin que les visiteurs puissent aimer la page Web ou poster sur la page Facebook directement à partir du site Web. Vous pouvez choisir le type d'action entre « like » et « recommend ». Mise en page, taille, couleur, court, masquer le bouton Partager et les images de profil. Vous pouvez obtenir des likes pour la page actuelle du site Web ou entrer l'URL de la page Facebook dans Guston. Depuis le style suit les alertes Facebook standard. Vous n'avez donc pas l'option de modifier le style. Et l'étape avancée a également le même ensemble de paramètres pour ce widget. Assistant suivant consiste à ajouter des commentaires Facebook. Il est placé à la fin de la publication pour permettre aux lecteurs de commenter facilement en utilisant leur compte Facebook. Vous pouvez choisir le nombre de commentaires à afficher et à commander. Vous pouvez afficher les commentaires pour la publication actuelle ou une autre en ancrant cette URL personnalisée. Le widget suivant est d'intégrer le message Facebook. Il aide à intégrer facilement Facebook poster des vidéos ou des commentaires sur la page du site Web. Vous pouvez choisir d'intégrer une vidéo de vantail ou un commentaire. Vous pouvez facilement obtenir l'URL de Facebook en cliquant avec le bouton droit de la souris et copier la méthode URL. Il suffit de coller ici dans le champ URL. Vous pouvez activer l'affichage du texte intégral de la publication ou régler les paramètres de la vidéo. Assistant suivant consiste à ajouter la page Facebook sur le site Web. Oui, vous pouvez ajouter le flux de page Facebook sur le site lui-même. Entrez simplement l'URL de la page Facebook ici dans le champ de lien. Vous pouvez également choisir les options de mise en page à afficher sur le flux, telles que la chronologie, les événements et les messages. Activez désactiver l'en-tête, la photo de couverture, photos de profil et ajuster la hauteur de la visite. Les paramètres avancés sont les mêmes. Le prochain budget consiste à insérer un modèle global personnalisé dans la page. Ce modèle est généralement enregistré et synchronisé avec l'élément ou la bibliothèque pour le compte de licence, vous pouvez effectuer une recherche pour le nom du modèle acte simplement inséré. Si vous souhaitez modifier ce modèle à partir de la page elle-même, publiez la page, puis vous obtiendrez une option pour modifier le modèle aussi simple que possible. Le budget final et Elementor Pro est Lottie. Latae. Les widgets sont des éléments petits et limités qui sont rendus à partir de fichiers JSON. Il suffit de télécharger ou de référencer et le fichier JSON externe et d'ajuster comme vous le souhaitez. Ce widget améliore l'interaction en affichant du contenu animé sur la page. Vous pouvez créer un Lottie à l'aide d'Adobe After Effects ou utiliser des animations latae préconçues. Il vous suffit de faire une recherche Google, la télécharger pour télécharger une médiathèque, ou bien de saisir l'URL du fichier externe et Elementor. On va le chercher directement à partir de là. Choisissez la légende d'alignement, l' ancre, le lien sur le clic. Sous les paramètres, vous pouvez ajuster le déclencheur pour l'animation, vitesse de lecture en boucle, le point de départ, point de fin et l'inverse. Plus tard, le moteur de rendu sera SVG. Pour des visuels nets et clairs, vous avez quelques options de style pour gérer l'espacement et les visuels et les paramètres avancés sont les mêmes. Donc tout cela où la sonde visite que vous obtenez avec Elementor Pro. En plus de cela, vous obtenez également des visites sur le site avec l'élément ou team builder. Voyons aussi les voir ici. Le premier est le rejet du logo du site. Il s'agit d'un verdict dynamique qui est utilisé pour insérer le logo du site Web. Vous ne seriez pas en mesure de modifier ou de remplacer le logo à partir d'ici, mais vous pouvez personnaliser les visuels et les aspects de conception jusqu'à un certain éteint. Suivant est le widget titre du site. Il est également un assistant dynamique qui affiche le titre du site qui est attribué dans le personnalisateur WordPress. Et ici aussi, vous pouvez ajuster le design et les visuels du titre. L' assistant suivant est le titre de la page. Il affiche le titre de la page qui est attribué dans l'éditeur de page WordPress. Suivant est Nav Menu. C' est le même que le menu de gauche que nous avons discuté précédemment dans les chiffres de la sonde. Suivant est le widget de formulaire de recherche. Cela aide à ajouter une barre de recherche n'importe où sur le site Web. Suivant est le sitemap, qui il, il crée un sitemap SML structuré, organisé et accessible du site Web, qui fournit aux visiteurs et aux moteurs de recherche et accès facile en un clic à la liste des pages sur le site . Ensuite, vous obtiendrez un widget pour Yoast SEO breadcrumbs. Ici, vous pouvez insérer la chapelure sur la page Web. Au fait, qu'est-ce qu'une chapelure ? Il s'agit d'un type de schéma de navigation secondaire qui révèle l'emplacement de l'utilisateur sur un site Web. Vous avez dû le voir sur un magasin de commerce électronique comme celui-ci. Oui, c'est un fil d'Ariane et vous pouvez l'ajouter en utilisant le plugin Yoast SEO, ce qui est très utile pour les paramètres SEO sur page de la page web. Très bien, donc nous en avons fini avec l'application des déserts. Et je crois que tous ces éléments sont de base, généraux et prouvent que les budgets sont suffisants pour développer la page Web interactive qui engage le visiteur et offre une bonne expérience utilisateur. Je veux que vous passiez un bon moment à pratiquer tous ces budgets un par un pour toutes les options de réglage qui sont disponibles pour chaque widget. Allez, prenez du temps dehors et continuez à pratiquer. Et encore, si vous avez besoin de plus de widgets pour améliorer les capacités de conception d'Elementor qu'il y a beaucoup de plugins tiers qui vous offraient plus de widgets pour ajouter l'élément de votre choix. Si vous souhaitez explorer, je vous recommande d'utiliser le plugin défini par les blocs Grochow. C' est une très bonne chose pour améliorer la puissance d'Elementor. Mais je ne recommande pas d'utiliser plus de plug-ins sur le site Web car cela peut ralentir la vitesse de chargement et certains des éléments libres ou add-ons donnent souvent des dollars conduisant à des erreurs sur la page Web. Soyez donc un peu prudent dans le choix du bon ensemble d'éléments complémentaires pour Elementor. Et surtout, ces visites ne sont d'aucune utilité jusqu'à ce que et à moins que vous les appliquiez pour développer la conception des pages Web qui est prêt dans l'outil de conception, vous devez utiliser ces widgets généraux de base et prouver pour développer tout le web que vous avez déjà conçues dans Figma ou Adobe XD. Simplement connaître le fonctionnement de ces widgets n'aidera pas. Vous devez appliquer les connaissances. Alors allez-y, utilisez toutes ces sections, colonnes et visites pour compléter le développement de toutes les pages du site Web selon la conception que vous avez créée dans la conception. Bien. Très bien, c'est tout d'apprendre dans cette leçon et nous allons continuer dans la prochaine vidéo. 37. Créer le menu: Maintenant, vous savez comment développer une page Web en utilisant l'élément ou les widgets, et vous avez déjà la liste des pages Web, il n'est pas temps de créer toutes les pages, compléter le développement et de venir avec le menu de navigation. La première chose que vous devez faire est d'aller dans les paramètres de lecture ici et d'attribuer la page d'accueil et de blog. Sélectionnez l'option Page statique et affectez la page d'accueil en tant que page d'accueil et blog en tant que page de publication. Cliquez sur Enregistrer les modifications. Maintenant survolez l'option Apparence et sélectionnez le menu. Ici, vous devez créer un nouveau menu en cliquant dessus. Donnez un nom au menu. Je l'appelle menu principal parce que ce sera le menu de navigation principal de ce site Web. Dans les paramètres du menu, vous avez la possibilité d'ajouter automatiquement une nouvelle page à ce menu lors de sa création. Mais nous préférons généralement ne pas le faire automatiquement. Vous pouvez ajouter manuellement des pages au menu selon les besoins. Laissez-le non coché. Ensuite, vous devez choisir l'emplacement d'affichage. Puisque nous créons le menu principal, sélectionnez l'emplacement comme menu principal et cliquez sur Créer menu. Vous pouvez ajouter des pages, se vanter et des liens personnalisés au menu. Généralement, il vous suffit d'ajouter les pages et les liens personnalisés. Sous l'option pages, vous avez trois onglets. Voir la plus récente toutes les recherches de fer. Vous pouvez cliquer sur Afficher tout pour obtenir la liste de toutes les pages que vous avez créées. Maintenant, sélectionnez les pages que vous souhaitez ajouter dans le menu et cliquez sur Ajouter au menu. Cela ajoutera les pages au menu. Et ici, vous pouvez organiser l'ordre des pages. Il suffit de cliquer, de faire glisser, de glisser, de glisser et de déposer. L' ordre est modifié. Vous pouvez facilement ajuster l'ordre par glisser-déposer. Maintenant, comment créer est sous-menu. Pour créer un sous-menu, vous devrez faire glisser l'élément un peu, vers la droite et vers le bas. C' est ça. sous-élément est mis en surbrillance et il est maintenant un sous-menu. Vous pouvez même créer un sous-menu de niveau plus profond en faisant glisser l'élément plus juste en dessous de l'élément de sous-menu comme celui-ci. Une fois que vous avez terminé avec la commande, cliquez sur le menu Enregistrer pour mettre à jour et publier. Ensuite est le concept de longueurs personnalisées. Nous utilisons un lien personnalisé pour créer une option de menu qui peut avoir un lien externe menant à une autre page Web ou pour mettre en évidence une fenêtre contextuelle ou juste un lien vide pour organiser les processus de menu de navigation. Très simple. Il vous suffit de donner un titre au lien ou d'entrer l'URL. C' est ça. Si vous souhaitez affecter un lien vide, insérez un symbole de hashtag. Il y a une chose très importante ici dans la configuration du menu. Si vous voulez ouvrir un lien dans un nouvel onglet, comment le faire, alors ? Je ne vois aucune option nulle part ici. D' accord. Alors combien d'entre vous ont exploré les options d'écran pour chaque option de réglage dans WordPress admin, zone, hall, non ? Voici donc les options de l'écran pour obtenir l'option de faire un lien ouvrir un nouvel onglet, vous devez activer l'option en allant dans les options de l'écran. J' espère que vous devez maintenant comprendre qu'il est très important d' explorer toutes les options qui sont disponibles dans tous les environnements. Celles-ci d'est en ouest, du nord au sud. Passez du temps à explorer la zone d'administration WordPress. Vous en profiterez. Une autre chose ici, vous pouvez créer plusieurs menus à utiliser à différents endroits, comme dans un pied de page ou dans une partie de la page Web. Donc, les processus semblent, aller de l'avant et commencer à faire les menus selon l'exigence. Et afin de personnaliser le style de ce menu, nous n'avons pas appris les paramètres de l'en-tête et du pied de page dans la vidéo suivante. On se voit là-bas. 38. Personnaliser l'entête et le pied: Nous avons appris à développer les pages Web à l'aide d'Elementor, et il est maintenant temps d'apprendre à modifier l'en-tête et le pied de page du site Web. Gardez à l'esprit que l'en-tête et le pied de page restent les mêmes pour l'ensemble du site Web. Ainsi, afin de modifier l'en-tête et le pied de page, vous pouvez utiliser les paramètres d'équipe ou en tant qu' en-tête personnalisé créatif à l'aide de la fonctionnalité Team Builder disponible dans Elementor Pro. Apprenez d'abord les options de l'équipe en tant que données disponibles gratuitement via l'équipe Astra. Et il nous fournit d'excellentes fonctionnalités et flexibilité pour concevoir l'en-tête et le pied de page. Il suffit de survoler l'option Apparence et de cliquer sur Personnaliser. C' est l'endroit où vous pouvez gérer les paramètres d'équipe pour différentes options telles que les valeurs globales, en-tête, le fil d'Ariane, la barre latérale et le pied de page. Notre bureau, vous trouverez le nom de l'équipe active que nous utilisons. La première option à notre disposition est le réglage global de la typographie, des couleurs, de l'espacement et des boutons. Nous n'avons pas besoin de l'utiliser car nous avons déjà fait les paramètres requis dans Elementor. Mais si nous voulons utiliser les paramètres d'équipe, vous pouvez attribuer les valeurs ici. Revenons en arrière et l'option suivante est le constructeur d'en-tête. C' est ce sur quoi nous devons nous concentrer dans le Theme Customizer. Il a les mêmes fonctionnalités que Elementor, et vous pouvez facilement affecter le sommet à l'en-tête principal au-dessus et au-dessous de l'en-tête. Voyons les un par un. Le premier et le plus important est l'en-tête principal. Vous pouvez ajuster la hauteur de l'en-tête et, sous l'onglet Conception, vous pouvez gérer le poids et la couleur de la bordure inférieure. Ensuite, vous pouvez modifier la couleur d'arrière-plan selon le schéma de conception du site Web. Ensuite, vous pouvez gérer l'espacement via les paramètres de remplissage et de marge. Ensuite, il est entièrement personnalisable. Pour voir la liste des widgets disponibles. Cliquez sur l'icône plus et porte v, un nombre décent de widgets élémentaires comme compte, puis HTML, logo, menu principal, menu secondaire, barre de recherche, icônes sociales, et widgets personnalisés. Vous pouvez facilement développer l'en-tête en utilisant ces vidéos. Quant à la conception déclarée signifiait, plaçons un logo à gauche de l'en-tête primaire. Vous pouvez gérer ces paramètres du logo à partir du panneau d'édition de gauche. Ce sont les mêmes paramètres comme le choix de l'image pour le logo, la modification du titre du site, je choisis l'icône du site Eigen ou fav. Ensuite, sous l'onglet Conception, vous pouvez gérer la typographie pour le titre du site, Act, gérer l'espacement. Ensuite, insérons le menu principal sur le côté droit. Cliquez dessus et les paramètres s'ouvriront dans le panneau de gauche. Vous pouvez même gérer les paramètres de menu à partir d'ici que nous avons appris dans la leçon précédente. Créez un menu, modifiez le menu ou modifiez-le dans de nouveaux emplacements. Vous pouvez le gérer très facilement. Maintenant, en dessous de cela, vous pouvez gérer le sous-menu travaillé et l'animation du conteneur, ainsi qu'une option pour activer l'élément divisé. Sous l'onglet Conception, vous pouvez choisir le menu Harvard style main. Ce sont vraiment bons à utiliser. Vous trouverez d'autres paramètres et fait allusion au conteneur de sous-menu, aux paramètres de couleur pour les liens de menu en mode stationnaire normal et actif, aux paramètres d' hydrographie, à l'espacement des menus et à la marge. Tout peut être personnalisé selon les exigences de conception. Ensuite, vous pouvez ajouter un bouton et le concevoir à l'aide des options d'édition. Je suis sûr que vous pouvez maintenant gérer ces couleurs générales, typographie et paramètres d'espacement pour développer l'élément. Selon le département de conception. Habituellement, nous ne conservons que ces widgets dans l'en-tête principal. Vous l'avez fait placé le bouton avec des icônes sociales et vous pouvez même faire usage de la section d'en-tête ci-dessus. Placons les icônes sociales ici à droite. Dans la section glucides. Vous pouvez gérer les paramètres génitaux et de conception pour personnaliser les visuels. En passant, vous pouvez également gérer la hauteur, les couleurs et l'espacement pour l'en-tête ci-dessus. N' hésitez pas à ajouter les widgets requis ici ou dans la section d'en-tête ci-dessous. Eh bien, une autre fonctionnalité que nous obtenons dans l'équipe Astra libre est cet en-tête transparent. Oui, c'est un très bon. Dans leur antenne d'émetteur. La section héros commence à partir du haut de la plage et l'en-tête est placé au-dessus de la section héros, ce qui donne un look moderne au site Web. Cliquez sur Activer sur le côté Complete et les options s'ouvriront. Vous pouvez désactiver l'en-tête transparent sur certaines pages de publication AMP si nécessaire. Vous pouvez également choisir d'activer l'en-tête transparent à la fois sur le bureau et sur le mobile, ou sur le bureau et uniquement sur le mobile. Vous pouvez même utiliser un logo différent pour le transparent son mort si nécessaire. Sous l'onglet Création, vous pouvez ajuster la bordure inférieure, couleur de la superposition d' arrière-plan et les paramètres de couleur du menu et d'autres options d'en-tête. Mais soyez très prudent avec les paramètres de couleur en utilisant un en-tête transparent car la section héros agira comme arrière-plan. Et vous devez donc choisir le jeu de couleurs avec le bon contraste pour maintenir une bonne visibilité des liens. Cliquez sur Publier ici en haut pour enregistrer vt, ce n'est pas encore terminé. Lorsque vous changez l'état de l'appareil sur mobile, vous obtenez d'autres widgets comme le bouton bascule, Andy off Canvas section. Vous pouvez personnaliser le bouton bascule pour le champ glucagon. Et dans les paramètres de canevas désactivés, vous pouvez choisir parmi les différents styles d'apparence, position et alignement du canevas. Vous pouvez ajuster les couleurs sous l'onglet Création. Si vous souhaitez ajouter d'autres widgets dans la section Off Canvas, cliquez sur l'icône plus et sélectionnez les widgets requis. Ainsi, vous pouvez personnaliser la conception de l'en-tête à l'aide des paramètres de thème Astra. Et je dois voir que ces paramètres sont assez puissants. Une fois terminé, cliquez sur Publier et lexico retour. Maintenant, l'option suivante dans le personnalisateur est d'activer la chapelure si nécessaire. Ensuite, nous avons Paramètres et fait allusion au blog et aux apprenants vivants dans les vidéos à venir. Alors passons ici. L' option suivante consiste à gérer la BOD du site, et il est plus de verre géré au niveau de la page elle-même. Laissons un enfant. suivant est le générateur de pied de page. C' est important. Tout comme Ve a créé l'en-tête, nous pouvons maintenant facilement développer le pied de page aussi. Ici aussi, vous obtenez le pied de page principal et le pied de page au-dessus et une section de pied de page ci-dessous. Cliquez sur les paramètres principaux du pied de page et vous pouvez gérer le nombre de colonnes, disposition, la largeur et l'alignement. Et sous l'onglet Conception, vous pouvez gérer les couleurs et l'espacement. Même pour la section de pied de page ci-dessus et ci-dessous aussi. Maintenant, cliquez sur l'icône plus pour ajouter les widgets au pied de page. Et je crois qu'il est maintenant facile de le développer. Ensuite, vous avez quelques widgets vides et laissez-nous voir ce que vous pouvez faire alors. Commençons par le numéro 1. Ici, à gauche. Dans les paramètres, vous pouvez attribuer une visite à cette section de visite à partir d'une liste d'options. Vous pouvez choisir parmi les archives, lecteur audio, catégories de calendrier, clients, DML, responsabilité des sections sécurisées, galerie émerge, modèles, menu de navigation, liste des pages, commentaires récents flux RSS, un formulaire de recherche, une rétrocharge, ext ou une vidéo. Eh bien, certaines de ces options de visite sont obsolètes, mais vous pouvez toujours utiliser le texte et l'image et concevoir le widget personnalisé. Reposez tous les widgets importants comme les likens sociaux, le menu de pied de page et la balise de copyright est déjà disponible pour utiliser. Vous pouvez vous détendre car la balise copyright contient le code abrégé pour mettre à jour automatiquement l'année. Ainsi, vous pouvez concevoir le filtre avec une simple interface glisser-déposer. Et n'oubliez pas d'optimiser le dossier pour mobile et tablette ainsi. Gardez également à l'esprit que l'en-tête et le pied de page resteront les mêmes pour l'ensemble du site Web. Alors concevez-le en conséquence. Et ce sont tous les paramètres de thème Astra pour l'en-tête et le pied de page. Maintenant, laissez-moi vous dire une autre façon simple de créer l'en-tête et le pied de page pour le site en utilisant un élément de gondoles de plugin gratuit hors tête qui pied et bloque le modèle par la force de remue-méninges. Laissez-nous rapidement installer ce plugin et ici et cette apparence donnée trouver les paramètres pour ce plugin. Cliquez dessus. Maintenant, cliquez sur ajouter un nouveau. Ce sera une mise en page personnalisée, sera injecté au thème. Donnez notre titre à cette mise en page. Maintenant, à partir du type de modèle, sélectionnez le dossier. Sélectionnez ensuite pour afficher sur l'ensemble du site. Maintenant, cliquez sur Modifier avec Elementor. Ici, vous pouvez concevoir le pied de page en utilisant les colonnes de section, ang widgets fournis par l'élément impair. Oui, de la même manière que vous développez une page Web. Cette méthode peut vous être plus pratique car vous êtes déjà à l'aise avec l'élément ou les widgets. Le pied de page peut maintenant être facilement développé selon les exigences de conception. Et quand vous et les widgets ne zone, vous trouverez que ce plugin a ajouté quelques widgets qui sont utiles pour créer un en-tête et un pied de page. Ainsi, vous pouvez utiliser la puissance d'Elementor ici et créer un merveilleux filtré en utilisant ce plugin gratuit. En passant, vous pouvez créer un en-tête suivant le même processus. Il suffit de créer une nouvelle mise en page personnalisée et de sélectionner le type comme en-tête et affiché sur l'ensemble du site Web. Maintenant, conçu l'en-tête en utilisant l'élément widgets DOD ont libérale dans le panneau de gauche. Utilisez les blogs de pied de page d'en-tête et les widgets pour rendre la tâche facile et lisse. Allez, vas-y et essaye ça. Conception de votre première police d'en-tête et de pied de page de facteurs site Web. Ce sont donc les options d'équipe gratuite et de plug-in que nous pouvons utiliser pour personnaliser l'en-tête et le pied de page. Et si vous souhaitez obtenir des options avancées de conception d'en-tête et de pied de page, vous devez vous abonner aux options payantes comme l'Astra Pro ou Elementor Pro. Astra Pro est une extinction de l'équipe Astra. Pour améliorer les capacités de la version gratuite. En utilisant cela, vous serez en mesure de créer des en-têtes avancés comme un en-tête collant ou un méga menu. Un en-tête collant est celui qui colle au haut de l' écran quand une école visiteur pierre la page Web, il est un bon à utiliser car il fournit un accès rapide au menu de navigation sans avoir à faire défiler encore et encore. L' année prochaine. La fonctionnalité avancée est un méga menu. C' est une forme organisée d'un grand menu, ou vous pouvez voir une forme visuelle du menu. Il est également très efficace en termes d'impact et d'interface utilisateur. Ce sont les deux principaux avantages de l'utilisation d'Astrup true pour la facturation de l'en-tête et du pied de page. Et en dehors de cela, vous obtenez d'autres fonctionnalités liées aux paramètres de l'épigraphie, gestion de la mise en page pour un seul post et le blogueur a donné option de discours Andy à nos mises en page personnalisées sur le site, ce qui signifie essentiellement l'injection codes HTML personnalisés dans différentes parties du site Web et des pages Web. Que les règles d'inclusion et d'exclusion personnalisées. Les mises en page personnalisées sont utiles lorsque vous devez intégrer votre site Web avec d'autres outils comme Google Tag Manager ou facebook pixel. Dans l'ensemble, il est bon de s'abonner, mais nous avons une autre option premium pour créer l'en-tête et le pied de page et est mort cet Elementor à travers. Eh bien, Elementor n'est pas seulement un constructeur de plage, c'est un team builder très puissant et un designer de page de destination avec de puissantes options de personnalisation. En utilisant cela, vous pouvez facilement concevoir un pied de page d'en-tête personnalisé, page de publication unique, modèle page d'archive de blog, les recherches et la parole et éditer 400 quatre pages. Vous avez également accès à une énorme responsabilité de modèles pour l'en-tête non filtré. Et vous pouvez importer ces conceptions en un seul clic. Eh bien, il y a tellement de fonctionnalités et d'avantages à utiliser Elementor Pro, mais dans cette leçon, nous allons nous concentrer sur l'évaluation de l'en-tête et du pied de page. Seulement. Le processus de classement de l'aliment iode ou d'utilisation d' Elementor Pro est presque le même que l'édition de la page. Vous pouvez cliquer sur, Ajouter Nouveau sous les options Team Builder, sélectionner un type de modèle comme haggard, lui donner un nom et cliquer sur Créer. Vous pouvez sélectionner les modèles ici pour gagner du temps ou l'ensemble bleu à construire à partir de zéro. Maintenant, tout comme le plugin des blocs de pied de page d'en-tête, vous pouvez créer une section, utiliser les widgets du site et d'autres éléments ou widgets pour créer un en-tête personnalisé impressionnant pour le site Web. Comme vous le savez déjà, vous pouvez personnaliser chaque partie de la section et s'il vous plaît les widgets souhaités pour développer l'en-tête, Asperger a conçu un glutamate. Vous pouvez également coller l'en-tête à l'aide de l'option stick et ajuster les marges négatives pour gérer l'effet d'en-tête transparent. Vous obtenez également quelques options de pointeur pour mettre en surbrillance le menu dans Elementor Pro. Et vous pouvez également créer et au-dessus de la section hétérosexuelle et au-dessous de l'en-tête. Une fois terminé, cliquez sur Publier, cliquez sur Ajouter condition. Vous pouvez mentionner leurs règles d'affichage si nécessaire. Comme nous cachons généralement l'en-tête et le pied de page sur les pages de destination. Une fois terminé, cliquez sur Enregistrer et fermer. C' est ça. Un en-tête entièrement personnalisé est créé pour le site Web. Ensuite, pour créer le pied de page, les processus semblent. Créez une nouvelle mise en page, sélectionnez un dossier, donnez-lui un nom, concevez-le, attribuez la condition et enregistrez. C'est ça. Si vous voulez à l'esprit que lors de la conception de la barre de pied de page, assurez-vous d'utiliser la balise dynamique de date actuelle pour l'année de copyright pour mettre à jour automatiquement dans le désert alimentaire. Et une chose de plus, si vous souhaitez créer plus avancé au menu méga pour un site Web, alors il y a un puissant plugin appelé nous injecter menu par les blocs Grupo. C' est un grand, mais vous pouvez l'utiliser pour créer un super super super super super menu pour le site Web. Comme je l'ai dit, vous pouvez personnaliser la conception du site de quelle manière vous imaginez. Et ça aussi, sans aucun codage. Il suffit donc d'aller de l'avant et de concevoir le site Web dans l'outil de conception et de le construire avec Elementor en utilisant la technique simple glisser-déposer. C' est tout pour apprendre dans cette leçon et nous allons continuer dans la prochaine vidéo. 39. Les principes de base d'un site Web de blogs blogs: Alors, voulez-vous vraiment devenir un blogueur à succès ? Il n'y a pas de blog personnel que vous voulez écrire ou est-ce pour soutenir le site Web d'entreprise ou le magasin de commerce électronique ? Quel que soit le but. Les concepts que nous allons apprendre dans cette leçon s'appliquent à la fois à un site Web dédié aux blogs ou à un blog pour soutenir le site Web de l'entreprise. Habituellement, nous créons un blog pour fournir à leurs visiteurs du contenu frais, unique, informatif et engageant. Étant donné que le contenu que nous publions sur un site Web d'entreprise est statique et ne change pas, nous devons avoir une section de blog sur le site Web pour continuer à fournir le contenu de mise à jour afin que le visiteur soit tenté de visiter le site encore et encore pour la nouvelle information, un blog est une très bonne source de trafic et les visiteurs répétés sur le site web. Assurez-vous donc de suivre les concepts pour configurer un blog pour prendre en charge le site Web de l'entreprise, ou de mettre en place un site Web dédié aux blogs. Vous pouvez facilement configurer un blog en suivant quelques étapes simples. Puisque vous connaissez maintenant déjà les étapes pour acheter un nom de domaine, achat d'un plan d'hébergement et l'installation de WordPress. Vous savez aussi comment installer les thèmes et les plugins. Et les thèmes et les plugins vous sont utiles. Maintenant, vous devez simplement sélectionner l'option Ajouter un nouveau vantail ici, donner un titre à l'article de blog et commencer à écrire. C' est ça. Nous n'avons pas appris plus sur la conception de la page d'archive de blog et la conception de publication unique dans les prochaines vidéos. Et dans cette vidéo, permettez-moi de vous raconter quelques concepts fondamentaux de devenir un blogueur à succès. La première étape consiste à sélectionner les bons sujets pour le bloc. Tout commence par le sujet de la recherche dans votre industrie sont niche. Pour cela, je vous recommande de rester informé sur les réseaux sociaux et d' utiliser des outils comme les boissons Google ou d'explorer des sujets. Vous pouvez également rester au courant avec Reddit ou Cora pour venir avec les dernières discussions des consommateurs, impressionnés et questions. Vous pouvez également utiliser des outils comme BuzzSumo pour trouver un sujet de tendance. Par ailleurs, qu'est-ce qu'un billet de blog ? Un billet de blog est généralement la forme longue de contenu. Et il y a une règle d'or dans l'industrie du marketing numérique que bons contenus et de superbes visuels ensemble construisent un grand post de forme longue qui est engageant pour le visiteur. Donc, pour écrire un billet de blog épique, vous devez fournir du contenu informatif qui est précieux pour le lecteur sur une page qui est magnifiquement conçue en utilisant les bonnes couleurs, formes et espacement. Vous pouvez également inclure une table des matières pour faciliter le processus de navigation et utiliser délibérément les radios, les images de données et les infographies pour mobiliser les visiteurs. Cependant, la plus grande question pour tous ceux qui veulent commencer avec le blog est de savoir comment gagner de l'argent avec un blog. Il peut y avoir plusieurs sources de revenus. Mais si je vous dis que deux principaux moyens de gagner de l'argent que ceux-ci sont le numéro un, les annonces et le numéro deux, le marketing d'affiliation. Les annonces sont généralement les bannières publicitaires qui sont affichées sur le billet de blog. Et vous pouvez vous inscrire à Google AdSense pour afficher ces annonces sur votre blog. Vous pouvez gagner de l'argent soit via CPC, c'est-à-dire le coût par clic. Cela signifie que vous êtes payé pour chaque clic sur l'annonce sur votre billet de blog. Et l'autre est CPM, c' est-à-dire le coût par 1000 impressions. Ici, pour chaque 1000 impressions de la bannière, vous serez payé un certain montant. Suivant est la ligne très puissante ou est-ce que le marketing d'affiliation ? C' est le processus de gagner une commission en faisant la promotion des produits d'autrui. Tout comme vous avez dû voir des blogueurs promouvant des services d'hébergement comme Blue Host n-side grandi, et ils vous fournissent un lien pour acheter le plan d'hébergement. Lorsqu' un lecteur clique sur ce lien et achète les serveurs, le blogueur reçoit une commission de la société d'hébergement. Ainsi, vous pouvez promouvoir les produits par le biais du texte et en ajoutant un lien traçable unique qui vous est fourni pour le produit. Si un acheteur clique sur le lien et achète le produit, vous gagnerez une commission. C' est une source très puissante de faire un très bon revenu, car c'est un processus très excitant pour éduquer le client et promouvoir le produit. C' est une situation gagnant-gagnant pour les trois personnes impliquées. Comme vous avez l'occasion de créer du contenu de qualité et d'éduquer l'acheteur sur les produits les plus précieux. L' acheteur obtient des informations complètes sur les fonctionnalités et les détails utiles. Comparaison sur une seule page. Si l'acheteur clique sur le lien et termine l'achat, l' entreprise obtient un chiffre d'affaires. Et donc, en échange de vos efforts, ils vous versent une commission. Croyez-moi, c'est une source de revenus très puissante et vous pouvez promouvoir des produits sur votre blog très facilement en partageant du contenu de qualité, éduquant les visiteurs, et en fournissant des liens sous forme de texte et de bannières. Afin de gagner de l'argent via des blogs, vous avez besoin de trafic sur le site Web. Alors, comment obtenir le trafic ? C' est une question d'un million de dollars. Laissez-nous discuter de quelques façons d'obtenir plus de visiteurs sur le blog. Le moyen simple de s'assurer que les gens visitent votre blog est de s' assurer qu'ils sont conscients de l'existence de votre blog. Vous pouvez promouvoir votre blog sur les réseaux sociaux ou via annonces payantes sur les moteurs de recherche et les médias sociaux, ou optimiser le blog pour la recherche et le classement et d'autres façons. Commençons par les médias sociaux. L' interaction avec les médias sociaux est importante. Vous obtenez un accès facile à des millions de personnes qui, à tour, peuvent partager son billet de blog avec leurs amis et leur famille. Tout ce dont vous avez besoin, c'est de partager un contenu de qualité utile pour les lecteurs et d'apporter de la valeur à ces connaissances. Ang, heure. En outre, puisque vous voulez qu'ils sachent à votre sujet, vous pouvez faciliter le partage de votre blog en plaçant les boutons de partage de médias sociaux pertinents sur le billet de blog. C' est un truc ici. On voit que le billet de blog entre 100 à 2 mille mots obtient le plus élevé partagé sur les médias sociaux. Si vous voyez cela d'autres façons, cela peut être validé parce que plus le contenu est précieux et instructif que vous fournissez au visiteur, mieux vous serez engagé et encouragé à partager le contenu. Donc essayé de publier un billet de blog long formulaire. Vous pouvez également commenter les blogs connexes. La clé de cette stratégie est de s'assurer que votre commentaire ajoute réellement quelque chose de valeur à la publication. Cela fonctionne bien quand vous commencez tout juste. Et même le moins de trafic est d'une valeur pour vous. Ensuite sont les annonces payantes. Les annonces payantes ne sont pas les méthodes les moins chères, mais parfois c'est le moyen le plus simple d'obtenir le trafic initial. Commencez à lancer des annonces payantes et assurez-vous que les internautes voient votre blog lorsqu'ils recherchent certains termes et naviguent sur certains sujets, et n'oubliez pas de créer la liste de courriels en plaçant un formulaire d'abonné sur le blog, vous voudrez toujours qui répètent les visiteurs sur le blog. Les campagnes de marketing par e-mail peuvent être un rappel cohérent de votre blog. Il suffit de préparer un bulletin d'information, l' envoyer aux abonnés, et bientôt vous verrez une grande augmentation du nombre de visiteurs répétés. Maintenant, vous devez vous demander à quel point l'optimisation du référencement ou des moteurs de recherche est importante pour obtenir du trafic. Oui, c'est la source de trafic la plus précieuse pour un blog. Alors, qu'est-ce que le SEO ? C' est la science de s'assurer que votre contenu est visible abord sur une page de résultats de moteur de recherche et via le PDG. Parce que les gens ont tendance à choisir les meilleurs résultats, vous êtes élevé, plus ils cliqueront sur le lien vers votre blog. Et si vous voulez savoir combien de personnes recherchent les mots-clés liés à votre blog. Créez un compte Google Ads gratuit sur Keyword Planner et explorez le volume de recherche de mots clés dans les différents pays. Cela vous donnera une meilleure idée sur le volume de recherche et le trafic probable que vous pouvez obtenir sur le blog. Et si je vous dis quelques conseils simples pour optimiser le blog pour SEO, il commencera par la recherche de mots-clés seulement. Vous devez trouver une liste de mots-clés que les gens recherchent en rapport avec le sujet du billet de blog que vous écrivez. Vous pouvez également trouver la liste des mots clés importants et potentiels dans votre niche sur l'industrie et écrire un billet de blog sur ces sujets. Vous devez vous assurer d'utiliser ces mots-clés dans le contenu, dans les en-têtes, dans les paragraphes, et de l'utiliser dans le naturel v. Du inclure le mot-clé primaire dans le titre de la publication et dans les premières lignes de la corps de contenu. Utilisez également des mots-clés associés et n'essayez pas de faire la farce des mots-clés. Conservez uniquement la densité de mots clés appropriée. Vous pouvez également utiliser des termes LSA dans le contenu pour le rendre plus pertinent. Ensuite est d'optimiser les titres Meta et Meta descriptions. Ce sont les titres et les descriptions qu'un visiteur voit sur le discours des résultats du moteur de recherche. Vous devez vous assurer d'inclure le mot-clé principal dans le titre et dans la description. Ici, vous devez expliquer ce que votre blog est à propos et faire paraître attrayant et précieux pour le lecteur afin que DEA, tenté de cliquer dessus. Vous pouvez facilement assigner les titres Meta et Meta descriptions en utilisant le plugin SEO utilisé pour WordPress. Vous trouverez les paramètres de Yoast SEO sur chaque article de blog ou page Web. Ensuite, facteur très important pour le SEO blog est l'expérience utilisateur. Il est affecté par plusieurs facteurs tels que la conception et la mise en page du blog, navigation, la vitesse de chargement et la réactivité. facteur suivant est d'analyser les concurrents et de garder un contrôle sur les meilleurs concurrents de classement et a essayé de comprendre ce qu'ils font mieux, vous pouvez obtenir l'inspiration et des idées des concurrents. Le dernier facteur universel de succès dans les blogs est d'offrir de la valeur. Quel que soit le contenu que vous publiez, soit sur le site Web ou le blog, il devrait fournir de la valeur visiteur qui est l'éternelle mais à la réussite. Et vous pouvez également réutiliser le contenu, comme si vous avez un billet de blog populaire distinct, vous pouvez le transformer en une vidéo YouTube ou un épisode de podcast, ou une présentation ou des infographies. Parce qu'il est validé que le sujet et le contenu résonnent bien avec les gens. Encore une chose ici, vous pouvez partager votre billet de blog sur Reddit et Quora comme monde et essayer de faire usage des médias sociaux autant que vous le pouvez. Donc, c'est tout à apprendre dans cette leçon, et nous allons continuer avec plus de paramètres de bloc dans la prochaine vidéo. 40. Paramètres de publication unique: Dans cette leçon, apprenons comment créer un billet de blog et comment concevoir la page de publication unique pour créer un nouveau post, survolez l'option de post et cliquez sur ajouter un nouveau. C' est le même processus que la création d'une nouvelle page. Vous pouvez attribuer un titre à la publication et nous laisser voir les paramètres sur la droite. Le premier est le statut et la visibilité. Ici, les options sont les mêmes et vous avez une option supplémentaire pour coller un billet en haut du blog, comme un billet de blog en vedette. Ensuite, vous pouvez modifier le lien permalien ou l'URL. Cela peut être édité après la publication de la publication. Ensuite, vous pouvez ajouter des catégories et des balises. Faites ce post. Maintenant, les catégories et les tags sont très importants du point de vue du blog. Permettez-moi d'expliquer pourquoi les catégories et les balises aident à structurer le contenu. Catégories, a aidé à regrouper largement les sujets de poste, tandis que l'impôt a aidé à décrire le poste plus en détail. Bref, les catégories sont la méthode la plus générale pour regrouper le contenu sur un site WordPress. Une catégorie symbolise un sujet ou un groupe de sujets qui sont reliés les uns aux autres d'une manière ou d'une autre. Parfois, un poste peut appartenir à de nombreuses catégories en même temps. Toutefois, ce n'est peut-être pas la meilleure idée d' attribuer plus de deux ou trois catégories à un poste. Le but ici est d'avoir votre contenu soigneusement organisé de manière à faciliter l'accès au lecteur. Par exemple, un blog de marketing numérique peut avoir des catégories comme le marketing de contenu, le référencement, le marketing de médias sociaux, analyse Web, la conception et le conseil d'administration. D' un autre côté, les balises sont utilisées pour identifier un contenu par certains mots clés spécifiques. Il suffit de choisir quelques mots qui décrivent un poste donné de la meilleure façon possible. La principale différence entre les catégories et les balises est la façon dont vous les utilisez. Les catégories sont censées indiquer le janvier du poste. Et les tags, d'autre part, vont beaucoup plus en profondeur et indiquent les choses individuelles dont parle le post. Par conséquent, vous pouvez utiliser plusieurs balises avec un seul billet de blog. Gardez à l'esprit que les catégories et les balises sont représentées par le terme taxonomies dans Wordpress. Ensuite, vous pouvez ajouter une image en vedette. Et c'est très important car il agit comme une vignette dans la page d'archive du blog. Ensuite, vous pouvez insérer un post exercice, qui est essentiellement un résumé du billet de blog et il est généralement visible sur la page d'archive de l'affiche. Si l'extrait est vide, WordPress crée automatiquement un extrait en utilisant les 55 premiers mots du post. Les options suivantes fonctionnent de la même manière que pour une page. Maintenant, la conception de la page de publication unique est une tâche facile car vous pouvez utiliser Elementor pour concevoir la page selon vos besoins. Cependant, il y a quelques paramètres liés à la structure d'une seule page de publication, ce qui n'est pas si facile avec une équipe libre comme Astra. Pour le personnaliser, nous devons aller au personnalisateur à partir de l'option Apparence, sélectionner l'option de blog ici, et sélectionner la tête de publication unique. Vous pouvez modifier la structure de la publication unique en utilisant les paramètres du thème. Cependant, il existe très peu d'options pour personnaliser la structure du poste unique. Ici, vous serez en mesure d'ajuster le vert et de gérer l'ordre des structures et des métadonnées de la page unique ainsi que les paramètres topographiques. C' est ça. Et si vous utilisez Astra Pro, alors vous obtiendrez un peu plus d'options comme pour activer ou désactiver les informations auteur, charger automatiquement la publication précédente, ajuster la taille de la fonction pour fusionner la couleur du titre et l'espacement du conteneur. Mais encore, vous n'êtes pas en mesure de personnaliser la position de l'image en vedette, et les mises en page, comme nous le voyons dans le billet de blog moderne. Ce sont donc les options limitées que vous obtenez pour personnaliser l'aspect et la sensation du message de signal en utilisant les paramètres du thème. D' un autre côté, si nous utilisons Elementor Pro, alors vous obtenez plus de flexibilité pour concevoir la mise en page de publication unique. Voyons comment vous pouvez concevoir une seule publication avec Elementor Pro. Une chose ici, avant de créer un élément ou un modèle pour une publication unique, assurez-vous de publier au moins un billet de blog sur le site Web. Survolé l'option modèles et sélectionnez team builder ou bien cliquez simplement sur Ajouter Nouveau et sélectionnez Single Post comme type de modèle. Donnez-lui un nom ici et cliquez sur Créer. Maintenant, vous aurez une option pour jus un modèle pré-conçu. Et ce sont quelques très belles mises à jour que vous pouvez facilement importer. Il suffit donc de cliquer sur Insérer et il sera disponible pour le modifier. Et si vous souhaitez créer un modèle à partir de zéro, vous pouvez définitivement fermer la bibliothèque et commencer à concevoir la mise en page. La structure de base d'un bloc se compose de la section principale montrant l'image en vedette, le titre de la publication, l'auteur, le NFO et les métadonnées telles que la date, les balises et les catégories. Assurez-vous d'avoir publié un article de blog avant de créer ce modèle. Maintenant, cliquez sur l'icône Aperçu ici. Le Ivan, et cliquez sur Paramètres. Dans les paramètres d'aperçu, sélectionnez Prévisualiser le contenu dynamique en tant que publication et tapez le titre de la publication à sélectionner. Cliquez sur Appliquer et prévisualiser. Maintenant, nous allons commencer à concevoir le post à partir de zéro en utilisant des sections, des colonnes, organisant le contenu dans la conception requise en utilisant visites de poste dédiées comme le titre du post, qui va chercher le titre du post de celui que nous sélectionné pour nous donner un aperçu lors de la création du modèle et d'autres. Vous êtes libre de concevoir le modèle d'affiche comme si l'exigence de conception en utilisant les widgets et une fois terminé, cliquez sur Publier, ajouter la condition pour l'inclure sur le post, et enfin, cliquez sur Enregistrer. Le modèle de publication est créé et maintenant chaque fois que vous créez une publication unique, il sera affiché dans ce format. Vous pouvez créer des modèles distincts pour les catégories et les auteurs si nécessaire. Le générateur de thème Elementor est très puissant et il vous donne beaucoup d'options pour personnaliser l'apparence et la sensation sans aucun codage. Une fois le modèle terminé, nous devons nous concentrer sur la conception du contenu de la publication unique. Alors discutons maintenant de quelques idées de conception tendance pour concevoir la page de publication unique. La première est de faire usage des casquettes de Broca. Vous pouvez le faire très facilement dans Elementor. Sélectionnez les balises numériques de fondu de l'éditeur de texte et sélectionnez l'option de dépôt en bas. C' est ça. C' est un bon moyen de démarrer le contenu de la publication. Suivant consiste à utiliser la bordure colorée. En fait, une bordure colorée singulière. Il fournit l'accent et il est grand à utiliser pour les citations sont des aspects particulièrement importants du contenu. Vous pouvez l'insérer soit en utilisant l'assistant blockquote dans Elementor Pro Arte ma notation d'une bordure uniquement pour la direction gauche de la section. Vous pouvez également utiliser l'arrière-plan de la section pour mettre l'accent sur un contenu particulier. En fait, vous devriez utiliser un nombre décent d'images et de vidéos dans le contenu du corps car il améliore l'engagement du visiteur. Et nous savons aussi que le poste, qui est dans la forme longue, c'est-à-dire entre 100 et 2 mille mots, qui offre la meilleure performance et le meilleur engagement pour le visiteur. Assurez-vous donc d'inclure les images, les vidéos, infographies dans votre publication et de créer un contenu attrayant et de haute qualité pour le visiteur. Vous pouvez également utiliser des ombres d'image pour styliser la page du blog. Cela peut être fait sous les paramètres de style du widget image. Suivant est de faire usage du texte de l'étoile juste en dessous du titre principal du post est utilisé pour donner un début souligné au blog. Il suffit d'insérer un titre sous le titre. Ensuite, mettez en surbrillance les sous-titres pour apparaître créatif et surligné. Il est utile pour briser la monotonie de la lecture du couvent. Faites-le paraître créatif en ajoutant une couleur d'arrière-plan. En outre, utilisez des diviseurs dans la conception de contenu à l'aide du widget diviseur. L' option suivante consiste à écrire le titre d'un billet de blog sur une image d'arrière-plan. Il suffit de sélectionner un arrière-plan de section et de placer le widget de titre dessus. Suivant. Et presque une option de style obligatoire est d'utiliser des formulaires abonnés dans le blog. Il est important de créer une liste de diffusion et de mettre à jour les visiteurs sur les nouveaux événements, les encourageant à lire le nouveau billet de blog et à visiter votre blog à plusieurs reprises. Cela peut être fait facilement en utilisant l'Assistant de l'étiquette de l'entreprise dans Elementor Pro. Le 10 suivant. Un autre important est d'avoir deux actions dans la conception de post, rendre accrocheur afin que vous puissiez obtenir de meilleures conversions. Il y a même un budget dédié à la conception appel à des actions et Elementor Pro. Ensuite est d'inclure des boutons de partage social afin qu'un visiteur puisse facilement partager le blog avec cette communauté. Cela peut être fait facilement en utilisant le budget de partage social disponible dans Elementor Pro. Un autre facteur à considérer pour la facilité de navigation et point de vue SEO est de créer des liens internes dans le contenu du corps. Vous pouvez facilement ajouter des liens vers les textes dans l'éditeur de texte et ajuster les paramètres pour l'ouvrir dans la même fenêtre ou dans un nouvel onglet. Enfin, incluez toujours la section correspondante à la fin du billet de blog. Cela peut être fait en créant une nouvelle section et en ajoutant un titre et un sous-titre. Placez ensuite l'assistant de mise en page des publications et sélectionnez les paramètres personnalisés pour modifier l'apparence de la publication. Donc, ce sont les conseils et les idées de conception que vous pouvez facilement mettre en œuvre lors de la conception du billet de blog. Cela dit d'apprendre dans cette leçon. Et nous allons continuer avec les paramètres de page d'archive blog dans la prochaine vidéo. On se voit là-bas. 41. Paramètres des archives de publication: Une fois que vous avez commencé à écrire un billet de blog et de concevoir la page de publication unique, vous devez concevoir la page d'archive de blog est la page où toute la collection de post de blog est répertoriée. La page d'archivage affiche une liste des mises en pause et sert de catalogue pour la publication. Maintenant, pour personnaliser l'aspect et la sensation de la page postdoc a donné, commençons par les options gratuites ont étiqueté pour nous. Allons à personnaliser, sélectionnez Blog, et sélectionnez l'art donné option. Ici, vous pouvez ajuster la largeur, ordre structuré et seulement quelques paramètres de typographie. C' est ça. Aucune option de personnalisation significative de l'étiquette dans le libre en tant qu'équipe. Ensuite, vous pouvez essayer la version Astra Pro. Ici, vous obtenez quelques options pour sélectionner la mise en page, nombre de colonnes, gérer l'espacement, activer la boîte de date, gérer la taille de l'extrait post des couleurs de l'image en vedette, graphie Paypal, Je suis l'espacement. Mais afin de personnaliser complètement les messages sont donnés plage. Vous devez utiliser Elementor Pro, dirigez-vous vers les modèles, Agnew, sélectionnez le nom du dividende d'archive et créer. Ici encore, vous pouvez importer des modèles préconçus pour gagner temps ou vous pouvez commencer à les créer à partir de zéro. Vous pouvez cliquer sur l'icône Aperçu, aller dans Paramètres, sélectionner une publication récente comme contenu dynamique pour prévisualiser la page d'archivage. Les processus sont identiques et vous pouvez créer des sections et des colonnes et utiliser les widgets pour concevoir ce modèle. Une fois terminé, cliquez sur Publier, ajoutez la condition à afficher sur toutes les archives. C' est ça. Vous avez conçu une merveilleuse page d'archives de poste. Et la création d'une page d'archive de messages impressionnants est important si vous voulez avoir un fort impact sur le visité. Alors allez-y, configurez le blog pour le site Web de l'entreprise ou démarrez votre site de blogs professionnel. C' est tout pour apprendre dans cette leçon et nous allons continuer dans la prochaine vidéo. 42. Créer une page d'accueil qui convertie: Au début de cette leçon, je voudrais vous demander quelle est la différence entre la conception d'une page Web générale et la conception d'une page de destination ? Bien sûr, il y aura des différences en termes de mise en page et de contenu. Mais gardez à l'esprit que la différence la plus significative est dans le but et l'action. Une page de destination est la page où vous vendez des produits, obtenez des prospects ET des conversions de portes. Les pages de destination sont axées sur des actions spécifiques et doivent comporter un message clair dans le contenu. L' objectif d'une page de destination est de déplacer les visiteurs du site Web vers le bas de l'entonnoir des ventes. Selon la stratégie de vente, il peut générer des prospects que le faisceau marketing peut développer, amener les utilisateurs à commencer un essai gratuit du produit ou convertir les visiteurs en prospects que l'équipe commerciale peut présenter. Essayons donc de comprendre comment vous pouvez trouver une page de destination efficace dans le minimum de temps possible en utilisant Elementor. Le processus de conception est presque le même qu' une page Web régulière utilisant les mêmes widgets, sections et colonnes. Mais ce qui importe le plus l'année, ce sont les fondamentaux de la conception de la page d'accueil. Gardez à l'esprit que vous avez seulement sept secondes pour impressionner le visiteur et convertir les commandes, vous perdrez un client potentiel. Essayez donc de concevoir la page de destination qui a une première impression très forte. N' hésitez pas à ajouter des preuves sociales dans la section héros au-dessus du pli, si nécessaire. Toujours mener avec l'action sur une page de destination, résoudre le problème des visiteurs tout de suite. Vous pouvez également faire une offre. Ils ne peuvent pas refuser, leur offrir des offres, plutôt des offres, des offres limitées dans le temps leur ont offert des rabais si bon modèle d'affaires le permet. Mais toujours garder et facteur d'urgence ou bien le visiteur ne peut pas prendre l'action. Vous pouvez également éduquer les visiteurs d'une manière significative. Ne mettez pas en évidence les fonctionnalités visages BM agités aux avantages que les clients obtiendront de votre offre. Et éviter trop d'informations, nous devons les convaincre de prendre des mesures, mais ne pas étendre la longueur de la page inutilement. Incluez autant que possible des preuves sociales et fournissez un CTA après chaque étape de la messagerie. Vous pouvez également essayer le concept de problème agitate, et la solution dans la section de contenu principale. Commencez par les points de douleur ou les problèmes du client, puis mettez en évidence à quel point le problème est ennuyeux, puis P est eux avec la solution. Après cette section, vous pouvez trouver leur section de transition. Il fait cette transition du problème à la solution proposée. Placez le CTA ici pour que le visiteur prenne des mesures. Parce que si le visiteur est convaincu, vous devez lui dire comment commencer sur ce qu'il faut faire ensuite. C' est ça. Réduisez toute sorte de complexité et de frottement dans les formulaires de contact. J' ai essayé de trouver des formulaires simples avec la messagerie claire. Plus important encore, assurez-vous que la page de destination est optimisée pour différents appareils. Eh bien, j'ai rapidement partagé beaucoup de concepts et de principes fondamentaux. Maintenant, vous pouvez expérimenter en appliquant ces concepts lors de la conception d'une page de destination. Par exemple, vous pouvez commencer une page avec un titre accrocheur et un sous-titre avec une image percutante pour avoir la première forte impression sur le visiteur. Essayé d'inclure autant de preuves sociales que possible, avoir une description claire avec une offre et un élément d'urgence, ainsi qu'un puissant CTA. Vous pouvez mettre en évidence la garantie aussi si disponible. C' est ça. Il peut s'agir du plan de contenu pour vos pages de destination. Maintenant, voyons comment créer une page de destination dans WordPress en utilisant des processus élémentaires, simples et identiques. Laissez-nous créer une nouvelle page, donnez-lui un titre. Maintenant, nous devons généralement désactiver l'en-tête et le pied de page de destination car nous ne fournissons pas beaucoup de longueurs pour éviter la distraction. Vous pouvez donc les désactiver à partir du menu Paramètres ici dans la droite, si le pied de page d'en-tête sont créés en utilisant l'équipe ou bien vous pouvez ajouter une règle d'exclusion dans Elementor le générateur de thème ou plugin de blogs de pied de page d' en-tête pour masquer l'en-tête et le pied de page sur la page de destination. Maintenant, modifiez la page avec Elementor. Le processus de conception est le même qu'une page Web régulière. Il suffit donc d'utiliser l'élément ou les widgets et de concevoir la page de destination. Utilisez l'appel aux actions, les mousses et la minuterie si nécessaire. Vous pouvez également utiliser des animations pour mettre en valeur certains éléments. Et si vous voulez accélérer le processus de conception d'une page de destination, vous pouvez utiliser les modèles préconçus que j'ai étiquetés dans l'élément ou la bibliothèque de modèles. Vous pouvez prévisualiser les conceptions et importer la page de destination complète en un seul clic. Faites simplement les personnalisations requises dans le texte et les graphiques et votre page de destination est prête. N' oubliez pas d'intégrer votre outil de marketing par e-mail. Si nous utilisons graver avec l'Assistant Formulaire pour automatiser le processus de marketing par e-mail. Vous pouvez également créer une bibliothèque de référence en prenant des captures d'écran des pages de destination de l' étiquette sur une variété de sites Web et de plateformes comme Behance, Dribbble et abandons. Ces références vous aideront à obtenir de l'inspiration et des idées. Vous pouvez également explorer les options de modèle étiqueté à et UE2. Donc, créer une page de destination est une tâche facile pour nous maintenant, en utilisant Elementor. En plus de la page de destination, vous devez également créer une page de remerciement. C' est la page qui se charge lorsque le visiteur soumet le formulaire ? Oui. Après avoir soumis le formulaire, le visiteur doit être redirigé vers la page de remerciement afin que vous puissiez commencer le processus de développement des pistes. Vous pouvez également placer les balises de conversion sur la page de remerciement pour récupérer les données des conversions dans les annonces Facebook et Google. Le processus de création et de conception de la page de remerciement avec Elementor est le même. Je crois que vous pouvez facilement le faire maintenant. Alors c'est tout d'apprendre dans cette leçon. Dans la vidéo suivante, nous allons voir deux concepts très importants qui sont liés à la page de destination numéro un, en utilisant les pop-ups pour la capture de leads et l'intégration de l' outil de marketing par e-mail avec les formulaires Elementor pour automatisation. se voit dans la vidéo suivante. 43. Outils de Popup et de automatisation: L' objectif principal d'une page de destination est de capturer des prospects et d'obtenir la convergence. Nous pouvons utiliser le budget d'étiquetage de l'entreprise dans Elementor Pro et concevoir des formulaires simples, beaux et très efficaces qui ont des champs minimaux, étiquettes effacées et des messages clairs. Mais que sont les popups ? Une fenêtre contextuelle est une petite fenêtre qui apparaît lors de la navigation sur un site Web ou en cliquant sur un bouton. fenêtres contextuelles sont utiles car elles simplifient ce processus de prise pour le visiteur en augmentant la visibilité de l'étape d'action. Donc, nous pouvons soit utiliser un formulaire en ligne avec le contenu en plaçant simplement l'objet, soit nous pouvons assigner un pop-up sur le bouton CTA. Lorsque le visiteur clique sur le bouton, une petite fenêtre apparaîtra et contiendra le formulaire pour capturer le prospect. C' est la première chose. Voyons comment vous pouvez créer un tel pop-up en utilisant Elementor Pro. Accédez aux modèles, cliquez sur la fenêtre contextuelle, donnez-lui un nom et cliquez sur Créer. Vous pouvez sélectionner des fenêtres contextuelles préconçues dans la bibliothèque ou en créer une à partir de zéro. Créons un à partir de zéro. La première chose à faire est d'ajuster les dimensions de ce Canvas pop-up. Pour ce faire, cliquez sur Paramètres ici en bas, et vous arriverez aux paramètres contextuels. Ici, vous pouvez ajuster la largeur et la hauteur. Position activer désactiver le bouton de superposition et de fermeture. Vous pouvez également affecter l'animation d'entrée et de sortie. Ensuite, venez à l'onglet de style et changez la couleur d'arrière-plan. Vous pouvez ajuster l'opacité ici pour avoir l'effet transparent et afficher la page de destination en arrière-plan. Vous pouvez également utiliser la superposition et personnaliser le bouton de fermeture. Dans les paramètres avancés, vous pouvez définir l'heure, activer et désactiver la touche de fermeture, de superposition ou d'échappement. Les options sont faciles et je crois que vous pouvez maintenant gérer ces choses selon l'exigence. Maintenant, concevoir le pop-up est encore une fois la même chose. Cliquez sur l'icône de la grille pour revenir au panneau des widgets. Insérez simplement une section avec une ou deux colonnes et commencez à ajouter les widgets selon la conception de la fenêtre contextuelle. Le widget le plus important à utiliser ici est la visite du formulaire. La configuration des champs de formulaire est comme d'habitude, mais assurez-vous d'ajouter que l'action contextuelle colle sous l'action après l'envoi de cette fenêtre contextuelle. Ainsi, une fois qu'un visiteur remplit le formulaire dans la fenêtre contextuelle, la fenêtre contextuelle se ferme. Maintenant publié la fenêtre contextuelle et n'ajoutez aucune condition ou déclencheur. Il suffit de l'enregistrer et de le fermer. Maintenant, venez à la page d'accueil et ouvrez les paramètres du bouton CTA. Ici, dans l'option de lien, cliquez sur l'option de balises dynamiques, et sélectionnez la fenêtre contextuelle comme action. En cliquant sur cette icône de clé, vous pouvez ajuster l'action contextuelle pour l'ouvrir , puis sélectionner la fenêtre contextuelle en recherchant le nom. Une fois que vous cliquez sur Mettre à jour, vous avez créé avec succès une fenêtre contextuelle sur le bouton CTA. Il y a encore une chose importante ici. Idéalement, les visiteurs devraient rediriger vers la page de remerciement. Après avoir soumis le formulaire. Pour la redirection, Vous pouvez ajouter la redirection dans les actions après soumettre et entrer l'URL de la page de remerciement. Ainsi, lorsqu'un visiteur clique sur le bouton CTA, une fenêtre contextuelle apparaît. Le visiteur remplit le formulaire et lorsqu'il soumet, la fenêtre contextuelle est fermée et l'utilisateur est redirigé vers la page de remerciement. Sur la page de remerciement, vous pouvez démarrer le processus de développement des pistes et vous pouvez également placer les balises de conversion pour obtenir les données des conversions dans les annonces Facebook et Google. Vous pouvez utiliser le même processus pour la redirection pour chaque formulaire de capture de piste, qu'il s'agisse d'un formulaire en ligne ou d'un formulaire contextuel. Eh bien, nous avons d'autres types de pop up. Le prochain type de fenêtre contextuelle qui est important pour nous d'apprendre pour les pages de destination est la fenêtre contextuelle d'intention de sortie. Une fenêtre contextuelle d'intention de sortie est déclenchée lorsque le visiteur déplace le curseur près du bouton de fermeture ou de la barre d'adresse du navigateur. Il est utilisé pour réengager leurs visiteurs avant de partir. Un pop-up bien chronométré cadeaux vous deuxième occasion de se connecter avec les visiteurs, doublant efficacement les chances de les convertir. Laissez-moi vous expliquer le processus. Si un visiteur n'est pas convaincu par le contenu de la page de destination, il déplace le curseur vers la balise de fermeture. Que se passe-t-il si vous leur présentez une annonce pop-up ce moment avec un message clair et un formulaire de capture de leads. Donner une seconde réflexion à l'offrande. Vous pouvez même lui fournir un supplément offert pour encourager la conversion. Ce type de fenêtre contextuelle qui apparaît lorsqu'un visiteur tente de fermer la page est appelé moins VD, la fenêtre contextuelle d'intention de sortie. Et gardez à l'esprit que cela va être très important pour votre page de destination. Si nous voyons le plan de contenu de la fenêtre pop-up intention de sortie, alors il devrait avoir un titre CTA qui introduit l'offre, suivi par le texte CTA pour expliquer l'offre, puis le formulaire de capture de plomb, il décourage aucune option encourager le texte et l'image du bouton pour capter l'attention. Un vétéran proche et la taille du tampon est préférable d' être plein écran avec le fond transparent doux. Gardez à l'esprit que cette fenêtre apparaît et que le visiteur a l' intention de quitter la page de destination sans remplir l'entreprise de capture de plomb. Maintenant, pour créer une intention de sortie, les processus pop-up semblent. Vous avez juste besoin d'ajuster le pop de la largeur, hauteur, de la position et d'autres paramètres. Concevez le pop-up. En ce qui concerne le plan de contenu, cliquez sur Publier, ajoutez une condition, Juif singulier. Choisissez ensuite les pages et recherchez le titre de la page de destination. Cette fenêtre contextuelle ne s'affichera que sur cette page de destination. Cliquez sur Suivant, et nous aurons des options pour choisir le déclencheur. Nous voulons déclencher le pop-up à l'intention de sortie. Donc, activez l'option sur l'intention de sortie de page. Cliquez sur Suivant et vous obtiendrez plus de paramètres pour personnaliser le déclencheur de la pop-up ang, segmentation. Cliquez sur Enregistrer et fermer. C' est ça. Vous avez créé la fenêtre contextuelle d'intention de sortie pour la capture Lee. Eh bien, il existe d'autres types d'herbes pop qui sont déclenchés en fonction temps ou de l'activité de défilement ou des barres opt-in ou des pop-ups interagissant. Bien que ceux-ci ne sont pas recommandés pour la page de destination, mais vous pouvez certainement utiliser l'une des fenêtres contextuelles sur n'importe quelle page du site Web selon la conception et la stratégie. Et le processus de création d'une fenêtre contextuelle est presque le même. Vous pouvez simplement attribuer les conditions et déclenché selon le type de fenêtre contextuelle. C'est ça. Maintenant, la prochaine chose que nous devons apprendre est le processus d'automatisation du courrier électronique. Je vais vous donner un bref aperçu de ce processus. Une fois qu'un visiteur remplit le formulaire de capture de piste, ses coordonnées vous seront envoyées sur l'e-mail. Mais nous voulons également mettre ses coordonnées dans la liste d'audience de notre outil de marketing par email. ajoutant le visiteur dans l'outil de marketing par e-mail, vous pouvez lui envoyer un e-mail automatisé juste après la soumission du formulaire et même lui envoyer une série d'e-mails conformément à la séquence d'e-mails d'automatisation. Eh bien, cela peut être fait très facilement en utilisant les formulaires Elementor. Vous pouvez intégrer les formulaires élémentaires avec certains des outils de marketing par e-mail populaires comme Mailchimp, converti, drip, campagne active, getResponse ou me lumière LED. Le processus est simple. Vous devez intégrer l'outil de marketing e-mail avec élément ou en allant dans les paramètres Elementor, les intégrations et l'ajout de la clé API. Vous pouvez trouver la clé API dans l'outil de marketing par e-mail et ajouter dans l'élément ou les paramètres d'intégration, puis cliquez sur Valider. Désormais, vous pouvez définir une action après sommet comme Mailchimp, par exemple, et sélectionner la liste d'audience. Ainsi, chaque fois qu'un visiteur remplit le formulaire de capture de piste a des détails sont ajoutés à la liste d'audience de Mailchimp. Et vous pouvez automatiser le processus d'envoi d'e-mails en créant une séquence d'e-mails. Vous êtes libre de choisir l'outil de marketing par e-mail requis en fonction des besoins de fonctionnalité et de votre budget. Mailchimp est largement utilisé convertir bon comme préféré par les blogueurs et les créateurs. File Miller Lite est le plus économique, mais avec un très bon ensemble de fonctionnalités. Cela dépend de vos besoins, mais assurez-vous d'utiliser le processus d'automatisation de la messagerie électronique pour alimenter les prospects. Et VonMar dire, si vous voulez utiliser un outil de marketing e-mail qui n'est pas disponible pour l'intégration directe avec les formulaires Elementor, alors vous pouvez utiliser Zapier et créer le processus d'automatisation. N' hésitez pas à explorer Zapier. C' est un outil très puissant. Avec cela, je voudrais terminer cette leçon et nous allons continuer dans la prochaine vidéo. 44. Intégration Google Tag Manager de Google Tag Manager Intégration: Pour aller plus loin dans le cours, vous devez connecter le site Web avec d'autres outils d'analyse et de marketing comme Google et Facebook. Alors commençons l'intégration avec les produits Google d'abord. Dans cette leçon, nous allons apprendre comment vous pouvez implémenter Google Tag Manager sur le site Web. Par ailleurs, les électeurs Google Tag Manager. Pour comprendre cela, laissez-nous d'abord comprendre pour les tests une balise. Maintenant, ce tag est différent de celui que nous avons appris dans la section des blogs. Eh bien, des extraits de code Taxol qui sont ajoutés à un site Web pour recueillir des informations et les envoyer à des outils d'analyse et de suivi. Vous pouvez utiliser des balises à diverses fins telles que le suivi de défilement, surveillance des formulaires sur les missions, réalisation d'enquêtes, la génération de cartes thermiques, campagnes de remarketing et de reciblage, ou encore le suivi de la façon dont les gens arrivent à votre site Web. Ils sont également utilisés pour surveiller des événements spécifiques tels que les téléchargements de fichiers, les lacs sur certains liens ou les articles supprimés d'un panier. Eh bien, c'était un peu sur le plan technique, mais nous savons tous que ces données sont très importantes pour le succès numérique. Donc, pour rendre cette tâche d'ajouter des balises facile pour vous, il y a un Google Tag Manager. Google Tag Manager est un outil avec une interface conviviale et basée sur le Web qui simplifie le processus de travail avec la taxe. Au lieu d'ajouter des balises distinctes pour Google Analytics, la console de recherche et le suivi des conversions Google arts, vous suffit d'ajouter du code Google Tag Manager à leur site Web et tous les autres produits Google peuvent être intégrés en utilisant simplement le Gestionnaire de balises Google. Et moins de citations sur le site signifie quoi ? Cela signifie que le site se chargera rapidement, vous obtiendrez une vitesse de chargement plus rapide. Alors laissez-nous voir comment vous pouvez configurer Google Tag Manager sur le site Web. Effectuez une recherche pour Google Tag Manager. Ici, cliquez sur Commencer gratuitement, connectez-vous avec votre compte Google. Ici, cliquez sur Créer un compte, donnez un nom au compte. Sélectionnez le pays. Ensuite, donnez un nom au premier conteneur. Au fait, qu'est-ce qu'un conteneur ? Un conteneur définit les règles d'un domaine particulier. Donc, ici, vous pouvez attribuer le nom comme nom de domaine pour une identification facile. Sélectionnez la cible en tant que Web. Cliquez sur Créer. Vous pouvez accepter volontiers les termes et conditions et si vous voulez les lire, alors vous êtes libre de les lire. Cliquez sur Oui. Maintenant, voici les extraits de code que nous devons ajouter sur le site Web. Il y a deux ensembles de guillemets que nous devons ajouter. Le premier doit être ajouté dans la partie de La Haye de la page et l'autre dans la balise body d'ouverture. Bien que je vous ai dit que nous allons créer le site sans aucun codage, vite et saoudien, Vous avez juste à coller ces deux ensemble de codes sur le site. Et c'est une tâche très simple. Voyons comment vous pouvez les ajouter au site Web, copier la balise, et revenir à la zone d'administration WordPress. Nous allons utiliser un plugin Header Footer et post injections, installer et activer. Maintenant, en utilisant ce plugin, vous pouvez ajouter les tribunaux sur le site dans la partie tête et la partie corps pour l'ensemble du site Web. Vous trouverez ici les paramètres de ce plugin sous l'option Paramètres. Le code que nous avions copié doit être ajouté dans la partie principale de chaque page d'un site Web. Il suffit donc de coller le code ici. Même, copiez le suivant, et collez-le après la balise body et cliquez sur Enregistrer. Maintenant, revenez au tableau de bord Google Tag Manager, cliquez sur Soumettre pour soumettre un conteneur, vous pouvez attribuer un nom de version et cliquez sur Publier. Maintenant, pour vérifier l'activation de cette balise, nous devrons utiliser une extension Google Chrome appelée Google Tag Assistant. Installez-le à partir du Chrome Store. Cliquez sur Activer et actualiser la page. Maintenant, vous verrez que la balise est déclenchée et nous avons intégré avec succès le Google Tag Manager que le site Web. Ainsi, vous pouvez facilement intégrer Google Tag Manager avec le site Web à l'aide d'un simple plug-in. Nous allons voir comment vous pouvez utiliser Google Tag Manager pour intégrer Google Analytics, console de recherche et les balises de suivi des conversions avec le site Web dans les prochaines vidéos, rester à l'écoute. 45. Intégration Google Analytics: L' intégration du site Web à Google Analytics est presque une étape obligatoire dans le processus de création du site Web. Mais pourquoi ? Qu' est-ce que Google Analytics ? Google Analytics est un outil d'analyse Web gratuit offert par Google pour vous aider à analyser le trafic du site Web. Il vous fournit les données d'utilisation de votre site Web et aide à répondre à des questions comme, combien de personnes visitent votre site Web ? Où habitent les visiteurs ? Quels sites Web envoient du trafic vers votre site Web ? Quelles sont les tactiques de marketing qui entraînent le plus de trafic vers le site Web ? Quelles sont les pages de votre site Web les plus populaires ? Combien de visiteurs avez-vous convertis ? mène nos clients où ils avaient converti le pistolet visiteur et aller sur le site Web. Comment pouvez-vous améliorer la vitesse de votre site Web ? Contenu du bloc Vd. Vos visiteurs apprécient-ils le plus ? Laisse-moi te demander si tu veux que ces données puissent répondre à ces questions ? Dites-moi oui ou non. Eh bien, c'est un très grand oui. Tout le monde a besoin de ces données parce que les données sont dérangées. Vous pouvez analyser le trafic actuel et optimiser leur site Web, aller le trafic du site Web, améliorer le retour sur investissement et développer leur activité de portée et autres. Nous devons donc utiliser Google Analytics et nous montrer comment vous pouvez intégrer Google Analytics au site Web. Le processus est maintenant très facile car vous avez déjà installé Google Tag Manager et vous allez implémenter Google Analytics à l'aide de l'interface Google Tag Manager. Laissez-nous vous connecter à Google Tag Manager. Et dans l'autre onglet, ouvrez Google Analytics. En effectuant une recherche Google. Ici, cliquez sur Commencer à mesurer. Vous devrez d'abord créer un compte, donner le nom de la livraison de l'ensemble, faire défiler vers le bas et cliquer sur Suivant. Donnez la propriété ou le site Web dans le nom, sélectionnez le temps de rapport obtenu NC, cliquez sur Suivant, sélectionnez l'industrie, taille de l' entreprise, faire les sélections et cliquez sur Créer. Enseignez le pays et acceptez les termes et conditions. Cliquez à nouveau sur Enregistrer ici, VD pour configurer le flux de données. Cliquez donc sur le web, entrez l'URL du site Web et attribuez un nom. Cliquez sur Créer un flux et copiez l'AD de mesure. Maintenant, revenez à l'écran Google Tag Manager fonctionne BY et cliquez sur ajouter un nouveau DAG. Cliquez sur Tag Configuration ici, sélectionnez Google Analytics GA pour la configuration est l'ID de mesure ici. Ensuite, cliquez sur ce déclenchement et cliquez sur toutes les pages. Donnez-lui un nom et cliquez sur Enregistrer. Encore une fois, nous devons soumettre les changements. Cliquez donc sur Soumettre, attribuez un nouveau nom de version et cliquez sur Publier. C' est ça. Nous avons ajouté la balise Google Analytics dans le Gestionnaire de balises Google et nous pouvons la vérifier. Ouvrez le site Web et ouvrez Google Analytics afin que nous puissions vérifier le rapport en temps réel et voir si le nombre d'utilisateurs est en train de changer ou non. Oui, je peux voir le nombre d'un visiteur et V ont ajouté avec succès Google Analytics à leur site Web en utilisant le Google Tag Manager. Maintenant, vous pouvez utiliser Google Analytics pour analyser leurs données et leur trafic sur le site Web. N' hésitez pas à explorer plus sur Google Analytics. C' est, euh, pour apprendre dans cette leçon et nous continuerons dans la prochaine vidéo. 46. Intégration de console de recherche: Dans cette leçon, nous allons apprendre comment intégrer Google Search Console à leur site Web. Qu' est-ce que Google Search Console ? Eh bien, Google Search Console est une plate-forme gratuite pour quiconque dispose d'un site Web pour surveiller la façon dont Google voit son site Web et optimiser la présence organique. Cela inclut l'affichage des domaines référents, des résultats de recherche enrichis, requêtes et des pages de recherche de trafic le plus élevé, la soumission du sitemap, demande d'indexation et la connaissance des en-têtes des pages. C' est une excellente plateforme pour analyser les données organiques du site. Donc, pour intégrer Google Search Console, effectuez une recherche pour la console de recherche Google et cliquez sur Démarrer. Connectez-vous maintenant avec le même compte Google que vous avez utilisé pour Google Tag Manager et Google Analytics. Maintenant, vous devez sélectionner le type de propriété, entrez l'URL du site Web dans l'option de préfixe URL et cliquez sur Continuer. Ils ont dit que votre site Web sera vérifié automatiquement en utilisant Google Tag Manager parce que vous avez déjà intégré Google Tag Manager sur le site Web avec le même compte Google. Si, pour certaines raisons, vous ne parvenez pas à vérifier la propriété à l'aide de Google Tag Manager, vous pouvez suivre la méthode secondaire. Accédez aux paramètres de la Search Console, cliquez sur la vérification de propriété, cliquez sur la balise HTML, copiez la balise et collez-la dans le plug-in Yoast SEO. Eh bien, le plugin Yoast SEO est essentiel pour optimiser leur site web pour le référencement sur page et vous allez certainement l'utiliser. Ensuite, allez aux organes génitaux Yoast SEO atteint, cliquez sur Outils Webmaster, collez un code de vérification ici et cliquez sur enregistrer les modifications. Maintenant, cliquez sur Vérifier et la propriété sera vérifiée. Commencez donc à utiliser la Search Console et analysez les différentes données et rapports disponibles. Nous allons continuer dans la prochaine vidéo. 47. Intégration de Google Ads Application de suivi de conversion: J' ai donc appris que vous exécutez des annonces Google et que vous voulez faire glisser la date de convergence et lancer des campagnes de remarketing. Est-ce que c'est vrai ? Bon, alors que sont les conversions ? Toutes les actions précieuses qu'un visiteur prend sur le site et qui est précieux pour votre entreprise sont appelées convergence. La conversion peut être, par exemple, inscription à une newsletter, le téléchargement d'une application ou l'achat d'un produit. Le suivi des conversions permet de mesurer les conversions définies et de les affecter à des sources spécifiques. De cette façon, vous pouvez savoir si une conversion a résulté d'une campagne publicitaire numérique, d'une publication sur les réseaux sociaux ou de certaines visites directes sur le site Web. Mais le suivi de la source est très important. Pour faire glisser les réserves, vous devez configurer la balise de suivi des conversions Google Ads sur le site Web à l'aide du Gestionnaire de balises Google. Voyons comment le faire. Ouvrez les deux plates-formes, Google Tag Manager et Google annonces créent maintenant une nouvelle balise et Google Tag Manager. Cliquez sur ajouter une nouvelle balise. Maintenant, cliquez sur Tag Configuration ici, sélectionnez la balise de conversion Google Linkerd. Dans cette option de déclenchement, sélectionnez toutes les pages. Donnez-lui un nom et cliquez sur enregistrer. S' il vous plaît noter que l'ajout de la balise de conversion Google est un processus unique. Vous ne serez pas tenu de l'ajouter la prochaine fois que vous ajouterez un nouveau réservoir de conversion. Maintenant, allez dans Google annonces et cliquez sur les outils et les paramètres et que la mesure, vous trouverez l'option de convergence. Cliquez dessus ici, cliquez sur l'icône plus pour créer une nouvelle conversion. Sélectionnez le site Web et remplissez les détails de conversion en sélectionnant la catégorie appropriée. Après cela, cliquez sur Créer et continuez. Maintenant, pour la configuration fiscale, cliquez sur utiliser Google Tag Manager. Vous obtiendrez l'ID de conversion et les valeurs d'étiquette de conversion. Copiez ça. Maintenant, revenez dans Google Tag Manager et cliquez sur Ajouter une nouvelle balise. Dans la configuration des balises, sélectionnez Suivi des conversions Google Ads. Collez ici l'ID de conversion et le niveau de conversion. La saisie de la valeur de conversion et d'autres détails est facultative. Maintenant, cliquez sur déclenchement et cliquez sur l'icône plus ici en haut à droite pour ajouter un déclenchement personnalisé. Si vous souhaitez affecter la vue de la page de destination en tant que conversion, vous devez sélectionner le type et le déclenchement déclenchés par l'affichage page qui se sont déclenchés sur les pages vues spécifiques. Sélectionnez l'URL de base, contient, entrez le domaine et le mou pour la page de destination. Donnez-lui un nom et cliquez sur Enregistrer. Donnez-lui un nom ici aussi, et cliquez sur Enregistrer. Maintenant, pour mettre à jour le conteneur, cliquez sur Soumettre, donnez-lui un nouveau nom de version et cliquez sur Publier. C' est ça. Vous avez ajouté le suivi des conversions Google Ads et maintenant vous pouvez suivre conversions dans les annonces Google signalant mon utilisation de Google Tag Manager, vous n'avez pas besoin d'insérer des chèvres encore et encore sur le site Web. Au lieu de cela, il suffit de créer de nouvelles balises et Google Tag Manager et garder une trace des différents événements de conversion qui se produisent sur le site Web. Bon, donc on en a fini avec ça et on va continuer dans la prochaine vidéo. 48. Intégration de Pixels Facebook: Facebook pixel est encore une autre incarnée une indication que vous devriez faire sur le site. Alors, qu'est-ce qu'un pixel Facebook ? Le pixel Facebook est une gourde, vous suppliez s'il vous plaît sur le site pour collecter des données qui aident à suivre les conversions. Vous pouvez utiliser le pixel Facebook pour le suivi des conversions, reciblage à la création d'une audience semblable, l' optimisation des annonces Facebook pour les conversions, l' optimisation de la valeur de l'annonce Facebook et l'accès aux données et statistiques duels. Alors, allons à Facebook business manager et créer un nouveau pixel. Sélectionnez ici l'option de gestion des boucles d'oreilles. Cliquez sur Connecter une nouvelle source de données, sélectionnez Web et commencez. Sélectionnez le pixel Facebook et cliquez sur Se connecter. Entrez le nom et l'URL du site Web, puis cliquez sur Continuer. Sélectionnez cette option pour ajouter manuellement le code pixel à leur site Web. Copiez le code et vous pouvez créer une nouvelle balise. Et Google Tag Manager a sélectionné le type de balise en HTML personnalisé. À base de la gourde. Cliquez sur Paramètres avancés sous la balise déclenchement Paramètres sélectionner une fois par page. Et dans ces options de déclenchement, sélectionnez tous les bêtas. Donnez-lui un nom et cliquez sur Enregistrer. Soumettez maintenant le conteneur pour les mises à jour et attribuez un nouveau nom de version. C' est ça. Maintenant, pour vérifier si le pixel Facebook se déclenche ou non, nous avons besoin d'une extension Google Chrome. Golda a Facebook Pixel Helper, installez-le à partir du Chrome Web Store et actualisez la page. voici, le pixel est le suivi des données et nous avons terminé avec la configuration du code pixel Facebook sur le site. Maintenant, vous pouvez suivre les événements standard ou créer des événements personnalisés à partir du responsable commercial Facebook pour faire glisser des données précieuses que le secteur apprend dans cette leçon et nous allons continuer dans la vidéo suivante. 49. Ajouter le chatbot à son site Web: Ils vont discuter en direct et les forums de discussion sont un excellent outil à utiliser sur le site Web. Il est très utile pour capturer des leads ou fournir une fonctionnalité de chat en direct au visiteur. Bien qu'il y ait tellement de plugins de vérification utiles ont étiqueté pour WordPress et vous pouvez les utiliser selon les besoins du projet et du budget. Dans cette leçon, laissez-nous apprendre comment vous pouvez intégrer Facebook Messenger sur le site Web pour la fonctionnalité de chat en direct. Accédez aux paramètres de la page Facebook, cliquez sur la messagerie ici, localisez l'option AG messenger sur le site Web et commencez. Personnalisez les paramètres Messenger, les couleurs , l' alignement et entrez l'URL complète du site Web. Cliquez sur Enregistrer et copiez le code. Maintenant, collez ce code dans le plug-in d'en-tête et de pied de page après la balise body et cliquez sur Enregistrer, voyelle. Facebook Messenger est prêt sur le site Web. C' est ça. Un autre plugin que je recommande d'utiliser pour le chat en direct est net. Vous pouvez l'obtenir à partir de la diapositive de plugin jour l'installateur, et suivre le processus d'installation. C' est très facile. Crisp dispose également d'une application mobile pour répondre aux demandes des visiteurs à tout moment et n'importe où en utilisant le téléphone mobile. Et si vous souhaitez utiliser un tableau noir pour collecter des leads, vous pouvez essayer de collecter et R-chart ou opt-in chat selon les caractéristiques et le budget. Je suis sûr que vous n'êtes pas familier avec la configuration d'un plugin à utiliser sur le site Web. Allez, vas-y et essaye-le. Je te verrai dans la prochaine vidéo. 50. Processus de création de sites Web en matière de créations de sites Web en respectant: Donc, vous savez maintenant comment utiliser Elementor et WordPress pour développer le site Web à un pixel parfait site sans aucun codage. Vous connaissez également les concepts fondamentaux, la structure d'une page Web, interface utilisateur et l'UX, la théorie des couleurs, la typographie, copywriting, la conception graphique, les modèles et les différences, marque et le processus de conception, WordPress AG Elementor. Si je vous ai demandé de créer un site web personnalisé à partir de zéro, serez-vous capable de le faire ? Si je vous demande de créer un site web et seulement Verna, serez-vous capable de le faire ? Et si je vous demande de créer un site web d'une seule page, serez-vous en mesure de le faire ? Évidemment, oui, vous avez fait cette alimentation fière de vous-même parce que vous pouvez maintenant le faire très facilement. Il suffit de suivre le processus étape par étape selon les exigences du projet et vous serez en mesure de compléter le projet de site Web très facilement. M' a amené à rafraîchir votre apprentissage et à rappeler certaines des étapes que nous avions apprises afin de créer un site Web personnalisé à partir de zéro. Ou ils commencent par la recherche et comprennent l'entreprise. Prenez un bon mémoire du client et analysez les concurrents pour construire une bibliothèque de référence. Puis développé un guide de marque et prendre les commentaires du client. Après cette conception, le site complet, commençant par wireframe, puis avec des visuels comme les images de logo et le contenu sur Figma ou tout outil de conception de site Web que vous préférez. Assurez-vous de continuer à recevoir les commentaires du client à toutes les étapes de la conception. Une fois que le design est prêt, vous devez simplement faire la configuration WordPress et utiliser l'élément ou visites pour appliquer la conception et développer toutes les pages Web. Intégrez le site Web avec toutes les plateformes et outils importants et assurez-vous d'optimiser le site Web pour la réactivité et la rapidité. C' est ça. C' est le processus de création d'un site Web à partir de zéro. Ce processus pourrait également inclure la conception des pages de destination ou la mise en place d'un site Web de blogs. Et vous êtes prêt à gérer les deux. Ensuite, s'il y a un client avec un budget très faible ou moins de temps, vous pouvez même créer un site Web pour lui et juste un bras. Pour cela, vous devrez utiliser des modèles. Vous pouvez utiliser des modèles de démarrage par force de remue-méninges, c'est-à-dire pour Astra Theme ou la bibliothèque de modèles Elementor ont tous les deux des modèles de conception impressionnants. Vous pouvez également utiliser les modèles disponibles sur Envato elements. Tous ces modèles de site Web sont bien structurés et organisés de sorte que vous pouvez importer un modèle de site Web complet, apporter des modifications dans le contenu en termes de texte et d' images et le site est prêt pour le client. Juste un de nos prochains, si vous souhaitez créer un site web d'une seule page, ce qui n'est pas recommandé du point de vue SEO. Mais quand même, si vous arrivez à le créer, le processus est simple. Suivez les mêmes étapes pour créer un site Web personnalisé, mais avec une seule page, c'est la page d'accueil. Et pour le menu, vous pouvez utiliser des liens personnalisés qui défilent vers le bas jusqu'à des options spécifiques. Pour cela, vous devez attribuer l'ID SSS à chaque section que vous voulez faire défiler en allant à l'option Avancé. N' ajoutez pas d'espace entre l'identifiant. Maintenant, dans le lien personnalisé attribué l'étiquette de menu, et dans l'URL, entrez l'URL de la page d'accueil suivie de l'identifiant CSS slug, commençant par un hashtag, complétez le menu, enregistrez-le. Et voici le site web d'une seule page. Lorsque vous cliquez sur les options de menu, vous allez faire défiler les sections vers le bas de la page d'accueil elle-même. Très bien, donc je crois que vous êtes maintenant prêt avec le processus de création du site et nous allons continuer dans la prochaine vidéo. 51. Optimisation du temps de charge: La page Web que vous essayez d'ouvrir en tant que chargement. Veuillez patienter, il est toujours en cours de chargement. Oups, désolé pour le retard, mais il est toujours en cours de chargement. S' il vous plaît patienter Il a presque chargé. Juste quelques secondes, minutes ou heures. Et enfin, Haidt est la page complètement chargée. Celui qui déteste demander assez vite, seulement une demi-minute pour charger. Qu' est-ce que tu en penses ? Je suis sérieux là-dessus ? Non, absolument pas. Un site Web idéal devrait être chargé en moins de trois secondes pour offrir une bonne expérience utilisateur. Et les moteurs de recherche prennent également très au sérieux la vitesse de chargement des pages en tant que facteur de classement. Il est donc très important pour nous d'optimiser le site Web pour le temps de chargement afin que la page Web soit chargée de préférence en moins de trois secondes, ou le TDAH soit le plus inférieur à cinq secondes. Il est important d'accélérer le chargement du site Web pour garantir une meilleure expérience utilisateur. Réduire le temps de chargement de la page, réduire la probabilité de frustration des utilisateurs et augmenter le taux de rebond. Bien que nous utilisions Elementor pour concevoir les pages Web et que les codes sont automatiquement générés dans le back-end. C' est quelque chose qui échappe à notre contrôle pour optimiser les tribunaux. Et nous devons dépendre de l'élément ou de l'architecture pour des citations propres. Et laissez-moi vous dire, Elementor a fait assez bien pour livrer une bonne vitesse de chargement des pages. Mais il y a quelques choses que nous pouvons contrôler et optimiser pour améliorer le temps de chargement d'une page web. En passant, comment tester la vitesse de chargement de la page pour une page Web, une idée ? Eh bien, vous pouvez utiliser de nombreux outils, mais les plus populaires sont les métriques GD épinglées sur et Google PageSpeed Insights. Alors allez, allez-y et vérifiez la vitesse des sites les plus célèbres en utilisant ces outils. Et ces outils vous fournissent également des suggestions pour améliorer la vitesse de chargement de la page. Laissez-nous apprendre quelques concepts que vous pouvez appliquer pour arriver à une vitesse de chargement de page décente. Le premier facteur est l'emplacement du serveur. Si vous utilisez un plan d'hébergement partagé, essayez de choisir l'emplacement du serveur le plus proche de l'audience cible. Il améliore la livraison des données du serveur au navigateur. Suivant consiste à utiliser un CDN. Un CDN signifie réseau de diffusion de contenu, et il fait référence à un groupe de serveurs répartis géographiquement qui travaillent ensemble pour fournir une livraison rapide de contenu Internet. Gardez à l'esprit qu'un CDN ne stocke pas le contenu du site Web et qu'il ne remplace pas le serveur Web. Il ne stocke que les vierges caissière et le livrer rapidement pour améliorer la vitesse de chargement de la page. Ensuite, il faut mettre à jour la version de PHP sur le serveur. Toujours mettre à niveau manuellement vers la dernière version stable de PHP pour améliorer la vitesse et les performances. Ensuite est d'utiliser une équipe légère sur le site comme Astra. Supprimez également tous les plug-ins indésirables du site Web ou supprimez les plug-ins qui ralentissent le chargement du site Web. Ensuite, il est de mettre à l'échelle les images pour les dimensions et la résolution appropriées car avoir l'image extra large ne nous est pas utile, et cela ne fera que ralentir le site Web. Vous pouvez également compresser l'image en utilisant un petit PNG ou bien utiliser le plugin comme optimal ou un optimiseur tuple W pour compresser les images que vous téléchargez sur Wordpress. Rappelez-vous que la réduction de la taille du fichier image est un facteur très important pour améliorer la vitesse de chargement de la page. Le facteur suivant est d'utiliser un plugin de mise en cache. La mise en cache de page fonctionne en créant une version HTML statique de votre page pour servir les visiteurs, plutôt que de forcer votre serveur à générer la page à partir de la base de données et des fichiers PHP pour chaque visite. Un plugin de mise en cache fournit généralement la minification, cache du navigateur et la compression G zip, ainsi que certains bons plug-ins de mise en cache sont le cache à vitesse lumineuse et la fusée WPA. Ici, la vitesse de la lumière est libre, mais WP rocket est un plugin premium, mais il offre des résultats exceptionnels par rapport aux autres plugins de cache. Cependant, restez prudent sur l'utilisation de ces plug-ins de cache car ils cassent parfois le site Web. Et nous avons souvent besoin de vider le cache à intervalles réguliers pour maintenir la conception des pages. Eh bien, si tous ces facteurs ne sont pas en mesure d'apporter une amélioration significative de la vitesse de chargement de la page. Envisagez de mettre à niveau vers un bon hôte ou un plan supérieur, ou simplement optez pour l'hébergement WordPress géré sur Cloud. Cela aidera certainement à améliorer la vitesse de la page et de continuer à vérifier les données PageSpeed en utilisant les mesures GET étant standard ou Google PageSpeed Insights. Et n'arrêtez pas d'optimiser votre objectif la vitesse sous cinq secondes. C' est tout pour apprendre dans cette leçon et nous allons continuer dans la prochaine vidéo. 52. Liste de contrôle du lancement de sites Web: Ils vont, ils vont alors, Je sais que vous êtes excité de lancer le site, mais je veux que vous soyez sûr que vous n'avez rien oublié ou faire quelque chose de mal. Avec cette liste de vérification complète du lancement du site Web, vous pouvez être sûr que vous avez coché toutes les cases et que votre site Web est prêt pour le court laps de temps. Il y a une série de tâches communes que vous devez effectuer pour que chaque site Web soit prêt à être lancé. Il s'agit essentiellement des meilleures pratiques que chaque site Web doit suivre. Voyons la liste. Le numéro un est de vérifier la page d'accueil. Vérifiez si vous avez correctement attribué la page d'accueil en tant qu'accueil dans les paramètres de lecture. Numéro 2 est de vous assurer que vous avez supprimé tout le contenu fictif et Lorem Ipsum qui est venu avec les modèles ou exemples de pages. En fait, nettoyé la liste des pages et poster et supprimer tous les indésirables. Ensuite, désactivez ou supprimez les plug-ins indésirables. Ensuite, vérifiez deux fois les paramètres de lien permanent pour la structure d'URL qui est définie sur nom de poste. Ensuite est de vérifier l'adresse e-mail de l'administrateur car toutes les données importantes de communication et de soumission de formulaire seront reçues sur cet e-mail. Seulement. Ensuite est de vérifier le fuseau horaire. Ensuite, vérifiez si l'indexation du moteur de recherche n'est pas bloquée. La prochaine consiste à recouper les paramètres des commentaires. Ensuite, vérifiez le titre et la description du site. Ensuite, vérifiez l'icône fav ou l'icône du site. L' une suivante consiste à vérifier les formulaires à soumettre à l'aide de certaines entrées de tests. La prochaine consiste à créer un 400 quatre pages personnalisées. Ok, donc qu'est-ce qu'un 400 quatre page est la page qui est affichée lorsque le visiteur entre un lien qui n'existe pas sur votre site Web. Vous pouvez facilement créer ceci en utilisant Elementor team builder en allant ajouter un nouveau modèle, en sélectionnant Erreur 400 quatre page, lui donnant un nom, concevant, en le publiant en ajoutant la condition 404 page, c'est tout. Ensuite, vous devez configurer une redirection des anciennes URL vers de nouvelles URL en utilisant le plugin de redirection. Il s'agit d'une option et ne l'utilisez que si nécessaire. Ensuite, assurez-vous que le certificat SSL est valide et que les URL ont HTTPS comme protocole. Ensuite, vérifiez si tous les liens internes fonctionnent correctement et si les données ne contiennent pas de liens cassés. C' est très important du point de vue SEO. Pour cela, vous pouvez utiliser une extension Chrome appelée argent SEO sur. Ensuite, vérifiez le titre SEO et les descriptions Meta. Eh bien, vous pouvez facilement définir le titre et la description de chaque page Web en utilisant le plug-in Yoast SEO. Ensuite, testez les données des visiteurs dans Google Analytics. Ensuite, vous devez soumettre le sitemap et Google Search Console pour l'indexation du site. Vous pouvez copier la longueur du sitemap à partir des paramètres généraux de Yoast SEO, puis sélectionner les fonctionnalités, en cliquant sur la question propre à proximité des sitemaps XML, cliquant sur le lien, voir le sitemap XML. Ici, copiez le slug uniquement et connectez-vous à Google Search Console. Cliquez sur sitemaps et collez la limace. Cliquez sur Soumettre. C' est le processus de demande d'exploration et d'indexation du site Web sur Google. Ensuite, vous devez assurer la configuration de l'outil de marketing par e-mail et l'intégration avec les formulaires. Ensuite est de vérifier la configuration des pages légales. Bien que cela dépend de l'exigence légale et juridiction du pays ou du lieu où vous travaillez. Mais il est toujours recommandé d'avoir au moins la page de politique de confidentialité sur le site Web et mis à jour sur les paramètres de confidentialité ainsi. Ensuite, vérifiez et optimisez les performances d'un site Web en testant le temps de chargement sur les métriques GT ou Pingdom ou Google PageSpeed Insights. Si le temps de chargement est plus élevé, vous pouvez suivre les suggestions pour réduire le temps de chargement dont nous avons parlé dans la leçon précédente. Ensuite est d'avoir un plan de sauvegarde pour conserver une copie du site Web au cas où quelque chose de mauvais se produirait, assurez-vous que la sauvegarde devrait utiliser fonctionne. Ensuite, sécurisez le site Web à l'aide de plugins de sécurité si nécessaire. Ensuite, vous devez vous assurer d'activer la licence des plugins premium pour la fonctionnalité de mise à jour automatique pour fonctionner. Et le point de contrôle final est de mieux, mieux vaut tester beaucoup sur différents navigateurs et appareils pour s'assurer que tout fonctionne bien. Il s'agit donc de la liste de contrôle de lancement du site Web et vous pouvez l'utiliser pour tous les sites Web que vous créez. Nous allons continuer dans la prochaine vidéo. 53. Avantages de utiliser Elementor Pro Vs Free: Elementor est sans doute le meilleur plugin Page Builder de label pour WordPress. Elementor. C'est la version gratuite, offre des possibilités de conception illimitées. Elementor Pro, cependant, vous pouvez utiliser des outils plus professionnels qui accélèrent votre flux de travail et vous permettent d'obtenir plus de conversions et de ventes. Alors devriez-vous faire cuire votre portefeuille et payer pour Elementor Pro, ou serez-vous très bien en utilisant la version gratuite de Elemental ? Essayons de comprendre les avantages de l'utilisation d'Elementor Pro. Elementor Pro est techniquement un ajout pour le plug-in Elementor gratuit. Autrement dit, si vous achetez Elementor via, vous aurez à la fois l'élément libre du plug-in et l'élément ou le plugin Pro actif sur votre site Web. Le premier avantage d'Elementor Pro est qu'il ajoute environ 13 visites supplémentaires pour construire la page Web. Ces widgets vous aident à rendre la conception de la page Web plus fonctionnelle et à éliminer le besoin d'utiliser de nombreux plugins tiers. Par exemple, le widget de formulaire vous permet de créer des formulaires personnalisés, directement à partir de l'interface Elementor. Le widget de curseur vous permet d'inclure des curseurs optimisés pour les performances. Et la post-visite vous permet d'afficher votre dernier post dans une grille sans avoir besoin d'un plugin tiers. Je voudrais mettre un accent particulier sur les formulaires visite ici. Les formulaires de contact sont une partie essentielle de chaque site web car ils sont les moteurs de conversion et de plomb. Elementor pros form assistant est révolutionnaire parce que tout le processus de gestion est visuel. Concevez vos formulaires sur le front end, puis connectez-les à n'importe quelle plateforme de marketing automatisé ou CRM de votre choix en quelques clics. Aussi du point de vue de la conception, vous pouvez ajouter des animations et des effets de défilement au site Web conçu pour un impact plus fort avec Elementor Pro. Ensuite, si vous exécutez un magasin de commerce électronique basé sur WooCommerce, vous allez adorer l'ajout d'une variété de widgets spécifiques WooCommerce. Le prochain avantage avec Elementor Pro est que vous avez accès à la bibliothèque de modèles complète. Nous savons tous qu'Elementor est livré avec une très grande bibliothèque de modèles, mais la plupart des modèles sont verrouillés dans la version gratuite et les analogues d'élément ou pro. Ensuite, avec l'élément ou la ligne, vous pouvez utiliser chaque modèle de page et bloc qui est étiqueté dans la bibliothèque. Cela accélérera le processus de création du site Web. Ensuite, vous obtenez le team builder avec Elementor Pro, et il ajoute de nouvelles fonctionnalités puissantes au site Web. Avec le générateur de thèmes Elementor, vous pouvez utiliser la même interface glisser-déposer pour créer votre équipe entière, y compris les modèles d'en-tête, de pied de page et de publication, qui autrement est très difficile à personnaliser avec les paramètres du thème. En outre, vous obtenez le générateur de fenêtres contextuelles avec Elementor Pro, ce qui est important pour capturer des pistes. Cela aidera à augmenter les ventes et les conversions. Vous pouvez concevoir la fenêtre contextuelle à l'aide de la technique de glisser-déposer, attribuer des conditions et des déclencheurs ainsi que des intégrations avancées. Et si vous êtes un codeur partiel, je connais CSS. Vous pouvez ajouter des CSS personnalisés qui libèrent Elementor, mais Elementor Pro vous permet d'ajouter directement des liens CSS à des widgets ou des sections individuels. Si vous aimez utiliser votre propre CSS personnalisé, alors c'est un très gros coup de pouce de productivité. Prochaine visite globale dans Elementor Pro, les budgets globaux vous feront gagner beaucoup de temps si vous envisagez de réutiliser la même visite sur plusieurs pages. Donc, pour conclure, vous pouvez être heureux avec trois éléments ou si vous voulez concevoir un site Web de base avec un bon contenu en utilisant une équipe flexible comme Astra, vous serez en mesure d'accéder aux modèles pré-conçus en utilisant le plugin templates de démarrage par force de remue-méninges. Vous pouvez planifier la mise à niveau vers Elementor Pro lorsque vous voulez créer des conceptions complexes et des pages de destination, utilisez WooCommerce pour configurer une boutique de commerce électronique. Ou si vous voulez team builder et Papa builder et l'accès à tous les éléments premium ou modèles ainsi que la visite globale et les balises dynamiques. Donc, la meilleure partie avec Elementor est que vous pouvez commencer avec gratuitement et mettre à niveau étape par étape chaque fois que vous avez envie de mettre à niveau. Très bien, donc c'est tout dans cette leçon et nous allons continuer dans la prochaine vidéo. 54. Aperçu des coûts: Une autre chose que vous devez vous demander que combien d'argent total vous devrez dépenser pour construire un site Web. Eh bien, pour comprendre cela, divisons le coût total en deux catégories. La première catégorie est le coût requis, c'est-à-dire le coût obligatoire, ce qui est impossible pour vous d'éviter. Il comprend le coût du nom de domaine et du plan d'hébergement. La catégorie suivante est le coût optionnel. C' est le coût que vous pouvez éviter si vous êtes prêt à sacrifier les fonctionnalités et les fonctionnalités. Cela inclut le coût des thèmes et des plugins. Commençons par la première catégorie. Et dans celui-ci, la première chose est le nom de domaine. Eh bien, un nom de domaine est très économique à obtenir. Le coût du nom de domaine dépend de deux facteurs. Numéro 1, où vous enregistrez votre nom de domaine. Et numéro deux, quelle extension de domaine vous voulez utiliser. Le coût d'un nom de domaine peut commencer à partir de 5$ et aller jusqu'à 50$ selon le choix de DLD ou d'extension. Mais en général, une extension de 10$ dot com est recommandée pour les débutants et la plupart des sites Web d'entreprise. Ensuite est le coût du plan d'hébergement. Vous obtiendrez toujours une offre spéciale sur la première année de plan d'hébergement. Et vous pouvez également l'acheter à long terme pour obtenir plus de rabais. En général, l'hébergement A2 plan statique coûte environ 80$ pour la première année, et Turbo Boost coûte environ 180 dollars. Et si vous allez avec des moyens Cloud qu' un serveur Digital Ocean commence avec 10$ par mois. Donc, le coût obligatoire de base avec un bon hébergement de performance serait quelque part autour de 90$ ou six à 7 mille roupies pour la première année. Gardez à l'esprit que c'est le coût du premier site Web. Vous pouvez économiser beaucoup d'argent si vous créez plusieurs sites Web. Si vous optez pour le Cloud, le coût d'un hébergement d'un an ne serait qu'un peu plus élevé que le plan de démarrage d'hébergement A2. Mais ici, vous devez effectuer le paiement sur une base mensuelle. Tu ne paierais pas le montant de l'ami. Cela pourrait être une option plus pratique pour certains d'entre vous. En passant, vous obtenez des options de paiement mensuel sur l'hébergement A2 également. Donc, tout dépend de votre besoin du type de serveur et de ressources. Donc, cette catégorie un est ce coût obligatoire pour la création du site Web. Et c'est le coût de la création du premier site Web. Si vous souhaitez créer plusieurs sites Web, alors c'est une situation plus rentable pour vous parce que sur l'hébergement A2, Turbo Boost ou DR plan, vous pouvez trouver un nombre décent de sites Web et le site Web PR hébergement va réduire de manière significative. La catégorie suivante est le coût optimal, et c'est vraiment facultatif. C' est à vous d'acheter les thèmes et les plug-ins selon les exigences du projet. Si vous prenez mon avis et si vous voulez économiser de l'argent sur les thèmes et les plug-ins, alors Elementor Pro fait une excellente option car il emballe tellement de fonctionnalités dans un seul outil, Ang, à un prix unique. Par exemple, vous aurez besoin des fonctionnalités spéciales comme un générateur de pages de destination pour créer des pages optimisées pour la conversion. Si le plugin de formulaire pour les formulaires de contact et d'inscription, un pop-up et e-mail opt-in plug-in pour aller. La liste e-mail est curseur plugin pour créer l'image et les curseurs de poste est le plugin bouton de partage social pour intégrer les médias sociaux, vous obtiendrez tous ces avec un seul abonnement Elementor Pro. Évidemment, vous pouvez commencer avec l'Elementor gratuit et passer à Elementor Pro en fonction du nombre de sites Web que vous souhaitez créer. Investir quelque 50$ ou 100$ ou 200$ sur Elementor Pro est vert parce que vous pouvez obtenir des rendements sous forme de conversions, sceaux, et avec les fonctionnalités impressionnantes, vous serez en mesure de facturer plus auprès des clients. Il s'agit donc d'une option, mais il est fortement recommandé d'investir pour la construction de sites Web professionnels. C' est tout dans cette leçon et nous allons continuer dans la prochaine vidéo. 55. Comment commencer une entreprise de développement Web de site et de développement: Il y a des milliers de personnes qui ont lancé de nouvelles entreprises chaque année, mais elles ne savent pas comment créer des sites Web pour elles-mêmes. Et il y a tellement d'entreprises en cours d'exécution et de professionnels qui n'ont pas de bonne image de marque et de sites Web mis à jour. Certains d'entre eux peuvent avoir un site Web et certains d'entre eux peuvent même ne pas avoir de sites Web. Donc, les nouvelles lignes directrices déclinent tous. Tant de lignes sont à la recherche d'une solution de site web. Tous les jours. Vous pouvez les aider et trouver un revenu à temps plein ou à temps partiel. Mais si vous voulez réussir que d'habitude, concentrez-vous sur certaines fondations pour concevoir soigneusement le bart de servir les clients et de gagner de l'argent. Et je suis très heureux de partager certains concepts liés à la gestion des clients et au démarrage de votre propre entreprise de développement de site Web. Si vous travaillez en tant que freelance hors entreprise, vous êtes responsable de vous assurer que tout fonctionne comme il faut. Vous devez vous assurer de réaliser des profits. Vous devez devenir vraiment doué dans gestion des relations avec les clients et peut-être des relations avec les employés. Faites-le. Vous devez également équilibrer ce travail de conception, que la tâche de vente et de marketing, les glissements de lots, l'envoi de propositions, les gourdes, la finition du projet à temps. Et c'est vraiment une tâche passionnante de travailler sur de nouveaux projets et de mettre en place de nouvelles lignes directrices pour qu'ils obtiennent des réserves grâce aux efforts de marketing. Et pourtant cela dit. Alors. Voyons comment vous pouvez mettre en place l'activité de développement de site Web. La première étape consiste à choisir une niche. Vous pouvez évidemment commencer par servir toutes les industries ANC singes aveugles. Mais nous savons qu'un valet de tous les métiers peut être un maître de rien. Essayé d'enterrer spécialité est au fil du temps avec type spécifique de stores. Les industries spécifiques sont des types de sites Web spécifiques. Il est un fait que si vous vous présentez comme un spécialiste d'une industrie, vous obtiendrez une réponse plus importante et un mendiant paie pour le projet au lieu de vous présenter comme un développeur web général. Après tout, votre spécialité aidera les lignes à obtenir des réserves meilleures et plus rapides par le processus éprouvé que vous suivrez. Tellement génial de trouver une sélection de niche. Assurez-vous toujours que le créneau que vous sélectionnez devrait avoir un bon score et bon nombre de nines actives et ils peuvent se permettre de payer pour le genre de sites Web que vous avez obéi. Ensuite, décidez quels sont les services qui vous ont été offerts au gland. Weather gear fournira uniquement le développement de site Web ou le développement de conception Web ou une solution complète de branding avec conseil, sans consultation, référencement, configuration d'automatisation de messagerie électronique, photographie, vidéographie. Faites une liste des solutions Wharton que vous fournirez aux lignes directrices. Gardez à l'esprit que vous devez fournir de la valeur dans n'importe quelle solution que vous fournissez. Donc, les Juifs, les services que vous pouvez fournir efficacement ou Basin pneus pour fournir une solution unique aux clients parce que les glandes préfèrent généralement attribuer un projet complètement à une seule agence, car il est facile pour eux de suivre. Ensuite, c'est de fixer vos objectifs. Quelle est la vision et la mission de l'organisme, ou en tant qu'individu ? Quels sont les objectifs financiers ? Quels sont les objectifs de répétition ? Combien de clients voulez-vous servir dans un mois ? Que voulez-vous réaliser au cours des prochaines années ? Où voulez-vous vous voir avoir un plan pour tous ces dès le début. Ensuite est de définir le taux mêmes frais. C' est un peu délicat, mais pour arriver à cela, vérifiez les concurrents et découvrez combien ils chargent. Aussi, jetez un oeil aux dépenses comme vos dépenses de marque, marketing, fantôme, frais de logiciel, frais d'hébergement, thèmes et plug-ins, tour de bureau, salaire des employés. Si vous en avez et que les contribuables apprennent à côté du coût optimal de votre service, alors les frais pour le site Web peuvent varier d'un projet à l'autre. Mais si vous voulez que votre entreprise soit couronnée de succès et que vous voulez vous sentir bien dans le travail que vous faites. Vous devez faire un profit peu importe la taille ou la taille du projet, puis choisir un nom pour l'entreprise qui est facile à retenir livraison et accrocheur, configurer les exigences légales comme obtenir des licences comme corps sont région d'exploitation, et commencez à créer votre image de marque numérique. À tout le moins, vous devez créer un logo, combinaisons de polices, le bulletin de vote principal, l'image, le style et l'aube du contenu. Ensuite, construisez votre site Web d'entreprise suivant toutes les meilleures pratiques que vous avez apprises. N' oubliez pas d'inclure les exemples de sites Web pour mettre en valeur le portfolio au gland. Ensuite, vous pouvez vous abonner à des outils de gestion de projet utiles, comme Trello ou Asana, qui aident à gérer le projet et à augmenter la productivité. Ensuite, gommez-vous avec un document de proposition et des contrats pour les services que vous offrez deux avions. Au fait, qu'est-ce qu'une proposition de site web ? Eh bien, c'est un document qui contient une description des solutions que vous fournirez au client avec le coût du service et la durée. C' est une étape très puissante et importante dans la résolution des lignes de développement de site Web parce que toutes les attentes sont énumérées et solution est engagée à un certain coût et l'insertion de Dame. Donc, si je vous dis ce que tous incluent dans le document de proposition, commencez par l'aperçu des problèmes, puis mentionnez la solution proposée, le calendrier et la tarification. Votre solution devrait sembler crédible et Verde n'a pas refusé investir dans la proposition avec un CTA et assurez-vous de fournir les coordonnées. C' est la façon idéale de créer une proposition pour le client. Ensuite, vous pouvez également utiliser certains outils de suivi de la douleur, comptable glisser du temps que vous avez passé à travailler sur le projet. Ensuite, créer un profil en ligne pour l'entreprise Lake ayant un compte Google mon entreprise, Facebook discours d'affaires, profil LinkedIn et profil YouTube chaîne Je suis inscrit sur Yelp. Après cela commencer à trouver des déclins et des projets. Ensuite, vous pouvez toujours commencer ce processus en demandant des références à votre famille, vos amis, vos collègues. Il y aura des gens autour de vous qui pourraient avoir besoin d'une solution et vous voulez juste les éviter, Hey, j'ai une solution. C' est le moyen le plus rapide de commencer à obtenir Klein. Ensuite, vous pouvez être actif sur les réseaux sociaux et les groupes pour diffuser le message à chacun, être plus grand réseau et les informer sur vos services. En fait, vous pouvez tirer parti de plusieurs plateformes de médias sociaux comme Facebook, linkedin, Instagram, et même Behance, Dribble pour obtenir de nouveaux clients et projets. Veuillez noter que lyndon est une plateforme puissante pour communiquer avec les gens d'affaires à travers le monde. Faites-en très bon usage car il a un énorme potentiel de générer des affaires pour vous. Ensuite est de faire usage de places de marché freelance comme 500 freelance ou élément ou experts à la hausse, chercher les projets pertinents, enchérir sur eux, et essayer de livrer un travail impressionnant à décliner pour renforcer la crédibilité et la réputation. Continuez à publier du contenu précieux sur le site Web sous la forme d'un billet de blog et d'aimants principaux pour démarrer l'entonnoir. C' est le moyen organique et très solide de construire une base de clients. N' oubliez jamais de publier des témoignages sur le site. Ensuite, vous pouvez également lancer des campagnes publicitaires payantes sur les réseaux sociaux et campagnes publicitaires pour obtenir du trafic sur la page de destination et essayer de les mettre dans l'entonnoir. Cependant, cela va vous coûter un bon montant. Mais si vous pouvez gérer cela, il est bon d'y aller. Et en passant, l' or atteint n'est pas non plus une mauvaise idée. Préparez une base de données et essayez de les sensibiliser par courriel, mais assurez-vous de rechercher le problème et de les traiter avec une meilleure solution. Message personnalisé. Jamais, jamais utiliser des messages généraux dans le vieillissement de l'or, toujours personnaliser les e-mails. Ça marchera pour vous. Vous pouvez donc suivre ces étapes pour démarrer votre activité de développement de site Web et commencer à obtenir ces lignes. Et laissez-moi aussi partager quelques conseils avec vous. Le conseil le plus important est que toujours essayé de fournir le meilleur rapport qualité-prix pour les clients. Ensuite, soyez toujours fidèle au travail et vous donner 100 pour cent à chaque projet. Soyez créatif, mais soyez toujours disciplinés. Toujours deuxième feuille de calcul vous et de s'y tenir. Créez des limites au sein de votre espace de travail ainsi qu'avec les clients. Les week-ends de repos et passer du temps avec les gens qui vous tiennent à cœur. Déposez votre nom d'obligation au moins une fois par an, communiquez avec et soutenez d'autres propriétaires d'entreprises créatives appartenant à la même industrie. Enfin, si vous voulez réussir dans le commerce en ligne, vous devez continuer à apprendre et à débattre des connaissances en suivant des cours AP, lisant des blogs et en assistant à des webinaires. Donc, gérez votre vie professionnelle en conséquence car les gens ont tendance à garder cela comme facultatif, mais datez mes mots, ce n'est pas facultatif. Seulement si vous continuez à apprendre, vous continuerez à apprendre. Ainsi, vous pouvez créer une entreprise de développement de site Web et commencer à gagner de l'argent. Je vous souhaite tout le meilleur et nous continuerons dans la prochaine vidéo. 56. Combien de facturer un site Web: Prix, le service de développement de site Web est un peu délicat. Il y a toujours un décile qui se passe à l'esprit que si je suis charge moins ou que je vais refuser payé autant pour mon travail. Eh bien, il n'y a pas de règles strictes en termes de mise en place du prix d'un projet, mais nous pouvons apprendre quelques méthodes générales pour faciliter cette tâche. Tout d'abord, gardez à l'esprit que le budget global du projet influence le produit final. Il facilite le nombre de fonctionnalités et de fonctionnalités que vous serez en mesure fournir et le temps que vous pourrez consacrer à l'interface utilisateur et à l'UX du projet. Ainsi, plus le budget, plus les fonctionnalités et le temps pour l'interface utilisateur et l'UX sont importants, c'est une règle simple. Il est important de trouver un prix juste parce que si vous facturez bas, vous ne serez pas en mesure de faire des profits. Et si vous facturez plus, vous risquez de perdre le client à un concurrent. Nous savons également que le coût minimum requis pour construire un site Web inclut le coût pour le nom de domaine et le plan d'hébergement. Alors que les fonctionnalités supplémentaires comme les thèmes et les plugins sont facultatives. Maintenant, si nous considérons certains facteurs pour décider du prix, le premier facteur serait votre niveau de compétence ou votre expérience. Combien de valeur vous pouvez fournir au client dans le projet. Si vous avez travaillé sur le développement de sites Web pendant un bon moment et que vous avez un portefeuille très solide pour présenter votre travail aux clients. Il devient plus facile pour le client de juger de la qualité et du niveau de votre travail et donc de justifier le montant que vous facturez pour le projet. Et si vous commencez tout juste, alors je vous recommande de créer au moins quelques exemples de sites Web pour présenter comme un portfolio de votre travail. Croyez-moi, vous serez en mesure d'obtenir un prix décent pour le site Web si vous avez un portefeuille à montrer. Le facteur suivant est la durée du projet. En fonction de votre expérience de travail, vous serez en mesure de déterminer combien de sous-projets devront être terminés et vous pouvez obtenir plus de clarté sur le montant à facturer en fonction du temps que vous passerez sur le projet. facteur suivant est le type de site Web. C' est s'il s'agit d'un site web d'information ou d'un site web statique, ou s'agit-il d'une page de destination avec optimisation des conversions et automatisation ? Ou est-ce un magasin de commerce électronique avec le paiement doit être collecté ? La tarification dépend de la criticité des fonctions sur le site. facteur suivant est le créneau dans lequel vous travaillez. Vous êtes dans la création de sites Web pour les médecins et les professionnels de la santé, alors vous pouvez obtenir une bonne valeur pour les sites Web que vous brûlez. Mais si vous créez des sites Web d'information de base pour certains fournisseurs locaux, il peut être difficile de facturer des fonds élevés pour le projet. facteur suivant est la taille de la portée du projet. Supposons que si vous créez un site Web à partir de zéro avec l'image de marque et la recherche, le prix sera plus élevé que la mise à jour d'un site Web précédemment réalisé avec quelques modifications mineures de contenu. Vous devez également considérer le nombre de révisions que vous autoriserez avant de lancer le site Web et quels seront les frais de maintenance annuels pour les mises à jour fréquentes, incontinent. Tous ces facteurs sont importants lors de la finalisation du prix d'un projet de site Web. Et si le client a besoin de ces fonctionnalités et fonctionnalités supplémentaires de la compagnie aérienne et que vous devez souscrire des plug-ins dédiés pour ce projet spécifique, alors n'hésitez pas à facturer des frais élevés. Un autre point important à considérer est la concurrence. Vérifiez comment les freelancers et agences facturent pour le développement du site web dans votre région ou dans votre niche et trouvez le prix idéal en fonction de votre niveau de compétence et des fonctionnalités, fonctionnalités que vous offrez au client. Gardez à l'esprit que les prix varient selon le pays et l'endroit où vous travaillez. À certains endroits, vous pourriez obtenir un prix bas, et à certains endroits, vous pourriez obtenir un bon prix même pour un petit projet, il est basé sur la situation économique de cette raison. Essayez donc de trouver les prix régionaux et finalisez votre prix en conséquence. Et le dernier facteur à considérer est la valeur du travail pour l'entreprise du client. Laissez-moi le dire clairement. Cela signifie facturer en fonction de la valeur que vous livrerez à l'entreprise du client. Si le site, vous pouvez créer valine grande valeur à l'entreprise de décliné, vous pouvez envisager de facturer un prix plus élevé. Et si le retour sur investissement du client n'est pas significatif, vous ne pouvez pas obtenir le prix premium. Vous allez juste facturer un prix décent. Donc, une fois que vous avez terminé avec le prix, complétez la proposition et envoyez-la au client. N' oubliez pas de mentionner les frais annuels récurrents de maintenance et d'hébergement que le client doit payer chaque année. Et puis tu es bon au travail. Vous apportez de la valeur. y aura pas de déni du côté client. Continuez donc de fournir de la valeur aux clients et votre entreprise continuera de croître de façon optimale. 57. Recap du cours: Donc, c'était vraiment un moment merveilleux à passer avec vous. Et j'espère que vous avez apprécié le cours. Si je vous le dis personnellement, je suis très heureux d'aider les gens à apprendre ces concepts de marketing et de marque qui les aident à construire leur carrière, développer leur carrière et à développer leur entreprise. Il y a un sentiment de satisfaction à offrir de la formation à des gens comme vous. Je tiens donc à vous remercier d'avoir consacré votre temps à ce cours et j' espère que j'ai apporté une bonne valeur à votre carrière et à votre croissance. Permettez-moi maintenant de vous donner un bref résumé des concepts de Waterloo que vous avez appris au cours de ce cours. Nous avons commencé le cours en définissant les trois étapes pour créer un site web qui découvre, conçoit et développe. Ensuite, nous avons appris à propos de l'établissement d'objectifs parce que chaque site Web est créé dans un but quelconque. Ensuite, nous avons discuté des fondations et des concepts de base comme ce qui est un site web responsive, nom de domaine , serveur web, quelques outils de productivité pour prendre des notes, structure d'une page web, en-tête, zone de contenu principale et pied de page. Ensuite, nous avons appris les concepts importants de l'interface utilisateur et UX, la théorie des couleurs, la palette de couleurs, topographie dans les téléphones, la mise en page. Ensuite, nous avons appris les principes de rédaction et les meilleures pratiques pour écrire les titres, contenu principal pour la page d'accueil, blog et la page de destination. Ensuite, nous avons discuté des principes de conception graphique et appris l'édition d'images et de vectoriels à l'aide de Canva et de graphiste. Après cela, nous avons commencé l'étape numéro un dans le processus de création du site, c'est-à-dire à découvrir. Ici, nous avons appris l'importance de comprendre l'entreprise, produits et les services avant de commencer à créer le site, nous avons appris l'importance de comprendre les clients et le marché, comment prendre des références et construire un bibliothèque de modèles. Notre prochaine étape, les lois pour concevoir le site Web et il est très important de concevoir le site complet. Avant de commencer ce développement à l'aide d'Elementor, il a élaboré le guide de l'image de marque et utilisé des outils de conception comme Figma pour concevoir toutes les pages Web des trois appareils, ordinateur, tablette et téléphone mobile. Ensuite, nous avons commencé l'étape de développement avec la compréhension du nom de domaine. Et nous avons aussi vu comment obtenir un nom de domaine gratuit pour le site de pratique. Ensuite, nous avons appris sur le plan d'hébergement, comment obtenir un plan d'hébergement gratuit pour le site Web des facteurs, et comment utiliser les paramètres DNS pour connecter le nom de domaine avec le serveur Web. Après cela, nous avons installé WordPress, fait quelques paramètres Wordpress communs, installons des thèmes et des plug-ins et commençons par le processus de création de page Web. Ensuite, nous avons appris à utiliser Elementor et à concevoir les pages Web facilement sans aucun codage. Eh bien, c'était la partie la plus importante d'apprendre dans tout ce cours de maîtrise du site Web. Ensuite, nous avons vu comment construire le pied de page d'en-tête, configurer le menu pour le flipside, mettre en place un blog et une page de destination. Ensuite, nous avons appris comment intégrer notre site Web avec Google Tag Manager, Google Analytics Search Console, suivi des conversions Google Ads, pixel Facebook et un bot de chat. Ensuite, la révision des étapes pour créer un site Web personnalisé à partir de zéro, pour créer un site Web dans un seul art, et pour créer un site Web d'une seule page. Ensuite, nous avons appris comment optimiser le temps de chargement du site Web, avons mis au point une liste de contrôle de lancement du site Web et compris les avantages de l'élément ou à travers, ainsi que la vue d'ensemble des coûts pour la création d'un site Web. Enfin, j'ai partagé quelques conseils sur la façon de démarrer une entreprise de développement de site Web et sur la façon de facturer un projet à des clients. Donc, ce sont tous les concepts et les techniques que nous avons appris dans ce cours de maîtrise du site sans codage. J' espère que c'était vraiment et bien informé et des objectifs pratiques pour vous. Et j'espère que vous allez appliquer tous ces concepts dans votre travail et obtenir un énorme succès. Et n'oubliez pas, vous devez compléter la tâche et partager le lien du site avec moi que je vais examiner personnellement et vous donner des commentaires. Encore une fois, je vous remercie d'avoir appris avec moi et avec tous les meilleurs. Bien faire. 58. Prochaines étapes: Félicitations, vous êtes maintenant terminé avec le cours d'apprentissage et maintenant vous devez aller de l'avant et créer un site de pratique. Vous pouvez partager le lien avec moi et je vais examiner personnellement le site Web. N' hésitez pas à recevoir des commentaires sur chaque étape de la phase de développement et continuez à superposer les doutes dès qu'ils sont apparus. Une fois que vous avez terminé avec le premier site de pratique, vous pouvez commencer à construire les autres pour créer un portefeuille solide à présenter aux clients. Et une fois que vous avez terminé les étapes pour démarrer l'entreprise de développement de site Web, vous pouvez commencer à prendre des projets. Vous pouvez travailler à temps plein ou à temps partiel en tant qu'individu, en tant que pigiste, ou vous pouvez créer votre propre agence numérique. Et même après ça, si vous avez besoin d'aide de Buy-side, je suis toujours là pour vous aider. Je ne parle pas des prochaines choses. Il y a tellement de concepts liés au SEO, marketing des médias sociaux, google Arts, marketing par e-mail, blogs, marketing d'affiliation, et beaucoup plus de trucs de marketing à distance à apprendre pour vous. Je vais vous proposer plus de cours sur tous ces sujets utiles et je crois que cela vous aidera à développer votre carrière et votre entreprise. Alors restez à l'écoute et restez connecté. Je vais vous mettre à jour avec les nouveaux cours car ils sont prêts pour l'inscription. Très bien, alors merci beaucoup. Et il y a une dernière vidéo à venir après ça. On se voit là-bas. 59. Partagez vos histoires de commentaires et de succès: Bon, donc j'ai fini de parler et maintenant c'est ton tour. Je veux que vous me disiez comment a été l'expérience du cours. Je vous demande de prendre un peu de temps et de me faire vos commentaires sur le contenu et la qualité du discours. Si possible, veuillez fournir un commentaire détaillé afin que je puisse comprendre ce toutes les choses fonctionnent pour vous et aspects de la bouteille doivent être améliorés dans les scores de mon site. Et si ce cours vous a apporté de la valeur et transformé de bonnes carrières, veuillez partager votre histoire sous la forme d'une courte vidéo expliquant notre parcours avant le cours et après le cours. J' apprécierai vraiment vos commentaires et votre soutien. Encore une fois, je vous remercie et vous souhaite plein succès pour le travail qui nous attend. Et je serai toujours là parce que vous avez accès à ce cours à vie. Donc, où que vous ayez envie de réviser un sujet, il vous suffit de lire les vidéos encore et encore et encore, autant que vous le souhaitez. Tout ce qu'il y a de mieux.