Comment créer un site Web WordPress professionnel (2023) – Tutoriel pour débutants

1. Introduction du cours: Salut les gars, c'est Marty qui vient de construire WP.com. Et j'ai décidé de faire ce tutoriel wordpress pour les débutants afin de vous montrer tout ce que vous aurez besoin de savoir pour construire un site Web dont vous pouvez être fier. Vous n'avez pas besoin de posséder des compétences de conception antérieures. Nous n'utiliserons aucun codage et cela ne nous prendra que 45 minutes environ. Donc, si vous avez besoin d'un site Web pour une entreprise en ligne que vous démarrez, ou peut-être voulez-vous simplement créer un site Web pour vous amuser. C'est ainsi que vous le faites. Je vais vous guider tout au long du processus étape par étape et d'une manière que n'importe qui devrait être capable de comprendre. Ainsi, même si vous n'avez utilisé votre ordinateur que pour envoyer des courriels et regarder des vidéos de chat aléatoires, vous ne devriez toujours avoir aucun problème à créer ce site Web. Mais plutôt que de simplement en parler, jetons un coup d'œil au site Web que nous allons construire. Je vais donc vous montrer comment ajouter un logo et une image d'en-tête en haut, et comment modifier les couleurs de notre site. Ensuite, nous expliquerons également comment créer différentes pages qui seront ajoutées à notre menu. Et ces pages contiennent du texte, images et tout ce dont nous pourrions avoir besoin. Nous ajouterons également un formulaire à notre page de contact afin que nos visiteurs puissent nous envoyer un message s'ils en ont besoin. Ensuite, le site Web était des bâtiments qui allaient également avoir un blog où nos articles auront ces superbes images en vedette. Et lorsque nous cliquons dessus, nous aurons nos images textuelles et tout autre contenu que nous ajoutons. Et ensuite, en bas, nous aurons également une section de commentaires où nos visiteurs pourront nous laisser une réponse. Ensuite, nous aborderons également comment changer la barre latérale WordPress, qui est cette partie qui se trouve à droite de nos pages. Et nous pouvons ajouter des éléments tels que des images, du texte et des listes de nos derniers articles de blog. Ce site Web sera également 100% compatible avec les appareils mobiles, ce qui signifie qu'il sera incroyable sur n'importe quel appareil. Donc, si je rends cette fenêtre un peu plus petite, nous pouvons voir à quoi ressemble notre site Web sur une tablette. Ensuite, si nous le réduisons un peu, encore une fois, c'est à quoi ressemblera notre site Web lorsqu'on sera visionné sur un téléphone portable. Donc, quel que soit l'appareil sur lequel il est visualisé, il aura toujours fière allure. Je sais que vous n'allez probablement pas construire un site Web sur le café comme mon exemple de site. Mais ne vous inquiétez pas, cela fonctionnera pour presque tous les types d'entreprise ou de sites Web dont vous pourriez avoir besoin. Voici donc le site Web de CMB avec différentes images et marques vous donner une idée de ce que je veux dire. Et comme vous pouvez le constater, le site web sera presque toujours superbe. 2. Les 5 étapes principales: Dans l'introduction de cette vidéo, j'ai dit que vous n'auriez pas besoin de compétences de conception antérieures et que nous n'utiliserons aucun codage pour construire notre site Web. Et c'est parce que nous allons utiliser WordPress.org. Il s'agit de la même plateforme que celle utilisée par des entreprises telles que Forbes, CNN et Sunni, juste le nom de quelques-unes. Et pas seulement cela, mais WordPress est également très facile à utiliser. En fait, il n'y a que cinq étapes principales à suivre pour créer un site Web professionnel avec WordPress. La première chose à faire est donc de créer un compte d'hébergement Web pour notre site. Et c'est essentiellement là les différents fichiers qui composent notre site Web seront stockés en ligne afin que les utilisateurs puissent accéder à notre site même lorsque nos propres ordinateurs se sont éteints. L'hébergement Web est quelque chose dont nous aurons besoin pour gérer un site Web, et il nous coûtera généralement environ 12$ par mois. Ensuite, la prochaine chose que nous devons faire est d' enregistrer un nom de domaine pour notre site Web. Un nom de domaine est essentiellement le titre de notre site Web avec www dot avant lui, et.com après lui. Et c'est ce que nous tapons dans le navigateur Internet DIR pour visiter un site Web spécifique. Par exemple, le nom de domaine de Google est www.google.com. Une fois de plus, un nom de domaine est quelque chose dont nous aurons besoin pour gérer un site Web et nous coûtera généralement environ 13$ par année. Nous payons donc notre hébergement Web une fois par mois, puis nous payons notre nom de domaine une fois par an. Ensuite, une fois que nous avons notre nom de domaine et notre hébergement Web, nous pouvons passer à l'étape suivante qui consiste à installer WordPress. Cela ne prendra qu'environ 60 secondes pour que nous puissions le faire. Et comme WordPress est un logiciel open source, il est également 100% gratuit pour nous. Une fois WordPress installé, nous allons passer à la quatrième étape, qui consiste à choisir et à personnaliser un thème WordPress. Cela va changer l'apparence complète de notre site WordPress et le rendre plus semblable au site Web que nous essayons de créer. Et la dernière chose que nous devons faire est d'ajouter nos différents contenus, qui seront essentiellement les pages principales qui composent notre site Web. peut donc s'agir d'une page à propos et d'une page de contact. Maintenant, je vais aussi couvrir quelques autres morceaux et morceaux ainsi que nous allons le long. Mais ce sont vraiment les cinq étapes principales que nous devons suivre pour construire un site Web WordPress professionnel. 3. Enregistrer des noms de domaine et de domaine: Comme nous pouvons le constater, les premières choses à faire sont de configurer hébergement Web et d'obtenir un nom de domaine pour notre site Web. Et heureusement pour nous, nous pouvons obtenir les deux au même endroit, qui est un site Web appelé Host Gator.com. Et c'est une entreprise que j'utilise depuis des années sans aucun problème. Il existe une grande société d'hébergement à faible coût, qui est exactement ce que nous voulons. Et ils sont également ici que j'utilise actuellement pour héberger, allons construire WP.com. Donc, si vous acceptez ma recommandation, il suffit d'ouvrir notre navigateur Internet et d'accéder à Host Gator.com. Une fois arrivés ici, nous allons survoler l' hébergement en haut et cliquer sur l'hébergement partagé. Et cela va nous montrer les trois différents plans d'hébergement proposés par Host Gator. Pour être tout à fait honnête avec vous, le plan d'affaires est livré avec tout un tas d'extras supplémentaires vous n'en aurez probablement pas besoin juste pour commencer, ce qui ne fait que le laisser entre les plan d'éclosion et le plan bébé. Et la seule vraie différence entre ces deux forfaits est la quantité de sites Web que nous pouvons avoir sur chacun d'eux. Ainsi, avec le plan d'éclosion, nous pouvons avoir un seul site Web. Et avec le plan bébé, nous pouvons avoir autant de sites Web que nous le voulons. Donc, comme je ne fais que cela pour le tutoriel, je vais choisir le plan d'éclosion. Et une fois que nous aurons décidé du plan que nous allons adopter, nous pouvons simplement cliquer par bruit en dessous. Cela va nous amener ici. Et c'est ici que nous allons enregistrer le nom de domaine pour notre nouveau site Web. Il nous suffit donc de taper notre domaine. Nous voulons nous inscrire dans cette boîte en haut. Et pour mon exemple, je vais taper un site Web sur le café. Et ensuite, sur la droite, nous pouvons choisir notre extension de domaine. Et je vais choisir .com, ce qui signifie que le nom de domaine que j'enregistre dans cet exemple est un site Web respectant coffee.com. Tant que les domaines sont disponibles, il s'agit ici de domaine principal. Mais s'il apparaît et indique que le domaine n'est pas disponible, il faudra malheureusement choisir autre chose. Aussi longtemps que le domaine que nous voulons est disponible, nous pouvons faire défiler jusqu' à l'endroit où il est indiqué protection de la confidentialité du domaine. Il s'agit d'un module complémentaire facultatif. Et normalement, je décoche cette case moi-même et je n'ai eu aucun problème. Mais si vous essayez de garder votre site Web anonyme, suffit de laisser cette case cochée et il sera ajouté à votre facture. Puis, en dessous, il est indiqué Choisir un plan d'hébergement. Et ici, nous voulons simplement vérifier que notre type de colis est correct et choisir un cycle de facturation. Dans cet exemple, j'ai opté pour le plan d'éclosion. C'est donc exact. Et puis ici, à droite, nous pouvons choisir haut souvent nous aimerions payer pour notre hébergement. Maintenant, cela va dépendre du montant que vous devez dépenser sur votre site Web. Mais je recommanderais de régler cela à 12 mois ou plus s'il le peut. Non seulement parce qu'il y a une réduction exceptionnelle par rapport à la facturation mensuelle, mais nous recevons également notre nom de domaine gratuitement si nous y passons 12 mois ou plus à l'avance. Il y a donc vraiment quelque chose à penser. Cela étant dit, je vais régler le mien à 12 mois. Une fois que nous aurons terminé ici, nous pourrons faire défiler vers le bas. Et ici, nous allons simplement entrer notre adresse e-mail et choisir un mot de passe et un code PIN de sécurité pour notre compte. Ensuite, nous pouvons entrer nos informations de facturation personnelles. Donc, des choses comme notre nom et notre adresse. Et à droite, nous pouvons choisir porc qui souhaite payer notre commande. Et nous pouvons choisir une carte de crédit ou de débit ou PayPal. Une fois que nous avons terminé, nous pourrons faire défiler vers le bas. Et ici, nous verrons qu'il est dit ajouter des services supplémentaires. Et ce ne sont que quelques extras supplémentaires offerts par Host Gator. Normalement, je décoche ces cases moi-même, mais vous pouvez les lire. Et si vous voulez l'un d'entre eux, il suffit de cocher la case qui sera ajoutée à votre facture. Une fois que nous aurons terminé ici, si nous faisons défiler vers le bas, nous verrons qu'il est indiqué entrer un code de coupon. Maintenant, il y a peut-être déjà un coupon entré ici d' une valeur de 20 ou 25 % de réduction. Mais si nous supprimons cela et que nous saisissons plutôt, construisons WP. Lorsque nous cliquons sur Fichier et que nous faisons défiler vers le bas, nous verrons que le prix est maintenant encore moins cher. Et nous recevons à la fois notre hébergement Web et notre nom de domaine pour moins de 40$. Et rappelez-vous que c'est pour toute l'année et que ce sont les seules choses que nous devons payer quatre, qui signifie que ce site Web nous coûtera moins 3,50$ par mois, ce qui est génial. Maintenant, avant de continuer, je voudrais simplement signaler rapidement que je recevrai une petite commission de Host Gator si vous effectuez un achat via mon lien ou utilisez mon code promo, cela ne coûtera pas cher vous n'avez rien de plus, et cela signifie que je peux continuer créer ces tutoriels gratuitement. Merci donc d'avance si vous utilisez mon coupon et même si vous ne l'avez pas encore fortement recommandé utiliser Host Gator pour votre site Web. Mais de toute façon, revenons au tutoriel. Donc, en bas, nous voulons juste vérifier nos commandes, n'est-ce pas ? Et si nous regardons ici à gauche, nous verrons qu'ils offrent une assistance par téléphone, par chat en direct et par e-mail 24 heures sur nous verrons qu'ils offrent une assistance par téléphone, par chat en direct et par e-mail 24 heures 24, 7 jours sur 7. Et ils ont une garantie de remboursement de 45 jours au cas où nous changerons d'avis. Ensuite, une fois que nous sommes satisfaits de tout ici, il suffit de cocher cette case en bas, d'accepter leurs conditions, puis de cliquer sur bruit de caisse. Donc, si vous suivez à la maison, mettez simplement cette vidéo en pause pendant que vous payez votre commande, puis revenez et appuyez sur Lecture. Et nous continuerons à construire votre site Web ensemble. 4. Installer WordPress (.org): OK. C'est donc moi maintenant que je suis de retour et quand j'ai fini de payer ma commande, j'ai été amené sur une page en disant merci, c'est fini. J'ai été redirigé vers la page d'accueil. Donc, si vous suivez chez vous, à ce stade, nous pouvons fermer Host Gator. Au lieu de cela, nous voulons ouvrir notre boîte de réception où nous devrions trouver de nouveaux e-mails de Host Gator. Ces courriels contiennent des informations très importantes, nous devons donc les protéger. Mais pour l'instant, nous allons cliquer dans l'e-mail qui indique que vous êtes un conda info. Et dans cet e-mail, nous verrons un lien vers votre panneau de configuration , également connu sous le nom de panneau C. Notre nom d'utilisateur et notre mot de passe pour vous connecter à d'autres informations concernant notre compte. Ici, nous allons cliquer sur le lien vers votre panneau de configuration, qui va ouvrir l'écran de connexion cPanel dans un nouvel onglet. Et maintenant, nous avons juste besoin de copier et P est le nom d'utilisateur et le mot de passe étoile de cet e-mail dans l'écran de connexion cPanel. Ensuite, une fois que nous les avons, P est vrai, alors nous pouvons cliquer sur Connexion. Et c'est nous qui allons nous connecter à l'hôte gator voir pano, où nous allons installer WordPress. Cela peut sembler un peu écrasant au début, mais c'est plutôt facile. Tout ce que nous devons faire, c'est faire défiler jusqu' à l'endroit où il est dit logiciel. Puis cliquez sur Moniteur Wordpress. Ensuite, nous devons cliquer sur Installer. Et cela va ouvrir l'écran de configuration de WordPress. Ensuite, à droite, nous voulons simplement nous assurer que cette première case indique HTTPS, et que notre nouveau nom de domaine est sélectionné dans la zone située à côté. Ensuite, nous pouvons modifier le titre de notre site et le slogan à l'aide de ces deux cases. Je vais donc taper le site Web Coffee comme titre de mon site. Et puis, pour mon slogan, je vais mettre un site web sur le café. Bien que ne vous inquiétez pas trop pour l'instant, car nous pourrons toujours les changer à nouveau plus tard. Ensuite, nous pouvons créer le nom d'utilisateur et le mot de passe que nous voulons pour vous connecter au site de reprise après sinistre. Ensuite, nous pouvons mettre à jour notre adresse e-mail sous cette rubrique. Une fois que nous avons terminé ici, nous pourrons changer la langue de notre site si nécessaire. Mais je vais quitter le mien tel quel. Ensuite, nous allons passer en revue les plugins et thèmes optionnels qu'ils proposent car nous allons les installer plus tard. Enfin, il suffit cliquer sur Installer en bas. Et l'hôte gator va commencer à installer WordPress. Cela prend généralement moins d'une minute. Et une fois que c'est fini, ils diront, félicitations, le logiciel a été installé. À ce stade, nous pouvons cliquer sur le lien côté de l'URL d'administrateur, qui ouvrira le tableau de bord WordPress dans un nouvel onglet. Et c'est là que nous pouvons ajouter n'importe quel contenu ou apporter des modifications à notre nouveau site Web WordPress, qui est d'ailleurs désormais en ligne. Pour visiter notre site Web, il suffit cliquer sur le titre de notre site en haut à gauche. Et cela va nous montrer à quoi ressemble WordPress lorsque nous l'installerons pour la première fois. Non, le vôtre peut être un peu différent et parfois ils changent le thème par défaut. Mais de toute façon, nous allons simplement voir du contenu de démonstration ou pas grand-chose d'autre. Cela a déjà l'air incroyable, mais nous allons construire quelque chose de bien mieux que ça. 5. Supprimer le contenu de démo: Maintenant que WordPress est installé, la première chose que nous allons faire est de supprimer tout le contenu de démonstration avant de commencer à ajouter le nôtre. Pour ce faire, il suffit de revenir à notre tableau de bord en cliquant sur le titre de notre site en haut. Et ensuite, si nous cliquons sur Pages et sur notre menu de tableau de bord de gauche, cela va nous montrer toutes les pages que nous avons sur notre site, qui n'est actuellement que cette page de démonstration. Pour le supprimer, il suffit de passer la souris sur le titre de la page, puis de cliquer sur corbeille. Maintenant, nous allons faire la même chose pour notre billet de blog de démonstration. Au lieu de cliquer sur les pages à gauche, nous allons cliquer sur les publications. Ensuite, nous pouvons survoler titre de la publication et cliquer sur Corbeille pour le supprimer. Et enfin, nous allons également désinstaller quelques plug-ins de démonstration. Et pour ce faire, nous pouvons cliquer sur les plugins à gauche. Et cela va nous montrer tous les plugins que nous avons installés. Les plugins sont essentiellement comme des extensions ou des add-ons pour WordPress qui ou nous permettent ajouter des fonctionnalités supplémentaires sur le site Web DER que WordPress n'est pas fourni par défaut. Par exemple, il s'agirait formulaires de contact et de boutons de partage social. Nous allons revenir voir comment utiliser les plug-ins plus loin dans cette vidéo. Mais pour l'instant, nous allons simplement supprimer ceux qui ont été préinstallés. Pour ce faire, il suffit de cocher la case en haut pour sélectionner tous les plug-ins de la liste. Ensuite, nous pouvons sélectionner Désactiver à l'aide ce menu déroulant et cliquer sur Appliquer. Ensuite, une fois ces plugins désactivés, nous allons les supprimer et essentiellement à la manière CMB. Il suffit donc de cocher à nouveau la case en haut. Ensuite, au lieu de choisir désactivé, nous allons choisir Supprimer cette liste déroulante, puis cliquer sur Appliquer. Wordpress va ensuite supprimer tous les plug-ins de notre site. Et cela ne prend généralement que quelques secondes. 6. Installer le thème WordPress: Et maintenant que nous avons supprimé le contenu de démonstration et supprimé tous les plug-ins. Si nous visitons notre site en cliquant sur le titre de notre site en haut, nous verrons qu'il n'est pas complètement vide et prêt à commencer à personnaliser. Ensuite, la prochaine chose que nous allons faire est de changer notre thème WordPress. Et cela va changer l'aspect complet de notre site et rendre plus semblable au site Web personnalisé que nous essayons de créer. Pour ce faire, nous allons revenir à notre tableau de bord en cliquant sur le titre de notre site en haut à gauche. Ensuite, si nous cliquons sur Apparence à gauche, cela va nous montrer tous les différents thèmes que WordPress est livré avec préinstallés. Comme nous pouvons le voir, j'ai actuellement le thème 2019 actif dans cet exemple, car c'est celui qui dit actif en dessous, puis nous pouvons également passer à l'un de ces autres thèmes si nous le voulons, par le survol est mon argent, le thème et le clic sur Activer. Mais plutôt que de le faire, nous allons installer un nouveau thème en cliquant sur Ajouter un nouveau en haut. Cela va ensuite nous montrer les milliers de thèmes gratuits différents que WordPress a à offrir. Et nous pouvons filtrer ces thèmes en haut de la page en fonction , des plus populaires et des derniers. Ou si nous connaissons déjà le nom d' un thème spécifique que nous voulons installer, nous pouvons le saisir dans la barre de recherche en haut à droite. Dans cet exemple, je vais installer un thème appelé primer, qui est un thème génial qui fonctionnera pour la plupart des types de sites Web. Et c'est aussi celui que nous avons vu au début de cette vidéo. Maintenant, euh, vous pouvez évidemment choisir un thème différent si vous le souhaitez, et les étapes seront à peu près les mêmes. Mais si vous ne savez pas quel thème utiliser, je recommande ce ver. De plus, l'une des choses géniales de WordPress est que nous pouvons changer notre thème à tout moment sans affecter notre contenu. Donc, si nous choisissons ce thème pour le bruit, il s'avère que nous ne l'aimons pas. Nous avons juste besoin d'en installer un nouveau. Mais pour l'instant, nous allons taper le mot primaire dans la barre de recherche en haut à droite. Et quand il apparaît, suffit de cliquer sur Installer. Wordpress va ensuite décompresser et installer le thème pour nous tout de suite. Et une fois que c'est fait, nous pouvons cliquer sur Activer. Et maintenant, si nous cliquons sur le titre de notre site en haut à gauche pour visiter notre site, nous verrons que notre thème a été mis à jour et que nos sites Web s'affichent désormais beaucoup mieux. 7. Identité du site (titre et logo): Ensuite, une fois que nous sommes satisfaits du thème que nous avons installé, nous pourrons commencer à le personnaliser. Et pour ce faire, il suffit de cliquer à l' endroit où il est indiqué Personnaliser en haut. Cela va ouvrir nos options de thème sur la gauche, et nous verrons un aperçu en direct de notre site Web à droite. Ensuite, si nous cliquons sur la première option sur l'identité de site marquée à gauche, nous pouvons modifier le titre et le slogan de notre site en modifiant le texte qui apparaît dans ces deux zones. Donc, pour cet exemple, si je change le titre de mon site, l'heure du café à gauche verra qu'il est mis à jour immédiatement dans l'aperçu à droite. Ensuite, nous pouvons faire la même chose pour notre slogan, qui est la ligne de texte qui apparaît sous le titre de notre site. Je vais donc juste taper rapidement quelque chose ici sur la gauche. Et une fois de plus, lorsque nous le ferons, nous verrons les mises à jour sur la droite. Ensuite, si nous avons une image de logo que nous aimerions utiliser à la place, nous pouvons cliquer sur Sélectionner le logo en haut, puis cliquer sur Charger des fichiers au milieu. Nous allons maintenant chercher l'image sur notre ordinateur. Et lorsque nous trouvons l'image que nous aimerions utiliser, il suffit de cliquer dessus, puis de cliquer sur ouvrir l'image téléchargée sur notre site Web. Une fois l'image téléchargée, nous pouvons cliquer sur Sélectionner en bas droite, puis recadrer notre image si nécessaire, ou cliquer sur Ignorer le recadrage. Lorsque nous le faisons, nous verrons que notre logo apparaît désormais dans l'aperçu à droite au lieu du titre et du slogan de notre site. Ensuite, à gauche, nous pouvons également modifier le texte du droit d'auteur de notre pied de page, c'est-à-dire ce texte qui apparaît en bas de notre site Web. Je vais donc juste changer cela pour dire l' heure du café au lieu de mon nouveau site Web sur la gauche. Et quand je le ferai, il sera mis à jour dans l'aperçu à droite. Ensuite, nous pouvons également décocher cette case à gauche qui indique afficher le crédit d'auteur du thème. Et ça va supprimer le lien pour aller papa par le bas. Ensuite, la dernière option à gauche consiste à ajouter une icône de site, qui est la petite icône qui apparaît à côté du titre de notre site dans notre navigateur Internet. Il suffit donc de cliquer sur Sélectionner une image sur la gauche. Ensuite, nous pouvons cliquer sur Télécharger des fichiers en haut, sélectionner les fichiers au milieu. Ensuite, nous allons chercher l'image sur notre ordinateur. Lorsque nous le trouvons, il suffit de cliquer dessus, puis de cliquer sur Ouvrir. Ensuite, une fois notre image téléchargée, nous pouvons cliquer sur Sélectionner en bas à droite, puis recadrer l'image si nous devons cliquer sur Ignorer le recadrage. Et lorsque nous le ferons, nous verrons que l'icône de notre site apparaît désormais à côté du titre de notre site dans notre navigateur Internet. Ensuite, une fois que nous sommes satisfaits de tout ce qui est ici, nous pouvons cliquer sur Publier en haut pour voir si nos modifications sont apportées. Cliquez ensuite sur la flèche pointant vers l'arrière en haut à gauche pour revenir à la liste des options du thème. 8. Mise à jour de la mise en page, des couleurs et des polices: Maintenant, nous allons simplement cliquer sur l' option suivante, qui est la mise en page. Et ici, nous pouvons modifier la mise en page de notre site Web pour qu'elle soit fixe ou fluide. Et il ne s'agit essentiellement que des marges de notre site. Donc, si nous changeons cela en fluide à gauche, nous pouvons voir que la mise en page ne change que légèrement à droite. Personnellement, je vais juste le remettre en état. Mais si vous le modifiez, n' oubliez pas de cliquer sur Publier en haut pour enregistrer vos modifications. Ensuite, nous pouvons cliquer sur la flèche pointant vers l'arrière en haut pour revenir en arrière. Maintenant. Ou nous pouvons cliquer sur l'option suivante, qui est les couleurs. Et ici, nous pouvons modifier les différentes couleurs de notre site Web. Donc d'abord, si nous cliquons sur les jeux de couleurs, nous pouvons choisir un jeu de couleurs principal à l'aide de cette liste déroulante. Et lorsque nous le ferons, nous verrons que les couleurs sont mises à jour sur la droite. Personnellement, je pense que le jeu de couleurs par défaut ressemble mieux à la couleur de mon logo, donc je vais le conserver par défaut. Ensuite, une fois que nous avons choisi un jeu de couleurs, nous pouvons cliquer sur la flèche pointant vers l'arrière, puis modifier chacune des puis modifier chacune des couleurs individuelles en cliquant sur ces différentes sections. Par exemple, si nous cliquons sur l'en-tête, nous pouvons modifier la couleur du titre et du slogan de notre site. Si nous n'utilisons pas de logo, nous pouvons également modifier couleur d'arrière-plan de notre en-tête. Pour ce faire, il suffit de cliquer sur Sélectionner la couleur, puis de choisir la couleur que nous voulons. Et comme nous pouvons le constater lorsque nous choisissons notre couleur, elle est mise à jour en temps réel sur la droite. Ensuite, si nous voulons revenir à la couleur d'origine, il suffit de cliquer sur le bouton par défaut. Une fois que nous sommes satisfaits de ces couleurs, nous pouvons cliquer sur la flèche pointant vers l'arrière en haut à gauche pour revenir en arrière. Ensuite, nous pouvons utiliser ces mêmes étapes pour modifier les couleurs de nos menus, boutons et autres choses du genre. Et je vais le faire rapidement pour gagner du temps. Ensuite, une fois que nous sommes satisfaits des couleurs de nos vues, il suffit de cliquer sur Publier en haut pour voir si nos couleurs changent. Cliquez ensuite sur la flèche pointant vers l'arrière pour revenir en arrière. Et maintenant, nous allons cliquer dans la section suivante, à savoir les polices. Nous pouvons donc modifier les polices pour des éléments tels que le titre de notre site et le slogan, nos menus, nos en-têtes de texte et d'autres choses du genre. Il suffit de choisir les polices que nous aimerions utiliser pour chacune d'elles à l'aide de ces menus déroulants. Je vais donc changer rapidement tous les miens en carbone Fontan, cet exemple. Mais évidemment, vous pouvez passer un peu plus de temps et expérimenter la liste complète des polices. Une fois que nous sommes satisfaits de nos nouvelles polices, nous pouvons cliquer sur Publier en haut pour voir nos modifications, puis cliquer sur la flèche pointant vers l'arrière pour revenir en arrière. 9. Mise à jour des images d'en-tête et de fond: Et maintenant, nous allons cliquer sur la section suivante qui est la tête ou le média. C'est ici que nous pouvons ajouter une image d'en-tête à notre site Web. Non, il existe une option vidéo d'en-tête deobda si nous le voulons, mais la plupart du temps cela n'aura pas vraiment de sens et peut parfois entraîner le chargement de notre site lentement. Mais si vous souhaitez avoir un en-tête vidéo, vous pouvez simplement publier une URL vidéo YouTube dans cette zone. Et WordPress le fera automatiquement pour vous. Ou si nous faisons défiler vers le bas, nous pouvons télécharger une image d'en-tête à la place. Il suffit de cliquer sur Ajouter une nouvelle image, puis de la télécharger la même manière que nos autres images pour gagner du temps dans cette vidéo Il y a une image par défaut pour nous montrer de l'eau à ressembler. Et je vais juste utiliser celui-ci. Donc, lorsque je clique dessus, nous pouvons voir que les mises à jour à droite ne choisissent pas la nouvelle image comme en-tête de notre site Web. Et si nous voulons le supprimer à nouveau, il suffit de cliquer sur Masquer l'image. Une fois que nous aurons terminé ici, nous allons simplement décocher cette case haut qui indique utiliser l'image en vedette. Ensuite, nous pouvons cliquer sur Publier en haut pour voir si nos modifications ont été apportées et cliquer sur la flèche pointant vers l'arrière pour revenir en arrière. Non, la prochaine option est l'image d' arrière-plan et je vais juste sauter ça moi-même. Mais si vous voulez le télécharger, vous pouvez. Il suffit de cliquer sur Sélectionner une image pour ensuite télécharger l'image de la même manière qu'auparavant. N'oubliez pas de cliquer sur Publier en haut si vous modifiez quelque chose. Ensuite, nous pouvons revenir à la liste principale des options. 10. Créer un menu de navigation (ajouter des pages principales): Maintenant, si nous cliquons et demandons des nouvelles à gauche, c'est ici que nous pouvons créer les pages principales souhaitant le site Web DR., ainsi qu'une plage ou un menu de navigation. Il suffit donc d'abord de cliquer sur Créer un menu sur la gauche. Et puis, ici, nous pouvons donner notre menu et notre nom, les noms uniquement pour notre propre référence et n'apparaîtront nulle part. Et pour cela, je vais juste appeler mon menu principal. Ensuite, nous pouvons choisir le menu principal et cliquer sur Suivant. Maintenant, ou nous pouvons cliquer à l'endroit où il est indiqué Ajouter des éléments. Ensuite, nous voulons simplement nous assurer que les doctorats sont sélectionnés sur la droite. Ensuite, nous allons simplement taper les noms des pages souhaitant l'annonce, puis cliquer sur le bouton Ajouter. Wordpress créera ensuite les pages pour nous et les ajoutera à notre menu. conséquent, pour cet exemple, je vais ajouter notre page d'accueil appelée accueil, une page de contact appelée contact, une page de blog appelée blog et une page À propos appelée bateau. Nous savons que vous pouvez évidemment choisir les différentes pages ou les appeler quelque chose de différent. Mais je recommande au moins d'ajouter notre page d'accueil et une page de blog. Ensuite, une fois que nous avons ajouté les pages souhaitées, nous pouvons cliquer sur Réorganiser sur la gauche , puis modifier l'ordre de notre menu si nécessaire. Donc, si je déplace ma page de contact vers le bas, nous verrons qu'elle apparaît maintenant à droite de mon menu. Ainsi, tout ce que nous mettons en haut de cette liste apparaîtra sur le côté gauche de notre menu. Ensuite, tout ce que nous mettons en bas de la liste apparaîtra à droite. Une fois que nous sommes satisfaits de l'ordre de notre menu, nous pouvons cliquer sur Terminé. Et maintenant, il suffit de cliquer sur Publier en haut pour voir si nos modifications ont été apportées, puis de cliquer sur la flèche de pointage Précédent pour revenir en arrière. À ce stade, nous pouvons cliquer sur nos différentes pages dans l'aperçu à droite. Et nous verrons qu'ils ont été créés, mais ils sont toujours vides. Nous allons bientôt expliquer comment ajouter du contenu à ces pages. Mais pour l'instant, nous allons simplement cliquer sur la prochaine option ici à gauche, à savoir les widgets. 11. Changer les paramètres de la barre latérale (widgets) et des pages d'accueil: Ensuite, si nous cliquons sur la barre latérale, nous pouvons modifier ce qui apparaît à droite de notre site. Ainsi, comme nous pouvons le voir ici à gauche, il est écrit recherche, publications récentes, commentaires récents, archives, catégories et matière. Et ensuite, si nous regardons notre barre latérale à droite, nous pouvons voir qu'ils correspondent. Nous pouvons donc commencer par supprimer tous les widgets que nous ne voulons pas. Et dans cet exemple, je vais tout supprimer en dehors de cette barre de recherche et de la liste des publications récentes. Et pour supprimer un widget, il suffit de cliquer dessus à gauche, puis de cliquer sur Supprimer. Ensuite, une fois que nous nous sommes débarrassés des widgets que nous ne voulons pas, nous pouvons commencer à ajouter de nouveaux widgets en cliquant sur Ajouter un widget. Supposons que pour cet exemple, nous voulions ajouter une image à votre barre latérale. Il suffit de trouver et de cliquer sur le widget d'image dans cette liste. Ensuite, nous pourrons lui donner un titre si nous le voulons. Cliquez ensuite sur le bouton Ajouter une image. Ensuite, comme toujours, nous allons cliquer sur Charger des fichiers en haut, sélectionner les fichiers au milieu. Ensuite, nous allons chercher l'image sur notre ordinateur. Ensuite, lorsque nous le trouvons, il suffit de cliquer dessus et de cliquer sur Ouvrir D, de le télécharger. Une fois notre image téléchargée, nous pouvons choisir la taille souhaitée à l'aide de ce menu déroulant en bas à droite. Ensuite, nous pouvons cliquer sur, ajouter le widget. Et lorsque nous le faisons, notre image apparaît désormais dans la barre latérale à droite. Plus sûr, un autre exemple, nous voulions ajouter du texte à notre barre latérale. Il suffit de cliquer, d'ajouter un widget puis de choisir le widget texte dans cette liste. Maintenant, sur la gauche, nous pouvons lui donner un titre et ensuite taper n'importe quel texte que nous voulons apparaître dans cette zone ou nous pouvons simplement le coller comme je vais le faire. Une fois que nous aurons terminé, nous verrons que notre taxe apparaît désormais dans notre barre latérale située à droite en dessous de notre image. Vous pouvez maintenant ajouter d'autres widgets si vous le souhaitez. Mais ce sont les principaux dont je pense que vous aurez besoin au moment de commencer. Ensuite, une fois que nous avons fourni les widgets que nous voulons dans notre barre latérale, nous pouvons cliquer ici à gauche où il est écrit Réorganiser. Ensuite, nous pouvons modifier l'ordre de nos widgets comme nous l'avons fait avec notre menu. Ensuite, une fois que nous sommes satisfaits de l'ordre de tout, il suffit de cliquer sur OK. Ensuite, nous pouvons cliquer sur Publier en haut, le CFR change. Ensuite, nous allons simplement cliquer sur la flèche pointant vers l'arrière en haut à gauche. Cliquez ensuite à nouveau dessus pour revenir aux principales options. Et maintenant, nous pouvons cliquer sur la section suivante, qui est les paramètres de la page d'accueil. Par défaut, WordPress est configuré en tant que blog et il est prêt à afficher nos articles de blog sur la page d'accueil. Mais pour changer cela, il suffit de sélectionner une page statique ici à gauche. Ensuite, sous la page d'accueil, nous allons sélectionner notre pH froid qui. Et sous les articles PJ, nous allons sélectionner notre pH appelé blog. Lorsque nous le faisons, il sera mis à jour en temps réel sur la droite. Et nous verrons que notre page d'accueil est désormais notre page statique. Et si nous cliquons sur notre page de blog dans le menu, il faut que rien ne trouve, et c'est là que nos articles de blog apparaîtront une fois que nous commencerons à les ajouter. Une fois que nous avons terminé ici, nous pouvons cliquer sur Publier en haut pour voir si nos modifications ont été apportées, puis cliquer sur la flèche pointant vers l'arrière pour revenir en arrière. Maintenant, il y a une dernière option en bas appelée CSS supplémentaire, mais nous allons simplement ignorer car cela ne le serait si nous voulions apporter des modifications à notre site Web, à nos fichiers CSS et nous ne le faites pas. Cela signifie que nous n'avons pas fini de personnaliser notre thème. Et tant que nous avons enregistré nos modifications, il suffit de cliquer sur le X en haut à gauche pour fermer ces options. Cela va apporter notre site STR. Et ici, nous allons voir que tous les changements que nous avons apportés ne sont pas vivants. Comme nous pouvons le constater, nous avons notre logo en haut. Si nous avons ajouté une et nos images d'en-tête, eh bien, les couleurs de nos vues ont été modifiées et nos barres latérales ont l'air géniales. Ensuite, nous avons également notre menu en haut avec nos différentes pages que nous avons créées. Et maintenant, la prochaine chose que nous allons faire est ajouter du contenu à ces pages. 12. Ajouter du contenu à des pages (texte et images): Pour ce faire, il suffit de visiter la page que nous voulons modifier. Et pour moi, ce sera ma page d'accueil. Ensuite, nous pouvons cliquer sur Modifier dans la barre grise située le long du haut pour ouvrir l'éditeur de page principale. Ensuite, nous pouvons changer le titre si nous le voulons en haut. Ensuite, nous pouvons simplement commencer à taper n'importe quel texte que nous voulons sur notre pH dans cette zone située en dessous. Et trompé quelque temps dans ce tutoriel, je vais juste coller un texte que j'ai déjà copié. Ensuite, si nous avons des sous-titres et nos textes comme moi ici, nous pouvons simplement cliquer sur la ligne de texte, puis cliquer sur ce symbole à gauche qui ressemble à un revers P. Maintenant, nous pouvons choisir titre. puis choisissez l'une des tailles de titres disponibles à droite. Et lorsque nous le faisons, nous verrons que notre texte change de taille dans l'éditeur. Et puis je vais faire la même chose pour ma deuxième position en dessous. Ensuite, nous pouvons également ajouter des images à vos pages. Et pour ce faire, nous devons simplement prendre une nouvelle ligne partout où nous voulons que l'image apparaisse. Ensuite, nous pouvons cliquer sur le signe plus à gauche. Ensuite, nous allons choisir Image, cliquer sur, Charger des fichiers au milieu, puis rechercher l'image sur notre ordinateur. Lorsque nous le trouvons, il suffit de cliquer dessus et de cliquer sur Ouvrir le fichier téléchargé. Et lorsque nous le ferons, nous verrons que notre image apparaît désormais dans l'éditeur. Ensuite, si, à un moment donné, nous voulons voir à quoi ressemble les RPG jusqu'à présent, nous pouvons cliquer à l'endroit où il est indiqué Aperçu sur le côté droit. Et cela va ouvrir un aperçu en direct dans un nouvel onglet. Maintenant, je fais tout ça assez rapidement pour vous montrer comment c'est fait. Vos pages seront donc probablement bien meilleures que les miennes. Une fois que nous sommes satisfaits de notre page, nous pourrons fermer l'aperçu. Ensuite, il suffit de cliquer sur mettre à jour à droite pour le publier. Maintenant, nous pouvons cliquer sur la page Visiter en haut et nous verrons que nos modifications ne sont pas en cours. Et maintenant que nous savons que c'est fait, nous devons simplement faire de même pour nos autres pages. Donc, pour moi, c'est ma page à propos. Et je vais juste ajouter une image, du texte et quelques sous-titres. Ensuite, j'ai également ma page de contact. Et pour cela, je vais ajouter une image et du texte pour le bruit. Ensuite, nous reviendrons et ajouterons bientôt un formulaire de contact. Et puis, enfin, nous avons notre page de blog. Nous allons ajouter quelques articles de blog ici dans une seconde. Mais juste avant cela, nous allons changer ce que l'on appelle nos sites permalien. Et juste pour expliquer ce qu'il s'agit, si nous visitons l'une de nos pages et que nous regardons le nom de domaine en haut, nous verrons qu'après notre nom de domaine, il y a une barre oblique avant, puis quelques lettres aléatoires et des chiffres. Et ces lettres et ces chiffres sont les pages permalien. Mais plutôt que ces lettres et chiffres aléatoires, nous allons le modifier afin qu'il choisisse plutôt le nom de la page. Pour ce faire, nous devons simplement revenir à notre tableau de bord en cliquant sur le titre de notre site en haut. Ensuite, nous pouvons survoler les paramètres gauche et cliquer sur Permalien. Maintenant, nous allons juste choisir le nom du poste. Ensuite, nous pouvons faire défiler vers le bas et cliquer sur Enregistrer les modifications. Une fois qu'il a été mis à jour, nous pourrons visiter notre site et cliquer sur l'une de nos pages. Et nous verrons que nos encres permanentes ont été mises à jour en haut sous le bruit montrant les noms des pages au lieu des lettres et des chiffres aléatoires. Et maintenant que notre permalien a changé, nous pouvons commencer par quelques articles de blog sur le site du DER. 13. Créer et publier des publications de blog: Pour ajouter un article de blog sur WordPress, il suffit de cliquer sur le titre de notre site en haut pour revenir à notre tableau de bord. Ensuite, nous pouvons survoler l'endroit où il est écrit publications sur la gauche et cliquer sur Ajouter un nouveau. Cela va ensuite ouvrir l'éditeur de publication, qui est fondamentalement le même que lors de l'ajout de pages. Nous pouvons donc donner ce titre à notre post en haut. Et je vais appeler la mienne comment faire une bonne tasse de café à la maison. Ensuite, nous pouvons ajouter n'importe quel texte que nous avons aimé en le tapant dans la zone située en dessous, ou nous pouvons le coller. Si vous avez déjà un dactylographie. Ensuite, nous pouvons ajouter tous les sous-titres que nous avons dans notre publication. Enfin, nous pouvons également ajouter des images de la même manière. Ainsi, la cellule d'arme sait que cela a été exactement le même que lors de l'ajout de pages, mais c'est là qu'elle commence à devenir un peu différente. Donc, si nous regardons à droite, nous pouvons voir qu'il y a des catégories et des balises. Et voici ce que nous pouvons utiliser pour organiser nos différents messages. Papa a donc affiché une nouvelle catégorie. Il suffit de cliquer sur Ajouter un nouveau type de catégorie ce que nous voulons utiliser dans cette zone, puis de cliquer sur le bouton Ajouter une catégorie. Ou si nous voulons utiliser une catégorie que nous avons déjà créée, nous pourrons la choisir ici. Donc, pour cet exemple, comme mon article de blog traite de la préparation d'une tasse de café, je vais créer une nouvelle catégorie appelée Coffee. Ensuite, une fois que nous avons ajouté notre catégorie, nous pouvons faire la même chose pour nos étiquettes en dessous. Donc pour cet article, je vais ajouter un tutoriel sur le café, comment faire du café et du café maison. Ensuite, une fois que nous aurons ajouté nos catégories et balises, nous verrons également en dessous la mention Ajouter une image en vedette. Et c'est l'image qui va apparaître sur notre liste d'articles sur notre page de blog, ainsi qu'en haut du billet de blog lui-même. Maintenant, l'image en vedette est totalement facultative, mais je recommande vivement d'en ajouter une dans la mesure du possible. Ensuite, pour l'ajouter, il suffit de cliquer sur définir l'image en vedette. Et comme toujours, nous allons cliquer sur charger des fichiers en haut, sélectionner les fichiers au milieu, puis rechercher l'image sur notre ordinateur. Lorsque nous trouvons l'image, nous pouvons cliquer dessus et cliquer sur Ouvrir. Et une fois qu'il a été dilué, suffit de cliquer sur Définir l'image en vedette en bas à droite. Et lorsque nous le faisons, nous verrons que l'image apparaîtra désormais dans l'éditeur. Et c'est essentiellement tout ce qu'il y a à créer des articles de blog sur WordPress. Une fois que nous avons fini d'ajouter notre contenu, il suffit de cliquer sur le bouton Publier à droite pour que nos publications soient diffusées. Ensuite, une fois qu'il a été publié, nous pouvons cliquer sur Afficher la publication en haut pour le voir. Comme nous pouvons le constater, nous avons notre image vedette en haut de la page. Ensuite, nous avons le titre de notre publication, la date de publication et l'auteur de la publication en dessous. Ensuite, si nous faisons défiler vers le bas, nous avons notre contenu principal comme notre texte, images et tout ce que nous avons ajouté. En bas, nous pouvons voir la catégorie et tous les tags que nous sommes à DR Post. Et enfin, nous avons notre section commentaires où nos visiteurs peuvent laisser une réponse ou poser des questions de suivi. Et à ce stade, si nous cliquons sur notre page de blog dans le menu, nous verrons que notre article de blog apparaît maintenant ici avec notre image en vedette et un bouton indiquant « Continuer la lecture ». Ensuite, nous pouvons également voir notre publication apparaître dans notre barre latérale ainsi que dans notre liste de publications récentes. Et personne d'autre que nous ne savons que c'est fait. Nous pouvons simplement répéter le processus pour n'importe quel nouveau message. Nous le voulons. Un autre mot à ce sujet, quelques articles de blog. La dernière chose que nous allons faire est d'ajouter un formulaire de contact sur le site web DER. 14. Ajouter un formulaire de contact pour de la page de contact: La dernière chose que nous allons faire est d'ajouter un formulaire de contact sur le site web DER. De cette façon, nos visiteurs peuvent entrer en contact avec nous s'ils en ont besoin. Sachez que WordPress n'est pas fourni avec l'option D formulaires de contact impairs par défaut. Nous allons donc installer un plugin gratuit qui nous permettra de les ajouter. Pour ce faire, il suffit de cliquer sur le titre de notre site en haut pour visiter notre tableau de bord. Ensuite, nous pouvons survoler l'endroit où il est écrit plugins sur la gauche et cliquer sur Add New. Nous allons simplement taper les mots formulaire de contact dans la barre de recherche en haut à droite. Ensuite, installez ce plugin par WP Forms. Et une fois les plugins installés, il suffit de cliquer sur Activer. Maintenant, moi, l'une des choses géniales du plugin WP forms est qu'il livré avec un formulaire déjà créé pour nous sur DR ce formulaire, nous avons juste besoin de survoler où il est dit WP forms et notre gauche menu du tableau de bord, puis cliquez sur Ajouter un nouveau. Ensuite, en haut, nous pouvons donner notre forme et notre nom. Et je vais juste appeler mon formulaire principal. Et une fois que nous lui avons donné un nom, nous pouvons choisir un formulaire de contact simple en bas. Cela va alors ouvrir la zone principale formatée. Et ici, nous pouvons cliquer sur chacune des différentes sections pour modifier les informations si nécessaire. , si nous cliquons sur la section Nom Par exemple, si nous cliquons sur la section Nom, nous pouvons modifier l'étiquette si nous le voulons. Ensuite, en utilisant cette liste déroulante, nous pouvons la modifier. Par conséquent, le formulaire ne demande que le prénom et le personnel des utilisateurs en premier et en dernier. Ensuite, si nous cliquons sur le bouton en bas, nous pouvons également modifier le texte du bouton dans la zone intitulée Soumettre le texte du bouton. Une fois que nous sommes satisfaits de notre formulaire, il suffit de cliquer sur Enregistrer en haut à droite, puis de cliquer sur Incorporer. Nous allons maintenant mettre en surbrillance, cliquer avec le bouton droit et copier cette ligne de texte, connue sous le nom de code court du forum. Et c'est ce que nous utiliserons papa les pages DRP du formulaire. Ainsi, une fois que notre code court est copié, nous pourrons le fermer, puis cliquer sur le X en haut à droite. Il suffit maintenant de visiter notre site en cliquant sur le titre de notre site en haut. Ensuite, nous pourrons visiter la page à laquelle nous souhaitons ajouter notre formulaire. Donc, pour moi, c'est ma page de contact. Une fois que nous sommes arrivés ici, nous pourrons cliquer sur Modifier en haut. Vous ouvrez l'éditeur ? Je sais que nous devons simplement coller notre code court partout où nous voulons que notre formulaire apparaisse sur le pH. Et pour moi, c'est juste en bas. Ensuite, une fois que nous avons collé notre code court, nous pourrons mettre à jour notre pH ici à droite. Je sais que lorsque nous visiterons la page, nous verrons que notre formulaire de contact est maintenant actif sur notre site. Et juste pour montrer que cela fonctionne, si je renseigne mon nom, mon adresse e-mail, un message rapide et que je clique sur Envoyer. Si j'ouvre ma boîte de réception, je verrai que j'ai reçu les quatre mantri sous forme d'e-mail. 15. Cours Outro: Et c'est ce que nous savons à la fin de ce tutoriel, qui signifie que la seule chose à faire est vous féliciter car vous venez de finir de créer votre propre site Web professionnel avec WordPress. Nous avons donc notre logo et notre image d'en-tête en haut. Si nous les avons ajoutés et que nous utilisons couleurs personnalisées que nous avons choisies, nous avons notre menu avec nos différentes pages, comme notre page À propos et notre page de contact. Ensuite, nous avons également notre formulaire de contact pour que nos visiteurs puissent nous envoyer un message. Et notre barre latérale est superbe avec notre image, tout texte que nous avons ajouté et notre liste de publications récentes. Ensuite, nous avons également notre page blog ainsi que nos différents articles de blog. Et sans que nous ayons besoin de faire quoi que ce soit de plus ou sites Web 100% compatibles avec les mobiles. Donc, si nous redimensionnons simplement la fenêtre et notre navigateur Internet, nous verrons que tout notre contenu se redimensionne et se déplace, sorte qu'il soit le meilleur possible. J'espère donc vraiment que vous aimez votre nouveau site web et que vous avez trouvé cette vidéo utile. Encore une fois, je m'appelle Marty de WP.com. Merci beaucoup d'avoir regardé ma vidéo.