Transcription
1. Introduction: Bonjour et bienvenue dans mon cours. Alors permettez-moi de vous poser
quelques questions. Vous souhaitez donc apprendre
à créer votre boutique en ligne ? Bien sûr, la réponse est
évidente, bien sûr que oui. Mais voulez-vous
apprendre à créer votre boutique en ligne sans avoir à investir beaucoup d'argent Et bien sûr, sans
savoir coder, nous allons
essentiellement créer notre boutique en ligne de manière simple. Ainsi, dans ce cours, sont en fait créés une
véritable boutique de commerce électronique. En gros, ce dont je
n'ai pas parlé, recréer ma
boutique en ligne que j'avais créée un mois avant de commencer à
enregistrer ce cours Et cette boutique en ligne
aussi précise qu' elle
réalise déjà des ventes réalise des ventes biologiques. Cela signifie que je n'en ai pas besoin pour dépenser de l'argent pour
réaliser ces ventes. Et c'est exactement
ce que je vais vous
apprendre dans ce cours. Dans ce cours,
je vais
vous expliquer étape par étape comment créer
votre boutique en ligne qui aura un
aspect professionnel. Le chargement
rapide se chargera
bien sur n'importe quel appareil, ce qui est très
important pour une bonne expérience
utilisateur
qui important pour une bonne expérience
utilisateur peut avoir un impact sur votre
taux de conversion ce cours, je vais
partager avec vous plans que
j'ai utilisés
pour créer mes boutiques en ligne Et j'utilisais
le même modèle
pour créer des boutiques en ligne
pour mes clients Ainsi, une fois que vous aurez
terminé ce cours, vous aurez suffisamment de
compétences et de connaissances pour créer un site Web
et une boutique en ligne. Pas seulement pour vous-même, mais si c'est quelque chose qui
vous intéresse, vous déciderez
peut-être travailler en tant que freelance C'est donc un autre grand avantage
de ce cours car, le même schéma, vous serez en mesure de
créer des boutiques en ligne, pas seulement pour vous-même, mais peut-être pour vos
futurs clients Dans ce cours, vous
allez avoir deux méthodes pour créer votre boutique. Donc, dans la première méthode, nous allons utiliser des outils gratuits, donc ça va être moins cher. Vous pourriez appeler cette méthode méthode « méthode
d'économie d'argent ». Et dans la deuxième
option, nous allons avoir une option premium. Ainsi, dans cette option premium, vous allez créer
votre site Web à l'aide d' outils
premium et cela ne vous coûtera que 70$ de plus Ce n'est pas grand-chose, mais les
résultats vont être choquants par rapport
à l'option gratuite. Mais juste pour que vous sachiez, dans ce cours, vous
aurez deux options. Ainsi, en fonction de votre budget, vous pourrez choisir
l'option que vous souhaitez utiliser. Et bien sûr, vous pouvez commencer par une
option gratuite, puis vous pouvez passer à une
option premium facilement
réalisable et sans
soucis à ce sujet Il est donc extrêmement important d'avoir une boutique
en ligne d'aspect professionnel extrêmement C'est pourquoi dans ce cours je
vais vous montrer les tactiques, les astuces que vous pouvez suivre pour professionnaliser votre
boutique en ligne. Habituellement, moins c'est mieux et moins
c'est beaucoup mieux. Dans ce cours, je vais donc vous
montrer comment cela fonctionne. Tu apprendras toi-même et je peux parier que tu
seras surpris. Au final, vous ne
croirez même pas que c'est possible et vous le
faites vous-même. Ce sera donc une partie
très intéressante où je vais
vous montrer comment choisir les couleurs, comment gérer ces couleurs, comment travailler avec
différents styles, comment choisir les
bonnes polices, etc. Cela va donc être une partie très intéressante du cours. Nous allons nous occuper de la partie design de notre site Web. Je vais également vous montrer comment
nous pouvons facilement créer une adresse e-mail professionnelle avec votre nom de
domaine et ce sera totalement gratuit. D'autres personnes ont tendance à
dépenser beaucoup d'argent, des centaines de dollars par an, juste pour avoir leur
boîte de réception avec leur nom de domaine. Et je vais vous montrer comment
vous pouvez le faire gratuitement. C'est donc un autre excellent moyen d'économiser de
l'argent supplémentaire dans ce cours Je ne me concentre pas uniquement sur vous
montrer comment créer votre boutique en ligne, car la
création d'un site Web, pas seulement d'une boutique en ligne, tout type de site Web n'est
que la première étape. Et la deuxième étape qui
est la plus importante. Vous devez savoir comment
attirer des visiteurs, comment attirer des clients, et le meilleur moyen, sans conteste, c'est
le référencement, obtenir ces visites à partir de moteurs de
recherche tels que Google, bing.com ou tout autre, et vous obtiendrez trois ventes Alors quoi de
mieux que de bénéficier de ventes
gratuites auprès de visiteurs aléatoires ? Et si vous réalisez trois ventes via Google ou tout
autre moteur
de recherche, cela signifie
que votre boutique en ligne est bonne et prête à diffuser des publicités payantes. Donc, dans ce cours, j'ai une section complète où
je vais vous montrer comment faire du référencement. C'est l'optimisation pour les
moteurs de recherche. Cette section dure environ 2 h, on peut
donc dire qu'il s'agit d'un cours
complètement séparé. Vous allez donc
apprendre à effectuer des recherches par mots clés, à optimiser vos produits, à
suivre les résultats, à
comprendre les données, à
comprendre le trafic qui arrive sur votre site Web. Et toutes ces choses
qui sont importantes si vous voulez avoir une boutique en ligne
performante. Dans ce cours,
j'ai donc consacré une grande partie à vous
apprendre comment obtenir
ces visiteurs gratuits, comment obtenir ces
premiers clients. C'est donc très important. Je ne vous montre pas simplement
comment créer votre site Web. Je vous montre également
comment attirer des clients. Et bien sûr, pour
tous ceux qui souhaitent créer
une boutique en ligne, pas en anglais,
angoissés ou pas pour
le public mondial Mais vous voudrez peut-être
créer une boutique en ligne dans votre langue
pour votre public. Et ce public n'est pas un public
anglophone. À la fin de ce cours,
j'ai donc une section séparée laquelle je vais vous
montrer comment traduire entièrement votre site Web dans la langue de votre choix. Donc, en gros, vous
serez en mesure de créer votre boutique en ligne dans
la langue de votre choix. Quel que soit votre objectif, vous souhaitez
peut-être créer une boutique en ligne en
anglais pour un public anglophone,
pour un public mondial Ou peut-être souhaitez-vous créer votre boutique en ligne pour
votre public natif Quel que
soit votre objectif
dans ce cours, j'ai tout couvert. J'ai créé ce cours
pour tous ceux qui souhaitent apprendre à
créer leur boutique en ligne. Peut-être envisagez-vous de
démarrer votre entreprise. Peut-être envisagez-vous de commencer à
vendre quelque chose en ligne. Peut-être que vous êtes artisan,
peut-être envisagez-vous trouver des fournisseurs et de
vendre des produits en ligne. Si vous ajoutez cette personne, Discourse est absolument pour vous. Vous avez peut-être un
magasin physique et vous
cherchez maintenant à ajouter un autre
canal de vente à votre portefeuille. La création d'une boutique en ligne est probablement l'une des meilleures
options que vous puissiez choisir. Et si c'est le cas, Discourse est également la solution
idéale pour vous. Et peut-être que vous
vendez déjà des
produits sur Etsy, eBay ou toute autre plateforme Et croyez-moi, je
comprends parfaitement à quel point il peut parfois être frustrant de vendre
des produits sur ces plateformes. Ils ont
différentes règles. Si vous ne respectez pas ces règles, ils peuvent vous bloquer. Ils prennent généralement une
part importante de vos ventes. Avoir sa propre boutique en ligne,
son propre
canal de vente est donc un énorme avantage. Donc, si vous pensez que vous
bénéficieriez grandement avoir votre
boutique en ligne, croyez-moi, ce cours est exactement pour vous car avoir votre
propre canal de vente est un énorme avantage par rapport
à l'appartenance à une plateforme de vente comme Etsy ou
eBay ou quoi que Vous allez
avoir tout ce concerne
votre pouvoir marketing, aspect
produits, parce que
parfois ces plateformes ne vous permettent pas de
vendre certains produits, mais lorsque vous allez
avoir votre propre canal de vente, croyez-moi, vous n'
aurez aucun problème de ce type. Donc, quelle que
soit votre situation, tant que vous souhaitez démarrer votre boutique en ligne, votre site Web de
commerce électronique. Ce cours est fait pour toi. Il m'a fallu environ dix ans
pour apprendre tout ce
que je savais et j'ai décidé de
tout mettre en discussion. J'apprends tout en
gérant mes boutiques de commerce électronique, créant des
boutiques de commerce électronique pour les autres. Et j'ai décidé de tout
réunir dans un seul cours et de le
partager avec vous. Donc, si vous pensez que ce cours
vous convient, rejoignez-moi et
commençons à créer
votre boutique en ligne.
2. Style d'enseignement: Très bien, donc avant de
passer à l'évaluation de votre site Web, avant de
créer votre boutique en ligne, je crois que vous voudrez peut-être en
savoir un peu plus sur moi, au
moins sur mon style
d'enseignement Donc, tout ce qui concerne le marketing
en ligne et les différentes manières de créer le mien en ligne a commencé quand
j'avais 15 ans, mais je n'ai jamais eu de succès parce que je ne
savais pas comment créer un site Web et cela a duré
jusqu'à l'âge de 19 ans C'est donc ici que j'
apprends à utiliser WordPress, créer des sites Web à
l'aide de WordPress. Et c'est là que mes intérêts ont commencé à intégrer des
sites Web utilisant WordPress. Et c'est exactement
ce que nous allons
utiliser dans ce cours. Nous allons utiliser WordPress. Et nous allons utiliser
WordPress pour la bonne
raison qu'il s'agit du système de gestion de
contenu le plus populaire nos
50
% de sites Web
gérés à l'aide de ce système de
gestion de contenu. Donc, si vous avez
décidé d'utiliser WordPress, vous avez pris la bonne décision. Donc, une fois que j'ai appris
à utiliser WordPress, à créer des sites Web à l'aide ce système de gestion
de contenu, de nombreuses portes s'ouvrent à moi. Maintenant, je pouvais créer des sites Web si je décidais de créer un blog ou si je pouvais le
faire tout de suite sans avoir à
compter sur d'autres personnes. C'est là que j'ai
commencé à me
renseigner sur l'ensemble du processus de
création. À quoi doit ressembler le site Web, quels types de sites Web
existent et comment commercialiser ces sites Web. Il m'a donc fallu du temps
et beaucoup d'échecs avant commencer à voir des
résultats. Mais mes sites Web. Et maintenant,
après de nombreuses années, je sais que j'ai commis
ces erreurs. Je sais ce qui était trop
confus pour moi. Maintenant. Je sais ce qui fonctionne
et ce qui ne fonctionne pas. Il m'a fallu environ dix ans
pour tout apprendre et maintenant, et je ne veux pas que vous
perdiez autant de temps. C'est pourquoi, dans ce cours, attache à mettre
toutes mes connaissances en pratique. Vous n'auriez donc pas besoin de passer dix ans à
tout apprendre vous-même. C'est ainsi que je
vois ce cours. Mon objectif est de
vous en apprendre le plus
possible dans un court
laps de temps. Alors en partant, on pourrait dire que
c'est mon style d'enseignement. Je partage autant de
connaissances que possible. Je ne te fais pas perdre ton temps. J'aime généralement
expliquer les choses de manière simple et facile
à comprendre. Parce que je pense que c'est beaucoup plus efficace et que vous allez
apprendre beaucoup mieux. Je ne vais donc pas vous faire
perdre votre temps. Et bien sûr, je vais
présenter les informations comme un
moyen simple et facile à comprendre. Alors que je travaillais pour une
société
d'hébergement Web il y a quelque temps, j'ai passé
beaucoup de temps
à essayer de comprendre les nouveaux clients, nouveaux utilisateurs, les
nouveaux utilisateurs de WordPress en général, toutes les nouvelles personnes
qui essaient créer leurs sites Web
à
l'aide de WordPress. Et j'ai essayé de
déterminer la taille du point principal. Donc je sais un peu ce qui est
difficile et ce qui ne l'
est pas si difficile
ou pas si Donc, dans ce cours, c'est exactement sur cela que
nous nous concentrons, sur les choses
confuses et difficiles à comprendre
un peu plus. Et s'il doit y avoir des
choses plus faciles à comprendre, bien
sûr, je ne vais pas vous
faire perdre votre temps. C'est ainsi que j'organise habituellement
mes cours. Je n'aime pas vous faire
perdre votre temps et comprendre que le temps c'est de l'argent, que
le temps est important. Dans ce cours,
je vais donc vous présenter
toutes les informations et moyen
simple et facile à comprendre et je ne
vais pas vous faire perdre votre temps. Donc, si vous voulez apprendre
à démarrer votre boutique en ligne la bonne façon et si vous voulez avoir une boutique en ligne professionnelle. S'il vous plaît, rejoignez mon cours. Moi-même. Je gère trois boutiques de
commerce électronique, et je les gère depuis
un certain temps déjà Je sais donc comment ils fonctionnent, comment attirer des clients
et, bien sûr, comment créer ces boutiques en ligne également Et dans le passé,
on créait des boutiques
en ligne pour les clients. J'ai donc fait l'expérience, je crois que je ne veux pas trop m'en
vanter, mais je vais
vous expliquer mon plan, comment j'ai créé mes
boutiques en ligne pour moi-même et comment je les ai créées
pour mes clients Donc, si vous pensez que ce cours
vous convient, rejoignez-le.
3. (1.0) Choisir votre nom de domaine: Dans cette leçon, végétalien, un accent sur le nom de domaine. Donc, dans cette leçon, vous
allez apprendre de quoi il s'agit et
où vous pouvez vous les procurer. Et je vais partager avec vous quelques conseils pour choisir
votre nom de domaine. Très bien, alors qu'
est-ce qu'un nom de domaine ? Le nom de domaine est simplement le nom ou le titre de votre
site Web que vous saisissez dans votre navigateur pour accéder à votre site Web ou à tout
autre site Web. Par exemple, il peut s'
agir de facebook.com,
google.com, basketball
news.net Vous avez probablement compris ce qu'il est. Et parlons de la
structure d'un nom de domaine. Donc, dans un premier temps, vous
allez avoir le titre. Ainsi, par exemple, il
pourrait s'agir de Facebook. Et puis, après Facebook, il y a l'extension ou la fin
de votre nom de domaine. Dans le cas de Facebook, il s'agit de .com. Et il existe de nombreuses extensions
différentes disponibles. Le plus populaire
est donc obviously.com. Le deuxième plus populaire est
dotnet.code.uk et tous les autres. Il existe de nombreuses extensions
différentes disponibles. Et dans la diapositive nous parlerons
des extensions elles-mêmes. Très bien, alors où
pouvez-vous obtenir un nom de domaine ? D'habitude, j'aime utiliser
godaddy.com parce que c'est l'endroit le plus populaire pour
obtenir votre nom de domaine Il existe de nombreuses
extensions différentes Et ils sont assez bon marché, généralement pour obtenir un
nom de domaine pendant un an. Et je parle
du nom de domaine, mais une extension .com vous
coûtera environ 10$ par an. Si vous choisissez
un forfait de trois ans, ce sera moins cher et ce ne sera pas moins cher que 10$, mais ce sera moins cher
autour de 20$ pendant trois ans. Cela vaut donc la peine d'acheter des noms
de
domaine pour une plus longue période , car cela
coûtera moins cher. Et si je choisis
un nom de domaine pour,
disons, non pas un public mondial, mais pour un certain type
de public local, public parlant
l'autre
langue, disons pour les Polonais, je pourrais rechercher d'autres
options et c'est exactement ce dont nous allons parler
pour le moment. Lorsque vous choisissez
votre nom de domaine et que vous savez que votre projet, votre site Web va
cibler un public mondial. Ou s'il s'agit de cibler un public
anglophone, votre meilleur choix est always.com. Si ce nom de
domaine n'est pas
disponible et qu' il est déjà enregistré, la deuxième
meilleure option est Et généralement, ces deux
options sont les meilleures. Mais bien entendu, il ne s'
agit pas de règles strictes selon devez choisir que depuis .com ou .net Vous pouvez choisir n'importe quelle
autre extension. Si vous pensez que cela
fonctionnera pour les boutiques de commerce électronique, vous pouvez absolument
choisir cette étoile, cette pointue ou quelque chose de similaire. Personnellement, j'utilise ce chemin
pour une boutique de commerce électronique, c'
est-à-dire un magasin de jouets pour chats, et cela fonctionne très bien. Et nous avons un deuxième
groupe de noms de domaine. Par exemple, si vous
créez un site Web pas à un
public anglophone et à vos représentants, il ne
ciblera pas un public mondial
plutôt que vos meilleurs choix pour choisir un nom de domaine correspondant à un
code de pays Par exemple, si vous créez un site Web destiné
aux Polonais
et qu'il
sera en polonais, le meilleur
choix serait de
choisir l'extension cible et qu'il
sera en polonais meilleur
choix serait de
choisir principale, ou en d'autres termes, le point final PL. Si vous faites de même pour,
disons, les Lettons, votre
meilleure option
serait point LV Si vous faites de même pour le public
lituanien,
votre meilleure option est le LT C'est ainsi que cela fonctionne. Si vous créez un
site Web destiné à un public mondial, votre meilleur
choix est de toujours utiliser s.com Et il en va de même pour le public
anglophone. Et si vous créez
un site Web qui ciblera un pays
particulier, langue
particulière, vous
devez choisir l'extension Country
Code. Très bien, parlons
donc conseils pour choisir
un nom de domaine Il est donc évident que vous voulez que votre nom de domaine soit simple
et facile à retenir. C'est évidemment parce que
lorsque les gens
vont visiter votre
site Web et la prochaine fois qu'ils voudront
visiter votre site Web une autre fois, ils voudront
informer leurs amis de l'existence de votre site Web. Ed va leur permettre de se souvenir beaucoup plus facilement de
votre nom de domaine. Et la journée ne sera pas trop compliquée avec
le nom de votre domaine. Et à l'étape suivante, j'ai essayé de le
garder en dessous de 15 caractères. Je suppose que ce conseil va de pair avec
la première étape, car F votre nom de domaine ne
sera pas très long, il sera court, bien
sûr, il sera
plus facile à retenir. Très bien, passons à autre chose. Et le troisième conseil serait d'éviter les traits d'union
entre les mots Ainsi, lorsque vous
créez un site Web, lorsque vous choisissez
un nom de domaine, vous pouvez essayer ou utiliser un nom de domaine
composé de deux mots. Par exemple, site visitor.com. Et dans de nombreux cas,
lorsque les utilisateurs ne
trouvent pas un certain domaine disponible, ils ont essayé d'utiliser des traits d'union entre
les mots Cela ressemble donc au site
dash wizard.com. C'est un peu compliqué
parce que les gens peuvent confondre votre nom de domaine
avec le nom de domaine de quelqu'un d'autre Ainsi, par exemple, avec une
visite du site ou quelque chose comme ça. Faites donc attention aux traits d'union entre
les mots. Si un
nom de domaine particulier n'est pas disponible, vous pouvez
essayer une autre extension. Ainsi, par exemple, si .com n'
est pas disponible, recherchez dotnet Peut-être que celui-ci est disponible. S'il n'est pas disponible,
une bonne option serait peut-être d'essayer ce magasin si vous créez un magasin de commerce électronique
ou quelque chose de similaire ? Voici quelques
conseils que vous pouvez suivre. Bien entendu, ce ne sont pas des règles, ce ne sont que des recommandations. Ces étapes vous aideront
à choisir nom de domaine facile à retenir et
simple, ce qui vous
aidera beaucoup. Et si vous y parvenez, il est bien
sûr préférable de
rendre votre nom de domaine accrocheur Ça va être beaucoup
plus facile à retenir. Et comme je l'ai dit, si vous
voulez que cela soit beaucoup plus facile à retenir, vous allez vous faire
une faveur car vous devez tenir compte du
fait que votre site Web, votre nom de domaine seront essentiellement une marque et que vous allez avoir vos profils sur les réseaux
sociaux. Nous voulons donc avoir un look intéressant, vous voulez regarder différemment, et ce serait un conseil pour vous. Bien entendu, sachez que choisir le bon nom de domaine peut prendre un certain temps. Vous avez peut-être déjà quelques idées et
bientôt, nous allons
vérifier si ces idées ou
domaines sont disponibles. Donc, si vous pensez avoir besoin de temps pour trouver un nom de domaine qui
sonne bien, prenez
simplement votre temps, prenez un jour ou deux ou
quelque chose comme ça, puis revenez aux scores et vous pourrez continuer à
créer votre site Web Je comprends tout à fait par expérience
personnelle à quel point il peut être
frustrant de se
procurer un bon nom de domaine. Parce que si vous créez un site Web destiné à un public mondial, il est assez difficile de trouver
l'objectif principal qui soit gratuit,
qui n'est pas déjà enregistré
et cela peut prendre un certain temps, donc ne vous inquiétez pas à ce sujet Et disons que si
vous créez un site Web pour votre public
natif, non pour le public mondial
ou anglophone,
alors optez pour papa, ce n'est
peut-être pas le meilleur choix Vous pouvez essentiellement utiliser Google, il vous suffit de taper l'extension du domaine de
votre code de pays. Supposons que vous recherchiez domaines mais une
extension LTE, il suffit de taper un nom de
domaine search.lt à vendre Et vous trouverez certainement l'extension de code de pays
que vous recherchez. Mais dans ce cas, nous allons utiliser GoDaddy et juste pour vous montrer comment cela fonctionne Allons donc sur godaddy.com et essayons de trouver un
nom de domaine que nous pourrions enregistrer Très bien, je suis donc sur godaddy.com
et comme vous pouvez le voir, viens de saisir le nom de domaine, que je voudrais enregistrer Alors fais-le
toi-même ici. Comme je vous l'ai déjà dit, je vais me mondialiser et j'
utiliserai l'extension .com, qui est la plus populaire. Ainsi, une fois que vous avez saisi
votre nom de domaine, cliquez
simplement ici, puis sur Rechercher Et c'est ce que nous obtenons. Comme vous pouvez le
constater, l'objectif principal
est déjà atteint,
mais pour être honnête, mais pour être honnête, ce nom de
domaine a
déjà été enregistré et le passé l'a déjà été. Ce nom de domaine m'
appartient donc, et nous allons
utiliser ce nom de domaine pour créer notre site Web. Plus tard, je vous montrerai comment
connecter votre nom de domaine
à votre hébergement Web. Très bien, maintenant je
voulais juste vous montrer tout
le processus de
recherche d'un nom de domaine Comme je vous l'ai déjà mentionné,
comme vous pouvez le voir ici, nous avons
différents noms de domaine avec
différentes extensions. Nous avons Comtech pour les magasins. Comme vous pouvez le
constater, de nombreuses
extensions sont disponibles. Et c'est à
vous de décider quelle extension
vous souhaitez utiliser. Mais comme je
vous l'ai mentionné précédemment, si vous voulez
vous lancer à l'international, votre meilleure option
est always.com La deuxième meilleure option
est toujours dotnet. Mais si ces options ne
sont pas disponibles, vous pouvez essayer d'
autres types d'extensions. Ils vont travailler aussi. Comme je vous l'ai déjà dit, j'ai même un nom de domaine. C'est ce qu'est une
extension à points. Et ça va juste se demander,
je sais que c'est vicieux avec ça. Très bien, donc une fois que vous avez saisi votre domaine et que vous
avez trouvé votre nom de domaine, vous souhaitez vous enregistrer, cliquez
simplement sur Ajouter au panier et
terminez le paiement Et une fois que vous avez fait cela, vous allez réellement trouver tout votre côté
serveur de noms de domaine ici. Si vous voulez consulter mes
produits, comme vous pouvez le voir, sont tous des noms de domaine que possèdent les noms de domaine, et plus tard, nous utiliserons ce nom de domaine pour
créer notre site Web. Très bien, c'est
tout pour cette leçon. Maintenant, savez-vous quels sont nos
noms de domaine et où les obtenir ?
4. (1.1) Paramétrer votre hébergement Web: Supposons donc que vous vous êtes déjà
procuré un nom de domaine, mais si ce n'est
pas encore le cas, vous pouvez toujours
suivre cette leçon. Dans cette leçon, je
vais vous montrer
comment configurer votre hébergement Web. Et je vais partager avec vous une réduction spéciale que
notre Dieu m'a accordée, qui vous permettra de bénéficier d'une réduction de 20
% pendant les trois
premiers mois. Et comme vous pouvez le voir,
avec cet hébergement Web,
vous bénéficierez d' un essai gratuit d'une
journée sans même avoir à ajouter de crédit
ou
quoi que ce soit d'autre. Et allons-y directement. Cliquez sur Démarrer gratuitement. Et comme vous pouvez le voir ici, vous devrez remplir
vos informations et ici, il vous suffit de taper un code de coupon. Et c'est le code de coupon que
vous souhaitez saisir ici Remplissez simplement vos informations
et cliquez sur Commencer gratuitement. Et je vais vous dire pourquoi j'
utilise moi-même cet hébergement Web. Et comme j'aime à le dire, ne recommande
que des outils que j'utilise moi-même. Et la raison pour laquelle j'
utilise cet hébergement Web est que par le passé, j'ai essayé
différents fournisseurs. J'ai même essayé de baisser, mais j'ai finalement été déçue car
au bout du compte, ma boutique en ligne a perdu au
moins quelques
centaines de clients parce qu'
elle était assez à la traîne Il ne se chargeait pas très bien. C'était assez décevant et le prix était presque
identique à celui de cet hébergement Web. Cet hébergement Web va
vous coûter 10$ par mois. Il s'agit d'un plan de paiement à l'utilisation. Vous pouvez arrêter d'utiliser cet
hébergement Web à tout moment. Il n'y a pas de frais initiaux. Tout comme la majorité
des sociétés d'hébergement Web, elles prétendent que cela
vous coûtera 3$ par mois. Mais à la fin de la
journée, vous devez acheter au moins deux ans, prévoyez de faire cette bonne affaire. Il vous suffit donc d'ajouter vos informations
et de configurer votre compte. Et je vais vous montrer
comment configurer votre serveur, comment installer WordPress et effectuer toutes les autres étapes inutiles. Très bien, je viens de me connecter à
mon compte et comme vous pouvez le
voir, voici à quoi il ressemble J'ai trois projets
qui s'exécutent sur Cloud Ways. Comme vous pouvez le constater, j'ai commencé en 2018 et j' utilise ces
produits depuis un bon moment Ce serveur en particulier me
coûtait 70$ par mois. J'ai donc même amélioré certains
projets en utilisant cela. Nous avons toujours pensé que
vous ne verrez peut-être pas la même chose que je vois Ryan ici, parce que vous êtes un nouveau client et que vous devez cliquer
ici Ajouter un serveur. Nous
allons donc maintenant créer un nouveau serveur sur lequel nous
allons installer WordPress. Et en gros, c'
est ici que nous allons créer notre site Web. Très bien, alors choisissons une application,
choisissons WordPress, et ici, donnez simplement un
nom à vos applications Donc, fondamentalement, votre application sera votre site Web. Je vais donc simplement
taper ici, mon site web.com et le nom de votre serveur sera essentiellement le
nom de votre serveur Vous pouvez l'appeler
où vous voulez, mais je préfère généralement l'appeler
de la même manière que mon application, mais sauf que je n'utilise pas d'extension à la fin de mon
titre, vous devrez créer
vos projets puisque j' utilise cet
hébergement Web
depuis un certain temps.
Oui, vous pouvez voir que j'ai créé
certains projets, mais dans votre cas, vous
devrez créer un nouveau projet Vous la verrez ici, une option pour créer
un nouveau projet. Très bien,
choisissons maintenant la taille des serveurs. Commençons par 1 Go de rampes. Ça va être
plus que suffisant. Et maintenant, ils vous disent qu'il existe certaines
recommandations, mais ne vous embêtez pas
avec ces recommandations. R, étant donné que votre
site Web va être nouveau et que vous n'aurez pas besoin d' autant de ressources simplement parce qu'ils vous le
recommandent,
cela ne signifie pas que vous devez opter pour forfait plus
cher, d'accord ? Donc ça va être
plus que suffisant, d'accord ? Vous devez maintenant choisir l'emplacement de
votre serveur. Donc, comme je
vous l'ai mentionné précédemment, lorsque je
parlais de noms de domaine, si vous créez un
site Web destiné à un public mondial, vous voudrez
probablement
choisir un emplacement
de serveur situé aux
États-Unis d'Amérique. Parce que la
plupart de vos utilisateurs,
la plupart de vos visiteurs viendront probablement la plupart de vos visiteurs viendront des États-Unis d'Amérique. J'aime généralement utiliser New York lorsque je crée un site Web
pour un public mondial. Mais San Francisco
devrait également fonctionner. Mais si vous
créez un site Web uniquement pour les personnes résidant aux États-Unis et que vous
envisagez de cibler un certain État ou
quelque chose de similaire, vous
devez choisir
un emplacement de serveur plus
proche de vos visiteurs
potentiels. Si vous créez un site Web
situé en Europe, par
exemple, dans mon cas, y a
pas si longtemps, vous avez
créé un site Web
situé en Lituanie qui cible le public
lituanien Et comme vous pouvez le voir ici, nous n'avons aucun
serveur situé en Lituanie. Donc, at a choisi le
serveur le plus proche, c'est-à-dire Francfort, et ce serveur est en Allemagne
et il fonctionne très bien. Mon site Web se charge
rapidement et il n'y a aucun problème. Supposons que vous créiez
un site Web pour des personnes
résidant au Royaume-Uni, vous
voudrez peut-être
choisir Lambda, et il en va de même pour les
autres pays européens Vous pouvez choisir n'importe quel autre serveur plus proche de votre pays, ou peut-être que vous créez un
site Web pour d'autres régions,
puis, bien sûr, vous
voulez choisir un serveur plus proche de vos visiteurs
potentiels. Si vous choisissez le serveur
le plus
éloigné de vos visiteurs
potentiels, vous aurez un léger retard. Ce n'est pas grand-chose,
mais bien sûr, c'est mieux de faire
les choses de la bonne façon. Et si vous
créez un site Web destiné à un
public mondial, comme un ensemble, vous pouvez
envisager des serveurs alloués aux
États-Unis d'Amérique. Et si vous
créez un site Web pour votre public natif, recherchez simplement le serveur le plus
proche de votre public. est aussi simple que ça. Dans mon cas, je pense que je vais m'adresser à
un public mondial et je vais simplement
choisir New York. Alors juste comme ça. Et cliquez sur Lancer maintenant. Très bien,
attendez quelques minutes jusqu'à ce que la
configuration du serveur soit terminée Cela ne devrait pas prendre très longtemps. Très bien, le programme est
terminé et nous avons
pratiquement terminé cette leçon Au cours de la prochaine leçon, je
vais vous présenter le panneau
de
cet hébergement Web Vous vous
familiariserez un peu plus. Et en gros, nous en
avons terminé avec les premières étapes et la mise
en ligne de notre site Web
5. (1.2) Tableau de bord d'hébergement Web: Dans cette leçon, je
vais vous présenter rapidement notre panel d'hébergement
Web Donc, une fois que vous avez
noté votre serveur, vous devriez le voir
ici, comme ça,
sauf que comme vous pouvez le voir, j'
ai d'autres serveurs, mais vous devriez vous concentrer sur
vos serveurs nouvellement créés Alors cliquons ici. Très bien, nous sommes maintenant
au premier niveau de notre panel d'hébergement
Web C'est ici que nous allons
faire divers ajustements. Supposons que c'est ici que
vous allez trouver
les différents paramètres que vous avez
associés à votre serveur. Il s'agit donc du premier niveau
de votre panneau d'hébergement Web. Ici, vous pouvez voir que nous
avons maîtrisé les informations d'identification. Avec ses informations d'identification,
nous pouvons accéder au compte
FTP pour vérifier tous les
fichiers que nous avons sur notre serveur. En fait, nous n'allons pas
utiliser ces informations d'identification, mais vous pouvez
les utiliser si vous le souhaitez. Et en utilisant ces
informations d'identification, vous pouvez accéder à tous les fichiers que vous
avez sur ce serveur. Ces fichiers appartiennent donc
à vos sites Web ou simplement à un site Web que
vous créez en ce moment utilisant ce serveur, vous pouvez en fait héberger plusieurs sites Web, pas un seul, mais plusieurs. Vous trouverez la liste de
ces sites ici. Comme vous pouvez le constater, les
sites Web que nous hébergeons ici sont
appelés applications. C'est ainsi qu'on les appelle. Si vous souhaitez
héberger plus de sites Web sur ce serveur, vous verrez
ici
plus d'applications. Très bien, revenons
au premier niveau de
notre hébergement Web Et le deuxième onglet est celui
de la surveillance. Vous pouvez donc voir ici combien de ressources votre site Web
utilise sur votre serveur. Parce que sur votre serveur, vous disposez d'une
quantité limitée de ressources. Comme vous vous en souvenez,
nous avons choisi un serveur. Papa avait 1 Go de rampes, et c'est l'utilisation du processeur Comme vous pouvez le constater, il n'est
pas du tout utilisé. Cela nous montre
que c'est 0 % aux États-Unis. Et comme vous pouvez le voir ici, il s'agit de notre espace disque. C'est l'espace dont
nous disposons sur notre serveur. Donc, fondamentalement, votre site Web se compose de
fichiers tels que des fichiers multimédia, des images, des codes, etc. Et ces fichiers sont
téléchargés sur votre serveur. Ces fichiers occupent donc de l'espace ici
même si vous allez dans Détails, et c'est là
que vous pouvez voir
la quantité et c'est là
que vous pouvez voir
la quantité de votre processeur utilisée. Je comprends que ces choses peuvent
sembler compliquées, mais ne t'
inquiète pas du tout pour ça Parce qu'ici,
il vous suffit de vérifier la
quantité de processeur utilisée par votre
site Web. Ici, nous avons
quelques recommandations. Donc, si l'utilisation de votre processeur est
inférieure à 10 ou 20 %, cela indique que votre serveur n'est pas assez
puissant. Et il se peut que vous deviez mettre à
niveau votre serveur vers un serveur
plus puissant
disposant de davantage de ressources. Mais lorsque vous commencez
avec votre site Web, votre site Web est récent et votre site Web ne reçoit pas
beaucoup de visiteurs. Il n'y aura aucun
problème avec l'utilisation du processeur. Plus les visiteurs
accèdent à votre site Web, plus ils interagissent
avec votre site Web, plus
le processeur utilisé par l'USU sera aussi simple que cela, si votre site Web est récent,
ne vous concentrez pas
trop ici au fil du temps. Une fois que l'étoile de votre site Web
grandit
et que vous
constatez que votre processeur n'est pas assez
puissant pour gérer trafic qui
arrive sur votre site Web. Vous souhaiterez peut-être mettre
à niveau votre
hébergement Web ici même dans New Relic En fait, vous n'avez pas besoin de vous
concentrer ici, vous pouvez vérifier l'utilisation de votre serveur, du processeur et tout le reste
un peu plus en profondeur. Vous pouvez voir la quantité de processeurs séparés que les plugins utilisent
sur votre site Web WordPress. Pour être honnête, cette section n'est donc pas très
importante. Dans le passé, ils avaient l'habitude de suivre toutes ces choses
ici, mais
j'ai fini par me rendre compte que cela n'en
valait pas la peine parce que cela
prend du temps et qu'il n'y a pas beaucoup de choses sur lesquelles se concentrer Mais si vous avez l'intention
d'aller encore plus loin, approfondissez tous les paramètres de
gestion, etc. Peut-être que cela vous sera
utile à l'avenir. Ici, nous avons un onglet
pour gérer les services. Donc, ici, nous n'
avons rien à changer. Tout est bon
tel qu'il est par défaut. Ne nous concentrons donc pas trop
ici. Très bien, passons aux
paramètres et aux packages. Ici, nous avons
divers ajustements que nous pouvons apporter à notre PHP. Mais encore une fois, tout est bon comme c'est le cas par défaut ici. Et nous n'avons pas vraiment besoin
de procéder à des ajustements, accéder à d'autres
onglets tels que Optimisation. Nous n'avons pas vraiment besoin de
changer quoi que ce soit car nous repartons à zéro
et tout est bon tel qu'il est par défaut Nous irons dans l'onglet Sécurité. Comme vous pouvez le constater, vous
pouvez ajouter des adresses IP à la liste blanche et les
bloquer ultérieurement une fois que votre site Web
s'agrandit et qu'il y a de plus en plus visiteurs
sur votre Vous constaterez peut-être que
des commentaires indésirables
arrivent sur votre site Web Et ce serait peut-être une bonne idée d' ajouter les adresses IP de ces
commentateurs ici, afin qu'ils soient bloqués Mais il y a de
fortes chances que vous ne
receviez pas ces
commentaires indésirables Je me souviens que j'ai commencé à
recevoir du spam sur mon site Web au bout de
deux ou trois ans. Ce n'est donc pas un gros problème. Vous pouvez simplement supprimer
ces commentaires. Mais oui, c'est ici
que vous pouvez ajouter des
stapes à la liste blanche et des adresses IP à la liste noire Très bien, si vous
optez pour la mise à l'échelle verticale, c'est ici que vous pouvez
mettre à niveau votre serveur Donc, comme je
vous l'ai mentionné précédemment, si vous pouviez accéder à l'onglet
Surveillance ici, et si nous pouvions entrer dans les
détails, comme vous pouvez le voir si l'utilisation de votre serveur est toujours
inférieure à 10 ou 20 %, alors c'est là
que vous souhaitez faire évoluer votre serveur. Donc, si vous choisissez un plan
plus puissant, vous disposerez de plus de ressources. Et juste comme ça, il suffit de sélectionner le meilleur plan
et de cliquer sur Scale now. Pour le
moment, notre plan
est le moins cher. Cela fonctionne très bien. J'ai géré
différents sites Web WordPress en utilisant ce plan le moins cher
et je recevais beaucoup de visiteurs
sur mes sites Web, même des boutiques de commerce électronique, et
tout fonctionne très bien. Vous pouvez donc commencer par
le serveur le plus bas et vous avez
des problèmes. D'accord, si nous devions procéder
ici, aux sauvegardes, vous pouvez évidemment
effectuer des sauvegardes de votre serveur Donc, juste au cas où vous
auriez besoin de faire une sauvegarde de votre serveur lorsque vous apportez une sauvegarde de votre serveur lorsque vous apportez
des modifications majeures, des mises à jour
majeures à votre site Web et que vous ne
voudriez rien gâcher. C'est une bonne idée d'avoir
une sauvegarde de votre site Web. Vous pouvez également effectuer des sauvegardes dans les paramètres de
votre application. Très bien, si vous
voulez utiliser cet onglet ici et l'onglet SMTP ici, nous n'allons rien
changer,
mais dans une leçon ultérieure, nous allons
utiliser cet onglet pour activer le SMTP,
et c'est ce que nous allons faire et c'est ce que nous allons Nous pourrions donc recevoir divers e-mails de
notification à notre adresse e-mail à
partir de notre site Web. C'est ce que nous allons
utiliser cet onglet plus tard. Mais pour l'instant, ne nous concentrons pas. Très bien, pour être honnête,
à ce niveau, ce que vous allez utiliser
est probablement celui des déchets
du cloud cinq ans et je peux vous
dire, d'après ma propre expérience, fait cinq ans et je peux vous
dire, d'après ma propre expérience, que
je gère
plusieurs sites Web. Et ici, la seule chose que j' utilise est cette surveillance. J'aime simplement vérifier la quantité de ressources que mon site Web utilise, en particulier lorsque le nombre de visiteurs augmente. Disons que si j'ai environ 200 visiteurs en direct sur mon
site Web à la fois, Dan, j'aime généralement vérifier
la quantité de ressources que mon site Web utilise et si tout fonctionne correctement
sans aucun problème. C'est donc ici que vous pouvez vérifier l'utilisation de vos ressources. Et comme je l'ai dit, c'est probablement le
seul onglet que j'utilise. Le plus souvent. Je n'utilise
presque aucun autre onglet. Très bien, c'était donc le premier
niveau de notre hébergement Web. Et le deuxième niveau se situe
ici même au niveau de l'application. Donc, avant d'accéder à mon
application, nous
avons un autre ensemble d'
outils et de paramètres variés. Très bien, alors
commençons par la première étape. Vous
trouverez ici vos informations d'identification pour vous connecter à votre tableau de bord
WordPress. Plus tard, nous utiliserons
ces informations d' identification pour accéder à
notre tableau de bord WordPress. Et ici, nous pouvons
configurer notre client FTP. Plus tard, nous pourrons utiliser ce client
FTP accéder aux fichiers de
notre application.
Comme vous vous en souvenez, Comme vous vous en souvenez au niveau
du serveur et au premier
niveau de notre hébergement Web, nous avions des informations d'identification principales
que nous pouvions utiliser pour connecter à notre FTP et accéder tous les fichiers qui
sont désormais des serveurs. Mais si vous voulez aller directement
au niveau de l'application, qui est le deuxième niveau
de notre hébergement Web. Et ici,
nous allons
configurer le mot de passe de notre nom d'utilisateur. Et en utilisant ces informations d'identification, nous allons simplement
accéder aux fichiers de cette application de ce site Web
en particulier, au lieu d'accéder à
tous les fichiers qui se
trouvent dans ce premier niveau
de notre hébergement Web. Plus tard, nous allons
configurer ces informations d'identification et nous vous montrerons
comment accéder aux fichiers. Très bien, passons à la gestion de la mise
en scène. Celui-ci est destiné à la gestion de la
mise en scène. En gros, avant de mettre
en ligne votre site Web, vous pouvez configurer votre site Web
dans l'environnement de test. C'est donc à vous
de décider. Habituellement. Celui-ci est destiné aux utilisateurs
un peu plus avancés qui
souhaitent tester divers éléments de code, plugins et avant de
s'assurer que tout fonctionne correctement, ces personnes peuvent utiliser une
application de test pour vérifier s'il n'y aura aucun
problème avec les modifications,
avec les plugins ou
quoi que ce soit Mais dans ce cours, nous
allons utiliser des méthodes éprouvées, des plugins
éprouvés et tout le reste. Vous n'aurez donc pas besoin d'utiliser cet
environnement de gestion du staging Très bien, passons à la section de
surveillance. Celui-ci est un peu similaire
au précédent. en souvenez, nous avions le premier niveau Comme vous vous en souvenez, nous avions le premier niveau
de notre hébergement Web. Mais ici, vous
pouvez vérifier quelles requêtes
IP arrivent votre site Web et
toutes les autres choses. Cette section n'est peut-être pas
très importante pour vous, mais c'est là qu'elle peut vérifier le trafic entrant
vers votre site Web en fonction
des adresses IP, etc. C'est à vous de
décider si vous souhaitez utiliser ces Analytics ici, mais je ne les
utilise généralement pas du tout. Passons aux deux protections. Comme vous pouvez le voir ici, les déchets du
cloud protègent notre
site Web de ces deux activités. Comme vous pouvez le constater, c'est un outil
très utile, il est donc actif, nous sommes donc protégés contre les deux
activités et c'est une bonne chose. En gros,
cet outil, cet onglet, une fois qu'il est activé,
installe simplement un plugin sur
votre site Web WordPress Le plugin est essentiellement
un module complémentaire permettant d'ajouter un certain type de fonction. Cette fois, la fonction
qui a été ajoutée est à la fois la protection, aussi
simple que cela. Passons à la gestion des domaines. En ce moment. Nous n'
allons rien faire ici, mais dans une leçon ultérieure, nous utiliserons cet onglet pour
connecter notre nom de domaine. Pour l'instant, nous pouvons l'ignorer, nous pouvons entrer dans la gestion des
tâches de Cron, l'année du trajet Vous serez en mesure de
créer des emplois Cron. Je sais que cela peut
sembler compliqué, mais ne vous laissez pas décourager par tout
ce jargon
et tout Parce que vous n'aurez probablement pas besoin de l'utiliser autant Les
jobs Basic Cron sont
destinés à créer certaines commandes Certaines tâches seraient
exécutées automatiquement. C'est donc à cela que
servent ces jobs Cron. Mais pour l'instant, nous n'allons pas
ajouter de tâches Cron
parce que nous n'en avons pas besoin Nous allons
créer notre site Web, un site Web pleinement fonctionnel
sans avoir à faire
quoi que ce soit de tel Mais si à l'avenir vous
tombez sur un plugin
que vous souhaitez
installer sur votre site Web pour
une fonctionnalité spécifique Et ce plugin pourrait avoir
besoin d'un travail Cron. C'est ici que vous pouvez
créer cette tâche Cron. C'est ici que vous pouvez
ajouter une nouvelle tâche Cron. Très bien, passons
au certificat SSL. Pour l'instant. Nous n'allons rien faire
avec ce certificat SSL. La bonne chose est qu'
avec le cloud, vous obtiendrez des certificats
SSL gratuits Tu veux les payer. Si vous vous souvenez, lorsque
nous étions chez GoDaddy, ils offraient des certificats SSL
pour près de 50 livres Voilà ce que vous
pouvez économiser par an. Très bien, plus tard, nous
reviendrons ici et nous allons installer
ce certificat SSL Si vous ne savez pas ce qu'
est un certificat SSL ? C'est ce cadenas gris à
côté de votre nom de domaine. Cela indique essentiellement que votre site Web dispose d'une connexion
sécurisée. Un certificat SSL est
installé sur votre site Web. En gros, ce
certificat crypte les données que vos visiteurs
saisissent sur votre site Web C'est important pour
la sécurité. D'accord, si nous devions procéder à une sauvegarde
et à une restauration ici, vous pouvez effectuer des sauvegardes
de votre site Web Donc, au lieu d'aller directement
au niveau de votre téléphone portable, comme je vous l'ai mentionné précédemment, vous pourriez faire le tour d'
ici et
faire des sauvegardes de votre application,
de votre site Web. Ainsi, une fois que vous avez effectué une sauvegarde, vous allez effectuer une sauvegarde de ce
site Web en particulier ici, au lieu de faire une sauvegarde
de l'ensemble du serveur. Donc, si vous voulez effectuer la sauvegarde de l'
ensemble du serveur et que vous avez des sites Web hébergés
sur ce serveur unique, vous allez
effectuer une sauvegarde de l'ensemble de ce serveur avec
ces deux sites Web. Mais comme nous
n'avons qu'un seul site Web, c'est sur cela que nous
allons nous concentrer. Le mieux est de faire des sauvegardes
ici même, sur votre site Web. Donc, si vous apportez des modifications et que vous ne
voulez rien gâcher, si vous essayez d'
installer des plugins,
disons qu'à l'avenir, vous déciderez d'installer
un plugin et que quelque chose
ne va pas et que votre
site Web tombe en panne. Avant de procéder à
ces installations, vous pouvez effectuer une sauvegarde
de votre site Web. Et si vous
constatez que quelque chose ne va pas, vous pouvez toujours choisir
une sauvegarde que vous venez de
prendre dans la liste et vous pouvez
cliquer sur Restaurer l'application. Et juste comme ça,
vous allez restaurer votre site Web à son état
précédent, tout comme
ce
déploiement via Good, c'est pour les utilisateurs avancés, peuvent se connecter
à votre site Web. Et nous n'allons pas
l'utiliser du tout. Nous irions dans les paramètres de
l'application. Juste ici. Vous verrez
différentes extensions que vous pouvez activer
pour votre application. Si nous devions accéder aux paramètres de PHP, vous pouvez apporter des modifications à PHP, mais nous n'allons pas le faire à moins
que vous
ne découvriez à l'avenir que quelque chose
nécessite ces modifications Il s'agit d'ajustements
posologiques très restreints par
rapport aux réglages de cet onglet. Très bien, passons
aux outils de migration. Les outils de migration
sont assez évidents. Vous utilisez ces outils
pour migrer un site Web. Supposons donc que vous ayez un
site Web hébergé ailleurs et que vous souhaitiez utiliser
le cloud parce que
Cloud Ways est un hébergement rapide, vous pouvez utiliser cet outil pour migrer votre site Web, aussi
simple que cela Très bien, si vous
optez pour Cloudflare,
Cloudflare est essentiellement services
CDN. En utilisant le cloud,
vous ajouterez une couche de sécurité
supplémentaire
à votre site Web Et en utilisant le cloud, vous améliorerez légèrement la vitesse de votre site Web Mais ne nous concentrons pas
sur Cloudflare. Cloudflare n'est pas basé sur le cloud. Je parle donc de Cloudflare. Cloudflare est un
service payant et comme vous pouvez le constater, il vous coûtera autant En fait, vous pouvez utiliser une version
gratuite de Cloudflare, mais vous devrez
tout connecter vous-même. Mais ne nous concentrons pas
là-dessus car nous
n'avons pas vraiment besoin d'utiliser
aucun de ces ajustements. Mais si à l'avenir, disons après quelques
années ou quelque chose comme ça, vous déciderez de
vous plonger un peu plus dans
l'optimisation de votre site Web. Vous devrez peut-être utiliser
certains de ces outils, certains de ces
paramètres ici Si vous souhaitez enregistrer des mises à jour, il
s'agit d'un nouvel outil. Vous pouvez le faire, enregistrer
les mises à jour pour votre navigateur Web. Par exemple, s'il existe
des mises à jour de WordPress, mises à jour de
plugins ou
quoi que ce soit du genre, vous pouvez enregistrer les mises à jour sans perturber
votre site Web Parce que parfois, en de
rares occasions, lorsque
vous mettez à jour votre
plugin ou votre thème WordPress, cela peut gâcher quelque chose, mais cela n'
arrive pas très souvent. Et c'est à vous de décider si
vous voulez redoubler de
prudence et effectuer des
mises à jour à l'aide de cet onglet. C'est donc à vous de décider, mais nous n'allons pas
avoir besoin de l'utiliser. Comme je l'ai dit, les
méthodes de maman ont fait leurs preuves. J'ai utilisé le
même modèle pour
créer des sites Web pour moi
et pour mes clients Et tout s'est bien déroulé. Et pour être honnête, quels outils allez-vous
utiliser ici ? Je vais probablement
utiliser cet onglet plus souvent pour accéder à votre tableau de bord
WordPress. Vous allez donc utiliser
ces informations d'identification. Vous allez probablement
utiliser ces informations d'identification juste après
les avoir créées pour accéder à tous les
fichiers de votre site Web. Et l'autre onglet blanc
important que vous pourriez utiliser le plus souvent est celui de la protection
des
achats, qui permet de vérifier l'activité des robots sur votre site Web, de ces liens
bloqués ou non, etc. Pour être honnête, j'
utilise le cloud depuis cinq ans et, au niveau des
applications,
au deuxième niveau de notre tableau de bord d'hébergement
Web, c'est l'onglet le plus
important pour moi Et cette étape, les deux
protections
utilisent uniquement ces deux onglets au niveau de
l'application. Et lorsque nous passons au
premier niveau de notre tableau de bord d'hébergement Web, c'est le tableau de bord
au niveau cellulaire. Utilisez cette surveillance uniquement
pour vérifier
la quantité de ressources que le site Web de Maya utilise
actuellement Je n'utilise que des briefings, mais il est bon de savoir quel est
chaque outil, mec quatre Vous serez donc un peu plus familiarisé avec tous les paramètres, tous les outils qui
se trouvent ici, car vous
aurez peut-être besoin d'utiliser certains de ces outils à l'
avenir . N'oubliez pas
qu'il existe deux niveaux. Le premier niveau concerne la
gestion des serveurs ici même. Et comme je l'ai dit, utilisez
uniquement la surveillance. Le deuxième niveau concerne la gestion des
applications. Il s'agit donc du deuxième niveau de votre tableau de bord d'hébergement Web. Et c'est là que
vous trouverez divers
paramètres liés à votre site Web lui-même, pas seulement au cervelet Très bien, c'est
pour cette leçon.
6. (1.3) Relier un domaine à l'hébergement Web: Dans cette leçon, nous allons connecter notre nom de domaine
à notre hébergement Web, car à l'
heure actuelle , ces deux éléments
sont des entités distinctes. Jusqu'à présent, nous avons
notre nom de domaine. Nous ne pouvons pas accéder à notre site Web
parce que c'est juste son nom. Il n'est connecté à rien. Nous devons donc connecter ce nom de domaine à
notre hébergement Web. Et nous allons utiliser l'
hébergement Web pour héberger notre site Web, essentiellement pour conserver tous les fichiers de notre site Web sur le serveur. Très bien, donc pour connecter votre nom de domaine à
votre hébergement Web, vous devez accéder à
votre compte GoDaddy ou à tout autre endroit où vous avez enregistré
votre Dans mon cas, ce sera bien sûr
GoDaddy. Passons directement à mes produits. Comme vous
pouvez le voir ici, il
s'agit de mon nom de domaine. Peut-être aurez-vous vos noms
de domaine ici. Ce que vous voulez faire
, c'est accéder à la liste de tous vos noms de domaine et cliquer ici DNS. Très bien, donc la seule chose
qui va être la plus importante pour nous dans toute
cette section
est cette première ligne Dans votre cas, vous avez peut-être reçu des
textos disant « garé », ne vous inquiétez pas à ce sujet. C'est tout à fait correct. Mais tout le reste devrait ressembler beaucoup à ce que vous êtes, les records peuvent être
un peu différents, mais ne vous inquiétez pas à ce sujet. Si vous n'avez apporté aucune modification, tout ira bien. Très bien, nous avons donc
tous nos dossiers et nous voulons
maintenant revenir à notre hébergement
Web ici Et n'oubliez pas que vous souhaitez passer
au niveau de
la gestion des applications. Il s'agit donc du deuxième niveau de votre tableau de bord d'hébergement Web. Comme vous vous en souvenez, le serveur
est le premier niveau. C'est donc de la gestion des serveurs, mais vous ne voulez pas être ici. Vous souhaitez faire du vélo toute l'année dans les paramètres de
l'application,
comme votre site Web, et vous souhaitez maintenant
copier cette adresse IP. Il suffit donc de cliquer sur cette adresse
IP ici. Maintenant, nous pouvons revenir à nos
paramètres de gestion DNS et nous voulons modifier ce
premier enregistrement ici. Cliquez sur Modifier et
collez simplement l'adresse DIP
que vous venez de copier. Changeons l'
heure ici même. Ttl, qui signifie
le temps de chargement. Et au lieu d'
utiliser ce
numéro, utilisons 600. Cliquez sur Enregistrer. Très bien, succès. Notre enregistrement DNS a été
mis à jour et
notre nom de domaine pointe maintenant vers notre hébergement Web. C'est comme si nous avions ajouté
un numéro
de téléphone à un nom comme ça. Maintenant, une fois que quelqu'un va taper notre nom de domaine
dans son navigateur Web, il pourra accéder
à notre site Web, mais nous n'avons pas encore terminé car nous devons apporter
quelques modifications ici même. Comme je l'ai dit dans la leçon
précédente, nous allons utiliser cet onglet ici, Gestion des domaines. Et cliquez sur Ajouter un domaine. Et ici,
il vous suffit de taper le nom de domaine que vous avez
acheté, que vous avez enregistré. Dans mon cas, c'était le
bacon avocados.com. Je vais donc simplement
taper ce domaine. Je suis là. Cliquez sur Ajouter le fichier principal. Et nous voulons que ce nom de
domaine soit le principal. Cliquons donc ici. Cliquons ici
et sélectionnons
Rendre le paramètre principal défini comme principal. Très bien, alors attendez une minute
jusqu'à ce que les modifications soient terminées Très bien, allons accéder aux
détails une dernière fois. Comme vous pouvez le constater, dans un panneau d'administration nous avons
maintenant une URL complètement
différente. Il possède notre nom de domaine. Et en utilisant cette URL, nous pouvons réellement accéder à
notre tableau de bord WordPress. Par exemple, je vais simplement accéder
à mon nom de domaine. Je vais donc simplement
copier mon nom de domaine. Ou je peux ouvrir ce
nom de domaine dans un nouvel onglet. Et si je devais aller directement
ici, comme vous pouvez le voir, nous recevons ce
message indiquant qu'il y a une page suspecte et qu'
elle a été bloquée pour moi Cela se produit parce que nous
n'avons pas de certificats SSL nous ne sommes
donc pas en mesure d'
accéder à ce site Web. Mais si je cliquais ici, je pourrais accéder
à ce site Web. Mais comme nous avons obtenu un
certificat SSL gratuitement, nous pouvons réellement installer ce certificat sur notre site Web. Et dans la leçon suivante, c'est exactement ce que nous
allons faire pour le moment. Nous pouvons fermer cet
onglet et ça y est, c'est tout pour cette leçon. Vous savez maintenant comment connecter votre nom de domaine à
votre hébergement Web
7. (1.4) Installer un certificat SSL: Très bien, comme vous vous en souvenez, nous n'avons pas pu accéder à
notre site Web parce que mon antivirus le bloquait Parce qu'il semblait que ce site Web était
trop suspect pour cet
antivirus car il ne possède pas de certificat SSL. Comme vous pouvez le constater,
si votre site Web ne possède pas de certificat SSL, il n'a pas l'air
fiable chez vous. Il est donc important d'avoir
un certificat sessile. Et comme je l'ai dit, sur le cloud, vous obtiendrez
un certificat SSL gratuitement. Et c'est tout simplement génial. Passons donc au certificat SSL, et nous allons maintenant
installer un certificat SSL. Très bien, alors utilisons
Let's Encrypt ici Tapez simplement votre adresse e-mail, l'adresse e-mail que vous
utilisez pour votre usage personnel. Vous pouvez utiliser la même adresse
e-mail que celle que vous avez utilisée pour vous inscrire
ici même sur Cloud ways. C'est donc exactement
ce que je vais faire. Je vais juste
taper mon adresse e-mail et je vais entrer mon nom de domaine. Très bien, il suffit de
centrer mes informations et nous pouvons maintenant cliquer sur
Installer le certificat Cela ne devrait pas prendre longtemps, attendez
juste une minute. Très bien, fantastique. Nous venons d'installer
notre certificat SSL avec succès. Comme vous pouvez le voir, il est dit qu'il
va expirer à cette date, mais ne vous inquiétez pas à ce sujet. Il va être renouvelé
automatiquement, vous n'aurez
donc pas
à apporter de modifications. Très bien, puisque nous avons
installé notre certificat SSL, nous pouvons
accéder à notre site Web et voir s'il fonctionne Si mon antivirus ne bloque plus
ce site Web. Très bien, c'est donc
le site Web auquel nous voulons accéder et comme vous pouvez le voir, mon antivirus ne bloque plus
ce site Web. C'est parce que ce site Web
possède un certificat SSL. Ce site Web est sécurisé et ce site Web dispose d'un niveau de sécurité
supplémentaire. Lorsque vous
créez un site Web, il est extrêmement
important de disposer d' un certificat SSL car,
comme vous l'avez vu vous-même, certains antivirus bloqueront le site Web parce qu'il
n'est pas du tout fiable. Comme vous pouvez le constater, comment nos sites Web ont si
bien progressé jusqu'à présent. Bien sûr, ce site Web contient du contenu de démonstration et
n'a pas l'air bien. Il ne contient aucune
de nos informations, mais bon travail pour la
création de votre site Web. Donc, s'il s'agit de votre premier site Web, félicitations, vous venez de
créer votre site Web. Bien sûr, il y a
beaucoup de choses à faire, mais nous pouvons voir les
bases de notre site Web. Un travail tellement fantastique. C'est tout pour cette leçon. Vous savez maintenant comment
installer un certificat SSL sur
votre site Web et pourquoi c'
est extrêmement important.
8. (1.5) Créer un compte FTP: Dans cette leçon, je vais vous
montrer comment configurer vos comptes FTP afin que vous puissiez accéder à tous les fichiers
de votre site Web. C'est très important, surtout à l'avenir
pour vous si vous
devez vous identifier
avec votre site Web. Certains sites Web
peuvent parfois
vous demander de télécharger un fichier
sur votre compte FTP. Disons cela pour
vérifier votre site Web. Il est donc important de savoir
comment accéder à vos fichiers. Très bien, donc comme je l'ai dit, nous allons utiliser certains détails de notre onglet qui
indique les détails d'accès Et ici, les informations
d'identification de l'application. Ici, vous souhaitez
créer des informations d'identification pour votre application en donnant simplement
un nom d'utilisateur et un mot de passe. C'est donc exactement ce que
je vais faire moi-même. Très bien, alors pourquoi j'ai simplement ajouté mes coordonnées et je
vais cliquer ici, et je ne vais
rien mettre à jour ici Très bien, alors attendez un peu
et tout sera prêt. Nous pouvons maintenant utiliser ces informations d'identification pour nous
connecter au compte FTP, mais comment accéder au compte FTP ? Qu'est-ce que c'est ? Le compte FTP est simplement constitué des
fichiers de votre site Web. Le FTP est donc un protocole
de transfert de fichiers. C'est ce qu'il représente. Mais pour accéder à vos fichiers, vous devez installer un programme. Il suffit donc d'aller
sur Google et de rechercher ce programme qui s'appelle
FileZilla à tout moment C'est ainsi que les gens
téléchargent les différents fichiers sur le serveur Et c'est ainsi que les gens
ont l'habitude de partager ces fichiers, les
télécharger à partir de
différents serveurs. C'
était le cas dans le passé
avant
que différentes options de
partage de fichiers ne soient avant
que différentes était le cas dans le passé
avant
que différentes options de
partage de fichiers D'accord, mais nous ne sommes pas
là pour en parler. Il ne s'agit pas de
parler de l'histoire d' Internet ici pour
configurer notre compte FTP. Faisons donc le tour et
cliquons sur Télécharger le client
FileZilla Cliquez une fois de plus sur Télécharger le
client FileZilla. Et tout ce que nous avons à faire est télécharger la
première option, d'accord, une fois le téléchargement terminé, il suffit d'installer FileZilla Juste une seconde. Très bien, cliquons sur Accepter. Installons le navigateur Brave. Cliquez sur Suivant. Nous pouvons ajouter une icône de bureau. Cliquez sur Suivant.
Cliquez sur Suivant l'installation. Cela ne devrait pas prendre très longtemps. Je viens d'installer FileZilla. Très bien, maintenant nous pouvons utiliser
FileZilla, et comme vous pouvez le voir,
voici à quoi il ressemble Très bien, nous pouvons maintenant fermer cet onglet et
revenons à notre FileZilla Et ici, nous pouvons taper notre hôte qu'il s'
agira d'une adresse IP. C'est le nom d'utilisateur, c'est le mot de passe du nom d'utilisateur, passe ici, le
port doit être 21 ou 22. Je ne m'en souviens pas vraiment. C'est 22 si je ne me
trompe pas. Mais au lieu de saisir ces
informations d'identification ici, créons notre nouveau
site ici. Passons donc au gestionnaire de site. Et cliquons sur Nouveau côté. Tapez simplement votre
nom de domaine ici. Je vais juste mélanger des
avocats au bacon. D'accord ? Ici, nous devons
choisir le protocole. Donc ça va être celui-ci. Et maintenant, vous voulez copier
votre adresse IP publique. Passons à FileZilla. Regardons les choses en face. Allons-y directement. Copions le nom d'utilisateur et
nous pouvons copier le mot de passe, les mêmes informations d'identification que
nous venons de créer. Cliquons ici. Cliquez sur OK,
disons mot de passe. Et maintenant, cliquons ici. Et voyons si nous pouvons nous connecter. Oui, nous pouvons nous connecter.
Alors cliquons. OK, nous sommes en train de nous connecter et nous venons de nous connecter à nos
fichiers de notre site Web. Comme vous pouvez le voir ici, nous avons des fichiers exactement
comme sur votre ordinateur, vous avez des répertoires de fichiers
et tout le reste. Il en va de même pour votre site Web. Donc, comme vous pouvez le voir,
ce sont les fichiers si je devais passer en HTML public. Il s'agit essentiellement des fichiers de notre site Web WordPress. Et c'est là que seront
placés tous les plugins. C'est là que vous
devrez peut-être télécharger des fichiers, certains fichiers pour toutes les défécations, disons que Pinterest le
faisait par le passé Je ne sais pas si
Pinterest a toujours besoin d'authentifier
votre site Web Si vous souhaitez
connecter vos représentants Pinterest via
des fichiers Mais dans de nombreux cas, il est toujours possible que
certains sites Web soient
tenus de le faire. Ils
vous disent donc généralement de télécharger le fichier, et une fois que vous avez téléchargé un fichier, il
vous suffit d'ajouter ce fichier ici, comme ça. Comme vous pouvez le constater, nous avons
différents fichiers. Nous pouvons accéder à notre site Web
à l'aide de ces fichiers. Nous pouvons vérifier tous les
fichiers de notre site Web, les fichiers multimédias tels que les images, le
code, etc. Ainsi, votre site Web,
votre site Web WordPress ou
tout autre type de site Web ne sont essentiellement qu'un ensemble de
fichiers et votre navigateur, quel que soit votre navigateur, qu'il
s'agisse de Firefox,
Chrome ou Internet Explorer ou de tout autre navigateur de
ce type, lit simplement tous les fichiers qui se trouvent ici, disons. Et ils affichent votre site Web dans un format plus facile à comprendre, type de format
interactif. Donc, comme ça, vous pouvez parcourir votre site Web, vos fichiers puisque je ne fais que
parcourir ces fichiers, ces répertoires, vous accédez à votre site Web comme dans ce format. Voilà pour cette leçon. Vous devez maintenant savoir comment
configurer votre compte FTP. Vous n'utilisez peut-être pas ce compte
FTP très souvent, mais il est bon de
savoir comment procéder car,
d'après ma propre expérience, je n'utilise pas FileZilla très souvent, mais j'utilise habituellement
FileZilla quelques
fois par an ou quelque chose
comme ça pour apporter des modifications, des ajustements mais il est bon de
savoir comment procéder
car,
d'après ma propre expérience,
je n'utilise pas FileZilla très souvent,
mais j'utilise habituellement
FileZilla quelques
fois par an ou quelque chose
comme ça pour apporter des modifications, des ajustements
. Mais pour être honnête, vous n'aurez peut-être pas besoin
d'en utiliser autant, mais il est important
de savoir comment
accéder à vos fichiers à l'aide d'un compte FTP. Voilà pour cette leçon.
9. (1.6) Paramétrer SMTP pour les courriels de notification: Dans cette leçon, je vais
vous montrer comment configurer services
SMTP afin que vous puissiez envoyer et recevoir des e-mails de
notification pour vous expliquer ce qu'est le SMTP Au lieu de
tout expliquer, je vais juste
vous donner un exemple. Supposons que vous
construisiez une boutique de commerce électronique. Et une fois que votre client
passe une commande, il reçoit des e-mails de
notification indiquant la commande a été passée avec succès. Une fois la commande expédiée, il recevra
un e-mail et e-mails
de
notification de la commande d'expédition. donc d'e-mails de notification
que les clients reçoivent
si vous ne disposez pas agit donc d'e-mails de notification
que les clients reçoivent
si vous ne disposez pas d'un service
SMTP chargé de l'
envoi et de la réception, en
gros, de l'envoi d'e-mails
à des adresses
e-mail vos clients ne
pourront pas recevoir ces e-mails de
notification Supposons que si vous avez un formulaire de
contact sur votre site Web, ces formulaires souhaitent accéder à un certain site Web et
il y en a un ancien. Vous pouvez ajouter votre adresse e-mail, votre nom et laisser un message. Et une fois que vous appuyez sur les boutons, sable de ce formulaire est envoyé aux administrateurs de
la dyspepsie Ainsi, si le
service SMTP n'est pas configuré sur votre site Web, vous ne pourrez pas faire fonctionner les formulaires de
contact car vous
ne recevrez pas d'e-mails Dans cette leçon,
nous allons donc
configurer nos services SMTP Et c'est très simple. Tu dois juste savoir
ce que tu dois faire. Très bien, alors la première chose à
faire, allons-y,
et espérons-le, ajoutons des onglets et
ajoutons un nouvel onglet Très bien, allons-y. Et comme vous pouvez le voir ici, j'ai ce module complémentaire qui s'
appelle Elastic Emails. J'ai déjà activé ce module complémentaire car, comme
vous l'avez vu vous-même, j'ai
plusieurs sites Web, plusieurs serveurs fonctionnant
sur cet hébergement Web J'ai
donc dû activer celui-ci, mais dans votre cas, vous devez l'activer
vous-même. Vous devrez donc
cliquer ici et simplement sélectionner votre forfait. Je vous recommande vivement
de choisir le premier. Cela ne
vous coûtera que 0,10$ par mois pour 1 000 e-mails Et quand tu
débutes ce sera
plus que suffisant. Il vous suffit donc de sélectionner la première
option et de cliquer sur S'abonner. C'est tout ce que tu dois faire. Et une fois que vous avez dépassé
ce nombre de femmes, vous pouvez toujours
améliorer votre plan Mais je vous dis que lorsque
vous débutez, vous n'avez pas vraiment à vous inquiéter
à ce sujet. D'accord ? Une fois que vous
avez fait cela,
nous pouvons fermer
celle-ci et nous pouvons maintenant revenir à
l'étape précédente. Et comme vous vous en souvenez,
nous sommes maintenant au deuxième niveau de notre hébergement Web et nous avons
trouvé le niveau de l'application, c'
est-à-dire notre site Web. Nous devons revenir
au niveau du serveur
et au premier niveau
de notre hébergement Web. Donc, ici et dans l'onglet SMTP, cliquons
ici et nous
voulons sélectionner Elastic Email Cliquons ici. Cliquez sur Activer. Très bien, attendez
une minute jusqu'à ce qu'
il soit activé ou je suis fantastique, tout a été
configuré avec succès Et maintenant, nous pouvons
revenir ici. Et nous allons devoir
vérifier notre nom de domaine. Pour cela, il va falloir cliquer ici sur cette coche Et vous pouvez ouvrir ce
lien et un nouvel onglet, et vous le verrez ici. Eh bien, faites défiler la page vers le bas jusqu'à ce que
nous voyions les instructions. Et nous allons devoir ajouter ces enregistrements ici même
à notre nom de domaine. ce faire, nous voulons nous adresser à notre fournisseur de noms de domaine duquel nous avons acheté
notre nom de domaine. Dans mon cas, ce
sera GoDaddy. Nous allons devoir
effectuer quelques ajustements DNS. Comme vous vous en souvenez de
la leçon précédente, lorsque nous avons dû ajouter l'
adresse IP de notre hébergement Web, nous avons dû cliquer ici. Allons-y, mon compte, nous pouvons créer des domaines rapides. En fait, nous
aurions pu le faire
dans une fenêtre précédente,
mais ce n'est pas grave. Très bien,
trouvons donc notre nom de domaine. Il s'agit du
nom de domaine que nous voulons utiliser. Et juste une seconde, cliquons
ici sur le DNS géré. Et maintenant, nous allons
devoir
ajouter de nouveaux enregistrements ici. Pour ajouter un nouvel enregistrement, cliquez
simplement sur Ajouter. Et revenons aux
instructions. Maintenant. Vous devez juste vous rappeler
que ce sera enregistrement de
textes, vous n'avez donc pas
besoin de copier celui-ci, mais vous devez le
tapisser ici. Cliquez donc sur Copier. Revenons à notre fournisseur
de domaine. Sélectionnons l'
élément de texte ici. Et nommez simplement Eta
comme vous l'avez vu vous-même. Et collez simplement la
valeur ici. Et il est temps de charger. Ajoutons de la personnalisation. Choisissons 600 s. Très bien, cliquons sur Ajouter un enregistrement Très bien, nous avons donc
ajouté un nouvel enregistrement avec succès. Comme vous pouvez le voir, cet enregistrement
a été ajouté ici, et nous allons maintenant
avoir besoin d'
ajouter d'autres enregistrements également. C'est donc l'autre
disque que nous voulons, les gars. Donc, comme vous l'avez vu vous-même, le
nom d'hôte du précédent
était Eta, et
celui-ci était celui-ci comme celui-ci. Vous voulez donc le copier. Revenons en arrière et
cliquons sur Ajouter, puis choisissons les types. Le type sera identique à celui
du précédent, mais au lieu du nom, nous allons utiliser
celui-ci ici. Nous devons copier les valeurs. Il s'agit donc de la valeur que
vous souhaitez copier. Il suffit donc de copier rapidement la valeur. Allons-y rapidement
et choisissons la personnalisation, et choisissons la personnalisation comme nous l'avons fait pour
la précédente Et saisissons 600 s. Très bien, allons vite et enregistrons Et je pense que nous allons
devoir ajouter un autre record. Faisons donc défiler la page vers À ce stade, nous
allons devoir ajouter un autre type d'enregistrement dont
le nom sera visible. Vous voulez donc copier ce suivi ou vous pouvez vous en
souvenir ici. Cliquez sur Ajouter. Choisissons le type. Le type sera un nom C, nom, ça va être un suivi. Et maintenant, vous voulez copier des valeurs. Copions donc cette valeur. Revenons en arrière. Regardons les choses en face. Et choisissons l'heure de chargement comme nous l'avons fait
pour le précédent. Cliquez sur Ajouter un enregistrement.
Très bien, fantastique Il a été ajouté avec succès
et nous allons maintenant
devoir ajouter Belief
the last record. Comme vous pouvez le voir, nous supposons qu'il s'agit d'un autre enregistrement M X, mais nous n'allons pas le faire
pour instant dans
une leçon ultérieure Nous allons ajouter
cet enregistrement lorsque nous avons commencé à configurer notre adresse
e-mail professionnelle. Comme nous sommes en train de vérifier
ce nom de domaine, nous n'avons pas vraiment
besoin de cet enregistrement MX sauf si nous allons
utiliser un type de suite e-mail
tel que G suit ou autre. Je vais vous montrer celui que j'
utilise moi-même, il y en a trois. Vous pourrez
ainsi envoyer et recevoir des e-mails en utilisant votre adresse e-mail
professionnelle. Pour l'instant, ne nous
concentrons pas là-dessus. Ajoutons la dernière récurrence. Le dernier enregistrement
sera donc un dossier
fiscal et nous
voulons copier le nom. Revenons donc à GoDaddy. Et une fois que vous vous souvenez de qui il s'agit, cliquez sur Ajouter, ou
cliquez sur le type de chaussures. Le type va
être un élément taxé. Espacons le nom et
copions les valeurs. Donc, la valeur, c'est
la valeur que je veux copier. Collons-le ici. Et choisissons la
durée personnalisée pour le chargement à nouveau, 600 s. Et cliquons sur Ajouter un enregistrement. Comme vous pouvez le voir ici, dans de rares cas, l'ajout complet de ces
enregistrements peut prendre jusqu'à 48 heures. Mais dans notre cas, cela
ne devrait pas prendre si longtemps. Tout doit être réglé et lire le dividende en
quelques minutes. Très bien, nous l'avons fait, nous en avons terminé avec cette partie Revenons en arrière et
voyons si nous avons d'
autres records que
non, nous n'avons pas. Mais comme vous pouvez le voir, nous avions d'
autres options
pour le dernier album, mais nous n'en avons pas besoin. Très bien, nous pouvons fermer cet onglet. Nous pouvons également fermer cet onglet. Encore une fois, si vous utilisez un
autre fournisseur de noms de
domaine, si vous avez enregistré votre nom de domaine ailleurs, la procédure
sera toujours la même. Tu vas juste avoir
besoin de Chad Records. Donc je
viens de voir que nous avions des enregistrements de textes et
des enregistrements CNAME Ajoutez simplement ces enregistrements et
vous serez prêt à partir. Très bien, nous devons maintenant
vérifier notre nom de domaine. Donc, ici, tapez simplement le nom de domaine que vous
utilisez pour ce site Web, celui que nous utilisons
pour ajouter ces enregistrements. C'est donc exactement
ce que je vais faire. Je vais juste
taper mon nom de domaine et nous pouvons maintenant cliquer sur
Vérifier le nom de domaine. Très bien, nous n'avons donc pas réussi à activer
notre nom de domaine, mais ne vous inquiétez pas à ce sujet Et plus tard, nous
reviendrons ici Comme je vous l'ai montré, nous
n'avons pas d'enregistrement MX. Mx record est
chargé de
configurer une adresse e-mail professionnelle avec un nom de domaine. Supposons donc que j'
aie une
adresse e-mail professionnelle sur laquelle il
sera écrit Support
at bacon avocados.com Ce sera mon adresse e-mail
professionnelle. Pour l'instant, tout semble parfait. Maintenant, nous pouvons le laisser tel quel. Comme vous pouvez le constater, tous les autres
enregistrements sont verts, ce qui signifie qu'ils doivent être activés
avec succès. Et le dernier disque dont
nous devrons nous occuper sera celui-ci, AmEx Et dans la
leçon suivante, lorsque nous
allons configurer notre adresse e-mail
professionnelle, je vais vous montrer comment l'ajouter. Nous allons revenir
ici et nous allons cliquer sur Vérifier une fois de plus et
tout devrait bien se passer. Très bien, donc pour l'instant, tout semble aller bien et nous
pouvons en rester là
10. (1.7) Créer une adresse e-mail professionnelle: Très bien, comme je
vous l'ai dit dans la leçon précédente, dans celle-ci, nous
allons nous concentrer sur la configuration de notre adresse
e-mail professionnelle J'espère donc que vous n'avez pas
quitté cet onglet. Donc, au lieu de
laisser ce tampon, vous devriez aller dans notre nouvel onglet et vous rendre sur zoho.com Très bien, une fois que vous êtes ici, vous devez cliquer
ici, vous inscrire maintenant, et vous assurer que vous avez
sélectionné une adresse e-mail
professionnelle. Il vous suffit de taper votre nom, votre e-mail ou
votre téléphone
et de définir un C'est donc exactement ce que
je vais faire moi-même. Très bien, acceptons les conditions d'utilisation et cliquons sur
S'inscrire gratuitement Vous pouvez cliquer sur Enregistrer si vous le souhaitez. Mark dit que je vais juste cliquer sur Enregistrer
le mot de passe. Et ici,
vous devrez taper le code que vous recevez
sur votre adresse e-mail. Il vous suffit donc de vérifier
votre adresse e-mail. Vérifions-le. Voilà, vous pouvez voir que
nous avons des forfaits payants. Cela ne coûte pas cher
par rapport à la suite Google, G suit ou, en gros, à
l'interface de Gmail. Mais nous n'avons pas vraiment
besoin de le payer puisque nous ne
faisons que commencer, nous pouvons utiliser un plan gratuit. Nous serons donc en mesure de créer cinq adresses e-mail différentes
avec votre nom de domaine. Ainsi, par exemple, vous pouvez
avoir une adresse e-mail pour le support
marketing, tout le monde à
votre nom, etc. Cliquez donc sur Essayer. Cliquez maintenant sur Ajouter un nom de domaine
existant. Il ne vous reste plus qu'à
taper votre nom de domaine. Je vais donc simplement
taper mon nom de domaine et remplir toutes les autres informations
nécessaires. Très bien, cliquez sur Ajouter. Nous allons maintenant devoir
vérifier notre nom de domaine. Donc, comme nous
l'avons fait avec le Cloud, ici, la procédure va être presque identique. Très bien, cliquons sur
Continuer pour vérifier notre nom de domaine et nous pouvons
cliquer sur Configurer manuellement Nous allons maintenant devoir
ajouter une occurrence de texture. Donc, comme nous l'avons fait
la fois précédente, vous devez vous adresser à votre fournisseur de noms de
domaine. Et dans mon cas, ce sera
évidemment GoDaddy. Alors cliquons et GoDaddy. Fermons celui-ci. Passons à
mes produits et
choisissons le nom de domaine. C'est le
nom de domaine que je souhaite utiliser. Cliquez sur Gérer le DNS. Et comme nous
l'avons fait la fois précédente, nous allons devoir
faire de même. Cliquez sur Ajouter. Et comme vous vous en souvenez, c'
était aussi un élément de texte. Et maintenant, nous devons
copier la valeur. Cliquons donc ici
pour masquer cette valeur. Et elle va s'appeler Eta. Très bien, alors collons
la valeur ici, et choisissons 600
s personnalisés. Cliquez sur Ajouter un enregistrement Très bien, nous pouvons
fermer cette fenêtre. Revenons ici et cliquons sur Vérifier, enregistrer
les textes. Bien, ce n'est pas encore
vérifié car j'ai sélectionné le temps de chargement de 600 s. Donc, le temps de chargement
signifie essentiellement le temps qu'il faudra pour charger
les enregistrements récemment ajoutés J'ai donc ajouté 600 s. Cela signifie que nous devons
attendre quelques minutes. Attendez donc une minute ou deux et essayez de vérifier le
dossier fiscal une fois de plus. Si ce problème se produit, vous n'avez pas à
vous inquiéter trop. Cela signifie simplement que vous
devez attendre un certain temps. Dans de rares cas,
vous devrez attendre plus longtemps. Comme vous pouvez le voir
ici, cela peut durer de 30 minutes à un jour, mais cela arrive
très rarement. Nous pouvons maintenant cliquer sur
Vérifier le dossier fiscal. Très bien, nous avons
vérifié avec succès la propriété de mon nom de domaine et je peux maintenant
créer mon adresse e-mail C'est donc la première adresse e-mail
que je souhaite créer, sera utilisée
en tant que super administrateur. Je veux que cette adresse
e-mail soit Support at bacon avocados.com.
Probablement, lorsque vous démarrez un type de projet, ce sera l'adresse e-mail la plus
importante pour adresse e-mail la plus
importante Vous devez donc toujours faire attention à l'adresse
e-mail d'assistance sur
votre nom de domaine .com ou à votre nom de domaine .com ou point sur toute autre extension de
nom de domaine Je vais donc simplement taper
support, mais si vous le souhaitez,
vous pouvez saisir n'importe quelle autre
adresse e-mail. C'est à vous de décider. Très bien, cliquez sur Créer. Et ici, vous pouvez
ajouter d'autres utilisateurs, vous pouvez ajouter d'autres adresses
e-mail ici même si vous en avez besoin. C'est
donc occasion idéale d'
ajouter d'autres adresses e-mail. Plus tard, vous pourrez modifier
ces adresses e-mail Comme vous pouvez le voir maintenant, il s'agit Support at the Bacon Avocados, mais le nom est de
savoir si c'est mon nom, mais vous pouvez
modifier cette adresse e-mail Cliquez donc sur Modifier le profil au lieu d'afficher
mon nom gvidas, car une fois que votre visiteur ou client aura reçu
un e-mail de votre part, de la part de Support at the
bacon avocados, il verra Vous pouvez donc modifier cela
au lieu de dire votre nom, vous pouvez ajouter du support. Vous pouvez également modifier
le surnom, ici. Très bien, voyons voir,
j'enregistrerais les modifications et maintenant nous pouvons revenir en arrière. Et comme vous pouvez le constater, nous
avons maintenant une adresse e-mail qui est Support sur votre nom de
domaine .com Et une fois que votre service
client recevra
une adresse e-mail de votre part, il verra qu'elle provient du support. Très bien, vous pouvez maintenant ajouter d'autres adresses e-mail
en cliquant ici. Créez simplement une adresse e-mail
avec votre nom et adresse
e-mail
à des fins de marketing, etc. Mais dans ce cas, puisque vous
savez déjà comment procéder,
nous pouvons passer aux étapes suivantes
de configuration de nos comptes de messagerie accord, nous n'avons donc plus
vraiment besoin de créer groupes car notre
entreprise est petite Nous commençons tout juste Une fois que votre site Web aura grandi, vous
pourrez toujours créer des groupes à d'
autres fins. Mais passons maintenant
au mappage DNS. Très bien, alors cliquons sur
Configurer manuellement. Je le fais manuellement
car vous
utilisez peut-être d'autres fournisseurs de noms de
domaine. Parce que dans votre
cas, il se peut que vous ne puissiez pas le faire
automatiquement. Et vous devrez le
faire manuellement pour que tout le monde puisse
suivre cette leçon. Je
le fais manuellement. Très bien, nous allons maintenant
devoir ajouter des enregistrements. Ça va être très simple. Nous devons juste copier ces enregistrements comme
nous l'avons fait pour la leçon précédente. Et nous avons enregistré ces
disques ici. Nous allons donc devoir
ajouter des enregistrements MX gratuits. Donc, en gros, copions
le premier enregistrement MX. Accédez à notre
fournisseur de domaine et cliquez sur Ajouter. Choisissons les types. Le type
sera Emax et name. Revenons-en au nom. Oui, ça va être Eta. Collons la priorité de la valeur. Ça va être dix heures et
le temps de chargement va être 600 s. Cliquons et enregistrons. Très bien, ajoutons-en un autre. Revenons ici. Maintenant, il faut tapisser celui-ci. Comme tu peux le voir,
la priorité sera t10. Et allons-y directement. Cliquez sur Ajouter. Si vous savez comment procéder, vous n'avez pas besoin de
suivre cette leçon. Vous pouvez le faire vous-même, mais je veux juste
vous montrer comment procéder. Très bien, alors basons la
valeur et choisissons la personnalisation. Tapons 600. Et comme vous pouvez le constater,
c'est très simple. Très bien, donc je vais
juste ajouter que le dernier enregistrement MX sera celui-ci Il est défini sur la priorité 50. Passons à Ajouter, tapons. Le type va être le nom Emax, il va avoir la
priorité 50 et la valeur Il suffit de le coller ici. Et sélectionnons l'
heure personnalisée pour charger 600 s. Cliquez sur Ajouter un enregistrement. Très bien, grand succès. Il a été ajouté avec succès. Et maintenant, nous allons
devoir ajouter un enregistrement SPF. Mais au lieu d'
ajouter un nouvel enregistrement, nous allons devoir modifier l'enregistrement que nous avions
précédemment ajouté lorsque
nous vérifiions
notre nom de domaine dans
le cloud avec
Elastic Email Très bien, alors maintenant nous
devrions retourner à Zoho. Cliquez sur Afficher la valeur SPF. C'est la valeur actuelle que
nous avons et nous devons la
remplacer par
celle-ci. D'accord ? Nous voulons utiliser cette valeur. Très bien, cliquons, OK. Puisque nous avons copié cette valeur, nous devons maintenant retourner chez notre fournisseur de domaine
et nous devons
rechercher la valeur SPF juste une seconde Ce sont censés
être des dossiers taxés. Passons donc à la page suivante. Très bien, juste une seconde. Très bien, SPF, c'est donc la
valeur que nous voulons remplacer. Ainsi, au lieu de créer
notre nouvelle valeur SPF, nous devons ajouter la valeur générée par
Zoho, car vous ne pouvez ajouter
qu' un seul enregistrement SPF
à votre Très bien, c'
est donc très important. Très bien, nous avons donc réussi remplacer cette valeur
par une autre Et maintenant, nous pouvons y retourner. Et la dernière valeur que
nous allons devoir ajouter, pas la valeur, mais l'enregistrement sera un enregistrement TXT.
Ça va être celui-ci. Nous devons copier l'
hôte, le nom. Donc ça va être celui-ci. Revenons à notre fournisseur
de domaine. Choisissons l'espace de début de l'
élément de texte, le nom ici. Revenons en arrière et
copions la valeur. C'est donc la valeur de cet espace, cette valeur juste ici, si vous vous
en souvenez, temps de charger 600 s et
cliquons sur Ajouter un enregistrement. Très bien, donc tout
devrait bien se passer maintenant. Maintenant, nous pouvons revenir à
Zoho et nous allons
devoir vérifier
tous nos enregistrements Ainsi, au lieu de
vérifier
tout
de suite, attendez quelques minutes, puis cliquez sur Vérifier tous les enregistrements. Très bien, après
avoir aidé pendant un certain temps, cliquons sur Vérifier
tous les enregistrements Très bien, nous avons
vérifié tous les enregistrements avec succès. Nous pouvons maintenant passer au mobile. Si tu veux. Vous pouvez
installer une application sur votre téléphone
avec la suite Zoho Email. C'est à vous de décider, mais je
vais juste le garder tel quel. Et maintenant, nous pouvons
terminer notre configuration. Comme vous pouvez le constater, vous avez deux choix. Ouvrons donc le premier et
un nouvel onglet. Voyons si nous pouvons l'ouvrir dans un nouvel onglet. Maintenant, nous ne pouvons pas. Ainsi, au lieu d'accéder
à la console d'administration, vous accéderiez directement
à la
console d'administration où vous pouvez ajouter
d'autres adresses e-mail. Vous pouvez supprimer des
adresses e-mail et y
apporter des modifications. Vous pouvez essayer
d'autres outils Zoho. Ils ont d'autres outils tels que les calendriers et tous les
autres outils qui vous aideront à
optimiser votre flux Mais dans cette leçon, nous nous
concentrons sur l'adresse e-mail. Alors cliquons ici, consultez votre boîte de réception. Très bien, et c'est le cas, vous avez
maintenant une adresse e-mail
professionnelle pleinement fonctionnelle Très bien, nous pouvons
ignorer le didacticiel et comme vous pouvez le voir,
voici à quoi il ressemble Vous avez donc votre boîte de réception, vos brouillons et votre corbeille de spam Vous pouvez cliquer sur un nouvel e-mail, vous avez annulé des tâches Vous avez toutes sortes
de choses ici. N'ayez pas peur de
tout explorer vous-même, car vous
apprendrez ainsi à mieux
utiliser ce
shooting par e-mail. Comme vous pouvez le voir ici, nous
avons plusieurs autres outils. Si vous vous rendez directement ici, vous pourrez accéder à la console de
votre administrateur. N'ayez donc pas peur de
tout explorer vous-même
car de cette façon, lorsque vous apprenez à bien utiliser
cet outil, si vous deviez utiliser un autre outil, disons G suit comme Google, c'est un outil payant
et vous
n'auriez que l'interface de Gmail. Peut-être que ce serait plus beau, mais
celui-ci, gratuit, fait parfaitement l'affaire. J'utilise ce fournisseur de
messagerie depuis très longtemps et
il fonctionne très bien. Cliquez simplement pour écrire
un nouvel e-mail. C'est tout ce que tu as à faire. Mais avant de terminer
cette leçon, nous avons encore des choses
à régler Nous pouvons donc fermer notre fournisseur de
noms de domaine ici, car nous n'allons pas utiliser
celui-ci pendant un certain temps Nous pouvons maintenant
revenir aux méthodes du cloud. Et comme vous vous en souvenez, il
nous
manquait un record, c'était un maximum. Et comme vous vous en souvenez,
nous avons ajouté cet enregistrement. Très bien, nous pouvons maintenant
cliquer sur Vérifier le domaine, et comme vous pouvez le voir, la
vérification du domaine est terminée Nous pouvons fermer cette fenêtre
et nous pouvons réellement tester si nos
e-mails de notification fonctionneront. Pour ce faire, nous devons accéder
aux serveurs situés ici. Nous allons sélectionner le
serveur qui se trouve ici. Et vous souhaitez accéder
au deuxième niveau de
votre hébergement Web, c'
est-à-dire votre application. Vous souhaitez revenir au serveur
au premier niveau de votre
hébergement Web et cliquer sur SMTP Actualisons cette page
car, si je me souviens bien, nous avons enregistré Elastic Email et cela
devrait apparaître ici. Oui, comme vous pouvez le
constater, Elastic
Emails a enregistré de bons résultats. Et tu devrais avoir
celui-ci aussi. Si ce n'est pas le cas, vous devez le
sélectionner dans la
liste, cliquer sur Activer, et maintenant nous pouvons cliquer sur
Envoyer un e-mail de test Tapez
simplement votre adresse e-mail. Tapez donc votre adresse
e-mail professionnelle, dans mon cas, elle sera
Support at the bacon avocados.com et
cliquez sur Vous verrez vous-même que vous allez
recevoir cet e-mail. Essayons donc ça. Cliquez sur Envoyer un e-mail de test. Très bien, il semble qu'il ait
été envoyé avec succès. Maintenant, je vais juste
ouvrir ma boîte mail et je
vais vérifier si j' ai bien reçu
ce Testament N. Comme vous pouvez le voir, nous avons bien
reçu un e-mail test. Il est dit que cela provient du service d'
assistance du site
bacon avocados.com Lorsque vous envoyez
un e-mail test, assurez-vous que vous n'utilisez pas la même adresse e-mail pour l'
adresse e-mail du destinataire que vous
avez utilisée pour créer votre compte Cloud ways,
car cela pourrait ne pas fonctionner. Assurez-vous donc que vous
utilisez une autre adresse e-mail que vous
utilisez pour créer
votre compte Cloud ways. Parce que si vous
comptez utiliser la même chose, cela risque de ne pas fonctionner. Mais si vous comptez utiliser une autre adresse
e-mail, elle devrait l'être. C'est tout pour cette
leçon. Maintenant que vous savez
comment configurer votre adresse e-mail
professionnelle sans avoir à payer beaucoup d'argent pour d'autres options. De plus, vous
savez comment vérifier votre bot de noms de domaine pour
Zoho et pour Elastic Email
11. Résumé de la section 1: Très bien,
félicitations pour avoir terminé la première section
de ce cours Alors maintenant, vous devez savoir
ce qu'est un nom de domaine, qu'est-ce que l'hébergement Web, comment ces deux choses
se connectent ? Et bien sûr, maintenant, comment configurer votre adresse e-mail
professionnelle. C'est très important
si vous gérez votre boutique en ligne
parce que vous voulez avoir une apparence professionnelle et qu'il
est extrêmement important d'avoir une adresse e-mail professionnelle. Donc, si quelque chose
n'était pas clair pour
vous, vous pouvez toujours
rejoindre mon groupe Facebook. Si vous avez des questions
lors
de la création de votre site Web, rejoignez ce groupe et
je suis toujours là pour vous aider. Maintenant, vous avez terminé
la première partie du discours et vous avez en quelque sorte
votre site Web Bien sûr, il s'agit d'une version complètement par défaut de votre site Web, mais au moins maintenant vous êtes en ligne. Donc, avant de
commencer ce cours, vous ne saviez
rien de la création de sites Web. Ou quel est le nom de domaine
ou qu'est-ce que l'hébergement Web ? Regardez-vous maintenant. Maintenant que vous avez votre site Web, vous êtes en ligne. C'est un excellent travail à ce sujet. Dans la section suivante,
vous allez acquérir une base solide de WordPress. Donc, si jamais vous
décidez de créer n'importe quel
type de site Web, vous aurez
une base solide de WordPress et cela vous
sera utile
à l'avenir. Très bien, c'est tout pour le moment. Et bien sûr,
félicitations pour votre visite en ligne.
12. (2.0) Commencer avec WordPress: Dans cette leçon, nous allons
parler de WordPress. Vous apprendrez donc ce qu'
est WordPress et pourquoi nous utilisons WordPress comme système de gestion de
contenu. Disons-le simplement. Wordpress est essentiellement comme un logiciel que vous utilisez
pour créer vos représentants Ainsi, au lieu d'avoir à
tout coder , à tout
programmer, nous avons un
système de gestion de contenu qui nous aide à effectuer l'ensemble du
processus de création de notre site Web sans avoir besoin de connaître le moindre
code ou quoi que ce soit de ce genre. En gros, vous
devrez apprendre à utiliser ce système de
gestion de contenu. Nous devions ajouter votre contenu, comment ajouter des produits
et tout le reste. Et cela permet de créer
un site Web beaucoup plus rapidement. Et vous n'avez pas besoin
de dépenser beaucoup d' argent pour développer
votre propre site Web. C'est donc un énorme
avantage de WordPress. Et WordPress est le système de
gestion de contenu le plus populaire, croyez-le ou non, environ 50 % des sites Web
en ligne utilisent ce système de gestion de
contenu. Donc, si vous avez visité
n'importe quel type de site Web, il y a une énorme chance, en fait 50 % de chances que ce site Web ait été créé à
l'aide de WordPress. De nombreux
sites Web énormes utilisent ce système de
gestion de contenu. Il est donc très populaire, très bon
et
il est en fait assez
facile à utiliser une fois que vous savez comment naviguer dans le
tableau de bord et tout le reste. Dans cette section, c'est exactement ce sur quoi nous
allons nous concentrer. Nous allons nous
concentrer sur WordPress. Donc, tout d'abord, nous devons nous connecter à notre tableau de bord
WordPress avant de pouvoir
approfondir ce système de
gestion de contenu lui-même. Très bien, vous voulez donc
ouvrir votre site Web dans un nouvel onglet
ici, tel qu'il a été ajouté Et à la fin de l'URL de
votre site Web, vous devez taper
slash WP Dash admin, puis appuyer sur Entrée ici Vous devrez entrer
vos informations d'identification pour vous connecter à votre tableau de bord
WordPress. Revenons donc à notre compte Cloud
ways. Juste ici. Nous allons sélectionner notre serveur. Et en ce moment, nous sommes au
premier niveau de notre tableau de bord, de notre tableau de bord d'hébergement Web. Et nous voulons passer au
deuxième niveau de
notre tableau de bord d'hébergement Web, à
savoir l'application. Et ici, comme vous pouvez le voir, nous avons des informations
sur le panneau d'administration. Comme vous pouvez le voir, il s'agit la même URL que celle que nous avons
saisie ici, slash WP, dash admin Et maintenant, nous voulons revenir
ici et simplement copier
votre nom d'utilisateur. Votre nom d'utilisateur est essentiellement
la même adresse e-mail que celle que vous avez utilisée pour créer
votre compte Cloud ways. Et le mot de passe a été
généré automatiquement. Nous voulons donc aller ici, cliquez sur ce mot de passe. Il suffit de le copier et de le
coller ici. Cliquez sur Se souvenir de moi et
connectons-nous à notre site Web. Très bien, nous pouvons cliquer sur
Enregistrer et nous terminons. Il s'agit du tableau
de bord de WordPress. Et comme je l'ai dit, WordPress est
un système de gestion de contenu qui nous aide à créer
notre site Web beaucoup plus rapidement,
beaucoup plus facilement sans
avoir à coder quoi que ce soit. Et ce système
de gestion de contenu est le plus populaire pour des raisons. Donc, si vous avez
décidé d'utiliser WordPress, vous avez fait le bon choix. Très bien,
c'est tout pour cette leçon. Vous savez maintenant ce qu'est WordPress, comment vous connecter à votre tableau de bord
WordPress. Et puis dans la leçon suivante, nous
allons approfondir le tableau de bord de
WordPress lui-même.
13. (2.1) Tableau de bord WordPress: Dans cette leçon, je
vais vous présenter rapidement notre tableau de bord
WordPress Vous comprendrez donc beaucoup mieux
chaque outil,
en fait, comme l'hébergement cloud beaucoup parce que lorsque vous
configurez votre site Web WordPress, vous n'avez pas trop d'outils ici car les autres fournisseurs d'hébergement
Web ont tendance à installer
différents plug-ins dont nous
n'avons même pas besoin. Et le tableau de bord de WordPress
semble assez confus. J'ai vraiment aimé ça.
Cela a l'air très simple. Très bien, puisque vous êtes ici, nous pouvons
fermer cet onglet d' hébergement Web
basé sur le cloud car nous n'allons pas l'utiliser Pour l'instant, concentrons-nous sur la première étape,
à savoir
le Tableau de bord. Comme vous pouvez le voir ici,
nous avons deux autres onglets, Accueil et Mises à jour. Dans cet onglet d'accueil, vous
verrez divers outils widgets que vous pouvez ajouter à
votre tableau de bord d'accueil. Comme vous pouvez le voir ici, diverses activités se déroulent
sur votre site Web.
En gros, ici, nous voyons des
commentaires sur des articles de blog,
sur tout ce qui se passe comme ça. Vous pouvez voir le nombre de publications
que vous avez sur vos pages ici. Il affiche également l'état de santé de votre
peau et d'autres widgets. Et ici, vous pouvez ajouter d'autres
widgets si vous le souhaitez, si vous en avez besoin. Il s'agit essentiellement de la page d'accueil de votre tableau de bord WordPress. Si vous comptez
installer d'autres plug-ins sur votre site Web pour différentes
fonctionnalités. Pour ajouter plus de fonctionnalités
à votre site Web
ici , vous pouvez ajouter ces outils ici même pour voir
un résumé rapide des plugins de votre site Web. Mais pour être honnête, je n'utilise pas vraiment ce
type de maison. En fait, ne l'utilisez pas complètement
car ce n'est pas
là que je me concentre. Certaines personnes
aimeront peut-être l'utiliser, mais je ne vois pas vraiment
pourquoi utiliser ce tableau de bord, car la plupart du temps,
je n'utilise que certains outils. Plus tard, je vous
montrerai quels outils pourraient également être plus
importants pour vous. Très bien, passons
aux mises à jour ici. Vous verrez ici les mises à jour des valeurs
disponibles. Donc si vous avez un WordPress
qui n'est plus à jour, vous verrez que vous pouvez
mettre à jour votre WordPress lui-même, c'
est-à-dire le système de
gestion de contenu. Ici, nous avons des plugins
et, comme vous pouvez le constater, les plugins sont obsolètes et nous
pouvons les mettre à jour. Alors faisons-le. C'est une bonne pratique
de garder tout à jour sur votre site
WordPress car vous voulez être sûr que
tout fonctionne
correctement et qu' il
n'y a pas de problèmes et parfois plug-ins
obsolètes, des thèmes
obsolètes. Dans de rares cas, ils peuvent vous causer des problèmes de sécurité et vous
ne voulez donc pas que cela se produise. Assurez-vous donc de
tout garder à jour. Revenons donc aux mises à jour. Et oui, cet onglet
est réservé aux mises à jour. Donc, si vous voyez que
des mises à jour sont disponibles, ne les ignorez pas et
maintenez simplement tout à jour car il est de bonne
pratique de garder vos plugins, thèmes et un WordPress
lui-même à jour. Très bien, allons les
publier ici. Très bien, donc une fois que
je clique sur les articles, je peux voir tous les messages Donc, fondamentalement, cet onglet se
concentre sur les articles de blog. Si vous écrivez des articles de
blog, il va falloir
se concentrer davantage. Et comme vous pouvez le voir dans tous les articles, vous pouvez voir que tous les articles de
blog que vous avez sur votre site Web à un
moment donné ne contiennent qu'
un seul article de blog
créé par défaut. Si vous souhaitez ajouter un nouvel article de blog en
cliquant
ici ou ici, vous serez en mesure d'ajouter d' autres articles de blog sur votre site Web
WordPress. D'accord ? Si j'
allais dans Catégories, vous pouvez
évidemment créer des
catégories pour vos articles de blog. Bien entendu, en
fonction de votre projet, vous souhaitez créer vos catégories pour les articles de
blog si vous les rédigez. Et si j'allais aux tags
ici, vous verrez la liste des tags que vous
utilisez dans vos articles de blog. En gros, les balises sont utilisées
pour décrire vos articles de blog en termes courts et en mots clés
courts. Il serait donc plus facile
pour vos visiteurs de naviguer sur
votre blog et ainsi de suite. De plus, de nombreuses personnes
qui adhèrent à SCO affirment que les balises aident à obtenir
un meilleur classement si vous
incluez des balises pertinentes
pour vos blogs et que vous pouvez optimiser un peu mieux vos
articles de blog Dans une leçon ultérieure,
je vous en montrerai un peu plus sur les articles de blog Plusieurs abordent les tags
et les catégories de manière plus approfondie. Mais pour l'instant je
voulais juste vous faire savoir que c'est dans cet onglet à la fois que vous
ajouterez vos articles de blog. D'accord ? Si nous devions
aller dans la médiathèque, c'est évidemment très, vous y trouverez tous
vos fichiers multimédia, probablement, sans aucun doute, c'est là que vous
trouverez vos photos et ne recommanderez jamais aux
gens de télécharger des vidéos sur leurs
sites Web WordPress car ce
n'est pas une bonne pratique
si vous
voulez un jour télécharger une vidéo sur
votre site Web WordPress, le meilleur choix serait
vous pouvez accéder à YouTube, télécharger votre vidéo sur YouTube, puis copier le
lien « Intégrer la vidéo vers un article de blog, vers une
page ou n'importe où ailleurs Vous ne voulez pas mettre en ligne des vidéos, votre site Web WordPress,
car cela ralentira considérablement votre
site Web Et vous ne voulez pas que cela se
produise parce que vous voulez que l'expérience utilisateur soit
aussi bonne que possible. Donc, si je
cliquais ici, ici, je serais en mesure d'ajouter de nouveaux fichiers multimédia à mon site Web
WordPress. Il vous suffit donc de
glisser-déposer les fichiers
ici ou de les sélectionner parmi les fichiers. Si je pouvais aller aux
pages juste ici. Comme vous pouvez le constater, nous
avons des pages sur les obstacles. Donc, comme pour la pose, les posts sont bien sûr
différents de ceux de la leçon suivante. Je vais vous expliquer
la principale différence entre les articles et les pages. Je vais en parler
un peu plus en profondeur, mais pour être bref
et rapide, je vais vous dire
que les pages sont les pages
les plus importantes
de votre site Web. Si vous allez
écrire des articles de blog, vous allez avoir
de nombreux articles de blog dans différentes catégories. Et une fois que vous aurez ajouté des pages, vous
n'aurez probablement qu'un nombre limité de pages Les
pages contiennent
des informations importantes pour vos clients,
pour vos visiteurs. Ainsi, par exemple, vous pourriez avoir une
page sur votre entreprise. Vous pouvez avoir la politique de confidentialité de
la page de contact de la page, les
conditions d'utilisation, la politique en matière de cookies et toutes les pages que vous
voyez sur tous les autres sites Web. Ce sont donc des pages. Si vous souhaitez ajouter une page, vous devrez cliquer
ici ou ici. Très bien, passons
à l'onglet commentaires. Dans l'onglet commentaires, vous verrez tous les commentaires qui
se trouvent sur vos articles de blog. Comme vous pouvez le voir ici, nous avons une dette commune qui
a été ajoutée par défaut. Et nous pouvons faire différentes choses avec ses
commentaires afin de ne pas être approuvés, répondre à ce commentaire Nous pouvons même modifier ce commentaire. Nous pouvons mettre ce commentaire pour
les spammer ou le
mettre dans la corbeille. C'est donc ici que vous
verrez tous les commentaires publiés sous
vos articles de blog. Très bien, passons à l'onglet Apparence et à
l'onglet Apparence. Vous pouvez essentiellement installer un nouveau thème pour votre site Web
WordPress. Ainsi, en fonction de votre projet, en fonction de votre niche, vous pouvez choisir le thème que
vous souhaitez utiliser. Mais dans ce cours, je
vais vous recommander d'utiliser certains thèmes que j'
utilise moi-même et que j'
ai testés moi-même afin de vous garantir que ces faisceaux fonctionneront
correctement. Et si vous souhaitez
ajouter un nouveau thème, cliquez
simplement
ici ou cliquez ici. Et éditeur, vous pouvez essentiellement modifier le thème de votre site Web
WordPress. Bien entendu, cela dépend de la FIM
que vous utilisez. Les différentes équipes disposent de
différentes options et différentes manières de
personnaliser les thèmes Mais comme vous pouvez le constater, ce thème par défaut possède telles options pour
personnaliser ce thème Ce n'est pas la meilleure façon
de personnaliser votre thème. Et comme je l'ai dit, je vais vous montrer les thèmes éprouvés
que j'utilise moi-même. Et ces diffusions
sont populaires, rapides et
fiables. Très bien,
revenons ici. Très bien, cliquons sur Tableau de bord. Et comme je l'ai dit, tant qu'éditeur, vous n'avez pas vraiment
besoin de vous concentrer ici. Bien sûr, cela
dépend de votre thème, mais dans les leçons suivantes, lorsque
nous modifierons notre thème, je vous montrerai comment vous pouvez personnaliser et vous
verrez vous-même quel point il est simple. Très bien, passons
à l'onglet plugins. Si je clique sur l'onglet plugins, comme vous pouvez le voir, ce
sont les plugins que nous avons. Ce sont deux
secteurs de plugins. Si vous voyez quelque chose de différent
, vous vous inquiétez maintenant à ce sujet. Si vous voyez des plugins inactifs, vous pouvez les supprimer car vous ne
les utilisez évidemment pas. Et le plugin permet d'ajouter différentes
fonctionnalités à votre site Web WordPress en toute Dans la leçon suivante, nous allons en
parler un peu plus en profondeur afin que vous puissiez mieux comprendre les thèmes et les plug-ins. Si vous cliquez sur Ajouter
un nouveau ou ici, vous pourrez ajouter un
nouveau plugin à l'aide de la recherche. Vous trouverez tous les
plugins que vous souhaitez. Très bien, passons aux
utilisateurs qu'il y a, vous pouvez voir l'onglet Utilisateurs
ici même dans tous les utilisateurs, nous pouvons voir tous les utilisateurs
qui se trouvent sur ce site Web Je suis évidemment le seul utilisateur. Je suis l'administrateur, donc je ne suis qu'un seul
utilisateur ici. Si jamais vous
avez besoin ou si vous souhaitez ajouter de nouveaux
utilisateurs, zéro absolu. Une fois votre projet développé, vous pouvez le faire ici, juste triste, nom d'utilisateur, adresse
e-mail. Le mot de passe est généré
automatiquement et il vous suffit de sélectionner la ligne correspondant à l'utilisateur que
vous venez d'ajouter. Comme vous pouvez le constater, vous
pouvez ajouter un administrateur, éditeur pour les articles de blog, un
auteur pour
les articles de blog, etc. Très bien, allons à l'onglet
Profils ici. Très bien, nous n'avons pas
besoin de sauvegarder quoi que ce soit. Et dans l'onglet Profil,
vous pourrez essentiellement effectuer diverses
options de personnalisation pour votre profil. Vous pouvez modifier le jeu de couleurs. Vous pouvez effectuer divers
autres ajustements liés à votre profil. C'est à
vous de décider si vous
souhaitez apporter des modifications. Très bien, passons à l'estampille à outils.
Ici, vous verrez
différents outils pour votre site Web WordPress.
Ici,
vous pouvez exporter et importer les données de
votre profil,
de votre site Web WordPress, pas d'un profil Ces deux options peuvent vous
être utiles
si vous envisagez de migrer
votre site Web ailleurs. Mais en réalité, il existe des plugins qui vous
aideront à le faire. Vous n'avez donc pas vraiment besoin
de vous concentrer ici. Si nous allions côté santé, vous verrez l'état
de santé de votre site Web. Évidemment, puisqu'il s'agit
d'un nouveau design de site Web, la santé va être bonne. Cela indique généralement qu'il y a
des problèmes de santé, surtout s'il existe des plug-ins obsolètes
et autres. Vous verrez donc tous les problèmes qui se produisent sur
votre site Web ici. Mais encore une fois, ce n'est pas
le plus important. Comme je l'ai dit, il suffit de
tout mettre à jour et vous n'
aurez à vous
soucier de rien ici. Exportez vos données personnelles. Vous pouvez exporter
vos données personnelles de votre site Web WordPress. Donc, à partir de votre profil, ces paramètres
ne sont pas si importants. Ici, dans l'éditeur de fichiers de thème, vous pouvez modifier les
fichiers de votre thème. s'adresse donc aux utilisateurs
avancés qui savent
comment travailler avec un code. Et ici, vous n'avez pas vraiment
besoin de vous concentrer
car c'est pour les utilisateurs
avancés, tout comme l'éditeur de fichiers de plugins, vous allez modifier le
code de vos plugins. Ces deux options ne
sont donc pas si importantes. Vous n'avez pas besoin de trop vous
concentrer sur eux car ils sont
destinés aux utilisateurs avancés. Et puis dans ce cours,
nous n'allons pas vraiment
utiliser ces options, nous n'allons utiliser aucun
outil ici, mais il est bon de savoir à
quoi sert chaque outil. Très bien, allons dans
l'onglet Paramètres. Et pour être honnête, nous n'allons pas trop nous concentrer dans cette leçon
sur les paramètres, car dans une
leçon ultérieure, je vais vous montrer paramètres
les plus importants que vous
devez effectuer pour vous assurer que
votre site Web fonctionne correctement. D'accord, donc ça
y est, en gros, c' était la présentation rapide du tableau
de bord WordPress Et comme vous pouvez le constater vous-même, ce n'est pas si compliqué. Il suffit de savoir à
quoi sert chaque outil. Parler d'une expérience
personnelle. Je peux vous montrer les outils les
plus utilisés que j'utilise moi-même, mais les
sites de commerce électronique avec des blogs, sites Web
professionnels sans le doublon celui-ci,
à la fois pour
ajouter des articles de blog, vous allez probablement les utiliser
plus souvent que n'importe quel autre outil
ici, des
médias, des médias que vous allez
utiliser également plus souvent, en particulier pour
ajouter des fichiers multimédia Vous pouvez donc utiliser les médias pour télécharger toutes les images en une seule page, ce que
vous n'allez pas
utiliser si souvent, car une fois que vous aurez configuré toutes vos pages, vous allez simplement
oublier ces pages. Cela ne
va donc pas trop se concentrer. Vous allez donc vous
concentrer davantage sur les commentaires, car une fois que
vous aurez commencé à
recevoir des commentaires, vous pourrez trouver tous
les commentaires ici, comme je
vous l'ai montré précédemment. Et vous pouvez
les supprimer et les approuver, faire ce que vous voulez
avec ces commentaires. probablement
l'un des
plus méridionaux Cet
onglet est probablement
l'un des
plus méridionaux et les plus utilisés, car à l'avenir, il souhaite ajouter
de nouveaux plugins à votre site Web. C'est ce que vous
voudrez peut-être utiliser plus souvent. Peut-être aurez-vous besoin de
désactiver certains plugins, c'est
donc ce que vous
allez également utiliser Les plus
populaires sont donc les publications, les médias, les commentaires, et les
derniers sont les plugins. C'est tout pour cette leçon. Maintenant, vous savez comment naviguer dans le tableau de bord
WordPress et cela ne devrait plus paraître
aussi compliqué.
14. (2.2) Les paramètres essentiels de WordPress: Dans cette leçon, je vais vous montrer
les réglages les plus importants. Les paramètres se trouvent
ici, comme vous vous en souvenez leçon
de procédure pas à pas du tableau
de bord WordPress Ainsi, tous les paramètres liés à votre site Web WordPress peuvent être définis ici au cours de cette étape. Commençons donc par les
paramètres généraux ici. Et ici, la chose la
plus importante que vous devez faire est
d'ajouter titre de
votre site et simplement
d'ajouter un slogan pour votre site Web Vous pouvez voir ici qu'il est dit de centrer
quelques mots pour expliquer votre site Web et
décrire votre entreprise. Et aussi simple que cela, il suffit de taper le slogan
et d'ajouter un titre de site C'est donc exactement ce que
je vais faire moi-même. Très bien, comme vous pouvez le
voir, je viens de changer le titre du site et d'
ajouter un slogan Comme vous pouvez le constater, une fois que vous
modifiez le titre de votre site, il change également ici. C'est donc à vous de décider du
titre et du slogan du site que
vous souhaitez utiliser Comme vous pouvez le voir, je viens d'
ajouter un slogan simple. Ce site Web est essentiellement
destiné à vous apprendre à
créer vos sites Web. D'accord ? Très bien,
ici nous pouvons faire défiler la page vers le bas et ici vous pouvez
choisir votre format de date Le format de date que vous
souhaitez utiliser sur votre site Web. J'aime généralement conserver
les paramètres par défaut. Bien sûr, n'oubliez pas de
choisir votre fuseau horaire, car
en fonction de ce fuseau horaire, vous verrez différents
articles de blog publiés sur votre site Web ou les
produits ajoutés, etc. Il vous suffit donc de choisir votre fuseau horaire. Et à part cela, vous n'avez pas besoin de
faire de réglages ici et vous
pouvez appuyer sur Enregistrer les modifications. Très bien, passons
à l'onglet « équitation » ici. Nous n'avons pas besoin de faire
d'ajustements. Tout est tel
qu'il est par défaut. Passons donc à l'onglet Lecture. Dans l'onglet Lecture,
vous pouvez essentiellement apporter quelques modifications
aux informations, au contenu
affiché sur votre
site Web
pour le moment Nous n'apporterons
aucun ajustement lors des étapes
ultérieures de la
création de notre site Web. Nous allons apporter quelques
modifications ici. Je vais vous montrer à quoi servent
ces modifications. En gros, nous allons
définir une page d'accueil pour notre site Web qui sera la page
d'accueil de notre site Web. Nous allons ajouter une
page de blog pour afficher les articles de blog. C'est donc ce que nous
allons faire un peu plus tard. Maintenant, nous n'allons rien
changer parce que ces pages ne sont même pas prêtes. Ces choses seront donc faites au cours des étapes
ultérieures de la mise en place de notre site Web. Ce n'est qu'une pratique courante, mais il est bon que vous sachiez
comment
introduire rapidement les différentes étapes qui se trouvent ici. Très bien, à partir de là, nous pouvons
passer à l'onglet de discussion. Cet onglet de discussion
est
responsable des commentaires
publiés sur votre site Web. Vos visiteurs
vont donc laisser des commentaires. Ils peuvent laisser des avis sous vos produits s'il s'agit de
votre boutique de commerce électronique. Et c'est ici que vous pouvez
effectuer différents réglages. Vous pouvez jouer avec
ces paramètres ici. Mais pour être honnête, le seul ajustement
que je fais ici, c'est d'activer cette
option ici même. Le commentaire doit être approuvé
manuellement. Donc, une fois que j'
allais laisser un commentaire, le commentaire sera
affiché ici. Je vais donc simplement ouvrir
celui-ci dans un nouvel onglet. Et comme vous pouvez le voir ici, nous avons un commentaire qui
a été ajouté par défaut. Et une fois que j'ai activé
cette option ici, comme vous pouvez le voir, ce commentaire
a été approuvé automatiquement, il a été ajouté automatiquement. Commentaires par défaut. Et je vais juste
cliquer sur Approuver. Et comme vous pouvez le constater, une fois WR, une fois votre viscéral
allait commenter des blog sur
l'Europe ou laisser
une critique de produit Ce commentaire ne sera pas approuvé. Vous devrez donc approuver vous-même
ce commentaire manuellement. Et la raison pour laquelle
j'aime faire cela, c'est qu'à un moment donné, une fois que
votre site Web commence à se développer, une fois que votre site Web commence à
générer de plus en plus de trafic, il y a de fortes chances
que vous
commenciez à recevoir des commentaires indésirables. Et vous ne voulez pas que
ces commentaires apparaissent sous votre contenu car cela ne va
pas être trop beau et vous devrez supprimer
ces commentaires ennemis Il est
donc préférable de
garder celui-ci actif ici, et vous pouvez approuver les
commentaires manuellement vous-même. Cliquez simplement ici
pour prouver que le commentaire sera approuvé automatiquement. Si vous voulez aimer ce
commentaire, vous pouvez le supprimer ou vous pouvez également le
marquer comme
spam ici. L'autre onglet assez
important que j' aime utiliser moi-même est celui-ci. Au lieu d'utiliser celui-ci
pour modérer les commentaires, j'aime interdire les Ainsi, une fois que vous aurez commencé recevoir ces
commentaires indésirables ici, vous remarquerez
que la à
recevoir ces
commentaires indésirables ici,
vous remarquerez
que la même
adresse URL de commentateur est généralement ajoutée à un commentaire,
ou peut-être la même adresse e-mail Peut-être que ces commentaires
comporteront
les mots-clés communs à ces commentaires, comme ceux qui se répètent
dans chaque commentaire. Vous voulez donc copier
n'importe laquelle de ces choses. Ici, vous
verrez l'adresse IP du commentateur. Nous ne pouvons pas voir l'
adresse P sous ce commentaire car ce commentaire a été ajouté
automatiquement par défaut. Nous ne sommes donc pas en mesure de
voir l'adresse IP, mais une fois que quelqu'un va
laisser une adresse commune, vous
la verrez. Et vous pouvez copier cette adresse IP
et la coller ici. Il suffit donc de coller une
adresse IP ou une adresse e-mail, ou l'URL ou le mot clé sur une ligne parallèle
pour interdire ces commentaires Donc, s'il s'agit d'
un commentateur spammé, je
vais vous laisser un autre
commentaire ou du spam courant Ce commentaire sera automatiquement
supprimé,
vous n'aurez donc pas à l'approuver
ou à le refuser Cela va donc
vous aider à gagner beaucoup de temps. Mais lorsque vous repartez à
zéro et que votre site Web est nouveau, cela peut prendre un certain temps avant que vous ne commenciez à recevoir
ces commentaires indésirables, mais il est bon de savoir comment vous pouvez lutter contre ces commentaires Et vous n'
aurez pas à vous inquiéter lors des étapes
ultérieures de la
gestion de votre site Web. C'est un exemple concret. C'est l'un de mes sites Web
que je gère moi-même. Et comme vous pouvez le constater,
ce site
Web reçoit de nombreux commentaires indésirables Donc, en plus de les approuver moi-même manuellement et en
plus de les placer en tête de liste, j'aime généralement identifier
les mots clés courants et les commentaires eux-mêmes,
les adresses
e-mail, les
URL ou les adresses IP les plus utilisées ou les plus récurrentes URL ou les adresses IP les plus utilisées ou les Et une fois que j'ai identifié
ces oscillations, j'ai simplement copié ces éléments
, je les ai collés ici dans cette fenêtre et j'ai
interdit les touches communes, une
seule par ligne. Très bien, maintenant tu devrais
savoir à quoi tout ressemble. Très bien, nous pouvons faire défiler la page vers le bas. Et comme vous pouvez voir
votre icône ici, vous pouvez apporter quelques modifications à votre avatar ou à votre profil. J'aime généralement masquer les avatars car cela permet de charger le
site Web un peu plus rapidement C'est une toute petite chose, mais j'aime aussi faire
ces choses-là. J'aime donc généralement
masquer les avatars, mais c'est à vous de décider si vous
souhaitez afficher des avatars, ces avatars seront affichés
sous vos Si vous souhaitez ajouter des articles de
blog à vos sites Web, vous allez
afficher votre avatar. Vous pouvez donc choisir un
avatar que vous souhaitez utiliser ou définir votre propre avatar. Mais d'habitude, j'aime bien
le saluer, celui-ci. Encore une fois, c'est à vous de décider si vous
voulez le faire également. Mais celui-ci,
je voulais dire qu'il est
très important. Ainsi, une fois que vous avez
terminé d'apporter des modifications, vous pouvez cliquer sur Enregistrer les modifications. Très bien, passons à l'onglet Médias. Celui-ci est également bon
tel qu'il est par défaut, car nous n'avons pas vraiment
besoin de changer quoi que ce soit. Tout est bon
comme ça par défaut. Très bien, passons au permalien. Celui-ci est extrêmement important. Donc, ici et avec un permalien, vous pouvez voir la
structure de l'URL, en
gros, à quoi
ressembleront vos URL pour vos visiteurs Ainsi, par exemple, si je vais
sur notre page d'accueil ici, je vais vous montrer un exemple. Voici donc notre URL. Et si je devais aller
à la page d'exemple, comme vous pouvez le voir,
voici à quoi elle ressemble. Nous avons donc notre nom de domaine, nous avons la barre oblique index.php, et nous n'avons pas vraiment besoin que
cette partie s'affiche
car elle ne sert à rien pour le référencement,
pour l'optimisation des moteurs de recherche Et nous voulons que nos URL
soient simples. Donc, au lieu de choisir celui-ci, choisissons ce nom de publication et appuyons sur Enregistrer les modifications. Par exemple, si je
revenais à ce côté tout de suite, nouveau à notre page d'accueil
et non à la page d'accueil. Je cliquerais sur
la page d'exemple. Comme vous pouvez le voir,
voici à quoi cela ressemble. C'est la structure
que nous voulons utiliser car
elle est bien meilleure. Il est beaucoup plus facile de comprendre les visiteurs
par heure et c'est beaucoup plus facile à comprendre pour
les moteurs de recherche. Nous voulons donc garder
celui-ci, d'accord ? N'oubliez donc pas de cliquer sur Enregistrer les modifications et à chaque
fois que vous apportez des modifications. Et à partir de là, nous pouvons passer
à cet onglet confidentialité. Pour le moment, nous n'avons pas encore
notre page de politique de confidentialité. Dans les étapes ultérieures, je vous
montrerai où vous pouvez créer vos pages de politique de
confidentialité, conditions de
Thompson
et toutes les autres
pages importantes de votre site Web où vous pouvez les générer automatiquement. Vous n'auriez donc pas besoin d'engager des personnes pour parcourir ces
pages à votre place. Mais pour l'instant, dans cette étape, nous n'avons rien à
changer, sauf que nous pouvons définir la page de confidentialité. Nous l'aurions donc
configuré et nous n'aurions pas besoin de revenir à
cet onglet à nouveau. Alors cliquons, utilisons cette page. Maintenant c'est réglé et
nous pouvons le laisser tel quel. Très bien, nous pouvons accéder directement
à ce tampon, mais nous n'allons pas non plus apporter de
modifications à cet onglet Parce
que ces modifications, ces options présentes sur W14,
le plugin, comme vous vous en souvenez lorsque nous étions sur
notre page Plugins, je vais simplement les ouvrir très rapidement
dans un nouvel onglet Comme vous pouvez le voir, nous
avons le plugin Breeze et ces paramètres ici. Je l'ai fait pour ce plugin Breeze
en particulier. Ce plugin est
chargé d'optimiser votre site Web. Ainsi, votre site Web se chargera
plus rapidement pour vos visiteurs. Et pour l'instant, tout est
bon tel qu'il est par défaut, nous n'avons pas vraiment besoin de
changer quoi que ce soit. Mais à l'avenir, si vous décidez
de vouloir
apprendre à optimiser encore mieux votre
site Web. Parce que je le
sais par expérience. Au fur et à mesure que vous continuez à
développer votre site Web, mesure que vous continuez à
améliorer votre site Web, un point très important
sera la vitesse des sites Web. Mais avec un nouveau site Web, vous aurez de toute façon un site Web à
chargement rapide. Mais à terme, vous voudrez peut-être améliorer
la vitesse du site Web. Peut-être que votre site Web s'
agrandira encore et que cela deviendra peut-être
plus important pour vous. Je crois que je vais faire
un autre cours à ce sujet. Donc, si vous suivez un
discours, ce cours et l'optimisation de votre site Web
seront prêts pour vous. Et je le fais parce qu' il y a beaucoup de
choses que vous pouvez modifier Il y a beaucoup de choses que vous pouvez modifier pour accélérer le chargement de votre
site Web. Mais encore une fois, vous
conviendrez que ce site Web fraîchement créé
se chargera rapidement dans tous les cas. Très bien, ça y est, ce sont les paramètres
WordPress les plus importants Donc, pour résumer, l'un des paramètres les plus
importants se trouve dans cet onglet général,
dans cet onglet de discussion
et dans l'étape des permaliens Voilà pour cette leçon
15. (2.3) Plugins et thèmes expliqués: Très bien, parlons des
thèmes et des plug-ins. Nous en avons déjà parlé dans
les leçons précédentes, mais maintenant nous
allons nous concentrer sur ces deux choses. Très bien, alors passons
aux thèmes qui se trouvent ici. Et comme vous pouvez le voir sur cette page, nous pouvons voir tous les thèmes qui sont installés sur notre site Web. En gros,
les thèmes sont
responsables de la partie design
de votre absence. Les différents thèmes ont donc
différentes options de personnalisation. Avec différents thèmes, vous pouvez obtenir différents
looks et ainsi de suite. Dans ce cours, je vais vous
montrer les méthodes, les thèmes que j'utilise moi-même, les thèmes éprouvés auxquels vous pouvez faire confiance et qui se chargent rapidement. Mais encore une fois, il est important vous sachiez quels sont les thèmes où vous pouvez les trouver. Parce que peut-être à l'avenir,
vous déciderez de mettre à jour votre site Web et
de changer de thème. Ainsi, vous saurez où
chercher les thèmes et vous saurez de quoi sont
responsables nos thèmes. Voici donc que vous pouvez voir que
nous avons cet acteur de faisceau. Voici à quoi ressemble notre site Web
lorsque ce faisceau est actif. Par exemple, si je vais la page d'accueil de notre site Web, je vais simplement l'ouvrir
dans un nouvel onglet. Comme vous pouvez le constater, voici à
quoi ressemble notre site Web. Je sais que cela n'a pas
beaucoup de sens car c'est le site Web
par défaut. Mais en gros, vous pouvez comprendre que c'est la conception
de ce site Web. Voilà à quoi ça ressemble. Et cela ne ressemble qu'à
cela parce que ce site Web, ce site Web WordPress,
utilise ce thème. Bien sûr, vous pouvez définir des options de
personnalisation, mais pour l'instant, voici à quoi ressemble
la version par défaut
de cette poutre. Si nous choisissions ce faisceau, disons que nous cliquons
ici sur l'aperçu en direct. Comme vous pouvez le constater, voici à quoi ressemblerait
notre site Web
avec ce FEM actif Bien sûr, nous pouvons
modifier le contenu, ajouter nos images, ajouter nos
produits de blog et autres articles de ce genre. Mais la version par défaut de
ce faisceau se présenterait de cette façon. Comme vous pouvez le voir, c'est un site Web un peu
différent, mais il n'a toujours pas l'
air très beau. Très bien, puisque nous n'
allons pas l'utiliser alors
que nous pourrons le
fermer ici Très bien, donc si vous
souhaitez ajouter un nouveau thème, vous devrez aller
ici, Ajouter un nouveau thème Et comme vous pouvez le constater, nous avons
de nombreux thèmes disponibles. Nous avons nos 5 000 thèmes que vous pouvez utiliser sur
votre site Web WordPress. Habituellement, les thèmes pour les sites Web de
commerce électronique appartiennent à des catégories différentes car
les thèmes de commerce électronique sont plus personnalisables. Les thèmes pour les blogs et les sites Web
professionnels sont
un peu plus simples. Mais si vous
recherchez des thèmes et
que vous souhaitez parcourir la
liste de tous ces thèmes, vous pouvez même utiliser le filtre. Alors, ici, quel type de
thèmes recherchez-vous ? Et vous pouvez utiliser ces filtres. Si nous devions revenir en arrière, vous pourriez utiliser la recherche pour
rechercher certains thèmes. Encore une fois, c'est à vous de décider si vous
souhaitez utiliser les thèmes. Mais dans ce cours, je vais vous montrer les thèmes que j'utilise moi-même et
qui ont fait leurs preuves, mais il est important que vous sachiez où vous
pouvez trouver des thèmes. C'est donc un endroit où
vous pouvez trouver des thèmes. Habituellement, tous les thèmes
ici sont au nombre de trois, ce qui signifie qu'ils ont des versions
gratuites et payantes. Et généralement, avec les versions gratuites, vous n'avez pas beaucoup d'
options de personnalisation et vous
ne serez pas en mesure de créer un site Web vraiment
unique. Vous devrez donc
acheter une version payante. Et généralement, s'il s'agit de thèmes
qui se trouvent ici, coûtent
généralement
environ 60$ par an. Vous devrez donc
payer chaque année pour un thème premium
de cette liste. Bien entendu, cela ne s'applique pas
à tous les thèmes présentés ici. Mais la plupart de ces thèmes ont deux options. Ils ont une version gratuite et
premium. Il y a un autre endroit
où j'aime acheter mes thèmes premium et c'est
un tout autre site Web. Je vais donc
aller sur ce site pour vous montrer à quoi il ressemble. C'est l'endroit où j'aime
obtenir mes thèmes premium. Ainsi, par exemple, si je vais dans l' onglet
WordPress ici et que je clique sur
les articles populaires, vous trouverez des thèmes populaires. Par exemple, si je vais
ouvrir ce thème, comme vous pouvez le voir, ce thème vous
coûtera 69$ Mais le meilleur, c'est qu'avec tous les thèmes qui se trouvent
maintenant sur ce site Web, ils ne sont payants qu'
une seule fois Ils ne sont donc
payants qu'une seule fois. Vous ne devez payer
pour ces thèmes qu'une seule fois. Et fondamentalement, ces
thèmes vous appartiennent. Vous n'aurez pas à
payer 69$ chaque année. Ce ne sont donc que des frais uniques. Très bien, c'est donc l'autre endroit où vous
pouvez rechercher ces thèmes et les streams qui se
trouvent ici sur ce site Web ne peuvent pas
être trouvés ici Et si vous souhaitez ajouter ce FEM, vous devrez le télécharger une fois que
vous aurez acheté ce thème Et vous devrez télécharger
le fichier ici, ce thème, et vous
devrez installer ce thème. Cela ne
signifie pas nécessairement que vous
allez utiliser ces autres
thèmes tout de suite. Mais comme je l'ai dit, il
est important vous sachiez quels sont nos thèmes, comment les utiliser, quelles
options sont disponibles. Et il est bon de savoir que vous aurez
plus d'options à l'avenir. Très bien, les thèmes sont donc responsables de la
partie conception de votre site Web Parlons maintenant des plugins. Passons aux plugins. Et comme vous pouvez le voir maintenant, nous devons connecter SAG pour le
faire, comme je vous l'ai dit, ce plugin est
chargé d'accélérer notre site Web, et ce plugin est
chargé ajouter une couche de
sécurité supplémentaire à notre Donc, en gros, les plugins sont chargés d'ajouter de nouvelles
fonctionnalités à votre site Web. Même si vous souhaitez ajouter une fonctionnalité de commerce électronique
à votre site Web, vous devrez
installer un plugin appelé WooCommerce Donc pour installer un nouveau plugin, vous devrez faire le tour par ici. Comme vous pouvez le voir
ici, de nombreux
plugins sont disponibles
pour ajouter des valeurs différentes fonctionnalités
à votre site Web. Bien sûr, à l'avenir, vous
déciderez
peut-être d' ajouter d'autres
fonctionnalités à votre site Web. Et cette fonctionnalité n'a pas été
présentée dans ce cours. Vous voudrez peut-être
apporter quelques modifications. Vous pouvez utiliser différents plugins. Il existe donc de nombreux plugins disponibles pour les barrières
de différentes fonctionnalités. Et vous pouvez essentiellement utiliser la recherche pour rechercher
ces plugins. Et bien sûr, si vous
allez sur ce site Web, il existe également de tels plugins
ici. Et tout comme pour les thèmes, ces plugins et deux versions, ils sont livrés avec une
version gratuite et une version premium. Et généralement, une
version premium vous coûtera cher. Bien sûr, cela vous
coûtera moins cher qu'un thème. Et dans certains cas, le coût peut être
similaire à celui d'un thème. Mais oui, ces
plugins ici peuvent vous coûter cher
au début. Vous devrez peut-être payer à l'avance
pour les plugins premium. Mais si vous achetiez
des plugins ici, encore une fois, vous posséderiez essentiellement
ces plugins. Très bien,
les plugins sont donc chargés d'ajouter diverses fonctionnalités
à votre site Web Et dans ce cours,
nous n'allons pas utiliser plug-ins
payants, car nous pouvons
facilement créer
un
site Web beau, professionnel et fonctionnel, même sans
utiliser Vous comprenez probablement maintenant à
quoi servent les plugins. Et bien sûr, il est important
de noter que si vous
recherchez certaines fonctionnalités
pour ajouter une fonctionnalité
à votre site Web, disons ajouter des formulaires à
votre site Web afin
que vos visiteurs puissent utiliser ces formulaires et qu'ils puissent vous
laisser des messages. Bien entendu, cela
ne signifie pas qu'il n'y a qu'un seul plugin
responsable de ce futur. De nombreux
plug-ins sont disponibles pour la même
fonctionnalité. Par exemple, si je devais
lier un formulaire de mot clé. Comme vous pouvez le constater, nous avons de nombreuses
versions différentes disponibles. Nous avons nos 1 000
plugins disponibles pour cette fonctionnalité particulière qui consiste à
ajouter des formulaires de contact
à votre site Web. C'est donc similaire aux applications téléphoniques. Il existe de nombreuses applications pour
différentes fonctionnalités. Très bien, maintenant nous pouvons fermer
ces deux onglets, je crois. Et vous
comprenez probablement maintenant ce que sont les thèmes
et les plugins. Quatre. Les thèmes sont responsables de la partie design de votre site Web. Et les plugins sont chargés d'ajouter de nouvelles fonctionnalités
à votre site Web. C'est donc tout pour le moment
16. (2.4) Types de conconcepts: Concentrons-nous sur les types
de contenu que nous avons sur notre site Web WordPress et
sur
les leçons précédentes, nous en avons déjà parlé un peu et nous allons nous concentrer
sur les articles et les pages. Vous vous demandez peut-être
pourquoi c'est si important et pourquoi je me répète. Je pense que c'est très important parce que
par le passé, j'ai reçu diverses questions
de la part de personnes me demandaient en quoi ces deux
choses étaient différentes. Et si je me souviens bien de moi
et d'une basse qui avait du mal à comprendre
la différence entre ces deux choses. Par exemple, commençons par Pages et passons à Toutes les pages. Et comme je vous l'ai déjà mentionné, les
pages sont du
type de contenu statique. Lorsque vous créez
votre site Web, vous n'
aurez pas beaucoup de pages. Une fois que vous avez terminé de noter votre site Web, c'est
probablement Ce sont les pages que
vous aurez sur votre site Web une fois que vous aurez terminé de noter votre
site Web. Bien entendu, dans un onglet Pages,
vous trouverez des pages telles
que politique de
confidentialité ici, les
termes et conditions Si vous gérez
une boutique de commerce électronique,
vous aurez accès aux informations d'expédition et de
livraison
ou à la politique de remboursement et de
retour, ainsi que toutes les
autres pages importantes, les pages de
recherche, bien sûr, la politique en matière de
cookies, etc. Elles mènent donc à des pages que vous allez
avoir sur votre site Web. Bien sûr, vous aurez également
une page telle que la page
de blog pour afficher
vos articles de blog. Parce que vous devez avoir une
page pour pouvoir
afficher les articles de blog
que vous allez
publier ici
en cliquant sur Ajouter,
et vous aurez une
telle page comme page d'accueil. La page d'accueil sera
la page d'accueil de votre site Web. Ainsi, par exemple, si vous
allez ajouter une page Nous contacter, où allez-vous
ajouter cette page ? Vous n'allez pas
aller directement ici et articles et vous n'allez pas cliquer ici,
pour ajouter un nouveau message simplement parce que c'est plus facile ou
plus personnalisable. Sachez que vous allez
aller ici, vous allez cliquer sur Ajouter nouveau. Je vais juste
ouvrir dans un nouvel onglet. Et comme vous pouvez le voir, voici à quoi cela ressemble. C'est ici que nous
pouvons ajouter nos pages et simplement taper
le titre de la page. Et ici, vous pouvez
ajouter des informations et dans la leçon suivante, je vous montrerai
comment créer ces pages. Et pour l'instant, nous pouvons
fermer cet onglet. Et pourtant, si vous souhaitez
ajouter une page Contactez-nous, vous allez utiliser des
pages autres que cette page. Alors allons prendre la pose. Très bien, passons à toutes les poses. Et comme je vous l'ai déjà mentionné, vous résolvez l'ajout d'articles de blog. Donc, si vous gérez
presque n'importe quel type de site Web, il y a de fortes chances
que vous ayez beaucoup d'articles de blog. Je recommande vivement d'écrire des articles de
blog car en rédigeant articles de
blog, vous pouvez attirer
plus de visiteurs sur votre site Web. Très bien, par exemple, je vais cliquer sur ces articles de
blog et je vais ouvrir un nouvel onglet et je veux
juste accéder à Toutes les pages. 1 Les normes
de temps supplémentaires vont cliquer ici Et je vais également vous ouvrir cette page
d'exemple dans un nouvel onglet. Maintenant, comparons
ces deux pages, quoi elles sont différentes. Comparons cette page
à ce billet de blog. On peut donc voir que ça ressemble à
peu près à la même chose. Articles de blog. Nous avons diverses informations
qui sont ajoutées ici. Il a été ajouté par défaut. Et comme vous pouvez le voir ici, nous avons une section de commentaires. C'est donc quelque chose que nous
n'avons pas sur notre page. s'agit d'une page d'exemple et elle est assez simple,
comme vous pouvez le constater, elle n'en contient pas trop
par rapport à un article de blog, car les articles de blog
ont une section commune. Bien sûr, il est possible d' activer la
section commune de quatre pages, mais ce n'est pas une pratique courante et je ne
vous recommande pas de le faire. Donc, d'accord, vous pouvez voir
qu'il y a une nette différence entre les pages et les articles de blog Très bien, on peut fermer ça. Et si je devais y retourner
pour me vanter ici, et je cliquerais sur tous les articles. Comme vous pouvez le voir, voici
la liste de tous les articles. Comme vous pouvez le constater, les deux ont des
catégories et des balises. Habituellement, les balises que j'utilisais pour
inscrire garantissent que ce billet de blog
concerne les mots clés les plus importants, etc. Et comme vous pouvez le voir, il a une section commune, une
date de publication, etc. Ainsi, une fois que vous aurez publié d'autres articles de blog
ici dans cette liste, vous verrez à qui appartient l'offre et vous verrez la
catégorie des articles de blog, balises, des commentaires, etc. Pour ajouter de nouveaux articles de blog, vous devrez
cliquer ici. Et je vais vous montrer
que l'ensemble de ce panneau, ce tableau de bord
, est identique
au précédent lorsque nous cliquons sur
Ajouter une nouvelle page, d'accord, même si l'apparence est la même, mais ici, nous avons quelques ajustements
différents où nous pouvons effectuer des ajustements
pour publier où nous
pouvons choisir des catégories et des balises, ajouter une image en vedette, etc. Très bien, c'est donc
la principale différence. La principale différence
est que les pages sont utilisées pour afficher du contenu
statique, du contenu
important pour vos
visiteurs et des articles que j' utilise pour ajouter divers articles de blog
et des articles de blog formatifs, informations
précieuses
pour vos visiteurs où ils peuvent lire des
choses intéressantes, des choses précieuses Par exemple, si je
crée une animalerie où je me concentre
uniquement sur les produits pour chats. Je vais donc avoir des pages
telles que « Contact », «
Conditions générales », « Politiques de
confidentialité », Expédition et livraison », et toutes ces autres
pages similaires dans des articles de blog Je pourrais ajouter divers articles de
blog contenant informations
précieuses
pour un plus grand nombre de visiteurs. Et ces articles de blog
auraient des catégories différentes. Ainsi, par exemple,
je pourrais créer une catégorie telle que races dans laquelle je pourrais
parler de
différents Cadbury, où je pourrais partager
diverses informations
sur les chats à propos de certains Cadbury Je pourrais également avoir une
catégorie telle que la santé et les soins, où je pourrais partager
différentes étapes dans différents articles de blog
pour aider votre chat, pour aider votre chat
plus âgé, etc. Vous
comprenez donc probablement maintenant quelle est
la principale différence. Parce que je sais par
expérience que certaines
personnes peuvent avoir du
mal à comprendre cela. Bien sûr, lorsque vous
avez un site de commerce électronique, vous allez
avoir un autre type de contenu qui
sera constitué de produits. Mais ce
n'est généralement pas si confus. Les produits sont assez simples et le principal
problème concerne pages et les articles. Vous devriez maintenant
comprendre ce qu'est après-guerre et les pages
étaient bien meilleures Et à partir de là, nous pouvons
passer à d'autres leçons.
17. (2.5) Créer des pages importantes: Très bien, dans celui-ci,
nous allons créer pages
les plus importantes de notre site Web Ces pages seront les conditions
générales, la politique de
confidentialité, la page d'expédition et livraison À propos de nous, la page
Contact, la page Nous contacter. Bien entendu, vous allez
créer des pages telles que la page d'accueil. Nous aurons donc cette page
une fois que nous aurons installé le site Web de Ciao, nous pourrons travailler
sur la page d'accueil et la page suivante qui sera également très importante
sera une page de blog Bien sûr, en fin
de compte, ce
sera entièrement à vous de décider si
vous souhaitez écrire des articles de blog sur votre boutique de commerce électronique si
vous souhaitez les ajouter. Mais je vous
recommande toujours vivement de
le faire car cela vous donne un avantage supplémentaire et vous
allez attirer plus de visiteurs
sur votre site Web. Cela signifie qu'il y
a plus de chances que vous
obteniez plus de clients. Très bien, donc pour créer votre page, bien
sûr, vous
vous en souvenez, vous devez aller
ici et
vérifier toutes les pages une fois de plus Supprimons cette page car nous n'allons pas l'
utiliser. Comme vous pouvez le constater, nous
avons déjà une politique de confidentialité. Il a été créé automatiquement
comme vous l'avez vu vous-même. C'est plutôt bien. C'est plutôt bien. Je ne vais pas
vous mentir,
mais bien sûr, il pourrait être préférable d'utiliser
cette
page créée automatiquement pour les blogueurs,
pour les sites Web de petites entreprises qui représentent une marque ou une entreprise et non un site Web de
commerce électronique. Mais nous pouvons conserver cette page et
la modifier ultérieurement. Alors tout d'abord, créons la première page. Et la première page
que je veux créer
sera la page À propos de nous. Cliquez donc sur Ajouter une page. Très bien, ici,
nous devrons
ajouter un titre à nos pairs Il suffit donc de donner un titre
à propos de et c'est tout. Avant de poursuivre, je crois qu'il est important de vous
présenter
rapidement tous les
outils dont nous disposons ici Donc tous les outils ici, cet onglet ici,
cette barre latérale, je ne suis pas un onglet,
mais une barre latérale avec
diverses options Voici juste pour
modifier votre page. Comme vous pouvez le voir, vous pouvez
apporter quelques modifications à l'URL. Vous pouvez ajouter un auteur, mais ce n'est pas du tout nécessaire. Vous pouvez ajouter une image en vedette, ajouter des commentaires, autoriser les commentaires, mais nous n'
allons pas apporter de
modifications ici. Cette barre latérale est très importante lorsque vous
ajoutez des articles de blog, car vous devrez y
sélectionner certaines choses, ajouter une image vedette
pour votre article de blog Mais lorsque vous
travaillez avec des pages, il n'avait pas vraiment
besoin de le faire. L'accent
sera mis principalement sur ce point. Une fois que vous avez cliqué sur
ce symbole plus, vous obtiendrez différents blogs. Comme vous pouvez le constater, nous avons toutes sortes de blogs. Nous avons un bloc de paragraphes pour ajouter uniquement les paragraphes du
texte. Nous avons un blog d'en-tête
pour ajouter des titres, nous avons un blog de liste
et, comme vous pouvez le voir,
nous avons des
blogs imagés et toutes sortes
d'autres Pour être honnête, lorsque vous créez
des pages, vous n'
utiliserez probablement qu'un bloc de paragraphe, un bloc titre et peut-être une image, si c'est quelque chose que
vous souhaitez utiliser. Ou peut-être allez-vous utiliser des codes
d'intégration
tels que des vidéos YouTube pour
parler de votre entreprise Peut-être souhaitez-vous inclure une
vidéo dans laquelle
vous présentez votre boutique de commerce électronique
ou racontez votre histoire. Dans ce cas,
vous pouvez bien entendu ajouter des vidéos. Mais encore une fois, je vous déconseille vivement ajouter des vidéos directement sur
votre site Web WordPress, car si vous le faites,
cela ralentira votre site Web. Nous voulons donc utiliser
YouTube à la place. Il vous suffit donc d'ajouter
votre vidéo sur YouTube ,
puis d'utiliser cette intégration, par
exemple, comme ça Et collez simplement l'URL de votre vidéo
ici et cliquez sur Intégrer. Ainsi, votre vidéo
sera ajoutée à votre page. De cette façon, il n'
utilisera pas les ressources de votre site Web. De cette façon, votre vidéo
utilisera les ressources de YouTube. Cela ne
ralentira donc pas votre site Web. C'est donc très important. Très bien, comme je
vous l'ai montré, ce sont des blogs. Et lorsque vous
ajoutez votre contenu, vous pouvez simplement commencer à le saisir ici,
en le collant
là où vous en avez besoin. Une fois que vous avez
cliqué sur Entrée, un nouveau paragraphe s'ouvre. Vous allez donc avoir un autre
bloc avec un paragraphe. J'aime généralement
noter toutes les informations, toutes les
informations importantes et Google Docs ou tout
autre document Et une fois que j'ai terminé, je colle simplement ces informations. C'est donc exactement
ce que je vais faire. J'ai déjà préparé certaines informations sur
mon entreprise à l'avance ,
puis je vais simplement
coller ces informations ici et vous
verrez à quoi elles ressemblent. Très bien, vous pouvez voir que
je viens de coller des informations
sur mon site Web et
voici à quoi il ressemble Ce n'est pas trop, mais lorsque vous
écrivez sur des textes, sur votre site Web, vous
n'avez pas vraiment besoin d'écrire
trop d'informations. Mais je crois que c'est important et essentiel,
car en fin de compte si vous voulez parler votre entreprise de cette
façon, vous aurez air un peu plus digne de confiance. Vos visiteurs, vos clients
potentiels vous
connaîtront un peu mieux. Je vous recommande donc vivement
de créer votre page à propos. Écrivez-le simplement,
écrivez-le sur Google Docs
ou n'importe où vous le souhaitez, et collez simplement ces
informations ici Je vais donc vous
montrer comment ajouter une image à cette page, à cette page à propos. Comme je vous l'ai déjà montré, une fois que vous cliquez ici, vous trouverez différents blogs
et voici un bloc d'images. Il vous suffit donc de faire glisser ce bloc et de le
déposer où vous le souhaitez. Très bien, donc si vous
voulez ajouter une image, cliquez
simplement
ici Médiathèque, bien
sûr, vous
auriez pu cliquer pour télécharger, mais j'aime généralement le
faire depuis la médiathèque Cliquez donc sur Sélectionner les fichiers et juste une seconde. C'est le dossier que
je veux ouvrir, et c'est l'image
que je prévois d'utiliser. Très bien, donc je ne
vais pas ajouter de titre. Je ne vais rien
changer. Ce
sera en termes d'aspects de référencement, optimisation pour les moteurs de
recherche. Et je vais
vous en parler dans étapes
ultérieures du discours, probablement à la dernière
étape de ce cours. Très bien, il suffit de
sélectionner une image. Cliquez sur Sélectionner.
Et comme vous pouvez le constater, nous avons ajouté une image avec succès. Cette image n'a pas
trop de sens, mais en fait elle est plutôt
belle Très bien, vous pouvez prévisualiser
les modifications que vous avez apportées. Une fois que vous avez cliqué ici, vous pouvez cliquer sur Preview Nan. Comme vous pouvez le constater, il s'
agit de notre page à propos. Il suffit de regarder la page. Bien sûr, ce n'est pas ce à
quoi cela ressemblera une fois que nous aurons fini de travailler
sur notre boutique de commerce électronique, car nous allons installer un autre thème et nous allons toutes les
options de personnalisation et le rendu sera légèrement
meilleur que cela. Mais vous pouvez obtenir un brouillon rapide. Vous pouvez avoir une meilleure vision
de son apparence. Cela semble assez simple. Comme vous pouvez le constater,
voici comment procéder. Maintenant, nous pouvons également fermer cet onglet d'
aperçu. Vous pouvez
prévisualiser son apparence sur tablette et mobile, etc. Nous pouvons donc fermer celui-ci. Et une autre chose que
je voulais vous montrer, que vous pouvez faire des ajustements, créer un blog en particulier. Ainsi, une fois que vous avez cliqué sur un bloc, en l'occurrence sur un blog d'images, nous pouvons apporter des modifications à ce bloc Comme vous pouvez le voir ici, nous avons différents ajustements. Il s'agit de l'onglet blog de ce
blog en particulier qui est une image. Et vous pouvez apporter quelques
modifications ici. Nous pouvons donc modifier l'
alignement de cette image. Nous pouvons donc aligner cette image à gauche. Cela n'a pas l'air très beau, mais nous pouvons le garder
tel qu'il était avant. Et si vous
cliquiez ici, vous pourriez faire
d'autres ajustements. Pour le moment. Juste une seconde. Je cherche juste
aligner au centre, aligner à gauche. Très bien, si vous le faisiez, vous pourriez redimensionner
cette image et faire
ressembler à ceci Mais ça ne fonctionne pas très bien. Alors faisons-le. C'était avant, je suppose que c'était la
version précédente. Très bien. Alors oui, c'est à ça que ça
ressemble. Comme tu peux le voir. Vous pouvez redimensionner cette image. Vous pouvez effectuer toutes ces modifications
si vous le souhaitez, si vous en avez besoin. Vous saurez ainsi comment
ajouter une image, comment ajouter et intégrer une
vidéo. C'est très simple. Je vous recommande vivement de
noter toutes les informations sur Google Docs ou tout
autre fichier de document ,
puis de coller ces
informations ici Comme vous pouvez le constater, nous avons des blogs
différents pour
chaque paragraphe. Vous pouvez effectuer des ajustements
ici si
vous avez besoin d'ajouter des éléments de
titre. Disons
ici, où était-ce ? Il s'agit de l'élément de titre. Il suffit de le coller ici. Le deuxième niveau de titre est défini. C'est donc exactement
ce que vous voulez utiliser et il vous suffit de taper le
texte que vous souhaitez utiliser. Par exemple, notre histoire. Et vous pouvez cliquer sur
Aperçu une
fois de plus , puis à nouveau sur un nouvel onglet. Et voici à quoi
ça va ressembler. Bien sûr, à la fin, ça va être un peu mieux parce que nous allons
changer de thème. Et à la fin de ce cours, nous allons nous
assurer que tout bien, que tout
va bien. Nous pouvons maintenant fermer cet onglet
et cliquer sur Publier. Très bien, cliquez encore une fois sur
Publier. Très bien, nous pouvons revenir à
la liste de toutes nos pages. Et la page suivante que
nous allons créer sera la page de contact. Il suffit donc d'ajouter un titre ici. Contactez-nous ou contactez-nous. C'est à vous de choisir le type
de titre que vous souhaitez utiliser. Je vais juste
utiliser Contact et je
vais cliquer sur
Publier. Cette fois, je
ne vais pas ajouter d'informations car une fois que nous aurons installé un
thème avec un nouveau thème, nous aurons plus d'options,
plus d'options de personnalisation. Nous serons en mesure d'
inclure le formulaire de contact. Et vous verrez vous-même
qu'avec cette page de contact, nous allons devoir utiliser davantage d'options
de personnalisation du thème lui-même. Et pour l'instant, nous pouvons simplement
créer une page blanche. Nous voulons simplement
avoir
déjà toutes les pages pour ne pas
gâcher notre flux de travail. Très bien, nous venons donc de
publier notre page de contact. C'est en ligne et maintenant nous pouvons
revenir en arrière et je vais
ajouter la page suivante. La page suivante
sera consacrée aux termes et conditions. D'accord ? Je vais donc simplement taper les termes et conditions ici. Et vous vous
demandez peut-être où
trouver les termes et conditions
de cette page. Très bien, je vais
partager avec vous certaines des méthodes que j'utilise moi-même, certaines des méthodes que j'ai
utilisées pour générer ces pages importantes pour nos visiteurs, pour nos clients Parce que si vous n'avez pas
ces pages, vous n'aurez pas l'
air digne de confiance. Et bien sûr, ces
pages sont là pour vous
aider à protéger
votre entreprise. Il n'y aurait
donc aucune faille. Bien entendu,
les grandes entreprises comme Amazon ont tous les avocats et toutes les équipes juridiques qui
travaillent sur ces sujets. Mais lorsque vous n'êtes qu'
une petite entreprise, vous ne devriez pas trop vous inquiéter à ce
sujet. Habituellement, des modèles et des pages simples fonctionnent et font très bien
le travail. Très bien, je
vais donc juste ouvrir un nouvel onglet et je vais vous
expliquer où nous
générons toutes les pages
importantes Très bien, donc je vais juste
ouvrir un nouveau fournisseur. Et comme vous pouvez le voir, voici mon Google Docs. Et ici, j'ai toutes les pages qui ne
contiennent pas de termes et conditions. J'ai des informations sur l'expédition et la
livraison. J'ai une politique de confidentialité, j'ai des retours et des remboursements
et, bien sûr, j'
ai une politique en matière de cookies. Très bien, alors la question est : où ai-je obtenu ces pages ? En fait, je n'ai pas passé beaucoup de temps à générer
ces pages. Cela m'a pris environ 15 minutes et
j'ai créé des pages personnalisées Ce sont des pages pour mon entreprise Ce sont des pages classées pour la boutique en ligne,
c'est-à-dire celle-ci Et comme vous pouvez le constater, il contient
toutes les informations nécessaires. Bien sûr, si vous le voulez
, assurez-vous qu' il fonctionne
mieux pour vous que cette version. Vous pouvez consulter d'autres
sites Web auxquels vous faites confiance, vérifier leurs termes
et conditions, consulter leurs autres pages légales, et voir ce que vous pouvez
utiliser et adapter à
votre propre site Web. Mais je vais vous montrer comment
sont générées ces pages. Je vais donc partager avec
vous la première méthode. Et la première méthode est
totalement gratuite pour le moment, elle est totalement gratuite. Je ne sais pas comment cela
va se passer dans le futur, mais il existe
un outil tel que Open ai.com C'est juste ici. Vous pouvez le voir, il suffit de vérifier
l'URL qui se trouve ici. Et il s'agit d'un générateur d'IA qui, en
gros, avec cet outil, vous permet d'écrire tous les
types de contenus, pas seulement
le nécessaire, les pages importantes ou toute autre page sur laquelle vous pouvez écrire presque tout ce que
vous pouvez imaginer. Ce générateur est très puissant et peut vous fournir
toutes sortes de contenus. Je vais donc vous montrer
quelles entrées sont ajoutées. J'obtiendrais donc un espace réservé aux termes
et conditions. Alors juste une seconde,
faisons défiler la page vers le haut. Et voici la page d'expédition
et de livraison. Très bien, termes et conditions. Très bien, c'est ce que j'ai
saisi ici et j'ai discuté. Demandez à cet outil Open AI, générer les termes et conditions d'un site Web
de commerce électronique, de les
préparer sur notre site catalyst.com Et c'est ce qu'est un Dieu.
Voilà ce qu'est un dieu. C'était une très belle page avec des termes et conditions Et il fait vraiment l'affaire. Il a l'air professionnel,
digne de confiance et ses
termes et conditions sont clairs. C'est donc le plus
important. Donc, tout comme cela est généré, les
termes et conditions, tout comme ceux qui sont générés pour l'expédition et la
livraison, comme vous pouvez le voir, génèrent l'expédition
et la livraison pour un site Web de commerce électronique,
bacon sur Carlos. Nous y voilà. Nous avons l'expédition et la livraison dans ma série de cas aux États-Unis. Mais dans votre cas, cela pourrait être n'importe quel autre pays. Mais encore une fois, si vous créez votre site Web dans une
autre langue, vous devrez peut-être générer ce texte et le traduire
ultérieurement. Mais ce n'est pas un gros problème. Et comme vous pouvez le voir ici, nous disposons informations d'expédition et
de livraison
claires. Et bien sûr, il se peut que je
doive ajuster ces informations
de livraison. Je devrais peut-être ajouter
mon propre calendrier,
mais en gros, nous avons informations
les plus importantes à portée de main et nous n'avons pas besoin de nous presser pour les
rédiger nous-mêmes Nous pouvons utiliser un générateur d'IA. Je vais donc vous montrer ce que
j'ai fait avec la politique de confidentialité. J'ai fait de même. Ceci est ma contribution
pour
générer la politique de confidentialité d'un site Web de commerce électronique,
bacon avocados.com Et c'est parti. Nous avons une page de politique de confidentialité, tout comme elle est entièrement gratuite. C'est ce qu'il y a de mieux. Très bien, faisons défiler la page vers le bas. Nous avons généré des retours et des remboursements pour un site Web de
commerce électronique. Et cet outil d'IA
vous fournit toutes les informations dont vous avez besoin. Vous n'avez donc pas besoin de payer pour les personnes qui
s'intéressent à ce genre de choses. En général, cela
vous coûterait très cher. Mais avec cet outil, vous
pouvez le faire gratuitement. Je sais que même les personnes qui
utilisent cet outil réussissent certains examens. Voilà à quel point
cet outil est avancé. Vous pouvez facilement utiliser cet outil pour générer des pages telles que les
retours et les remboursements, etc. Très bien, j'ai généré une politique de
cookies. Comme vous pouvez le constater, c'est
ce qui est saisi. C'est la politique en matière de cookies et
pour le site Web de commerce électronique, et j'ai dit que les cookies sont
utilisés à des fins de marketing. Comme vous pouvez le constater, il s'agit même de
la description du cookie. Qu'est-ce que c'est ? Ce sont généralement des
sites Web tels que Facebook. Lorsque vous diffusez des publicités sur Facebook ou sur Pinterest, cookies
sont enregistrés sur l'appareil de
vos visiteurs. De cette façon, vous pouvez réaliser des campagnes
marketing. De bonnes campagnes marketing, des campagnes marketing
calculées. C'est ainsi que fonctionnent les cookies. Et maintenant, c'est
peut-être un peu avancé, mais vous n'avez pas vraiment besoin d'en
savoir trop à ce sujet. Il vous suffit de savoir
comment écrire ces pages, ces pages importantes et quelles informations vous
souhaitez inclure. Bien sûr, je sais que je
vais diffuser des publicités sur Facebook. C'est pourquoi j'ai inclus les cookies utilisés à des fins de marketing.
Ce sera Facebook. Je vais diffuser des publicités sur Pinterest. Je vais diffuser des publicités
Google et
inclure également des cookies
utilisés pour l'analyse, ou j'aurais peut-être pu
inclure l'analyse du trafic. Parce que plus tard dans ce cours je vais vous montrer comment configurer Google Analytics afin que vous puissiez analyser le trafic qui
arrive sur votre site Web. Ainsi, vous saurez combien de
visiteurs vous recevez, où
viennent ces visiteurs. De cette façon, vous serez en mesure d' analyser les performances de votre
site Web. Il est donc évident que vous voulez
inclure celui-ci également. Voici à quoi devrait ressembler
votre
saisie Tapez simplement celle-ci, appuyez sur Entrée et vous
obtiendrez une
page de politique de cookies prête à vous être fournie. La deuxième option
que j'avais l'habitude de faire était de générer une
politique de confidentialité avec cet outil, comme vous pouvez le voir ici. Et comme vous pouvez le voir ici, vous devrez entrer
vos coordonnées et cliquer sur Suivant, et votre politique de
confidentialité sera générée. Et peut-être que cette option pourrait
être meilleure pour les blogueurs, pour les sites Web de petites entreprises, où ces sites Web sont
censés représenter des marques
ou des entreprises, car il s'agit d'une politique de confidentialité très
simple. Mais encore une fois, c'est
à vous de décider si vous
souhaitez utiliser cet outil. J'ai utilisé cet
outil dans le passé La dernière option
que j'utilise moi-même, que j'ai utilisée dans le passé, en
fait, j'utilise cette option
pour l'un de mes sites Web. J'ai une
option premium pour celui-ci. Elle ne coûte pas cher par rapport
à toutes les autres plantes. Cela par rapport à
tous les autres outils, pas aux plantes, mais peut-être qu'à l'avenir,
cela en causera un peu plus. Mais à l'heure actuelle, c'était l'outil payant le moins cher pour générer des
pages importantes que j'ai pu trouver. Et c'est ce que j'utilise. Comme vous pouvez le constater,
cet outil, même avec une version gratuite, vous permet de générer
toutes sortes de pages. Ces pages seront un peu limitées par rapport
aux pages premium. Je vais juste me
connecter à ce site Web et je vais
vous montrer à quoi il ressemble. Très bien, c'est donc
l'un de mes projets. Comme vous pouvez le constater, j'ai quatre
pages en cours d'utilisation sur cinq. Donc, si je pouvais cliquer
ici, gérer, comme vous pouvez le voir, ce sont
toutes les pages que j'utilise. Par exemple, si je
clique sur les conditions d'utilisation, c'est « conditions générales ». Bien sûr, cette page n'
est pas en anglais, mais je voulais juste
vous montrer qu'une telle option existe. Très bien, donc pour copier
tous ces textes ici, la meilleure option serait le
glucuronide Et vous devrez ouvrir ce fichier HTML et un
nouvel onglet et simplement copier tous les textes ici
, revenir simplement à votre page et coller
toutes les informations ici. Et il sera
copié et collé sans perdre son style
ou quoi que ce soit Vous pouvez donc également utiliser cette
option. C'est donc l'option payante. C'est assez bon marché.
Je l'utilise moi-même. C'est l'autre option. Celui-ci est assez limité. Vous pouvez créer une page
de politique de confidentialité. Bien sûr, il existe d'
autres options, mais ce n'est pas la meilleure
option à mon avis, mais même si elle
est assez limitée, vous pouvez l'utiliser pour de
petits projets. Et c'est la dernière option
qui est probablement la meilleure. C'est totalement gratuit. Et avec cette option,
avec cet outil, avec cet outil d'IA, vous pouvez
générer ces pages gratuitement. Très bien, ce
sera à vous de décider option que
vous souhaitez utiliser, mais je voulais juste
vous montrer que de telles options existent D'accord ? Alors bien sûr, je vais copier texte de
ces termes et conditions ici. Et je vais juste le copier. Et je vais retourner à
ma page de conditions générales. D'accord ? Et je vais
juste coller ces informations
ici. D'accord ? Alors juste une seconde, revenons en arrière. Vérifions s'il y a des numéros perdus,
oui, des derniers numéros. Donc, au lieu de copier de cette façon, je vais simplement
copier de l'autre façon. Très bien, revenons en arrière
et restons juste une seconde. Juste une seconde. Maintenant, cela devrait fonctionner. Très bien, voici donc ma page de
termes et conditions. Et juste une seconde, est-ce que je
vais supprimer ce blog ? Et maintenant, nous pouvons cliquer sur Aperçu. Cliquez sur Aperçu. Comme vous pouvez le constater,
voici à quoi cela ressemble. Nous avons une page de conditions générales
complète, et nous en avons terminé avec cette page. Nous pouvons maintenant fermer
cet onglet et cliquer
sur Publier, publier. Cliquez encore une fois et revenons à la
liste de toutes nos pages. Et comme vous pouvez le constater, voici les pages que nous avons actuellement. Nous avons donc notre page à propos. Nous en avons terminé avec cette page. Nous allons terminer de
travailler sur cette page et sur les autres leçons lorsque nous
installerons un thème Nous en avons complètement
terminé avec les termes et
conditions et les politiques de confidentialité, donc Jad est privé Supposons qu'au
lieu de noter une nouvelle page, nous puissions modifier cette page Comme vous pouvez le constater, ce sont
les informations dont nous disposons Nous pouvons
donc simplement sélectionner toutes les informations
ici et les supprimer. Très bien, maintenant c'est fini. Alors maintenant je vais juste coller le texte du document
précédent. Très bien, je vais simplement ajouter
ma politique de confidentialité et je peux
maintenant cliquer sur Publier Cliquez sur Publier
une fois de plus et nous pouvons cliquer sur Afficher la page. Voyons à quoi ça ressemble. Et pourtant, c'est à ça que ça
ressemble. Juste comme ça. Je vais revenir en arrière et
je vais aller aux pages, irai à Toutes les pages. Et je vais créer, et je vais juste ajouter
toutes les autres pages manquantes. Je vais donc vous éviter tout
ce processus pour que vous ne vous
ennuyiez pas trop. Et comme vous vous en souvenez, cliquez sur Ajouter et ajoutons
simplement toutes les informations
nécessaires. Très bien, comme vous pouvez le voir,
je viens de terminer d'ajouter toutes les pages et toutes les
pages se trouvent ici Nous avons donc déjà toutes les
pages. Et comme vous l'avez vu vous-même, vous disposez de plusieurs options
pour générer ces pages. Vous pouvez utiliser un outil d'IA ou vous pouvez utiliser une option payante ou toute
autre option de votre choix. Bien sûr, si vous le souhaitez, vous
pouvez consulter d'autres sites Web, les politiques
d'autres sites Web, et vous pouvez essayer d'élaborer
vos propres politiques. Très bien,
c'est tout pour cette leçon. Vous savez maintenant comment
créer des pages et comment générer des informations
pour ces pages.
18. Résumé de la section 2: Félicitations pour avoir terminé
la section WordPress. Nous savons maintenant comment fonctionne ce système
de gestion de contenu. Quels sont les paramètres les plus
importants ? Et en gros, vous avez maintenant une base solide de WordPress. À partir de là, nous
allons commencer à travailler sur la
partie commerce électronique de notre site Web. Mais puisque maintenant, vous savez
comment fonctionne WordPress, c'est ici que vous pourrez créer quasiment n'importe quel
type de site Web. Tu peux l'imaginer. Ces informations que vous venez d'apprendre vous
seront utiles,
pas seulement pour créer des
boutiques en ligne ou des sites Web de commerce électronique. Mais si vous décidez de créer un blog, vous allez savoir comment
utiliser WordPress pour créer un blog
ou simplement un site Web
professionnel ordinaire
pour représenter une marque ou une entreprise. Il s'agit donc d'une connaissance très
puissante pour savoir comment utiliser WordPress. Et de nombreux sites Web
utilisent WordPress pour une bonne raison, car c'est un
très bon système de gestion de contenu. Alors félicitations. Vous savez maintenant comment utiliser
WordPress et nous nous
rapprochons de notre site Web de
commerce électronique. Bien sûr, il reste
encore beaucoup de choses à faire, mais maintenant vous savez
comment utiliser WordPress. Excellent travail
19. (3.0) Commencer avec WooCommerce: Nous en avons donc terminé avec
la section WordPress. Et maintenant, nous allons
commencer par la section WooCommerce. Woocommerce est un plugin et comme vous vous en souvenez probablement
Plugins and half, nous ajoutons diverses
fonctionnalités à votre site Web WordPress Puisque nous en avons terminé
avec la partie WordPress, nous allons passer
à la partie WooCommerce Et WooCommerce est
un plugin qui ajoute une fonctionnalité de commerce électronique
à notre site Web Donc, pour installer un plugin, et vous vous en
souvenez probablement, vous devez aller ici et cliquer sur Ajouter un nouveau. Et ici, dans la barre de recherche,
tapez WooCommerce. D'accord ? Et comme vous pouvez le voir, c'est
le plugin que nous voulons utiliser. Comme vous pouvez le constater, il compte plus de 5 millions d'
installations actives. Nous ajoutons donc que c'est la
popularité de ce plugin et nous pouvons cliquer sur Installer maintenant. Très bien, cliquons sur Activer. Très bien alors ici,
nous allons avoir besoin de remplir toutes les informations Il vous suffit de sélectionner votre
pays, votre région. Parce que selon
la région sélectionnée, vous allez avoir
différents fuseaux horaires ou différents types de paramètres. Alors ici, c'est ici que vous
devez sélectionner votre pays. Et si vous deviez activer les taxes sur votre boutique WooCommerce Et je vais
vous montrer comment procéder. Ces informations, cette adresse, le pays et
tout le reste seront utilisés pour calculer automatiquement
les taxes. Vous n'aurez donc pas besoin d'
installer de plugins séparés. Cela se fera
automatiquement pour vous. Tu n'as qu'à sélectionner
ton adresse, d'accord ? Si vous n'êtes pas prêt pour cela, vous pouvez bien sûr sauter. Cliquez sur Continuer. Ne partageons aucune
donnée avec WooCommerce car nous ne voulons pas
ralentir notre site Web Il vous suffit de sélectionner votre secteur d'activité. Bien sûr, ce n'est pas nécessaire, mais faisons-le autrement. Et bien sûr, vous pouvez choisir type de produits que
vous allez vendre. Dans ce cours, vous
allez créer, stocker uniquement des produits physiques. Restons donc tels quels, mais comme vous pouvez le constater,
d'autres options sont également disponibles. Ainsi, en utilisant WooCommerce, vous
pouvez créer une boutique en ligne, non seulement pour les biens physiques,
mais aussi pour les produits téléchargeables Ainsi, les produits numériques, vous pouvez créer des sites
Web par abonnement Vous pouvez créer des adhésions, des
types de sites Web et tous les autres types de
sites Web. Très bien, cliquez sur Continuer. Si vous le souhaitez, vous pouvez sélectionner
certaines informations ici. Combien de produits
prévoyez-vous d'exposer ? Nous pouvons en sélectionner 11 à 100 actuellement en vente
ailleurs, je ne le devine pas Et nous pouvons cliquer sur Continuer. Voyons quelles
extensions gratuites ils nous proposent. Très bien, juste une seconde. Nous pouvons désactiver celui-ci. Nous pouvons garder celui-ci et nous verrons si
vous aurez besoin de ce plugin plus tard lorsque nous configurerons les passerelles de
paiement, nous vérifierons si nous
allons avoir besoin de ce plugin Si vous n'en avez pas
besoin, nous allons
remplacer ce plugin par
une autre option. Très bien, nous pouvons décocher celle-ci car elle ne nous aidera
pas du tout Une entreprise au néon qui dit que
c'est pour la sécurité. Pas de soucis à ce sujet. Nous n'aurons pas
besoin d'un poète masculin. Je vais avoir besoin de celui-ci. Nous n'allons pas avoir
besoin de celui-ci car nous pouvons installer ce plugin nous-mêmes manuellement et nous pouvons installer une
version encore meilleure que celle-ci. Très bien, juste une seconde. Très bien, on peut laisser celui-ci. Les utilisateurs de Pinterest vont
découvrir des produits. Ils pourront épingler nos
produits sur leurs tableaux. Donc, une portée supplémentaire pour nous. C'est donc une bonne chose. Nous pouvons garder celui-ci ici, Facebook pour WooCommerce, nous
pouvons aussi garder celui-ci Mais juste une seconde, laisse-moi y réfléchir. Non, nous
n'avons en fait pas besoin de celui-ci car Facebook
possède son propre plugin pour cela et il
fonctionne bien mieux que le plug-in WooCommerce,
nous pouvons donc désactiver celui-ci Et encore une fois,
si vous
décidez de diffuser des publicités
TikTok à l'avenir Vous pouvez installer ce plugin, mais actif pour que tout reste
léger. Où je l'ai fait le plus possible car je ne veux pas ralentir le chargement de
notre site Web. Je souhaite que notre site Web se
charge le plus rapidement possible. C'est pourquoi j'ai désactivé
autant de plug-ins, car il existe de meilleures versions que celles
proposées ici. Et dans les leçons suivantes, tu
le verras toi-même. Très bien, cliquez sur Continuer. Et depuis que nous avons installé
WooCommerce et que nous avons ajouté des fonctionnalités de commerce électronique
à notre site Web Le thème précédent qui
était actif, c'est celui-ci. Cela ne fonctionnera pas très
bien avec WooCommerce. Et bien sûr, dans les leçons suivantes nous allons
installer d'autres thèmes. Mais pour l'instant, choisissons ce faisceau fourni par
défaut avec WooCommerce Et en l'installant cette semaine, nous allons avoir
une meilleure vue d'ensemble et une meilleure compréhension de
notre site Web de commerce électronique. Nous venons donc d'installer le plug-in
WooCommerce. est ainsi que nous avons ajouté une
fonctionnalité de commerce électronique à notre site Web. Comme vous pouvez le voir,
voici à quoi cela ressemble. Comme vous pouvez le voir, notre tableau de
bord WordPress Dieu est plus grand, beaucoup plus grand car en
ce moment, nous avons des produits
WooCommerce, des
paiements, des analyses Et probablement avec
les paiements, nous pouvons désactiver ce plugin car il
ne nous aidera pas beaucoup. Ce sera un plugin un
peu différent. Mais si vous vous en souvenez, entraînons-nous encore une fois et passons à Installer des plugins, puis sélectionnons les paiements
WooCommerce Désactivons ce
plugin et cliquons sur Supprimer car nous n'
allons pas avoir besoin de ce plugin Nous allons installer
d'autres plug-ins pour des options
de paiement qui ont
fait leurs preuves et qui fonctionnent réellement. Très bien, voilà à
quoi ça ressemble. Comme vous pouvez le constater, notre tableau de
bord WordPress s'est agrandi et notre site Web dispose désormais de fonctionnalités de
commerce électronique. Nous irions visiter notre site. Comme vous pouvez le constater, cela
semble un peu différent. Il y a un panier d'achats. Il ne contient aucun produit car nous n'avons
ajouté aucun produit. Mais pour le moment, notre site Web est complètement différent de
la version précédente. Très bien,
c'est tout pour cette leçon, nous avons eu une brève
introduction à WooCommerce Et maintenant vous savez
que WooCommerce est un plugin qui ajoute des
fonctionnalités de commerce électronique à votre site Web Et nous avons installé certains
plug-ins, mais nous avons installé
tous les plugins fournis avec
ce plugin
WooCommerce Parce que dans
les étapes ultérieures de Discourse, nous utiliserons d'
autres plug-ins plus performants que ceux
qui ont été listés. Très bien, c'est tout pour le moment.
20. (3.1) Procédure pas à pas pour tableau de bord WooCommerce: Très bien, puisque nous
avons
déjà notre WooCommerce , je peux
vous donner un aperçu rapide
du WooCommerce lui-même Passons donc au tableau de bord. Et une fois que vous êtes en train de descendre,
comme vous pouvez le voir, la toute première étape
est WooCommerce Donc, si vous pouviez cliquer
ici et sur l'onglet Accueil, c'est un peu comme avant, mais l'onglet Tableau de bord se trouve ici pour WordPress lui-même, pour la page d'accueil Vous allez donc
voir ici les différentes étapes que vous pouvez suivre pour ajouter
divers détails, les détails boutique, comment
ajouter des produits, configurer le paiement des taxes, les frais
d'expédition, etc. Mais dans ce cours, je vais vous
montrer comment
procéder sans avoir à
suivre aucune de ces étapes. Mais si cela vous intéresse, vous pouvez
tout explorer vous-même je recommande
toujours
à tout le monde d'explorer tous les outils, tous les tableaux de bord eux-mêmes Parce que de cette façon, vous
allez apprendre à mieux
utiliser un outil particulier. Très bien, à partir de là,
nous pouvons passer aux commandes. Dans cet onglet, tu
trouveras toutes les commandes. Ainsi, une fois qu'
un client passe une commande et qu'il achète quelque chose chez vous, c'est ici que vous
verrez cette commande Très bien, je vais vous montrer que ça s'affiche très rapidement sur mon site web Oui, et comme vous pouvez le voir, voici à quoi cela ressemble et voici la liste des commandes que vous
allez passer vous-même. Très bien, passons aux clients. Il est évident qu'à un
moment donné, il est vide. Nous n'avons pas de clients. Mais encore une fois, je vais
vous montrer à quoi ça ressemble. Comme vous pouvez le voir, c'est l'un de mes magasins et
voici à quoi il ressemble, quoi ressemble la liste des clients. Ici, vous pourrez voir le nombre
de commandes passées client
en particulier, qu'il
s'agisse de son oiseau de première
ou de deuxième commande Et ici, vous verrez la valeur moyenne
de la commande et ainsi de suite. Très bien, nous pouvons accéder aux
coupons ici. Vous pourrez créer différents coupons, comme vous pouvez le constater Une fois que nous avons cliqué ici Coupons, nous avons
accédé l'onglet
Marketing et nous sommes automatiquement passés
à Coupons Donc, en gros, cette étape Coupons et cet onglet Coupons
sont les mêmes. Très bien, cliquons sur
les rapports ici. Vous verrez différents rapports. le passé, j'
utilisais celui-ci pour vérifier tous les rapports avant que
WooCommerce ne mette à jour le plugin De nos jours, ils ont
cet onglet pour Analytics. C'est plus détaillé et oui, je ne l'utilise
plus beaucoup, mais comme vous pouvez le voir, voici à quoi
cela ressemblerait
si, une fois que vous commencez à recevoir commandes, vous pouviez vérifier le
nombre de commandes Egon, le nombre de ventes que vous avez réalisées Et vous pouvez le vérifier tous les mois. Vous pouvez vérifier les clients, les stocks, ventes par produit et
toutes les autres choses. Ainsi, une fois que vous
commencez à recevoir des commandes ou même avant de recevoir
votre première commande, vous pouvez
tout explorer vous-même. Il suffit donc de comprendre
ce qui fonctionne pour vous. Qu'est-ce qui ne l'est pas, quelles informations
peuvent être importantes ou non. Il est pratique de
voir rapidement dans quelle mesure vous vous portez
bien une semaine, un mois ou même une année. Très bien, onglet Paramètres. Nous y reviendrons lors
de la prochaine leçon. Il y a du calme, il y a encore
des choses à dire à ce sujet. Nous pouvons donc accéder à l'onglet
Ajouter au statut et à l'onglet État. En fait, je n'ai rien
à faire. C'est juste pour vérifier l'état
si tout va bien. Ici, vous pouvez consulter les
journaux pour voir s'il y a eu des
problèmes, des erreurs
ou quoi que ce soit d'autre. Mais oui, en général, n'utilisez pas cet onglet d'état trop souvent car une fois que vous êtes
défini, vous êtes défini. Vous n'avez pas vraiment
à vous inquiéter, bien
sûr, à l'avenir, vous pouvez consulter les journaux
pour voir s'il y a eu erreurs ou
quelque chose comme ça. Et encore une fois, n'ayez pas peur de tout explorer vous-même. Si vous pouviez aller dans l'onglet
Extensions, comme vous l'avez vu précédemment lors configuration de notre plug-in
WooCommerce Si nous installons des extensions ,
nous sommes essentiellement des ligands Et vous trouverez ici d'
autres extensions qui
sont essentiellement d'autres plugins. Mais encore une fois, je vais vous montrer les plugins que
j'utilise
et dont le fonctionnement est garanti . Ces options fonctionneront vraiment et ne
gâcheront pas votre site Web. Très bien, c'est donc pour
cette étape de WooCommerce. Maintenant, nous pouvons passer aux
produits, d'accord ? Si vous cliquez sur Tous les produits, vous obtiendrez une
catégorie de produits. Voici donc à quoi cela
ressemblera une fois que vous aurez ajouté des produits. Et pour l'instant, notre
liste de produits est vide car nous n'avons ajouté aucun ensemble de produits ici. Cet onglet permet d'ajouter des produits. Plus tard, je vais vous
montrer comment ajouter des catégories de produits
avant d'ajouter
des produits . Bien entendu, vous
allez créer des catégories pour ces produits. balises, encore une fois, sont utilisées pour décrire un produit
ou même des articles de blog, mais cette fois, nous nous sommes
concentrés sur les produits. Ainsi, par exemple, si vous avez
un sac à main à imprimé tigre bleu, vous pouvez inclure des
étiquettes telles que naissance, marque
Blue Tiger, plan Et il s'agirait d'
étiquettes qui aideront à identifier un produit en prenant certaines spécifications
de ce produit. Ainsi, une fois qu'un service clique sur une
étiquette en particulier, par exemple, si ce client
clique sur une étiquette par étape, il accède à toutes les
listes de produits portant
cette
étiquette particulière, appelée naissances S'il y a d'autres produits avec d'autres étiquettes que je vous ai
déjà mentionnés ? Et ils vont voir ces
produits dans ces piles. Voilà donc à quoi correspondent quatre balises. Très bien, si je devais
passer aux attributs, les attributs sont essentiellement
des
spécifications que j'utilise pour votre produit Supposons que vous
ayez un produit de tailles différentes, qu'
il
s'agisse de grandes, de petites, moyennes tailles et de toutes les autres tailles. Ces attributs
seront listés ici. C'est donc ce que c'est, mais vous n'aurez
pas besoin d'ajouter vous-même
ces attributs
ici. En gros, nous vérifions tous les attributs que vous
avez sur votre site Web, mais vous
les ajouterez vous-même lorsque
vous ajouterez des produits. Et je vais vous montrer
comment procéder. Vous n'aurez donc pas besoin de trop vous
concentrer sur cet onglet
ici. Tout irait dans des critiques. Nous allons évidemment
avoir une liste de critiques, mais comme nous n'en
avons pas, nous n'en avons pas. Et comme vous vous en
souvenez probablement, lorsque nous apportions certaines modifications ici même
dans l'onglet de discussion, nous avons activé l'
approbation manuelle des commentaires. Dans ce cas, la critique est considérée
comme un commentaire. Et si vous voulez
recevoir un avis, car il
y a parfois du spam ou des abus. Ainsi, une fois que vous avez reçu un avis, vous pouvez l'approuver ou le supprimer, ou vous pouvez faire ce que
vous voulez, car vous
allez commencer à recevoir des commentaires
indésirables sous vos articles de blog Il y a de fortes chances
que vous
commenciez à recevoir des commentaires contenant du spam, critiques de
spammeurs, pas également des commentaires sous
vos produits Vous allez devoir
les supprimer. Très bien, dans l'onglet Analytics, nous allons
évidemment
avoir différentes analyses C'est donc à
vous de l'explorer. On pourrait dire que ce sont tes devoirs. N'hésitez pas à explorer
ces onglets ici. le moment, il n'y a pas
trop d'informations, donc je ne peux rien vous montrer, mais ici vous pouvez vérifier
le nombre de ventes que vous avez réalisées ce mois-ci par rapport au mois
précédent, cette année par rapport à l'année précédente et ainsi de
suite. Ici,
dans l'onglet Produits , vous verrez
combien de produits vous avez vus, combien d'articles, combien de
variantes, etc. Donc, si vous pouvez accéder
à l'onglet Revenus ici, vous verrez diverses
informations sur les revenus, nombre de ventes que vous avez réalisées , le
nombre de coupons
utilisés, etc. Donc, celui-ci
concerne les mandats-poste. Bien sûr, vous allez
voir les commandes, nombre de commandes que vous avez
passées, etc. Si nous revenons sur les
variantes, vous verrez le nombre de
variantes que vous avez vendues article
en particulier et toutes les
autres informations similaires. Vous verrez ici les
ventes par catégorie. Si nous options pour les coupons, vous verrez combien de commandes
à prix réduit vous avez passées ce qui représente à peu près aucune taxe. Si vous souhaitez activer
les taxes sur votre boutique en ligne, c'est ici que vous verrez des
informations sur les taxes, sur le montant que vous avez gagné avec les taxes
et sur le montant de vos ventes, ainsi que sur la part de ce montant qui est taxée C'est donc ici que vous
allez voir ces informations. Téléchargements. Nous n'utilisons
aucun produit numérique. Nous ne vendons aucun produit
numérique. Mais si vous vendez des produits
numériques, c'est ici que vous
trouverez ces informations. C'est donc ici que vous pouvez
voir ces informations. Commencez ici. Vous verrez des informations
sur le stock. Vous verrez donc, mais les produits sont
en rupture de stock et ainsi de suite. C'est très utile si
vous avez votre stock et cela vous permet de vérifier
si vous êtes en rupture de stock. Et dans tous les cas, une fois
que vous aurez ajouté un produit, je vous montrerai où
vous pouvez configurer des e-mails, des e-mails de
notification qui vous
avertiront qu'un certain
produit est en rupture de stock. Ainsi, vous ne manquerez jamais un produit en
rupture de stock, car vous recevrez des e-mails de notification et, dans les paramètres, vous pouvez effectuer quelques ajustements pour modifier la
façon dont les données vous sont
présentées Mais en fait, je n' apporte aucune modification
ici, onglet Marketing. Donc, si vous voulez aller à l'aperçu, nous avons cette extension, l'extension
Pinterest
que nous pouvons configurer. Et puis la leçon suivante, je vais vous montrer
comment configurer cette extension, vais probablement
vous
montrer comment configurer l'extension Facebook et
celles pour le marketing. Mais en gros, vous allez
utiliser cette extension pour connecter votre
flux de produits à Pinterest. Ça va être beaucoup plus facile. Et vous allez l'
utiliser pour connecter votre profil Pinterest
à WooCommerce Vous n'auriez donc pas besoin de le faire manuellement en ajoutant des codes
ou quelque chose comme ça. Parce que,
tout comme Facebook, comme toute autre plateforme de médias
sociaux, leurs pixels
sont essentiellement utilisés pour identifier vos produits et
vos visiteurs. Ainsi, vous pourriez mener des campagnes
marketing réussies. Vous pouvez faire des campagnes
de remarketing et toutes ces autres choses Très bien, alors les coupons,
comme vous l'avez dit vous-même, c'est ici que vous pouvez
créer des coupons et oui,
c' est à peu près tout Ainsi, une fois que vous
aurez installé WooCommerce, des onglets gratuits
supplémentaires seront ajoutés à votre site Web WordPress Voici donc le premier, deuxième et le troisième. Alors ça y est,
c' est fini pour cette leçon. Maintenant, vous connaissez un
peu mieux WooCommerce et vous devez comprendre à quoi servent
toutes ces applications
21. (3.2) Les paramètres essentiels de WooCommerce: Dans cette vidéo, je
vais vous montrer les paramètres
WooCommerce les plus importants que vous pouvez trouver ici Comme vous vous en souvenez, cliquons sur l'onglet Paramètres et
commençons par les paramètres généraux. Il est donc évident que vous devez d'
abord taper votre ligne d'adresse ici, entrer votre ville, votre
pays et votre code postal. Si vous l'avez fait lors de
l'installation de WooCommerce, alors tout devrait bien se passer Vous souhaitez
modifier quoi que ce soit, mais c'est ici
que vous devez entrer adresse de votre boutique de
commerce électronique. Et en utilisant cette adresse, ce plugin essentiellement
WooCommerce calculera
automatiquement les taxes Très bien, faisons défiler la page vers le bas
et ici, points de vente, vous pouvez choisir un
point de vente où vous souhaitez
vendre vos produits Donc, si vous ne vendez pas des
produits destinés à un public mondial, vous vendez vos produits
pour des pays spécifiques, c'est ici
que vous pouvez choisir, vendre dans des pays spécifiques, sélectionner celui-ci et simplement choisir des
pays dans la liste. En saisissant le pays, vous trouverez ce pays et ajouterez
simplement à la liste. Si vous vendez
dans tous les pays à
l'
exception de certains autres pays, vous pouvez faire des
exceptions ici en saisissant les pays dans
lesquels vous
ne vendez pas vos
produits. D'accord ? Je vais le garder en vente dans
tous les pays et dans les lieux
d'expédition. Vous pouvez donc garder
celui-ci tel quel. Et la localisation par défaut du client, vous pouvez également conserver celle-ci
comme ça. Et ici, si
vous faites des impôts, vous pouvez activer celui-ci et les taxes seront calculées
automatiquement. Très bien, alors faisons défiler la page vers le bas et voyons
ce que nous avons d'autre Nous pouvons tout garder
tel quel ici. Nous n'avons pas besoin d'apporter de modifications. Juste ici. Vous pouvez
sélectionner votre devise. C'est donc ici
que vous pouvez le faire. Je vais m'en tenir au dollar
américain, donc c'est une bonne chose pour moi. Et vous pouvez modifier les chiffres, le
nombre de numéros que les gens voient, mais nous n'avons pas vraiment besoin de
changer quoi que ce soit ici. Tout est bon
tel qu'il est par défaut. Très bien, donc une fois que nous aurons
terminé ces modifications, une fois que vous aurez ajouté
des informations ici, n'oubliez pas de
cliquer sur Enregistrer les modifications Maintenant, chaque fois que
vous apportez des modifications, n'
oubliez pas de le faire. Très bien, à partir de là,
nous pouvons passer à l'onglet
Produits ici Et en un clin d'œil au produit, pensez que nous n'allons rien
changer Mais encore une fois, si vous utilisez
d'autres unités de mesure, vous pouvez
les modifier ici. Il vous suffit de choisir les unités que vous utilisez. Très, tu fais
ton affaire. D'accord ? Donc ici, nous n'avons pas vraiment besoin
de faire autre chose. Il vous suffit donc de choisir vos
unités de poids et vos dimensions. Une fois que vous avez fait cela, cliquez également sur Enregistrer les modifications. Comme vous pouvez le voir, nous avons d'autres onglets. J'ai oublié de te le dire. Très bien, faisons défiler la page vers le bas et ici, comme vous pouvez le voir, une fois que le stock de vos
produits sera épuisé, vous serez averti
par e-mail. Et voici l'e-mail. Donc, en gros, c'est
le même e-mail que j'ai utilisé pour me connecter à ce tableau de bord
WordPress. Ce
plugin WooCommerce utilise donc mon adresse e-mail qui a été
ajoutée à mon site Web WordPress Il l'utilise donc par défaut. Si vous voulez changer cela, vous pouvez le faire si vous le souhaitez. Et comme vous pouvez le voir ici, vous pouvez modifier un seuil de stock
bas une fois que le stock sera atteint Je recevrai un message de
notification si vous le souhaitez, vous pouvez le remplacer par un tel. Donc, tout simplement comme ça. Et une fois que vous avez effectué ces
modifications, cliquez sur Enregistrer les modifications. Très bien,
produits téléchargeables, nous
ne vendons aucun produit
téléchargeable Nous ne vendons aucun produit
numérique, nous n'allons
donc pas nous
concentrer sur ces deux produits. Et si nous allons accéder à l'onglet
Avancé, encore une fois, nous n'avons pas besoin d'apporter de
modifications ici. Très bien, à partir de là, nous pouvons
passer à l'onglet Expédition. Et en fait, dans
cet onglet d'expédition, nous n'allons pas
apporter de modifications car il y a plus de choses à
dire sur les zones d'expédition. Je vais vous montrer dans une autre vidéo comment
créer des zones d'expédition. Et vous pourrez
choisir différentes méthodes
d'expédition. Ces méthodes seront payantes ou les méthodes à
forfait dépendront entièrement de vous à partir d'
ici. Si vous accédez à Payments a, vous verrez tous
les modes de paiement que
nous proposons actuellement. Mais dans une leçon ultérieure, je
vais vous montrer comment
activer les paiements par cartes
et les paiements par PayPal. Ce sont donc les méthodes de paiement
les plus populaires. Bien sûr, cela dépend si vous
vivez dans un autre pays. Selon le pays, vous pouvez avoir
d'autres passerelles de paiement Je ne sais donc pas d'où
vous venez et si vous créez cette boutique de
commerce électronique pour votre public natif, alors le
meilleur choix pour utiliser Google Search pour rechercher
des passerelles de paiement
spécifiques à votre pays est probablement le meilleur choix pour
vous le meilleur choix pour Disons par exemple des paiements bancaires
ou quelque chose comme ça. Mais dans ce cours, je vais vous
montrer les
plus populaires. Et je pense que ces deux
sont plus que suffisants. Je vais donc vous montrer comment
ajouter PayPal et comment ajouter des paiements par cartes
de crédit et de débit. Très bien, à partir de là, nous pouvons
accéder aux comptes et à la confidentialité. Ici, j'aime
généralement permettre à mes clients de créer
leurs comptes. Il s'agit simplement d'une pratique courante. Il est bon d'avoir
un compte sur pour
pouvoir créer un compte
sur une boutique de commerce électronique. Je vous recommande donc vivement
d'activer cette option. Cette option, et
cette option aussi. Très bien, faisons défiler vers le
bas ce que nous avons d'autre. Bien entendu, vous pouvez également supprimer les données
personnelles de vos clients. Supposons qu'une fois qu'un client est inactif pendant un
certain temps, qu'il
s'agisse de mois, d'années, jours
ou de semaines, vous pouvez définir ce
nombre ici. D'habitude, j'aime faire
ces ajustements, deux commandes annulées. Je n'aime pas conserver les
données des commandes annulées. Supposons donc que si le client annule sa commande et qu'au bout d'un mois, il supprime simplement ces données Mais d'habitude, je
préfère me limiter à une semaine. Supposons qu'une fois que le client
annule sa commande, je n'ai plus besoin de ses données. Supposons qu'il y ait eu
un échec de commande. Nous pouvons
donc également nous en tenir
à un jour, Nous pouvons
donc également nous en tenir
à un jour car c'est une pratique
courante et je pense que c'est plutôt une bonne chose. Très bien, une fois que nous avons
terminé ces modifications,
comme toujours, n'oubliez
pas de cliquer sur Enregistrer les modifications Très bien, passons aux e-mails. Juste ici. Dans
Emails, vous verrez tous les e-mails de notification que vous avez sur votre boutique
WooCommerce Ce sont les e-mails que
vos clients reçoivent et vous allez recevoir
certains d'entre eux vous-même. Supposons que le client passe
une commande sur votre boutique Vous allez recevoir un e-mail de
notification indiquant qu' une commande
a été
passée avec succès sur votre boutique. De cette façon, vous
serez également averti qu'il y a une nouvelle
commande. Vous serez
averti en cas
d'échec de commande et si vous
souhaitez annuler une commande, vous serez également
averti. Votre client en sera également
informé. Donc, ce qui est important ici, vous pouvez ajouter un titre, le nom de votre
adresse e-mail, l'expéditeur de cet e-mail auquel votre client va recevoir
le nom de l'expéditeur. Ce sera le centre de ces e-mails
de notification. Vous pouvez donc simplement ajouter le nom de votre site Web et
ajouter ici votre adresse e-mail. Comme vous vous en souvenez, nous avons précédemment créé notre adresse
e-mail professionnelle, et cela a créé une adresse e-mail
professionnelle avec assistance sur un sac
et avocados.com J'ai donc l'habitude d'utiliser ce
type d'adresse féminine dans cette barre, car disons que si un client rencontre
des problèmes avec sa commande, il peut facilement répondre à
cet e-mail de notification et vous recevrez
ce message votre adresse e-mail professionnelle. C'est donc ce qui est
important dans cet onglet. Vous devez ajouter votre adresse e-mail
professionnelle, dans mon cas, ce sera Support at the
bacon avocados.com C'est donc exactement
ce que je vais faire. Ici. Vous pouvez personnaliser le modèle
de l'e-mail Maintenant, ces e-mails
ne sont pas des plus beaux. Bien sûr, il existe certains
plugins que vous pouvez utiliser pour personnaliser encore plus les e-mails
afin de les rendre plus beaux. Mais pour commencer, pour les débutants, ça va fonctionner complètement. utilise toujours ce modèle
sur presque tous mes sites Web et je suis toujours en
train de modifier ces modèles d'
e-mail par défaut. Mais je pense que pour les débutants,
ça ira bien. Nous pouvons cliquer
ici et nous pouvons vérifier à quoi ressemblera ce
modèle d'e-mail. Comme vous pouvez le voir,
ce sont les couleurs et ici nous
pourrions ajouter un logo. Donc, pour ajouter un logo, vous allez devoir
baser ce logo ici. Alors comment ajouter un logo ? Vous vous demandez peut-être si c'est assez simple si vous allez dans Media et que je vais ouvrir une
médiathèque et un nouvel onglet. Je vais donc simplement ouvrir
celui-ci dans l'onglet d'annulation et je vais télécharger mon logo. C'est donc le logo à utiliser. Je vais juste cliquer sur
Télécharger ou juste une seconde. Je vais cliquer sur
Modifier juste pour m'
assurer que j'ai une URL dérivée. Très bien, je vais donc
simplement copier l'URL de ce
logo ici Je vais juste
cliquer sur Mettre à jour au cas où il y aurait des modifications. Et maintenant je vais
fermer celui-ci. Et tout ce que j'ai à faire est de
coller cette URL ici. C'est tout ce que j'ai à faire. Et maintenant, nous pouvons appuyer sur Enregistrer les modifications. Et une fois que vous avez cliqué sur
Enregistrer les modifications,
vous pouvez maintenant cliquer sur Aperçu
des modèles. Comme vous pouvez le voir maintenant, nous
avons notre logo ici. Et bien sûr, vous pouvez
changer les couleurs. Donc, celui-ci
dépendra entièrement de vous. D'accord ? Revenons donc
en arrière et voyons en quoi nous avons réellement un
onglet d'intégration, ici même. Nous n'allons pas avoir besoin de
faire d'ajustements car tout est bon
tel qu'il est par défaut. Très bien, passons
à leur avancement. Dans l'onglet avancé, la seule chose
que nous allons
probablement
faire est de sélectionner notre page de termes et conditions. Comme vous vous en souvenez précédemment, nous avons ajouté toutes ces pages
importantes. Je vais donc simplement taper
cette page ici. Et je vais juste
sélectionner dans la liste, d'accord, donc
ici, nous
avons différents points de terminaison Si votre site Web
doit être en anglais. Il n'est donc pas nécessaire de
changer quoi que ce soit ici. Avoir est aussi bon
que par défaut. Vous n'avez donc pas vraiment
besoin d'apporter de modifications ici. Mais si vous créez votre site Web pour une
langue maternelle, pour un public natif,
vous devrez modifier
ces points de terminaison ici. Donc, si c'est le cas,
plus tard dans le discours, je vais vous montrer
comment
traduire intégralement votre boutique en ligne. Et vous pouvez essentiellement créer votre boutique en ligne
dans n'importe quelle langue. Je vais donc vous montrer les choses les plus importantes que vous devez faire. Mais pour l'instant, tout va bien. Nous pouvons maintenant appuyer sur Enregistrer les modifications. Et en gros, c'est à
peu près ça. Bien sûr, nous avons d'autres
outils ici, mais encore une fois, nous n'avons pas vraiment besoin de les modifier. Voilà pour cette leçon. Vous savez maintenant quels sont
les paramètres les plus importants
pour votre boutique WooCommerce ?
22. (3.3) Comment ajouter des zones d'expédition: Dans cette leçon, je vais vous montrer comment créer des zones d'expédition. Ainsi, dans la leçon précédente, nous avons ignoré les frais d'expédition
et de livraison Passons donc à l'
onglet Expédition et arrivons ici. Si vous cliquez sur
Ajouter des zones d'expédition, vous pourrez créer
de nouvelles zones d'expédition. Vous disposez donc de nombreuses options pour créer
vos zones d'expédition. Bien entendu, cela dépend de endroit où vous
expédiez vos produits. Si vous expédiez
vos produits dans le monde entier, vous pouvez simplement créer des
zones d'expédition mondiales. Ainsi, par exemple, je vais simplement
taper une expédition mondiale. Et une fois que vous avez saisi « expédition
mondiale », vous n'avez pas vraiment besoin de
sélectionner de région car ces zones d'expédition
s'appliqueront automatiquement
à tous les pays. Bien sûr, ce n'est
pas
le meilleur choix ni le plus pratique car vous
expédiez dépend du pays, l'État, cela
dépend du pays,
de l'État,
si vous le faites
aux États-Unis d'Amérique. Mais oui, il est
possible de créer une zone d'expédition mondiale et je vais vous montrer comment procéder. Donc, une fois que vous avez ajouté ce
nom ici, vous devrez
maintenant
ajouter des méthodes d'expédition. Nous pouvons donc ajouter un
tarif forfaitaire ici. Si vous souhaitez ajouter un tarif
forfaitaire, cliquez sur Ajouter une méthode, puis cliquez sur Modifier. Et ici, vous pouvez sélectionner s'il s'agit d'une expédition
taxable. Donc, si vous avez activé
vos taxes et les paramètres WooCommerce
que je vous ai montrés précédemment existaient, la taxe sera également appliquée
à la livraison C'est donc à vous de décider. Si vous ne taxez pas les frais d'expédition, vous pouvez sélectionner Aucune Et au lieu d'un tarif forfaitaire, nous pouvons appeler cela l'expédition
standard. D'accord ? Et pour une expédition
standard, il vous suffit de saisir le coût. Je vais donc simplement
taper le coût. Supposons que ce soit 5$
et appuyons sur Enregistrer les modifications. Très bien, maintenant cette zone
d'expédition, cette
zone d'expédition mondiale qui se trouve ici, dispose d'un mode d'expédition
qui est l'expédition standard, mais nous pouvons ajouter
d'autres méthodes d'expédition Ainsi, par exemple, si je dois sélectionner le tarif forfaitaire une fois de plus, je cliquerai sur Ajouter le mode
d'expédition. Maintenant, je vais cliquer sur Modifier et je vais
sélectionner que ce n'est pas imposable et je vais taper ici, livraison express. Et évidemment, la livraison express
va coûter plus cher, donc je vais taper 15$ Très bien, enregistrons les modifications. Et comme vous pouvez le constater maintenant, ces
zones d'expédition mondiales qui s'appliquent à un public
mondial concernent les méthodes
d'expédition. Il existe donc une expédition standard
et une expédition express. Nous pouvons également ajouter un autre mode
d'expédition qui
sera la livraison gratuite. Donc, si je vais
cliquer sur Livraison gratuite, je peux cliquer sur Modifier. Et au lieu de
proposer uniquement la livraison gratuite, je peux définir qu'une personne doit dépenser une
certaine somme d' argent sur notre boutique en ligne afin de pouvoir bénéficier de ces options de livraison
gratuite. Ainsi, par exemple, je
vais taper à. Cela signifie donc que notre
client doit dépenser au moins 80$ sur notre boutique
pour bénéficier de la livraison gratuite Si vous cliquez sur ce bouton pour appliquer règle de commande
minimale avant le
coupon de réduction a, vous pourrez
proposer la livraison gratuite. Mais supposons que le client possède un code de réduction et qu'il dépense
dans votre boutique tous les 5$. Et une fois qu'il aura activé
ce coupon, il ne paiera
que 70$ . Si vous
activez cette option,
votre client sera
éligible à votre client sera
éligible ces nouvelles informations de livraison gratuite Il va juste payer 75$. C'est pourquoi je n'
active pas celui-ci. Je vais donc simplement
le garder comme
ça et je vais
cliquer sur Enregistrer les modifications. Très bien, comme vous pouvez le voir maintenant, nous avons des méthodes de livraison gratuites Nous expédions dans le monde entier et ce sont des méthodes de
livraison gratuites. Nous avons donc la livraison gratuite, la livraison express et la livraison standard. Habituellement, c'est plus que suffisant. Vous pouvez également ajouter
d'autres méthodes d'expédition. Ainsi, par exemple, si
vous le souhaitez, vous pouvez cliquer une fois de plus sur Ajouter un mode d'expédition
ici. Choisissons un tarif forfaitaire et
juste une seconde ici. Et pour un tarif forfaitaire, vous
pouvez également indiquer qu' il sera livré
par UPS, par exemple. Vous pouvez saisir le coût. Encore une fois, le coût
sera à votre charge. Vous pouvez simplement utiliser un tarif forfaitaire, juste une moyenne que
vous dépenseriez pour la livraison par
UPS ou
quelque chose comme ça. Supposons que ce soit 1$,
quelque chose comme ça, et
nous pouvons appuyer sur Enregistrer les modifications. Comme vous pouvez le constater, vous pouvez ajouter différentes méthodes
d'expédition afin que vos clients
puissent choisir ces méthodes. Vous pouvez également échanger des places
avec ces méthodes. Ainsi, par exemple, une fois qu'un client
est sur une page de paiement, c'est pour
cette commande qu'il va
voir les méthodes d'expédition. Il pourra donc choisir le mode
d'expédition
qu'il souhaite utiliser. Une fois que vous avez effectué
ces modifications, n'oubliez pas de
cliquer sur Enregistrer les modifications. Très bien, maintenant nous pouvons aller dans les zones
d'expédition ici. Et comme vous pouvez le constater, nous avons une zone d'expédition mondiale. C'est donc pour un public mondial. En gros, chaque
personne qui utilise notre boutique, peu
importe d'où elle vient, bénéficiera de
ces méthodes d'expédition. Mais bien sûr, nous pouvons créer
d'autres zones d'expédition. Ainsi, au lieu d'utiliser
cette zone globale, vous pouvez supprimer celle-ci
et ne pas l'utiliser. Je voulais juste
vous montrer comment procéder, comment vous pouvez ajouter des zones d'expédition et comment vous pouvez ajouter
des méthodes d'expédition. Alors maintenant, au lieu de simplement
ajouter des méthodes d'expédition, nous pouvons
maintenant ajouter des zones
d'expédition. Par exemple, si vous
savez vraiment que vous allez faire affaires uniquement aux
États-Unis d'Amérique. Alors, bien sûr, vous
voulez avoir une zone qui soit la nôtre, d'accord ? Et maintenant, vous pouvez choisir
dans la liste États-Unis. Bien entendu, vous pouvez
approfondir toutes les zones de navigation. Vous pouvez créer des
zones d'expédition par région. Mais par exemple, si je vais
utiliser les États-Unis, je peux ajouter ici des méthodes d'expédition
uniquement pour les États-Unis. Si ce n'est pas
pour les États-Unis, si ce doit être quatre, disons un
public anglophone, vous pouvez également ajouter
d'autres régions Supposons que vous puissiez
ajouter le Royaume-Uni, vous pourriez ajouter le
Canada, etc. Et c'est ainsi que vous pouvez
créer des zones d'expédition. Par exemple, je vais simplement
créer les États-Unis, donc je vais nous ajouter. Et comme la fois précédente, j'ai ajouté des méthodes d'expédition. Il existe donc une méthode forfaitaire. Cliquons donc sur un tarif forfaitaire. Et maintenant, vous devez le
modifier et vous pouvez ajouter l'expédition standard
comme la fois précédente. Choisissez si ce
sera imposable ou non, et tapez simplement le coût. Et tout comme cette méthode
d'ajout d'expédition uniquement à cette zone d'expédition particulière qui
sera les États-Unis. Si je devais enregistrer la
zone, je n'aurais qu'
un seul mode d'expédition pour cette zone d'expédition qui serait les États-Unis. Ainsi, par exemple, si je dois
revenir aux zones d'expédition, vous voyez
maintenant que je dois
aux zones d'expédition, mais maintenant cela n'a plus vraiment de
sens parce que cette zone d'expédition
expédie partout. Ainsi, au lieu d'
expédier partout, au lieu d'utiliser cette zone globale
d'expédition, nous n'avons plus
qu'une seule zone, à savoir les États-Unis. Ainsi, par exemple, si
un client visite votre boutique et
essaie d'acheter quelque chose, mais qu'il ne vient pas des États-Unis, il ne pourra pas
choisir de mode d'expédition. Cela signifie que les produits ne
sont pas livrés sur place car
il n'y a pas de zones d'expédition. Et si nous sommes clients maintenant, il n'a qu'un seul mode
d'expédition. s'agit d'une méthode
d'
expédition standard , bien sûr, comme vous l'avez
vu vous-même, vous pouvez ajouter
d'autres méthodes d'expédition, différentes méthodes d'expédition
avec différentes pièces plates. Et bien sûr, vous pouvez ajouter
une méthode de livraison gratuite le client
souhaite dépenser une
certaine somme d'argent. Et vous pouvez également créer uniquement
le mode de livraison gratuite si vous optez pour la livraison gratuite. Donc, dans ce cas,
vous n'aurez que livraison
gratuite, la méthode de
livraison gratuite. Mais encore une fois, les zones d'expédition
dépendent entièrement de vous. Mais je crois que vous comprenez maintenant
comment cela fonctionne, d'accord, mais avant de quitter cette page sur les zones
d'expédition, avant
de terminer cette leçon, passons à d'autres onglets Donc, si je devais aller dans les options
d'expédition, nous n'avons pas vraiment besoin de
changer quoi que ce soit ici. Mais si vous souhaitez suivre des cours
d'expédition, vous pouvez créer des lunettes d'expédition. Par exemple, pourquoi
c'est important. Supposons donc que vous ayez des produits
extrêmement lourds. Bien évidemment, ces
produits
nécessiteront une expédition plus coûteuse. Supposons que vous vendiez également
des produits fragiles. Dans ce cas, ces produits
vont nécessiter
des soins supplémentaires et
cela va coûter plus cher. Dans ce cas, si vous
voulez proposer de tels produits, si vous voulez avoir des produits
aussi uniques, vous pouvez créer des catégories d'expédition. Ainsi, par exemple, je vais
créer une classe d'expédition et je vais nommer ce
verre, avoir un produit. Et maintenant, une fois que j'ai rempli les anciennes informations, je peux cliquer sur Enregistrer les classes d'expédition. Et comme vous pouvez le voir, j'
ai un verre d'expédition. Et aucun produit n'a été ajouté
à cette catégorie car je
n'ai encore ajouté aucun produit
à cette boutique en ligne. Mais une fois que nous aurons ajouté des produits
à cette boutique en ligne, je vous montrerai
où vous pouvez définir une classe d'expédition pour un produit
particulier qui nécessite des frais d'expédition coûteux ou une attention particulière lors de la
manipulation de ce produit. Mais encore une fois, c'est entièrement
à vous de décider. s'agit d'une situation unique, mais il est bon de noter que telles options existent afin de
ne pas vous perdre lorsque vous
cherchez des
moyens de facturer davantage pour des
produits spécifiques dans le cadre d'une expédition. Très bien, donc une fois que j'ai
ajouté ce verre, je dois
maintenant ajouter un
prix pour cette classe, combien coûtera ce
mode d'expédition Ainsi, par exemple, si un
client ajoute ce
produit lourd à son panier et
qu'une fois qu'il accède à la page de paiement, il verra
ce prix, le prix en particulier
pour ce produit, le prix d'expédition,
je veux dire,
d'accord Revenons maintenant
aux zones d'expédition Et comme vous vous en souvenez, nous avons une seule zone d'expédition. Si nous cliquions
ici, Modifier. Nous serons maintenant en mesure d'apporter des modifications à cette expédition
standard. Cliquez donc sur Modifier. Comme vous pouvez le voir maintenant, nous
avons plus d'informations ici. Supposons donc que si un produit possède ce
verre d'expédition, qu'il s'agisse d'un produit. Cela va donc coûter à nos
clients, disons 25$. Et maintenant, si je
pouvais taper 5$ ici, et disons que le client
essaie d'acheter un produit et que
cette classe d'expédition est associée à ce produit. Ensuite, discutez du résumé qui
devra payer 25$. S'il y a des produits qui n'ont pas ces frais d'expédition, ils n'auront qu'à payer 5$ pour une expédition essentiellement
standard. Vous comprenez donc probablement maintenant si vous voulez vous plonger un
peu plus profondément dans l'endettement, vous pouvez vérifier des changements, des ajustements encore plus
complexes. Mais je pense que ce simple
ajustement est une bonne chose. Et bien sûr, cela
ne signifie pas que vous aurez besoin d'utiliser des lunettes
d'expédition, mais je voulais juste
vous montrer où vous pouvez le faire. Très bien, une fois que vous
avez fait cela, nous pouvons appuyer sur Enregistrer les modifications Et en gros, c'est à
peu près ça. Vous devez maintenant savoir comment
créer des zones d'expédition. Vous devez maintenant savoir comment ajouter des méthodes
d'expédition à
ces zones également. Et la dernière chose sera
totalement facultative. Vous pouvez créer des lunettes
d'expédition
pour les produits nécessitant plus de soin
s'ils sont expédiés, vont en provoquer plus,
quelque chose comme ça. C'est ainsi que vous pouvez créer ces classes
d'expédition supplémentaires. Et cela dépendra
entièrement de vous,
généralement en fonction de votre expérience
personnelle. J'ai généralement des méthodes de
livraison gratuites. J'ai donc une méthode de livraison gratuite. Une fois qu'un client dépense une
certaine somme d'argent
, que ce soit 100$
ou quelque chose comme ça. J'ai un
mode d'expédition standard qui coûte généralement environ 5$ et j'ai un mode
d'expédition express qui coûte 15$ Ce sont donc les méthodes d'expédition
que mon client peut choisir. Et bien entendu, lorsque
vous travaillez avec un fournisseur de livraison en particulier, fournisseurs
d'expédition,
vous pouvez rechercher ses plugins et ils possèdent
généralement ces plug-ins. Mais encore une fois, cela dépend d'
où vous venez et de l'endroit où vous allez
expédier vos produits. C'est donc une chose un peu compliquée, un peu plus approfondie. Mais comme je l'ai dit, ces
méthodes de livraison gratuite font
généralement l'affaire. Supposons que si votre client choisit un mode d'
expédition standard, vous pouvez utiliser n'importe quel fournisseur
d'expédition, n'importe quel fournisseur dilutif que vous avez, n'importe quel transporteur et votre client recevra
simplement ce produit sur la base de vos frais
standard Donc, en gros, vous
allez rechercher l'option de livraison la moins chère. Et si vous êtes un client
qui va choisir,
disons, la livraison express, alors bien sûr, vous
allez rechercher
un
mode d' expédition plus rapide où vous pouvez livrer votre produit plus rapidement et souhaitez que le
produit soit expédié Vous
enverrez toujours à votre client notification par e-mail
avec ses détails de suivi. Ainsi, quels que soient les plugins
utilisés par les autres fournisseurs, ils automatisent en quelque sorte cette partie des bits en
envoyant des numéros de suivi. Mais encore une fois,
cette configuration simple
avec des zones de livraison gratuites
est généralement plus que suffisante
23. (3.4) Comment ajouter des passerelles de paiement (PayPal et Stripe): Dans cette leçon, je vais vous
montrer comment ajouter des passerelles
de paiement à vos boutiques
WooCommerce Dans celui-ci, je vais donc vous
montrer comment ajouter paiements
PayPal et les paiements
par carte et cartes de crédit. Si vous voulez passer aux paiements, comme vous vous en souvenez
dans les leçons précédentes, comme vous pouvez le voir, ce
sont les méthodes que
nous utilisons actuellement, mais nous allons changer cela
en installant un plugin. Alors allons-y directement. Cliquez sur Ajouter un nouveau. Et le plugin que vous souhaitez rechercher, pour les paiements PayPal. Ça ressemble à ça. Voici le plugin
que vous souhaitez installer. Cliquez donc sur Installer maintenant, puis sur Activer. Droite. Nous
allons maintenant installer un plug-in pour accepter les
paiements par courant. Passons donc aux plugins
une fois de plus. Cliquez sur Ajouter, puis cherchons Stripe. Très bien, c'est le
plugin V1 à installer. Et cliquez sur Activer. Très bien, nous devons maintenant
revenir à nos paramètres
WooCommerce Et sélectionnons les paiements une fois de
plus et voyons
s'il y a des modifications. Bien, comme vous pouvez le voir, nous avons
maintenant beaucoup plus de méthodes de paiement par rapport
à la version précédente Et la première méthode que nous voulons activer n'en est qu'une. Très bien, alors assurez-vous
que celui-ci est actif. Et puis cliquez
ici, gérez. Et pour pouvoir accepter les
paiements par PayPal, vous devez disposer d'un compte PayPal
professionnel. Donc, si vous n'en avez pas, je
vous recommande vivement d'en créer un. Et lorsque vous allez créer ce compte PayPal professionnel, je vous recommande vivement d'utiliser votre
adresse e-mail professionnelle, car de cette façon votre compte
e-mail PayPal aura un aspect un peu
plus professionnel. Je
vous recommande donc vivement de le faire. Mais si vous
avez déjà un compte PayPal, vous pouvez créer votre
compte PayPal déjà existant si vous le souhaitez, et vous pouvez le transformer
en compte professionnel. Pour ce faire, vous devez vous connecter à votre compte PayPal
, puis accéder aux paramètres. Et là, vous verrez
une option pour votre compte PayPal
en compte professionnel. Et une fois que votre compte PayPal
professionnel sera prêt, vous devrez utiliser des briefings pour activer
ces modes de paiement Vous allez donc devoir
remplir ces champs ici, celui-ci, celui-ci et celui-ci. Pour trouver ces informations,
vous devrez donc vous connecter à
votre compte PayPal professionnel, pas simplement à un compte
PayPal classique, car si vous comptez utiliser uniquement un compte PayPal normal, vous devez
disposer de ces paramètres. Il vous suffit de vous connecter à votre compte PayPal
professionnel, sélectionner Paramètres du compte et,
dans Accès IP, d'en créer un nouveau. Dans mon cas, comme vous pouvez le constater, c'est une mise à jour car j'
ai déjà noté ces clés pour moi Mais si, dans votre cas,
vous souhaitez également voir une mise à jour, sélectionnez
Mettre à jour,
faites défiler la page vers le bas jusqu'à ce que vous voyiez les informations d'identification de l'API
gérée, puis sélectionnez celle-ci. Et ici, vous voulez
copier toutes les clés IP. Il suffit donc de copier ces
clés et de les
baser sur le nom d'une clé. Vous allez
avoir un nom d'utilisateur IP, mot de passe et des signatures. Vous voulez donc prendre une dose de
tapis et vous voulez retourner sur votre boutique
WooCommerce, votre site Web
en gros Et vous voulez coller
ces clés ici. Donc, une fois que vous avez fait cela, vous pouvez faire défiler la page vers le bas
et cliquer sur Enregistrer les modifications. Et c'est ainsi que vous avez
activé les paiements par PayPal et vous
pourrez accepter les
paiements via PayPal. C'est une bonne chose car c'est l'un des modes de
paiement les plus populaires. Très bien, alors n'oubliez
pas de cliquer sur Enregistrer les modifications. Et maintenant, les paiements par PayPal
ou actifs sur votre site Web. Très bien, nous allons maintenant activer
les paiements par carte. Pour ce faire, vous devez
revenir à tous les paramètres
de paiement. Et c'est l'option. Cette option s'appelle rayures. Nous voulons donc activer
cette option ici même. Et bien entendu, pour pouvoir
accepter les paiements par Stripe, vous devrez créer
votre compte Stripe. Bien entendu, la confirmation
de votre compte peut prendre quelques jours ou peut-être que cela ne prendra pas beaucoup
de temps. Une fois que vous devez commencer à
recevoir des paiements, ils peuvent vous demander de leur envoyer des preuves
d'identité, etc. Il vous suffit donc d'aller sur stripe.com, créer votre compte ou
de cliquer ici Et une fois que
votre compte sera prêt, vous pourrez connecter ce compte à votre boutique
WooCommerce en
cliquant ici Et comme vous pouvez le voir, je suis déjà connecté à mon compte
Stripe de test. Et comme vous pouvez le voir, je
peux connecter ma boutique. Et avant de connecter quoi que ce soit, avant que vous ne fassiez toutes ces choses, je vais vous
montrer un bref aperçu de Stripe, et je vais vous montrer
une autre méthode pour
connecter votre compte
à votre boutique Très bien, donc si je veux bien
cliquer ici, et pour les dindes, nous allons avoir quelques clés dont nous aurons
besoin pour entrer Je vais donc vous montrer
comment vous pouvez le faire. Et maintenant, vous devriez aller sur Stripe. Votre compte devrait être prêt,
il vous suffit de vous connecter à votre compte. Bien entendu,
tout d'abord, lorsque vous créerez votre
compte, je pense que vous aurez la possibilité d'ajouter
votre compte bancaire à ce Stripe Payments. Ainsi, une fois que vous aurez reçu
suffisamment de paiements sur
votre compte Stripe, vous pouvez toujours effectuer un versement
sur votre compte bancaire. Mais si vous n'
aviez pas cette option, je vais vous montrer comment
vous pouvez le faire. Très bien, vous devriez aller dans
les paramètres et vous devriez aller ici, les comptes de
versement externes Et comme vous pouvez le voir, j'
ai déjà mon compte ici. Mais dans votre cas, vous pourrez ajouter
de nouveaux comptes bancaires. Il suffit donc d'en ajouter un nouveau si vous ne l'
avez pas encore fait. Et en gros, maintenant que vous êtes Stripe, la passerelle de paiement
est connectée directement à votre compte bancaire et vous
pourrez recevoir des paiements de Stripe
sur votre compte bancaire. Très bien,
passons maintenant à la page d'accueil et je
vais vous montrer comment
ajouter des clés IP, comme nous l'avons fait
avec l'option PayPal, nous avons dû saisir des clés API et nous allons devoir
faire de même avec Stripes Maintenant, nous devons
trouver ces clés. Donc, pour trouver ces clés, nous allons devoir faire le
tour des développeurs. Et vous voulez cliquer
ici sur les clés d'API, et ici, nous
avons les clés standard. Ce sont donc les touches
que vous souhaitez utiliser. Comme vous pouvez le voir ici, il
s'agit de la clé publiable
et de la clé secrète Vous voulez donc les
copier et les coller ici. Assurez-vous que la version
live est activée. C'est ici que vous souhaitez baser
ces clés et ces crochets Web. Le secret n'est qu'une option. Vous n'avez pas vraiment besoin d'
ajouter quoi que ce soit ici. Il suffit donc de coller vos clés. C'est exactement ce que je
vais faire moi-même. Très bien, une fois que c'est fait, vous pouvez cliquer
ici, enregistrer les clés dynamiques, et maintenant que nous avons
des paiements actifs par carte ici, vous pouvez effectuer divers
ajustements si vous le souhaitez Vous pouvez définir certaines options
de personnalisation. Vous pouvez modifier ce qu'il
va afficher sur ce que votre Vista va voir
lorsqu'il sera sur la page de paiement. Et j'aime généralement tout
conserver tel
quel par défaut. Peut-être aimeriez-vous parfois supprimer celui-ci Stripe et nous pourrons le
laisser tel quel. Et comme vous pouvez le voir, bien sûr, mon compte est désactivé car il s'agissait d'un compte de
test. Mais dans votre cas, tout
doit être actif. Donc, c'est juste pour vous, vous avez deux options. Mais tout d'abord, je vous
recommande vivement de configurer votre compte Stripe
avant d'ajouter cette option. Parce qu'une fois que vous
l'aurez, une fois qu'il sera actif si vous voulez avoir des problèmes. Vous allez donc pouvoir
utiliser la première méthode pour connecter votre
boutique à Stripe. Mais la deuxième option
où vous copiez les clés, les clés
API, fonctionne également. À présent, votre boutique dispose
de modes de paiement. Le premier
mode de paiement sera donc PayPal et le second sera
le paiement par carte. Et bien entendu, ce ne sont pas les seules options pour les passerelles
de paiement Il y en a beaucoup,
mais ces deux options sont les plus
populaires et il ne fait aucun doute qu'elles fonctionneront bien et que ces options fonctionnent dans le monde entier. Donc, si vous vivez dans
un autre pays, vous voudrez peut-être
explorer et vous devrez
peut-être explorer
d'autres options. Mais ces deux options
sont généralement suffisantes. Très bien,
c'est tout pour cette leçon.
24. (3.5) Introduction aux produits et aux catégories de produits: Dans cette leçon, nous allons
commencer à travailler avec des produits. Mais avant d'ajouter des produits, avant d'ajouter des produits simples
et variables, nous devons avoir des catégories. Donc, comme vous vous en souvenez,
tous les réglages, tous les réglages liés aux produits se
trouvent ici. Donc, avant d'ajouter nos produits, vous devez créer
vos catégories. Nous allons donc sélectionner Catégories. Une catégorie
a été créée par défaut et nous ne pouvons pas la
supprimer. Ainsi, au lieu de supprimer
cette catégorie, nous pouvons la renommer. Cliquez donc sur Quick Edit et juste ici,
donnez le nom et le slug de la catégorie que vous prévoyez d'
utiliser pour vos produits Gardez le même nom et
le même limace. Le slug est essentiellement l'
URL que vous verrez juste ici après une barre oblique de votre
nom de domaine, etc. Ce slug sera donc utilisé
dans votre catégorie d'offre URL. Alors cette fois, je vais
simplement renommer cette catégorie de jouets en bois Et lorsque vous ajoutez
votre nom et Slug, n'oubliez pas que lorsque vous
ajoutez un limace au lieu d' espaces entre les
mots, utilisez des Très bien, nous pouvons donc
cliquer sur Mettre à jour la catégorie. Et maintenant, au lieu de
la catégorie qui était précédemment nommée
sous catégories, nous avons
maintenant notre vraie catégorie
pour ajouter de nouvelles Tu dois y aller directement
. Pour l'instant. Il n'est pas nécessaire d'ajouter
des miniatures
pour les catégories Mais plus tard, nous
allons tester cette option ici un peu plus tard et vous
le verrez vous-même. Si cela en vaut la peine, il peut
créer des vignettes dans deux catégories, mais pour l'instant, nous pouvons le
garder tel quel Nous voulons simplement que la structure complète
de notre site Web
soit prête avant de travailler sur les options de
personnalisation de
l'ensemble du site Web lui-même. Très bien, donc juste comme ça, je vais ajouter une autre catégorie qui s'
appellera les jouets Montessori Très bien, donc pour ajouter
cette catégorie, faites défiler la page vers le bas et
cliquez sur Ajouter une nouvelle catégorie. Juste comme ça. Je vais ajouter d'autres catégories
gratuites, certaines vont
simplement sauter cette partie parce que vous
savez déjà comment procéder. Très bien, je viens de terminer d'ajouter le reste
des catégories Et si vous vous demandez quelle
est la catégorie des parents. Ainsi, par exemple, si vous
vendez des chaussures dans votre boutique, vous allez évidemment
avoir une catégorie telle que les chaussures, mais cette catégorie peut être catégorie
mère d'
autres types de chaussures. Ainsi, par exemple, des chaussures de sport, sandales ou tout autre type
de chaussures que vous pouvez imaginer. Et les chaussures seront
la catégorie mère,
la catégorie principale. Et par exemple, les chaussures
de sport seront une sous-catégorie. Par exemple, juste pour vous
montrer comment cela fonctionne, je pourrais ajouter une sous-catégorie ou jouets en bois pour enfants de catégorie
2 Nous pourrions donc ajouter des
blocs de bois, quelque chose comme ça. Et maintenant, il ne vous reste plus qu'à
choisir votre catégorie parentale Dans mon cas, ce seront
les jouets en bois. Et je peux cliquer sur
Ajouter une nouvelle catégorie. Juste comme ça. Vous pouvez ajouter encore plus de
catégories pour faire cette catégorie une
catégorie parent ou une autre. Mais ce sera
entièrement à vous de décider si
vous voulez le faire. Je voulais juste
vous montrer comment cela fonctionne. Très bien, donc je
vais simplement supprimer
cette catégorie pour enfants parce que je n'aurai pas besoin de celle-ci, et c'est tout pour cette leçon Vous devez maintenant savoir comment
créer des catégories. Et comme tu l'as dit toi-même,
c'est très simple. Et si vous le souhaitez, vous pouvez également créer des catégories pour
parents et des catégories pour enfants.
25. (3.6) Comment ajouter un produit simple: Puisque nos
catégories sont prêtes, nous pouvons
maintenant commencer à ajouter
des produits à notre boutique en ligne. Pour ajouter un produit, il faut
cliquer ici, ajouter un nouveau. Dans cette vidéo, nous allons
ajouter un produit simple. Le produit simple est juste
un produit ordinaire qui n'a aucune option
comme la taille, la couleur, etc. Ce n'est qu'un produit simple. Le produit variable sera
le produit qui a des tailles ou tout
autre attribut. Par exemple, si vous
vendez des t-shirts, vous pouvez avoir des tailles et des couleurs. Ce sont des attributs. En gros, vous allez
utiliser des attributs pour créer des variantes
pour ce produit. Si ce doit être un t-shirt, vous aurez différentes couleurs ou
différentes tailles. Concentrons-nous maintenant sur des produits
simples qui
ne présentent aucune variation et qui ne sont que
de simples produits. Tout d'abord,
lorsque vous serez ici, vous verrez qu'ici, vous
pouvez ajouter un nom de produit. C'est ici que vous souhaitez
ajouter le nom de votre produit, et c'est là que vous allez ajouter la description du produit. Comme vous pouvez le constater, vous avez
ici
un petit éditeur de texte avec
différents outils, mais je ne
complique généralement pas trop mes descriptions J'ajoute juste des descriptions. J'inclus peut-être
certaines spécifications dans la liste et ainsi de suite. Si nous faisions défiler vers le bas, vous verrez diverses informations concernant les données de
votre produit. Comme vous pouvez le voir, nous avons
sélectionné un produit simple, et le produit variable
se trouve ici. Lorsque vous gérez
un nouveau magasin de commerce et que vous vendez des biens
physiques, deux options seront les plus importantes pour vous, donc
celle-ci et celle-ci. Pour l'instant, restons sur
un produit simple, et ici, nous n'avons pas besoin
de cocher les cases. Ici, vous
pourrez ajouter le prix. Comme vous pouvez le constater, vous pouvez ajouter un prix normal et
un prix de vente. Vous pouvez même planifier votre prix de
vente lorsqu'il sera actif au
début et à la fin des ventes. C'est à vous de décider si
vous souhaitez automatiser les ventes, mais c'est là que
vous devrez
ajouter votre prix et votre prix de vente. Dans l'onglet inventaire, vous
pourrez créer un SKU ici. En gros,
c'est à vous de
décider si vous prévoyez de
suivre votre stock, si vous voulez avoir
d'autres documents tels Google Sheets ou Office
Excel ou quelque chose du genre que
Google Sheets ou Office
Excel ou quelque chose du genre dans lequel vous allez
suivre vos produits par SKU. Ici, vous pouvez ajouter un
SKU unique pour chaque produit, et peut-être
souhaitez-vous l'utiliser pour suivre votre stock et
faire toutes ces choses, ainsi que pour identifier les
produits. Ici, vous pouvez gérer le stock. Comme vous l'avez vu vous-même lorsque je désactive cette option ici, vous pouvez uniquement choisir
que ce produit soit en stock ou en rupture de stock. Si j'active cette option, vous pouvez ajouter une quantité de stock et vous
aurez un stock limité. Vous pouvez également y ajouter
un seuil de stock bas. Une fois que votre produit aura
atteint ce seuil, vous serez averti
par e-mail que votre produit est
en rupture de stock. Procédez également à d'autres
ajustements, comme limiter les achats à
un article par commande. Ils sont un peu plus
approfondis, un peu plus avancés, mais j'utilise généralement SKU pour ajouter des
codes uniques à mon produit, afin de pouvoir identifier
ces produits dans mes fiches où je retrace toutes les informations les concernant
, et bien sûr, j'ajoute la
quantité en stock ici Ces deux éléments seront
les plus importants pour vous si vous décidez de
suivre votre stock. Passons à l'onglet d'expédition. Ici, comme vous pouvez le voir, vous pouvez ajouter le poids
de votre produit, vous pouvez ajouter des dimensions à votre produit. Cela dépend
entièrement de vous. Je ne vends généralement pas
de trop gros produits à
des produits trop volumineux qui peuvent m'
obliger à ajouter du poids
pour des occasions supplémentaires. Mais si vous voulez le
faire , c'est ici que
vous pouvez le faire. Comme vous vous en souvenez, leçon
précédente, alors que je vous
montrais comment
ajouter des zones d'expédition, nous avons créé une classe d'expédition. Nous pouvons maintenant sélectionner
cette classe d'expédition que nous avons créée précédemment Disons si ce
produit doit être extrêmement lourd et
qu'il nécessite un soin particulier, et si l'expédition
va coûter plus cher. Ensuite, comme vous vous en souvenez,
nous avions
préparé ce cours où les frais
de port coûteront 85$, si je ne me trompe pas. Oui, cette classe sera appliquée à ce produit
en particulier. il s'agisse d'un magasin ou d'un client
potentiel, disons qu'il va ajouter
ce produit à sa carte Lors du paiement, il constatera
que les frais d'expédition vont lui coûter plus cher car nous
avons créé cette classe
d'expédition. Si vous ne souhaitez pas utiliser classe
d'expédition, vous
pouvez désactiver celle-ci. C'est bon. Si je voulais aller
ici dans les produits liés. Donc, si je voulais cliquer
ici sur PSL, comme vous pouvez le voir ici, nous avons une explication de ce que
sont les produits aPSL Ainsi, dans la page du produit, vos visiteurs verront
certains produits recommandés. Ainsi, une fois que vous aurez ajouté d'autres
produits sur votre site Web, vous pourrez rechercher
ici les
produits que vous souhaitez payer. Vous souhaitez montrer à
vos visiteurs à vos clients cette page produit
en particulier. Ici, dans le cadre des ventes croisées. Comme vous pouvez le constater, si vous
avez à nouveau d'autres produits, vous pouvez ajouter ces produits
en vente
croisée et ces produits seront affichés sur votre carte d'achat. De cette façon, vous pouvez
augmenter la valeur d' une carte d'achat et réaliser
encore plus de ventes. Celui-ci est très utile. J'utilise généralement celui-ci chaque fois
que
j'ajoute de nouveaux produits .
J'aime choisir les produits les plus vendus, et j'ai la garantie
que le client ajoutera ce
produit et qu'il
achètera deux produits
au lieu d'un. C'est ce que j'utilise moi-même, et je vous
recommande vivement d'utiliser également les
absees et les ventes croisées
vous-même Passons aux attributs. Les attributs sont comme des informations pour
la spécification de vos produits. Par exemple, vous pouvez ajouter
des informations sur un produit. Disons que le
produit que j' ajoute en ce moment sera un train en bois. Je pourrais ajouter un tel attribut comme ça.
Je vais cliquer sur Ajouter. Je vais donner un nom au matériau, et je vais bien sûr taper que ce matériau est le bois.
Juste comme ça, je peux autant d'attributs que nécessaire. Bien sûr, cela
dépend de vos produits, des produits
que vous
comptez vendre. Encore une fois, c'est à vous de décider. Si vous avez déjà des
attributs, ne les ignorez pas. Une fois que nous passerons
au produit variable, je vous montrerai comment
convertir ces attributs. Par exemple, vous allez
ajouter un attribut de taille et vous allez répertorier
toutes les tailles disponibles. Comment utiliser
ces attributs pour créer des variantes d'
un produit en particulier. Passons à l'onglet Avancé. Ici, vous pouvez essentiellement
ajouter une note d'achat. Une fois qu'un client passe une commande, il reçoit
un e-mail de
notification avec une note d'achat. C'est à vous de décider si vous voyez le besoin d'ajouter celui-ci. Passons à celui-ci. Vous pouvez apporter quelques ajustements
à la position de commande personnalisée. Celui-ci n'est pas
très important. C'est pour tous
ceux qui recherchent une
expérience un peu plus personnalisée pour leurs clients, mais je n'utilise pas
ces options ici. Vous devrez
ajouter une sorte de note d' achat à un client,
s'il veut acheter,
disons ce produit, disons ce produit, afin qu'il
reçoive une note dans son e-mail de notification indiquant que la commande a
été passée avec succès. Un bon exemple serait,
disons, si vous vendez des produits
spécifiques qui
nécessitent des instructions. Par exemple, vous
pourriez avoir un fichier PDF avec une URL ici. Vous pouvez compléter ce fichier PDF avec des instructions
destinées à votre client. Ce n'est qu'une façon de le faire, mais bien sûr, il
existe plusieurs
façons de faire la même chose. Mais encore une fois, c'est
à vous de décider comment vous souhaitez utiliser ces notes
d'achat. C'est à
vous de décider, et bien sûr, ne désactivez pas les avis. Vous souhaitez activer les
avis, car vous souhaitez permettre à vos clients de laisser des avis
sur vos produits. Si vous souhaitez
obtenir plus d'options
, vous
trouverez ici différentes extensions. Que vous pouvez installer sur
votre site Web Wo commerce, sur votre boutique en ligne. Ces extensions sont généralement
payantes, elles coûtent de l'argent, elles coûtent plus cher que
n'importe
quelle autre extension, n'importe quel autre plugin que vous
pourriez trouver sur FM force.net, le site Web que je vous ai
montré précédemment, où vous pouvez acheter des
thèmes premium et des plugins premium Ici, cet onglet Pinterest
a été ajouté automatiquement lorsque nous avons sélectionné l'
installation de Pinterest à des fins de
marketing. En gros, celui-ci fait
partie d'un plugin. Si nous allions à
Plugins ici, j'ouvrirais
celui-ci dans un nouvel onglet. Allons-y ici. Vous
verrez que nous avons Pinterest. Juste une seconde. Oui,
nous avons Pinterest pour Dans une leçon ultérieure, je vais vous montrer comment ajouter différents pixels. Je vais vous expliquer
comment vous pouvez le faire. Mais pour l'instant, ne nous concentrons
pas là-dessus. Comme vous pouvez le voir, il s'
agit d'un plugin. Si nous
n'avions pas ce plugin, nous n'aurions pas cette option
ici sur Pinterest. Nous pouvons donc fermer cet
onglet ici. OK, quoi d'autre ?
Brève description du produit. Il s'agit d'une brève description
qui peut être vue page de
votre produit avant de
voir la description principale. Encore une fois, c'est à vous de
décider si vous voulez l'utiliser. D'habitude, je ne l'utilise pas. Dans certains cas, je l'ai
utilisé par le passé
lorsque je vendais des t-shirts
en provenance de Chine, et ces t-shirts
étaient de plus petites tailles. J'ai donc laissé un message dans ce pot à l'intention de mes clients
pour leur
faire savoir
qu'ils devaient choisir une taille plus grande, et c'était un message clair. C'était facile à voir, c'était
donc juste un message
pour mes clients. C'est donc à vous de
décider comment vous souhaitez utiliser cette
brève description du produit. Voilà pour cette partie. Maintenant, nous pouvons sauter ici. Donc, image du produit, nous allons
définir une image du produit. Ce sera l'
image vedette de notre produit. Nous serons en mesure d'ajouter des images de galerie de
produits. Notre produit va
avoir plus d'images, plus qu'une seule, qui sera l'image principale. Comme vous vous en souvenez, nous avons créé des
catégories précédemment Ce sont
donc toutes les
catégories que nous avons, et si aucune
catégorie n'est encore prête, vous pouvez ajouter vous-même une nouvelle catégorie
ici, et bien sûr, ici,
vous pouvez ajouter du texte. Par exemple, je vendrai un jouet en bois qui sera
un train en bois. Je pourrais ajouter des
étiquettes telles que jouet en
bois, train en bois,
train, jouets en
bois, ce type d'étiquettes ici. Ces balises sont essentiellement destinées à décrire
votre produit, comme je vous l'ai dit
dans la leçon précédente, donc vous l'avez probablement
compris maintenant. Bien, commençons
par ajouter un nom. Je vais donner un nom à mon produit et ce sera
un train en bois. J'ai donc ajouté un jouet de train en bois. Voilà à quoi ça ressemble.
Comme vous pouvez le voir, voici à quoi
ressemblera mon permalien Voici l'URL de ce produit, et bien sûr, nous pouvons choisir qu'il s'agisse
de jouets en bois. Parce que c'est
évidemment un jouet en bois. Ici, je vais
ajouter une description. J'ai une description prête, donc je vais juste la
coller ici. Comme vous pouvez le voir, je viens d'ajouter ma courte description,
et comme vous pouvez le voir, elle fait 111 mots,
ici si vous le souhaitez, vous pouvez faire quelques options de
personnalisation. Vous pouvez mettre une partie du texte en gras. Encore une fois, c'est complet si vous voulez effectuer ces
modifications ici, mais j'aime généralement que les choses
restent simples. C'est bon. Donc, la prochaine
chose que nous pourrions faire, revenir à l'onglet général, et je vais ajouter
un prix normal. Je vais donc simplement ajouter
les prix ici. Bien, comme vous pouvez le
voir, le prix
normal sera de 22 49 et le prix de vente
sera de 14 99. C'est bon. Voilà à quoi
ça va ressembler. Dans l'onglet Inventor, j'ajouterai un code SKU unique
pour ce produit. Très bien, j'ai ajouté
mon code SKU unique. En gros, il est indiqué « produit 1 ». Et une fois que j'ajouterai le deuxième
produit, ce sera b0002, ce sera le produit C'est ainsi que j'aimerais procéder. Mais encore une fois, c'est à vous choisir le système que vous
souhaitez utiliser. C'est du rhum. Et j'ai ajouté la quantité de stock, et là, j'ai des seuils de stock
bas. Il y aura deux produits. Une fois qu'il aura atteint deux produits, je recevrai
un message électronique m'informant que ce produit est en
rupture de stock. C'est bon. Expédition. Je n'apporte
aucune modification à l'expédition. C'est un produit assez petit. Je n'ai pas vraiment besoin d'ajouter de classes d'expédition
ni même d'ajouter du poids. Cela ne coûtera pas cher. envoi de ce produit ne
coûtera pas cher, donc je vais le conserver
car il s'agit de produits liés. le moment, je ne peux
ajouter aucun produit lié car je n'ai encore ajouté
aucun produit. À l'avenir, je
pourrai le faire une fois qu'au moins
un produit aura été publié. Attributs. Dans les attributs, je vais ajouter
un autre attribut ici et je vais
ajouter un autre attribut, et je vais juste donner des noms à ces attributs et
je vais donner des valeurs. Comme vous pouvez le constater, je viens d'
ajouter différents attributs. Le premier est le matériau, donc ce
sera le contenu en bois. Et il vieillit à partir de trois ans
et tapez Montesori Toy. Encore une fois, c'est ma situation. C'est ce que j'ajoute. Dans votre situation,
ce sera complètement différent,
car vous savez
déjà quel type de commerce électronique vous
créez. C'est bon. Appuyons donc sur Enregistrer les modifications. N'oubliez pas de cliquer sur Enregistrer les modifications avant de passer à un autre onglet car ces
modifications ne seront pas enregistrées si vous ne
cliquez pas ici. C'est bon. Je viens donc d'
ajouter cette information. Maintenant, je peux ajouter un tag. C'est donc exactement
ce que je vais faire. Je vais juste taper tag, et je vais appuyer sur Entrée. Comme vous pouvez le voir,
une fois que j'appuie sur Entrée, cette balise est ajoutée
à la liste des balises. Je pourrais ajouter un autre tag train, et je pense que je vais
le garder comme ça. C'est bon. Ensuite, nous pouvons
ajouter l'image de notre produit. Pour le moment, je dois
télécharger cette image du produit Je vais
donc
cliquer ici et
sélectionner un produit dans le fichier. C'est bon. C'est l'image
du produit que je souhaite utiliser, et je vais cliquer sur
Définir l'image du produit. le moment, je vais
ajouter d'autres images
à la galerie. Je vais sélectionner les images
une par une, et bien sûr, je vais maintenir la touche Ctrl enfoncée tout en cliquant sur chaque
image. C'est bon. Je peux maintenant cliquer sur Ajouter à la galerie. Je peux changer de place
avec ces images. Encore une fois, c'est à vous de
décider, que voulez-vous faire ? Maintenant, avant de publier
ce produit, nous pouvons cliquer sur Aperçu.
Voyons à quoi ça ressemble. Vous pouvez voir,
voilà à quoi ça ressemble. Ça a l'air plutôt bon. Bien sûr, cela n'a pas l'
air trop sophistiqué car nous n'avons pas
ajouté notre thème, mais vous devez maintenant comprendre
comment ajouter un produit. Oui, c'est à ça que ça ressemble. Nous pouvons maintenant fermer celui-ci et
cliquer sur Publier. Une fois que
nous aurons publié, nous cliquerons sur Afficher le produit pour nous
assurer que tout fonctionne correctement. Maintenant, nous pouvons cliquer ici. Disons que nous
cliquons sur cette URL. C'est Outlook.
C'est notre produit. Comme vous pouvez le voir, je
cliquerais sur la catégorie Jouets en bois. C'est notre catégorie, et c'est notre jouet. Nous avons
ajouté un produit à notre boutique, et oui, c'est tout
pour cette leçon. Dans la prochaine leçon, je
vais vous montrer comment ajouter un produit variable
et ne vous
découragez pas si vous pensez que
cela ne semble pas très beau Ne vous inquiétez pas,
car nous sommes en train de progresser. Nous n'avons créé aucune option
de personnalisation. Nous n'avons installé
aucune machine virtuelle sur notre site Web, il s'agit donc de la version par défaut, mais nous avons maintenant une
sorte de structure. C'est tout pour cette leçon.
26. (3.7) Comment ajouter un produit variable: Très bien, puisque vous savez comment
ajouter un produit simple, nous pouvons
maintenant ajouter un
produit variable à notre tempête Montrez comment cela se fait. C'est assez similaire, mais cette fois, nous devrons créer des
variantes pour les produits. Très bien, allons au tableau
de bord. Accédez à Produits ici, puis cliquez sur Ajouter un nouveau. Donc, puisque vous connaissez
déjà tous ces paramètres
ici et ces options ici, je vais simplement coller
toutes les informations. Je vais juste ajouter le nom du
produit et j'
ajouterai la description du produit
et toutes les autres informations. Très bien, comme vous pouvez le voir, je viens terminer d'ajouter
plus d'informations Il s'agit du titre de la description de
ce produit. Comme vous pouvez le voir, j'ai une image
du produit et je vais
évidemment en avoir deux versions différentes. Le client sera en version
noire et en bleu. Et pour le moment, je n'ai pas de catégorie qui
représenterait ces produits. Je peux donc cliquer sur Ajouter une nouvelle
catégorie ici. Et je vais taper des costumes. Et je vais juste
cliquer sur Ajouter une nouvelle catégorie. C'est ainsi que la nouvelle
catégorie a été créée. Alors maintenant je peux décocher
cette catégorie, et maintenant je peux choisir des costumes Très bien, faisons
défiler les
autres balises vers le bas . Comme vous pouvez le voir,
j'ai ajouté deux balises, j'ai ajouté deux balises, donc ne vous
surchargez pas avec des Si vous ne trouvez
aucun tag, ne vous inquiétez pas, vous pouvez laisser celui-ci vide et vous n'aurez
aucun problème. Mais disons que si
je veux avoir plus de produits liés à Batman, et disons qu'il doit y avoir plus de
jouets, quelque chose avec Batman, j'
inclurai cette étiquette. Supposons qu'une fois que MVr clique sur cette page produit en
diagonale, vous accédez à une nouvelle
page où il verra tous les produits portant
cette étiquette particulière Je te montrerai à quoi
ça ressemble plus tard. Très bien, maintenant, la prochaine
chose que nous devons faire, c'est choisir
que ce sera un produit variable ici Vous pouvez taper SKU, SKU pour ce produit. Et je ne vais pas activer stock
géré, car
nous allons le faire chaque produit séparément,
car je veux savoir combien
de produits de la version bleue j' ai quatre âges spécifiques et je veux savoir combien de
produits ont, disons la version bleue
ou la version noire, quatre tranches d'âge différentes. Donc, en gros, mon produit, ce produit que j'
ajoute en
ce moment, aura deux variantes, deux attributs de variation. Le premier attribut
va donc être le style, qui va
être noir ou bleu, et ça va avoir de l'âge. Ce sera donc
pour un certain âge. Alors disons 2-3 ans, 4-5 ans et
quelque chose comme ça. D'accord, nous pouvons maintenant lier
des produits car nous n'avons pas besoin de modifier l'onglet
Expédition et
nous pouvons maintenant lier des produits. Ainsi, par exemple, si je
vais taper du bois, comme vous pouvez le voir, je peux sélectionner ce jouet que j'ai
ajouté précédemment. Je vais donc faire de
même avec les cellules croisées. Et c'est ainsi que j'ai ajouté un produit pour les ventes incitatives
et les cellules croisées Et vous pouvez ajouter d'autres produits, bien plus qu'un seul. J'aime généralement ajouter
2 à 4 produits à chacune de ces
sous-cellules et faire pousser des cellules. Et maintenant, nous pouvons passer aux attributs. Très bien, maintenant je
vais cliquer sur Ajouter et je vais taper le
nom de cet attribut Donc ça va être Style. Et maintenant je vais
avoir deux styles, donc ça va
être bleu et noir. Je vais donc taper en bleu. Je vais séparer cela
par ce symbole. Je vais taper la
flèche noire utilisée pour les variantes car je vais
utiliser cet attribut
pour les variations. Et enregistrons rapidement les attributs. Si je devais développer celui-ci, comme vous pouvez le voir,
voici à quoi il ressemble. Très bien, maintenant je vais ajouter un autre attribut
comme ça Et ça va être H, et je vais ajouter des valeurs. Très bien, je n'
avais que deux valeurs, comme vous pouvez le voir, ce sont
les miennes Et bien sûr, je vais
cliquer sur Enregistrer l'attribut. Mais avant cela, je vais sélectionner
celui que je vais utiliser
pour les variantes et je
vais cliquer sur Enregistrer les attributs. Bien sûr, je pourrais
cliquer ici pour ajouter d'autres attributs, mais je
pourrais mentionner le tissu. Et je pense que c'est exactement
ce que je vais faire. Je vais juste
donner un nom et je vais entrer la valeur. Et une fois que j'ai ajouté cet
attribut complémentaire, souhaite utiliser cet attribut pour créer
des variantes de ce produit car le tissu n'est pas
utilisé pour les variations. Je n'ai donc pas besoin de vérifier
celui utilisé pour les variations. Très bien, nous pouvons maintenant
cliquer sur Enregistrer les attributs, et encore une fois, c'est à vous de décider du type de
produits que vous ajoutez Par exemple, si vous ajoutez des t-shirts et
que vous n'avez que des tailles. Supposons que vous ayez
un design spécifique pour
un t-shirt et que vous n'ayez que des tailles
différentes : grande, petite, très grande, etc. Donc, dans votre cas, vous n'
aurez besoin d'ajouter qu'un seul attribut
pour les variations. Supposons donc que, dans les valeurs, vous
utilisiez la taille plutôt que le style, vous listerez toutes les
valeurs une par une Tout va simplement
appuyer sur Enregistrer les attributs. De la même manière,
vous allez utiliser cet attribut pour
créer des variations. Si d'autres attributs sont
utilisés pour les variations, disons que
vous allez utiliser différentes couleurs, rose, jaune ou autre. Et comme je l'ai fait, vous devrez ajouter
celui-ci ici. Donc dans mon cas, c'est H. Dans votre cas, cela peut être couleur
impoli ou autre chose. Et bien sûr, vous pouvez même ajouter d'autres attributs que vous
allez utiliser et des variantes. Mais dans de nombreux cas
et dans la plupart des cas vous allez probablement utiliser un ou deux attributs , des variantes de ceux-ci. Très bien, enregistrons les
attributs une fois de plus. Faisons en sorte qu'
ils soient enregistrés. Nous allons maintenant
créer des variantes. Très bien, alors
cliquons ici sélectionnons celui-ci
et sélectionnons OK Cliquons. OK. OK. Et comme vous pouvez le voir maintenant,
nous avons quatre variantes. Nous avons donc une version bleue
qui est gratuite pour des lustres, et nous avons une autre version
bleue et ainsi de suite. Alors maintenant, développons toutes
les variantes ici. Et maintenant, définissons une
image pour cette variation. Ce sera donc
l'image que je veux utiliser. Très bien, ici, je vais
taper mon prix habituel. Si vous gérez le stock, vous pouvez activer celui-ci
et saisir Quantité de stock. Très bien, alors faisons défiler vers le
bas ce que nous avons d'autre. Et bien sûr, vous aurez
peu de déchets comme nous l'avions fait avec
un produit simple. Vous avez pesé des lunettes
Shipping. Encore une fois, vous pouvez sélectionner les classes
d'expédition séparément pour chaque
variante. C'est donc à vous de
décider si vous voulez le faire. OK, faisons défiler la page vers le bas. Et voici la version bleue. Encore une fois, sélectionnons
la même image et collons le prix pour
que le prix soit le même. J'ai donc simplement copié le prix. Sélectionnez Gérer le stock. Et encore une fois, je
vais taper dix. Et comme vous pouvez le constater, nous avons
répété toutes les choses. Cela dépend du nombre de variantes que
vous allez avoir. C'est le nombre de
fois que vous aurez besoin de répéter ces choses parce que vous devez traiter chaque variation comme un produit
distinct. Parce que comme vous pouvez le voir, vous pouvez ajouter toutes ces
choses comme le poids. Vous pouvez même choisir une classe
d'expédition et ainsi de suite. Très bien, ajoutons que le
dernier sera noir. Et comme vous vous en souvenez, des actions
gérées. Mais avant cela, le cours et
l'action seront de dix. D'accord ? Je vais faire de
même avec celui-ci. Très bien, une fois que nous avons
fini d'ajouter des informations, n'oubliez pas de
cliquer sur Enregistrer les modifications Si vous n'enregistrez pas les modifications, vous allez perdre
toutes les informations. Très bien, nous
pouvons maintenant cliquer sur Publier, et maintenant nous pouvons cliquer
ici pour voir notre produit Voyons à quoi ça ressemble. Si tout fonctionne comme
il est censé fonctionner. Très bien, nous avons donc du style. Nous pouvons choisir, disons choisissons le bleu et
choisissons H. Nous avons une image différente. Nous pouvons agrandir ces images. Nous pouvons fermer ces images. Je comprends parfaitement que
ça n'a pas l'air très beau. Mais comme je l'ai dit, nous
allons installer un thème. Nous allons créer des options de
personnalisation et notre page produit sera
bien meilleure. Très bien, comme je vous l'ai
dit avec les tags, disons que si je dois
cliquer sur ce tag Batman, comme vous pouvez le voir,
c'est le tag et voici les produits que
j'ai sous ce tag Dans ce cas, je
souhaite avoir ce produit. De toute évidence, je ne vais
voir qu'un seul produit. Très bien, revenons en arrière. Avant d'y retourner,
je pense qu'il faut ouvrir ce produit une dernière fois et s'assurer que
tout fonctionne. Très bien, vous pouvez voir ici
que nous avons une description et
des informations supplémentaires Nous avons des informations supplémentaires
selon lesquelles nous avons le style, bleu, le noir, l'âge et le tissu. Si vous ne souhaitez pas afficher
ces attributs ici,
comme Style, parce que nous avons style ici
et que nous avons un âge, nous pouvons apporter des modifications. Par exemple, je vais
cliquer sur Modifier ce produit. Et si vous ne souhaitez pas
afficher ces attributs, vous devez vous rendre ici. Et comme vous vous en souvenez,
nous avons Style. Nous voulons donc masquer
celui-ci sur la page du produit, et nous voulons également masquer H. Cliquez sur Enregistrer, puis sur Mettre à jour. Très bien, nous pouvons maintenant
cliquer sur Afficher le produit. Voyons si ces
attributs sont masqués. Maintenant, cliquons ici. Et comme vous pouvez le constater, nous n'avons pas
d'autres attributs. Ces attributs ne peuvent être vus qu'ici et c'est une bonne chose. Très bien, ici vous pouvez voir que
les gens peuvent laisser des avis. Et ici vous pouvez voir
notre produit précédent. Si je pouvais ajouter ce produit à notre panier juste une seconde. Cliquez sur Ajouter au panier. Très bien, nous pouvons cliquer sur Afficher le panier et comme vous
pouvez le voir ici, nous avons une vente croisée Comme vous vous en souvenez, nous avons
ajouté ce produit dans un onglet de vente croisée et c'
est ici qu'il est affiché Voici à quoi ressemble notre
panier. Ça n'a pas l'air très beau. Je comprends tout à fait
car nous n'avons
rien fait avec la
partie personnalisation de notre site Web. Très bien,
cette leçon est terminée . Maintenant que nous savons comment
ajouter un produit variable, vous savez également
quels sont nos tags et comment vérifier
les produits ajoutés à ces piles Voilà pour cette leçon.
27. (3.8) Coupons et codes de réduction: Dans cette vidéo, nous
allons créer un coupon pour notre boutique. Comme vous pouvez le voir ici, nous pouvons taper un code de coupon, mais nous n'en avons pas. Très bien, donc pour ajouter un nouveau coupon, je vais simplement
ouvrir celui-ci dans
un nouvel onglet, simplement
parce que j'aurais cet onglet ici une fois que j' aurais activé mon code de coupon
ou que je pourrais l'utiliser ici Très bien, allons au tableau
de bord. Et comme vous vous en souvenez, si j'allais sur WooCommerce, je pourrais sélectionner Coupons Je pourrais également aller
ici et sélectionner Coupons. C'est donc exactement
ce que je vais faire. Très bien, cliquons sur Créer votre premier coupon et
ici vous avez Discount Tire J'utilise généralement
des remises en pourcentage, vous savez, réduction de
dix pour cent, réduction de
15 %, etc. Mais vous pouvez utiliser une réduction par carte
fixe. Ainsi, par exemple, vous
pouvez taper 5$, 3$. Il s'agit de la quantité que
vous souhaitez utiliser. Et bien sûr, vous pouvez choisir réduction
fixe sur les
produits eux-mêmes, d'accord ? Mais comme je l'ai dit, j'aime généralement utiliser des remises
en pourcentage. C'est probablement ce que font la majorité des magasins de commerce électronique de toute façon. Et ici, disons que
je vais taper dix. Il y aura donc une réduction de dix pour
cent. Vous pouvez cocher cette case pour autoriser la livraison gratuite.
Encore une fois, c'est à vous de décider. D'habitude, j'aime que les
choses restent simples. Vous pouvez ajouter la date
d'expiration du coupon ici, il suffit de choisir la date. Et là, j'aime appliquer certaines restrictions
d'utilisation, d'accord ? Vous pouvez donc choisir le montant
qu'une personne doit
dépenser ou si elle dépense plus que montant
maximum que
vous avez saisi ici, ne pourra
pas bénéficier de cette réduction et ces options vous appartiennent. Vous pouvez exclure
des produits des remises. Donc, si vous ne souhaitez pas accorder cette réduction pour
un certain produit, vous pouvez exclure
des produits ici. Vous pouvez inclure des produits
particuliers. Cela signifie donc que cette réduction ne
peut être appliquée qu'à des produits
spécifiques et
que ces produits spécifiques peuvent être classés dans les mêmes catégories. Vous pouvez exclure des catégories. Vous pouvez appliquer cette réduction
uniquement à certaines
catégories de vos produits. C'est donc très capable de le faire. Choisissez simplement ce que vous voulez faire si vous
souhaitez utiliser l'une de ces options et tapez simplement le produit ou
les catégories. C'est donc à vous de décider. Vous pouvez même autoriser les adresses
e-mail. Ainsi, par exemple, si
certains de vos clients font déjà des achats sur votre boutique en ligne
ou si vous avez créé un coupon unique pour un client
en particulier, vous ne pouvez autoriser ce coupon que pour cette adresse e-mail
en particulier. Vous aurez donc saisi cette adresse
e-mail ici même. Mais d'habitude, j'aime utiliser cette option ici car parfois, lorsque les gens
trouvent plusieurs coupons, ils essaient d'appliquer
les deux coupons. Et si vous décochez cette option, ces clients
pourront utiliser des
coupons lors de leurs achats
sur votre boutique en ligne Je
vous recommande donc vivement d'utiliser celui-ci. Et bien entendu, en
activant cette option, vous pouvez exclure les articles en solde. Ainsi, par exemple, si
des articles sont en solde et que votre client
ajoute
ces produits, ces articles à son
panier et qu'il essaie d'
appliquer un coupon, il ne pourra pas
bénéficier d' une réduction si
vous cochez cette case, d'
accord, limites d'utilisation Encore une fois, vous pouvez ajouter des limites d'utilisation. Vous pouvez donc ajouter
des limites par coupon. Supposons que je vais
créer ce coupon et que je
n'ai que dix coupons. Je vais donc devoir saisir
celui-ci ici, dix coupons, vous pouvez limiter un
certain nombre de produits. Supposons que vous
saisissiez ici cinq produits et que la personne
achète six produits, ne pourra pas bénéficier une limite d'utilisation de réduction par utilisateur Donc, si vous
voulez en saisir un ici, cela signifie
que cet utilisateur ou tout autre utilisateur futur
pourra utiliser ce coupon une seule fois. C'est à vous de décider si vous
voulez respecter ces limites. Mais en général, j'
utilise un pourcentage de réduction et j' restrictions selon lesquelles les gens ne peuvent pas utiliser plusieurs coupons à la fois. Et une fois que vous avez
terminé ces ressorts, vous devez bien sûr
créer un coupon. Disons que je vais
nommer ce coupon testing. Vous pouvez également cliquer ici pour générer automatiquement un coupon. Et ici, vous pouvez ajouter une
description pour vous-même. Peut-être allez-vous
faire des promotions
spéciales ne pas vous
perdre et savoir pour quelle raison ce
coupon a été noté. Très bien, une fois que vous
avez fait cela, cliquez sur Publier et
notre coupon est en ligne. Maintenant, nous pouvons revenir à
nos cartes ici, et nous pouvons faire des tests de saisie, et cliquons sur Appliquer un coupon. Comme vous pouvez le voir, la réduction
a été appliquée avec succès, et voici la réduction, et comme vous pouvez le voir, elle est de 170 et tout fonctionne. C'est ainsi que vous
pouvez ajouter des coupons. Maintenant, nous pouvons fermer celui-ci, et c'est tout pour cette leçon. Vous savez maintenant comment
créer des coupons
28. Résumé de la section 3: Fantastique Vous venez de terminer la partie
WooCommerce. Vous savez maintenant comment utiliser
un plug-in WooCommerce. Papa est chargé d'ajouter des fonctionnalités de
commerce électronique à
votre site Web WordPress. Donc, en gros, vous
savez maintenant comment créer un site Web de commerce électronique en
installant le plug-in WooCommerce Vous savez maintenant comment
ajouter des produits, comment fonctionne WooCommerce, quels sont les paramètres les plus
importants et toutes ces choses C'est donc une
partie très importante de la création votre boutique en ligne à
l'aide de WooCommerce Très bon travail pour papa. Et dans la section suivante, nous
allons commencer à nous concentrer sur les couleurs de la
partie design de votre site Web. Et oui, c'est super. Maintenant, vous savez comment fonctionne
WooCommerce, vous savez comment fonctionne WordPress Et vous savez, bien sûr, ce qu'est l'hébergement Web,
qu'est-ce qu'un nom de domaine ? Et peut-être qu'avant de
commencer ce cours, tu ne savais rien, mais maintenant tu sais pas mal
de choses. Alors, félicitations pour la dette
29. (4.0) Commencer avec la personnalisation: Très bien, dans cette section,
nous allons
parler de la personnalisation
de votre site Web Donc, avant de passer à
l'installation de notre célèbre, bien sûr,
dans ce cours, vous aurez deux options pour
créer votre site Web. Nous allons donc avoir une
option avec un thème gratuit, et vous allez avoir
la possibilité de créer votre site Web avec
un thème premium. Vous allez donc
voir vous-même en
quoi ces deux options sont
différentes car avec un thème
premium, quoi ces deux options sont bien sûr,
vous aurez
beaucoup plus d' options de personnalisation,
mais avec un thème gratuit, mais avec un thème gratuit, vous pouvez également vous attendre à de
bons résultats. Mais bien sûr, ce n'est rien
comparé à une option premium. La meilleure chose est que l'option
premium ne vous coûtera qu'une seule
fois et c'est tout. n'y a pas de frais mensuels
cachés ou quoi que ce soit de ce genre.
Donc c'est vraiment génial. De ce
point de vue et lorsque l'on parle de l'
ensemble de la personnalisation. Dans cette section, nous allons
nous concentrer sur la façon dont votre site Web
sera beau et professionnel, même si vous n'
avez peut-être aucune expérience dans configuration de vos sites Web,
dans leur création. Mais dans cette section, nous
allons nous concentrer sur
leur donner une belle apparence sans trop
transpirer. Donc, si c'est la
bonne façon de s'exprimer, nous n'allons pas nous concentrer sur les choses que nous
n'avons pas besoin
d'utiliser, mais plutôt sur les choses vraiment importantes. C'est comme choisir les couleurs. Celui-ci est donc
extrêmement important car j'ai vu
de nombreux sites Web
qui utilisent des couleurs aléatoires, qui ne
sont pas beaux et qui n'ont pas l'
air professionnels. Donc, si vous êtes un site Web
qui
n'a pas l'air professionnel ou digne de confiance, vous pouvez vous
attendre à perdre
beaucoup de clients. Imaginez si vous êtes un visiteur notre site Web
qui a l'air horrible, qui ne correspond pas aux couleurs ou quoi que ce soit
d'autre. Ce site Web
crie tout de suite qu' il n'est pas fiable,
qu'il n'a pas l'air bien Et dans de nombreux cas, c'est l'une des principales raisons pour
lesquelles les clients ne se
convertissent pas parce qu'ils ne
voient pas de site Web fiable. La première impression est mauvaise. Dans cette section, nous
allons donc nous assurer de nous concentrer sur cette bonne première
impression pour nos visiteurs. Et bien sûr, je
vais vous montrer quelques endroits où je peux obtenir des photos de
stock et où vous pouvez également les
obtenir vous-même. Et je vais partager
avec vous des options gratuites et je vais partager une
option payante qu'ils utilisent moi-même. Et vous aurez besoin de
Stock Photos dans tous les cas, quel que
soit le type
de site Web que vous créez, car vous
voulez avoir l'air professionnel. Donc, si vous allez
utiliser des photos au hasard, ce ne
sera pas professionnel. Tu dois utiliser Stock Photos. Et bien sûr, je vais vous
montrer ces deux thèmes. Tu le verras toi-même. Day Look, je vais vous donner une brève
introduction à chaque thème. Et en gros, je vais
vous montrer la structure du site Web. Alors, quel type de structure
devriez-vous avoir ? Et ce sera à toi de décider
comment tu veux t'y prendre. Mais je vais partager mon plan comme pour toutes les autres leçons Et ce sera à
vous de décider si vous souhaitez utiliser ce plan pour la
structure de votre site Web Donc, en gros,
cela va
être une courte section. Nous n'allons pas vous donner
beaucoup de leçons, mais cela devrait vous permettre mieux comprendre ce qui
donne
à votre site Web
un aspect professionnel
30. (4.1) Choisir des palettes de couleurs et un style: Très bien, dans cette leçon, je
vais vous montrer comment
choisir les couleurs correspondantes
pour votre site Web C'est donc très simple. Vous n'avez pas vraiment besoin
de savoir quoi que ce soit sur les palettes de couleurs correspondantes
ou quoi que ce soit de ce genre. Il existe des outils gratuits qui
peuvent le faire pour vous. Mais je vous recommande vivement de
le faire , car si
vous ne voulez
pas que les palettes
de couleurs correspondent belles palettes de couleurs, alors bien sûr, votre site Web n'aura pas l'
air professionnel Alors d'accord, ce que nous
avons ici, comme vous pouvez le voir ici, j'ai mon logo Je me suis procuré ce logo sur l'un des sites Web ou je
l'ai acheté moi-même. Et c'est à toi de décider si
tu veux, BioLogos,
si tu veux
les créer toi-même, comme c'est
parfois le cas pour
me faire gagner du temps J'aime les acheter au lieu
de les évaluer moi-même. C'est ce qu'ils faisaient
par le passé, mais encore une fois, de
nos jours, cela prend du temps
et le temps c'est de l'argent Très bien, je me suis procuré
ce logo, et comme vous pouvez le voir, j'ai les couleurs juste ici,
sur le côté droit C'est donc la couleur brune. C'est la couleur marron
et j'ai la couleur électrique. C'est donc la couleur
électrique et réglage a extrait les
codes, les codes couleurs. Bien entendu, plusieurs
options s'offrent à vous pour ce faire. Vous pouvez utiliser Photoshop, vous pouvez utiliser Paint ou
tout autre programme pour extraire les couleurs
du logo ou d'une image. Donc, celui-ci dépend
entièrement de vous. Maintenant, notez ces couleurs, et je vais probablement
les utiliser comme
couleurs principales à cause de
ces couleurs dans mes logos. Je vais donc probablement utiliser cette couleur pour
certains textes, peut-être cette couleur pour certaines
sections ou quelque chose comme ça. Mais j'ai besoin de plus de couleurs. Donc, parce que deux couleurs ne
suffisent pas et que lorsque vous
créez un site Web, je recommande
généralement d'utiliser jusqu'à quatre couleurs, pas plus, car si vous
allez utiliser
trop de couleurs sur votre site Web, bien
sûr, votre site Web n'
aura pas un aspect professionnel. Alors, comment savoir quelles couleurs correspondraient à
ces deux couleurs ici, celles qui sont
le
marron et l'électrique. C'est l'outil que j'utilise. C'est donc l'outil
que j'aime utiliser. J'utilise cet
outil depuis un certain temps maintenant C'est un outil gratuit
et vous pouvez générer des
palettes de couleurs à l'aide de cet outil Et ces panneaux seront assortis et tu
seras superbe. Très bien, vous devez donc
aller ici
et choisir le générateur de palettes Et tout ce que vous voulez faire, c'est d'ajouter vos
couleurs ici. Si vous n'
avez pas encore de couleurs, vous pouvez les choisir
ici dans le sélecteur. Choisissez simplement la
couleur que vous souhaitez utiliser et verrouillez cette couleur. Et comme je l'ai dit, vous devriez
avoir jusqu'à quatre couleurs, pas plus que cela. J'opte habituellement pour trois couleurs. Dans certains cas, j'utilise quatre couleurs, mais dans la majorité des
cas, je le fais uniquement pour des boutons séparés supplémentaires
afin d'ajouter une couleur supplémentaire. Mais encore une fois, c'est à vous de décider. 3-4 couleurs. C'est tout à fait correct. Nous pouvons maintenant supprimer une couleur car nous
n'en aurons pas besoin. Et puisque nous avons
verrouillé cette couleur, vous pouvez
maintenant cliquer sur le bouton espace. Et juste comme ça,
vous allez générer des couleurs
correspondantes à
celle-ci, non ? Si vous devez cliquer
une autre fois, d'accord, vous venez de trouver la couleur
que vous souhaitez utiliser Tu penses que cette couleur va bien
correspondre à celle-ci. Vous allez peut-être utiliser
celui-ci dans votre logo. Vous allez peut-être l'utiliser pour les boutons de votre site Web. Maintenant, vous voulez
verrouiller cette couleur, et maintenant, si vous pouviez toucher
l'espace une fois de plus, vous obtiendrez deux autres couleurs
identiques pour doser
deux couleurs ici. Et continuez à taper sur
l'espace autant de fois que vous le souhaitez jusqu'à ce que vous trouviez les couleurs que vous souhaitez
utiliser sur votre site Web. Et une fois que nous avons
trouvé ces couleurs, vous pouvez simplement copier
ces codes ici, les
coller dans votre
bloc-notes ou n'importe où ailleurs. Si cela vous convient le mieux,
vous pouvez le coller dans
votre Google Docs
ou dans tout autre fichier de document,
simplement noter qu'il ou dans tout autre fichier de document s'agit la couleur et faire de
même pour toutes les couleurs Et plus tard, lorsque nous personnaliserons
notre site Web, nous pourrons utiliser
ces couleurs pour créer
notre site Web avec couleurs
assorties afin de lui donner un aspect professionnel et
fondamentalement attrayant. Très bien, voici
comment vous pouvez le faire. Et comme je
vous l'ai montré précédemment, j'avais le code de mes couleurs. C'était donc l'un des
codes de la couleur brune. Et vous pouvez coller le code si
vous le souhaitez de cette façon. Comme vous pouvez le voir, je viens de
coller ce code et je
vais faire de même pour Electric
Color Et juste comme ça, j'ai obtenu ces deux
couleurs ici en utilisant ces deux couleurs
principales générer deux autres couleurs. Et maintenant, je vais utiliser ces
couleurs pour créer mon site Web. Très bien, donc comme je vous l'ai déjà
dit, revenez en arrière et collez le code ici et
assurez-vous qu'il est verrouillé Encore une fois. Si vous voulez toucher l'espace, vous allez
générer plus de couleurs,
plus de couleurs assorties pour
doser deux couleurs ici. Donc oui, en gros
c'est tout pour cette leçon. Vous savez maintenant comment
choisir les couleurs correspondantes. Et si vous avez besoin
d'inspiration, vous pouvez toujours faire une recherche sur Google,
rechercher des palettes de couleurs, simplement taper des palettes de couleurs. Supposons que vous puissiez taper des palettes de couleurs rouge, marron ou quelque chose comme ça juste pour
trouver l'inspiration. Mais si vous avez
déjà une idée de la manière dont vous souhaitez donner à
votre site Web l'apparence des couleurs
que vous
pourriez utiliser. Il s'agit de l'outil que vous pouvez utiliser
pour générer des couleurs correspondantes. Et n'oubliez pas de ne pas
utiliser trop de couleurs. Dans la plupart des cas, trois
couleurs, c'est plus que suffisant. Nan Four Colors
est peut-être un peu plus que ce dont vous avez besoin, mais ça va quand même. Et bien sûr, n'utilisez pas de couleurs
extrêmement vives
ou d'autres couleurs de type marqueur. Ainsi, par exemple, n'utilisez pas ce
type de couleurs
sur votre site Web. Ça ne va tout simplement pas
être beau. Tu ne veux pas faire ça. Vous voulez que votre site Web soit aussi beau que possible. Essayez donc d'éviter ces couleurs de coloration extrêmement
vives. Très bien, c'est tout
pour cette leçon maintenant, vous savez comment générer des
couleurs et comment
donner à votre site Web un aspect
plus professionnel Plus tard, nous
allons l'utiliser pour personnaliser
notre
31. (4.2) Où chercher des photos de stock: Très bien, donc dans cette leçon, je vais juste vous
montrer les endroits,
les sites Web où vous pouvez
obtenir des images de stock gratuites Et cela vous sera
utile,
non seulement pour la création de
ce site Web, mais aussi pour les projets futurs. Parce qu'il est important d'
avoir de belles photos, pas seulement pour vos produits, mais disons que si vous décidez d'ajouter
des articles de blog,
votre site Web, il est
toujours bon d'
avoir de belles
images de vedette pour les articles de blog Et bien sûr, c'est également important lorsque vous allez
créer votre page d'accueil. Supposons que vous
souhaitiez ajouter une image de héros sur votre site Web. image du héros est donc l'
image la plus importante de votre site Web. En gros, il s'agit de
la première image, la première chose que votre WR verra une fois qu'il aura
atterri sur votre site Web. Il est donc important de savoir où se
procurer des images d'archives. Vous ne pouvez pas simplement utiliser Google pour rechercher des images,
car vous
allez être protégé par des droits d'auteur et vous ne
voulez pas que cela se produise pour Vous souhaitez utiliser des
images de stock gratuites à la place de cela. Très bien, donc le premier
endroit où je reçois mes photos de stock est celui-ci C'est ainsi qu'il s'
appelle unsplash.com. Il existe de nombreuses images disponibles à des fins
diverses et ne doutez
pas que vous
serez en mesure de trouver superbes photos de stock
pour votre site Web, pour n'importe quel site Web, pas seulement
pour celui-ci, mais oui, je vous recommande
vivement d'
utiliser Unsplash car il existe de nombreuses photos de
stock gratuites disponibles La deuxième option que j'utilise beaucoup est
celle-ci, Pixabay Il contient également de nombreuses photos de stock
gratuites et je vous recommande
vivement
de consulter celle-ci. J'utilise celui-ci assez
souvent aussi. Et le dernier
que j'utilise moi-même, je l'utilise
depuis un bon moment maintenant Et celui-ci est
vraiment bien car vous pouvez même trouver des
logos ici. Donc, si vous voulez vous inspirer
pour un logo, allez-vous chercher de l'inspiration pour une palette de
couleurs
ou quelque chose comme ça ? Vous pouvez utiliser
celui-ci gratuitement sur pig.com. Je vous recommande vivement
de jeter un coup d'œil à celui-ci. Il existe une version gratuite
et une version payante. Avec une version gratuite,
vous pourrez retrouver les trois photos d'archives. Et avec une
version payante, cela
coûtera environ 15$ par mois. Vous pouvez obtenir un plan
pour un mois et télécharger autant de photos
que nécessaire pour votre projet. 15$ pour toutes les
photos dont vous avez besoin, c'est qu'elles sont bon marché par rapport aux autres photos de stock d'endroits
où vous pouvez les acheter. Habituellement, vous pouvez payer jusqu'à 15$ pour une seule
photo, pour une photo Donc 15$ pour un mois pour télécharger autant de
photos que vous le souhaitez C'est une bonne affaire.
Je voulais donc juste partager celui-ci
, que vous aussi. Bien sûr, c'est un peu limité par rapport à
d'autres grands acteurs comme Shutterstock ou Adobe
Images ou quoi que ce soit Mais c'est toujours bon
et ça ne coûte que 15$. Donc, si vous souhaitez donner à vos représentants une
apparence encore plus professionnelle, vous pouvez essayer
certaines options payantes pour, par exemple, Stock Photos C'est donc ce que j'
aime utiliser moi-même. Et vous pouvez également utiliser
celui-ci pour télécharger des logos. Donc oui, c'est un énorme
avantage de free pig.com et je vous recommande vivement de
consulter ces sites Web gratuits. Et je crois que vous
serez en mesure de trouver ce que vous recherchez. Voici donc ce que montre cette vidéo. Maintenant, vous savez où
trouver des photos de stock, où
les rechercher et n'
utilisez pas Google simplement pour télécharger des images depuis
Google , car vous allez être protégé par des droits d'auteur et vous
ne voulez pas être compromis parce que ce n'est tout simplement
pas bon pour votre
32. (4.3) Choisir votre thème: Dans ce cours,
vous aurez
deux options pour
créer votre site Web. Donc, comme je vous l'ai déjà mentionné, vous allez avoir
la possibilité d'utiliser un thème gratuit
appelé Astra Theme Et vous allez
avoir une option premium pour utiliser un thème appelé Flatsome Moi-même, j'aime
utiliser une option premium. J'ai trois sites
Web utilisant ce thème. Et j'aime bien ce film parce qu'il est
très personnalisable Il se charge rapidement et dispose d'une immense communauté où vous pouvez poser toutes les questions que vous souhaitez. Il possède un groupe Facebook. Je pense que c'est
vraiment un excellent choix. Mais comme je l'ai dit, il est important
pour moi de vous montrer deux options en fonction de votre budget et de vous
montrer quelles sont
les possibilités. Dans cette vidéo, je
vais juste vous montrer quelles sont
les possibilités
d'Astra Theme Alors maintenant, je vais ouvrir notre site Web qui a été
créé à l'aide d'Astra Theme Donc, en gros, il s'agit
du magasin de commerce électronique qui utilise un thème Astra Il s'agit d'un
site Web WordPress et comme vous pouvez le voir à quoi il ressemble, il a l'air plutôt bien.
Ça a l'air professionnel. Et si je devais cliquer
ici sur ce produit, ici, comme vous pouvez le voir, voici à quoi ressemble la page
du produit. Rien de trop chic,
rien de trop grand. Et une fois que vous aurez cliqué
sur un autre produit, vous verrez vous-même
qu'il s'agit du même produit. Ici, nous pouvons choisir
la quantité d'un article. Et si je
cliquais sur Ajouter au panier, je peux cliquer
ici pour voir la carte. C'est un
thème assez simple et comme vous pouvez le voir, il n'est ni trop sophistiqué
ni extraordinaire. C'est simple, c'est minimaliste
et ça a l'air bien. Alors en fait, quand
on y pense, quoi d'autre avez-vous besoin ? Ici, vous pourrez donc
appliquer un code promo. Cela semble assez simple. Et si je pouvais cliquer
ici, passez à la commande. Comme vous pouvez le constater, voici à quoi ressemble
la page de paiement. Bien entendu, nous serons en mesure de personnaliser cette page. Pas trop, mais nous
serons en mesure de faire quelques modifications. Très bien, voici à quoi ça ressemble,
voici à quoi ressemble la page de paiement Et si je devais aller dans la
catégorie épicerie ici, comme vous pouvez le voir, voici à quoi ressemble
la page des catégories. Ça a l'air plutôt bien. Je ne peux pas le contester
parce que tout
semble aller bien. Il s'agit du pied de page de notre
site Web et cela a du sens. Cela a l'air professionnel, sauf ces couleurs
ici peuvent être le blanc, mais je suppose que c'est
une sorte de problème, mais ne vous inquiétez pas à ce sujet. Nous avons donc des
icônes de réseaux sociaux ici, et surtout, la page d'accueil est
absolument magnifique. Bonne page d'accueil. Et cette page d'accueil a été créée à l'aide d'un autre plugin,
le plugin Elementor C'est pour créer des pages. C'est donc exactement pour cela que ce
ligand a été utilisé ici. Il a été utilisé pour créer cette page. Donc, en utilisant ce plugin, je vais vous montrer dans
la prochaine leçon où je vous montrerai comment
travailler avec ce thème Astra, comment utiliser Elementor D'accord, donc ça a l'air plutôt
bien et c'est un
design assez simple et
minimaliste, mais ça a l'air bien Très bien, et si je
choisissais notre thème Flatsome, c'est une option premium Et puis dans la section suivante, après la section Astra Theme, je vais
vous montrer comment créer
votre site Web à l'aide de ce thème Très bien, comme vous pouvez le
voir, voici à quoi ça ressemble. Il s'agit d'un site Web d'
apparence différente. C'est un peu plus interactif. Comme tu peux le voir. Il contient cette critique
rapide, il a l'air un peu mieux et
ressemble à
un magasin entièrement semblable à du commerce électronique. Donc, si je cliquais sur la page d'un
produit ici, il s'agit
en fait d'une catégorie. Voici donc la catégorie,
voici à quoi elle va
ressembler et elle a l' air plus épurée, un peu plus minimaliste,
je suppose qu'on peut le dire Et si je cliquais sur le
produit, comme vous pouvez le voir, nous avons une page
produit complètement différente. Et la bonne chose est que
nous pourrons personnaliser cette page produit et lui
donner un aspect un peu différent. Mais si je pouvais aller ici, si je revenais
à notre thème Astra, je cliquerais
ici sur ce produit En gros, avec cette
page produit, nous sommes limités. Nous ne serons pas en mesure de
faire trop d'ajustements. Donc, si ce look vous convient,
si vous n'avez pas plus d'argent
à investir dans votre site Web, vous pouvez bien sûr
choisir l'option Astra Mais si je pouvais y retourner, comme vous pouvez le voir, les choses semblent différentes. Et si je clique sur Ajouter au panier, comme vous pouvez le voir, nous avons un site Web un peu
plus interactif. Et si je clique sur Afficher le panier, le panier a un aspect différent. C'est donc la différence
avec ce thème. Et c'est
essentiellement dans ce thème que je viens de vous montrer. Je vais juste revenir en arrière,
c'est plus personnalisable. Vous allez avoir beaucoup plus d' options de
personnalisation
car bien sûr, c'est un thème premium. Donc, par rapport à celui-ci, vous serez limité. Vous serez en mesure de faire
des ajustements à votre page d'accueil, vous serez en mesure de créer
votre propre page d'accueil unique. Vous serez en mesure de faire
des ajustements à votre en-tête pour ajouter vos pages, des
catégories, etc. Bien entendu, vous pourrez
travailler sur le pied de page ici Et si ça doit te
suffire, c'est très bien. C'est toujours une
belle boutique de commerce électronique. Mais avec cette option Flatsome, vous aurez
beaucoup plus d'options de personnalisation C'est donc à vous de
choisir l'option que vous souhaitez utiliser. Mais je vous recommande vivement
de passer par les deux options. Je parle des
sections du discours où je vais vous montrer comment configurer
votre site Web à l'aide d'Astra Theme Et où je vais vous montrer comment configurer votre site Web à l'aide de Flatsome Theme et
vous le verrez vous-même À quel point ces deux thèmes
sont différents Astra à Flatsome, vous verrez que
Flatsome aura beaucoup plus
d'
options de personnalisation Voilà, c'est tout pour cette vidéo. Et j'espère qu'il
vous sera désormais plus facile de choisir l'équipe que
vous souhaitez utiliser
33. (4.4) La structure de votre site Web: Très bien, donc avant de passer
à la section suivante
de ce cours, je voulais juste parler de
la structure d'un site Web Si vous voulez connaître la
structure du site Web
dans les prochaines leçons, il vous
sera beaucoup plus facile de travailler sur votre
site Web car vous devez comprendre la
structure de base du site Web. Très bien,
commençons par la première chose que possède
chaque site Web et que votre site Web
l'aura également Je viens d'ouvrir un nouveau site Web
qui est géré. Et commençons par la première chose que possèdent
tous les sites Web. La première chose que possèdent tous les
sites Web est l'en-tête. Il s'agit donc de l'en-tête
de votre site Web. Ce sera l'en-tête. Ainsi, quel que soit le type de
site Web que vous allez créer, quel que soit le type de projet que
vous allez démarrer. Chaque site Web possède un en-tête. Dans l'en-tête, vous
incluez généralement des éléments tels qu' un cartel en tant qu'option de connexion et d'enregistrement
pour vos clients. Et bien sûr, vous
incluez vos catégories. Ce sera donc à vous de
décider ce que vous
voulez inclure dans
votre en-tête en plus des
éléments tels que les catégories, barre de recherche et
toutes ces choses. Et voici en gros à
quoi ça ressemble. Voici essentiellement à quoi ressemble
l'un de mes sites Web. Et comme vous pouvez le voir, cela
incluait également le blogging, cette Heather. Ce sera donc à vous de décider. Si vous souhaitez commencer à
écrire des articles de blog, je vais vous montrer comment vous pouvez également
inclure ce blog. C'est l'en-tête qui, en
HTML, s'appellera head. Bien sûr, vous n'avez pas vraiment
besoin de savoir quoi que ce soit sur l'
aspect codage de l'en-tête, mais c'est ce qu'on appelle la tête. Il s'agit donc de la tête
de votre site Web. Cet en-tête
sera sur chaque page, peu
importe où vous allez aller, vous aurez également le
même en-tête, ce sera un en-tête permanent. Comme vous pouvez le voir,
peu importe que je fasse défiler la page, il reste toujours ici. Cette tête figurera sur chaque page,
peu importe où vous allez. Voici donc la tête
de votre site Web. Ensuite, nous avons le corps, c'est le bas
de votre site Web. Ce qui se trouve sous l'
en-tête s'appelle une barre
, d'accord. C'est donc le
corps de votre site Web Ainsi, chaque page, chaque produit ou article de
blog aura
une formation différente. Dans les étapes ultérieures, nous nous
concentrerons sur les aspects négatifs d' un peu plus lorsque nous travaillerons sur la page d'accueil de nos sites Web. Ainsi, la page d'accueil va
être la page d'accueil
de votre site Web, en
gros, l'endroit où les gens arrivent
une fois qu'ils visitent votre site Web, ce sera la vitrine
de votre site Web Voici donc le corps ici. Donc, ce qui se trouve sous l'
en-tête, c'est votre corps. C'est donc similaire à la structure du corps
humain. Tu as eu, tu as un corps. Quelle est la prochaine ? Bien
sûr que tu as des pieds. Tellement semblable à ça. Il s'agit du pied
de page de votre site Web. Voici donc le pied de page. Le pied de page reste également le même sur
chaque page,
tout comme l'en-tête, sauf qu'il n'est pas collé comme
vous pouvez le voir vous-même Dans un pied de page, vous
incluez généralement des informations qui seront
importantes pour votre client Comme vous pouvez le voir ici, nous avons quelques informations sur la politique de confidentialité du site Web, les
retours et les remboursements, expédition et la
livraison, etc. Vous pouvez également inclure des éléments
tels que vos icônes de réseaux sociaux. Et bien sûr, vous pouvez inclure encore plus d'informations, comme dernier article si vous
voulez écrire des articles de blog, encore une fois, celui-ci dépend entièrement de vous. Vous aurez l'occasion de tout explorer vous-même, d'essayer et de voir ce qui vous
convient le mieux. Mais comme je l'ai dit dans ce cours, je vais partager mon
plan directeur qui fonctionne, qui fonctionne pour moi, qui
fonctionne pour mes clients Et ce sera à
vous de décider du type de
pied de page que vous souhaitez créer du type d'en-tête que
vous souhaitez créer Très bien, ce site Web a donc été créé à l'aide du thème Flatsome Comme vous pouvez le voir,
voici à quoi cela ressemble. Et si je devais aller sur
ce site Web ici, il a été créé à l'aide
d'un thème Astra Ainsi, peu importe la
FIM que vous utilisez, quel que soit le type de
site Web que
vous créez, vous aurez
la même structure Bien sûr, cela peut
sembler un peu différent. Mais comme vous pouvez
le voir en haut, nous avons les en-têtes. Voici donc l'en-tête. Nous avons un logo, nous avons quelques
informations ici. Comme vous pouvez
le voir ici, nous avons une page boutique, mais des catégories. Encore une fois, ce
sera à vous de décider du
type d'en-tête que vous souhaitez avoir, des éléments
que vous souhaitez inclure. Mais dans ce cas,
comme vous pouvez le constater, cet en-tête est un peu
différent car cette boutique de commerce électronique est
beaucoup plus petite que celle-ci. Il n'y a donc pas
trop de produits, pas
trop de catégories. Voilà donc à quoi ça ressemble. Ici, nous avons la page à propos de nous page Nous
contacter, la page de mon compte et un panier d'achat.
Voilà à quoi ça ressemble. Voici donc l'en-tête et
encore une fois, le corps. Comme vous pouvez le constater, cet
en-tête ne colle pas. Et voici le corps comme le
site précédent que je vous ai montré. Et si je faisais défiler la page vers le bas, il y a aussi un pied de page Donc, en gros,
voici à quoi ça ressemble. Et si vous êtes à la
recherche d'inspiration, découvrez comment vous voulez donner à
votre pied de page Vous pouvez consulter certains
sites Web que vous aimez et essayer de reproduire
la même structure Encore une fois, ce sera
à vous de décider. Très bien, vous
connaissez maintenant toute la
structure du site Web Et à partir de là, nous allons
commencer à créer notre site Web. C'est donc ici que notre site Web va commencer à prendre forme. Très bien,
c'est tout pour cette leçon. J'espère que vous comprenez maintenant
la structure du site Web.
34. Résumé de la section 4: Excellent travail. Vous savez maintenant ce qu'il faut pour créer un site Web d'apparence
professionnelle. Habituellement, moins c'est plus
et moins c'est mieux. Alors maintenant, vous savez tout, vous savez comment faire correspondre les couleurs, où chercher des photos d'archives. Et c'est très important. Je vois beaucoup de gens qui
commettent les mêmes erreurs. Ils choisissent des couleurs qui ne correspondent pas. Ils n'utilisent pas de photos d'archives. Beaucoup de gens recherchent
simplement des images sur Google et essaient de les utiliser. Ne le faites pas car
vous pourriez être protégé par des droits d'auteur et vous ne
voulez pas que cela vous arrive Utilisez des photos d'archives, utilisez
les outils que je vous ai montrés, et vous
serez certainement en mesure de créer un site Web d'apparence
professionnelle Donc, même si vous allez peut-être terminer cette section et passer à d'autres sections,
je
vous recommande vivement de revenir
sur je
vous recommande vivement de revenir cette section et de simplement la
parcourir, essayer de mieux comprendre
tout. Peut-être que vous n'aimerez
pas l'apparence de votre site Web. C'est ici que vous
allez passer les anciens outils que je viens de vous montrer, et cela vous aidera à créer un site Web d'
apparence professionnelle, et un site Web d'
apparence professionnelle Un beau site Web
est très important pour les boutiques de commerce électronique car vous pouvez vous attendre à un taux de
conversion plus élevé, et c'est très important car si vous voulez avoir
une conversion plus élevée, vous pouvez vous attendre à plus de ventes. Imaginez un taux de conversion de
2 %
ou un taux de conversion de
0,5 % seulement C'est donc une énorme différence. Avoir un site Web d'
apparence professionnelle est donc une chose énorme, car vous pouvez vous attendre à des taux de conversion plus élevés, vous pouvez vous attendre à plus de ventes. Et bien sûr, c'est extrêmement important lorsque vous
créez votre boutique en ligne. Excellent travail là-dessus. Et dans la section suivante, nous allons approfondir la question l'
apparence de notre site Web. C'est donc ici que vous aurez la première option,
l'option gratuite pour
créer votre site Web, en utilisant des outils gratuits, et
dans la section
suivante, nous allons utiliser
un outil premium. Donc, avec les outils premium, vous verrez vous-même quoi ces deux options
sont différentes, et vous pourrez
utiliser les connaissances que vous venez d'apprendre dans ces
deux sections. C'est tout pour aujourd'hui, excellent travail.
35. (5.0) Commencer avec le thème Astra: Très bien, donc dans cette section, végétalien et configurez notre site Web Nous allons
créer le site Web. Nous allons essentiellement concevoir notre site Web et
il va prendre sa forme finale à l'
aide d'Astra Theme C'est donc le thème
qui s'appelle Astra. Et vous vous souvenez probablement
que lorsque je parlais de thèmes, vous avez peut-être vu ce thème. C'est donc un thème très populaire et il est populaire pour une raison car avec
la version gratuite, vous pouvez créer des sites Web assez
beaux Il peut donc s'agir d'une boutique de
commerce électronique, d'un blog ou simplement d'un site Web professionnel ordinaire pour représenter votre
marque ou votre entreprise. Cette FIM est donc assez polyvalente
et elle a l'air plutôt bien. Nous allons donc
utiliser ce thème. Nous allons utiliser la version
gratuite de ce faisceau. Et dans cette section, je vais vous montrer comment
installer ce thème, comment installer un
Starter Templates. Donc, en gros, le
modèle de départ sera le modèle qui
aidera à donner une structure à notre site Web. Ce sera donc un modèle, essentiellement un contenu de démonstration qui
ressemblera à un site Web complet. Mais ce que nous allons devoir faire, c'est
modifier ce contenu. Et puis la
section suivante, lorsque nous
allons travailler avec
un thème premium, nous n'allons pas utiliser de
modèles car avec ce thème premium,
il sera un peu plus facile de démarrer
sans aucune structure, mais c'est ce que nous allons
faire avec ce thème Astra Très bien, avant d'installer ce thème et les modèles de
démarrage, examinons les
modèles eux-mêmes. Vous souhaitez donc accéder
à ce site Web ici, WEP astra.com Et si j'allais dans les modèles de
démarrage, je serais en mesure de vérifier tous les modèles que ce
thème a à offrir. Comme vous pouvez le constater, nous avons des modèles
gratuits et
des modèles premium. Ce sont donc pour la version
premium, pour une version pro de
ce thème Astra Et d'ailleurs, si
vous
décidez d'acheter
une version pro, vous devrez
payer chaque année. Ce n'est donc pas comme si tu allais
acheter ce Freemans qui t'
appartiendra Et pas comme avec le thème
suivant que je
vais vous montrer pour
créer votre site Web quand. Ce n'est donc qu'un début, mais avec une option gratuite, nous aurons quand même de
bons résultats, sauf que nous n'aurons pas
autant d' options de personnalisation. D'accord ? Donc, ces modèles
, vous pouvez voir que nous avons plus de 240 modèles. Et si je devais
aller dans cette section, Commerce électronique, je pourrais la sélectionner. Je souhaite vérifier tous les modèles de
commerce électronique. Comme vous pouvez le voir,
voici à quoi cela ressemble. Donc, si je cliquais
sur ce modèle, nous pouvons cliquer sur Aperçu en direct. C'est donc ce que vous pouvez vous attendre
à avoir en utilisant ce thème. Comme vous pouvez le constater,
ce sont les produits. Si je clique sur un produit, voici à quoi ressemblera la
page du produit. Ça a l'air plutôt bien. Je
n'allais pas mentir. Il a l'air plutôt bien
même s'il s'agit d'un thème gratuit. Mais oui, comme je l'ai dit, ce thème est populaire
pour une raison. Il suffit donc de regarder toutes
les options ici. Vérifiez les options gratuites. Si vous le souhaitez, vous pouvez
consulter les options premium, les
comparer
aux options gratuites. Et je vous recommande vivement de décider quel thème vous
souhaitez utiliser. Parce que dans les prochaines
leçons, nous allons nous
concentrer sur la modification de ce modèle. Donc, en gros, nous
allons remplacer les informations qui se trouvent dans ce modèle par
nos informations , c'est
tout ce que nous allons faire. Nous allons modifier ce
modèle, regarder autour de nous, essayer de décider quel modèle vous souhaitez utiliser, le comprendre. Il peut être différent
du modèle que je
vais choisir, mais en fait,
toute la
partie d'édition sera la même. Ainsi, tout sera identique quel que
soit le type de
modèle que vous choisissez, sauf que les différents modèles contiennent des informations différentes. Il peut s'agir d'une structure différente, d'une mise en page différente, mais rien d'autre n'est
différent lorsque nous
examinons l'
aspect d'édition de ce modèle. Il suffit donc de regarder autour de vous, de
voir quel modèle vous
aimeriez utiliser et gros, de décider que c' est le modèle que vous voulez utiliser, mais vous pouvez également suivre toute
la partie édition, sauf le modèle que je
vais choisir. Très bien,
c'est tout pour cette leçon, je vous ai donné une brève
introduction à Astra
36. (5.1) Installer le thème Astra et les modèles Starter: Dans cette vidéo, nous allons installer thème
Astra et nous allons
installer un modèle de démarrage. Très bien, alors
commençons à le faire. Nous pouvons fermer cet
onglet ici et accéder à notre site Web. Nous voulons donc accéder au tableau
de bord de notre site Web
WordPress, et nous voulons accéder à Apparence. Sélectionnez Thèmes. Très bien, nous
voulons donc cliquer ici, avions un nouveau thème et nous
n'aurons même pas besoin d'
utiliser la recherche car c'est
la femme qui veut installer Alors cliquons sur Installer puis sur
Activer maintenant, n'est-ce pas ? Le thème Astra est donc actif, et nous pouvons maintenant visiter notre site Web et vérifier à quoi ressemble
notre site Web Bien, comme vous pouvez le
constater, cela ne
semble pas du tout bon et c'est parce que nous n'avons pas installé
de modèle sur nos sites Web Donc,
le thème Astra
sans modèle a l'air ridiculement
horrible car vous devrez
tout modifier vous-même par le
bas Mais avec les modèles de démarrage, l'ensemble du processus d'édition et de
création de votre
site Web est beaucoup plus rapide Nous souhaitons
donc installer des modèles de
démarrage. Passons donc au tableau de bord et le Starter Templates
est un plugin. Il ajoute une nouvelle fonctionnalité à
votre site Web. Passons donc à Plugins
et cliquons sur Ajouter un nouveau. Très bien, nous voulons maintenant
rechercher des modèles de démarrage. Il suffit donc de taper Starter Templates, et c'est le plugin que
nous voulons installer. Cliquez donc sur Installer
, puis sur Activer. Très bien, nous avons donc installé
avec succès notre plugin Starter Templates, et nous devons maintenant
choisir un modèle Cliquez donc
ici sur la bibliothèque C. Cliquez sur Créer votre site Web maintenant et choisissons un plugin de création de
pages. En gros, un
plugin de création de pages vous permet de créer pages assez belles sans avoir besoin,
bien sûr, de coder, sans avoir à
tout modifier à notre manière, car nous sommes un plugin
tel que elementary, il
vous suffit de glisser-déposer divers éléments sur votre page. Et c'est ainsi que vous
créez vos pages, votre page d'accueil ou
toute autre page. Choisissons donc Elementor car c'est le plus populaire Et maintenant, votre objectif est de
choisir un modèle de démarrage. Donc, comme je vous l'ai déjà dit, c'est à vous de
décider quels modèles vous souhaitez utiliser. Mais dans ce
cas particulier et dans ce cours, je vais utiliser ce
modèle car je pense que ce sera le modèle le plus
facile à modifier pour moi. Et je n'aurai pas besoin d'
apporter trop de modifications. Je vais donc simplement
cliquer ici. Si vous avez votre logo, vous pouvez l'ajouter ici. N'oubliez pas que ce
sont des dimensions recommandées. Mais dans une leçon ultérieure, je vais vous montrer comment
télécharger votre logo sans avoir à l'ajouter ici si vous
n'en avez pas encore. Très bien, alors cliquons
ici, sautons et continuons. Maintenant, votre objectif est de
choisir votre palette de couleurs. Parce que si vous
allez le choisir dès maintenant dans les prochaines leçons, vous aurez
moins de modifications à faire, moins de personnalisation à apporter à
votre site Web. Il vous suffit donc de choisir votre
palette de couleurs. Je crois que je
vais choisir celui-ci. J'ai l'impression que celle-ci convient le mieux à
ma marque et
choisissez vos polices. Ce
seront donc les principales polices de texte. Comme vous pouvez le voir, si
je dois choisir celui-ci. Nous avons les modifications
ici et nous pensons vraiment que cette police est la
meilleure et je vais m'en
tenir à cette police ici. Bien entendu, c'est à vous décider du type de
requêtes que vous souhaitez utiliser. Cliquez sur Continuer. Ici. Vous n'avez rien à ajouter. Nous pouvons cliquer
ici et attendre une minute jusqu'à ce que votre
site Web soit prêt. Et une fois cela fait, nous
allons vérifier à quoi cela ressemble. Très bien, fantastique. Notre site Web est prêt. Et maintenant, nous pouvons cliquer
ici, consulter notre site Web. Très bien, puisque nous avons ouvert
notre site Web dans un nouvel onglet, nous pouvons fermer cet onglet précédent Et comme vous pouvez le constater,
voici à quoi ressemble notre site Web. Ça a l'air plutôt bien, n'est-ce pas ? Bien sûr, vous allez
devoir modifier tout
ce contenu de démonstration, mais maintenant vous avez un site Web pleinement
fonctionnel Pour être honnête, bien sûr, il ne contient pas encore vos produits. Mais comme vous pouvez le constater, vous avez un
site Web d'apparence professionnelle et vous ne paierez que 8$ par mois pour ce site Web plus tard, qui vous
coûtera bien sûr 10$ par
mois Mais bien sûr, c'est beaucoup
moins cher que de gérer votre site Web sur Shopify ou d'utiliser
presque n'importe quelle autre option Comme vous pouvez le voir,
voici à quoi cela ressemble. Et si nous allions dans
notre panier, vous verrez que nous avons
notre produit précédent que nous avons ajouté à notre panier
et à la leçon précédente. Donc, si je cliquais
sur ce produit ici, comme vous pouvez le voir, la page du produit
est complètement différente de celle de la version
précédente que nous avions. Et tout est
bien meilleur
qu' avec
un thème par défaut. Et voici à quoi ça ressemble. Plus tard, nous allons apporter d' autres modifications pour que
ce site Web représente nos marques
afin que nous puissions même vérifier l'apparence de certaines
pages. Donc, si je
devais consulter la politique en matière de cookies, comme vous pouvez le voir, elle
semble un peu différente. Elle semble bien meilleure que
la version précédente. Et si je
revenais à ma page d'accueil, voici à quoi elle ressemble. Alors félicitations, vous avez
un site Web entièrement fonctionnel. Bien entendu, nous devons encore
remplacer certaines informations. Nous allons devoir créer
certaines options de personnalisation. Mais comme vous pouvez le voir
avec un thème gratuit, avec des outils gratuits, vous pouvez réellement créer
un beau site Web.
37. (5.2) Travailler avec des concononcé de démonstration: Lorsque nous avons installé le thème Astra et que nous avons installé le modèle
Started, il contenait également de nombreux
contenus de démonstration que nous n'
allons pas utiliser du tout Ce
modèle Started a donc installé certains produits que nous
n'avons pas réellement sur notre boutique. Nous ne vendons pas
ces produits. Et ce modèle
Started a également installé certaines pages que nous
n'allons pas utiliser du tout Comme vous pouvez le constater, il contient même
des pages dupliquées. Nous devons
tout régler ici. Nous devons supprimer
certaines pages. Nous devons supprimer les produits que
nous n'allons pas utiliser. Et je crois qu'il a également
installé certaines catégories. Très bien, donc avant
d'ajouter notre contenu, nous devons nous assurer
que nous n'avons aucun contenu de démonstration que
nous n'allons pas utiliser Passons donc au
tableau de bord et
voyons à quoi ressemble notre tableau de bord à présent. Et comme vous pouvez le voir,
notre tableau de bord semble un peu plus grand avec
plus d'outils car ce thème Astra et les modèles de
démarrage installent des plugins pour
installer ce plugin Il a également ajouté cet
outil ici. C'est donc un outil pour personnaliser votre thème Astra et nous
avons des modèles de démarrage Très bien, maintenant notre objectif est de découvrir quel contenu de démonstration
nous n'allons pas utiliser Commençons donc par les pages. Voyons quelles pages nous avons et que nous n'avons pas vraiment besoin d'utiliser. Très bien, nous avons donc à peu près la page. Cette page À propos a donc été ajoutée par ces modèles de démarrage. Nous pouvons
donc cliquer sur Afficher et voir à
quoi
ressemble cette page à propos , car il s'agit actuellement
d'une page à propos différente. Comme vous pouvez le voir,
voici à quoi cela ressemble. Elle semble meilleure que la version
précédente,
mais nous avons créé
la page À propos précédente simplement parce que nous avions besoin d'
ajouter des informations. Je voulais juste vous montrer comment ajouter les pages
dont vous avez besoin. D'accord, nous
n'avons donc pas besoin de cette page À propos, mais si vous le souhaitez, si vous aimez
le design de cette page, vous pouvez la conserver et la modifier
ultérieurement Cela dépend donc de vous, mais je vais en fait
vous montrer comment vous pouvez
le faire vous-même. Si je veux bien y retourner, nous pouvons vérifier à quoi ressemble notre page À propos
précédente. Je vais donc ouvrir ici. Ce ne devrait être qu'une simple
page et comme vous pouvez le voir, elle semble un peu mieux. Le design est plus beau. Si
celui-ci vous convient, vous pouvez le garder. Mais encore une fois, je vais vous
montrer comment vous pouvez travailler sur d'autres pages pour les rendre
plus attrayantes. Très bien, nous pouvons maintenant
fermer cet onglet et maintenant nous pouvons supprimer cette page
aussi bien que vous pouvez le voir.
Cette page indique Elementor, ce qui signifie
que cette page a été
créée à l'aide d'Elementor, mais nous en reparlerons plus en profondeur dans
la Très bien, nous n'
allons donc pas utiliser cette page. Nous pouvons supprimer celle-ci car
nous n'allons pas utiliser de page de carte d'identité
dupliquée puisque ce modèle a installé
cette page pour nous D'accord, nous pouvons conserver cette page Nous n'avons pas vraiment
besoin de le supprimer. Nous pouvons supprimer cette page
dupliquée. Nous pouvons supprimer celui-ci. Nous pouvons conserver notre page précédente. Conservons la politique en matière de cookies. Bien entendu, nous allons
conserver notre page d'accueil et nous
n'avons pas besoin de la page de mon compte
car il s'agit d'une page dupliquée. Comme vous pouvez le voir, politique de confidentialité conservons celle-ci. Nous pouvons supprimer celui-ci car il s'agit d'un brouillon des leçons
précédentes. Continuons à expédier
et à livrer. Supprimons la boutique car nous avons une nouvelle page de boutique, que vous
pouvez voir ici. Et en gros, ce sont
les pages dont nous n'avons pas besoin. Donc, une fois que vous avez
sélectionné ces pages, choisissons de les placer dans la corbeille
et cliquez sur Appliquer. Très bien, la prochaine chose que nous
devons supprimer concerne les produits, car nous n'allons pas utiliser les produits que ce modèle Started
a ajoutés pour nous Passons donc à tous les produits et voyons combien de
produits nous avons. Comme vous pouvez le constater, nous avons deux produits que
nous avons ajoutés nous-mêmes. Nous avons beaucoup de produits dont nous
n'avons pas vraiment besoin. Au total. Nous avons ajouté 12 produits à l'aide de
ce modèle Started. Et nous n'avons pas besoin de
ces produits, nous pouvons
donc les sélectionner
tous. Désélectionnons les produits
que nous avons ajoutés nous-mêmes. Très bien, allons-y. Et maintenant, nous pouvons cliquer
ici, déplacer vers la corbeille. Très bien, mettons
ces produits à la poubelle. Très bien, ensuite, assurons-nous que nous avons toutes les
catégories que nous avons
créées précédemment
et que nous n'avons pas
les catégories qui ont été ajoutées avec ce modèle Started C'est la catégorie que j'ai créée, celle-ci aussi. Celui-là,
celui-là, ce n'est pas une
catégorie que j'ai créée, nous pouvons
donc sélectionner
celle-ci, celle-là. Ces deux catégories ont donc été ajoutées avec ce modèle
Started. Et maintenant, nous pouvons cliquer ici, supprimer comme ça. Nous allons supprimer ces
catégories dans une seconde. Et en fait, nous n'en avons pas besoin
et nous l'avons classé, nous pouvons
donc également supprimer
celui-ci. Très bien, nous avons maintenant tous nos produits et nous
avons toutes les pages dont nous avons besoin Et voyons à quoi ressemble
notre site Web maintenant Je vais juste
ouvrir celui-ci dans un nouvel onglet et
voyons à quoi il ressemble. Très bien, nous
n'avons donc plus de catégories ici. En gros, nous n'avons rien
ici, mais nous allons
ajouter des informations plus tard. Très bien, si je peux
faire défiler la page vers le bas, comme vous pouvez le voir, nous n'avons aucun produit le
plus vendu parce que nous les avons tous supprimés. Et nous n'avons pas non plus de produits
tendance. Voyons quelles sont les pages que nous avons. Nous avons donc toutes les pages nécessaires. Nous n'avons
plus de doublons, et c'est tant mieux. Voilà pour cette leçon. Vous savez maintenant comment
supprimer tout le contenu de démonstration fourni avec un modèle
Started. À partir de là, nous
allons commencer à travailler sur notre contenu. Nous allons commencer à
ajouter nos images. Nous allons commencer à
travailler sur la page d'accueil. Et c'est essentiellement ici que
nous allons créer la forme finale de notre
site Web à l'aide d'Astra Theme Voilà, c'est tout pour cette leçon.
38. (5.3) Introduction à Elementor Page Builder: Très bien, nous avons donc supprimé
tout le contenu de démonstration et nous devons
maintenant commencer à
travailler sur les pages Au début,
certaines pages comportaient
Elementor à côté de la page Revenons donc à notre tableau de bord et
cliquons sur les pages ici. Sélectionnons toutes les pages. Ensuite, nous allons vous le
montrer très rapidement. Qu'est-ce que c'est ? Donc, comme vous vous en souvenez,
la page était à côté d'Elementor. Cela signifie donc essentiellement que cette page a été créée à
l'aide d'Elementor Nos
modèles de démarrage de plugins ont donc importé cette page, et cette page a été
créée à l'aide d'Elementor Comme vous vous en souvenez lorsque nous
avons créé ces pages, je vais simplement
ouvrir celle-ci dans un nouvel onglet et
passer à cette page. Pour créer cette page,
nous avons donc utilisé l'éditeur de texte WordPress. Nous avons utilisé certains
des blocs de Gutenberg situés
ici même dans la liste C'est ainsi que nous avons
créé cette page. Nous avons fait glisser certains
des blogs ici. Et c'est ainsi que
nous avons essentiellement créé cette page. Et Elementor est un
autre type d'éditeur. Donc, ici, nous avons un éditeur de texte
WordPress, et ici, nous avons
Edit with Elementor Donc, si je cliquais ici, je modifierais cette page à
l'aide d'Elementor au lieu d' utiliser l'éditeur de texte WordPress.
C'est comme ça que ça fonctionne. Très bien, donc je vais
fermer celui-ci plus tard. Nous allons modifier cette page
pour la rendre plus attrayante. Et pour l'instant,
comme vous pouvez le voir, toutes les autres pages,
comme la page des cartes, la page de
paiement,
juste des pages normales. C'est donc une page de panier. Il n'y a rien. Ensuite, il est écrit Elementor, mais notre page d'accueil
qui est la page d'accueil de notre site Web a été créée à l'
aide C'est donc ce qu'est Elementor. Il s'agit d'un constructeur de pages
utilisant Elementary, vous pouvez créer des pages bien plus
belles que celles que vous pourriez créer à
l'aide de l'éditeur de texte WordPress. C'est donc le but
de ces plugins. Maintenant, vous savez ce qu'est un mentor et nous devons maintenant
vérifier comment cela fonctionne. Revenons donc
à notre page d'accueil. Il s'agit de la page d'accueil
de notre site Web et cette page a été
créditée à l'aide d'Elementor Elementor n'est pas le seul plugin de création de
pages. De nombreux plugins de création de
pages
sont disponibles, comme
Beaver Builder, WP Bakery et d'autres Mais concentrons-nous maintenant
sur Elementor. Très bien, cliquons ici,
modifions avec Elementor
car cette page a été notée Et avant de commencer à
approfondir ce plugin, je voulais juste vous dire
que je
vous recommande vivement de créer chaque
page en utilisant elementary. Vous ne devriez pas vous concentrer sur la création chaque page à l'aide ce plugin, car cela pourrait
ralentir votre site Web. Bien sûr, il est possible
que cela se soit produit, mais il vaut mieux prévenir que
guérir. Donc, si vous utilisez Elementor, créez
simplement votre page
d'accueil à propos, peut-être d'autres pages, et ce sera
plus que suffisant Très bien, nous éditons maintenant
cette page où Elementor. Donc, comme vous l'avez dit vous-même, lorsque nous modifiions la page de l'éditeur de texte
WordPress, nous avions un panneau différent. Mais maintenant, lorsque nous modifions
cette page, toutes les informations
qui s'y trouvent via la
modification de cette page à l'aide du générateur de pages
Elementor de balises
WordPress n'existe donc générateur de balises
WordPress n'existe donc plus. Très bien, donc avant modifier notre page d'accueil
dans la leçon suivante, vous devez comprendre
comment fonctionne ce plugin, comment fonctionne ce générateur de pages Donc, sur le côté gauche,
nous avons des éléments. Nous avons donc différents éléments, tout comme nous l'avions fait avec notre éditeur de texte
WordPress. Il y avait des blogs, mais
ici, nous avons des éléments. Comme vous pouvez le voir, nous avons quelques éléments de base
tels que le titre, l'intersection,
l'éditeur de texte. C'est donc essentiellement le paragraphe. Nous avons des images, nous avons des vidéos, nous pouvons intégrer des vidéos, des
boutons, des espaceurs Le plus large est Google Maps, les icônes. Et ici, nous avons
quelques éléments professionnels, donc ils ne sont disponibles qu'avec une version payante d'Elementor, pas avec la
version payante d'Astra Theme, mais avec une
version payante d' Ce sont donc tous des
éléments verrouillés car ils sont fournis avec une version payante
de ce plug-in Elementor Et si je pouvais aller plus
loin, nous avons d'autres éléments. Ce sont trois éléments à utiliser. Et comme vous pouvez le constater vous-même, nous avons beaucoup d'éléments. Et d'après mon expérience
personnelle, je peux certainement vous dire qu'avec des
éléments gratuits, vous pouvez réellement créer de très
belles pages qui sont vraiment de belles
pages en fait Et vous n'avez pas vraiment besoin d'utiliser ces éléments de sonde car cela ne changera pas grand-chose. Même si ce plugin vous
propose une option pro, il y a de fortes chances que
vous n'ayez jamais besoin de l'utiliser. Très bien, donc ici,
sur le côté gauche, nous avons différents éléments Très bien, ce sont donc
tous les éléments. Si je devais aller ici, vous auriez vos éléments
préférés. Si je peux cliquer ici, éléments
globaux, comme vous pouvez le voir, doivent
être mis à niveau. Mais comme je l'ai dit, vous n'avez pas besoin d'une version payante pour créer
de belles pages Revenons donc aux éléments. Si je veux bien cliquer ici. Comme vous pouvez le constater, nous
avons certains paramètres, nous avons des paramètres globaux. C'est
à vous de les explorer si vous souhaitez effectuer quelques
ajustements via Style.
Ici, nous avons divers
autres outils de navigation. Et si je cliquais ici, nous pourrions voir notre page. Très bien, revenons en arrière. Et si je clique ici, comme vous pouvez le voir, c'
est là que j'en suis déjà là. Donc si je clique ici,
je cliquerai ici. Je passerais en revue l'
ensemble des éléments. Ce sont donc
des éléments ici. Très bien, ici, nous
avons d'autres paramètres. Ces paramètres concernent donc
l' ensemble de la page
elle-même, ici même. Nous n'avons pas besoin de
changer quoi que ce soit. Ici. Vous pouvez effectuer différents
réglages d'appariement et ainsi de suite. Et ici, nous avons
quelques outils avancés, mais ceux-ci ne concernent que
la version pro. Je ne change généralement
rien ici car tout est
aussi bon que par défaut. Très bien,
revenons donc à tous les éléments. Nous avons donc ici tous les
éléments pour ajouter un élément, il
suffit de le faire glisser et de le déposer
où vous le souhaitez. C'est ainsi que vous ajoutez des éléments. Sur le côté
droit, ici, nous avons un navigateur. Comme vous pouvez le voir sur cette page, cette page entière a été
créée à l'aide de sections. Comme vous pouvez le constater, voici le nombre de
sections que nous avons. Et si je veux bien monter, comme vous pouvez le voir, c'
est la première section. Cette section est même marquée
sur cette ligne bleue juste ici. Vous pouvez supprimer cette section. Vous pouvez apporter des modifications
à cette section, à l'ensemble de cette section
ici qui est marquée en bleu. Et vous pouvez apporter diverses
modifications à cette section. Comme vous pouvez le constater, nous avons modifié la
mise en page. Vous pouvez effectuer quelques
ajustements structurels dès maintenant La structure de cette section
est composée de deux colonnes, 50 par 50. Si je voulais passer au style, vous pouvez apporter divers ajustements de
style à cette section en particulier. C'est cette section
que nous avons sélectionnée. Cette section est marquée en bleu. Et si je devais passer à
Background Overlay, comme vous pouvez le voir, nous
avons cet ensemble d'images Voici donc l'image, c'est l'image que
vous pouvez à peine voir. Comme vous pouvez le constater, il existe
quelques ajustements d'opacité. Si je devais modifier cette opacité, comme vous pouvez le voir,
ces perspectives,
si je revenais en arrière, cela n'apparaîtrait pas tant que ça
et
c'est à cela que cela Voici donc la première section. Si je pouvais accéder aux
paramètres avancés ici, nous pouvons effectuer quelques ajustements de
mise en page, accord, afin que vous puissiez
modifier le remplissage Comme vous pouvez le voir, il change, il descend et monte. Si je devais changer cela
ici, comme vous pouvez le voir, il diminuerait et si je revenais en arrière, il s'agrandirait Voici donc la première section. Chaque section comporte
les mêmes réglages. Il a donc des ajustements de
mise en page réguliers, il a des ajustements de style. Et dans l'onglet Avancé, il
est un peu plus avancé, disons les ajustements de mise en page ou de
style. Très bien, si je cachais cette section ici,
elle disparaîtra tout simplement. Comme je vous l'ai dit, cette section était
marquée d'une ligne bleue. Il s'agit de la deuxième section. C'est donc la section qui
est également marquée en ligne bleue. Et comme vous pouvez le constater, si je
masquais cette section,
elle disparaîtrait. Démasquons ces
deux sections. Et parlons de la structure
de cette section elle-même. , cette section contient donc Comme vous pouvez le constater, cette section contient donc certains
éléments. Il y a donc un
élément d'image juste ici. Il comporte d'autres éléments ici. Donc, dans cette colonne, il y a un élément d'image, un élément de titre, un autre élément de titre avec du texte et
un bouton. Donc, comme je vous l'ai déjà dit, pour ajouter un élément à une
section ou à deux ou à une colonne, il
suffit de le sélectionner, faire glisser et de le déposer
comme ça. C'est donc ainsi que cela fonctionne. Si je voulais développer cette section, comme vous pouvez le voir, nous
avons deux colonnes. Ainsi, lorsque vous ajoutez des sections à une page à l'aide d'Elementor, vous pouvez choisir le nombre de colonnes que
vous souhaitez que cette section contienne Parce qu'avec
les colonnes, lorsque votre section est divisée en colonnes, il est beaucoup plus facile de travailler sur cette section et d'ajouter des informations. Comme vous pouvez le voir, il s'agit de la première
colonne, elle est marquée par cette ligne pointillée Et si je devais cliquer sur
cette colonne ici, elle est également marquée sur
cette ligne pointillée Si je masquais cette
colonne, elle disparaîtrait. Si je devais développer cette
colonne, comme vous pouvez le voir, comme je l'ai dit, elle contient
un élément image dans cette première colonne. Comme je vous l'ai déjà dit, une fois que vous cliquez sur cette section, une fois que vous cliquez sur une colonne, vous pouvez apporter des modifications
à ces éléments. Donc, lorsque j'ai cliqué ici, j'ai apporté divers ajustements
à l'ensemble de cette section. Si je cliquais sur
cette colonne ici, ici sur cette icône grisée, j'apporterais des modifications
à cette colonne. Uniquement. Si je cliquais sur
cette image elle-même. Je suis en train
de modifier cette image sur. Je n'apporte donc aucune modification
à la colonne ou à la section. Je modifie
uniquement cette image. Comme vous pouvez le voir,
il existe une structure lorsque vous cliquez sur
un certain élément, lorsque vous cliquez sur la colonne et que vous cliquez sur cette section,
vous apportez des modifications à la
colonne d'éléments que vous avez sélectionnée ou à cette section. Ces paramètres sont très similaires. Très bien, c'est donc
la colonne qu'elle contient, comme vous pouvez le voir sur l'image, si je clique sur cette colonne
et qu'elle s'agrandit, comme vous pouvez le voir, elle
contient plus de choses Il y a donc une image ici, il a un élément de titre, il a une zone d'image. Il s'agit donc d'une boîte
à images dotée d'un bouton. Très bien, c'est ainsi que
fonctionne Elementor. Tout d'abord, lorsque
vous modifiez votre page, vous ajoutez une section. Lorsque vous ajoutez une section, vous choisissez le nombre de colonnes que
vous souhaitez inclure
dans votre section. Une fois que vous avez ajouté cette section avec le
nombre de colonnes sélectionné, vous pouvez commencer à ajouter des éléments
de cette liste ici. Très bien, vous devez maintenant
comprendre comment cela fonctionne. J'espère avoir expliqué cela
d'une manière simple pour
comprendre, sacrément,
pour compliquer les choses, c'est Il vous suffit de sélectionner la
structure puis faire glisser les éléments que vous souhaitez utiliser dans cette section particulière. Une fois que vous avez ajouté
cette section, vous pouvez en ajouter une autre. Comme vous pouvez le constater,
nous avons de nombreuses sections. Et lorsque nous
travaillerons sur cette page d'accueil, nous supprimerons certaines
de ces sections et nous modifierons
d'autres sections. Très bien, mais avant de partir, je voulais juste vous montrer comment
ajouter une nouvelle section Vous pouvez donc soit cliquer
ici pour ajouter une nouvelle section, soit faire défiler la page vers le bas, bien
sûr, jusqu'à ce que
vous voyiez le bas. Et comme vous pouvez le voir, nous avons
la même fenêtre ici. Et nous pouvons commencer à travailler
sur cette section. Nous pouvons commencer à créer
cette section. Mais revenons en arrière et
commençons à apporter des modifications à cette section que nous sommes
sur le point de créer. Donc, une fois que vous êtes ici, vous devez cliquer sur
ce bouton Plus et, comme je l'ai dit,
sélectionner votre structure. C'est donc à vous de décider de
la structure que vous souhaitez utiliser s'il s'agit d'une
seule colonne, de deux
colonnes, de trois colonnes, quatre colonnes ou de toute
autre structure. Et dans ce cas,
choisissons deux colonnes. D'accord ? Comme vous pouvez le voir,
voici à quoi cela ressemble. Nous avons donc deux
colonnes, en gros, c'est la même
section, d'accord, c'est la même section sauf la section nouvellement créée
ne contient aucune information Par exemple,
passons à tous les éléments et essayons de
reproduire cette section Faisons donc glisser et
déposez l'image. Très bien, et maintenant pour
sélectionner une image, nous avons déjà sélectionné
ces éléments d'image Nous devons choisir l'image. Cliquez sur celui-ci, et voici notre médiathèque. Donc, si je devais utiliser du glyburide
ici et sur certains supports, c'est à
ça que ça ressemble, Et si
je souhaite modifier le rembourrage et marges pour
agrandir légèrement cette section, l'ensemble de la section
elle-même, je dois cliquer
ici Modifier la section, comme vous pouvez le voir, sur la ligne
bleue Et cela devrait
aller dans l'onglet Avancé. Et maintenant je vais juste
dissocier les dépendances. Et comme vous pouvez le voir, si je continue comme ça,
cette section s'agrandit. Ainsi, par exemple, conservons 70 et je vais également ajouter
70 en bas. Et cette section
vient de s'agrandir. Maintenant, ce que nous pourrions ajouter, nous pourrions ajouter un élément d'image
ici, comme ça. Et cette fois,
choisissons une image plus petite. Faisons donc défiler la page vers
le bas juste une seconde. Voyons voir, c'est l'
image que nous aimerions utiliser. Cliquez sur Insérer.
Et comme vous pouvez le voir, voici à quoi cela ressemble. Vous pouvez également modifier l'
alignement de cette image. Donc, si je clique ici, c'est
ce que nous obtenons. Si je devais accéder à tous les éléments, choisissons l'élément de titre. Et je vais juste le faire
glisser juste en dessous de cet élément d'image
et taper votre texte. Comme vous pouvez le voir,
vous pouvez créer des sections comme ça . Vous pouvez ajouter des éléments
aux sections. Et en gros, lorsque vous ajoutez
des sections à votre page, vous créez essentiellement une page. C'est aussi simple que cela. Ne pensez pas que c'est compliqué car vous n'avez qu'à
glisser-déposer des éléments. Donc, vous
commencez par cette section, puis vous choisissez le nombre de
colonnes que vous souhaitez avoir. Ensuite, vous commencez à ajouter
des éléments à cette section. Et une fois que vous avez ajouté
tous les éléments, vous pouvez effectuer certains ajustements,
tels que des ajustements de mise en page, des ajustements
avancés pour
jouer avec le style, pour jouer avec la mise en page. Et j'aime toujours dire qu'il ne faut pas avoir peur de tout
explorer vous-même pour vous habituer à
cet outil, à ce plugin. Parce que de cette façon, vous
allez apprendre à mieux
utiliser cet outil. Très bien, nous pouvons maintenant supprimer cette section car
nous n'allons pas l'
utiliser et vous savez maintenant
comment fonctionne Elementor Dans la leçon suivante, nous allons commencer à
modifier notre page d'accueil et nous allons créer
notre propre page au look unique Nous allons remplacer toutes
ces informations ici par nos informations
39. (5.4) Modifions la page d'accueil (Elementor): Dans cette leçon,
nous allons commencer à travailler sur notre page d'accueil. Et comme vous le savez probablement, la page d'accueil est une page
très importante car c'est essentiellement
la vitrine de votre boutique physique
et il est important de laisser une bonne première impression à
votre visiteur. Très bien, comme vous pouvez voir maintenant, les choses semblent
un peu différentes C'est simplement parce que j'ai
mis à jour le plug-in Elementor. Et maintenant, au lieu d'avoir cette ligne bleue juste ici
qui marque notre section, elle est maintenant de couleur violette. C'est donc probablement
le plus gros changement que nous ayons eu après la mise à jour de
ce plugin et de son absence. Je vous ai déjà parlé
dans la leçon lorsque je parlais de
thèmes et de plug-ins, il est important de
tout garder à jour, alors n'ignorez pas les mises à jour. J'ai essayé de
tout mettre à jour. Très bien, nous allons donc
travailler sur notre page d'accueil. Et lorsque je travaille
sur une page d'accueil, j'aime avoir mon plan pour la page d'accueil, en
gros la mise en page C'est donc ma couche que j' utilise
habituellement pour mettre
en forme les boutiques en ligne .
C'est la même mise en page
que j'utilisais lorsque je
créais des
boutiques en ligne pour les clients. Et la mise en page est assez simple. Voici donc la première section. Nous allons avoir une
première section où l'image du héros et le bouton
Cliquez pour cliquer sur le bouton d'action. Donc, en gros, nous avons
ici la même chose, qui va
apporter quelques modifications. Donc, en gros, nous avons
notre image de héros et nous
avons quelques textes et cliquez
pour cliquer sur le bouton d'action maintenant bien net. Et comme vous pouvez le voir ici, je prévois d'avoir
une autre section avec les produits les plus vendus Je vais donc vous montrer les
produits ici. Et après celle-ci, je vais
avoir une section qui
présentera certains des avantages
de ma boutique en ligne Je vais donc
proposer la livraison gratuite, des prix
bas, une livraison rapide. Je vais donc avoir
cette section ici. Après cela, je vais avoir
une section avec des catégories. Je vais donc vous montrer
les catégories que j'ai sur ma boutique en ligne. Je prévois d'inclure
uniquement quatre catégories. Et je vais avoir la dernière section qui
sera consacrée aux produits tendance Donc, au total, je prévois d'
avoir une ou 2345 sections. Si nous devions aller sur notre page d'accueil
que nous avons actuellement, la version actuelle,
comme vous pouvez le
constater, contient pas mal de sections. Lorsque je travaille sur des pages,
il faut d'abord commencer par identifier les sections que je
n'ai pas l'intention d'utiliser et celles que
je prévois de conserver, les sections
que je n'ai pas l'intention d'
utiliser et celles que
je prévois de conserver, les sections que je
n'ai pas l'intention d'utiliser. Bien sûr, je vais
supprimer ces sections. Très bien, je vais garder
cette première section. C'est ici que va
être mon autre section. Ce sera la troisième
section où je vais
présenter les avantages
de ma boutique en ligne. Donc je vais garder celui-ci, je vais garder ce produit le
plus vendu Et je vais garder
celle-ci également,
sauf que maintenant je vais
avoir quatre catégories. Comme vous pouvez le voir
ici, nous avons des catégories de nos produits. C'est en gros
le modèle qui comportait des catégories gratuites, mais maintenant nous allons
en avoir quatre. Nous allons donc apporter
quelques modifications mineures à celui-ci ici. Encore une fois, c'est à
vous de décider comment vous voulez donner à
votre page d'accueil, mais je vais juste
vous montrer comment je vais procéder, mais mon plan avec ma mise en page, donc je n'ai pas l'
intention d'utiliser cette section, donc je vais supprimer
celle-ci comme ça Je ne vais pas utiliser
celui-ci non plus. Je vais donc
cliquer ici. Et c'est ainsi que j'ai
supprimé cette section. Je vais garder la section des
produits tendance. Et quelle est la prochaine étape ? Je ne vais pas garder
celui-ci parce que je n'
ai pas encore d'
avis clients et je n'ai pas l'intention de l'utiliser
dans cette section
ici parce que cela
n'a tout simplement aucun sens. Il a été ajouté avec un modèle. Très bien, je vais donc
supprimer cette section. Et comme vous pouvez le voir, combien de sections
nous avons actuellement, nous sommes censés en avoir
cinq, 123456 Trouvons donc cette section
que nous n'allons pas utiliser. Ah oui, c'est la section. Cette image a donc été
ajoutée en tant que section. Supprimons donc celui-ci. Nous avons maintenant cinq
sections sur lesquelles travailler. Très bien, alors faisons en sorte avoir la structure recherchée La première section
sera donc celle
où l'image du héros est en place. Et comme je peux le voir, cette section est censée
se trouver en dessous de cette section des
produits les plus vendus Comme vous pouvez le voir, il s'agit de
la section et nous pouvons déplacer cette section vers le bas sous section des produits les plus
vendus. Très bien, maintenant nous nous
rapprochons. Très bien, alors voyons ce que nous devons changer d'
autre ? Nous avons donc
la première section, elle est en place. Cette section est en place. Nous avons également mis
en place la troisième section. Maintenant, nous sommes censés avoir des catégories et des produits
tendance Voyons donc ce que nous avons. Alors oui, nous avons des catégories. Ce seront nos catégories. Et ici, nous allons
avoir nos produits de formation. Très bien, voyons ce que
nous devons changer. Donc ici, je suis censé avoir quatre catégories au lieu
de trois catégories. Vous vous demandez peut-être
comment vous allez
ajouter une autre catégorie
ici. C'est simple. Cliquez simplement sur n'importe quelle
catégorie ici, sur n'importe quelle colonne, avec le bouton
droit de la souris, puis cliquez sur Dupliquer. Très bien, maintenant j'
ai quatre catégories. C'est donc ici que je vais
présenter mes catégories. Juste ici. J'ai plus de chroniques que je ne suis censé en avoir. Donc, ce que je vais faire, c'est simplement cliquer le bouton droit de la souris sur
cette colonne juste ici. Et je vais
supprimer celui-ci. Très bien, maintenant nous nous
rapprochons. Quelle est la prochaine étape ? Je ne veux pas avoir
cette image ici, alors je vais juste cliquer sur
le bouton droit de la souris et je vais la supprimer. Très bien, je vais faire
de même avec celui-ci. Supprimons-le, faisons défiler la page vers haut pour voir ce que
nous pouvons encore modifier. Très bien, donc je ne vais pas l'
utiliser ici, donc je vais cliquer sur Supprimer Ma première tâche est donc de trouver les choses que je
n'ai pas l'intention d'utiliser. Identifiez les sections que
je n'ai pas l'intention d'utiliser. Et je suis en train de parcourir les
sections elles-mêmes et j'ai
essayé de localiser les éléments que
je n'utilise pas également. Très bien, maintenant mon objectif est de travailler sur cette première section elle-même. Je veux donc changer
l'image ici. Et je n'aime pas cette image
car elle ne représente pas ma marque et mon objectif
est d'ajouter une image. J'ai donc plusieurs
façons de le faire. Mais au lieu de remplacer
cette image ici, je vais simplement ajouter
une image d'arrière-plan pour cette section elle-même. Je vais donc
cliquer ici. Et une fois que j'ai cliqué sur
ce bouton, j'apporte des modifications
à cette section. Ce sont donc
des ajustements ici. Et lorsque j'apporte des modifications, quel que
soit l'onglet utilisé, s'il s'agit d'une avancée du style de mise en page, je modifie l'ensemble de
cette section et non pas deux colonnes
ou éléments distincts, mais l'ensemble de cette
section ici même. Très bien, mon objectif est donc d'
ajouter une image d'arrière-plan. Ces modifications sont donc effectuées
ici et dans l'onglet Style. Et pour le moment, je veux ajouter une image d'arrière-plan pour
que, comme je peux le voir,
nous ayons une superposition d'arrière-plan D'accord ? Je ne veux pas utiliser cette superposition d'
arrière-plan, je vais
donc simplement supprimer
cette image ici Et changeons l'opacité car je n'ai pas du tout
l'intention d'utiliser cette superposition Et en fait, nous pouvons
désactiver cette superposition
en cliquant sur ce bouton
ici même sur ce pinceau Et maintenant je veux juste
ajouter une image d'arrière-plan. Très bien, je vais donc
cliquer ici. Je vais sélectionner Classique, puis je vais choisir Image. J'ai déjà téléchargé
quelques images, donc je ne voudrais pas vous faire perdre votre temps. Les images que j'utilise ici sont téléchargées depuis l'un des sites Web de Stock Photos que je vous ai montré précédemment. Très bien, c'est donc l'
image que je prévois d'utiliser. Je vais juste
sélectionner cette image et je vais cliquer sur Sélectionner. Très bien, donc ça
n'a pas l'air bien, comprenez, mais
soyez indulgent avec moi. Très bien, alors choisissons cette position qui sera
au centre, au centre À présent, nous allons choisir la taille de
l'écran. Cliquez donc sur Exécuter ici et choisissons la couleur. Alors maintenant, il couvre
cette section. Très bien. Maintenant, nous n'allons pas
utiliser cette image. Cliquez donc sur le bouton droit de
la souris, puis supprimons cette
image ici. OK, voilà à quoi ça ressemble. Très bien, maintenant, toute cette
section est un peu étroite. Je voudrais élargir un peu toute cette
section ici. Je vais donc cliquer
ici une fois de plus. Et maintenant je vais aller dans
les Paramètres avancés. Très bien, comme vous pouvez le voir, nous avons quelques ajustements de rembourrage Donc si je dois avancer comme
ça, d'
accord, je vais
faire ce 1145 Et je vais également changer
le bas à 145. Et c'est un peu plus grand en ce moment. Donc pour l'instant, je vais juste
remplacer le texte ici. Je vais ajouter certains de mes textes
disant que c'est un magasin de jouets, et j'ajouterai une brève
description de mon magasin de jouets. C'est donc exactement
ce que je vais faire. Très bien, je viens d'ajouter mon texte et voici à quoi il ressemble Encore une fois, votre situation est
probablement complètement différente, alors ce sera à vous de décider
ce que vous voulez inclure. Mais j'aime généralement inclure quelque chose d'intéressant et de drôle. Et maintenant, voici à quoi ça ressemble. Très bien, quelle est la prochaine étape ? Très bien,
voici le bouton
et nous devrions apporter
quelques modifications car je n'aime pas le style
de ce bouton Cliquez simplement sur le
bouton situé ici. Et comme vous vous en souvenez, tous les réglages liés au style
peuvent être effectués ici. Mais Lanka aime toujours
dire qu'il ne faut pas
avoir peur de tout explorer soi-même et d'essayer différents
réglages pour voir ce qui vous
convient le
mieux et n'ayez pas peur car tous les
changements sont réversibles. Très bien, passons
aux réglages de style et je pourrai ajouter la couleur Je peux changer la
couleur de ce bouton. Donc, si je clique ici, je peux choisir la
couleur et j'ai préparé
une couleur pour
moi et j' en ai une à l'avance. Comme vous vous en souvenez, nous avions cet outil de refroidissement qui génère des
couleurs, des couleurs assorties J'ai donc
copié cette couleur dans ma note, et je vais juste coller
ce code ici. Et comme vous pouvez le voir,
voici à quoi cela ressemble. Je trouve que ça a l'air plutôt bien. Et maintenant, ce bouton a l'air bien, mais il n'est pas fonctionnel. Très bien, donc si je pouvais aller
ici, comme vous pouvez le voir, lien est dit « hashtag » et
cela signifie simplement qu'il est inactif Ajoutons donc un lien
vers ce bouton. Donc, une fois que notre visiteur
clique sur ce lien, je veux qu'il accède à tous
les produits que je possède. Donc, en gros, pour une page nette. Donc, pour trouver la page de votre boutique, il vous suffit de vous rendre sur votre site Web. Donc dans mon cas, c'est
Bacon avocados.com. Et je peux vous dire que
la version par défaut de
la page de la boutique est
censée être Slash Shop C'est donc exactement ce que
je vais saisir. Et appuyons sur Entrée et
voyons s'il s'agit de notre page de boutique. Très bien, c'
est donc notre avantage. Et comme vous pouvez le voir,
le permalien indique qu' au lieu de sharp, il
indique sharp dash T2 Cela signifie donc que nous devons apporter
quelques modifications à cette page. Comme vous vous en souvenez, nous devons accéder à notre
tableau de bord et il s'agit d'une page Nous devons
donc apporter
des modifications à une page. Donc, si je devais accéder à des pages, je sélectionnerais toutes les pages. Bien sûr, ce n'est pas crucial
ou quoi que ce soit d'autre, mais j'aime donner une belle
apparence professionnelle
et je ne veux pas que quelque chose
paraisse peu professionnel Donc, à mon avis, le fait d'avoir ce numéro deux à
la fin de cette page n'a tout simplement pas l'air bien. Peut-être que dans votre cas, ça ne
va pas apparaître comme ça. Mais disons que si cela doit apparaître comme ça, nous pouvons apporter des modifications. Comme vous vous en souvenez, nous avons notre page de boutique, et voici notre page de boutique. Il indique même qu'il est
configuré pour afficher des produits. C'est donc écrit page de la boutique. Cliquez donc sur Modifier rapidement
et voyons ce que nous avons. Très bien, nous avons la limace qui dit
que c'est Sharp Dash 2. Nous pouvons donc supprimer la fin de ce slug et le
garder tel quel Et cliquez sur Mettre à jour. Maintenant, nous pouvons cliquer sur Afficher
et ça a l'air bien. Il ressemble à ce qu'il est
censé être. Très bien, mais juste au cas où
vous rencontreriez des problèmes, je sais que cela m'est déjà
arrivé par le passé Une fois que vous avez cliqué sur Afficher, vous pouvez constater qu'il s'agit
simplement d'une page vide. Donc, si cela vous arrive, solution à ce problème est d'accéder
au tableau de bord. Vous devriez accéder à vos
pages une fois de plus. Ensuite, vous devez cliquer
sur cette page ici, Modifier, puis vous
devez cliquer sur Aperçu. Très bien, cliquons sur Aperçu et un nouvel onglet et tout
devrait fonctionner Si cela ne vous aide pas, je vais vous montrer
une autre solution. Vous devez accéder à votre tableau de bord. Tu devrais aller ici et tu devrais cliquer sur Burj, tout en espèces Et cela devrait
résoudre votre problème. Je ne dis pas que cela
va vous arriver, mais si cela vous arrive,
vous saurez comment résoudre ce problème et vous ne devriez pas
avoir ce problème. Je sais que cela
m'est arrivé une fois dans le passé et je connais une personne qui pourrait m'aider
à créer une boutique en ligne. Cela s'est produit également. Je voulais donc simplement vous montrer comment vous pouvez résoudre ce problème, mais cela ne signifie pas nécessairement que
cela vous arrivera également. Très bien, maintenant passons
à Toutes les pages une fois de plus. Et tout ce que nous voulons faire, c'est connaître l'URL
de notre Sharp Edge. Cliquez donc sur Afficher
une fois de plus. Nous pouvons maintenant copier
cette URL
ici car nous allons l'utiliser
pour nos boutons. Maintenant, nous pouvons fermer
cette fenêtre et revenir à notre
bouton ici. Pour le moment, il est inactif, mais une fois que nous avons basé notre URL sur notre sharp,
il devient actif. Très bien, maintenant nous en avons terminé
avec cette section ici. Mais avant de passer à la section
suivante de notre page, assurons-nous que tout s'affiche parfaitement
sur les autres appareils, pas seulement sur un appareil de bureau, mais également sur des appareils mobiles
et des tablettes. Donc, si je clique ici, en mode
réactif, je peux choisir si je veux vérifier à quoi cela va
ressembler sur un appareil mobile. D'accord, ça a l'air bien, mais c'est difficile de lire les textes Nous devons donc apporter
quelques modifications à cette section
ici même une fois de plus. Mais maintenant, lorsque nous apportons
ces modifications ici, nous ne modifions la version mobile
de notre site Web. Très bien,
revenons au Style et nous pouvons maintenant sélectionner notre image Nous allons donc sélectionner notre
image une fois de plus. Ce sera
la même image. Cliquez donc sur Sélectionner. Et maintenant, nous devons
changer de position. Alors sélectionnons la position
et choisissons le système. D'accord ? Maintenant, jouons
avec cet axe. Très bien, donc je
vais juste m'en tenir à zéro. Déplaçons celui-ci vers la
gauche et ça ressemble à ça. Très bien, maintenant c'est logique, ça a l'air bien mieux OK, assurons-nous qu'il s' affiche également bien sur les tablettes. Sur les tablettes, ça a l'air bien. Nous pouvons donc le garder tel quel. Nous n'avons pas vraiment besoin d'apporter de
modifications ici. Très bien, revenons à la vue de
bureau et très bien, faisons défiler la suite vers le bas Nous avons donc la section des
produits les plus vendus ici. Et en fait, nous n'allons pas apporter trop de modifications
à la dissection parce que c'est une section
assez simple Et notre objectif principal est de modifier le
remplissage de la marge de cette section car,
comme vous pouvez le constater, elle est un peu trop faible par rapport
à cette section ici Donc, si je cliquais ici, j'apporterais des modifications à l'ensemble de
cette section ici. Passons donc aux paramètres
avancés. Et comme vous pouvez le voir, le rembourrage en haut est réglé sur 140 et
passons à 90 Voyons à quoi cela
ressemblera lorsque nous allons régler
celui-ci à 90. Et je trouve que ça
a l'air bien mieux. Et quelle est la prochaine étape ? Nous devons maintenant
présenter nos produits. Cliquons donc sur cette
zone marquée en gris. Et comme vous pouvez le voir maintenant,
nous avons ce code court. Il indique que les produits Il ne s'affichera
donc
que pour les produits, et il s'affichera sur les quatre colonnes et les fonctionnalités de
visibilité. Il va donc afficher les produits
en vedette et je vais vous montrer comment vous
pouvez présenter vos produits. Et il est dit qu'
il va prendre des produits de la
catégorie des produits alimentaires. Comme vous vous en souvenez,
cette catégorie n'
est venue que de notre modèle de départ, et nous avons maintenant catégories
différentes de celles qui
l'accompagnaient. Revenons donc une fois
de
plus sur notre site Web et
vérifions nos catégories. Quelles catégories avons-nous ? Passons donc au tableau de bord
et passons aux produits. Nous allons sélectionner les catégories.
Et comme vous pouvez le voir, sont
les catégories que nous avons . Tout ce que vous avez à faire est copier les catégories que
vous souhaitez utiliser. Donc, par exemple,
je vais copier cette catégorie
ici, juste un slug Et je vais retourner
à notre page d'accueil ici, et je vais coller
cette catégorie ici à la
place des produits d'épicerie. C'est la catégorie
que je vais utiliser. Et maintenant, une fois que nous avons tout enregistré
et que
nous avons configuré cela, nous voulons afficher
certains produits. Je vais vous montrer comment
procéder ultérieurement. Nous allons
afficher uniquement les produits de la catégorie « susceptible d'attirer ». Vous pouvez ajouter d'autres catégories, il vous suffit de taper une virgule
et d' ajouter une autre
catégorie. Juste une seconde. Faisons en sorte que je
ne me trompe pas. Passons à celui-ci ici. Et comme vous pouvez le constater,
toutes les catégories sont séparées par des virgules Ainsi,
vous pouvez ajouter d'autres catégories. Travaillons maintenant sur cette section, sur cette partie ici. Réparons les deux pièces
pour les produits en vedette. Encore une fois, ajoutons des jouets en bois. Et maintenant, ajoutons
une autre catégorie. Donc je vais juste copier la catégorie
costumes Ryan ici, je vais revenir en arrière
et je vais
coller cette catégorie
ici. D'accord ? Et juste comme ça, je peux ajouter
d'autres catégories. Disons que je pourrais aussi ajouter des jouets de
bain. Donc je vais juste
copier ce slug pour revenir à cette
fenêtre juste ici Je vais ajouter une virgule. Je vais créer un espace et je vais également coller
cette catégorie. Maintenant, dans les produits tendance,
nous avons défini trois catégories. Et une fois que nous l'avons sélectionnée, nous voulons que les caractéristiques de nos produits soient sélectionnées ici à partir de
ces catégories. Et comme je l'ai dit plus tard, je vais vous montrer comment
procéder et ces produits seront
affichés ici. Si tu veux bien retourner ici. Maintenant, nous n'avons dans cette partie que des produits
de la catégorie jouets en bois. Ainsi, une fois que nous avons sélectionné que nous voulons figurer deux fois dans cette catégorie, dosez deux fois et les
magasins appartenant à cette catégorie seront
affichés ici. Dans les étapes ultérieures, nous
allons modifier
ces ajustements. Mais pour l'instant, je pense que
tout va bien. Nous en avons donc terminé avec
la deuxième section également. Comme vous vous en souvenez, il s'agissait notre deuxième section et elle contient
quatre produits à exposer. Plus tard, je vais ajouter
d'autres produits en fait, je vais juste
dupliquer certains produits juste pour vous
montrer comment cela fonctionne. Dans votre cas, vous ajouterez vous-même tous
vos produits et vous pourrez jouer avec ces ajustements. Très bien, revenons en arrière et
jouons , pas jouons. Travaillons sur cette
section ici. Donc, dans cette section, je vais vous
montrer que nous
offrons la livraison gratuite. Et je prévois d' offrir la livraison gratuite pour
les commandes supérieures à 50€. Donc, tout ce que j'ai à faire
ici est de taper zéro. Très bien, maintenant c'est bon. Et quoi d'autre, quoi d'autre ? Vous avez l'intention de mettre
en valeur ces énormes économies ? Très bien, je vais juste faire d'
énormes économies parce que je prévois d'
avoir des prix bas, donc c'est fondamentalement
pareil et des livraisons rapides Donc, à côté de la livraison gratuite, je vais inclure la livraison
rapide. Je vais donc simplement remplacer
ce texte ici. Je vais ajouter la livraison rapide. Très bien, je viens de modifier le texte et comme vous pouvez le voir maintenant, je dis que je propose la livraison gratuite, la livraison
rapide, d'énormes économies Mais encore une fois, dans cette
partie entièrement consacrée à
l'édition, les informations que vous souhaitez
inclure dépendent de vous. C'est comme dans mon cas, j'aime offrir la livraison
gratuite pour les commandes supérieures, disons 50$. Et je me concentre généralement
sur la livraison rapide, ce sont généralement des produits dans les
24 heures, si c'est possible. Et je ne facture généralement pas cher mes clients pour les produits. Je ne suis pas trop gourmand. Mais encore une fois, c'est à vous de décider de la
manière dont vous voulez procéder, voie
que vous voulez suivre. Mais je voulais juste
te montrer que c'est
comme ça que tu peux le faire. Et tous les réglages,
tous les textes qui s'y trouvent, tout ce qui
s'y trouve dépendra de vous. Mais comme vous le savez, nous nous entraînons en ce moment. Votre travail final sera
donc probablement
différent du mien. Très bien, alors maintenant à quoi
ressemble ce module complémentaire ? Comme vous pouvez le voir, cette
icône ne signifie pas qu'elle
indique une livraison rapide. Nous pouvons donc remplacer cette icône. Si je devais cliquer sur cette icône
ici, comme vous pouvez le voir, j'ai quelques options
pour cette icône. Je peux donc cliquer sur la bibliothèque d'icônes et rechercher Expédition. Très bien, je pense que
cette icône va fonctionner. Et je vais
sélectionner cette icône. Je vais cliquer sur Insérer. Très bien, maintenant c'est logique. Mais maintenant je n'aime
pas l'apparence de cette section. Il fait trop sombre, c'est juste que
ça n'a pas l'air très beau. Mais mon design général, je vais
donc cliquer
ici pour apporter des
modifications à l'ensemble de cette section. Et les ajustements de style sont
effectués ici, si vous vous en souvenez, et comme vous pouvez le voir, nous
avons la couleur de fond. Il fait un peu trop sombre. Je veux le changer et le
rendre de la
même couleur que celui-ci. Je vais donc prendre
l'échantillonneur de couleurs. Je vais cliquer ici, et je pense que je vais
utiliser cette couleur. D'accord, ça a l'air bien mieux. Et maintenant, quelle est la prochaine étape ? Que pourrions-nous faire ensuite ? Nous pourrions modifier ces colonnes, le style de ces colonnes
parce qu'elles sont trop sombres. Très bien, cliquons
sur cette colonne. Bien sûr, nous pouvons cliquer sur le bouton droit de la souris et
nous pouvons cliquer sur Modifier la colonne. Et comme vous le savez, les ajustements de style sont effectués dans
cet onglet ici même. Et maintenant, il est activé
en tant que superposition d'arrière-plan. Je vais donc développer celui-ci. Et comme vous pouvez le voir,
il est réglé sur 0,9. Et si nous le déplaçons un peu vers la gauche, c'est 0,4. Je trouve que c'est plus beau, mais maintenant notre icône
n'est plus très belle. Il est difficile de voir ce que c'est. Cliquez sur cette icône. Passons à Style et nous
pouvons changer la couleur. Donc, si j'utilisais un sélecteur de couleur, je pense que je pourrais choisir cette couleur. Voyons à
quoi ça va ressembler. D'accord, ça a l'air bien mieux. OK, continuons comme ça. Et je vais faire de
même avec Discount. Je peux donc cliquer ici. Et je peux aller chez Style. Et comme vous vous en souvenez,
Background Overlay et réglez-la sur 0.4 Alors oui, juste comme ça. Très bien, je vais donc
cliquer sur cette icône. Je vais aller chez Style. Je vais choisir la couleur. Je vais sélectionner un échantillonneur
de couleurs. Je vais choisir
cette couleur d'os et voici à quoi il ressemble. OK, je vais faire de même. Je peux donc cliquer ici
ou cliquer sur bouton droit
de la souris Modifier la colonne. Et je peux aller chez Style. Et encore une fois, Background
Overlay 0.4. Oui Et changeons la
couleur de cette icône. Très bien, changeons
la couleur ici. Choisissons-le comme ça. Et boum, voilà à quoi ça ressemble. Très bien, maintenant j'ai l'impression que
ça a l'air beaucoup mieux. Comme je vous l'ai déjà dit, n'ayez pas peur de
tout explorer vous-même
car
vous apprendrez ainsi à utiliser
Elementor en grande quantité. Très bien, alors quelle est la prochaine étape ? Je prévois maintenant de présenter
mes catégories ici. Très bien, alors comment
vais-je m'y prendre ? Ce sont des calculs très simples. Ma première mission est de
modifier le texte ici. Donc je vais juste
taper qu'il s'agit jouets
en bois ici. Jouets Montessori, jouets éducatifs et
jouets pour le bain. Et ici je vais
ajouter quelques textes. Comme vous pouvez le voir, une fois que
j'ai cliqué sur cette section, pas sur la section, mais sur cet
élément ici même, je peux cliquer sur cet
élément lui-même. Je peux cliquer ici. Comme vous pouvez le voir, je
peux modifier le titre. Le titre est ici, descriptions des fruits frais de la
ferme. Donc, au lieu d'utiliser ces descriptions
ici et les titres, je vais ajouter les miennes
pour représenter mon stock, pour représenter mes catégories. Très bien, comme vous pouvez le voir, je remplace le texte et maintenant il
représente en quelque sorte ma marque, mon entreprise, ma boutique en ligne Nous ne l'avons donc pas encore fait
parce que nous
avons des images ici qui ne
correspondent pas à ce que
nous disons ici. Pour remplacer l'image,
cliquez ici pour modifier l'ensemble de cette
colonne elle-même. Passons au Style,
puis à la superposition d'
arrière-plan Il est probablement configuré pour la superposition
d'arrière-plan. Oui, ça l'est. Cliquons donc sur cette
image et sur les jouets en bois. Je vais donc utiliser cette image et je vais simplement
cliquer sur Tout sélectionner. D'accord, ça a l'air
bien, n'est-ce pas ? Et faisons de
même avec celui-ci. Alors cliquons ici. Passons au Style,
puis à la superposition d'
arrière-plan Cliquez sur cette image. Et maintenant, sélectionnons
celui-ci ici. Très bien, cliquez sur Sélectionner. D'accord, ça a l'air bien. Et faisons de même
avec le troisième. Et passons au style. Choisissons l'image. Et cette fois,
l'image sera celle-ci. Cliquez sur Sélectionner. OK, juste une seconde. Pourquoi il n'est pas mis à jour. Encore une fois. Passons à cette image. Essayons peut-être celui-ci. Cela ne permet pas d'économiser pour une raison ou une autre, mais c'est censé économiser. Très bien, cliquons
ici encore une fois. Remplaçons cette image ici. Choisissons l'image. Celui que j'ai l'intention
d'utiliser. Juste une seconde. Choisissons celui sur lequel nous
voulons travailler sur notre positionnement. Pour une raison ou une autre.
Ce n'est pas une mise à jour, mais ne vous inquiétez pas à ce sujet. Tu vas régler
ça tout de suite. Très bien, alors pour l'instant,
gardons les choses telles qu'elles sont. Et nous allons travailler sur la dernière colonne
qui se trouve ici. Passons à Style et à la superposition d'
arrière-plan, puis choisissons l'image Cette fois Ce
sera l'image que je veux utiliser. Très bien, maintenant ça marche. Notre objectif est donc maintenant de réduire légèrement
cette image. Très bien, alors maintenant,
choisissons la position. Sélectionnez Personnalisé. Et jouons avec
cet axe ici. Et je trouve que ça a l'air bien. Très bien, essayons encore une fois de travailler là-dessus ici Très bien, assurons-nous d'avoir sélectionné l'image. D'accord, cela ne fonctionne pas, mais ne vous inquiétez pas à ce sujet Parfois, de telles
choses peuvent se produire, mais cela ne signifie pas que nous
ne serons pas en mesure de résoudre ce problème . D'accord, avant d'apporter des modifications, assurons-nous que
tout fonctionne
bien sur les autres appareils Très bien, cliquons ici. D'accord, ça n'a pas l'
air très beau. Mais encore une fois, nous serons
en mesure d'apporter des modifications. Très bien, cliquons ici. Je termine sur une tablette. Tout va être parfait. Comme tu peux le voir,
tout va parfait sauf peut-être venir ici. Nous pourrions apporter quelques modifications. Comme vous pouvez le voir en ce moment, cela s'affiche comme ça
et ça n'a tout simplement pas l'
air très beau. Nous pourrions tout
afficher sur une seule ligne. Allons-y donc directement, et passons aux paramètres
avancés ici. Et juste une seconde. Si tu veux jouer avec
le bas. Maintenant, ça n'aide pas alors revenons en arrière. Gardons-en 225. Des choses comme ça se produisent donc. Et parfois, lorsque vous
créez un site Web,
tout tourne autour de la résolution de problèmes, mais ne vous inquiétez pas à ce sujet Nous pouvons résoudre ce problème. Donc, si vous apportez des modifications à la section et
que cela ne vous aide pas, les choses ne
changeront pas comme vous le souhaitez. Ils étaient en train de changer. Cela signifie donc que votre deuxième option est de commencer à apporter des modifications deux colonnes avant de procéder à des
ajustements, par exemple, non pas sur des colonnes mais sur deux éléments. Vous devez donc d'abord apporter des modifications à
cette section ici même. Et si cela ne
vous aide pas, allez dans la
colonne juste ici. Et c'est exactement
ce que nous allons faire. Euh, sélectionnons la
première colonne ici, et passons aux ajustements de
mise en page. Changeons donc la
taille des colonnes au lieu de 50. Faisons-le,
disons 100, faisons-en 100. Très bien, alors passons à 100. Passons également à cette
chronique. Et au lieu de 50, faisons-en 100 également. Et je pense qu'elle
sera bien meilleure que la version
précédente. D'accord, 100, c'est bien. Et maintenant, nous devons faire
de même avec celui-ci. Très bien, passons aux réglages de la mise en page et
définissons-la sur 100 Très bien, passons à 100. Et maintenant, tout
semble beaucoup mieux. Très bien, nous avons maintenant apporté quelques
modifications à
la version de bureau Comme vous pouvez le constater,
la version de
bureau est restée la même malgré
quelques modifications apportées à la tablette. Et maintenant ça a l'air bien sauf cette image est
ici la même. Nous allons donc régler
ce problème un peu plus tard. Passons à la tablette. Faisons en sorte que
tout soit parfait. Très bien, tout a l'air parfait. Passons à l'affichage mobile. Très bien, et vue mobile, ça a l'air bien aussi. Mais pour l'instant, juste une
seconde, faisons défiler la page vers le bas. Comme vous pouvez le voir ici, nous avons quelques problèmes avec nos catégories. Donc, avant d'ajouter des URL
à ces boutons, assurons-nous que tout affiche correctement sur chacun des y. Donc, ce que nous voulons faire ici, c'est
cliquer ici. Passons maintenant aux ajustements de
mise en page. Et juste une seconde. Passons maintenant à l'onglet Avancé. Et ici, nous devons faire
quelques ajustements de rembourrage. Très bien, juste une seconde. Faisons celui-ci. Continuons simplement. Continuons à monter. C'est juste trop pour le moment. Très bien, passons à
60 et ça n'a toujours pas l'air très beau. Mais encore une fois, pas de soucis. Comme je l'ai dit, parfois, lorsque
vous créez un site Web, tout tourne autour de la
résolution de problèmes Alors évidemment, notre prochaine étape consiste à dissocier les valeurs
et voyons ce que
nous pouvons obtenir si vous
voulez et voyons ce que
nous pouvons obtenir si vous apporter quelques ajustements en bas
à droite. Donc, si je dois
continuer à augmenter cette valeur
ici, comme vous pouvez le voir, cette colonne s'agrandit et je pense que je vais la maintenir
à 160. Et je vais faire à peu
près la même chose pour chaque colonne. Mais avant cela, je veux juste m'assurer que cette image
est correctement positionnée. Comme vous vous en souvenez, les modifications relatives à deux images et quelque chose comme ça, je les ai apportées
ici et dans l'onglet Style. Et comme vous vous en souvenez, nous avons placé cette image ici. Il a donc été défini comme superposition
d'arrière-plan. Et assurons-nous que nous
avons le même ensemble d'images. C'est donc l'image que
nous voulons utiliser. Cliquez sur Sélectionner, puis
choisissons la position. Nous allons donc choisir Personnalisé. Et maintenant, changeons cet axe, gardons-le, celui-ci comme zéro. Et apportons des modifications
à celui-ci. Très bien, maintenant, tout
semble beaucoup mieux. Très bien, nous devons maintenant
modifier cette colonne ici Cliquons donc ici et passons à Avancé. Et comme vous vous en souvenez, tout d'
abord, nous avons tout réglé à 60. Faisons donc de même ici. Assurons-nous d'
avoir défini la valeur sur 60. Dissocions les autres valeurs. Maintenant,
les réglages inférieurs sont censés être de 160. De cette façon, nous allons corriger chaque colonne ici, et tout sera
parfait. Très bien, donc au lieu de 100/6, assurons-nous que c'est la Et maintenant, une fois de plus, nous pouvons apporter des modifications à l'image. Passons donc à la superposition
d'arrière-plan. Faisons en sorte
d'avoir la même image ici, au cas où
elle disparaîtrait. Et maintenant, nous devons
changer de position. Nous allons donc sélectionner
Personnalisé ici. Et comme vous vous en souvenez, nous devons modifier
les chiffres ici. Et je trouve que ça a l'air bien.
Je trouve que ça a l'air bien. Et nous pouvons faire de même
avec un jouet éducatif. Cliquez donc sur les jouets éducatifs ici et l'image est définie. Alors encore une fois. Essayons encore une fois. Essayons de placer cette
image ici. Voyons si cela
va changer. Maintenant, ça ne change pas. Mais comme je vous l'ai déjà dit, je vais vous montrer comment
prendre une décision. Très bien, maintenant notre objectif
est de changer le rembourrage. Donc, comme la dernière
fois que nous l'avons défini sur 60, assurons-nous qu'il est également réglé sur
60, pour chaque valeur. Nous pouvons maintenant dissocier les valeurs et maintenant nous pouvons réellement
définir celle-ci sur 160 Donc, au lieu d'
augmenter le nombre, je vais simplement en ajouter un, et maintenant il est fixé à 160. Très bien, maintenant
travaillons sur cette dernière colonne. Vous voyez que dans mon cas, cette image ne change pas, mais je vais vous montrer comment
résoudre ce problème. Peut-être que dans votre cas, tout
ira bien et
que vous voulez apporter des modifications. Mais dans mon cas, comme vous pouvez le constater, nous
avons quelques bugs. Très bien, sélectionnons
la dernière colonne ou, par année, passons à l'onglet Avancé Et comme vous vous en souvenez, nous devons avoir 60 pour
chacune de ces valeurs. Nous devons donc ajouter 162 pour
chacune de ces valeurs. Et maintenant, ça a l'air bien mieux. Dissocions celui-ci et
le bas est censé être 116. OK, maintenant tout
a beaucoup plus de sens.
40. (5.5) Modifions la page de conception (Elementor): Dans cette leçon, nous allons
créer notre page de contact. Nous en avons donc terminé
avec notre page d'accueil. Plus tard, nous allons faire
quelques ajustements de style, mais ces
ajustements de style seront effectués globalement pour ce site Web. Ces ajustements seront donc
effectués non seulement sur la page d'accueil, mais également sur toutes les autres pages. Nous pouvons maintenant fermer cette mise en page. Comme je l'ai dit, nous en avons
terminé avec notre page d'accueil et faisons défiler la page vers le bas jusqu'
à notre page de contact. Voici donc notre page de contact. Voilà à quoi ça ressemble. Et ça n'a pas l'air bien parce qu'il ne contient
aucune information. Mais nous allons
changer cela tout de suite. Nous pourrions donc ajouter certaines informations de contact telles que nos numéros de téléphone, nos icônes de réseaux
sociaux et peut-être votre adresse si
vous avez un magasin physique, mais si ce n'est pas le cas,
ce sera à vous de décider quelles informations
vous souhaitez inclure. Et bien sûr, j'ai l'habitude d' inclure un formulaire de contact
demain sur la page de contact. Ainsi, mes clients intelligents Wooster peuvent facilement me laisser un message sans avoir à accéder à leur boîte de réception et à m'
envoyer un message Très bien, ce que nous
voulons faire maintenant, accéder à notre tableau de bord et je veux que vous
installiez un plugin Ce plugin sera
utilisé pour ajouter des formulaires. Passons donc aux
plug-ins ici, puis cliquons sur Ajouter un nouveau. Et le plugin que vous souhaitez
rechercher s'appelle Fluent Forms. Très bien, c'est donc le
plugin que nous voulons utiliser. J'utilise ce
plugin depuis un bon moment et je sais
qu'il fonctionne bien Très bien, cliquons sur Activer. Et maintenant, avant de
créer notre premier warm, je vous recommande de
supprimer un plugin
fourni avec nos modèles de démarrage
avec notre thème Astra Et ce plugin
s'appelle WP Forms. C'est également une très bonne
option pour créer des formulaires, mais elle est très limitée et il y a de fortes chances
que vous deviez
acheter un forfait payant juste pour bénéficier de toutes les fonctionnalités
de ce plugin. Très bien, nous désactivons ce plugin et
nous pouvons maintenant cliquer sur Supprimer Cliquez sur Supprimer. Et maintenant, notre plugin pour la grippe et
les formulaires est actif. Donc, pour trouver nos formulaires, nous devons aller ici. Et ce que nous voulons faire dès maintenant, c'est aller ici, nouveau formulaire, et nous allons
créer un nouveau formulaire de contact. Ce sera un formulaire de
contact aussi simple et direct. Nous allons donc utiliser ce formulaire, nous allons utiliser
ce modèle. À présent, c'est à
vous de décider quels champs vous
souhaitez inclure. Mais j'aime généralement n'
inclure que le champ du nom. Je n'aime pas
inclure le nom de famille. Et bien sûr, comme vous pouvez le constater, nos utilisateurs auront la possibilité d' ajouter leur
prénom ou non, mais ils devront ajouter leur adresse e-mail
et leur message C'est simplement parce que c'
est ainsi que les choses fonctionnent, parce que vous
devrez y répondre. Très bien, nous avons déjà
ce formulaire, mais nous devrions y apporter quelques modifications Nous pourrions changer le style de ce bouton et
nous pourrions changer la couleur de ce
bouton en
accédant aux paramètres avancés. Non, pas le
bouton Paramètres avancés, mais le bouton Soumettre. Et nous devrions aller au
style du bouton et sélectionner Couleur. Très bien, donc si nous allons
sélectionner le style connu, si vous allez
sélectionner le bouton rouge Et oui, je pense que la couleur
rouge ira bien avec notre thème,
mais avec notre style. Et si ce n'est pas l'
option que vous souhaitez utiliser, vous pouvez utiliser n'importe quelle autre option
qui vous convient. Je vais choisir le rouge et
je trouve que ça va bien. Donc, avant de sauvegarder cette formule, assurons-nous d'
en avoir terminé. Très bien,
restons sur cette page. Cliquez sur Enregistrer. Et avant de laisser cette température chaude, faisons quelques
réglages ici. Donc, comme vous pouvez le
voir, les paramètres de confirmation, une fois que notre visiteur
souhaite que notre client ou client
potentiel
saisisse un message et qu'il nous envoie un message. Il va voir ce message. Merci pour ton message. Nous
vous contacterons sous peu, d'accord, afin que nous puissions le garder
tel quel , ici,
notifications par e-mail Vous
souhaitez donc être averti dès qu'un client vous
laisse un message. Activons donc celui-ci. Et maintenant, nous devons faire quelques
ajustements ici même. Elles sont très importantes. Et si vous voulez y aller directement
, envoyez deux e-mails. C'est donc à vous de choisir l'
adresse e-mail que vous souhaitez utiliser, mais je vous recommande vivement d'
utiliser votre adresse e-mail professionnelle, celle que vous avez créée précédemment à partir des
leçons précédentes où je vous ai montré comment créer votre
adresse e-mail professionnelle sur Zoho suffit donc de taper cette adresse e-mail Il suffit donc de taper cette adresse e-mail
que vous créez car
ici vous ne
souhaitez pas utiliser votre adresse
e-mail d'administrateur
WordPress car
dans ce cas, les forums ne fonctionneront pas
et vous ne serez pas averti sur votre adresse e-mail que quelqu'un vous a laissé un formulaire. Il vous suffit de saisir l'adresse e-mail
que vous avez créée précédemment. Dans mon cas, ce
sera Support at a bacon avocado is.com Très bien, donc une fois que
vous avez fait cela, nous pouvons faire défiler vers le bas pour enregistrer les modifications Très bien, montons. Passons maintenant à tous les formulaires. Et juste une seconde. Oui, c'est le
formulaire que nous venons de créer. Et nous pouvons copier ce code court ici car
nous en aurons besoin un peu plus tard. Et juste une seconde, prévisualisons ce
formulaire une fois de plus et assurons-nous qu'il s'
agit du formulaire à noter. Oui, ça l'est. C'est le formulaire. Et maintenant, nous pouvons accéder à nos pages. Passons à Toutes les
pages et trouvons
notre page de contact. Voici donc notre page de contact et vous devez cliquer
ici pour ajouter. Et comme Elementor est
installé sur notre site Web,
nous pouvons créer cette page à l'aide d' Elementor et c'est exactement
ce que nous allons faire Notre page de contact va
s'afficher bien mieux. Cliquez donc sur Modifier
avec Elementor. Et le gros avantage d' avoir un thème Astra
et des modèles de démarrage est que nous pouvons importer
des modèles prédéfinis afin de ne pas avoir à tout
créer nous-mêmes, par
exemple en créant des sections
et en faisant glisser Nous pouvons en fait
cliquer ici, et nous pourrions sélectionner des blogs. Et maintenant, choisissons cela. Nous recherchons un contact. Choisissons Contact. présent, c'est
à vous
de décider du type de formulaire que
vous souhaitez utiliser, du
type de mise en page que
vous souhaitez utiliser. Mais dans ce cas, je crois que je
peux choisir celui-ci. Choisissons celui-ci et
sélectionnons Importer le bloc. Très bien, nous avons donc
importé avec succès ce bloc de contacts. Et comme vous pouvez le voir,
voici à quoi cela ressemble, mais juste au cas où cela ne
fonctionnerait pas correctement pour vous. Parfois, en de rares occasions, les choses se bloquent. Et au lieu d'attendre, vous pouvez simplement rafraîchir
la page elle-même, la page entière elle-même, et tout devrait fonctionner correctement. Très bien, maintenant nous
avons ce bloc
ici et nous devons
ajouter notre formulaire de contact C'est donc ici que nous
allons ajouter notre contact pour hommes afin d'ajouter cette vitamine B12 chaude. Recherchez les éléments
appelés code court. Juste une seconde, faites défiler la page vers le bas. C'est l'élément que
nous voulons utiliser, suffit
donc de le faire glisser et de le déposer. Et ici,
il suffit de coller le code que nous avons copié précédemment lorsque nous avons
créé notre formulaire. Très bien, c'est donc Outlook. Et ici, nous
pourrions remplacer le texte et il pourrait dire «
Envoyez-nous un message ». Ok, ça a l'air super. Vous pouvez maintenant remplacer
le numéro de téléphone. Et si vous n'avez pas d'adresse à afficher ou si vous ne souhaitez pas qu'
aucune adresse s'affiche. La deuxième chose qui
est importante et que j' aime m'afficher,
c'est mon adresse e-mail, donc mon adresse e-mail professionnelle. Je vais donc simplement
taper l'adresse e-mail. Très bien, je viens d'
ajouter mon adresse e-mail. J'aime toujours inclure mon adresse
e-mail au cas où
le client ne serait pas en mesure
de le contacter en utilisant ce formulaire, mais cela n'arrive pas vraiment, mais il est bon d'inclure
votre adresse e-mail, accord, des
icônes sociales ici, vous pouvez ajouter vos profils
sociaux Il vous suffit donc de cliquer sur ces
icônes ici et ici. Une fois que vous avez cliqué sur Profil, vous pouvez ajouter l'URL
de votre profil. Il suffit donc de le coller ici. Si vous avez une page Facebook, collez
simplement l'URL de
votre page Facebook. Si vous souhaitez inclure LinkedIn, vous pouvez créer votre
profil ici. Si vous ne
souhaitez pas utiliser LinkedIn et que
vous souhaitez l'utiliser,
disons Instagram. Vous pouvez cliquer sur
cette icône et simplement utiliser la recherche
pour rechercher Instagram. D'accord ? Juste comme ça, vous trouverez l'icône Instagram. Cliquez sur Insérer. Et voici à quoi ça ressemble. Si vous n'aimez pas cette
taille de ces icônes, vous pouvez la modifier ici et vous pouvez ajuster la taille, accord, juste comme ça, vous pouvez agrandir vos
icônes beaucoup plus Et je trouve que ça a l'air bien. Vous pouvez également modifier les
couleurs de ces icônes. Ça dépendra
entièrement de toi. Très bien, cliquez sur Mettre à jour. Et une fois que nous aurons
mis à jour cette page, nous pouvons cliquer
ici et sélectionner Afficher la page. Voyons à quoi ça ressemble. Très bien, et comme vous pouvez le
voir, voici à quoi ça ressemble. Il s'agit de notre page Nous contacter entièrement
fonctionnelle. Ainsi, en utilisant cette page, nos visiteurs
pourront nous contacter
et nous serons en mesure de
les aider à répondre à toutes leurs questions. Avant de partir. Peut-être pourrions-nous changer
le texte, Ryan ici, au lieu de dire « Soumettre le formulaire », nous pourrions dire « Envoyer un message ». Très bien, allons-y une dernière fois, le tableau de bord Comme vous vous en souvenez, nous avons créé ce
formulaire de contact en utilisant la grippe et les forums et nous
voulons sélectionner tous les formulaires. Et maintenant, cliquez sur
Modifier ici, puis cliquez
ici pour soumettre le formulaire. Et au lieu de soumettre le formulaire, disons Envoyer un message. Très bien, cliquez sur Enregistrer le formulaire. Revenons de notre côté et
voyons
à quoi cela ressemble
maintenant. Cliquez sur Contact. Et comme vous pouvez le voir, Envoyer un message,
tout va bien. Et je pourrais tester
ce format afin que nous
puissions taper le nom, l'
e-mail, l'adresse, le
sujet et le message. C'est exactement
ce que je vais faire. Très bien, cliquons sur Envoyer un message. Très bien, c'est écrit, merci pour ton message Nous prendrons contact
avec vous sous peu. Cela devrait donc fonctionner. heure actuelle, je vais ouvrir mon compte de messagerie et je vais
juste tester si cela fonctionne pour voir si j'ai reçu un formulaire de notification alpha
. Comme
vous pouvez le constater, Comme
vous pouvez le constater, nous avons reçu avec succès
un e-mail
de notification laissé par quelqu'un sous forme de formulaire. N'oubliez donc pas qu'il est
extrêmement important d'ajouter votre autre
adresse e-mail au lieu d'
utiliser l'adresse e-mail des
administrateurs de WordPress. Alors juste une seconde, nous
allons revenir ici. Passons à nos formulaires
juste pour nous assurer que vous avez saisi une
autre adresse e-mail. Parce que si vous ne l'
avez pas fait,
ces formulaires ne fonctionneront pas. Et d'ailleurs, une fois que
quelqu'un a laissé un formulaire, vous le verrez ici, pas ici, mais
également ici dans les entrées. Ici, dans les entrées, vous verrez que quelqu'un vous a laissé un formulaire, mais vous en serez également informé
sur votre adresse e-mail. Et surtout, n'
oubliez pas que, comme tous les
formulaires, une fois que vous êtes ici, c'est le formulaire que
nous venons de créer. Et une fois que vous aurez accédé aux
paramètres de ce formulaire, n'oubliez pas que vous souhaitez être averti sur une autre adresse
e-mail, différente de celle que vous utilisez pour vous connecter à votre tableau de bord
WordPress, sinon cela ne fonctionnera pas. Donc, encore une fois,
assurons-nous qu'ici, envoyer à Email est votre adresse e-mail
professionnelle. Parce que dans tous les cas, il est préférable de tout
conserver au même endroit,
et pour recevoir un e-mail de
notification, le format alpha d'un message
sur votre adresse
e-mail professionnelle est bonne pratique, car une
fois que vous recevez un message, une fois que vous avez été averti que
quelqu'un vous a laissé un message, vous pouvez facilement copier cette adresse
e-mail et Très bien, alors
assurez-vous d'avoir ajouté votre
adresse e-mail ici Très bien, en gros,
c'est tout pour cette leçon. Vous savez maintenant comment créer votre page Contactez-nous avec
un formulaire de contact actif
41. (5.6) Créer des menus: Dans cette leçon, nous allons
créer notre menu principal. Et j'aime généralement inclure mes catégories de produits
et le menu principal et afficher ce menu principal
ici même dans notre en-tête. C'est donc exactement ce que nous
allons faire dans cette leçon. Nous allons simplement
créer notre menu principal. Et dans ce menu, nous allons
inclure des catégories, des catégories de
produits, car
il s'agit d'une mise en page assez
simple et très facile à comprendre
pour nos visiteurs. Très bien, passons
au tableau de bord. Et avant de créer
notre menu, nous devons connaître les URL
de nos catégories Passons donc à Produits,
puis ici, et ouvrons les
catégories dans un nouvel onglet. Passons aux catégories. Et comme vous pouvez le constater,
voici notre arbre de catégories. Voici les catégories que nous avons. Nous allons simplement
copier les URL de ces catégories et les ajouter à notre menu Très bien, revenons donc
à cet onglet ici. Et maintenant, nous devrions passer aux
apparences. Et sélectionnons les menus. Comme vous pouvez le voir ici, nous avons un éditeur de menu. Et si vous voulez bien aller
ici, comme vous pouvez le voir, nous avons plus de menus, pas seulement le menu
qui se trouve ici. Menu principal, nous avons
des liens rapides, menu secondaire. Et si vous
cliquiez ici, vous pourriez créer autant de
menus que vous le souhaitez. C'est entièrement à
vous de décider dans ce cours et dans cette leçon,
je vais
vous montrer comment je le fais moi-même. Et si jamais vous
souhaitez créer un nouveau menu, vous suffit de cliquer ici, et ce nouveau menu
apparaîtra ici et vous pourrez y ajouter
n'importe quel type de menu. Si je devais aller
ici, emplacements gérés, nous n'allons
rien faire ici parce qu'
une fois que nous aurons modifié
notre en-tête et notre pied de page, nous pourrons
accéder à tous ces
paramètres ici, mais à un endroit différent Nous n'avons donc rien à
faire ici. Et d'accord,
revenons aux menus. Et comme vous pouvez le voir ici, si vous pouviez sélectionner l'emplacement
du menu, vous pouvez
donc sélectionner l'emplacement du menu, mais pour l'instant, tout est
bon tel qu'il est par défaut. Notre objectif à l'
heure actuelle est donc de créer de nouveaux éléments de menu afin de
pouvoir ajouter cet
élément de menu à notre menu. Très bien,
utilisons donc des liens personnalisés. Donc, ici, vous voulez
ajouter l'URL de votre catégorie. Revenons donc aux catégories et ouvrons également cette catégorie
dans le nouvel onglet. Cliquez sur Afficher, et nous
voulons maintenant copier cette catégorie. Revenons à
nos menus,
collez simplement cette URL ici et ajoutez le titre
de votre catégorie. Très bien,
cliquez sur Ajouter au menu. Et comme vous pouvez le constater, nous avons ajouté avec succès
un nouvel élément de menu. Nous pouvons maintenant
supprimer
cet élément de menu créé par défaut car nous n'
allons pas l'utiliser. Nous pouvons cliquer ici, supprimer. Très bien,
revenons à toutes les catégories. Nous pouvons maintenant fermer cette catégorie et ouvrir les
jouets de bain dans un nouvel onglet, comme nous l'avons fait pour
les jouets en bois. Et encore une fois,
copions cette catégorie. Revenez à notre
éditeur de menu et ici collez
simplement l'URL et donnez
le titre à cette catégorie. Très bien,
cliquez sur Ajouter au menu. Voilà, vous
pouvez voir que nous avons bien été ajoutés aux éléments du menu. Et si jamais vous souhaitez
créer un
type de menu différent, vous pouvez également inclure des pages
ici même dans la liste. Comme vous pouvez le constater, vous pouvez
même inclure des articles de blog. Tu voudras toujours le faire. Et vous pouvez également inclure des points de terminaison
WooCommerce. Encore une fois, cela dépendra de vous. Peut-être qu'à l'avenir, vous
déciderez de modifier la version
actuelle de votre menu. Mais pour l'instant concentrons-nous
sur l'ajout de liens personnalisés. Et tout comme je
les ai ajoutées pour les afficher ici, je vais terminer d'ajouter toutes les autres
catégories à mon menu. Voilà, vous
pouvez voir que je viens de terminer ajouter toutes les catégories
à mon menu Et voici à quoi ça ressemble. Si vous n'aimez pas son apparence, vous n'aimez pas le
positionnement de chaque élément. Vous pouvez changer de place
si vous voulez vous déplacer Disons que cet
élément ici sera
le premier élément. Vous pouvez également créer des
catégories et des sous-catégories. Par exemple,
disons que si vous avez des jouets
éducatifs ou peut-être
pas de jouets éducatifs, disons, passons à la
peinture ici. Supposons donc que notre peinture
soit la catégorie principale. Et vous allez avoir des sous-catégories comme des catégories pour
enfants, quatre pinceaux pour papier ou
quelque chose de similaire Et vous voulez faire cette catégorie la principale. Et vous souhaitez créer
un menu déroulant. Donc, dans ce cas, vous devrez prendre
votre sous-catégorie. Disons que c'est la
sous-catégorie des pinceaux. Et si nous le
déplaçons vers la droite, juste comme ça, nous
pourrons créer
un menu déroulant. Ne le faisons pas
maintenant parce que nous n'
avons pas de catégories
parents/enfants. Tout est bon tel quel, donc nous pouvons le remettre en place. Je vais juste échanger ma
place avec celui-ci ici et je vais
faire de celui-ci le dernier. Et je trouve que ça a l'air bien. J'ai l'impression que ça a l'air bien. Et maintenant, nous pouvons cliquer sur Enregistrer le menu. Très bien, cliquons sur un autre menu pour
gagner du temps. Très bien, nous pouvons maintenant avoir un
aperçu de son apparence. Je vais donc
ouvrir celui-ci dans un nouvel onglet
une fois de plus. Et cliquons et
voyons à quoi cela ressemble. Et comme vous pouvez le constater,
notre menu principal est maintenant prêt. Voilà donc à quoi ça ressemble. Et dans les étapes ultérieures, lorsque nous
modifierons notre en-tête, nous modifierons
le positionnement de ce menu ici même. Nous pouvons positionner ce menu vers
la droite ou vers le centre. Cela dépendra
entièrement de vous. Mais pour l'instant si vous pouvez
voir que nous avons réussi, nous avons créé notre menu principal. Donc, si je pouvais cliquer sur la catégorie
costumes ici, comme vous pouvez le voir, notre catégorie préférée
, les costumes Très bien, revenons à
la page d'accueil de notre site Web et juste pour vous montrer un exemple du fonctionnement du menu
déroulant Revenons donc
à notre éditeur de menu et disons que je vais
créer une catégorie de costumes, ma catégorie parents et catégorie
enfants
seront des jouets de bain. Dans votre cas, bien sûr, il y aura différentes
catégories et sous-catégories, mais je vous montre simplement à quoi
cela va ressembler Très bien, je vais donc choisir des
jouets éducatifs
ainsi qu' une
catégorie pour enfants pour les costumes Dans ce cas, il s'agit d'une
catégorie parentale. Je vais déplacer
celui-ci vers la droite. Et maintenant, je vais simplement
cliquer sur le menu Enregistrer et nous allons vérifier à quoi il
ressemble et l'utiliser vous-même. Qu'en déplaçant de nombreux
éléments vers la droite, nous pouvons créer des menus déroulants. Très bien, voyons à
quoi ça ressemble. Et si je passe la souris sur les costumes, comme vous pouvez le voir, nous
avons un menu déroulant Ainsi, vous pouvez
également créer des menus déroulants. Mais dans ce cas, je vais
juste y retourner et je vais faire
comme avant. Très bien, nous revenons donc à la
première version de notre menu. Et comme vous pouvez le voir, tout est parfait
et c'est ainsi que vous pouvez facilement créer vos menus
42. (5.7) Personnaliser le thème (Astra): Dans cette leçon,
nous allons commencer à personnaliser notre thème WordPress Donc, pour commencer à le personnaliser, vous devez cliquer
ici, Personnaliser Très bien, comme vous pouvez le voir,
voici à quoi ressemblent nos
options de personnalisation Et parfois, en de rares occasions, une fois que vous avez cliqué sur Personnaliser, figer et le fichier risque de ne pas se charger. Dans ce cas, essayez de fermer votre navigateur et de
l'ouvrir à nouveau. Mais je pense que ça ne devrait pas t'
arriver. Mais encore une fois, si cela se produit, si une fois que vous cliquez sur Personnaliser, vous ne voyez
rien et vous vous fige simplement Essayez d'actualiser votre navigateur ou de redémarrer votre ordinateur
et cela devrait vous aider Cela
m'est juste arrivé quelques fois, mais c'était probablement la
faute de mon ordinateur. Très bien,
vérifions donc la barre latérale de toutes les options de personnalisation Donc, comme vous pouvez le voir, même si vous avez
cet avis ici, si vous utilisez la version
Astra Pro, vous aurez plus d'options de
personnalisation C'est donc le plus gros
inconvénient lorsque vous utilisez des thèmes
gratuits, c'est que vous êtes thèmes
gratuits, c'est que vous êtes traîne en termes d'options de personnalisation il en
soit, quel Quoi qu'il en
soit, quel que soit le type de
FEM sur lequel vous travaillez, vous pouvez toujours extraire ce fémur et obtenir de bons résultats C'est donc exactement ce que nous
allons faire dans cette section. Et puis une section ultérieure
où je vais vous montrer comment tout modifier
avec un thème premium. Vous verrez vous-même
combien d'options de personnalisation
vous allez avoir. Comparez-le à ce thème Astra. Très bien, commençons donc par les paramètres
globaux ici. Et comme vous pouvez le voir, si j'
allais dans l'onglet typographie, je pourrais changer la
police sur mon site Web Comme vous vous en souvenez, lorsque j'
installais un modèle de démarrage, j'avais la possibilité de choisir polices et la
palette de couleurs que je voulais utiliser. Donc, si vous avez choisi une police et
que vous ne l'aimez plus, c'est ici que vous pouvez la modifier. Très bien, revenons en
arrière et en couleurs. Donc en couleurs, bien sûr, vous aurez la possibilité de modifier la palette
de couleurs de votre site Web. Donc, si vous n'aimez pas
la palette de couleurs que vous avez choisie précédemment, vous pouvez la modifier ici. OK, retournons au conteneur. Nous n'allons
apporter aucune modification au conteneur car tout est
bon tel qu'il est par défaut. Et encore une fois, j'aime
dire que vous devriez
tout explorer vous-même et
essayer deux options différentes,
différents paramètres. Peut-être déciderez-vous de donner à votre
site Web un aspect différent. Pas seulement pour suivre ce
cours qui crée, pas seulement pour suivre mes leçons, mais peut-être que vous voudrez
créer quelque chose de différent. N'ayez donc pas peur de tout
explorer vous-même. Très bien, revenons en arrière. Boutons. Évidemment, ici même, vous allez apporter des modifications aux boutons. Et ici, vous pouvez trouver différents
réglages de style pour les boutons. Vous pouvez modifier les couleurs et
effectuer tous les autres réglages. C'est donc à vous de décider, mais j'ai l'impression que tout
est bien tel qu'il est par défaut. Très bien, si je vais
ici et que cela s'active, celui-ci permet de faire défiler vers le haut Juste une seconde, je vais
faire défiler la page vers le bas une fois qu'il sera actif, comme vous pouvez le voir, il active
cette option ici. Si je dois
cliquer sur cette icône, j'irai en haut de ma page C'est
donc à vous de décider si vous
souhaitez l'activer. Mais j'aime généralement que
tout reste simple et je n' utilise
pas trop de
fonctionnalités sur mon site Web. Très bien, revenons en arrière. Accessibilité. Nous n'avons pas besoin de changer quoi que ce soit car
tout va bien. Revenons en arrière. Et si vous voulez
bloguer, ouvrir la porte, vous n'avez pas besoin de changer
quoi que ce soit ici non plus. OK. Revenons ici,
en fait ici. Nous n'aurons pas besoin
de changer quoi que ce soit non plus parce que
tout va bien. OK, revenons en arrière. Vous êtes maintenant un peu plus familiarisé avec tous
les paramètres globaux. Les paramètres globaux sont donc
essentiellement liés au style et c'est à vous de décider si
vous souhaitez apporter des modifications. Revenons en arrière. Et Heather, Builder,
nous n'allons pas apporter de modifications pour le moment parce que
j'ai une toute autre leçon à suivre pour travailler avec votre en-tête,
qui se trouve ici Et bien sûr, je vais
avoir une leçon séparée pour travailler avec votre
dette en bas de page Très bien, remontons et passons
à la chapelure. Nous n'avons pas besoin
d'activer de fil de navigation car
cela modifierait l'
apparence de notre mise en page Ainsi, par exemple, si je dois cliquer sur ce
produit ici
et
activer le fil de navigation, disons simplement
que,
comme vous pouvez le voir, nous
avons des chapelures disons simplement
que,
comme vous pouvez le voir, nous
avons En gros, nous avons une
courte carte de notre page, la page actuelle, nous ajoutons la
catégorie et la page d'accueil. Mais encore une fois, avec
les boutiques de commerce électronique, ne l'utilisez pas, et vous n'avez pas vraiment besoin
de l'utiliser également. OK, revenons en arrière. Très bien, juste une seconde. Laisse-moi voir. Revenons aux paramètres
généraux. Et je voulais juste vérifier
quelque chose avec les couleurs. Ah oui, il y a quelque chose d'
important ici après tout même eu l'impression, comme je l'ai dit, que ces réglages dépendent
entièrement de vous. Encore une fois, n'ayez pas peur d'
explorer la possibilité de vous offrir. Mais ici, la seule chose
qui compte pour moi, c'est qu'un adulte aime cette couleur
grise, comme vous pouvez le voir, mon image
est sur fond blanc et j'aimerais avoir cette couleur grise
et blanche également. Voici donc cette option
côté arrière-plan. Je vais cliquer ici, et je vais choisir
cette option et j'ai l'impression qu'elle
est bien meilleure. Oui, ça a l'air bien mieux. Très bien, alors revenons en arrière. Et si vous avez besoin de faire ce changement, de changer
l'arrière-plan, n'oubliez pas que tous les réglages liés aux deux couleurs se
font ici. Très bien, revenons en arrière. Donc, miettes de navigation, vous n'utilisez pas Nous allons ignorer l'onglet
blog car nous n'avons ajouté aucun article de blog Nous n'avons pas créé de page pour
afficher les articles de blog J'ai
donc une section complètement
distincte pour travailler avec les blogs. Encore une fois, ce sera
à vous
de décider commencer à publier des articles
de blog, mais nous vous recommandons vivement de de blog, car cette façon, vous pouvez attirer plus de
visiteurs sur votre site Web. Très bien, passons à Pages. Et ici, si nous
devions apporter des modifications,
nous apporterions des modifications aux pages. Donc, si vous vous en souvenez
, des pages qui n'
ont pas été créées à
l'aide d'Elementor Ces pages concernent donc la politique en matière de
cookies, retours et les remboursements et tous les
autres types de pages légales. Très bien, nous
n'allons donc pas avoir besoin de changer quoi que ce soit parce que
tout va bien Alors revenons-y encore une fois. Passons à la barre latérale. Celui-ci est donc facultatif
si vous souhaitez
activer la barre latérale
de votre site Web Ainsi, par exemple, si j' active cette
barre latérale ici, comme vous pouvez le voir, j'
ai une barre latérale Et dans cette barre latérale, je peux
inclure certaines informations, mais je ne le fais pas vraiment J'active parfois cette
option lorsque je travaille avec des sites Web professionnels
pour représenter des marques. Mais lorsque vous travaillez avec des boutiques de
commerce électronique, préférez conserver cette option
ici sans barre latérale. Je trouve que ça a l'air bien mieux. Très bien,
revenons à Footer Builder. J'ai donc une leçon complètement
distincte pour cela. Nous pouvons donc maintenant ignorer les types de publications
personnalisés. Si j'allais juste ici. Nous n'avons pas besoin de
changer quoi
que ce soit car nous n'avons
ajouté aucun article de blog. Et en fait, la disposition actuelle que nous avons en
ce moment ira bien. Et plus tard, une fois que nous commencerons ajouter des articles de blog à
ajouter des articles de blog,
je vais
vous montrer comment cela fonctionne. Peut-être reviendrons-nous sur
cette option ici pour vérifier les options qui s'offrent à nous. Et nous allons tester différentes mises
en page. Mais pour l'instant, nous n'avons
pas besoin de changer quoi que ce soit car tout
est parfait tel qu'il est. Très bien, si j'
allais sur WooCommerce. Il est donc évident que nous
allons apporter des modifications à la partie WooCommerce
de notre site Web afin pouvoir apporter des modifications au
catalogue de produits ici même Nous pouvons faire quelques ajustements
généraux. Si je revenais aux
ajustements généraux, nous avons certains
ajustements de mise en page que nous n'avons pas besoin de modifier pour travailler. Donc, si je vais accéder au
catalogue de produits juste une seconde, cela va ouvrir
notre catalogue de produits. Voici donc notre catalogue
et voici à quoi il ressemble. Nous pouvons donc modifier la mise en page, nombre de
colonnes que nous voulons afficher et vous pouvez effectuer divers autres ajustements que vous
pouvez masquer, par exemple le prix. Si vous ne souhaitez pas afficher
le prix de votre produit, vous pouvez activer le panier, vous pouvez activer Ajouter au panier si vous le souhaitez. Juste une seconde. Voilà à quoi cela va ressembler, mais en général, j'aime que les choses
restent simples Je vais
donc simplement
désactiver celui-ci et nous n'allons rien
changer Nous pouvons donc y retourner. Très bien, juste une seconde.
Si je veux revenir à cet onglet du
catalogue de produits, et si je dois aller à
l'onglet Design, comme vous pouvez le voir, je peux modifier l'alignement, mais nous sommes limités ici car nous n'
utilisons pas de version pro
d' Astra Theme. Nous pouvons donc revenir en
arrière et à des produits individuels Donc, si je devais passer
à un seul produit, j'apporterais des modifications au produit lui-même,
à la page du produit. Par exemple, je
vais simplement ouvrir cette page. Et comme vous pouvez le voir,
voici à quoi cela ressemble. Et si je devais
apporter des modifications telles que la mise en page, je peux désactiver et activer
certains éléments, comme vous pouvez le voir ici, je viens de les activer. Je souhaite afficher la catégorie. Donc, dans ce cas, je pourrais désactiver le
méta-élément ici. Et comme vous pouvez le constater,
elle disparaît. Et maintenant, nous n'avons que des catégories, mais d'habitude, je préfère que
cela reste ainsi et je peux désactiver la catégorie parce que si nous voulons
tout afficher de cette façon,
mais que la question est activée, vous pouvez voir que nous avons catégorie et que nous avons des balises
pour les paiements de ce produit. Nous pouvons activer celui-ci. Vous pouvez indiquer à vos clients type de
paiement que vous acceptez. Et comme vous pouvez le constater, nous avons les cartes Visa, MasterCard
et toutes les autres options. Vous pouvez même ajouter d'autres options,
par exemple, si vous tapez PayPal, vous pouvez ajouter une icône. Ainsi, par exemple, si je
dois rechercher une icône PayPal, comme vous pouvez le voir, je peux ajouter une icône
PayPal comme ça. Très bien, juste une seconde. Et voici à quoi
ça va ressembler. Nous pouvons donc continuer ainsi. Cela devrait accroître la
confiance que nous accordons à nos clients. Nous disons que ces astuces simples fonctionnent
généralement avec la garantie d'une
sauvegarde du paiement ces astuces simples fonctionnent
généralement et que vous pouvez vous attendre à
une augmentation du taux de conversion. Très bien, faisons défiler vers le
bas ce que nous avons d'autre. Nous pourrions donc désactiver la livraison
gratuite. Ce texte
ici indique que vous pouvez voir nous avons plus la livraison gratuite. Alors bien sûr, cela dépend si vous offrez la livraison
gratuite. Dans ce cas, il se peut que vous ne
souhaitiez pas désactiver cette option. Dans mon cas, je n'
offre pas la livraison gratuite. Je propose la livraison gratuite, mais mon client doit dépenser au moins 50$ en magasin
pour bénéficier de la livraison gratuite. Très bien, voici à
quoi ça va ressembler et passons à l'onglet Design Et pourtant, nous n'avons aucune option ici
car encore une fois, nous utilisons une
version gratuite d'Astra Theme Très bien, revenons en arrière. Et si je devais aller sur la page des cartes, évidemment ici, je
modifierai la page du panier. Je devrais donc accéder à la page de mon panier
juste ici. Très bien, c'est donc ma carte. Et si j'
activais cette option, je pourrais modifier les textes
ici, puis procéder au paiement. Je pourrais ajouter tous les autres
textes que je veux, mais habitude
je préfère continuer ainsi. Je trouve que ça a l'air bien. Très bien, revenons en arrière
et nous
avons ici divers ajustements
pour la page de paiement Alors encore une fois,
revenons à la page de paiement. Et comme vous pouvez le voir, le champ du nom de l'
entreprise
est activé ici. Et nous n'avons pas vraiment besoin
de ce champ, car il est évident que c'est
trop confus pendant des heures, uniquement pour nos clients. À moins que vous ne fassiez affaire à
entreprise, vous
souhaiterez peut-être activer cette option. Mais dans mon cas, et dans la plupart des cas, vous devez désactiver celui-ci. Et encore une fois, avec l'adresse
postale, vous pouvez conserver deux
champs ici. Mais j'aime généralement
désactiver ce champ. Et je voulais conserver
un seul champ pour la rue et adresse, car cela permet aux
visiteurs et aux clients de tout
comprendre plus facilement . Très bien, donc je pense que
tout va bien. Et à part cela, nous n'avons pas vraiment besoin de
changer quoi que ce soit ici. Nous pouvons y retourner. Et ici, nous n'
allons activer aucune option. Je pense que tout est
bon tel qu'il est par défaut. Alors revenons en arrière. Images du produit. Ici, vous pouvez
apporter des modifications aux images du produit, à
la taille, etc. Mais j'ai l'impression que tout
est bon tel qu'il est par défaut, nous n'avons
donc rien à
changer. Avis du magasin. C'est à
vous de décider si vous souhaitez l'activer. Ainsi, par exemple, si
je dois activer notice du
Store ici,
comme vous pouvez le voir, voici à quoi elle ressemble et
nous ne pouvons plus voir notre en-tête. Nous devons activer cette
option ici. Et comme vous pouvez le voir, c'est à cela que cela ressemble et
cela n'a aucun sens. Nous n'avons pas besoin d'
afficher ce message, mais j'aime généralement inclure cette offre de
livraison gratuite pour tous vos 50$
en argent ou
quelque chose comme ça. Donc dans ce cas, je
vais juste taper exactement cela. Et comme vous pouvez le voir,
voici à quoi cela ressemblerait. Je peux également changer la couleur. C'est là que je fais, change la couleur du texte, mais je peux changer la couleur
de cette barre ici. Je pense donc que cette couleur
doit correspondre à mon style. Tu sais quoi, en fait
moi, dans quelle mesure la couleur est-elle prête ? Je vais donc simplement coller
le code ici. Très bien, comme vous pouvez le voir,
voici à quoi cela ressemblerait. Et encore une fois,
c'est
à vous de décider si vous souhaitez
afficher ce message. Mais c'est l'un des
moyens d'y parvenir. Et vous pouvez dire que
vous offrez la livraison gratuite. Mais dans ce cas, je vais
juste le
désactiver et je voulais juste vous
montrer comment cela fonctionne. Très bien, revenons en arrière
et voyons ce que nous avons d'autre. Nous n'avons pas vraiment besoin de
changer quoi
que ce soit ici , car nous
n'avons plus d'options Nous pouvons
donc revenir en arrière
et, dans l'identité, nous allons ajouter une icône de site. C'est donc très important. L'icône du site est affichée ici, car nous
avons actuellement une icône WordPress. Et je vais juste
télécharger l'icône d'un site. J'ai donc déjà mon dossier. Très bien, je viens de
télécharger mon image, et voici les dimensions
512 x 512 pixels Et cliquez sur Sélectionner. Et comme vous pouvez le voir
maintenant, nous avons mon icône. Très bien, passons aux paramètres du site, du titre et du logo. Changeons le logo. Alors cliquons ici. Et voici le logo, téléchargé, ce logo précédemment. Et faisons un peu de
recadrage dès maintenant. Très bien,
agrandissons-le un peu et
cliquons sur Recadrer l'image Et maintenant, nous pouvons faire quelques
ajustements à la taille du logo. On peut en faire un peu Berger. Je trouve que ça a l'air bien. Et ici, vous pouvez vérifier d'
autres paramètres, d'
autres options. Mais je pense que tout va bien tel qu'il est actuellement.
Comme vous vous en souvenez, lorsque nous avons modifié certains paramètres
généraux de
nos paramètres WordPress eux-mêmes, nous avons ajouté le titre du site
et nous avons ajouté un slogan Nous avons donc les mêmes choses ici, donc nous n'
avons rien à changer. Très bien, revenons en arrière. Et voici le générateur d'en-tête. Nous allons donc revenir à ce générateur de Heather
dans la leçon suivante Très bien, si nous
devions aller aux Menus, comme vous pouvez le voir ici, nous avons notre menu principal Il s'agit donc essentiellement du menu
principal et vous pouvez modifier les emplacements où vous
souhaitez afficher ce menu. Mais pour l'instant, tout va bien et nous n'avons
rien à changer. Mais vous pouvez explorer cet onglet vous-même si vous avez
besoin d'ajouter d'autres menus. C'est donc à vous de décider comment
vous voulez l'aborder. Mais je ne vais rien
changer ici car tout va bien. Très bien, passons aux widgets. Donc, ici, dans les widgets, passons à la barre latérale de WooCommerce Nous pouvons ajouter des widgets. Ici, j'aime afficher catégories. Les
widgets sont essentiellement petits éléments de contenu ou d'informations. Vous
pouvez ajouter une image Supposons
que vous cliquiez
ici et que vous puissiez
cliquer sur Tout parcourir. Et si vous
recherchez une image, disons que vous pouvez inclure
une image indiquant que vous proposez un certain type de vente, ce
n'est qu'une façon de le faire. C'est juste l'un
des widgets que vous pouvez ajouter, mais j'aime généralement
inclure ma catégorie. Je vais donc faire défiler la page vers
le bas comme vous pouvez le voir, nous avons des widgets WooCommerce Alors juste une seconde. Où se trouve cette catégorie vedette ? Juste une seconde. Oui, c'est le widget, donc je vais juste
cliquer ici. Et comme vous pouvez le voir,
voici à quoi cela ressemble. Nous pouvons donc le garder tel
quel. Maintenant que nous avons ce widget nos visiteurs vont voir combien de produits chaque
catégorie contient et il leur
sera plus facile de
naviguer sur notre site Web. Très bien, alors comme ça, revenons aux paramètres de la page d'accueil. Donc pour l'instant, nous n'
allons rien changer dans prochaine leçon lorsque
nous
parlerons de l'aspect Blog
de notre site Web, c'est là que nous allons
apporter quelques modifications. Ici, nous allons
créer une page de blog et nous
allons configurer cette page de blog
pour afficher les articles de blog. Mais pour l'instant, nous ne ferons rien si vous utilisiez
du CSS supplémentaire, c'est ici que vous
pouvez modifier style en utilisant du code CSS. Et c'est pour les utilisateurs avancés
qui s'y connaissent un peu en matière de codage, mais nous n'allons rien
faire ici. Très bien, donc une fois que nous aurons terminé
toutes ces modifications, n'oubliez pas de cliquer
ici, Publier Et maintenant, nous pouvons
fermer cette barre latérale. Très bien, voici l'apparence de
notre site Web maintenant et il commence à s'
améliorer, beaucoup mieux Et ici, comme vous pouvez le voir, il serait peut-être préférable d'
avoir ceci qui indique «
vente » et « couleur blanche » dans
cette bulle de couleur électrique. Mais nous n'avons pas
ces ajustements c'est simplement parce que nous
avons trois thèmes. Nous utilisons un thème gratuit. Nous pourrions faire quelques
modifications avec le code CSS, mais c'est quand même bon, ça n'a pas l'air si mal. Et dans une section ultérieure où
je vais vous montrer comment personnaliser votre site Web
à
l'aide d'un thème premium. Vous constaterez vous-même que ces changements, comme des
changements de vente, font bulle. Ils se font facilement
avec le thème premium. Très bien, alors assurons-nous
que tout va bien. Passons à notre produit. Voyons à quoi ressemble notre produit. Et tout semble bon
pour obtenir très bons résultats, même si
nous utilisons un thème gratuit. Donc, en gros,
c'est tout pour cette leçon. Vous savez maintenant comment
personnaliser votre thème. Et juste pour que vous sachiez que chaque faisceau possède généralement des options
de personnalisation différentes. Vous verrez donc vous-même
que dans la section suivante des partitions, l'autre
thème proposera différentes options
de personnalisation. C'est donc tout pour le moment
43. (5.8) Modifier l'en-tête (Astra): Cette leçon, nous allons
travailler sur notre en-tête ici même. Comme je vous l'ai dit dans
la leçon précédente, nous allons revenir ici. Comme vous pouvez le voir, je suis revenu à mes options de
personnalisation et pour commencer à travailler
sur notre en-tête
, cliquez
ici, Header Builder. Et avant de commencer à travailler sur différents
règlements ici, je voulais juste vous expliquer ce qu'est un en-tête transparent. Donc, si vous cliquez
ici , en-tête transparent,
nous pouvons activer un
autre type d'en-tête transparent ,
car à l' heure actuelle, nous
avons un en-tête classique
et nous pensons vraiment que Heather
classique fonctionne très
bien avec les boutiques de commerce électronique Et peut-être qu'un en-tête transparent est une bonne option lorsque vous
travaillez sur des sites Web professionnels pour représenter une marque ou une entreprise. Et par exemple, si je dois activer le type d'
en-tête ici, comme vous pouvez le voir, voici à
quoi il ressemblera. Donc, en gros, notre section
avec un en-tête disparaît et
passe en haut de cette première section. Ainsi, lorsque vous activez
un en-tête transparent, vous devez tenir
compte du fait que vous
devez modifier votre image, l'image
d'arrière-plan de cette section, vous devez ajuster
cette image pour qu'elle fonctionne avec votre en-tête
transparent. Donc, comme je l'ai dit, cela
fonctionne généralement très bien avec les sites Web
professionnels. Mais lorsque je travaille
avec des sites de commerce électronique, j'aime généralement conserver le
classique Heather N ici. Vous pouvez également activer ou désactiver ce type d'en-tête pour
différentes pages. Ainsi, par exemple,
vous pouvez désactiver les articles de blog ou les pages. Vous pouvez également le désactiver pour les pages de produits
WooCommerce. Parce que si nous pouvions accéder à
notre page produit ici, par exemple, je vais
simplement ouvrir ce produit, Ryan ici. Comme vous pouvez le voir, ça
n'a pas l'air bien. Et si je désactivais cet en-tête transparent
uniquement pour ma page produit, nous reviendrions à notre type d'en-tête
classique. Encore une fois, c'est à vous de choisir le type d'en-tête que vous souhaitez utiliser. Mais j'aime généralement
les choses simples lorsque je travaille
avec des boutiques de commerce électronique. J'aime bien
désactiver cette option, mais avant de la désactiver
, je voulais aussi vous dire
que vous pouvez choisir activer cet en-tête
transparent en particulier, comme celui-ci
sur les
appareils mobiles ou
uniquement sur ces sous-appareils, ou pour
les ordinateurs de bureau
ou les
appareils mobiles à la fois. Voilà à quoi cela va ressembler, mais désactivons celui-ci. Je voulais juste
vous montrer comment cela fonctionne. Peut-être qu'à l'avenir, vous
déciderez de
travailler un peu plus sur le
style de votre site Web et peut-être que vous voudrez
activer un en-tête transparent. Très bien, revenons en arrière. Et la première chose à faire lorsque
je travaillais sur mon en-tête, c'est de
m'assurer que tout est en place et que
tout semble correct. Comme vous pouvez le voir ici, nous avons trois niveaux
pour notre en-tête. Nous pourrions créer plusieurs
couches pour notre en-tête, mais j'aime généralement que
tout soit simple et facile à comprendre pour mes
clients, pour mes visiteurs. Et comme vous pouvez le voir ici, notre menu secondaire
a été ajouté à cet en-tête, mais nous n'utilisons pas de tels
doigts pour le menu secondaire. Nous pouvons donc supprimer celui-ci. Je pense que ce sera beaucoup
mieux si je
déplaçais notre menu principal
au centre, ici même. Et j'ai l'impression que ça va être bien mieux si je déplace la page du panier vers
la droite de cet en-tête. Et maintenant, cela n'a plus
trop de sens, car si nous ne pouvons pas voir les éléments de notre
compte, travaillons sur cet
élément ici. Donc, cet élément, nous
allons permettre à nos visiteurs, à
nos clients de se connecter
à leur compte. Très bien, donc au lieu d'utiliser un
avatar, utilisons le sexe. J'aime utiliser du texte parce qu'il est simple et
facile à comprendre. Et pour l'instant,
l'URL du compte n'a tout simplement pas de
sens car nous n'
avons pas une telle URL sur notre site Web. Si je devais accéder à l'URL de connexion, il s'agit d'une
URL complètement différente de celle de mon site Web. Nous devons donc
découvrir quelle est notre URL, quelle est l'URL de
notre page de compte ? Pour ce faire, ouvrons notre site Web
en mode navigation privée Je vais donc simplement l'ouvrir
dans une nouvelle fenêtre privée. Je vais juste aller sur mon site web. Maintenant, comme vous pouvez le voir à un moment donné, voici à quoi cela ressemble. Et si je pouvais cliquer ici, c'est la page de mon compte. Donc si je dois cliquer sur celui-ci, comme vous
pouvez le voir ici, nous allons sur un
site complètement différent qui n'est pas le nôtre. Revenons donc en arrière et nous
devons résoudre ce
problème ici. Notre objectif à l'heure actuelle est de
trouver la page de notre compte, que je me souviens l'avoir vue
, et le pied de page, c'est la page de notre compte Je vais
donc cliquer sur
cette page Mon compte Comme vous pouvez le voir ici, le tableau de bord T2 de mon compte est indiqué, tout comme nous avons modifié cela
avec notre page Sharp. Allons-y, mais la page de
mon compte, parce qu'elle
n'a tout simplement pas l'air bien. Et réduisons
cette fenêtre plus tard. Nous allons revenir à
cette fenêtre ouvrir un nouvel onglet et
accéder à notre site Web. Nous voulons nous assurer
que tout est aussi
beau que possible. Nous devons donc apporter des modifications
à cette page Mon compte. Passons au tableau de bord. Comme vous vous en souvenez
avec Sharp Page, nous sommes passés à Pages. Et maintenant, une fois que nous y sommes, faisons défiler la page vers le bas et
voici la page de mon compte. Cliquez donc sur Édition rapide, puis supprimons
ce tiret 2. Très bien, cliquez sur Mettre à jour. Et maintenant, pour nous assurer
que tout fonctionne, nous devrions passer à WooCommerce Allons dans Paramètres et
assurons-nous que la bonne page est configurée
pour la page de notre compte. Passons donc à l'onglet Avancé. Et comme vous pouvez le voir
ici sur la page de mon compte, nous avons une page qui porte l'ID 9.9 Il s'agit donc de la même page
que celle sur laquelle nous avons apporté des modifications et nous voulons maintenant
enregistrer les informations relatives aux modifications. Nous n'avons apporté aucune modification. Faisons-le car cela nous
aidera à mettre en place tous les
changements. Très bien, avant de partir, purgeons tout l'argent Et maintenant, nous pouvons fermer
cet onglet ici. Revenons à
notre mode navigation privée. Et maintenant, nous pouvons revenir à notre page d'accueil car nous
voulons répéter toutes les étapes. Actualisons donc cette page avant d'accéder à la page de mon compte, puis faisons défiler la page vers le bas et
sélectionnons mon compte. Et comme vous pouvez le voir, maintenant, le tiret 2 a disparu. Nous voulons maintenant
copier cette URL
ici car nous allons
l'utiliser pour cet élément ici. Fermons ce mode navigation privée. Et maintenant, nous pouvons coller
cette URL ici. Juste une seconde, juste comme ça. Et maintenant, vous voulez copier
cette partie et supprimer mon compte. Copions celui-ci ici. Et collons ça ici. Assurez-vous donc que cela
ressemble exactement à ça. Très bien. Maintenant,
une fois que nos visiteurs, nos clients
cliqueront sur ces éléments de
Mon compte, ils accèderont à la page de leur compte Et s'ils n'ont pas de
compte sur notre site Web, ils pourront en créer un. Très bien, allons dans l'onglet Design et changeons la couleur de cet élément car je ne pense pas que cela ira
bien dans cette couleur Alors allons-y directement. Les options suivantes. Choisissons la couleur. Je pense que la couleur
grise ira bien. Très bien, je pense que ça a l'air bien. OK, alors maintenant, une fois que nous
aurons terminé cette partie, revenons en arrière et nous pourrons cliquer ici pour apporter des modifications
à notre panier ici même. Mais au lieu de cela, nous pouvons cliquer ici. C'est fondamentalement pareil. Très bien, alors ici vous pouvez choisir le type de voiture que vous
voulez avoir Je pense que cette icône sera bien plus
belle. D'accord, ça a l'air bien. Et ici, vous pouvez ajouter une étiquette de carte. Comme vous pouvez le voir, cette
étiquette
indique la valeur de nos cartes à l'heure
actuelle, c'est 69 contre sept. Vous pouvez donc modifier cela ici. Vous pouvez même masquer l'étiquette totale de la
voiture. Par exemple, si
je vais activer celui-ci et que rien ne se passe
, c'est tout à fait normal. Cela fonctionne uniquement lorsque votre
carte est complètement vide. Donc celui-ci, ici, l'un vous montre des zéros Donc, au lieu de le faire, j'aime généralement que les
choses restent simples. Je vais juste
supprimer cette étiquette de panier et elle disparaît tout simplement. Très bien, si je
cliquais ici, pourrais choisir différents
types d'étiquettes Mais comme je l'ai dit,
j'aime généralement que tout soit vide, car de
cette façon, cela aura
également une bien meilleure apparence sur d'autres appareils. Très bien, que pouvons-nous faire ? Je pense que nous pourrions
changer la couleur de cette icône ici. Pour effectuer ces modifications, nous devons aller ici, concevoir et
changer la couleur de la carte. Je veux créer des cartes
de la même couleur
que celle de mon logo ici. J'ai donc cette couleur prête. Je vais juste
ouvrir celui-ci ici, et je vais coller cette
couleur ici. D'accord, voilà à quoi ça ressemble. Vous pouvez à peine voir les changements, mais je trouve que c'est plus beau. Très bien, compte la couleur. Nous pouvons changer la
couleur en blanc. Je pense que ça va
être bien mieux. D'accord ? Donc, si je voulais, notre élément ici, comme vous pouvez le voir, il devient noir. Je pourrais donc également
changer celui-ci en blanc. Et si je survole
encore une fois, rien ne se passe. Nous pourrions donc réellement
changer la couleur du survol. Donc, si je cliquais
ici , je
choisirais cette couleur. Comme vous pouvez le voir, c'est
un peu
différent de cette couleur ici. Et juste une seconde. Et si je passais la souris
sur l'icône de mon panier, comme vous pouvez le voir,
voici à quoi il ressemble Je trouve que ça a l'air plutôt bien. J'aime généralement
conserver ce type d' en-tête
minimaliste et simple parce que j'aime rendre choses aussi faciles et simples à comprendre, car je pense que cela aide nos clients et
aime garder les choses simples Et avant de partir, avant de publier
toutes les modifications, assurons-nous que
tout s'affiche également
parfaitement sur les autres appareils. Donc, si je cliquais
sur l'affichage sur tablette, comme vous pouvez le voir, voici à
quoi cela ressemblera. Bien sûr, je vois que
ça n'a pas l'air très beau. L'ensemble de la mise en page d'accueil semble assez désordonné. Cela ne signifie pas nécessairement que cela apparaîtra sur les tablettes. Parfois, il se
bloque et vous devez le
vérifier sur la tablette elle-même
ou sur un appareil mobile Et si vous voyez que cela ne fonctionne pas, cela
n'a pas l'air bien. L'ensemble de la mise en page, tout
comme la mise en page d'accueil sur
laquelle nous avons travaillé précédemment,
ne semble pas bon. Comme vous vous en souvenez, vous devez
apporter quelques modifications à votre page d'accueil, comme nous l'avons fait pour les sections, comme nous l'avons
fait pour les colonnes. Parce que parfois,
ces modifications disparaissent tout simplement,
elles ne sont pas enregistrées. Et comme je l'ai dit, c'est le plus gros
inconvénient lorsque vous
travaillez avec un bref thème Et comme il vous
manque beaucoup d'
options de personnalisation et que vous
devez travailler sur ces paramètres, sur ces modifications plusieurs fois,
d'accord,
mais avant de partir,
assurons-nous d'avoir une mais avant de partir, bonne mise en page La mise en page que j'aime utiliser, j'aime garder le logo de mon site au milieu, comme ça. Et sur le côté gauche, j'aime conserver mon menu. Je trouve que ça a l'air bien. Nous pourrions changer la
couleur de ce menu. Donc, si je dois
cliquer sur Afficher le menu, comme vous pouvez le voir, nous pouvons
choisir le style de l'icône Nous pouvons changer le style, mais ne vous attendez pas à de grands changements. Ainsi, par exemple, si je
choisis Outline, ça ne va pas être très beau. Mais comme je l'ai dit, nous travaillons avec
un thème gratuit et nous
sommes limités en termes d'options
de personnalisation. Très bien, passons à la section Design et assurons-nous que nous avons la même couleur que celle de notre carte ou
de notre logo Parce que je pense que ça
va être bien mieux. Très bien, j'ai donc
cette couleur prête, donc je vais juste
la coller ici D'accord ? Et j'ai l'
impression que ça a l'air mieux. Très bien, voyons à
quoi cela va
ressembler sur les appareils mobiles. Et comme vous pouvez le constater,
voici
à quoi cela ressemblera sur les appareils mobiles. Peut-être que ça n'a pas l'air très beau. Parce qu'une fois de plus,
nous travaillons avec un thème gratuit et vous
ne devriez pas vous attendre très bons résultats
car nous travaillons avec outils gratuits et vous ne devez pas
oublier que ces outils ont des
versions premium pour une bonne raison, car lorsque vous êtes limité
avec des options de personnalisation, généralement les gens ont tendance à
obtenir la version pro. Très bien, revenons donc
à notre vue de bureau. Voyons à quoi ça
ressemble. Ça a l'air bien. Donc, une fois que vous avez terminé ces modifications,
cliquez sur Publier. Et encore une fois, lorsque vous
travaillez sur n'importe quelle partie
de votre site Web, n'
ayez pas peur de
tout explorer vous-même. Si vous ne
publiez aucune modification, vous n'allez rien gâcher avez
donc pas à vous
soucier de quoi que ce soit. Très bien, nous en avons terminé
avec ces modifications et nous pouvons maintenant
fermer cette barre latérale Très bien, donc je trouve que
ça a l'air plutôt bien. Et avant de vérifier
toutes les modifications, allons sur le
tableau de bord et
cliquons ici pour purger tout l'argent. Faisons en sorte que
tout change en direct. Très bien,
revenons de notre côté. Et maintenant, je
vais juste retourner sur mon site Web en mode navigation privée Et je vais juste
passer en revue certains boutons pour m'
assurer qu'ils fonctionnent. Très bien, voici à quoi ça ressemble
et ça a l'air bien mieux
que la version précédente Et ici, nous n'
avons pas de textos, mon compte. Donc pour avoir ce
texte, vous devez tout d'abord vous connecter
à votre compte, vos utilisateurs, vos
clients devront se connecter
à leur compte
pour voir ce texte. Très bien,
cliquons sur cette icône ici pour nous assurer que
tout fonctionne Oui, tout fonctionne. Nos utilisateurs peuvent donc utiliser cette page pour se connecter à leur compte
ou s'inscrire. Comme vous pouvez le voir, nous avons un en-tête fonctionnel. Cela fonctionne Et si je devais aller dans n'importe quelle
catégorie, tout fonctionne. Très bien, donc je
vais juste fermer celui-ci. Et voilà, vous savez
maintenant comment
personnaliser votre en-tête. Et si vous n'aimez pas cette
mise en page que je vous ai
montrée, vous pouvez essayer de créer
n'importe quel type de mise en page, mais j'aime généralement
garder les choses simples. Très bien, c'est tout
pour cette leçon.
44. (5.9) Modifier le pied de page (Astra): Une fois de plus, nous revenons à nos options de personnalisation et cette fois nous allons
travailler sur notre pied de page Nous pouvons donc cliquer
ici sur Footer Builder, et comme vous pouvez le voir,
c'est notre pied Il s'agit de notre générateur de bas de page. Comme vous vous en souvenez, notre en-tête avait une structure similaire et cette fois nous
travaillons sur notre pied de page. Il est
donc un peu similaire, sauf que celui-ci se trouve à
la fin de votre Très bien, comme vous
pouvez le voir en ce moment, nous utilisons deux
couches de purine Et encore une fois, c'est à vous de
décider du nombre de couches que vous souhaitez utiliser. Mais en général, j'aime
que tout paraisse simple et
facile à comprendre. Mais si vous voulez expérimenter, vous pouvez essayer différentes structures de votre pied de page Si vous avez besoin d'inspiration, il vous suffit de visiter certains des
sites Web que vous aimez, de consulter leurs touristes à pied et d'
essayer de reproduire leurs paramètres Mais encore une fois, dans ce
cours, je vais vous
montrer la manière la plus simple de créer un pied de page, et ce sera une
sorte de pied de page clair Très bien, donc pour commencer, lorsque je travaille sur Footer, j'aime utiliser quatre colonnes Donc, pour le moment, il
utilise des colonnes libres. Nous devons donc cliquer ici, et c'est ici que
nous allons travailler sur cette ligne. Comme vous pouvez le voir,
il est réglé sur gratuit et nous voulons le régler sur quatre. Et pour l'instant, nous devons déplacer ce widget ici
car il y avait deux widgets dans cette colonne
. Nous voulons donc créer un
widget pour chaque colonne. Très bien, nous y sommes
donc, mais cela n'a toujours pas
trop de sens Tu comprends ? Commençons donc par
les premiers widgets. Ainsi, lorsque vous souhaitez ajouter
des informations à votre widget, vous devez cliquer
ici, comme ça. Et en ce moment, nous
travaillons sur des widgets. Les widgets sont de petits
éléments de contenu qui peuvent être affichés à différents
endroits de votre site Web. Parfois, si vous le souhaitez, vous
pouvez afficher des widgets et la barre latérale de votre site Web si vous avez activé la barre latérale Mais je pense que la barre latérale fonctionne très bien avec d'autres types de sites Web et pas particulièrement avec les sites
de commerce électronique Très bien, nous
devons maintenant ajouter des blogs. Cela revient donc à ajouter des blocs à votre page,
à un article de blog. instant, nous devons ajouter un titre de blog et
cliquer simplement sur ce bloc. Et juste comme ça, vous l'ajouterez à votre pied de page Très bien, j'
aime généralement commencer
la première colonne avec des informations destinées à nos clients,
avec des
informations d'aide, des informations
utiles
telles que la page de contact, paiements
d'expédition et de livraison, etc. Très bien, donc je vais juste
taper « aide » ici. Très bien, pour le moment,
c'est un peu trop grand, nous devrions
donc modifier
le niveau de titre Je vais donc choisir le troisième niveau et je
pense qu'il est plus beau. Très bien, nous
devons maintenant ajouter un autre blog, et cette fois nous allons utiliser blog appelé liste Si vous ne pouvez pas voir ce blog, utilisez
simplement la liste des types de recherche et
vous trouverez ce bloc. Très bien, donc je
vais choisir la liste, et pour l'instant je vais juste lister les pages que je
veux afficher ici Je vais donc inclure le contact, expédition et la livraison, les
remboursements et les retours. Et si vous décidez
d'
ajouter une page telle que les paiements, c'est
parfois une bonne
option d'ajouter cette page. Il s'agit simplement de quelques informations supplémentaires destinées à vos clients
afin qu'ils puissent connaître les options de paiement disponibles sur votre
site Web dans le cadre de ce cours Nous n'avons pas encore créé cette page, mais vous avez maintenant suffisamment d'expérience pour la
créer vous-même. Vous pouvez créer
cette page à l'aide éditeur de texte
WordPress ou
utiliser Elementor C'est à
vous de décider si vous voulez
avoir cette page. Je vais donc simplement lister
les pages que
je souhaite afficher ici. Je vais appuyer sur Entrée. Je vais ajouter une autre page. Et juste comme ça, je vais lister toutes les pages manquantes. Très bien, je viens donc d'ajouter les pages que je
prévois d'afficher Et comme je l'ai dit, vous
pouvez également inclure une page telle que les paiements. Vous pouvez en créer un. C'est très utile pour vos clients
potentiels. Et maintenant, nous devons ajouter des URL
à ces pages ici, car
elles sont actuellement inactives Ce n'est que le texte. Donc, pour ajouter des URL, nous devons aller sur notre site Web Et comme vous vous en souvenez, nous devrions consulter toutes nos pages si nous voulons connaître la
longueur de ces pages. Passons donc au
tableau de bord de notre site Web. Passons aux pages. Cliquez sur Toutes les pages. Et je vais juste vous montrer un exemple de la façon dont vous pouvez le faire. Ainsi, une fois que nous sommes dans toutes les pages, nous voulons trouver les
pages que nous voulons inclure, en particulier les
colonnes et notre pied de page Nous avons donc une page de contact, je vais
donc simplement
cliquer ici pour voir. Je vais ouvrir celui-ci dans
un nouvel onglet, et voici notre page de contact. Nous voulons donc copier
cette URL ici. Je vais revenir en arrière et sélectionner les contextes. Et ici je vais
choisir cette option. Et je vais juste coller ma page et je vais
cliquer sur celle-ci ici. Maintenant, c'est un acte
de page, d'accord, donc juste comme ça,
je vais terminer les
ajouter à d'autres pages Très bien, nous en avons terminé avec
ce widget ici. Nous avons toutes les pages nécessaires. Plus tard, nous allons
faire quelques ajustements, des ajustements style, mais pour l'
instant nous pouvons laisser les choses telles quelles. Très bien, passons au
deuxième widget ici. Nous allons donc sélectionner ce widget. Et avant d'ajouter
nos informations, nous devons supprimer tous les blogs
précédents portant ce chapeau. Il vous suffit donc de sélectionner
un bloc, de cliquer ici et de cliquer sur
Supprimer le paragraphe. Dans ce cas, il s'agissait d'un paragraphe. Cliquons ici.
Maintenant c'est une colonne. Supprimons donc cette colonne et
répétons simplement cette procédure Supprimons celle-ci. Supprimons celui-ci, et nous devons également supprimer
celui-ci. Très bien, ajoutons maintenant
nos éléments de titre. Nous allons donc sélectionner le titre. Et comme vous vous en souvenez,
nous sommes censés sélectionner le troisième
niveau de notre rubrique. Et ici je vais taper
des informations. Très bien, comme vous vous en
souvenez maintenant, cliquons ici et nous
voulons choisir une liste Choisissons donc la liste. Et ici, je vais
énumérer des pages
telles que la politique de confidentialité des États-Unis, conditions d'utilisation
et la politique en matière de cookies. Et comme vous n'oubliez pas d'ajouter pages pour rendre ces
liens fonctionnels, nous devons accéder à nos pages
et je vais simplement
ouvrir la page à propos dans une nouvelle fenêtre. Juste comme ça. Je vais copier ce lien ici et je
vais y retourner. Je peux maintenant fermer cet onglet et
sélectionner À propos de nous. Et juste comme ça, je vais le
coller ici. Comme vous pouvez le constater, nous avons un lien actif. Ne vous inquiétez pas si la
couleur ne correspond pas. Plus tard, nous
ferons les derniers changements et
tout ira bien. Très bien, juste comme ça, je vais terminer d'ajouter toutes les autres URL
à ces pages Très bien, j'en ai fini avec cette colonne
avec ce widget, et je vais passer
au widget suivant Nous allons donc sélectionner ce widget. Et encore une fois,
nous devons supprimer les blogs qui ont été
ajoutés précédemment. Voici donc le bloc. Sélectionnons ce bloc, cliquons ici et sélectionnons Supprimer. Supprimons donc
celui-ci également. Comme vous vous en souvenez, encore une fois, sélectionnons l'élément de titre et choisissons
le troisième niveau. Et ici même, dans cette colonne, j'aime inclure les pages
d'information destinées aux clients. C'est donc exactement ce que je
vais taper ici. Très bien, ajoutons
le dernier bloc. Ce sera la liste. Et ici, j'
aime inclure des pages
telles que mon compte,
mes commandes et les détails de mon compte. C'est exactement ce que
je vais taper. Très bien, et maintenant nous devons
ajouter ces pages. Donc, pour trouver ces
pages, ces URL, allons sur notre site Web, allons sur notre page d'accueil Cliquez
ici sur mon compte. Et évidemment, c'est la page, c'est l'URL que nous voulons copier car c'
est la page de mon compte. Copions donc celui-ci. Revenons en arrière. Double-cliquez sur
ce texte ici. Choisissons cette
option et
collons simplement cette URL ici, commandes. Revenons donc à cette
page et cliquons sur Commandes. Nous voulons donc copier
celui-ci ici. Revenons en arrière. Sélectionnons mes commandes. Ajoutons l'URL et
cliquons sur Entrer les détails du compte. Revenons donc à cette page et
sélectionnons les détails du compte. Et juste comme ça, nous pouvons copier l'URL. Revenons en arrière. Sélectionnez les détails du compte. Ajoutons notre URL, puis sélectionnons celle-ci. Très bien,
il va maintenant être plus pratique pour nos utilisateurs, pour nos clients, pour les clients
potentiels d'accéder à ces informations
importantes Très bien, nous en avons
terminé avec celui-ci. Nous pouvons maintenant passer
au dernier widget. Et dans le dernier widget, dans la dernière colonne ici, j'aime généralement inclure le formulaire d'abonnement à la
newsletter. C'est donc exactement
ce que nous allons faire. Nous allons cliquer ici. Nous allons ajouter un titre et nous allons
taper newsletter. Très bien, nous voulons maintenant
modifier le niveau de cet ajout Choisissons le troisième niveau. Et maintenant, nous devons
ajouter un abonnement pour papa, ce formulaire d'abonnement, nous allons utiliser
le même plug-in,
le même générateur de formulaires que celui que nous avons utilisé pour créer notre page de contact. Allons donc sur notre site Web. Passons au tableau de bord. Et comme vous vous en souvenez, le plugin s'
appelait Fluent Forms. Nous voulons donc cliquer
ici sur le nouveau formulaire. Choisissons ce formulaire. Je pense que ce formulaire s'affichera
parfaitement sur notre pied de page. Très bien, nous devons maintenant
faire quelques changements. Commençons donc par
ce bouton ici. Choisissons ici. Et c'est la largeur minimale. Et nous voulons changer cela
au lieu d'utiliser 100 % Passons à 30 %. Je pense que 30 % apparaîtront
parfaitement sur notre pied de page. Et maintenant, nous pouvons changer
la couleur de ce bouton, comme vous pouvez le voir
ici dans le style du bouton .
Une fois qu'il est personnalisé, nous pouvons réellement ajouter notre couleur. Alors maintenant, je vais juste ajouter plus
de couleur que celle générée
précédemment à
l'aide du générateur de refroidisseurs Et ce
sera la couleur correspondante. Je vais donc simplement coller
ce code couleur ici. Comme vous pouvez le voir, voici à
quoi cela va ressembler. Et maintenant, je veux également changer
la couleur de la bordure. Je vais donc simplement coller ce code et cliquer sur OK,
alors passons au style de survol et changeons la couleur
du texte Choisissons donc la même couleur car je pense que ça
va être beau. Juste une seconde. Je vais cliquer
ici pour coller. Et je vais faire de même
avec la couleur de la bordure. Je vais le
coller ici. Et j'ai l'impression que ça
va être bien mieux. Nous avons donc le bouton S'abonner et nous devons maintenant
apporter quelques modifications à ce champ, à ce champ de saisie et ici, aux e-mails. Nous pouvons donc désactiver
celle-ci de manière obligatoire
car nous ne
voulons pas afficher cette étoile ici. Et dans tous les cas, nos visiteurs sauront
qu'ils doivent saisir leur adresse e-mail pour
s'inscrire à notre newsletter. Nous n'avons donc pas besoin d'activer
ce champ obligatoire. Ajoutons une étiquette d'élément. Cette étiquette sera affichée au-dessus de ce formulaire et maintenant en bas de page J'aime donc généralement encourager nos visiteurs à s'abonner
à notre newsletter. D'habitude, je n'appelle pas cela
une simple newsletter. J'aime appeler cela un club de membres spécial, un peu comme
ça,
parce que la newsletter
ne sonne pas très bien et nous voulons faire preuve d'un peu de
créativité avec celle-ci. Je vais ajouter une étiquette. Très bien, je crois que ça
va bien paraître. Et maintenant, nous devons changer
le titre de ce formulaire afin de savoir qu'il s'agit du formulaire de newsletter
Footer Nous pouvons donc ajouter le titre
Footer newsletter. Cliquez sur Renommer. Et maintenant, nous devons passer aux
paramètres et aux intégrations. Juste une seconde. Restez sur la page et nous voulons
cliquer sur Enregistrer le formulaire. Donc, avant de passer aux
paramètres et aux intégrations, enregistrons ce formulaire Très bien, passons
aux paramètres et aux intégrations et
nous voulons changer Message de remerciement. Merci donc de vous
être abonné à notre newsletter. Très bien, je crois que ça
va bien paraître. Nous pouvons maintenant cliquer sur Enregistrer les paramètres, et il ne vous reste plus
qu'à vous rappeler qu'il s'agit du formulaire
numéro sept. C'est l'idée de ce formulaire. Et maintenant, nous pouvons revenir
à notre Footer Builder. Et ici,
cliquez sur Plus, et utilisons une recherche
pour rechercher Fluent. Très bien, choisissons celui-ci. Et tout doit être correctement
positionné. Si cela ne fonctionne pas,
nous allons apporter quelques modifications, donc ne vous inquiétez pas à ce sujet. Très bien, nous devrions maintenant apporter quelques modifications au style de
ces widgets ici Mais avant cela, je veux juste changer
la couleur d' arrière-plan
de ce pied de page lui-même. En général, j'aime opter pour
des couleurs neutres. Cliquons donc ici et allons à l'onglet Conception. Et une couleur neutre sera une couleur gris clair. Alors allons-y directement. Peut-être choisissons-nous
celui-ci ici. Et j'ai l'impression que ça
va bien paraître. Et maintenant, nous devrions apporter des modifications à ces widgets car
je n'aime pas les couleurs. Apportons donc quelques modifications
à ce widget ici. Donc, pour apporter des modifications à ce widget, cliquez ici. Conception. Très bien, maintenant
passons à la couleur du lien, et je pense que nous pouvons
choisir cette couleur D'accord ? Une fois que nous survolons le pointeur, nous pouvons choisir cette couleur Voyons comment ça
va se passer. Maintenant, en fait, nous pouvons choisir cette couleur. Oui, avec cette couleur,
ça va être plus beau. Très bien, faisons de
même avec ce widget. Cliquons ici, design. Et choisissons la couleur du lien. La couleur du lien
sera donc celle-ci. Notre couleur sera celle-ci. Et voyons voir, oui,
c'est à ça que ça ressemble. Apportons des modifications à ce
widget. Juste une seconde. Nous allons sélectionner le design. Cliquez sur la couleur du lien. Choisissons celui-ci et
choisissons notre couleur. Ça va être celui-ci. Très bien, maintenant tout semble
beaucoup mieux et nous devrions maintenant
apporter quelques modifications à la partie inférieure de notre pied de page Alors tout d'abord, changeons
la couleur de celui-ci. Nous pourrions opter pour un gris un peu
plus foncé. Alors allons-y directement. Choisissons l'arrière-plan. Et je pense que si je
devais choisir cette couleur, je pourrais opter pour une
version un peu plus foncée, comme ça, et j'ai l'impression que ça
va être beau. Nous pouvons également modifier la couleur du
copyright si vous le souhaitez. Si cette couleur ne semble pas trop
belle, nous pouvons aller dans l'onglet Design. Et comme vous pouvez le constater, nous
pouvons changer les couleurs. Donc, si vous
optez pour
cette couleur, elle ne sera pas très belle. Très bien, avec cette couleur, ça va être un peu mieux Très bien, nous pourrions
en fait changer cette couleur en gris un
peu plus clair Passons donc au Design et
choisissons un gris plus clair. Je pense que ça va
être parfait. Très bien, nous pouvons maintenant ajouter
notre icône de réseau social. Cliquez donc
ici sur les réseaux sociaux et ajoutons
simplement vos icônes de réseaux
sociaux. Si vous avez une page Facebook, vous pouvez ajouter cette URL ici. Si vous avez l'URL de votre
profil Twitter ici, il en va de même pour Instagram. Si vous n'avez pas
d'aide, vous pouvez bien sûr
désactiver celle-ci. Nous n'allons pas
afficher celui-ci. Si vous souhaitez ajouter
d'autres profils comme Reddit, Pinterest ou quelque chose comme ça Il vous suffit de sélectionner, de cliquer sur Ajouter et
d'ajouter l'URL ici. Et nous pourrions en
fait apporter quelques modifications au design car nous pouvons
à peine voir nos icônes. Choisissons donc la couleur de l'icône. Très bien, je pense que cette
couleur sera superbe. Et quelle est la prochaine étape ? Nous pouvons également modifier la taille
de ces icônes. Alors agrandissons-les un peu. Très bien, je trouve que
ça a l'air génial. Très bien, maintenant tout
devrait être parfait. Et nous pouvons en fait
cliquer sur Publier. Et fermons cette barre latérale. Faisons défiler la page vers le bas. D'accord, comme tu peux le voir, ça n'a pas l'air très beau. Abonnez-vous à notre infolettre. Nous devrions donc apporter quelques
modifications à ce STX. Nous voulons donc
revenir à notre formulaire Ici, faisons quelques modifications. Passons donc à notre éditeur de
newsletter Footer ici. Et vous savez quoi, au lieu d' afficher cette
étiquette ici, nous pourrions la supprimer car, comme vous l'avez vu vous-même, elle n'a pas l'air très belle. Nous pouvons donc copier cette étiquette. Supprimons
celui-ci ici. Cliquez sur Enregistrer le formulaire. Et comme vous le voyez
parfois lorsque vous créez un site Web, il s'agit de résoudre des problèmes, mais ne vous inquiétez pas à ce sujet Nous allons résoudre
ce problème tout de suite. Très bien,
revenons à notre page d'accueil. Cliquez sur Personnaliser. Choisissons Footer Builder. Passons à ce widget qui
était le dernier widget. Et nous voulons ajouter
un autre bloc. Et cette fois, nous allons
utiliser un bloc de paragraphes. Ce bloc,
collons nos textes. Très bien, ce sont donc les textes que nous étions censés
avoir. Juste une seconde. Je vais taper ce texte, rejoindre notre club de membres et bénéficier
des meilleures offres et offres. Très bien, je viens de
saisir les textes et maintenant nous pouvons déplacer ce
bloc un peu vers le haut, et cliquons
ici sur cette formule Assurons-nous avoir sélectionné ce
formulaire de newsletter. Et maintenant, nous pouvons cliquer sur Publier. Ne vous inquiétez pas pour
les textes sous ce formulaire, car il
va disparaître. Très bien, nous avons donc publié
toutes les modifications. Nous pouvons maintenant revenir à
toutes les options de personnalisation. Et vous savez quoi,
je vais juste aller ma page d'accueil dans cet
onglet juste ici. Actualisons cette page une fois de plus et
voyons à quoi ressemblent nos modifications. Très bien, comme vous pouvez le voir maintenant, ça ressemble à ça Je trouve que ça a l'air un peu mieux. Et juste comme ça, vous pouvez
modifier et créer votre pied de page. Ce n'est peut-être pas la
plus belle version simplement parce que nous
travaillons avec un outil gratuit, mais elle est utile, elle est
utile pour nos clients. Et c'est le plus
important. Et disons qu'une fois que vos visiteurs s'
abonneront à ce formulaire ici Alors disons que je vais juste vous
montrer à quoi ça va ressembler. Je vais saisir
mon adresse e-mail. Cliquez sur S'abonner. Comme vous pouvez le voir, nous avons reçu ce
message et nous pouvons maintenant accéder à notre tableau de bord et
je vais
vous montrer où vont tous ces e-mails. Très bien, donc si vous voulez accéder
aux formulaires fluides ici, sélectionnons tous les formulaires Et comme vous pouvez le constater, ce
sont tous les formulaires que nous avons. Voici donc le formulaire de contact. Si vous cliquez ici, vous pourriez voir tous
les messages de contact que vos visiteurs vous
ont laissés. Mais si vous vous en souvenez, vous allez recevoir
ces messages sur votre adresse e-mail, mais cela ne fonctionne pas avec Footer Ces entrées restent ici. Cliquons donc sur les entrées ici. Comme vous pouvez le constater,
nous n'avons qu'une seule entrée et il s'agit de l'e-mail saisi. Ainsi, une fois que
vous aurez plus d'e-mails, vous pouvez
tous les sélectionner comme ça. Et vous pouvez exporter ces adresses e-mail en
cliquant ici. Vous pourrez ensuite utiliser ces adresses e-mail
pour le marketing par e-mail. Pour cela, vous devrez
utiliser un outil de marketing par e-mail, sélectionner un homme, un
homme ou un autre. C'est donc
à vous de décider. D'accord ? Vous
verrez donc ici tous les e-mails, tous les abonnements, et
maintenant nous pouvons fermer celui-ci. Et oui, en gros,
nous en avons fini avec notre
pied de page et nous presque terminé avec cette
section où je
vous montre comment créer un
site Web à l'aide d'outils gratuits
45. (5.10) Touches finales (méthode pour épargner de l'argent): Bien, avant de terminer
cette section, nous avons quelques touches
finales, les dernières choses à régler
avant de terminer cette section, où nous travaillions avec un thème
gratuit appelé Astrium Très bien, puisque vous utilisez
les options de personnalisation, vous savez quoi, nous pourrions en fait ajouter une chose à notre en-tête Ce n'est peut-être pas si
important si vous avez un petit site Web
et que vous n'avez pas trop de produits à afficher. Mais si vous avez
plus de produits, mec, peut-être qu'à l'avenir
vous en ajouterez plus que ce ne
serait une bonne chose d'
ajouter une option de recherche pour vos clients
là où se trouvent vos visiteurs. Donc, d'habitude, j'aime inclure
celui-ci et l'en-tête. Cliquons donc sur l'en-tête. Très bien, cliquons ici
juste une seconde. Et ici, nous pourrions ajouter une option de recherche
pour nos visiteurs. Cliquons donc ici et
choisissons Rechercher. Et juste comme ça, vous pouvez
ajouter la recherche à votre site Web. Si je dois le déplacer
vers le côté dérivé, voici à quoi cela ressemblera. D'accord, j'ai l'impression que
ça va
bien paraître si je clique
sur celui-ci, d'accord ? Très bien, maintenant ça
ne fonctionne plus,
mais ne vous inquiétez pas à ce sujet Plus tard. Ça va très bien
fonctionner. Très bien, design, nous
pouvons changer la couleur et c'est à vous de décider si vous voulez changer de couleur Mais comme vous pouvez le voir
ici, cela fonctionne. Maintenant. Juste une seconde. Attendez, je suis en train de
modifier l'en-tête, je suis
donc censé cliquer
sur Rechercher ici. Et si vous allez dans Design, vous pouvez choisir la couleur. Je vais donc choisir
la même couleur que celle que j'utilise pour mon logo. Très bien, alors je vais juste le
coller de ma couleur. Et comme vous pouvez le voir,
voici à quoi cela ressemble. Et si nous cliquions sur Publier, nous pouvons fermer cette barre latérale. Cliquez sur la recherche. Et comme vous pouvez le constater, nous
pouvons rechercher des produits. Il fonctionne parfaitement. C'est donc à vous de décider si vous
souhaitez l'inclure. Mais je pense que c'est très
utile pour les clients. Et surtout une fois que
votre boutique grandi
et que vous
aurez besoin de cette option de recherche. Très bien, maintenant nous en avons
totalement et absolument terminé avec notre
en-tête sans pied Et la prochaine chose à faire est de
nous assurer que
nous avons activé certaines options permettant à nos
visiteurs de créer un compte. Passons donc à
WooCommerce ici. Passons aux paramètres. Comme vous vous en souvenez, tous les
paramètres liés à WooCommerce se trouvent
ici et dans l'
onglet Paramètres de WooCommerce Très bien, passons aux
comptes et à la confidentialité, et autorisons nos clients à se
connecter à un
compte existant lors du paiement Ce sera très
pratique pour eux s'ils veulent
avoir un compte. Et permettons à nos clients de créer un compte
lors du paiement. Celui-ci est donc également
très important. Et à part ça,
tout va bien. Nous pouvons maintenant cliquer sur Enregistrer les modifications. Et pendant que nous sommes ici, nous pourrions accéder à nos plugins juste une seconde
ici, dans Plugins. Passons aux
plugins installés et à ce faisceau, mais Starter Templates installe en fait certains plugins dont nous
n'avons pas du tout besoin. Nous pouvons donc désactiver certains de ces plugins comme
celui-ci ici. C'est ce que l'on appelle les flux de cartes. C'est un plugin assez utile
si vous utilisez une option payante, mais ce plugin coûte assez cher car nous n'allons pas utiliser celui-ci. De toute évidence, nous n'
utilisons pas celui-ci. Faisons donc défiler vers le bas
ce que nous avons d'autre. Tu peux garder ce spectre. Cela peut vous être pratique
lorsque vous allez
créer des articles de blog. Celui-ci ajoute quelques blogs supplémentaires à votre éditeur de texte WordPress. C'est pratique mais il
n'est pas nécessaire de l'utiliser. Vous pouvez également désactiver
celui-ci. D'habitude, je n'utilise pas du tout
celui-ci. Mais si vous souhaitez
explorer des choses, vous pouvez conserver ce plugin. Et plus tard, lorsque je vous
apprendrai à ajouter des articles de blog, vous verrez quels
blogs vous pouvez ajouter. Ce sera
à vous de décider. Vous pouvez désactiver celui-ci et
vous pouvez le supprimer. Très bien, nous n'
utilisons pas celui-ci non plus, nous pouvons
donc le désactiver et maintenant nous pouvons
sélectionner les plugins Nous n'utilisons pas celui-ci,
celui-ci et les spectres Et encore une fois, c'est
à vous de décider si vous voulez explorer celui-ci. Mais pour être honnête, vous n'en avez pas vraiment besoin, il
suffit d'ajouter quelques blogs supplémentaires et des blogs par défaut à votre éditeur de texte
WordPress. Vous serez en mesure de
créer de bons articles de blog. Très bien, alors
sélectionnons celui-ci. Allons-y directement. Et sélectionnons Supprimer, puis cliquons sur Appliquer. Très bien, cliquons. D'accord. Et tant que nous y sommes, nous pourrions mettre à jour ce plug-in ici même.
Très bien, fantastique Nous avons supprimé tous les plugins non utilisés. Et si vous n'utilisez aucun plug-in ou certains
plugins, supprimez-les simplement. Il n'est pas nécessaire de
les conserver sur votre site Web, surtout si vous
ne les utilisez pas. Très bien, nous en avons
terminé avec cette partie. Et maintenant, la dernière chose
que nous pouvions faire, vous savez quoi,
c'était d'aller sur nos pages. Sélectionnons toutes les pages. Et ici, nous allons
pratiquer Elementor
une fois de plus, mais cette fois nous allons
faire les choses un peu différemment. Très bien, comme vous vous en souvenez, nous avons créé la page à propos à l'
aide de l'éditeur de texte WordPress Cliquez donc sur Afficher et sur
un nouvel onglet car nous
allons copier les informations que nous avons
ici Comme vous pouvez le constater en ce
moment, cette page ne
s'affiche tout simplement pas bien. Et comme vous vous en souvenez,
lorsque j'ai essayé déplacer cette image, elle ne fonctionnait tout simplement pas
pour une raison ou une autre. Cela peut arriver parfois, mais cela ne veut pas dire que
cela va vous arriver. Mais encore une fois, nous voulons que notre site Web soit aussi
beau que possible. Et maintenant, cette page à propos
ne correspond tout simplement pas à notre design. Nous devrions donc créer
cette page à l'aide d'un élément ou d'un autre. Ici, nous allons
pratiquer l'élément
ou une fois de plus. Mais cette fois, nous allons
faire les choses un peu différemment. Bien, puisque nous avons créé cette page et que nous l'avons déjà
publiée, elle comporte des options de
style légèrement différentes Nous devrions
donc créer
une nouvelle page À propos, mais avant de le faire sur, modifions légèrement cette page Ajoutons le slug, disons 21, et
appuyons sur Mettre à jour Et nous le faisons
parce que si nous voulons
créer une toute
nouvelle page à propos, donc si nous ne voulons pas modifier le slug dans cette page d'ensemble, notre page
nouvellement créée contiendra un slug non pas sur mais sur le tiret deux,
comme nous l'avons fait
pour certaines autres Très bien, nous
pouvons maintenant cliquer ici, Ajouter une nouvelle page à propos de laquelle je
vais taper Et cliquons sur Modifier
avec Elementor. Très bien, nous modifions maintenant
cette page à l'aide d'Elementor. Et si je pouvais aller
ici, vous pouvez voir nous avons des textes que
nous allons copier. Revenons donc à notre page à propos
récemment créée. Et c'est à vous de décider
ce que vous voulez utiliser si vous voulez
tout créer à partir de zéro. Mais cette fois, je vais
utiliser des modèles. Choisissons donc un modèle. Passons aux blogs. Et si vous
recherchez des informations sur les blogs, voici ce que nous obtenons. Donc, ici, c'est
à vous de décider ce que vous voulez utiliser pour améliorer
votre page à propos. Ce sera votre
devoir et c'est à vous de
créer votre page à propos et de
simplement pratiquer Elementor Et cette page À propos
est assez simple. Alors travaillez sur celui-ci. Dans mon cas, je vais juste
utiliser ce bloc ici. Je vais cliquer sur Importer un bloc, puis je vais
importer un autre bloc. Juste comme ça. J'irai encore
une fois sur les blogs. Et cette fois je
vais utiliser celui-ci. Très bien, donc juste comme ça, je vais importer
un autre blog Et ici, je vais juste
remplacer cette information. C'est tout ce que je vais faire. Très bien, vous pouvez
voir que j'ai fini d'ajouter des informations et
voici à quoi elles ressemblent Au lieu d'utiliser des images
ou de supprimer ces images. Et j'ai ajouté une superposition
à cette colonne. Comme vous vous en souvenez, si je
cliquais sur la colonne, j'irais dans Style et
je choisirais l'arrière-plan. Maintenant, au lieu de choisir la
superposition, j'ai choisi les arrière-plans. Comme vous pouvez le voir, une image d'arrière-plan
a été ajoutée. Et voici à quoi ça ressemble. Je sélectionne la taille et la couleur de l'écran, et elle s'adapte
parfaitement ici. J'ai fait de même avec
celui-ci. Et maintenant, nous pouvons cliquer sur Publier et
cliquons, jetons un coup d'œil. Et comme vous pouvez le voir
sur une page à propos, comme nous sommes censés l'être. Et voici à quoi ressemble notre
page maintenant. Et comme vous pouvez le constater, ce n'était pas si difficile, c'était plutôt facile. Nous avons simplement importé des modèles
prédéfinis et
des blogs, et nous avons remplacé
les informations Comparons-la à
la version précédente. Oui, ça avait l'air horrible et cette version est bien meilleure. C'est plus propre et c'est
facile à comprendre. Très bien, donc puisque nous sommes
là, d'accord, juste une seconde. Maintenant, nous pouvons fermer celui-ci. Nous pouvons accéder au tableau de bord. Assurons-nous que nous
n'avons pas cette page, la page précédente
que nous avons renommée. Oui. C'est la page sur
laquelle nous pouvons supprimer cette page. Tout tourne autour de la page. Comme vous pouvez le voir, il n'a
pas à côté d'Elementor. Très bien, nous avons maintenant
toutes les pages nécessaires. Nous avons un site Web entièrement
fonctionnel. Regardons notre
site Web une fois de plus. Et comme vous pouvez le voir,
voici à quoi cela ressemble. C'est ce que nous avons
pu obtenir
en utilisant un thème Astra gratuit Bien entendu, il existe davantage d' options
de personnalisation
avec ce thème. Mais pour accéder à ces options, vous devez obtenir la version
Astra Pro La version Astra Pro vous coûtera très tôt ou vous pouvez
acheter
la licence à vie, qui coûte plus de 200$ C'est donc beaucoup, mais vous allez avoir plus d'options
de personnalisation. Mais je crois qu'avec
une version gratuite, nous avons pu obtenir
de très bons résultats. Nous avons un
site Web entièrement fonctionnel et vérifions une fois de plus si notre page à
propos fonctionne Passons à la catégorie costumes. Et comme vous pouvez le voir, voici à quoi cela ressemble. Si je choisissais ce
costume ici, je pourrais l'ajouter aux cartes. Faisons donc en sorte
que tout fonctionne comme prévu. Cliquez sur Afficher le panier et nous pouvons sélectionner nos méthodes
d'expédition. Nous avons des cellules croisées. Passons à la caisse tout fonctionne et
tout va bien. Alors oui, c'est à ça que ça ressemble. Et c'est ainsi que nous avons pu créer un
site Web à l'aide d'un thème gratuit. la section suivante,
vous allez voir à quoi ressemble la version premium, combien d'options de personnalisation elle possède par rapport à celle-ci. Mais je crois qu'avec un thème gratuit, serait-il possible de créer un magasin
calme et beau ?
46. Résumé de la section 5: De grands progrès ont été réalisés jusqu'à présent. Donc, si vous terminez
cette section et que vous avez
maintenant votre
version finale de votre site Web, vous déciderez
d'utiliser un thème gratuit. Donc, dans ce cas, nous utilisons le
thème Astra et nous utilisons Elementor comme générateur de pages Donc, comme vous l'avez vu vous-même, vous pourriez obtenir de très bons résultats en
utilisant ce thème gratuit. Et bien sûr, les
thèmes gratuits sont assez limités. Sinon, pourquoi
vous proposeraient-ils des thèmes premium ? Parce qu'avec les
thèmes premium ou avec une option payante de
ce thème Astra, vous aurez plus d'options de
personnalisation, mais comme vous l'avez vu vous-même
avec un thème gratuit, vous pouvez également avoir de bons résultats Et croyez-moi, j'ai vu
des boutiques de
commerce électronique encore plus belles. Je réalise de nombreuses ventes. Mais comme vous vous en êtes aperçu avec un thème gratuit,
vous êtes limité. Mais surtout, dans cette section, vous
apprendrez à utiliser Elementor, c'
est-à-dire le plugin de création de pages Et ce plugin de création de
page Elementor
est le plugin de création de
pages le plus populaire Donc, si jamais vous décidez créer un
autre type de site Web et que vous souhaitez utiliser Elementor pour
créer vos pages C'est donc là que vous allez
avoir des informations solides, des bases
solides pour
travailler avec Elementor C'est donc une autre bonne chose que vous avez apprise
dans cette section. Mais si vous n'aimez pas l'
apparence de votre site Web, vous devriez
peut-être essayer
quelque chose de différent. La section suivante portera
sur les outils premium
concernant un thème premium que j'utilise moi-même et j'utilise en fait le même thème gratuitement sur mes sites Web
de commerce électronique. J'ai vraiment aimé ce thème
et il fonctionne très bien. Il se charge rapidement et
il a fière allure. Je vous recommande vivement de regarder cette section que
vous venez de regarder. Bien sûr, tu
l'as regardé, ainsi que le second. Il vous sera donc
beaucoup plus facile de décider de l'option que
vous souhaitez choisir. Mais bien sûr, vous pouvez
commencer avec un thème gratuit puis passer
à une version premium. Ce sera donc à vous de décider. Alors félicitations. Vous avez maintenant un site Web entièrement
fonctionnel
47. (6.0) Commencer avec le thème plat: OK, donc dans cette leçon, nous
allons commencer à personnaliser notre site Web en utilisant un
thème premium, une option premium Et vous le verrez vous-même, quel point il est différent et combien d'options de personnalisation il possède
par rapport à Astra Theme Je ne vais pas installer WordPress ou
quoi
que ce soit de ce genre. Je vais juste
télécharger le thème. Je vais remplacer mon thème Astra
actuel, mais le nouveau thème Flatsome, je vais désactiver certains plugins et vous
verrez vous-même
comment cela fonctionne, juste
au cas où vous décideriez peut-être à l'avenir à Ça va être un bon
entraînement pour toi. Mais comme je l'ai dit dans cette leçon, je vais vous montrer
comment installer un thème. Un
thème est déjà installé. Mais si vous n'avez pas
installé Astra Theme votre site Web et que vous avez
décidé
d'opter pour cette option Flatsome, tout sera plus facile pour Vous verrez donc vous-même
comment cela fonctionne, et cela vous assurera que tout ressemble
aux informations
que vous n'avez pas installé Astra Theme
sur votre site Web Très bien, donc pour
commencer, vous devez aller sur ce
site Web ici, Theme forest dotnet et
rechercher un film intitulé C'est donc le thème
que nous voulons utiliser. Et comme vous pouvez le voir, c'est le thème
WooCommerce le plus vendu Il est mobile et sa vitesse est optimisée. Alors aimez vraiment ce faisceau. Je l'utilise gratuitement mes sites Web et je vous
recommande vivement ce thème. Très bien, je viens d'
acheter ce faisceau. Et une fois que vous avez
acheté ce faisceau, vous devez accéder directement à votre profil, sélectionner Téléchargements. Et comme vous pouvez le constater, j'ai
pas mal de choses. Très bien, c'est donc
celle que je pourrais utiliser, mais j'ai l'autre
licence que j'ai activée et je peux activer
sur cette base Très bien, c'est donc le
thème de votre cas. Vous allez juste le voir, il a qu'une seule option ici. Vous devez donc cliquer ici et sélectionner Installer le fichier WordPress
BLE sur. Vous souhaitez donc télécharger uniquement un fichier WordPress
installable. Et vous souhaitez
télécharger la licence, le certificat et le code d'achat. C'est donc le code de votre thème que vous allez utiliser
pour activer votre FIM Donc, ici et le code d'achat de l'
article, vous verrez le code
que vous devrez utiliser pour activer votre thème. Alors souviens-toi de ça. Et bien sûr,
avant de revenir en arrière, si vous le souhaitez, vous pouvez
vérifier à quoi ressemble ce faisceau. Vous pouvez consulter certains des
sites Web de démonstration si je
cliquais ici vous vous
en souvenez, vous pouvez
vérifier à quoi ressemble ce site Web. Nous avons donc plusieurs sites de
démonstration. Vous pouvez vérifier et voir quelles sont les possibilités
de ce faisceau. C'est donc à vous de décider si vous
voulez le faire. Mais je voulais juste
vous montrer qu'une telle option existe. Très bien, fermons
cet onglet ici. Revenons à notre site Web et
passons au tableau de bord. Maintenant, nous allons devoir
installer ce thème. Comme je l'ai dit, peu importe
si vous avez suivi ma section précédente
où je vous ai montré comment utiliser Astra Theme ou non Toutes les étapes
seront les mêmes. Il vous suffit donc d'accéder à votre tableau de bord. Passons à l'onglet Apparence. Sélectionnez Thèmes. Et maintenant, cliquez sur Ajouter un nouveau, puis sur Télécharger un thème. Choisissez Parcourir et
sélectionnez simplement le fichier que vous venez de
télécharger. Voici donc le dossier. Cliquez sur Ouvrir et
sélectionnons Installer maintenant. Très bien, nous pouvons maintenant
activer ce thème. Cliquez simplement ici, et nous avons ici un assistant de configuration. Très bien, alors
cliquons, allons-y. Maintenant, nous allons devoir entrer
notre code d'achat ici. Passons donc à notre
fichier PDF que nous venons de télécharger et vous souhaitez copier code d'achat de
cet article qui se trouve ici. C'est donc exactement
ce que je vais faire. Je vais juste
copier ce code. Je vais revenir en arrière et avant de
coller ce code, je peux fermer cet onglet. Et je peux également
fermer cet onglet. Très bien, donc je vais juste
coller ce code ici. Je vais sélectionner Confirmer et je vais cliquer sur Enregistrer. Très bien, donc l'enregistrement
a été réussi. Nous pouvons maintenant cliquer sur Continuer. Créons un thème pour enfants. Très bien, cliquez sur Continuer. Ici, vous pouvez installer
certains plugins, mais en fait, vous n'avez pas besoin d'
installer ce premier
plugin Contact Form seven car nous utilisons un autre plugin pour
ajouter des formulaires de contact. Et maintenant, pour ce
qui est de la connexion aux réseaux sociaux, je n'utilise pas du tout ce plugin
parce que j'aime
garder les parce que j'aime choses
simples, comme je l'ai dit, et une simple connexion avec adresse
e-mail et
mot de passe fonctionne très bien. Et si vous le souhaitez, vous pouvez réellement installer
Racialist pour vos clients, vos clients potentiels
pourront créer leur liste de souhaits C'est donc plutôt bien, surtout si vous
avez plus de produits, mais si vous envisagez de
créer ce site Web dans une autre langue
que l'anglais, alors vous aurez quelques problèmes avec ce plugin car
il va être assez difficile de traduire
certains mots anglais. Et si vous évaluez votre site Web pour un public de
langue maternelle, votre site Web peut
sembler assez désordonné Mais si vous
souhaitez avoir cette liste de souhaits et que vous évaluez un site Web pour un public anglophone, vous pouvez cliquer ici Il suffit d'installer ce plugin. Cela dépend entièrement de vous. Et une fois que vous avez ce plugin, vous n'avez pas vraiment besoin
de changer quoi que ce soit. Et peu importe la voie que nous empruntons, je vais choisir d'
installer ce plugin ou non. Nous n'allons pas y
apporter de modifications. Donc, juste pour être sûr. Parce que dans
les sections suivantes, je vais vous
montrer comment traduire
votre site Web. Je ne vais pas
installer ce plugin, mais si vous le souhaitez,
vous pouvez l'installer
et avoir une liste de souhaits Très bien, nous pouvons donc
cliquer, sauter l'étape. Très bien, nous ne
voulons donc pas installer
de contenu de démonstration ici voulons donc pas installer
de contenu de démonstration Et la section précédente, lorsque
nous travaillions avec Astra Theme, était très pratique car nous en
étions à nos débuts. Nous n'avions aucune
expérience de travail avec les thèmes et les
différents plugins. Maintenant que vous avez regardé
cette section précédente, je pense que vous avez suffisamment compris
et que cette fois, il sera beaucoup plus facile de configurer votre site Web sans
installer de contenu de démonstration. Ça va être beaucoup
plus facile pour nous. N'installons donc
aucun contenu de démonstration. Cliquons pour ignorer cette
étape et si vous le souhaitez, vous pouvez sélectionner n'importe quel préréglage, cela
va simplement vous
créer un en-tête. Cela va juste ajouter
du style à votre thème. Mais en fait, vous
n'avez pas besoin de le faire car, comme je l'ai
dit dans cette section, je vais vous montrer comment
personnaliser la façon de donner à votre site Web une belle apparence sans avoir à installer
de contenu de démonstration final. Nous allons donc commencer par
le bas et nous
n'aurons pas besoin d'
utiliser de contenu de démonstration Nous pouvons également ignorer cette étape. Ici. Vous bénéficierez d'
un support client si vous
avez besoin de cette assistance. Mais je pense que vous n'aurez pas besoin
de l'aide des développeurs
du thème
car une fois que je vous
aurai montré comment créer votre
site Web à l'aide de cette machine virtuelle, je pense que vous
n'aurez aucun problème. Très bien, cliquons sur
Accepter et continuons. Très bien, maintenant nous avons terminé et nous pouvons cliquer sur Afficher
votre nouveau site Web Très bien, dans mon cas, comme vous pouvez le voir, qu'est-ce qu'il
me reste ? J'ai donc toujours ce
menu ici, le menu principal que j'ai
créé précédemment. Et dans une leçon ultérieure, je
vous montrerai comment créer un
menu une fois de plus, juste au cas où vous n'auriez pas regardé
la section précédente où je vous ai montré comment créer
un menu à l'aide d'Astra Theme Ce sera fondamentalement pareil,
mais nous allons
revenir en
arrière et y travailler un peu, juste pour vous montrer comment cela
fonctionne du mieux que vous pouvez le voir Nous avons notre page d'accueil. Cette page d'accueil a donc été
créée à l'aide d'Elementor. Cela provient de la section précédente où je travaillais
sur Astra Theme Nous n'allons donc pas du tout utiliser
cette page d'accueil. Et comme vous pouvez le constater dès maintenant, nous avons différents boutons de vente, différents styles, et vous pouvez personnaliser ces
bulles de vente, pas les boutons. Et il est extrêmement personnalisable, ce fameux personnalisable. C'est donc l'énorme avantage de ce thème par rapport
au thème Astra Et faisons défiler la page vers le bas. Qu'avons-nous d'autre ?
Nous avons donc notre pied de page et le moment, il n'a pas l'
air bien du tout et ne vous inquiétez pas à ce sujet Et peu importe
si l'apparence de votre pied de page est différente, car
plus tard lorsque nous
modifierons notre pied de page, je vous montrerai
comment le créer Et quel que soit le type
de pied de page que vous utilisez actuellement, vous pourrez toujours
suivre cette leçon Très bien, donc dès maintenant nous
devrions faire quelques changements. Nous devrions accéder à notre tableau de bord. Et je veux juste m'assurer avant de passer
aux leçons suivantes que j'ai désactivé les plugins que je ne vais pas utiliser. Dans ce cas, passons
à Plugins installés. Et le premier plugin
que je vais
désactiver sera Elementor Nous n'allons pas du tout
utiliser Elementor. Nous pouvons cliquer, ignorer et
désactiver car ce thème Flatsome possède son propre constructeur de pages
et il est plutôt bon Il est également assez flexible, nous allons
donc travailler
avec cela également. Nous pouvons désactiver le plugin Starter
Templates car nous n'allons
pas l'utiliser également. Très bien, nous pouvons maintenant sélectionner
ces deux plugins ici. Et cliquez sur Supprimer. Sélectionnez Appliquer. D'accord ? Très bien, maintenant
ces plugins ont disparu, et j'ai vraiment aimé ça Nous ne surchargeons pas notre
site Web avec trop de plugins. Parce que si vous avez trop de plugins
sur votre site Web, il est possible qu'
il y ait un problème. Je ne dis pas que
cela va se produire, mais dans certains cas certains plugins peuvent bloquer
votre site Web Et si vous
n'utilisez pas trop de plug-ins, en particulier si vous
utilisez, disons, le même type de plug-ins
dans le même but, comme des plugins pour
créer des pages, alors je vous
recommande vivement de ne pas le faire car ce n'est
tout simplement pas comme ça que les choses fonctionnent et cela pourrait
ralentir vos représentants, mais à l'heure actuelle, nous
avons huit plugins et c'est parfait Très bien, allons sur
notre site et
voyons à quoi il ressemble maintenant Bien, comme vous pouvez le voir, nous n'avons pas notre page d'accueil,
elle a complètement disparu. avons toujours les produits
les plus vendus, nous avons toujours des produits tendance, mais nous allons remplacer cette page d'accueil par une page récemment
créée sur la page d' Donc, comme je l'ai dit, peu importe
ce que vous voyez ici, vous voyez
peut-être une information
différente. Peut-être que vous avez un menu
différent ici. Votre page d'accueil
est peut-être complètement vide. Cela n'a pas vraiment d'importance
car vous
pourrez toujours suivre
cette section. Très bien,
c'est tout pour cette leçon. Maintenant, vous savez comment
installer un thème premium, et comme vous l'avez vu vous-même, vous devez le télécharger
depuis Theme Four is dotnet, et vous devez le
télécharger sur votre site Web Et bien sûr, tu
dois l'activer. Et si vous essayiez d'utiliser la recherche dans les
thèmes WordPress de votre tableau de bord, vous ne trouverez pas ce thème. Très bien, c'est
tout pour cette leçon.
48. (6.1) Introduction au générateur de pages UX: Dans cette leçon, nous allons
ajouter Shaq UX Builder. Ainsi, tout comme dans une section
précédente lorsque nous travaillions
avec l'équipe Astra, nous travaillions avec le générateur de pages
Elementor Et ici, nous avons également
un générateur de pages, mais ce générateur est livré
avec le thème Flatsome C'est leur propre générateur, et il n'a peut-être pas
autant d'options qu'Elementor, mais il reste flexible Et dans cette leçon,
nous allons
explorer ce générateur de pages. Très bien, passons
au tableau de bord. Passons à Toutes les pages. Et dans cette leçon, nous n'
allons apporter aucune modification, mais allons passer par le générateur de pages lui-même
pour vous montrer à quoi il ressemble. Et comme vous pouvez le voir, auparavant, nous avions la possibilité de modifier les
pages avec Elementor, mais maintenant nous avons la possibilité de modifier page avec you Eggs Builder Et si je cliquais
sur cette page À propos, comme vous pouvez le voir ici,
nous avons la possibilité de
modifier cette page que
vous utilisez Eggs Builder. Ainsi, au lieu d'utiliser cet éditeur
de texte WordPress que nous avons ici, nous pouvons utiliser UX Builder, comme nous pouvions l'utiliser dans la
section précédente, Elementor Alors sélectionnons UX Builder
et n'oublions pas que
nous n'allons rien
changer ici. Je veux juste vous expliquer
l'UX Builder lui-même pour vous
montrer comment il fonctionne. Et nous pouvons conserver les textes, nous pouvons conserver les
informations ici, et nous n'allons rien
changer. Je vais juste vous expliquer
ce Builder. Très bien, voilà à
quoi ça ressemble. Sur le côté gauche, nous avons notre navigateur. Voici donc notre navigateur. Nous avons des sections, nous
avons des éléments ici, et sur le côté droit, nous
avons différents modes. Nous pouvons donc consulter notre site Web en mode tablette, en mode mobile. Et lorsque nous apportons des modifications, nous pouvons effectuer des modifications pour
séparer les y. Il ne suffit pas d'apporter des modifications à
tous les appareils dans le monde entier, mais aussi de séparer les y. Ainsi, par exemple, je pourrais apporter quelques modifications à l'appareil de bureau. Je peux déplacer les éléments plutôt que de
passer en mode tablette. Si je n'aime pas l'apparence de
la mise en page, je peux apporter quelques modifications à la mise en page du mode tablette et je
peux faire de même avec les appareils mobiles. Très bien,
revenons à l'affichage du bureau. Si je devais aller ici, je pourrais apporter des modifications à
la page elle-même, mais vous n'avez généralement pas besoin de
faire de modifications ici
. Pour être honnête, je n'ai jamais fait de
modifications ici parce que tout est
bon tel qu'il est par défaut. Très bien, revenons en arrière. Et comme vous pouvez le voir ici, nous avons des éléments de texte. Ainsi, en élémentaire, vous avez
généralement des sections, puis une fois que vous avez
créé une section à cette section,
vous ajoutez des éléments. Mais cela ne s'applique pas
à UX Builder. Vous pouvez simplement ajouter des éléments
sans créer de sections. C'est aussi simple que cela. Très bien, si je clique ici, je pourrais ajouter un autre élément Comme vous pouvez le voir ici, nous avons des éléments de mise en page, nous pouvons
donc ajouter une ligne ici. Donc, si je cliquais sur celui-ci, nous ajouterions quelques lignes. Et dans ces lignes, nous
pourrions ajouter des éléments tels que des images, des boutons, des images de texte. Supposons ici que vous puissiez présenter vos catégories
ou quelque chose comme ça. Vous pouvez également choisir le nombre de
colonnes que vous souhaitez avoir, mise en page elle-même que
vous souhaitez avoir. Mais nous pouvons fermer celui-ci. Et comme vous pouvez le constater, cet
élément a été ajouté avec succès. Et maintenant, lorsque je
modifie la ligne, je m'occupe de toute cette
partie modifications de ligne afin de pouvoir travailler
sur certains ajustements de mise en page, style, et c'est à vous de
tout explorer vous-même, d'
essayer différentes modifications
juste pour essayer différentes modifications vérifier comment cela fonctionne,
comment tout fonctionne. Et plus tard, lorsque nous
travaillerons sur notre page d'accueil, lorsque nous
travaillerons sur la page Nous contacter
et lorsque nous travaillerons sur la page À propos, nous mettrons
tout en pratique et nous
occuperons de la mise en page de la page
d'accueil,
de la page à occuperons de la mise en page de la page
d'accueil, propos de la page Contact avec
tous ces ajustements. Mais pour l'instant, vous pouvez
tout découvrir vous-même. Vous n'avez pas besoin de sauvegarder quoi que ce soit. Essayez simplement d'ajouter
différents éléments, voir quels sont leurs paramètres et d'essayer de comprendre comment
tout fonctionne et fonctionne. Très bien, revenons en arrière. Et comme vous pouvez le voir,
je suis maintenant dans mon navigateur. Nous avons donc ici des éléments de texte, et ici nous avons des lignes. Cette ligne comporte 1234 colonnes. Ainsi, dans ces colonnes,
vous pouvez ajouter des images. Supposons donc que vous
puissiez ajouter un bouton d'image. Donc, si je clique sur Ajouter des éléments
ici, comme vous pouvez le voir, je peux choisir parmi la même
liste d'éléments. Ici. Tous les éléments sont gratuits. Contrairement à Elementor
où vous deviez acheter une version pro pour accéder
à de meilleurs éléments Ici, tous les éléments
sont libres d'utilisation et c'est à vous de les
explorer. Très bien, alors
fermons celui-ci. Et comme vous pouvez le voir, c'est la ligne avec différents éléments. Et je peux supprimer cette ligne. Si je clique ici, je peux faire des options. Je peux
le dupliquer, copier des options, copier un code court et effectuer tous les autres ajustements. Je ne me concentre généralement pas trop
ici et j'obtiens bons résultats sans me concentrer
sur ces autres options. Je vais donc simplement
supprimer celui-ci et cliquer ici et ajouter un
élément une fois de plus. Donc, comme je l'ai dit, nous
avons ici des éléments de mise en page. Nous avons ici différents éléments de
contenu. Nous avons des boutons, du texte, des codes
HTML, des bannières, des accordéons Je vais donc choisir l'
accordéon comme vous pouvez le voir ici, vous pouvez étendre cet accordéon Vous pouvez ajouter un titre
ici et vous pouvez ajouter des textes. Très bien, alors par exemple, combien coûtent les frais d'expédition ? Juste ici. Et une fois que vous
aurez développé, vous pourrez expliquer
le montant des frais d'expédition. Il existe de nombreuses façons d'
utiliser cet accordéon, c'est
donc à vous de décider comment
vous voulez l'utiliser Mais revenons en arrière. Et comme vous pouvez le voir, voici le Navigateur,
voici à quoi il ressemble Si vous cliquez ici, vous pouvez ajouter un autre accordéon Et juste comme ça, vous pouvez
apporter des modifications à cet accordéon. Très bien, nous pouvons supprimer celui-ci. Et la dernière chose que
je voulais vous montrer, Passons à Ajouter des éléments, ne se
trouve pas ici, mais faisons simplement
défiler tous les éléments vers le bas. Et comme vous pouvez le constater,
nous avons ici des éléments très pointus. Nous pouvons ajouter des produits, des produits
personnalisés et la
progression des ventes Ainsi, par exemple, si je
clique sur celui-ci, nous allons avoir
les produits les plus vendus Nous pouvons effectuer des ajustements,
deux colonnes par rapport au nombre de produits
que nous affichons. Et encore une fois, c'
est à vous de l'explorer. Et nous pouvons supprimer
celui-ci et nous
pouvons aller dans Ajouter des éléments,
puis ici et importer. Nous n'allons pas l'utiliser. Ne
nous compliquons pas trop avec trop d'ajustements. Revenons donc aux éléments. Et si j'allais
au studio Flatsome, comme vous pouvez le voir ici, nous avons
différentes mises en page précréées. Donc, si vous avez regardé ma section précédente
où je vous ai montré comment créer des sites Web à l'aide du thème Astra et des modèles de
démarrage Tu l'as vu toi-même. À
partir des modèles de démarrage, vous pouvez importer des pages, vous pouvez importer l'
ensemble du site Web lui-même ou vous pouvez importer des blogs. Il en va de même pour ce thème. Vous pouvez importer différentes pages de
commerce électronique. Vous pouvez donc importer
des sections et vous pouvez importer
diverses autres choses. C'est donc à vous d'explorer
ce que vous souhaitez utiliser. Dans les leçons ultérieures. Tu
vas utiliser certains d'entre eux. Mais encore une fois, c'est
à vous de
tout explorer et de ne vous
inquiéter de rien. Si vous voulez importer quelque chose et supprimer
quelque chose ou même
enregistrer ce que vous voulez, gâchez votre site Web de quelque manière que ce soit. Si vous avez des questions
ou des difficultés, rejoignez mon groupe Facebook et
je suis toujours là pour vous aider. Si vous
avez des questions, n'hésitez pas à me les poser et à m'envoyer un message et
je vous aiderai immédiatement. Comme vous pouvez le voir ici, nous avons différentes mises en page
prédéfinies et c'est à vous de décider quelles
mises en page vous souhaitez utiliser Et comme je vous
l'ai déjà mentionné dans les leçons
suivantes, nous allons utiliser certains
de ces modèles, mais encore une fois, vous
pouvez cliquer sur Importer. Ainsi, par exemple, si je
vais sélectionner Importer, je peux choisir d'
importer avec des images, mais pourquoi ai-je besoin ces images si je ne veux pas
voir à quoi elles vont ressembler Je vais donc importer celle-ci, mais maintenant les images et
je vais cliquer sur Démarrer,
comme vous pouvez le voir, je viens d'importer
cette mise en page précréée Comme vous pouvez le voir,
il comporte des sections. Ainsi, tout comme pour Elementor, ce modèle a été
créé à l'aide de sections Et puis, dans ces sections, nous avons certains éléments
qui ont des lignes, cette ligne, des colonnes. Et ici, si
je peux m'étendre, comme vous pouvez le voir, nous avons des
tags et tout le reste. Si je dois
minimiser celui-ci,
allez-y comme ça. Si je dois cliquer ici
, supprimez-le. Comme vous pouvez le constater, cette
section a disparu. Et voici la deuxième section. La raison pour laquelle il
se trouve au-dessus du texte, c'est à cause des ajustements de
mise en page. Et plus tard, une fois que nous aurons travaillé sur ces paramètres, je vais
vous montrer où vous pouvez effectuer ces
ajustements si vous souhaitez passer outre
certains autres éléments. Mais cliquons ici très rapidement
et sur les options. Et si je pouvais juste faire
défiler la page vers le bas, non, ce n'est pas celui-ci. Il suffit donc de créer deux colonnes
distinctes ici. Je vais donc cliquer sur
la ligne juste une seconde. Sur les colonnes. Juste une seconde. Oui. Oui, et la ligne sur celle-ci, si je dois passer aux options, elle devrait comporter quelques ajustements. D'accord, ce n'est pas le
cas, mais je devrais aller ici et je vais aller à
la chronique elle-même. Oui, comme vous pouvez le voir, nous
avons ajusté le rembourrage et c'est pourquoi il
se présente comme ça Alors explorez tout vous-même. Essayez de décider ce qui
fonctionnera pour vous. Ce que tu
aimerais peut-être utiliser toi-même. Et ce sera à vous de
décider si vous voulez suivre ma voie ou si vous voulez
essayer quelque chose de différent, mais si vous
avez des questions, n'
hésitez pas à m'envoyer un message et je
vais vous aider. Très bien, alors j'espère que vous
comprenez maintenant un peu mieux ce UX
Builder Et maintenant, c'était une
visite rapide. Mais dans les leçons suivantes, une fois que vous aurez commencé à
travailler sur les pages, vous verrez
vous-même comment cela fonctionne. Une fois que nous aurons terminé
la première section d'une page, vous allez
bien comprendre comment tout fonctionne. Et si vous avez regardé ma section précédente où je vous ai montré comment
travailler avec Elementor, croyez-moi, cette fois,
ce sera
beaucoup plus facile que de travailler avec Elementor Très bien, nous pouvons fermer
celui-ci ici. N'enregistrons aucune modification. Très bien, revenons à toutes nos pages et en gros
c'est tout pour cette leçon Maintenant, vous savez comment fonctionne
UX Builder. Il s'agit d'un simple générateur de pages. Il est beaucoup plus facile à
utiliser qu'Elementor, mais il est également flexible Très bien, c'est
tout pour cette leçon.
49. (6.2) Modifions la page d'accueil (UX Builder): OK, dans cette leçon, nous
allons créer notre page d'accueil. Et cette fois, nous allons utiliser UX Builder
pour créer notre page d'accueil. Dans la section
précédente, lorsque nous travaillions avec Astra
Theme Hours en utilisant Elementor et si nous voulions
accéder à notre Je vais donc simplement
ouvrir celui-ci dans
un nouvel onglet juste pour
voir à quoi il ressemble. Comme vous pouvez le voir,
voici à quoi cela ressemble. Cela semble assez désordonné, et c'est parce qu'il
a été créé à l'aide d' Elementor et maintenant nous
n'utilisons plus du tout Elementor Donc, quelle que
soit votre situation, vous avez
peut-être la
même page d'affichage. Peut-être que vous avez une page
complètement vide. Vous pourrez toujours
suivre cette leçon car nous
allons créer une toute
nouvelle page pour notre page d'accueil. Très bien, donc je vais
fermer celui-ci. Et si vous avez oublié, voici nos mises en page. C'est donc la même
mise en page que j'ai utilisée pour créer notre page d'accueil lorsque
je travaillais avec Astra Theme et lorsque je
travaillais avec Elementor Comme vous pouvez le voir dans
la première section, nous allons avoir l'image de
notre héros avec le bouton Glick to Action Et pour cela, nous allons utiliser une bannière ici,
nous avons des produits. Donc, pour cela, nous allons
utiliser l'élément produits. Nous allons
importer cette section depuis les studios Flatsome. Nous allons donc avoir
un modèle précréé, qui va nous aider
à travailler plus efficacement Et ici, nous
allons ajouter des catégories. Pour cela, nous allons
utiliser l'élément de catégorie et le dernier règlement
portera également sur les produits. Très bien, nous pouvons maintenant
revenir à toutes nos pages. Cliquez sur Ajouter un nouveau. Donnons un titre à cette page. Appelons-la Page d'accueil et cliquons sur Modifier
avec UX Builder. Très bien, pour l'instant, nous avons une page complètement vide et
cliquons sur Ajouter un élément Choisissons la bannière. Donc, avant d'apporter des modifications, assurons-nous que nous
avons bien toutes ces sections. Nous devons nous assurer que
c'est la disposition que nous avons. Alors revenons en arrière. Clôturons celui-ci ici. Et maintenant, revenons en
arrière une fois de plus. Et maintenant, nous devons ajouter un titre. Cliquez donc sur Ajouter des éléments. Choisissons juste une seconde. Choisissons le titre. Juste une seconde. Où est le titre ? Oui, c'est l'
élément que nous voulons utiliser. Très bien, utilisons le titre. Et centrons ce
titre ici. Et revenons à notre mise en page. Nous allons donc avoir les produits
les plus vendus. Alors plongeons-nous ici. produits les plus vendus, d'accord, je trouve que ça a l'air bien Nous pouvons changer la taille, passons à 120. Je pense que ça va
être bien mieux. Très bien, revenons en arrière et nous voulons maintenant
ajouter de nouveaux éléments Cet élément
va être fier. Utilisons donc la recherche
pour rechercher des produits. Très bien, c'est l'
élément que nous voulons utiliser. Sélectionnons cet élément
et cliquons sur Appliquer. Et maintenant, pour afficher les produits les
plus vendus,
il suffit de faire défiler la page d'une seconde vers
le bas Faisons défiler la page vers le bas et
sélectionnons maintenant Commander par ventes, en partant de la liste des produits
les plus vendus liste des produits
les Voici donc à quoi cela
ressemblera une fois que vous commencerez à
recevoir des commandes. C'est ainsi qu'il sera affiché, du le plus vendu au produit le moins vendu Très bien, alors restons comme
ça. Cliquez sur Appliquer, et nous
allons maintenant ajouter une autre section. Revenons donc à notre
structure et nous devons maintenant
ajouter cette section ici même
pour mettre en valeur nos avantages. Alors revenons en arrière. Cliquez sur Ajouter des éléments. Et maintenant, au lieu
d'utiliser l' un de ces
éléments ici, sélectionnons Flatsome studio et n'ayons pas peur de tout
explorer vous-même Peut-être trouverez-vous des éléments que vous aimeriez utiliser
vous-même pour rendre votre boutique en ligne un peu
plus unique. C'est donc à vous de décider. Vous pouvez
tout découvrir vous-même. Mais dans cette leçon,
nous allons
utiliser celle-ci, les icônes des services. Et juste une seconde, choisissons
celui-ci ici. Sélectionnez Importer. Importons également des images. Cliquez sur Démarrer, et
voici à quoi cela va ressembler. Très bien, alors quelle est la prochaine étape ? Revenons en arrière et nous allons
maintenant présenter nos catégories. Donc, avant d'ajouter nos catégories, nous devons ajouter un titre afin pouvoir utiliser ce
titre ici même. Nous pouvons donc dupliquer ce
titre comme ça. Tapons Catégories, puis cliquez sur Appliquer. Et maintenant, nous pouvons déplacer cet
élément ici, juste en dessous de
cette section. Et voici à quoi
ça va ressembler. Cliquez maintenant sur Ajouter des éléments, puis recherchons
des catégories. Très bien, c'est donc
ce que nous voulons utiliser. Cliquez sur Ajouter, et
voici à quoi cela va ressembler. Et maintenant, nous
n'avons pas d'images pour le moment, mais plus tard, nous allons
corriger
cela afin de pouvoir les garder comme si
elles allaient bien paraître. Très bien, cliquons sur
Appliquer et quelle est la prochaine étape ? Quelle est la prochaine étape ? Nous devons ajouter des produits
tendance. Très bien, alors revenons en arrière. Et maintenant, dupliquons
ce titre une fois de plus. Cliquez sur Dupliquer et nous
pourrons ajouter des produits tendance. Très bien, cliquez sur Appliquer. Et maintenant, déplaçons
ce titre juste en dessous de l'élément
Catégories de produits. D'accord ? Nous devons donc maintenant ajouter un élément de
produits. Nous pouvons donc dupliquer
cet élément précédent. Cliquez sur Dupliquer
, puis apportons quelques modifications. Très bien, donc au lieu
de commander par vente, nous pouvons sélectionner au hasard Il va donc afficher des produits
aléatoires. Et encore une fois, c'est
à vous de choisir le type de filtre que vous souhaitez utiliser. D'habitude, j'aime suivre cette voie. Cliquez sur Appliquer. Nous devons maintenant déplacer
cet élément du produit juste en dessous du
titre, ici même. Et voici à quoi ça ressemble. D'accord ? Maintenant que
tout est en place nous devons apporter des modifications
à la première section. C'est donc notre bannière, c'est notre image de héros. Très bien, alors cliquons
ici sur les options. Donc, une fois que j'ai cliqué sur Options, j'apporte des modifications à toute
cette section
ici même pour la dissoudre d'elle-même. Alors maintenant je veux choisir
une image d'arrière-plan. L'image d'
arrière-plan sera donc la même que celle que j'ai utilisée dans la section précédente lorsque je travaillais
avec Elementor Alors juste une seconde, cherchons cette image ici. Voici l'image, et je
vais cliquer sur Utiliser cette image, et voici à quoi
elle ressemblera. Et maintenant je veux le
faire en pleine largeur. Pour ce faire, nous devons apporter
quelques modifications à l'
ensemble de cette page elle-même. Mais avant cela, assurons-nous que nous avons sélectionné
la bonne taille. Je veux utiliser cette
taille, disons, parce que je veux utiliser une
meilleure qualité de cette image. Très bien, voici à quoi
ça va ressembler. Et je peux changer la hauteur
pour ne pas aimer ça. Il a 500 pixels
au lieu d'une dette. Je vais en utiliser 600. Très bien, je pense que ça
va être plus beau. Maintenant, je veux la
faire sur toute la largeur. Je vais donc cliquer
ici pour apporter des modifications à cette page
murale elle-même. Je vais donc choisir un modèle. Et c'est le
modèle que je souhaite choisir. Voilà à quoi
ça va ressembler. Très bien, nous n'avons pas encore terminé parce que ça n'a pas l'air
très beau ici Apportons donc quelques modifications
à cet élément de texte. Déplaçons-le vers la droite. Et voilà, juste une seconde. Je vais le déplacer un peu plus haut. Ici. Je vais modifier le texte, donc je vais cliquer
ici, ouvrir l'éditeur de texte. Et ici, je
vais juste remplacer ce texte, mais mon texte. Très bien, voici à quoi
ça va ressembler. Je vais maintenant cliquer sur OK, et je n'aime pas la
taille des textes Je peux
donc la modifier ici. Je vais donc le déplacer
légèrement vers la droite. Juste comme ça. Je peux élargir un peu plus ce domaine
ici. Juste une seconde. Je peux apporter quelques modifications supplémentaires à
ce texte. Je dois donc modifier l'élément de
titre ici. Choisissons le numéro quatre. Très bien, de cette façon, j'ai l'
impression que ça va être plus
beau, d'accord ? Nous pouvons donc augmenter
la taille de la police. Et je pense que ça
va bien paraître. Juste une seconde. Je vais
retourner à l'éditeur de texte. Ok, je pense que ça a l'air mieux et maintenant on peut changer la couleur. Donc, si je clique ici, je peux changer la
couleur de ce texte. J'ai l'impression que cette couleur
sera superbe. Alors restons comme ça. Et maintenant je veux ajouter
un bouton ici. Donc, pour ajouter un bouton,
allons-y ici. Nous pouvons cliquer sur Ajouter une zone de texte et choisissons le bouton. D'accord ? C'est donc le bouton que
nous allons utiliser. Vous pouvez utiliser un autre
préréglage si vous le souhaitez. Je vais donc simplement
cliquer sur Appliquer. Très bien, maintenant je
dois ajouter du texte. Je vais maintenant ajouter Sharp. Très bien, faisons quelques ajustements de
style. Choisissons la couleur
secondaire. Pour le moment, la couleur
secondaire est définie comme étant cette couleur orange. Mais plus tard, une fois que
nous travaillerons sur les
options de personnalisation de ce thème, nous y apporterons des modifications. Nous allons remplacer cette couleur
orange par la couleur rouge, et la même couleur est affichée ici
pour la bulle de vente. Nous allons donc travailler
là-dessus dans une leçon ultérieure. Que pouvons-nous faire d'autre ? Nous pourrions ajouter une URL
à ce bouton. Rendons donc ce
bouton actif. Cette fois, je souhaite
inclure une URL qui redirige nos visiteurs vers la page de notre boutique où ils peuvent voir
tous nos produits. Donc, si vous vous en souvenez, la page de la
boutique est slash shop. C'est la page que nous voulons utiliser. Copions donc cette
page ici. Maintenant, nous pouvons le fermer et le coller ici. Très bien, nous pouvons
également ajouter une icône. Si j'ajoutais une flèche, non ? Voilà
à quoi ça va ressembler et je peux choisir un visible
sur notre, d'accord Voici donc à quoi ça
va ressembler. D'accord, je pourrais aussi faire d'
autres ajustements. Je pourrais également agrandir ce
bouton et modifier la
taille de ce bouton. Faisons en sorte qu'il soit grand. Très bien, je trouve que
ça a l'air bien. Et je peux également modifier
le rayon. Donc si je dois déplacer un peu
celui-ci aussi, non ? Voilà à quoi ça va ressembler. Et je trouve que ça a l'air bien. Très bien, donc encore une fois, tout dépend de vous Tous ces changements, les
ajustements de style dépendent de vous. Mais si vous allez
suivre ma leçon, vous allez avoir
une base solide et vous allez comprendre comment créer votre page d'accueil
en suivant cette leçon. Très bien, alors assurons-nous
que tout va bien. Maintenant, nous pouvons modifier
le texte ici même. J'offre donc la livraison gratuite
pour les commandes de plus de 50$. Et nous pouvons continuer à effectuer des retours gratuits. Encore une fois, cela dépend de vous
et du service client. Je vais donc offrir un support client
24 heures sur 24, 7 jours sur 7, afin que je puisse l'ajouter ici Je vais donc cliquer
sur ce texte ici, et je vais ouvrir
celui-ci dans un éditeur de texte, et je vais juste remplacer les
informations ici. Très bien, nous pouvons cliquer sur « OK », et voici à quoi
ça va ressembler Nous pouvons y retourner. Nous avons donc apporté des modifications aux textes. Très bien, ici, nous pouvons également
inclure des retours gratuits. Alors continuons comme ça. Je vais juste
ouvrir celui-ci dans un éditeur de texte et je vais
ajouter les informations ici. Très bien, cliquons, OK Donc le prochain sera celui-ci Je vais donc faire part à nos visiteurs qui offrent un
excellent support client, certains vont taper 2047 D'accord, nous pouvons cliquer, OK, et pour l'instant, cette
icône n'a aucun
sens car nous offrons une assistance afin
de pouvoir changer cela Donc, si vous cliquez
ici sur cette icône, vous pouvez la remplacer. Je vais donc
cliquer ici, changer de média et j'ai déjà
téléchargé mes icônes. C'est donc l'icône que
je souhaite utiliser. Je vais cliquer sur
Utiliser cette image. Et si vous utilisez des images SVG, vous pouvez changer la
couleur de ces icônes Donc, ici, je peux changer la couleur de cette
icône, comme vous pouvez le voir, je peux faire en sorte qu'elle ressemble
à cette couleur ici, comme toutes les autres icônes. C'est donc à vous de choisir le type
d'icônes que vous souhaitez utiliser. Et je vais
vous montrer l'endroit où j'aime obtenir mes icônes gratuitement. Donc, l'endroit où j'aime
récupérer mes icônes et juste une seconde, je vais coller
cette URL ici. Et comme vous pouvez le voir, c'est ici que j'
aime trouver des icônes. Vous pouvez trouver n'importe quelle
icône que vous souhaitez utiliser et il vous suffit de la sélectionner. Vous pouvez utiliser la fonction de recherche pour
rechercher ces icônes. Et vous pouvez télécharger le fichier SVG, et vous pouvez utiliser ce
fichier ici C'est donc à vous
de décider du type d'icône
que vous souhaitez utiliser C'est là que j'ai trouvé
cette icône ici. C'est donc à vous de
décider ce que je consomme. Vous pouvez explorer ce site Web
et simplement vérifier les icônes. Vous trouverez peut-être
les icônes que vous
souhaitez utiliser à la place de celles-ci. Mais pour l'instant, gardons les
choses telles qu'elles sont. Très bien, voilà à
quoi ça ressemble et j'ai impression que tout va
bien Mais avant de partir, ajoutons quelques lacunes
entre certains éléments. Parce qu'à l'heure actuelle, cet élément
du produit se situe juste au-dessus de notre premier mandat
et nous voulons créer une lacune. Comment ajouter une lacune ? Vous vous demandez
peut-être. Cliquons donc ici sur
Elements et saisissons gap. Et c'est cette lacune que
nous voulons utiliser. Nous pouvons sélectionner cet
écart et modifier la hauteur de cet écart. Je vais donc taper 50 pixels et j'ai l'impression que ça
va bien paraître. Très bien, nous pouvons donc cliquer sur Appliquer. Et voici à quoi ça ressemble. Et nous pourrions en fait ajouter
une autre lacune ici. Nous pouvons donc dupliquer cet écart
que nous avons déjà créé. Très bien, définissons
un bit de 50 pixels. Voyons comment ça va se passer. Ce sera juste en
dessous de notre bannière. Très bien, voici à
quoi ça va ressembler
et donner l' impression que c'est
beaucoup mieux Je pourrais également ajouter une autre
lacune, Brian ici. Je peux donc dupliquer cet écart
comme je l'ai fait auparavant. Et pour l'instant, je peux combler
cet écart juste une seconde et
je peux le combler ici. Voilà donc à quoi ça ressemble. J'ai l'impression que ça a l'air mieux. Très bien, avant de partir, avant de tout publier, assurons-nous que tout soit parfait
sur les autres appareils Cliquons donc pour voir à quoi cela
va ressembler sur les tablettes. Tout a l'air parfait. Nous avons donc notre curseur,
il fonctionne correctement. Et faisons défiler la page vers le haut. Voyons à quoi ça ressemble. Très bien. Maintenant, nos textes ne sont pas très
beaux.
Nous pouvons donc changer cela. Nous pouvons développer ce
texte comme ça. On peut le déplacer un peu plus haut. J'ai l'impression que ça a l'air mieux cette fois que j'ai fait ces changements. Ces modifications ne
s'appliquaient qu'à la tablette. Voyons à quoi cela ressemblera
sur les appareils mobiles. D'accord, ça n'a pas l'
air bien du tout. Nous pouvons donc redimensionner
celui-ci comme ça. Très bien, j'ai l'impression que
c'est au centre. Nous pouvons maintenant apporter quelques
modifications à cette image afin que nous puissions à peine voir nos textes. Déplaçons donc
celui-ci comme ça. Très bien, je trouve que
ça a l'air plutôt bien. C'est facile à comprendre
et ça a l'air bien mieux. Donc si je dois revenir à la vue de
bureau, rien n'a changé. C'est donc un énorme avantage de ce thème Flatsome car
il est hautement personnalisable Comme vous pouvez le constater vous-même. Très bien, donc j'ai l'impression que
tout va bien. Nous avons toutes les
sections dont nous avons besoin. Et maintenant, nous pouvons cliquer sur Appliquer. Très bien, cliquez sur Publier. Très bien, maintenant nous pouvons
fermer celui-ci ici. Très bien, voici donc notre page d'accueil. Cliquez
ici pour afficher toutes les pages. Nous pouvons maintenant fermer
cet onglet ici. Et maintenant, nous avons notre maison
qui a été créée précédemment, et nous avons notre page d'accueil. Nous devons le remplacer par notre page d'accueil. Pour ce faire, vous devez accéder aux
paramètres ici. Choisissons la lecture et,
ici, dans la page d'accueil, sélectionnons la page que
nous venons de créer. Voici donc notre page d'accueil. Cliquez sur Enregistrer les modifications. Nous pouvons maintenant revenir à Toutes les
pages et vous verrez
vous-même que notre page d'accueil
est désormais définie comme page d'accueil. Nous n'avons donc plus besoin de cette page. Nous pouvons cliquer sur Corbeille. Très bien, allons voir à
quoi ressemble notre site Web maintenant, N est, vous pouvez voir
à quoi il ressemble Je pense qu'elle est bien meilleure
que la version précédente. Mais en fait, nous
n'avons pas terminé car le moment nous
n'avons pas d'images ici. Pour ajouter des images
à nos catégories, nous devons donc accéder au tableau de bord. Passons à l'onglet Produits. Choisissons les catégories. Et ici, avec
les jouets en bois, je peux cliquer sur Modifier. Et une fois que je suis ici, je peux sélectionner la miniature Je vais donc cliquer
ici, sélectionner la miniature, et j'ai déjà
téléchargé quelques images Ce sont donc les images
que j'ai l'intention d'utiliser. Certains, il suffit de sélectionner
cette image ici. Je vais cliquer sur Utiliser l'image. Je vais cliquer sur Mettre à jour. Très bien, passons aux catégories. Très bien, cette
image est maintenant active. Je vais donc faire de même
avec toutes les autres catégories. Je vais donc ajouter des vignettes. Voilà, vous pouvez voir que je viens de terminer d'ajouter des images, des vignettes à mes catégories,
et voici à quoi cela ressemble Bien sûr, je comprends
que c'est pour un costume, alors peut-être que tu utilises la mauvaise image, mais ça n'a pas
vraiment d'importance. Nous travaillons sur
cette page d'accueil juste pour vous montrer à quoi elle
ressemble et comment elle fonctionne. Donc, dans votre cas, bien sûr, vous allez utiliser
des images différentes, mais dans mon cas, ce sont les images que j'
ai décidé d'utiliser. Très bien, nous en avons terminé
avec l'ajout de vignettes. Nous pouvons maintenant cliquer ici et consulter notre page d'accueil. Voyons à quoi ça ressemble. Très bien. Voilà donc à quoi ça ressemble. Nous avons des catégories. Ces catégories se présentent de cette façon. Et si vous n'aimez pas l'apparence de
ces catégories, parce que pour le moment, cette catégorie
n'est pas très belle. J'ai compris. Nous pouvons donc apporter d'autres modifications. Si je pouvais cliquer ici. Non, pas ici, juste ici. Modifiez avec UX Builder. Faisons en sorte que
tout soit parfait. Très bien, alors assurons-nous
que tout soit parfait. Très bien, donc si nous avons
des problèmes de style, nous allons les résoudre Très bien, sélectionnons donc cet élément ici, Catégories de
produits Et maintenant, si je pouvais faire
défiler la page vers le bas juste
une seconde et la hauteur, nous pouvons les sélectionner une par une et
le résultat sera parfait. Très bien, je trouve que
ça a l'air super. D'accord, nous pourrions également apporter
quelques modifications à son apparence. Ainsi, pour personnaliser le lot, nous pouvons sélectionner l'étiquette. Avec étiquette. Ça n'a pas l'air très beau. Si vous voulez sélectionner Bush. Je pense que ça va
être bien mieux. Nous pouvons le garder comme ça. J'ai l'impression que ça
va être bien mieux. Et nous pouvons cliquer sur Appliquer. Cliquez sur Mettre à jour. Nous pouvons maintenant fermer UX Builder. est ainsi que nous avons créé notre page d'accueil
et par rapport à la version précédente lorsque nous travaillions avec Astra Theme, j'ai l'impression que cette page d'accueil
est bien meilleure Nous avons un bouton qui fonctionne
et tout semble parfait. Plus tard, lors d'autres étapes lorsque nous travaillerons sur
les options de personnalisation, nous modifierons
les couleurs ici, mais pour l'instant,
tout semble parfait. Voilà, c'est tout pour cette leçon.
50. (6.3) Modifions la page de conception (UX Builder): Dans le cadre de cette leçon, nous allons
créer notre page Nous contacter. Donc, si vous avez regardé ma section précédente
où je vous ai montré comment créer une page de contact
à l'aide d'
Astra Theme et Elementor Cette somme va être similaire, mais si nous accédons à la page que nous avons créée
précédemment en une seconde, nous ne trouverons pas cette
page ici. Oh non, c'est la page
que nous avons créée précédemment. Comme vous pouvez le constater, il
a l'air assez massif. Donc, au lieu d'utiliser cette page, vous n'avez
peut-être pas suivi la section précédente et vous avez décidé d'opter pour
le thème premium. Pas de soucis à ce sujet. Nous allons créer une
toute nouvelle page de contact. Pour ce faire, allons
dans le tableau de bord. Passons à Toutes les pages et
sélectionnons toutes les pages. Et avant de poursuivre,
apportons quelques modifications à la
page que nous avons créée précédemment. Cliquez donc sur Édition rapide. Et à la fin du titre
et de Slug, tapez deux. Et nous le faisons
parce que nous allons
créer une toute nouvelle page. Et si vous voulez
créer notre nouvelle page, Contact et nous allons lui
donner le même titre. Il n'
aura pas la même URL. Il y aura probablement un
contact avec Dash Two. Pour éviter de mourir, renommons la page
que nous avons notée précédemment, et nous pouvons maintenant cliquer à midi Très bien, tapons Contact et cliquons sur Modifier
avec UX Builder Très bien, cette fois,
cliquons sur Ajouter des éléments et ajoutons une ligne Choisissons donc deux colonnes, et cliquons sur Appliquer dans
la première colonne ici Je souhaite inclure des informations de contact telles que l'adresse
e-mail, le numéro de téléphone. Et si vous le souhaitez, vous pouvez également inclure
votre adresse. Et ici, je vais inclure
le formulaire de contact. Donc, si vous n'avez pas regardé ma section précédente où je vous ai montré comment
créer des formulaires de contact. Pas de soucis à ce sujet. Je vais également le montrer
ici, mais je
vous recommande vivement de consulter la leçon précédente
où j'ai montré comment évaluer une page de contact à
l' aide d'
Elementor
à l'aide d'Astra Theme Très bien, commençons donc à
travailler sur cette page. Très bien, alors pour commencer
, cliquons sur Appliquer. Et ici même, dans
cette première colonne, je veux inclure des éléments
de texte. Je vais donc
cliquer ici sur deux colonnes et je
vais choisir le texte. Je vais cliquer sur Appliquer, et je vais l'ouvrir
dans l'éditeur de texte. Et ici, je vais
taper le titre cet élément de
texte qui sera Contact. Je vais choisir
le deuxième niveau de titre pour celui-ci. Je vais cliquer sur Entrée et je vais saisir
mon adresse e-mail, mon numéro de
téléphone, et c'est à vous de décider si vous voulez
inclure l'adresse. Très bien, voici à quoi
ça va ressembler. Je vais cliquer sur OK, et je vais revenir en arrière. Et ici, dans la deuxième colonne, ici même, je vais
cliquer sur Ajouter à la colonne. Et encore une fois, je
vais choisir le texte. Je vais choisir le paragraphe. Je vais l'ouvrir
dans un éditeur de texte. Et ici, en utilisant ce
deuxième niveau de titre, je vais taper, nous
envoyer un message. Très bien, comme vous pouvez le voir, j'ai choisi le deuxième niveau de titre comme
ça. Juste un moment. Je vais choisir le deuxième niveau de titre une fois de plus et
je vais cliquer sur «
OK, d'accord, alors
revenons en arrière » Et ici, je vais cliquer une fois de plus sur
Ajouter à la colonne. Et ce semestre, je
vais utiliser le HTML. Très bien, ici je dois inclure le code
HTML mal formé. Donc, si vous ne savez pas
comment créer un formulaire, vous ai
montré dans la section
précédente comment
créer des formulaires de contact. Mais si tu n'as pas
regardé cette leçon, je vais te montrer
comment tu peux le faire. Très bien, alors accédons à
notre site Web dans un nouvel onglet. Très bien, en ce moment
je suis dans la section des posts. Donc, en gros, je suis dans un
tableau de bord de mes sites Web. Et comme vous vous en souvenez, nous avons
installé le plugin Fluent Forms. Je vous recommande vivement de
regarder ma leçon précédente
dans la section précédente où je
montrais comment créer des formulaires de
contact. Parce que dans cette
leçon, je vous ai montré comment installer le plugin
Fluid Forms. Et une fois que vous aurez installé
ce plugin, vous serez en mesure
de créer des forums. Donc, si je pouvais cliquer
ici sous tous les formulaires, comme vous pouvez le voir, j'ai
quelques lectures de formulaires. Dans la leçon précédente, j'ai créé ce formulaire. Donc, si vous ne savez pas
comment créer un formulaire, regardez ma leçon précédente. Mais si tu ne
veux pas regarder cette leçon, je peux te montrer comment procéder. Par exemple,
cliquez sur Ajouter un nouveau formulaire et choisissons celui-ci. J'aime généralement
supprimer le nom de famille, nous n'allons
donc pas
utiliser le nom de famille Et ici, au lieu
d'utiliser le formulaire d'envoi, nous pouvons le modifier
pour envoyer un message. Alors ici, je vais taper
envoyer un message. Nous pouvons modifier le style
d'un bouton ici. Alors disons que je vais
choisir le rouge. J'ai l'impression que cela va
parfaitement s'intégrer à mon design. Et voici à quoi
ça va ressembler. Très bien, donc avant de partir, cliquons sur Enregistrer le formulaire Nous pourrions également modifier
le titre de ce formulaire afin de savoir
ce que nous utilisons. Je vais donc taper le
titre de ce formulaire. Je vais appeler
ce formulaire de contact 2 parce que dans la leçon
précédente, dans la section précédente , le premier formulaire a
déjà été créé Ce sera
donc le formulaire de
contact 2. Très bien, cliquons sur Renommer, et voici l'identifiant de nos formulaires Nous voulons donc copier
cet identifiant ici. Et il y a un ajustement de
réglage très important que nous devons faire. Nous devons cliquer ici. Et comme vous pouvez le voir, voici à quoi
ressemblera le
message de notre formulaire une fois que nos
visiteurs auront soumis un formulaire. Nous pouvons donc aller ici
et envoyer des notifications par e-mail. Et assurons-nous d'avoir activé les notifications par e-mail. Une fois qu'un client,
un visiteur nous quitte, qu'un formulaire nous laisse un message, nous
en serons informés par e-mail. Mais avant de partir, nous devons procéder à des ajustements très
importants. Cliquons ici
et envoyons ici. Vous devez saisir votre adresse e-mail
professionnelle. Tapez donc l'
adresse e-mail que vous avez créée précédemment où je vous ai
montré comment créer votre adresse
e-mail professionnelle. Parce que si vous n'
apportez aucune modification ici, vous ne serez pas averti
sur votre adresse e-mail. Assurez-vous donc d'ajouter
votre adresse e-mail professionnelle ici. Je viens donc de saisir mon adresse e-mail
professionnelle. Je peux maintenant faire défiler la page vers le bas et
cliquer sur Enregistrer la notification. Très bien, alors assurez-vous d'avoir copié celui-ci ici Maintenant, nous pouvons fermer ceci ici et coller ce
code ici. Nous pouvons maintenant cliquer sur Postuler, et avant de partir, j'ai l'impression que nous
devons ajouter une lacune. Cherchons donc un élément d'écart. Sélectionnons cet élément et utilisons 50 pixels. Cliquez sur Appliquer. Et maintenant je vais dupliquer
celui-ci ici. Cliquez sur Appliquer. Et maintenant je vais porter
celui-ci au sommet. J'ai donc le même
espace en haut de mes éléments et j'en ajoute un en bas. Nous pouvons maintenant cliquer sur Publier. Très bien, nous pouvons cliquer sur Mettre à jour. Nous pouvons maintenant fermer
cet UX Builder. Très bien, passons
à toutes nos pages. Et comme vous vous en souvenez, nous avons renommé cette page Nous pouvons le mettre à la poubelle et maintenant nous pouvons voir
notre page de contact. Et voici à quoi ça ressemble. Très bien, donc les contacts ici, ça semble assez minimaliste J'ai donc décidé inclure mon adresse e-mail
et mon numéro de téléphone, mais c'est à vous de décider
si vous voulez également
inclure votre adresse,
peut-être que vous travaillez pendant vos heures de travail. J'ai décidé de suivre la voie la plus simple pour
vous montrer comment tout fonctionne. J'aime également inclure certaines informations pour mes
clients qui
répondent généralement dans les 24 heures aux
messages, aux e-mails. Juste pour remplir un peu plus cette
colonne,
mais comme vous pouvez le voir, voici à quoi
ressemble
notre page de contact en ce moment. Et c'est une page de contact entièrement
fonctionnelle. Cela fonctionnera très bien. Nous n'avons peut-être pas eu besoin d'
ajouter une lacune ici, mais nous pouvons y remédier en cliquant ici, en modifiant avec UX Builder
, et nous pouvons supprimer cette
lacune au niveau de la production de l'annonce. Très bien, alors
supprimons cet écart inférieur car nous avons déjà un bon écart entre
les éléments Nous pouvons cliquer sur Mettre à jour. Très bien, nous pouvons fermer celui-ci. Très bien, comme vous pouvez le voir, voici à quoi
cela ressemble et
j'ai l'impression que notre
page de contact est superbe Il fait l'affaire. Nos clients, nos visiteurs
pourront nous contacter, nous laisser un message et tout ce que vous pourriez demander d'autre. Très bien, c'est
tout pour cette leçon.
51. (6.4) Créer des menus: Dans cette leçon, nous
allons passer en revue le processus
de création du menu principal, des menus eux-mêmes. Donc, si vous n'avez pas regardé ma section précédente où je vous ai montré comment créer des menus. C'est fondamentalement la même chose,
peu importe le format FIM que vous utilisez, que vous utilisiez générateur de pages ou
quelque chose comme ça, les
menus font partie du
WordPress lui-même Je vais donc aller sur ma page d'accueil. Comme vous pouvez le voir,
c'est le menu. Nous n'avons pas
peur que ce menu
ne corresponde pas à notre en-tête. Plus tard, nous allons apporter
des modifications à ce menu. Mais pour l'instant, c'est
le menu que nous voulons avoir. C'est exactement le menu que nous
prévoyons d'utiliser pour notre site Web. Alors comment j'ai créé ce menu. Nous devrions donc accéder au
tableau de bord ici. Et si j'allais dans la section
Apparence ici, je pourrais choisir Menus. J'ai donc créé ce menu, et comme vous pouvez le voir ici, nous avons différents menus. Je peux donc choisir dans la liste. J'ai donc un menu principal, un menu de liens rapides. J'ai un
menu secondaire, des liens vers le site. Dans ce cours, nous nous
concentrons uniquement sur le menu principal car c'est tout nous allons utiliser
dans ce cours. Je vais donc
sélectionner ce menu principal et je vais cliquer sur Sélectionner. Et bien sûr, si vous
devez créer un nouveau menu, vous pouvez cliquer
ici et vous serez en mesure de créer un nouveau menu. Plus tard, ce menu sera ajouté à la liste de tous les menus. Et plus tard, lorsque vous personnalisez votre thème, lorsque vous personnalisez
votre site Web,
vous pouvez configurer ce menu, un menu
nouvellement créé, disons pour qu'il s'
affiche à un certain
endroit Mais pour l'instant, nous nous
concentrons principalement sur ce menu principal. Comme vous pouvez le constater, nous avons toutes les catégories et c'est exactement ce que
nous voulons. Et si vous vous demandez
comment j'ai créé ce menu, j'utilise simplement des liens personnalisés. Alors ici, j'ai ajouté le
texte, disons les costumes. donc ajouté le texte costumes, et j'ai ajouté l'URL de
la catégorie des costumes. Donc, si vous ne savez pas
comment trouver ces URL, vous pouvez cliquer
ici sur les produits Ouvrons les catégories
dans un nouvel onglet. Passons aux catégories
et disons costumes. C'est donc la catégorie
des costumes. Je peux cliquer sur Afficher dans un nouvel onglet. Et voici l'URL de
notre catégorie de costumes. Nous pouvons donc simplement copier cette URL. Si je revenais à
mon menu ici, je peux ajouter du texte du lien, des costumes, et je collerai l'URL. Une fois que j'ai cliqué sur Ajouter au menu, cet élément de menu
sera ajouté ici. Comme vous pouvez le voir
ici, nous avons des costumes. Je n'ajoute pas
celui-ci car nous l'avons déjà ajouté
à notre menu principal. Et notre menu principal est excellent. Nous n'avons pas besoin d'apporter de modifications. C'est ainsi que
vous pouvez créer des menus. Vous pouvez également choisir
parmi les catégories. Si j'allais juste ici. Non, désolé, ça ne marche pas. Donc, celui-ci, ici, les éléments de
menu sont un
peu différents de ceux de la version précédente lorsque nous travaillions avec Astra Theme Et c'est simplement parce que nous travaillons avec un thème
différent. Ainsi, les différents thèmes
ont généralement des options différentes. Mais dans ce cas, lorsque vous créez un menu, vous devrez
utiliser la même option, des liens
personnalisés, comme nous l'avons utilisé dans la section précédente lorsque je
travaillais sur Astra Theme Alors ici, n'oubliez pas coller l'URL de votre catégorie, ajouter le texte et de
cliquer sur Ajouter au menu. Et c'est ainsi que vous
allez créer votre menu. Et ici, bien sûr, vous pouvez configurer votre menu pour
qu'il s' affiche à
différents endroits, mais vous n'avez pas besoin de vous concentrer là-dessus affiche à
différents endroits,
mais vous n'avez pas besoin de vous concentrer là-dessus car dans les leçons suivantes, nous
modifierons les emplacements de notre menu qui sera
affiché sur notre site Web. Donc, ne vous inquiétez pas à ce sujet. Vous n'avez pas du tout besoin de vous concentrer
ici. Et une fois que vous avez terminé
votre menu, n'oubliez pas de le sauvegarder. Et si nous voulions
revenir à notre site Web, je vais simplement accéder à
cet onglet ici. Je vais cliquer sur Visiter le site. Comme vous pouvez le voir, c'est le
menu que nous allons avoir. Je vais fermer
cette tige ici même. Si vous vous demandez comment
créer un menu déroulant, avez déjà montré comment
procéder dans la section précédente, mais je vais juste vous le
montrer une fois de plus. Ainsi, par exemple, si vous avez des costumes dans la catégorie parents et que vous avez des catégories pour enfants
comme les costumes d'Halloween, costumes
de Noël,
quelque chose comme ça. Et vous voulez créer
un menu déroulant. Disons que ça va
être tes costumes, et celui-ci va
être un costume d'Halloween. Il suffit donc de le déplacer vers
la droite, comme ça, d'appuyer sur Enregistrer le menu. Revenons
à notre page d'accueil. Actualisons cette page. Et comme vous pouvez le voir maintenant, costumes,
le menu déroulant contient des jouets pour le bain, mais dans votre cas, il peut s' costumes
d'Halloween et peut-être que vous allez avoir
le deuxième article, costumes
de Noël ou
quelque chose comme ça. C'est ainsi que vous
créez un menu déroulant. Très bien, revenons en arrière et
refaisons les choses
comme avant Nous devons donc sélectionner
cet article ici. Déplaçons-le vers la gauche. Et juste comme ça,
nous allons
revenir à la mise en page précédente. Bien sûr, vous pouvez
échanger votre place avec de nombreux éléments comme ça. C'est donc à vous de décider. Donc, une fois que vous avez apporté des modifications, n'oubliez pas de cliquer sur le menu Enregistrer. Nous pouvons maintenant
retourner à notre page d'accueil. Actualisons cette page. Et comme vous pouvez le voir maintenant, les costumes ne sont pas un menu
déroulant. Très bien, nous pouvons fermer cet onglet. C'est ainsi que
vous pouvez créer des menus. Et si vous n'êtes pas
sûr des menus, vous voudrez tout de même en savoir
un peu plus à ce sujet. N'oubliez donc pas de regarder ma section précédente où je vous ai montré comment
travailler avec As Supreme. Et vous pouvez consulter
la leçon où j'ai montré comment créer des menus. Ainsi, quel que soit le
thème que vous utilisez, quel que soit le
plugin de création de pages ou quoi
que ce soit de ce genre que vous utilisez, le processus de création de votre menu sera le même. Mais plus tard, lorsque
nous travaillerons sur
les options de personnalisation de notre site Web, nous pouvons configurer notre menu pour qu'il s'
affiche à certains endroits. Notre objectif va donc être de configurer ce menu
pour qu'il s'affiche. Et maintenant, Header,
ça n'a pas l'air très beau pour le moment, mais nous allons faire quelques options
de personnalisation
dans les leçons suivantes. Très bien, c'est
tout pour cette leçon. Vous devez maintenant savoir
comment fonctionnent les menus et si vous avez besoin de
plus d'informations, n'oubliez pas de consulter
ma leçon précédente dans la section précédente
où je
vous ai montré comment créer des menus
52. (6.5) Personnaliser le thème (plat): OK, dans cette leçon,
nous allons commencer à personnaliser notre thème et vous
allez voir vous-même
combien d'options de personnalisation possède
ce faisceau par rapport à notre thème précédent sur
lequel nous avons travaillé Très bien, alors cliquons
ici, personnalisez. Et comme vous pouvez le voir ici, nous avons toutes les options
de personnalisation. Nous avons un peu plus d'options, mais une fois que nous avons cliqué, disons sur l'
en-tête ici, comme vous pouvez le voir, voici le nombre d'options
dont nous disposons. Ici, nous avons
notre générateur d'en-tête. Nous pouvons configurer différents types de Heather's pour les appareils de
bureau,
pour les appareils mobiles et les tablettes Et pour l'instant, nous
n'allons pas travailler sur notre en-tête parce qu'il y a mal de choses,
alors parlez-en. Et dans la dernière leçon, nous allons nous concentrer un peu plus sur
l'en-tête et nous allons travailler sur la
dette dans la leçon suivante. Très bien, alors revenons en arrière
et passons au Style. Donc, encore une fois, dans Style, vous allez évidemment apporter
des modifications au style, aux polices , aux
deux couleurs, etc. Donc si je clique ici, topographie, comme vous pouvez le voir, je peux choisir mes familles de polices, quatre types de textes différents Donc, pour l'instant, comme vous
pouvez le voir pour les gros titres, voici le titre. C'est le titre qui
disait qu'il s'agissait de cette obligation, et voici l'écart. C'est à vous de choisir le type
de police que vous souhaitez utiliser. Comme d'habitude, ne me
compliquez pas trop avec les familles de polices,
c'est à vous de décider C'est bien sûr une
question de goût, mais de nombreux sites Web utilisent
désormais la police Roboto Ils utilisent également d'autres familles de polices
populaires. Et vous pouvez rechercher sur Google si vous le souhaitez, vous pouvez consulter d'autres familles
de polices
populaires utilisées par la plupart de leurs sites Web. Mais comme vous pouvez le voir, celui-ci a l'air plutôt bien. Et si vous voulez choisir
dans la liste, comme vous pouvez le voir, nous avons différentes
polices disponibles et c'est à vous de
décider si vous souhaitez
explorer cette option ici. Comme j'aime toujours le dire, n'ayez pas peur de
tout explorer vous-même,
car vous allez
apprendre à mieux utiliser cette
poutre ou cet outil. Et comme vous pouvez le voir ici, nous avons également les différentes
polices pour le STX de base Donc, si je cliquais sur
mon produit ici, ce sont les textes de base. Il s'agit du texte qui sera utilisé
pour les descriptions des produits, leur réutilisation, les
articles de votre blog, etc. C'est donc ici que vous
pouvez apporter des modifications à ce type de navigation dans les textes. Donc, si vous voulez
choisir une police différente pour votre navigation, elle sera
appliquée ici. C'est à vous de décider et juste
pour vous faire savoir que ce
n'est pas un problème d'utiliser deux
polices sur votre site Web. Vous pouvez tout à fait utiliser deux
polices sur votre site Web. Vous pouvez utiliser différentes polices pour vos titres ou pour
vos piles de base Vous pouvez même utiliser une police
complètement différente pour le menu de navigation. Mais gardez simplement à l'esprit
que ces polices doivent correspondre. Très bien, c'est ici
que vous pouvez effectuer ces modifications. Vous pouvez également modifier les transformations
du texte ici. Comme vous pouvez le voir
ici, en ce
moment, j'ai dit en majuscules si je voulais activer celui-ci Comme vous pouvez le constater, au lieu
d'être en majuscule, cette section s'
affiche ici en lettres normales Très bien,
revenons aux majuscules. Et encore une fois, c'est
à vous de décider ce que vous voulez utiliser, quoi vous voulez
donner une apparence. Parce qu'encore une fois,
c'est une question de goût. Si vous suiviez mon
cours à l'aveuglette, vous vous retrouveriez probablement avec des sites Web
de la même apparence Je pense donc que l'unicité
est très importante. Vous devez donc
tout explorer vous-même. Très bien, revenons en
arrière et en couleurs. Très bien, comme vous
pouvez le voir ici, nous avons des couleurs primaires, des couleurs
secondaires Et pendant que nous travaillions sur
notre page d'accueil, juste une seconde. Oui, c'est la page d'accueil
et comme vous pouvez le voir, voici à quoi ressemble notre page d'accueil. Et comme vous vous en souvenez,
lorsque nous travaillions sur cette première section de cette bannière, et lorsque nous avons ajouté un bouton, nous avions la possibilité de choisir couleur
que nous voulions utiliser. Nous avons donc opté pour la couleur
secondaire, et comme vous pouvez
le voir, la même couleur est utilisée ici
et ici. Comme il s'agit d'une couleur secondaire, la couleur primaire se trouve ici. Je vais donc simplement
changer ces couleurs ici. Et je vais
ajouter des couleurs aux liens. Cependant, les couleurs des liens
et tout ça. Et encore une fois, c'
est à vous de
décider parce que vous travaillez sur
le style, sur les couleurs. Et n'oubliez pas que
le meilleur des cas est de les faire correspondre et de faire correspondre les
couleurs. Comme vous vous en souvenez, je vous l'ai montré dans la leçon
précédente il y a quelque temps, où j'ai expliqué comment utiliser l' outil de
refroidissement pour générer des couleurs
correspondantes Donc pour l'instant, je
vais simplement remplacer toutes ces couleurs par des couleurs
assorties. Très bien, vous pouvez le voir, je viens de terminer de remplacer toutes les couleurs et voici
à quoi ça ressemble Et maintenant, tout
semble un peu mieux, comme tout. Et le sentiment, bien sûr, c'est
que nous avons toutes les
couleurs correspondantes en place. Et si je fais défiler la page vers le bas, voici à quoi tout ressemble. Et encore une fois, tous ces ajustements de
style dépendent de vous, mais n'oubliez pas que vous devez utiliser des couleurs assorties. Et si je faisais
défiler la page vers le bas, comme vous pouvez
le voir, je peux apporter des modifications aux différents éléments, aux différentes zones de
mes sites Web ou à mon thème. Ainsi, par exemple, je pourrais choisir une
couleur complètement différente pour le bouton de vente. Donc, au lieu d'utiliser
cette couleur secondaire, comme vous pouvez le voir
ici, je pourrais choisir couleur pour les bulles de vente. Ce ne sera donc pas
la couleur secondaire, mais elle
utilisera cette couleur si je décide de la
définir ici. Et comme vous vous en souvenez, je vous ai déjà dit que
vous ne devriez pas utiliser trop de couleurs sur votre site Web car cela n'aurait pas
l'air professionnel. Mais si vous décidez de modifier
la bulle de la cellule ou le bouton Ajouter au panier ou
quelque
chose comme ça N'ayez pas peur d'utiliser quatre couleurs ou jusqu'à
cinq couleurs, c'est bien. Mais gardez simplement à l'esprit que vous devez faire correspondre toutes ces couleurs. Vous pouvez donc explorer vous-même ces
paramètres ici même. Et maintenant, nous pouvons y retourner. Et si je choisissais les styles
globaux ici, nous n'allons rien
changer car tout est bon
tel qu'il est par défaut. Revenons donc à un peu de CSS. Donc, comme je vous l'ai dit et comme je l'ai dit
au début de ce cours, nous n'allons
travailler avec aucun code et nous n'allons pas le faire. Mais si vous
avez besoin d' options de personnalisation supplémentaires,
pour aller encore plus en profondeur, pour modifier les couleurs, les spores sous forme de petits éléments
distincts C'est ici que vous pouvez le faire. Mais pour cela,
il faut savoir coder. Vous devez donc connaître le langage de codage
CSS. Bien sûr, c'est pour les utilisateurs
avancés. Très bien, revenons en arrière
et à la lightbox. Et nous n'allons rien
changer car tout est bon
tel qu'il est par défaut. Très bien, revenons en arrière. Et dans Blog, nous n'allons rien
changer car nous n'avons pas encore commencé à parler de blogs. Et pour cela, j'ai une section
complètement séparée. Donc, si nous voulions apporter
ces modifications ici même, nous ne devrions pas d'abord
créer un blog, ce qui n'est pas encore le cas. Mais ici, vous pourrez
simplement apporter modifications à vos articles de
blog, aux catégories. Et encore une fois, c'est
une question de goût. Une fois que
vos articles de blog seront prêts, c'est ici que vous pourrez
effectuer divers ajustements. Comment vos articles de blog
seront affichés, ressembleront les
images présentées, quelles métadonnées vous
souhaitez afficher, etc. C'est donc à vous
de l'explorer, de concevoir à quoi ressemblera la chose
. Mais en général, comme
c'est le cas par défaut, cela fonctionne bien
et vous le constaterez
vous-même une fois que nous aurons publié
notre premier article de blog. Et ce sera à
vous de concevoir la façon dont vous souhaitez travailler sur les options
de personnalisation de l'aspect blog. Mais je pense que la version par
défaut semble généralement bonne,
quel que soit le
thème que vous utilisez. Donc, si vous utilisez un thème
Astra ou celui-ci, si vous ne voulez pas être à la
traîne , c'est très bien, , c'est très bien,
vous pourrez apporter des
modifications aux pages du blog, aux articles de blog et à tout ce qui est associé au blog Très bien, revenons à l'onglet
WooCommerce ici. C'est ici que vous
pouvez apporter des modifications à la partie WooCommerce
de votre site Web Donc, dans la section Avis du Store, si vous avez regardé ma section
précédente, c'est ici que j'ai ajouté
mon avis du Store. Si j'activais cet avis de la
boutique ici, je cliquerais sur celui-ci ici. Comme vous pouvez le constater, nous avons avis de
boutique que
vous pouvez rejeter, mais je n'
utilise généralement pas cet avis du magasin, disons pour ce
type de message, livraison
gratuite pour
les commandes de plus de 50$. Quand je travaille
avec Flatsome Theme, c'est
peut-être une bonne option, c'est un bon choix lorsque vous
travaillez avec Astra Theme, vous n'avez pas d'
options de personnalisation Mais avec Flatsome Theme, j'aime généralement afficher
ces informations ici Vous pouvez donc le faire facilement. Nous pouvons donc désactiver complètement
celui-ci. Très bien,
revenons au catalogue de produits. C'est ici que vous pouvez apporter
des modifications au catalogue de produits. D'habitude, j'aime bien la façon dont
tout est vu. Ne changez rien. Mais c'est à vous d'explorer
les options de personnalisation. Comme vous pouvez le constater,
il s'agit de notre page produit. Donc, peu importe si
vous allez appartenir à la catégorie des costumes ou à la catégorie des attractions,
ou n'importe où ailleurs. Il aura la même apparence
que celui-ci, net. C'est donc ici que vous effectuez toutes les modifications
liées au catalogue. Si je faisais défiler la page vers le bas, cela pourrait très bien modifier la
mise en page de votre catalogue. D'habitude, j'aime bien garder celui-ci. Vous pouvez modifier le style de la liste et effectuer divers
autres ajustements. Comme vous pouvez le constater, il existe
de nombreux ajustements. Et encore une fois, c'est
une question de goût. Et lorsque nous allons
visiter la section des widgets, c'est ici que nous allons
ajouter des widgets. Alors ne nous concentrons pas
là-dessus pour l'instant. Très bien, alors n'ayez pas peur de
tout explorer vous-même. Très bien, revenons au catalogue des produits, à la page des
produits Très bien, voici donc la page
du produit. Si je cliquais
sur ce produit, nous travaillerons sur cette page de produit afin que vous
puissiez modifier la mise en page, vous pouvez changer l'apparence du contenu, l'
apparence de l'en-tête, etc. C'est donc à nouveau à vous
de l'explorer. D'habitude, j'aime
que tout reste tel qu'il est. J'ai l'impression que c'est le plus beau. Vous pouvez également modifier
la façon dont les images supplémentaires
seront affichées. Donc, par exemple, oui, c'est à ça que ça va ressembler, mais j'aime généralement
opter pour cette version. Et comme vous pouvez le voir ici, nous avons plusieurs
autres ajustements. Et si je
choisissais, par exemple, Ajouter au panier », je ferais défiler la page vers le bas. Comme vous pouvez le constater, nous avons l'option
Ajouter au panier. Encore une fois, c'est à vous de décider ce qui vous
convient le mieux. Du point de vue du
taux de conversion, je n'ai
pas remarqué de grandes différences quant l'activation ou non de celui-ci. C'est donc à vous de décider
de l' apparence que vous souhaitez donner à
votre site Web. Parce qu'après tout, nous
créons des sites Web uniques. Très bien, donc je vais juste
désactiver celui-ci. Ensuite, comme vous pouvez le voir ici, nous avons encore d'autres ajustements. Mais encore une fois, je ne me
compliquerais pas trop les choses
avec les changements de dose,
car en général, tout
est bon tel qu'il est par défaut Très bien, revenons en
arrière et à mon compte. Donc, si je devais cliquer
sur Mon compte je devrais cliquer
ici sur mon compte. Comme vous pouvez le voir, c'
est la page de mon compte. Vous pouvez donc modifier ici
l'alignement du titre. Comme vous pouvez le voir,
voici à quoi cela ressemblerait. C'est ce que j'ai l'impression. Ça aura l'air mieux. Oui, peut-être que ça va
être un peu mieux et que tu peux changer
la couleur du texte. Encore une fois, ces
changements dépendent de vous. Nous n'avons pas
trop d'ajustements ici, mais ça va. D'habitude, j'aime conserver
notre symbole en forme de chaîne. Très bien,
revenons aux icônes de paiement. C'est à vous de décider si
vous
souhaitez afficher des
icônes de paiement telles que Visa,
PayPal, Stripe, MasterCard,
paiement à la livraison. Et si vous faites défiler la page vers le bas, vous trouverez encore plus d'autres
types de paiements différents. Et d'habitude, j'aime bien les
exposer, surtout si je travaille
avec un public international. Mon public mondial
verrait donc que accepte Visa, PayPal,
Stripe, MasterCard. Habituellement, si vous acceptez
les paiements par carte, c'est une bonne idée d'
inclure
Stripe car Stripe est une marque très
connue C'est
donc généralement une bonne
idée de l'inclure. Et par exemple, une fois que j'ai
sélectionné le pied de page absolu, comme vous pouvez le voir, il est déjà
affiché ici, mais il ne devrait pas l'être Très bien, je voudrais afficher ces contraintes Payment I ici, mais je
voulais juste vous montrer que si je
dois désactiver,
elle disparaîtra. Je devrais donc activer celui-ci dans une leçon
ultérieure, lorsque je travaillerai sur le pied Nous allons faire quelques
ajustements ici Mais pour l'instant, maintenons ces quatre actifs et nous pourrons y retourner. J'ai également oublié de
mentionner que vous pouvez également activer cette barre latérale à une
extrémité de la carte, mais je ne le fais généralement pas Mais juste pour vous montrer à
quoi ça va ressembler, activons celui-ci. Passons à la page de notre panier. Et c'est comme
ça que ça va se passer. Voici donc à quoi cela ressemblerait, accord, afin que nous puissions le désactiver C'est donc à vous de décider
si vous voulez rester actif ou si vous
voulez le désactiver, je vais juste le désactiver. Je vais y retourner. Je vais aller sur la page d'accueil et juste une
seconde. Qu'est-ce que nous avons d'autre ? Nous avions des icônes de paiement, des images de
produits. Nous n'allons
rien changer parce que j'ai impression que tout est
bon tel qu'il est par défaut. Mais par exemple, si je
choisissais celui-ci un par un, comme vous pouvez le voir,
voici à quoi il ressemblerait Peut-être que ça sera plus beau. C'est donc à vous de décider. J'ai l'impression que ça va être
un peu mieux. J'ai l'impression que ça a l'air mieux. C'est donc à vous de décider si vous souhaitez conserver
celui-ci ou si vous souhaitez l'utiliser personnalisé et vous pouvez modifier
ces paramètres ici. Revenons à la page de paiement. Très bien, celui-ci est très
important car nous faisions quelques modifications dans la section
précédente lorsque je vous
montrais comment
travailler avec Astra Theme, comment le personnaliser Certaines modifications ont été enregistrées. Donc, qu'est-ce qui est mort dans cette
section ? Si vous vous en souvenez, j'ai décidé de masquer le champ du nom de l'
entreprise parce que je fais affaire avec des clients. Je ne fais pas
affaire entre entreprises. J'aime garder les choses simples. Et j'ai décidé de masquer la
deuxième ligne pour l'adresse. Ce n'est pas nécessaire
car cela peut parfois sembler un peu confus
pour les clients. Simplifions-nous les choses car ce sont les choses simples qui
fonctionnent le mieux. Champ de formulaire. Un champ que j' aime généralement exiger parce que
c'est important, le champ et la désinformation
sont importants Et ici, vous pouvez effectuer
divers autres réglages. Mais d'habitude je ne
change rien. Peut-être que dans certains cas,
plus d'e-mails sont envoyés à la première
position, juste comme ça. Vous pouvez donc activer celui-ci ainsi que certains de mes sites Web. Ils ont leur adresse e-mail
en première position. Et encore une fois, je
n'ai
pas remarqué de différence énorme
dans le taux de conversion. Et si l'apparence de
cette page de paiement ne vous convient pas, vous pouvez la conserver telle quelle. Mais si vous choisissiez la mise en page simple,
comme vous pouvez le voir, voici à quoi elle ressemblerait et j'ai l'impression qu'elle va
avoir l'air trop beurrée. Et si vous
choisissez un modèle ciblé, il se peut qu'il ne
soit pas très beau. Alors allons-y avec une solution simple. Très bien, maintenant nous pouvons y retourner. Et si je devais passer aux ajustements du
panier, c'est ici que je
vais apporter des modifications au panier lui-même. Je dois donc aller dans mon panier. Et encore une fois, ici, vous
pouvez modifier la mise en page. Si je dois choisir
la solution la plus simple, voici à quoi elle ressemblera, mais je peux opter pour une solution ciblée. J'ai l'impression que celui qui
est concentré sera bien plus beau. D'accord, ça a l'air un peu mieux. Je crois savoir qu'il
semble presque identique. Et en une seconde, vous pouvez également activer
les étiquettes d'expédition des cartons. Comme vous pouvez le voir,
voici à quoi cela ressemblerait. Donc, encore une fois, c'
est à vous de décider. Et ici, si vous apportez
des modifications à ces options, vous ne verrez aucune modification. Parce que dans la dernière
leçon de cette section, je vais vous montrer comment corriger cette page du panier,
la page de paiement. Il y a certaines choses que
nous devons faire, mais ne vous inquiétez pas, tout fonctionne comme
il est actuellement. Mais dans la dernière leçon,
la touche finale, nous allons nous occuper
des dernières étapes pour que tout soit
parfait. Très bien, donc je pense que
tout va bien. Maintenant, nous pouvons revenir en arrière et en
gros, nous en avons terminé avec l'onglet
WooCommerce, les options de
personnalisation de WooCommerce Alors revenons en arrière. Ajustements de mise en page Nous n'allons rien
changer car tout est
bon tel qu'il est par défaut Peut-être que vous créez
un type de site Web dans une niche spécifique où
votre site Web doit être très agréable ou
quelque chose comme ça. Peut-être voudriez-vous inclure une image d'arrière-plan que
vous pouvez à peine voir. Peut-être que ça marcherait. Alors encore une fois, c'est à vous de décider
et n'oubliez pas de vérifier à chaque fois les modifications sur
chaque Y
sur tablette ou mobile. Et encore une fois,
revenons à la vue du bureau. Nous
n'allons donc
rien changer ici car tout
est bon tel qu'il est par défaut. Très bien, revenons en
arrière et revenons au pied de page, nous n'allons pas apporter de
modifications car il y aura une leçon complètement
distincte à Et en gros, dans cette section vous allez
avoir deux options. Comment configurer votre pied de page Vous allez donc avoir
la même option que dans la
section précédente en utilisant des widgets. Mais dans la deuxième option,
nous allons
configurer notre pied de page de manière
un peu plus simple Et c'est
exactement sur cela que je vais me concentrer. Alors ne nous concentrons pas du tout sur le
pied de page pour le moment. Nous allons avoir une leçon
séparée pour ces pages ici. Nous n'allons rien
changer car tout est bon
tel qu'il est par défaut. Très bien,
revenons au portfolio. Nous pouvons ignorer le portefeuille car nous créons
une boutique de commerce électronique. Nous n'évaluons pas les sites Web de type Upper
Swallow. Et comme je l'ai dit, ce thème Flatsome, ce thème premium est
extrêmement polyvalent Vous pouvez même créer un portfolio de
sites Web à l'aide de ce faisceau. Mais puisque nous travaillons
sur un site Web de commerce électronique, concentrons pas du tout là-dessus. Très bien, revenons aux menus. Ici, nous pouvons donc modifier
l'emplacement des menus. Et pour être honnête, ici, nous n'allons pas
changer grand-chose. C'est probablement la seule chose
que nous allons changer. Nous allons passer au menu principal. Et en gros, nous avons eu des ajustements
un peu similaires avec Astra Theme Mais ici, nous avons plus de paramètres car nous travaillons
avec un thème premium. Et la seule chose que
je vais changer, désactiver le menu du pied de page Je n'ai pas besoin
d'afficher de menu dans le pied de page. Donc, si je pouvais faire
défiler la page vers le bas, comme vous pouvez le voir, ce menu qui était affiché
précédemment a disparu, et c'est exactement ce que
nous voulons que cela se produise. Très bien, revenons en arrière. Revenons-en encore une fois. Widgets. Nous n'avons donc pas
beaucoup d'ajustements ici. Comme vous pouvez le constater, nous avons
apporté des modifications à notre pied de page. Et si j'y retournais, c'est le deuxième Fetzer Et ici, nous n'allons rien
changer car ces widgets sont
là pour notre pied de page Et peut-être si vous
décidez de personnaliser
votre pied de page à l' aide de coins comme nous l'avons fait dans la section
précédente C'est ici que vous pouvez
travailler sur ces widgets. C'est ici que vous pouvez
ajouter ces widgets. Mais dans cette section,
nous allons
créer notre pied de page d'une
manière différente Très bien, alors ici, ne nous
concentrons pas trop là-dessus. Très bien, laissons cela
comme dans les paramètres de la page d'accueil. Nous n'allons rien changer car tout est
bon tel qu'il est par défaut. Et comme vous pouvez le voir, la seule
chose que nous pouvons changer c'est de créer une page
pour nos articles de blog. Très bien, revenons en arrière. Partagez, servez, partagez. Vous pouvez apporter des modifications
au bouton de partage. Ainsi, par exemple, si je dois sélectionner ce produit ici, comme vous pouvez le voir ici, nous avons des boutons de partage. Peut-être que nous n'avons pas besoin
d'utiliser l'option Email car Email Esquire est
obsolète, soyons honnêtes Très bien, et de cette façon, je trouve que ça a l'air bien Et si le style ne vous plaît pas, vous pouvez le modifier. Vous pouvez voir si vous
choisirez celui-ci. Voilà à quoi cela ressemblerait. Et encore une fois, tous les
ajustements de style dépendent de vous. D'habitude, j'aime garder les choses
simples, comme ça. Très bien, revenons en arrière. Notifications. Nous n'allons
rien changer ici. Cet onglet est peut-être
destiné aux utilisateurs qui souhaitent faire remarquer à
leurs visiteurs qu'il y a eu des modifications, politique ou quelque chose comme ça. Mais nous n'avons pas besoin de nous concentrer
ici car tout va bien. OK, revenons en arrière
et ajoutons du CSS. Encore une fois, celui-ci est
destiné aux utilisateurs avancés qui
souhaitent effectuer une certaine
personnalisation à l'aide du codage CSS. Très bien, ne nous
concentrons pas là-dessus. Juste ici. Options de réinitialisation : vous pouvez
réinitialiser les options du thème, mais nous n'allons pas les
utiliser du tout. Très bien, revenons en arrière. Voyons à quoi ressemblera notre site Web sur les tablettes. Très bien, j'ai l'impression que
tout va bien. Et bien sûr, vous allez
travailler sur notre en-tête. Bien sûr, vous allez
changer le pied de page, mais pour l'instant, tout
semble parfait Si je cliquais sur ce menu, voici à quoi il ressemblerait. Si je clique sur l'appareil mobile, ça
va avoir la même apparence. Et oui, en gros,
tout semble parfait. Et si tout va bien, si vous êtes
satisfait du résultat final, nous pouvons cliquer sur Publier. Nous pouvons fermer celui-ci. Et voici à quoi ça ressemble. Notre page d'accueil semble donc blanche. Eh bien, ce n'est rien par rapport
à la section précédente, et bien sûr c'est parce que nous travaillons avec
un thème premium. Très bien, c'est
tout pour cette leçon.
53. (6.6) Modifier l'en-tête (plat): Dans cette leçon, nous allons modifier notre en-tête qui se trouve ici. D'accord ? Tout comme nous avons apporté quelques modifications à notre en-tête lorsque nous travaillions
avec Astra Theme Ce sera pareil, sauf que cette
fois nous allons
avoir plus d' options de personnalisation. Très bien, cliquez sur Personnaliser
et sélectionnons En-tête. Ensuite, comme vous pouvez le voir ici, nous avons Header Builder. Et tout comme avec Astra Theme, ce générateur d'en-tête
comporte trois niveaux Voici donc la
partie supérieure de notre en-tête. Vous pouvez le voir ici même
dans cette couleur électrique. Nous avons la deuxième
partie de notre en-tête. Vous pouvez le voir ici. Nous avons la troisième partie qui
est active ici. Vous pouvez passer d'un mode
à l'autre. Comme vous pouvez le constater, si je devais
passer à l'affichage sur tablette mobile, j'ai un
générateur d'en-tête différent car sur appareils
mobiles et
les tablettes, l'apparence de l'en-tête est différente. Voici donc à quoi ça
va ressembler. Nous avons une structure un peu
différente, une disposition un peu différente, mais cela fonctionne toujours
et fait le travail. Ainsi, lorsque vous travaillez sur votre en-tête à l'aide de
ce thème Flatsome, vous devez garder à l'esprit que
vous devez apporter des modifications à votre appareil de bureau et à vos appareils mobiles et tablettes Et comme vous pouvez le voir
ici même dans ce générateur d'en-tête, nous avons différents éléments. Nous avons du code HTML. Donc, fondamentalement, ce code HTML est du texte ici même.
C'est le texte. Si je déplaçais ce bloc ou ces éléments
HTML et cette zone d'éléments
non utilisés, comme vous pouvez le constater, ils disparaîtront. Très bien, si je pouvais le
déplacer,
il réapparaitra . Comme vous pouvez le constater, nous avons différents éléments de
blocs. Et ce sera à toi d' expérimenter ce qui te
plaira le plus. Mais encore une fois, dans cette leçon, je vais
vous montrer un plan de la mafia et je trouve qu'il fonctionne parfaitement Très bien, donc une fois que nous avons
cliqué sur ce bloc vous pouvez voir que nous apportons
des modifications à ce bloc, mais ce blog contient
différents codes HTML Ce blog est donc connecté à
d'autres blogs HTML. Donc, ces paramètres
ici, je veux dire, vous pouvez voir que nous avons le bloc
HTML numéro deux, numéro trois, numéro quatre. Et ici, vous pouvez ajouter diverses informations, textes,
images si vous le souhaitez, et si cela vous semble trop
confus, HTML est un langage de
codage très simple. Et je vais juste vous
expliquer
très rapidement ce que signifie ce code
ici. Comme vous pouvez le voir, nous avons des textes Ajoutez quelque chose ici
ou supprimez-le simplement pour que vous puissiez ajouter
le texte de votre choix. Et ici, il est
juste configuré pour afficher ce texte et les majuscules. Et c'est un texte en gras. C'est donc essentiellement
tout ce que cela signifie. Je n'utilise généralement pas
celui-ci ici, sauf lorsque j'offre livraison
gratuite pour
les commandes, disons 50$. Je pourrais donc remplacer ce
texte et ajouter la livraison gratuite
pour les commandes de plus de 50$. Alors, comme vous pouvez le voir,
voici à quoi cela ressemblerait. Et encore une fois,
c'est à vous de décider comment vous souhaitez afficher
ces informations. Vous pouvez même déplacer ce
bloc vers le centre. Et bien sûr, maintenant
ça n'a pas l'air très beau parce que
nous avons ce menu. Nous pouvons désactiver ce
menu comme ça. Et maintenant, ce
serait bien mieux si nous passions aux appareils
mobiles et aux tablettes. Vous pouvez voir que nous avons également
ce blog HTML. Et encore une fois,
c'est à vous de décider si
vous offrez des choses telles que livraison gratuite ou si vous souhaitez afficher d'autres informations, c'est entièrement à vous de décider. D'habitude, j'aime
garder les choses simples. Et dans la majorité des cas, vous avez désactivé cette
barre supérieure ici. Et lorsque je propose, disons, des offres
spéciales. J'ai juste parlé de textes HTML
et d'informer les visiteurs, les clients qu'il
existe de telles offres, telles offres, de telles ventes
ou quelque chose comme ça. Et j'inclus cette
information ici. Si ce n'est pas le cas, vous pouvez désactiver
celui-ci en déplaçant ce code HTML comme ça. Ou vous pouvez complètement
désactiver cette barre supérieure. Donc, si vous voulez
bien cliquer ici pour accéder à notre barre, vous pouvez choisir de la désactiver pour le moment Puisque je crée l'en-tête
selon mon plan, je vais simplement le désactiver Mais maintenant, vous savez
comment utiliser cet en-tête supérieur et cela dépend
entièrement de vous. Très bien, vous savez maintenant
que nous avons ici
notre générateur d'en-tête Nous avons plusieurs blogs que nous pouvons parcourir dans
ce générateur d'en-tête. Si nous n'utilisons pas ces blogs, nous pouvons les mettre ici. Et si nous voulons apporter des
modifications à ces blocs, nous pouvons cliquer sur ces
blogs et commencer
à apporter des modifications à ces blogs. Vous pouvez également passer d'une vue à
l'autre. Nous savons maintenant comment cela fonctionne. Très bien, revenons donc à
toutes les options de personnalisation de l'en-tête Et comme vous pouvez voir
où se trouvent les préréglages, si je pouvais aller ici, vous pourriez choisir les préréglages Il s'agit
donc de
modèles prédéfinis pour Tu peux l'explorer toi-même. Et c'est entièrement à
vous de décider si vous voulez l'utiliser. Mais vous pouvez créer
votre propre en-tête, et c'est exactement ce que nous
allons faire dans cette leçon. Vous pouvez les explorer, les
activer, les désactiver. Vous trouverez peut-être l'
en-tête que vous souhaitez utiliser. Et encore une fois, c'est
une question de goût. Bien, revenons en arrière et revenons au
logo et à l'identité du site. Bien sûr, vous pouvez ajouter titre de
votre site puisque
j'ai déjà ajouté ce titre secondaire
et ce slogan lorsque je modifiais
mes paramètres WordPress Ils sont déjà en
place ici et les vôtres devraient également
être là. Et ceux-ci ne s'affichent pas car je n'ai pas
activé celui-ci. Et la chose la plus importante
que nous allons faire ici, est que
vous allez changer le logo. Nous allons donc
cliquer ici. C'est le logo à utiliser. Je vais cliquer sur Sélectionner et
je peux modifier la taille du logo. Donc si je dois déplacer
celui-ci comme ça, je vais le réduire. Très bien, je pense que
ça a l'air mieux. Et maintenant, si je fais
défiler la page vers le bas, vous pouvez voir que nous
avons d'autres ajustements. Vous pouvez jouer avec
ces modifications pour voir si elles vont tout
changer. Et bien sûr, ici même, vous devez ajouter l'icône de votre site. L'icône s'affiche
ici. C'est donc très important. OK, revenons à la barre supérieure. Nous avons déjà désactivé la barre supérieure qui s'affichait
ici, et c'est à vous de décider. Si vous souhaitez l'afficher,
vous voudrez peut-être afficher cette barre supérieure lorsque vous
proposez des offres spéciales, ventes
spéciales ou
quelque chose comme ça. Et cela dépend entièrement de vous. Et si c'est ce que vous voulez faire, vous pouvez l'activer. Vous pouvez ajouter différents
blogs à cette barre supérieure, comme nous l'avons fait précédemment
lorsque nous avons ajouté HTML1 Celui-ci, ici. Comme vous pouvez le voir, juste comme ça, vous pouvez les ajouter ici. Très bien, revenons en arrière. Sélectionnons la
barre supérieure une fois de plus. Vous pouvez régler la hauteur, changer la couleur
d'arrière-plan et effectuer tous les autres réglages. Ce
sera donc à vous de décider si vous voulez utiliser cette barre supérieure, mais je vais juste
la désactiver. OK, revenons en arrière. Passons à l'en-tête principal. Donc, si vous
cliquez ici, nous apporterons des modifications à
cette partie de notre en-tête. C'est donc là que nous
allons apporter des changements. Vous pouvez modifier la hauteur. Comme vous pouvez le constater, nous
pouvons ajuster cela. Vous pouvez changer la
largeur, comme ça. D'habitude, j'aime bien continuer comme ça. Et tu peux changer les couleurs, tu peux faire tous les
autres réglages. Vous pouvez modifier la taille du menu du
Navigateur, etc. C'est à vous de
l'explorer
car vous souhaitez bien sûr
créer un site Web au look unique Nous pouvons y retourner. Et pour être honnête, étant donné que nous y étions et que nous
travaillions sur cette partie, nous pouvions apporter quelques modifications à
cette section ici même. J'aime donc généralement
afficher la recherche ici, et j'aime placer mon menu principal. Et la troisième partie de mon
en-tête, juste comme ça. Et je n'utilise pas l'icône de recherche
au lieu de l'icône de recherche. J'aime utiliser la recherche
pendant une seconde. Il s'agit du formulaire de recherche. Et si je devais ajouter ici,
voici à quoi ça va ressembler. Et comme vous pouvez le constater, notre site Web commence à s'améliorer. Et d'habitude, je préfère
choisir cette option ici, celle-ci. Et j'aime généralement
choisir plat, et j'aime généralement étendre la largeur de cette barre de recherche. OK, je trouve que ça a l'air bien. Maintenant nous pouvons revenir en arrière et maintenant
nous avons Heather Bottom. Nous avons donc déjà apporté quelques modifications. Nous avons déplacé notre menu principal
dans l'en-tête en bas de l'en-tête. Voici donc notre en-tête en bas de page. Nous pouvons cliquer ici pour modifier
le bas de l'en-tête, mais nous pouvons également cliquer ici. Donc, si je cliquais ici, je pourrais modifier la hauteur
du bas de notre en-tête. Je n'ai pas pu l'agrandir un peu. Je pourrais aussi changer
la couleur en blanc. Je pense que ça va
être bien mieux. Et je pourrais modifier la taille du menu de
navigation si je
choisis la taille extra large. Voilà à quoi ça va ressembler. Mais si je choisissais le grand, c'est
ce que nous obtiendrons. Peut-être que ça n'a pas l'air très beau. Peut-être pourrions-nous opter pour une
taille moyenne et élargir l'espacement entre
ces nombreux éléments Très bien, le doigt,
ça va mieux. La couleur n'a pas changé, nous devons
donc la changer
encore une fois. Et ces changements ne le sont pas. Pas de soucis à ce sujet. Une fois que nous aurons cliqué sur Publier, ces modifications seront appliquées, donc ne vous inquiétez pas à ce sujet. Vous pouvez également explorer d'
autres options. Celui-ci dépend
entièrement de vous. Très bien, revenons en arrière. Heather et
menu mobile superposés. Vous allez donc apporter des modifications
à votre appareil mobile ou à votre tablette. Vous devez donc modifier votre
avis sur mobile et tablette. Et comme vous pouvez le voir,
voici à quoi cela ressemble. Vous pouvez donc effectuer ici
divers réglages. Voici donc notre menu. Et comme vous pouvez le voir ici, nous avons
maintenant une newsletter pour
faire fonctionner cette newsletter. Il faudrait créer
un blog et ajouter à ce
bloc notre formulaire de contact. Et c'est tout simplement trop compliqué
pour nos visiteurs. Je n'inclus généralement pas ce type de newsletter
dans mon menu. J'aime généralement inclure un simple
formulaire de newsletter et le pied de page, et cela fonctionne très bien Parfois, j'inclus des fenêtres contextuelles, mais je n'aime pas
inclure la newsletter et le menu principal parce que
cela ne fonctionne tout simplement pas D'accord. Donc, pour désactiver cette newsletter, car comme je l'ai dit, je ne vous
recommande pas de l'
inclure également. Vous pouvez faire défiler la page vers le bas et nous avons
ici
de nombreux éléments. Très bien, en haut,
nous avons la fonction de recherche. Voici donc Search. Nous avons le menu principal,
nous avons des comptes. C'est donc une partie de mon compte. Nous avons une newsletter, nous pouvons
donc désactiver partie
newsletter et
conserver les icônes sociales plus tard Je vais vous montrer comment
ajouter votre profil vos pages à ces icônes de réseaux
sociaux. Maintenant, nous en avons terminé avec
cette partie où nous
modifiions les menus d'un
mobile et d'une tablette. Voici donc à quoi ça
va ressembler. Je pense que ça va
être beau et que vous pouvez également explorer d'autres
ajustements. Nous pouvons maintenant revenir
à la vue du bureau. Nous pouvons fermer celui-ci et revenir en arrière et juste
ici, en-tête persistant. Donc, l'en-tête
permanent signifie que vous
allez avoir un en-tête persistant qui
va défiler vers le bas. Par exemple, si je fais défiler
la page vers le bas, comme vous pouvez le voir, notre
en-tête est collant OK, voici à quoi il
ressemble et il colle. OK, si je dois
activer et juste une seconde, je vais désactiver le haut Oui, juste une seconde
parce que parfois ça gèle et ce n'est pas
censé agir de cette façon OK, maintenant
tout est normal
et j' ai désactivé cette barre supérieure, et maintenant elle semble parfaite
et pas de soucis à ce sujet Si vous publiez leur toiture et que vous souhaitez
consulter votre site Web, ces modifications seront enregistrées et vous n'
aurez aucun problème. Mais je voulais juste
te montrer à quoi ça va ressembler. Comme vous pouvez le voir, voici à
quoi ressemble notre en-tête d'autocollant. Et d'habitude, j'aime garder l'en-tête collant
comme ça. C'est très pratique pour nos
clients autour des visiteurs. Très bien, c'est donc ce qu'est
l'en-tête rémanent. Si vous allez dans le style
déroulant, comme vous pouvez le voir ici, vous pourriez apporter des modifications
au menu déroulant. Ainsi, par exemple, si
vous l'auriez fait, disons des costumes de
la catégorie parent. Et dans cette catégorie de parents, vous auriez des catégories pour enfants, costumes
d'Halloween, des costumes de
Noël ou tout autre type de costume. Une fois que vous passez les
costumes et qu'
un menu déroulant apparaît,
vous pouvez y apporter
des modifications C'est donc
à vous de l'explorer. Revenons en arrière. Boutons Boutons Vous pouvez y ajouter des boutons. Ainsi, par exemple, nous avons
le bouton numéro un. Disons que vous
allez peut-être créer un bouton. Je ne sais pas où ce bouton
mènera vos visiteurs. Ce sera à toi de décider. Je ne l'utilise généralement pas car l'en-tête simple
fonctionne tout aussi bien. Mais si à l'avenir vous décidez d'
inclure certains boutons, disons une consultation en direct,
quelque chose comme ça. C'est ici que vous pouvez ajouter du texte, accord, des consultations en direct,
quelque chose comme ça C'est ici que vous allez
inclure un lien permettant à vos utilisateurs de s'inscrire
à des consultations en direct. Et maintenant, vous aurez
un bouton actif. Vous pouvez également effectuer
d'autres ajustements de style pour
ce bouton, celui-ci. Et si vous faites défiler la page vers le bas, vous pouvez créer un autre bouton. Et une fois
que vous aurez fait cela, c'est ici que vous trouverez ces boutons. À l'heure actuelle, ces
boutons ne sont pas utilisés. Voici donc les boutons
sur lesquels il y a un bouton. Comme vous pouvez le voir,
cliquez sur un bouton
pour, par exemple,
inclure un lien avec le hashtag. Je le fais juste pour lui
montrer comment cela fonctionne. Et disons maintenant que
je souhaite inclure ce bouton sur le
côté droit de mon en-tête principal. Et comme vous pouvez le voir,
nous avons un bouton. Vous pouvez également faire glisser ce
bouton ici. Et encore une fois, c'est
à vous de décider comment vous
voulez utiliser ces boutons. OK, je vais le remettre dans
la section « Non utilisé ». Très bien, revenons en arrière maintenant. Vous devez comprendre comment fonctionnent
les boutons du compte. Encore une fois,
voici notre compte. Nos utilisateurs peuvent se connecter
à leurs comptes. Ils peuvent vérifier leurs commandes, leurs
adresses, etc. Et c'est ici que vous pouvez apporter
diverses modifications au style
de cette partie, vous pouvez ajouter une icône. Voilà à quoi ça
va ressembler, mais en
général, j' aime
garder les choses simples. Vous pouvez activer
le nom d'utilisateur tel que vous pouvez le voir, voici à quoi il
ressemblerait et oui, ne sont que
les paramètres que vous pouvez explorer. Mais d'habitude, je préfère que les choses
restent telles qu'elles sont. Je trouve que ça a l'air génial. Revenons en arrière. Carte. Vous pouvez modifier le style
de la carte. Donc, pour le moment,
voici à quoi cela ressemble. D'habitude, je préfère
qu'il en soit ainsi. J'ai l'impression que c'est le plus beau. Mais encore une fois, c'est
à vous d'explorer. Vous pouvez activer cette option. Vous pouvez choisir des cartes, une icône. Tu peux le faire où tu veux. Vous pouvez également importer votre fichier SVG d'icônes
personnalisées. Donc, comme je vous l'ai montré dans l'autre leçon où
vous pouvez télécharger des icônes. C'est ici que vous pouvez télécharger
votre icône si vous le souhaitez. Et c'est ici que vous
pouvez effectuer les modifications liées au style de votre panier. Revenons à la recherche. Donc, pour la recherche, nous
avons déjà apporté quelques modifications. Nous avons sélectionné le style. Voici donc à quoi cela
ressemble en ce moment. Et si tu veux, ça a l'air super. Très bien, revenons en arrière. HTML. Nous n'allons rien faire car je vous ai déjà dit que c'est ici que vous pouvez ajouter diverses informations
aux blocs HTML. Nous avons donc le premier bloc HTML. Comme vous vous en souvenez, nous avons ajouté livraison
gratuite pour
les commandes de plus de 50$. Voici donc notre blog HTML. Juste une seconde. Il s'agit du premier blog. Disons que je vais
ajouter celui-ci ici. Et voici à quoi ça ressemble.
Ça n'a pas l'air bien. Je comprends tout à fait
parce que c'est
censé être juste ici, dans la barre supérieure. Mais comme nous avons désactivé la barre supérieure, elle ne s'affiche
pas. Nous pouvons donc le
mettre dans la section « Non utilisé ». Revenons en arrière Contact. Vous pouvez donc ajouter ici
votre téléphone, votre adresse e-mail, peut-être que plus tard vous
déciderez d'
utiliser ces blogs Contact
et de ne jamais le faire. Ainsi, une fois que vous avez ajouté ces
informations ici, nous avons ce blog de contact. Et encore une fois, vous pouvez
l'afficher où vous le souhaitez. D'accord. Il s'agit des informations de
contact. Vous pouvez l'exposer sur votre
porte-serviettes ou n'importe où ailleurs. Remettons-le en place. D'accord. Revenons en arrière. Infolettre. Encore une fois, comme je l'ai dit, je n'aime généralement pas
utiliser la newsletter. Ce n'est pas la meilleure façon de montrer le
formulaire de newsletter à vos visiteurs. J'aime généralement
inclure une newsletter dans le pied de page et je vais vous
montrer comment procéder Et bien sûr, à des fins de
marketing, vous pouvez également créer des fenêtres contextuelles
et c'est ainsi que cela fonctionne Mais je n'aime généralement pas l'
utiliser dans mon en-tête. C'est juste ce qui nous complique les choses. Très bien, revenons en
arrière. Menu vertical. Le menu vertical est donc destiné à vos appareils
mobiles ou tablettes. Habituellement, tout
est bon tel qu'il est par défaut et nous n'
avons rien à changer. OK, revenons en arrière. Suivez les chariots. C'est donc ici que
vous souhaitez inclure vos profils de réseaux sociaux,
Facebook, Instagram, Twitter, peut-être votre
adresse e-mail si vous le souhaitez, et toutes les autres informations. Et une fois que vous les
avez incluses, vous pouvez afficher ces icônes de réseaux
sociaux. Et vous ne voulez jamais que le bloc responsable de ces
icônes, c'est celui-ci. Donc, comme vous vous en souvenez,
il était autrefois affiché dans une barre supérieure. Activons donc la barre
supérieure une fois de plus. Nous avons maintenant nos icônes de réseaux
sociaux et nous avons une newsletter. Si je devais
faire glisser cette newsletter, allez dans la section « noix en cours d'utilisation », comme vous pouvez le voir, elle disparaît. Et si je devais cliquer
sur les icônes sociales, allez dans le même onglet
que précédemment. Et ici, vous pouvez ajouter vos profils
Facebook Instagram. Vous pouvez modifier le style. Et comme vous pouvez le voir,
voici à quoi cela ressemblerait. Celui-ci dépend
entièrement de vous. Très bien, revenons aux paramètres de
la barre supérieure. Désactivons la barre supérieure. OK, revenons en arrière et
c'est à peu près tout. Ainsi, comme vous l'avez dit vous-même
, ce thème Flatsome propose beaucoup plus d'options de
personnalisation que le thème Astra Et vous pouvez
créer votre en-tête de différentes manières. Mais d'habitude, j'aime
garder les choses simples parce que c'est ce qui fonctionne le mieux et c'est à vous de décider quel type d'en-tête
vous voulez avoir. Mais si vous voulez
avoir le même en-tête, suivez
simplement mes étapes
et vous aurez le même en-tête une fois que
vous aurez terminé les modifications, sans oublier de cliquer sur Publier. Et maintenant, nous pouvons
fermer la barre latérale. Et comme vous pouvez le voir,
voici à quoi ressemble notre en-tête. C'est un en-tête entièrement fonctionnel
et, comme vous pouvez le voir, c'est aussi un en-tête permanent. Et cela fonctionne très bien. Ça a l'air bien mieux. Et bien sûr, il est
bien meilleur que celui que nous avions avec notre en-tête
avec Astra Theme Voilà, c'est tout pour cette leçon.
54. (6.7) Modifier le pied de page (plat): Dans cette leçon, nous allons
personnaliser notre pied de page. Le pied de page se trouve ici. Et comme je vous l'ai déjà mentionné, avec ce thème premium, avec ce thème Flatsome, vous avez en fait deux options
pour personnaliser votre pied La première option
est donc ici. Si vous cliquez sur Personnaliser, cela sera
similaire à l'option lorsque nous personnalisions notre pied de page à l'aide du thème Astra,
sauf que cette fois nous n'
aurons pas
Footer Builder Si vous voulez
bien cliquer ici pour le terme. Comme vous pouvez le constater, nous avons le
premier niveau de notre pied de page. C'est donc ici. Si je le désactive, comme vous pouvez le voir, il disparaît. Et bien sûr, vous pouvez choisir nombre de colonnes que
vous souhaitez avoir. Et si vous allez faire défiler
la page vers le bas, vous allez accéder au
deuxième niveau de votre pied de page C'est donc le deuxième niveau. Et comme vous pouvez le constater, il comporte également quatre colonnes. Il a la couleur de fond. Et nous avons le
pied de page absolu qui se trouve ici. Et avec le pied de page absolu, nous ne pourrons
pas le désactiver
ici car il s'agit pied de page
absolu qui va
simplement être affiché Vous pouvez supprimer les textes, vous pouvez désactiver ces icônes. Mais ne vous inquiétez pas à ce sujet. Nous allons utiliser
ce pied de page absolu, mais nous n'allons pas personnaliser
notre pied de page à l'aide de ces options Comme vous pouvez le voir,
tous ces niveaux de bas de page, le premier et le second, ont été créés à
l' aide de widgets Donc, si je vais
cliquer ici, comme vous pouvez le voir, nous avons différents
blogs, différents widgets. Comme le thème Astra lors de la personnalisation, le pied de
page utilise des widgets C'est donc fondamentalement pareil puisque nous utilisons
ce thème premium, nous avons la possibilité de créer
notre pied de page de la manière la plus simple Pourquoi trop
nous compliquer avec des méthodes plus difficiles alors que nous
pouvons le faire plus facilement Très bien, fermons donc
cette barre latérale de personnalisation. Cliquons. OK, allons à notre tableau de bord. Et pour créer notre pied de page, nous allons utiliser des blogs UX Les blogs UX sont similaires aux widgets. Vous pouvez créer des blogs et les afficher
à différents endroits. Dans ce cas, nous
allons créer un bloc et nous
allons l'afficher. Et maintenant, Footer devient notre Footer. Et lorsque vous créez des blogs à l'aide de cette option de blocs
UX, vous créez ces
blogs à l'aide d'UX Builder, le même générateur que
nous utilisons pour créer notre page d'accueil et
toutes les autres pages. Cliquez donc sur Ajouter nouveau. Donnons un titre. Appelons-le Footer, puis cliquez sur Publier Et maintenant, nous pouvons sélectionner
UX Builder ici. Bien, comme vous pouvez le constater,
nous avons la même interface lorsque nous travaillions sur
nos pages Et maintenant, cliquons sur Ajouter des éléments et
choisissons Flatsome studio Et comme vous pouvez le voir
ici dans la liste, nous pouvons choisir toutes
sortes de mises en page prédéfinies Nous voulons donc choisir Footer. Et comme vous pouvez le voir ici, nous avons des
mises en page de pied de page prédéfinies que vous pouvez utiliser, et c'est à vous de décider
laquelle vous souhaitez Vous pouvez même cliquer sur Aperçu pour
vérifier l' apparence de ces pieds Comme vous pouvez le constater, si
vous choisissez celui-ci, vous pouvez remplacer
les informations qui s'y trouvent par
vos informations et vous pouvez configurer ce pied de page pour il s'affiche comme votre pied Très bien, fermons celui-ci. D'habitude, j'aime bien utiliser celui-ci. Cliquez donc sur Importer. Et comme vous pouvez le voir ici, nous avons notre pied de page Voilà à quoi ça va ressembler. Tout d'abord, nous pourrions modifier les informations
qui se trouvent ici. J'aime généralement
inclure une courte phrase sur mon entreprise, sur ma boutique en ligne. Et en haut, j'
aime généralement inclure mon logo. Cliquons donc ici. Cliquez sur Ouvrir l'éditeur de texte. Je vais supprimer
ce titre ici. Je vais cliquer
ici sur Ajouter un média, et je vais juste
sélectionner mon logo. Je vais cliquer sur
Insérer dans la page. Redimensionnons-le un peu. OK, je pense que ça a l'air bien. Ici. Je vais juste coller mon texte,
ma courte phrase à propos de ma boutique en ligne. Très bien, j'ai terminé et
je vais cliquer sur « OK, ici, vous pouvez inclure
vos profils de réseaux sociaux » Si vous avez votre page Facebook, c'est ici que vous
pouvez ajouter votre URL, votre URL Instagram,
Twitter ou une adresse. C'est donc à vous de décider. Si vous avez ces profils, collez-les
simplement ici et ils seront affichés ici. Si vous n'aimez pas l'
apparence de ces icônes, vous pouvez modifier le
style. Mais d'habitude, j'aime bien les
garder comme ça. J'ai l'impression que ça a l'air bien puisque je ne vais pas
ajouter mon profil. Je vais donc simplement cliquer sur Appliquer et je vais passer
à la colonne suivante. Très bien, donc ici, j'aime généralement inclure des
informations pour les clients Donc, en haut, je vais juste taper
pour les clients. Et ici, je vais inclure cinq pages pour mes clients, telles que les informations d'expédition
et de livraison, retours et les remboursements,
mon compte , mes commandes, etc. Donc, comme je sais que je
vais avoir cinq pages, je peux copier l'une de ces
pages ici. Et je peux aller à la ligne suivante
et je vais coller cette page. D'accord, comme vous pouvez le voir,
j'ai accidentellement copié trop de pages, donc je peux en supprimer certaines en seulement cinq Très bien, donc ici,
j'ai cinq pages. Et avant d'ajouter quoi que ce soit, je dois désactiver
les liens ajoutés précédemment. Je vais donc simplement supprimer
les liens un par un, comme ça Et ici, je vais juste
remplacer le texte mais mes pages, accord, alors maintenant je dois
ajouter des liens vers ces pages Donc, pour ajouter le lien vers mon compte, il suffit de cliquer sur notre site Web. Juste une seconde
et ouvrez notre page de publications. Cliquez donc sur Visiter le site
et accédons à mon compte Voici la page de notre compte Nous voulons
donc copier
cette URL ici. Revenons en arrière Et ici, il suffit de
sélectionner mon compte, sélectionner celui-ci, de coller cette URL, et de cliquer sur celui-ci, d'appliquer. Juste comme ça, vous allez
créer cette Page Act. Il en va de même pour les commandes. Nous allons donc sélectionner les commandes. Et je vais copier
cette URL ici, et je vais y retourner. Je vais sélectionner celui-ci. Encore une fois Collez simplement votre URL, cliquez sur Entrée et votre
page est active. D'accord, nous devons maintenant
ajouter la page de contact. Pour trouver notre page de contact, il faut donc se rendre sur notre tableau de bord. Sélectionnons toutes les
pages et
ouvrons simplement la page de contact dans un
nouvel onglet, comme ça. Et voici votre URL. Vous voulez donc copier celui-ci. Maintenant, nous pouvons le fermer. Revenons en arrière et
collons celui-ci ici. Il suffit de sélectionner celui-ci
avant cet espace. Alors, juste comme ça, cliquons sur Appliquer et je vais faire même avec le reste des pages. Très bien, j'ai donc fini
d'ajouter mes pages. Maintenant je peux cliquer, OK, et nous pouvons revenir en arrière. Et nous en avons pratiquement terminé
avec cette colonne ici. Passons maintenant à
la deuxième colonne. Donc, dans cette colonne, je
vais inclure quatre pages. Et cette page sera la politique de
confidentialité qui nous concerne, la politique matière de
cookies et
toutes les autres pages. Donc, en gros, je
vais faire la même chose que j'ai fait avec cette
chronique ici. Je vais répertorier toutes mes pages et je vais ajouter une
URL à ces pages,
afin que, comme vous pouvez le voir, politique de
confidentialité, je vais simplement ouvrir
celle-ci dans un nouvel onglet. Je vais copier cette
URL et je vais
coller cette URL sur ma page. Très bien, je viens de terminer d'ajouter toutes les pages et
maintenant je peux cliquer OK, et revenons en arrière. Et ici, dans
cette colonne, je vais inclure quelques informations pour encourager nos visiteurs à
rejoindre mon club de newsletter. J'ai l'habitude de l'appeler
non pas simplement newsletter
ordinaire, mais aussi un club,
un club spécial
où nos visiteurs,
nos abonnés peuvent bénéficier d'offres et d'offres
spéciales. Je vais donc simplement sélectionner
celui-ci ici. Je vais cliquer sur
Ouvrir l'éditeur de texte. Je vais juste remplacer
cette information ici. Très bien, je
pensais juste à la formation et maintenant nous devons
ajouter un formulaire de contact Donc le forum où nos visiteurs, nos clients peuvent
s'abonner à notre newsletter. Donc, si vous n'avez pas regardé ma leçon précédente où je vous ai montré comment faire
cela avec Astra Theme Nous allons le faire encore
une fois. Allons donc sur notre site Web et pour créer un formulaire de newsletter, nous allons utiliser
le même plugin que celui que nous utilisons pour créer le formulaire de contact. Très bien, passons
à la grippe et aux forums. Cliquez sur Nouveau formulaire. Mais si vous avez déjà
créé un formulaire à partir de la section précédente
où je
vous ai montré comment le faire
avec Astra Theme Vous pouvez facilement utiliser ce formulaire
que nous avons créé précédemment. Mais si vous ne l'avez pas encore
fait, vous devez créer un nouveau formulaire. C'est le formulaire que nous pourrions utiliser. Nous allons sélectionner ce formulaire. Juste ici. Nous pouvons apporter quelques modifications. Nous allons donc changer l'arrière-plan du
bouton. Je vais donc simplement
utiliser la même couleur ici pour mon logo. Très bien, j'ai donc
remplacé la couleur. Maintenant, vous devez utiliser la couleur du
survol. Juste ici. Je vais juste
coller la couleur que j'ai utilisée pour ce bouton. Je vais le
coller ici, et je vais faire de même
avec cette couleur ici. Je vais donc simplement le
coller ici. Et voici à quoi
ça va ressembler. Très bien, je trouve que
ça a l'air bien. Et maintenant, nous pouvons
apporter quelques modifications ici même. D'habitude, je n'aime pas
garder cette étoile ici car ce
champ est obligatoire. Il est assez évident pour nos visiteurs que s'ils souhaitent s'
abonner à notre newsletter, ils doivent saisir
leur adresse e-mail pour que nous puissions sélectionner Non,
ce n'est pas obligatoire Ça va juste être
un peu mieux. Très bien, juste une seconde. Revenons à InputField. Et d'accord, donc ça
va sembler, nous pouvons donner un titre à ce formulaire,
formulaire d'abonnement, pied Cliquez sur Renommer. Très bien, nous pouvons fermer celui-ci. Nous pouvons copier ce
formulaire ici. Revenons en arrière et remplaçons ce formulaire qui a été ajouté
par défaut, le nôtre. Très bien, voici à quoi
ça va ressembler. Maintenant, nous pouvons cliquer sur OK, et nous pouvons revenir en arrière et
nous en avons terminé avec notre pied de page Mais avant de partir, désactivons cette
zone ici. Supprimons-le car
nous n'en avons pas besoin puisque nous utilisons davantage l'
absolu. Très bien, nous pouvons donc cliquer
ici et sélectionner Supprimer Très bien, je trouve que
ça a l'air bien. Nous pouvons maintenant cliquer sur Mettre à jour. Nous pouvons fermer cet UX Builder et nous devons maintenant
accéder à notre site. Et comme vous vous en souvenez, cliquez sur Personnaliser pour travailler sur notre pied de page Faisons défiler la page jusqu'à ce que
nous voyions notre pied de page. Il s'agit donc de la version actuelle. Maintenant, sélectionnons le pied de page et choisissons le blog Custom Footer Alors ici,
choisissons le pied de page que nous avons créé à
l'aide d'UX Builder Très bien, faisons défiler la page vers
le bas et comme vous pouvez le voir, voici à quoi ça va ressembler Bien sûr, cette couleur
sera différente pour le moment, apparaîtra juste comme ça, mais ne vous inquiétez pas à ce sujet. Nous allons avoir la couleur
que nous avons définie précédemment. Très bien, donc avant de partir, nous devrions apporter quelques modifications à notre pied de page absolu
et ici Sélectionnons donc ce pied de page
absolu et travaillons sur la couleur de
fond Nous pouvons modifier le
style du texte ici et sélectionner la couleur
d'arrière-plan. Choisissons une couleur gris clair, comme celle-ci. Et mettons-le au centre et quelques-uns comme
s'il avait l'air plutôt bien. Et maintenant, nous pouvons remplacer
le texte ici. Donc, au lieu d'utiliser le thème
Flatsome, ajoutons le titre
de notre site Web Très bien, c'est à ça que ça ressemble
et je trouve que c'est super. Définitivement
plus beau que le pied de page précédent. Recréez-le à l'aide d'Astra Theme. Nous pouvons maintenant cliquer sur
Publier et fermer la barre latérale des options de
personnalisation Et voyons à quoi ressemble l'
alpha zéro maintenant. Très bien, actualisons
cette page pour une raison quelconque. Les
paramètres de Subscribe n'ont pas été enregistrés. Nous devons
nous assurer de sauvegarder ces paramètres. Revenons à Footer Builder et cliquons une fois de plus sur Enregistrer le
formulaire Faisons en sorte de sauvegarder
ces paramètres et supprimons tout
l'argent au
cas où cela ne serait pas possible. Et maintenant, nous pouvons
actualiser cette page. Et comme vous pouvez le constater, ces
modifications ont été appliquées. Nos clients peuvent rejoindre
notre club de newsletter. Et par exemple, si
je dois saisir mon adresse e-mail ici,
cliquons sur S'abonner. Très bien, c'est écrit,
merci pour ton message. Nous prendrons contact
avec vous sous peu. Ce n'est pas le
message que nous voulons transmettre à nos abonnés. Revenons donc à notre éditeur. Et comme vous vous en souvenez, c'est
ici que nous avons créé nos formulaires. Il s'agit donc du même formulaire. Nous devons maintenant accéder
aux paramètres et aux intégrations et
remplacer le texte ici Donc, au lieu de montrer ce
message, affichons-les. Merci d'avoir rejoint notre club. Très bien, cliquez sur
Enregistrer les paramètres. Et maintenant, chaque fois
que quelqu'un s'abonne à notre newsletter,
il va voir ce message Et une fois que quelqu'un
s'abonne à votre formulaire, à votre formulaire de newsletter, vous devez vous rendre
ici pour vérifier toutes les adresses e-mail qui
s'abonnent à votre formulaire Ici. Désolé, c'est pour
créer un nouveau formulaire. Vous devriez plutôt accéder à
tous les formulaires. Et comme vous vous en souvenez, c'est le formulaire que nous avons créé. Il dit abonnement à Footer. Et ici, vous
verrez toutes les entrées. Vous trouverez donc ici
toutes les adresses e-mail. Donc, si je dois
cliquer ici, c'est la même adresse e-mail que j'ai utilisée pour m'abonner à ce formulaire. Ainsi, une fois que vous
collecterez d'autres adresses e-mail, vous pourrez toutes les sélectionner. Et vous pouvez cliquer
ici, Exporter. Et vous pouvez les exporter dans un fichier Excel
et plus tard vous pouvez utiliser toutes ces
adresses e-mail ou le marketing par e-mail. Très bien, maintenant nous pouvons
fermer celui-ci, et en gros c'est Je vais donc rafraîchir
cette page une fois de plus. Ce message va disparaître. Et en gros,
voici à quoi ressemble notre
pied de page maintenant Et comme vous pouvez le
constater, il est bien meilleur que le pied de page que nous avions lorsque nous travaillions
avec Astra Voilà pour cette leçon.
55. (6.8) Touches finales (méthode Premium): Très bien, nous avons presque
terminé la création de
notre site Web à l'aide
d'un thème premium Et comme vous pouvez le constater, elle est bien meilleure que
la version précédente. Et bien sûr, toutes
les
options de personnalisation sont à votre disposition, telles que
vous les avez vues vous-même. Ce faisceau est beaucoup
plus personnalisable qu'une option gratuite
que vous avez vue plus tôt. Très bien, dans la
touche finale de cette leçon, nous allons aborder certaines des
choses que nous avons omises. Donc ici, si je dois
cliquer sur, disons les costumes, la
catégorie ou n'importe quelle catégorie. Comme vous pouvez le constater, nous n'
avons pas de barre latérale ici. Pour ajouter une barre latérale
à cette zone, nous devons accéder à notre tableau de bord à l'onglet Apparence, et nous devons sélectionner des widgets Et voici la
barre latérale, une barre latérale pointue. Donc, sur ce point précis, mais j'aime généralement
inclure mes catégories et les produits récemment consultés afin que nos clients puissent voir les produits
récemment consultés. Ainsi, par exemple, si je dois choisir
celui-ci, récent, pas le post le plus récent. Juste une seconde. Nous devons faire défiler la page vers le bas. Oui, tout d'abord,
commençons par les catégories de produits. Choisissons celui-ci et cliquons sur Ajouter à la barre latérale de la boutique Très bien, nous
avons donc ici des catégories de produits. Très bien, nous devons maintenant faire
défiler la page vers le bas et rechercher les produits récemment
consultés Faisons défiler vers le bas,
faisons défiler vers le bas. Et pourtant, c'est le
widget que nous voulons utiliser. Nous allons donc sélectionner celui-ci. Cliquez sur Ajouter un widget. Et ce widget a été
ajouté avec succès. Nous venons donc d'ajouter
tous les widgets dont nous avions besoin. Maintenant, nous pouvons revenir de notre côté et nous
allons sélectionner,
disons, la catégorie des costumes. Et comme vous pouvez le voir, voici comment cela va
s'afficher. Je vais donc vérifier ce
produit ici. Et je vais me tourner
vers les jouets éducatifs. Vous pouvez voir que nous avons
récemment consulté des produits Ils s'affichent
donc ici. Donc tout fonctionne. Très bien, la prochaine chose
sur
laquelle nous devons travailler sera dans les paramètres de
WooCommerce Et je l'ai fait en vous montrant
comment travailler avec Astra Theme et The Last
Duchess de cette section Assurons-nous donc que nous
avons ce secteur de paramètres. Passons donc à WooCommerce. Sélectionnez Paramètres. Passons aux comptes
et à la confidentialité, et assurons-nous
que vous avez activé Autoriser les clients à se connecter à un compte existant
lors du paiement. Permettez aux clients de jouer aux
soldats sans compte. Permettez aux clients de
créer un compte lors du paiement et de régler tous ces
paramètres ici. Vous souhaitez autoriser vos clients
à créer des comptes. C'est juste un bon entraînement. Assurez-vous donc que vous
les avez activés ici. Si vous les avez
activés maintenant, nous pouvons passer à la dernière chose
à faire. Allons donc sur le côté
et faisons défiler la page vers le bas. Et comme vous pouvez le voir, si je
clique sur la page À propos de nous, je vais simplement ouvrir
celle-ci dans un nouvel onglet. Voilà à quoi ça ressemble. Cela n'a pas l'air
très beau car il utilise
simplement l'éditeur de
texte WordPress. Et si
cette option vous convient, vous pouvez la conserver telle quelle. Mais n'oubliez pas de créer
votre page à propos. Vous pouvez utiliser UX Builder. Ainsi, par exemple,
je vais simplement
garder cette page ouverte ici. Je vais retourner
au tableau de bord. Je vais aller aux
pages, à toutes les pages. Si je veux créer
une nouvelle page en tant que page
distincte pour la page À propos, je peux simplement supprimer cette page et c'est
exactement ce que je vais faire. Et je vais juste créer
une toute nouvelle page. Mais je garde cet onglet
ouvert parce que je veux avoir ces informations car je vais les copier plus tard. Très bien, alors revenons en arrière. Il est également très important de mentionner que si vous
supprimez la page, vous trouverez ces
pages et la corbeille. Donc, ne vous inquiétez pas à ce sujet. Si vous avez supprimé la page, cela ne signifie pas qu'elle a disparu. Mais si vous voulez qu'elles disparaissent, vous devez aller dans
votre corbeille, sélectionner toutes les pages et
sélectionner Supprimer définitivement. D'accord ? Revenons à Toutes les pages et nous pouvons
cliquer sur Ajouter une nouvelle page, taper à propos, sélectionner
Modifier avec UX Builder et créer
une nouvelle page À propos. Mais encore une fois, avant
que nous ne le fassions, cela dépend
entièrement de vous. Si c'est ce que vous voulez faire, vous pouvez suivre cette leçon jusqu'au bout ou, si vous
ne voulez pas le faire, vous pouvez utiliser une simple
page de présentation. Cela dépend entièrement de vous. Et si vous voulez du décalage, la page que je suis en train de créer, vous pouvez créer différents
types de page. Cela dépend donc
encore une fois de vous. Très bien,
cliquons sur Ajouter des éléments, et revenons au
studio Flatsome Et comme vous pouvez le voir
dans l'onglet À propos, nous avons différents
styles pour notre page à propos, vous pouvez utiliser une mise en page
précréée Vous pouvez en utiliser 234 ou cinq,
autant que vous le souhaitez. Mais simplifions-nous les choses. Et je crois que je vais
choisir celui-ci. Je vais donc sélectionner Importer. Je ne vais pas
importer d'images car certaines d'entre elles sont
déjà prêtes. Cliquez sur Démarrer
et écrivez-le ici. Je vais juste ajouter
mon texte à propos de nous. À partir de là, je
vais juste copier ce texte. Ici. Je vais revenir en arrière, je vais ouvrir ceci
et un éditeur de texte, et je vais juste coller
ce texte comme ça. Je vais cliquer sur OK ? Et là, il y a un bouton. Je n'utilise aucun bouton. Donc, si vous voyez qu'il y a un bouton, vous pouvez simplement cliquer
ici, le supprimer. Je peux également supprimer ce bouton car
je ne l'utilise pas. Je vais donc simplement
cliquer sur Supprimer. Et ici, je peux ajouter
quelque chose à propos de notre boutique. Donc encore une fois, je
vais copier celui-ci je vais revenir en arrière et je
vais juste le coller ici. Et je peux vraiment accéder à la
nouvelle ligne et taper notre histoire. Et je peux choisir le
niveau du titre. En route vers. Je pense que ça va bien se passer. Et nous pouvons cliquer,
OK, revenons en arrière. Et ici, nous pouvons ajouter des images. C'est donc exactement
ce que je vais faire. Je vais juste ajouter
mon image ici. Très bien, je viens d'ajouter la
première image et je vais vous
montrer comment je l'ai fait pour
que vous ne vous perdiez pas Très bien, j'ai donc cliqué
ici avec l'icône plus. J'ai sélectionné l'image, et
maintenant je vais juste
sélectionner le média et
me laisser choisir l'image. C'est l'image que je souhaite utiliser. Maintenant. Je vais utiliser
celui-ci à la place. Je vais cliquer sur Utiliser l'image. Et comme vous pouvez le voir, voici à
quoi cela ressemble et je peux modifier la taille de cette
image si je dois déplacer celle-ci comme ça, je peux même déplacer cette
image un peu vers le haut. Et voici à quoi
ça va ressembler. J'ai l'impression que ça a l'air bien. Et maintenant je peux cliquer sur Publier, et maintenant je peux fermer UX Builder. Et passons à
toutes nos pages. Et voici notre page à propos récemment
créée. La raison pour laquelle j'ai supprimé
la page précédente, que j'en ai créé une nouvelle, afin que nous ayons la même URL. Alors voici pourquoi je l'ai fait. Je vais donc
retourner sur mon site Web, je vais aller sur ma page d'accueil. Et comme notre URL n'a pas changé, nous avons la même URL. Je vais cliquer
ici à propos de nous. Nous avons une nouvelle page. C'est pourquoi je l'ai fait. C'est pourquoi j'ai supprimé la
page à propos
précédemment notée afin que nous puissions créer la
même page avec la même URL Nous en avons donc pratiquement
terminé avec cette partie. Et la dernière
chose à faire, d'aller sur la page de notre panier. Et comme vous vous en souvenez, lorsque nous
personnalisions la page de notre panier, nous avions la possibilité d'
apporter certaines modifications, à savoir deux chiffres pour les
étapes de notre page de panier Et pour le moment, nous
ne pouvons pas les voir car nous devons modifier
la mise en page de cette page. Pour ce faire, nous
devons cliquer ici, Modifier la page et ici dans le modèle. Choisissons les cartes WooCommerce. C'est le modèle que
nous voulons utiliser. Cliquez sur Mettre à jour. Nous pouvons maintenant cliquer sur Afficher
la page et comme vous pouvez le voir, nous avons une page d'
apparence différente. C'est une page minimaliste. Il est totalement centré
sur la page du panier. C'est la disposition en peuplier d'
aujourd'hui et elle fonctionne parfaitement. Et si vous n'
aimez pas cette mise en page, vous pouvez bien
sûr accéder aux options
de personnalisation. Cliquez ici, mise en page de la carte, et vous pouvez y apporter des modifications. Mais comme vous pouvez le voir en ce moment, nous avons notre
panier ici. Nous avons une étape de paiement et nous
avons une étape de commande complète. Voilà donc à quoi ça ressemble. Si vous n'aimez pas cette
mise en page, comme je l'ai dit, vous pouvez accéder aux options de
personnalisation et modifier la mise
en page. Comme vous vous en souvenez, vous
aviez des points de vue différents, simples, ciblés
et minimalistes Si je ne me trompe pas. Et si je devais aller sur la page de
paiement ici, comme vous pouvez le voir, il
manque également les étapes ci-dessous. Nous devons aller
ici, modifier la page. Et encore une fois,
choisissons le modèle. Sélectionnons
WooCommerce Checkout. Et cliquez sur Mettre à jour. Cliquez maintenant sur Afficher la page. Et voici à quoi ça ressemble. C'est aussi une page totalement ciblée. Voilà à quoi cela ressemble
et c'est généralement très pratique pour les clients. Donc encore une fois, si vous
n'aimez pas cette mise en page, vous pouvez y aller directement ici. Disposition du paiement, comme vous pouvez le faire avec la disposition
du cartilage. Comme vous pouvez le voir dans la mise en page de
paiement, nous pouvons choisir
par défaut et voici quoi cela ressemblerait si nous
choisissions focalisé. Cela ressemblerait à ceci,
tout comme notre page de panier. C'est donc à vous de décider si
vous voulez choisir solution par défaut ou la plus simple. Revenons au plus simple. Cliquez ensuite sur Publier. Eh bien, c'est proche de la barre latérale
de personnalisation. Nous pouvons fermer cette page. Nous pouvons aller sur notre page d'accueil
et c'est à peu près tout. Nous avons essentiellement terminé personnaliser notre site Web à l'
aide du thème Flatsome Voilà, c'est tout pour cette leçon.
56. Résumé de la section 6: Très bien, c'est fantastique d'
avoir terminé cette section. Comme vous l'avez vu vous-même, travailler avec un appartement
sur le thème est une chose complètement
différente de celle d'Aster. Il a beaucoup plus d'options
de personnalisation. Par exemple, une fois que vous avez commencé à
personnaliser votre en-tête, tel que vous l'avez vu vous-même, combien d'options il avait
par rapport au thème Aster Le thème Flats est hautement personnalisable et je l'
utilise pour une raison sur l'
ensemble de mon site Web. Car j'aime vraiment ce thème. Il est hautement personnalisable,
il se charge rapidement, il est beau, et que demander
d'autre au thème ? Surtout, il ne s'agit
que d'un tarif unique. Vous n'aurez pas à payer
chaque année pour ce FM. Contrairement à beaucoup de thèmes, ils le font où vous
devez payer chaque année pour un FM, disons environ 80$ ou
quelque chose comme ça Si vous devez payer pour le thème chaque mois ou chaque année, cela signifie
que vous n'
avez pas ce thème. Donc, une fois que
vous les avez achetés,
ils vous appartiennent en quelque sorte C'est donc une bonne chose. Et bien sûr, Flaum
possède une immense communauté. Alors peut-être qu'à l'avenir,
vous aurez quelques questions concernant
les flatsum, vous pourrez rejoindre leur groupe Mais vous pouvez également rejoindre
mon groupe Facebook, et si vous
avez des questions, faites-le moi savoir et je vous
aiderai immédiatement. Félicitations pour
avoir terminé cette section. Vous savez maintenant comment personnaliser votre site Web à l'aide d'un thème premium
appelé flatsum Excellent travail jusqu'à présent. Continuons donc à
développer notre site Web.
57. (7.0) Introduction au SEO: Très bien, dans cette leçon, nous allons commencer à
parler du référencement Et si vous n'êtes pas
familier avec le référencement, il s'agit de l'
optimisation pour les moteurs de recherche. En gros, vous faites
tout ce qui est en votre pouvoir pour apparaître plus haut dans les résultats de recherche
Google. Très bien, commençons par
nous poser une question très
simple, qu'est-ce qu'un moteur de recherche ? Le moteur de recherche peut être google.com,
bing.com, duckduckgo.com Ils sont nombreux
de nos jours, mais le plus populaire
est évidemment Google. Et c'est sur ce point que nous
allons nous concentrer le plus. Et lorsque nous parlons d'optimisation pour les moteurs
de recherche, nous ajoutons généralement
l'optimisation de notre contenu. Nous apparaîtrions plus haut dans les résultats de recherche
Google
et les résultats de recherche
Google
et selon un vieux
dicton du monde du référencement, si vous voulez cacher un cadavre, vous devez utiliser la
deuxième page des résultats de recherche
Google
car personne n'y va. Votre objectif est donc de vous assurer
que vous faites tout possible pour apparaître sur la première
page des résultats de recherche Google. le meilleur des cas, il s'
agirait d'apparaître dans les trois
premiers résultats Et bien sûr, si vous le pouvez, la meilleure option
serait d'apparaître en première position des résultats de recherche
Google. Alors, comment optimiser
notre site Web ? Nous avons donc principalement deux façons d'
optimiser notre site Web. Nous avons le référencement sur page et
le référencement hors page. Très bien, parlons du référencement
sur page. Bref, le
référencement on-page signifie que vous faites tout ce qui est en votre pouvoir pour
optimiser votre site Web C'est donc là que vous
pouvez utiliser vous-même toutes les tactiques, toutes les astuces
sur votre site Web, pas ailleurs,
mais sur votre site Web, sur les
pages de votre site Web pour optimiser votre contenu et comment nous le faisons. Nous effectuons donc des recherches par mots clés. Nous optimisons notre
contenu à l'aide de mots-clés. Nous utilisons l'interconnexion
et, bien entendu, une bonne expérience utilisateur
est également importante comment nous Vous vous demandez peut-être comment nous effectuons
cette recherche de mots clés. Pour cela, nous
utilisons généralement des outils pour effectuer recherches
par mots clés pour notre
contenu, pour nos produits. Et ces outils peuvent
être Ubersuggest,
SEMrush, H drafts, les deux derniers, ils sont assez chers et j' aime
généralement faire des recherches par mots clés,
mais
Ubersuggest, c' Et si vous utilisez
cet outil,
vous bénéficierez d'un essai gratuit de sept
jours. Je vous recommande donc vivement
de consulter cet outil. Et si vous
créez un site Web destiné votre public natif et à
votre public de langue
maternelle, Ubersuggest Il a également la possibilité de choisir différents pays et différentes langues. C'est donc très pratique. Et lorsque nous effectuons
une recherche par mot clé, nous examinons également nos concurrents. Vous
connaissez donc probablement déjà vos concurrents. Et si vous connaissez
ces concurrents, vous connaissez leurs produits, leur blog, leurs articles, leur contenu. Et vous pouvez, par exemple, prendre leur page produit. Si vous souhaitez vendre un produit d'apparence
similaire, vous pouvez consulter cette
page produit et la consulter via votre outil de
recherche de mots clés, Ubersuggest Cet outil vous permettra de
connaître le trafic généré cette page
spécifique à un produit pour les
mots clés qu'elle classe et quels mots clés génèrent le plus de trafic pour ce produit. Et peut-être allez-vous
voir d'autres mots clés pour ce
produit en particulier ne pas être bien
classés parce qu'il n' est pas optimisé pour ce mot clé
en particulier. Et c'est là que vous pouvez en
profiter. Et vous pouvez prendre,
disons, ce mot clé. Et vous pouvez utiliser ce
mot clé pour votre produit. Et vous pouvez essayer d'optimiser
votre produit à l'aide ce mot clé, car ce n'est pas le mot clé utilisé par votre
concurrent. C'est donc là que vous
pouvez en tirer parti lorsque vous analysez
vos concurrents. Et bien sûr, lorsque vous
analysez vos concurrents, vous obtiendrez des suggestions de
mots clés. Bien, maintenant vous
savez comment cela fonctionne,
ce que nous utilisons, mais vous vous
demandez peut-être ce qu'est un mot clé En gros, le mot clé
est simplement la ou les
phrases que les utilisateurs utilisent pour
rechercher des informations, articles de presse,
des articles de blog, des produits, des images ou
quoi que ce soit d'autre dans Google. Disons que dans mon cas, j'ai un mot clé qui correspond à l'heure du train à l'époque. Et j'ai fait ma
recherche de mots clés et j'ai découvert que les gens
recherchaient ce mot clé. Ce mot clé fait l'
objet de nombreuses recherches mensuelles. Cela signifie que les gens sont
intéressés par ce produit. C'est ce qu'ils recherchent. Et c'est un mot clé populaire. Ensuite, je travaille avec des produits. Je ne peux pas simplement donner des noms
aléatoires à des produits,
car cela ne signifie pas nécessairement que les
gens recherchent ces produits en utilisant
ces termes spécifiques. C'est donc exactement
ce que sont les mots clés. Nous devons suggérer les phrases que les
utilisateurs saisissent dans la recherche Google
pour rechercher des informations sur des
produits ou quoi que ce soit d'autre. Comme je l'ai dit, nous recherchons des mots clés
populaires que les gens utilisent
réellement pour trouver
des informations, des produits. Mais lorsque nous avons
un nouveau site Web, notre objectif est de trouver des mots
clés moins compétitifs. Donc, en gros,
cela signifie qu'il n'y a pas beaucoup de sites Web qui
optimisent
leur contenu, leurs produits,
en utilisant ces mots clés parce qu'ils sont moins populaires. Mais ils sont toujours
très populaires parce que les gens ont toujours l'habitude de
rechercher des informations. C'est pourquoi nous ciblons les mots clés
les moins compétitifs. Cela signifie que
moins de sites Web optimisent leur contenu à
l'aide de ces mots clés Et ce n'est pas parce que c'est
moins compétitif nous avons plus de
chances d'apparaître en meilleure position dans les résultats de recherche
Google. Lorsque nous ferons une recherche
par mot clé, vous allez le voir vous-même. Je vais le faire
dans une leçon ultérieure. Mais pour l'instant, mon
objectif est de vous permettre de mieux comprendre quels sont
nos mots clés, comment ils fonctionnent. Et fondamentalement, vous auriez
une base solide en matière de référencement. Très bien, parlons des mots clés
courts. Les mots clés sont généralement
de deux types. Il existe des mots clés courts et des mots
clés longs Les
mots clés courts contiennent
généralement jusqu' à trois mots et
sont généralement très compétitifs. Ils sont plus difficiles à classer. Je vais te donner un exemple. Disons que j'écris un article de
blog sur les chats du Bengale. Ce ne sont que les deux guerres, mais ce mot clé est très populaire auprès de 200
000 personnes chez nous. Recherchez ce mot clé, recherchez ces informations. Et il va évidemment être
difficile de se classer
pour ce mot clé. Vous devez donc en
tenir compte lorsque vous
publiez des articles de blog ajoutez des produits ou
quoi que ce soit d'autre. Ainsi, par exemple, lorsque
vous ajoutez un produit, vous pouvez le nommer Wooden Train. Dans ce cas, il s'agit
d'un mot clé court, mais il sera beaucoup plus
compétitif car il s'agit d'un mot clé court et plus de personnes recherchent
ce type de mot clé. Si vous utilisiez un train
en bois deux fois, ce serait un peu moins
compétitif, bien sûr, mais il y aurait
moins de recherches mensuelles. Si vous voulez utiliser
un mot clé plus long, ce sera un mot clé à
longue queue,
et dans ce cas, il pourrait s'
agir d'un ensemble de jouets pour trains en bois Maintenant, nous avons quatre
mots dans ce mot clé, et il s'agit d'un
mot clé à long terme, bien sûr, qui sera moins compétitif car moins de personnes
rechercheront ce type de produit et il sera
un peu plus facile à classer Et la première page
de Google Search, simplement parce qu'il y a
moins de sites Web qui
ciblent ce
mot clé et qu'il y a moins de personnes qui
recherchent ce mot clé. Et j'ai déjà un peu
parlé de mots clés à long terme. Les mots-clés à longue traîne sont généralement récompensés par plus de trois récompenses. Ils sont moins compétitifs, ils sont plus faciles à classer. Et je vais juste
te donner un bon exemple. Lorsque je travaille sur l'un de mes projets qui se
concentre sur les chats, découvert des mots clés assez faciles à classer et ce sont des
mots clés à
longue traîne. Voici donc un exemple. Les chats peuvent-ils manger des oranges ? C'est un long mot clé. Il contient beaucoup de mots, mais il contient pas mal
de recherches mensuelles, mais pas beaucoup de sites Web. Ils utilisent ce mot clé pour se classer parce qu'
il n'est pas très populaire, mais c'est quelque chose que
les gens veulent savoir. C'est pourquoi c'
est un bon mot clé. Lorsque vous allez
faire une recherche par mot clé, faites attention à la
compétitivité. Il reçoit de nombreuses recherches mensuelles. Et peut-être
trouverez-vous d'autres variantes de ce mot clé qui seront moins compétitives, mais peut-être qu'il y aura presque le même nombre
de recherches mensuelles. C'est pourquoi c'est important. Et nous allons
approfondir la question lorsque
nous ferons une recherche par
mot clé. Très bien, passons à autre chose. Donc, avant de parler de la manière dont nous
optimisons notre contenu,
nos produits, il y a quelques phrases que
vous devez savoir ce que signifie « sirop » ou « Serbes Cela signifie simplement
la
page de résultats du moteur de recherche ou les pages de
résultats des moteurs de recherche. Donc, en gros, cela signifie la page de résultats de recherche
Google. Donc, en gros, c'est ce que
cela signifie. Méta-titre. méta-titre signifie qu'il s'agit du
titre de votre produit vos articles de blog ou de votre site Web que vous voyez dans les résultats de recherche Google, Serbes et dans les résultats de recherche Google Ainsi, lorsque vous tapez un
mot clé dans une recherche Google, vous obtenez de nombreux résultats,
de nombreux sites Web. Et ces sites Web
ont leur méta-titre. C'est juste le titre. Et sous ce méta-titre, nous avons une méta-description. C'est ce que sont le méta-titre et le titre l'image de
méta-description. Donc ça va de
soi. Lorsque vous ajoutez des images
à vos produits, vos articles de blog, vous ajoutez des titres. Et lorsque vous ajouterez ces images, vous aurez également la possibilité
d'
ajouter une touche alt à côté de ces images. Et vous apprendrez à utiliser
ces deux champs, titre de
l'image et tous les textes
pour ajouter vos mots-clés. Et une fois que vous aurez
fait cela en pratique, vous verrez comment cela fonctionne. Nous pouvons maintenant passer à
la diapositive suivante. Comment optimisons-nous notre contenu, nos articles de blog, nos produits et
catégories à l'aide de mots clés. Donc, tout d'abord, une fois que nous avons trouvé le
mot-clé principal que nous voulons utiliser, nous l'incluons dans le méta-titre. Une fois que nous l'aurons fait,
ce mot clé sera inclus dans notre
méta-description Lorsque nous
installerons un plugin de référencement, vous verrez vous-même
que vous pourrez ajouter ces méta-titre et méta-description et
vous verrez comment cela fonctionne. Mais lorsque vous ajoutez une méta-description à votre CO2 je vais vous montrer comment cela fonctionne. Cela ne
signifie pas nécessairement que Google a repris ce méta-titre que vous avez ajouté à votre outil de référencement. C'est pourquoi, lorsque vous
rédigez des descriptions pour vos produits ou que
vous ajoutez un article de blog, le meilleur scénario est d'
inclure votre mot clé principal, le mot clé sur lequel
vous venez de faire des recherches La première phrase de la description de
votre produit Parce que c'est ainsi que Google va comprendre
votre description. Et une fois que quelqu'un
va rechercher un produit spécifique que vous
optimisez avec cette phrase, mais ce mot clé que
les internautes recherchent, Google
affichera ce
mot clé dans une méta-description. N'oubliez pas que lorsque
vous rédigez vos descriptions de
produits, n'oubliez pas d'inclure
votre mot clé principal, votre mot clé principal dans la première phrase de la description de
votre produit C'est la chose la plus importante lorsque vous rédigez des descriptions pour vos produits et lorsque vous rédigez
vos articles de blog, votre mot clé principal dans le meilleur des cas dans
les deux premières phrases Donc, dans la première ou
la deuxième phrase, cela dépend de la façon dont cela
va fonctionner pour vous. Bien entendu, nous incluons notre mot clé principal dans les
textes de nos contenus, de nos articles de blog
ou de nos produits de fichiers. Ainsi, lorsque nous rédigeons
les descriptions de nos produits, nous incluons généralement
le mot clé principal deux ou trois fois
dans la description et le nombre
de mots recommandé rédaction de votre description
est de 200 mots. Donc, si vous avez écrit une
description de 200 mots, vous voudrez
peut-être inclure votre mot clé principal deux fois
dans la description de votre produit. Donc, la première fois, et
vous allez inclure votre mot clé principal dans la
description sera la première phrase
qui sera automatiquement incluse dans
votre méta-description. Ce ne sera donc qu'une fois. Et la deuxième fois, j'ai essayé d' inclure quelque part au
milieu de la description. Ou si vous rédigez des descriptions
plus longues, vous
voudrez
peut-être inclure ce mot clé trois fois, mais n'exagérez pas
vos descriptions avec
trop de mots clés. Vous ne voulez pas que votre description sonne
comme un non-sens. Tu veux que ça
sonne naturellement. Lorsque vous rédigez
vos articles de blog, vous souhaitez inclure votre
mot clé principal dans votre article de blog, gratuitement cinq fois ou même plus. Cela dépend du nombre de
mots que vous écrivez. Supposons que vous écriviez
un article de blog de 600 mots. Donc, inclure six fois votre mot clé principal dans le
texte est tout à fait acceptable. La densité de vos mots clés
doit être d'environ 1 %. Et les outils de référencement vous
aident généralement à y faire face lorsque vous
rédigez des articles de blog Disons que vous aurez l'occasion d'ajouter votre mot clé cible et l'article de
blog dans l'outil de référencement. Et cet outil
calculera combien de fois vous
avez inclus ce mot clé. Et
vous verrez une coche verte, une marque jaune
ou marque rouge indiquant
que vous devez inclure un peu plus votre
mot clé principal Cela ne signifie pas nécessairement que ce
sera un gros problème si vous n'incluez pas
votre mot clé suffisamment de fois, vous devez simplement vous
rappeler que vous
devez inclure
votre mot clé principal. Au moins deux
fois lorsque vous rédigez la description de
votre produit et
lorsque vous rédigez description de
votre produit et des articles de blog, votre mot clé principal doit être d'
environ 1 % de la densité des mots. De plus, lorsque nous optimisons
notre contenu avec des mots clés, nous incluons notre mot clé principal
dans le titre des images, et dans tous les textes. Supposons que j'aie un
produit dans les délais impartis. Lorsque j'ajoute ce produit à l'image vedette
de ce produit, je vais inclure
le mot clé principal dans le titre de mon image. Et bien sûr, je
vais inclure
les textes alternatifs de cette image. C'est très important car
lorsque vous ajoutez des produits, cela ne signifie pas nécessairement
que les utilisateurs
utiliseront uniquement la recherche Google
pour rechercher des produits. Peut-être qu'ils vont également
utiliser la recherche d'images. Si vous
incluez votre
mot clé principal dans vos images, vous aurez plus de
chances d'être mieux classé, non seulement dans les résultats de recherche, mais également dans les images. C'est donc très important. Lorsque vous
ajoutez d'autres images, vous pouvez inclure d'autres
variantes de ce mot clé. Bien entendu, vous pouvez également inclure
le même
mot-clé et les textes alternatifs
d'autres images. Mais en général, j'aime inclure
d'autres variations et cela lui donne
simplement plus d'occasions
d'apparaître sur les images. Ainsi, par exemple, je pourrais
inclure et d'autres images ne le feraient pas, un ensemble de jouets entraînement dans le train ou
quelque chose comme ça. Et bien sûr, lorsque
vous ajoutez des articles de blog, vous allez
inclure des images. Et ces images, vous pouvez inclure votre
mot clé principal s'il vous est difficile d'inclure
votre mot clé principal dans le texte cinq fois. Vous pouvez inclure votre
mot clé principal et les textes alternatifs de ces images que vous ajoutez à vos articles de blog, ce
n'est qu'une vieille astuce. Et un monde du référencement où
vous pouvez inclure votre mot clé principal et tous les textes des images que
vous ajoutez à vos articles de blog, toutes les images, pas
seulement
l'image vedette que vous allez
ajouter à vos articles de blog, mais également toutes les autres images. Et vous pouvez également inclure d'autres variantes
de ce mot clé. Et quand je vais
vous montrer comment ajouter des articles de blog, vous le verrez vous-même, comment vous pouvez ajouter des images
et comment vous pouvez également ajouter du texte
alternatif à ces
images. Passons à la façon dont nous
utilisons l'interconnexion. Qu'est-ce donc que l'interconnexion ? Lorsque nous travaillons
avec des produits, nous n'avons pas vraiment besoin de nous concentrer
là-dessus car l'interconnexion, c'est déjà fait pour nous, surtout si vous avez un
bon thème comme Flatsome Il fonctionne également avec Astra Theme. Et si vous vous rendez sur
la page de votre produit, voici le même
exemple que celui que vous pouvez voir. Ce produit contient plusieurs
autres liens. Il y a le
lien vers la catégorie juste ici. Ce produit est donc déjà lié à notre
catégorie jouets en bois Il contient également des étiquettes qui sont également liées
à cette page produit Et il propose également des produits
connexes. Donc, en gros, sur
cette page de produit, nous allons ajouter
d'autres produits. Ce sont donc les produits
qui sont présentés ici en tant que produits connexes Notre catégorie
est très importante. Et en gros, avec les produits, c'est à
peu près tout. Nous n'avons pas besoin de nous concentrer sur la dette. Donc, en gros, l'interconnexion signifie qu'elle provient de votre page produit
ou de toute autre page à partir de vrais articles de
blog ou de quoi que ce soit d'autre. Vous créez un lien vers d'autres
pages de votre site Web. Vous utilisez des liens vers d'autres pages de votre site Web. Je vais donc
vous montrer un exemple de ce à quoi cela ressemblerait dans les articles de blog. Très bien, c'est donc l'un
de mes sites Web et j'ai un article de blog sur les races de chats les
plus sympathiques Vous avez probablement déjà vu
quelque chose de similaire. Et d'autres sites Web
et sites d'actualités ont tendance à le
faire assez souvent. Et si je peux faire défiler la page vers le bas, comme vous pouvez le voir, nous avons un
paragraphe sur les chats persans. Donc, ici, j'
ai un lien qui est surligné et qui
dit chats persans. Si je cliquais sur ce lien, j'irais vers un autre article de
blog qui se trouve sur mon site Web. Comme vous pouvez le voir,
ce sont des chats persans. Voici donc les chats persans, le mot clé pour lequel j'
essaie de me classer. Si je voulais y retourner. Comme vous pouvez le constater, j'utilise
le même mot clé
ici pour créer un lien vers mon article de blog. Si je fais défiler la page vers le bas, j'ai Maine****. Maine**** est un autre lien que je crée vers une autre page Je vais donc cliquer sur ce lien et
je vais vers Maine****,
comme vous pouvez le voir, et je vais
vers un article de blog du Maine**** Voilà à quoi ça ressemble, c'est comme ça
que ça fonctionne. Vous l'avez probablement également vu
sur d'autres sites Web. Je vais donc simplement
revenir à nos diapositives. Et c'est ainsi que fonctionne
l'interconnexion. Lorsque nous
parlons d'interconnexion, nous devons parler de
texte d'ancrage et nous allons également
parler de texte d'ancrage
et de liens de retour texte d'ancrage est donc essentiellement le texte que j'ai utilisé pour
relier mes liens C'est donc à vous de décider. J'avais un paragraphe
sur les chats persans et j'avais des textes mettant
en avant les chats persans. C'était un lien. Donc ce texte, les chats
persans qui était
cliquable, était du texte d'ancrage C'est très important lorsque vous créez des liens entre différents articles de blog. Et lorsque vous
ajoutez du texte d'ancrage, vous souhaitez que votre texte
d'ancrage soit votre mot clé principal. Donc, comme vous l'avez vu vous-même, mon mot clé principal et le billet de blog sur les chats
persans étaient les chats persans. C'est donc le même texte, un texte d'ancrage que j'utilise
pour relier les articles de blog des races de chats les plus sympathiques
aux chats persans C'est ainsi que fonctionne l'interconnexion. vous suffit de créer des liens vers
d'autres articles de blog, des
pages de votre
autre page ou de votre autre page. Très bien, passons à autre chose. Et lorsque nous
parlons d'une bonne expérience utilisateur,
une bonne expérience utilisateur signifie que vous disposez d'un site Web qui se charge
rapidement. Mais ici, nous n'allons
pas du tout nous concentrer sur les données. Parce que dans ce cours
je vous ai montré comment créer un site Web offrant une
bonne expérience utilisateur. Donc le rayon, donc ton
absolu, va être rapide. Le chargement va bien
sûr être réactif. Cela fonctionnera
bien sur tous les appareils. Le thème
Flatsome fonctionnera un peu mieux que le thème Astra Bien sûr, votre site Web aura
une apparence professionnelle. Bien entendu, c'est également très
important. Parce que si vous n'avez pas un site Web d'
apparence professionnelle, il y a de fortes chances que si une personne
trouve votre site Web, elle ouvre votre site Web et qu'il ait une apparence horrible. Il va quitter
votre site Web et cela signifie
que vous avez
un taux de rebond. Donc, si vous allez
avoir beaucoup de personnes,
il suffit de cliquer sur votre site Web
et de partir immédiatement. C'est un taux de rebond élevé. Google n'aime pas ça. Et vous pouvez vous attendre
à un classement inférieur. Et les résultats de recherche Google si
votre taux de rebond est élevé. Et généralement, un taux de
rebond élevé se produit parce que votre site Web
n'est pas bien optimisé, qu'il n'est pas bien structuré, qu'il n'a
pas l'air professionnel Il est difficile de
trouver des informations. Et c'est ce qui
vous donne un taux de rebond élevé. Vous voulez donc éviter cela en offrant une bonne expérience utilisateur. Très bien, alors résumons les phrases dont vous
devez vous souvenir Référencement sur page. Le référencement on-page, c'est lorsque nous
faisons tout ce qui est entre
nos mains pour optimiser notre site Web C'est donc ce que nous pouvons faire sur
notre site Web, sur nos pages. mots clés, les mots clés sont essentiellement les phrases que les gens utilisent pour rechercher des informations
et Google, comme je vous l'ai déjà dit auparavant, Les mots clés, les mots clés sont essentiellement
les phrases que les gens utilisent
pour rechercher des informations
et Google,
comme je vous l'ai déjà dit auparavant, propose des mots clés courts. Alors disons Maine ****, cat est un mot clé à queue courte. Et nous avons des mots-clés à longue
queue, comme les chats
peuvent-ils manger des pommes » ou
quelque chose comme ça. C'est un mot clé à long terme, l'optimisation des
mots clés. C'est donc ici que nous reprenons
ce mot clé sur lequel nous avons fait des
recherches et que nous utilisons pour
optimiser nos produits. Nous utilisons pour optimiser les catégories de
nos articles de blog ou quoi que ce soit d'autre, la densité des
mots clés. La densité des mots clés
signifie donc combien de fois vous avez inclus
votre mot clé principal, votre phrase clé dans le
texte de votre page, de vos articles de blog,
de votre produit, d'une catégorie ou quoi que ce soit
d'autre. Méta-titre. Le méta-titre est le titre que vous voyez
dans les résultats de recherche Google pour notre site Web.
C'est donc un méta-titre. C'est là que vous souhaitez
également inclure votre mot clé. Méta-description. Il s'agit de la
description que vous voyez dans les résultats de recherche
Google
pour certains résultats. Nous avons donc un méta-titre
et une méta-description. C'est donc ici que vous
souhaitez inclure vos mots clés. Tous les textes. Le texte alternatif est un texte alternatif
auquel vous ajoutez deux images. Ce texte est généralement utilisé
lorsque les images ne se chargent pas, mais cela arrive très rarement. Et dans le monde du référencement, les utilisateurs en profitent simplement pour inclure
des mots clés pour modifier le texte des images, sirop ou des pages de résultats des
moteurs de recherche. Et c'est ici que
vous verrez tous les résultats que
Google vous montre. Interconnexion. L'interconnexion permet d'établir un lien
entre une page de votre site Web et une autre
page de votre site Web Ainsi, à partir d'un article de blog, vous redirigez les internautes vers un
autre article de blog, peut-être d'un article de blog
à une catégorie de produits, peut-être à des produits, etc. Texte d'ancrage. texte d'ancrage est donc le texte que vous utilisez pour ajouter un lien
dans un article de blog. Très bien, passons à autre chose. Nous allons donc parler du référencement
hors page précédemment,
nous avons parlé du référencement on-page C'était tout ce que nous pouvions faire pour optimiser notre site Web afin classé dans les résultats
de recherche Google. Lorsque nous
parlons de référencement hors page, c'est que quelque chose n'
est pas entre nos mains C'est à ce moment-là que nous faisons confiance à
d'autres sites Web. C'est donc là que
nous obtenons des informations provenant d'autres sites Web au lieu
de notre site Web C'est là que nous nous appuyons sur d'autres sites Web pour
créer des liens vers notre site Web. Dans cette section,
nous allons donc
parler des backlinks. Lien retour Donc, en gros, lorsque
d'autres sites Web, disons à partir de là
, publient le lien
vers notre site Web
en utilisant du texte d'ancrage. Je l'ai probablement vu d'autres sites Web lorsque vous
lisez des actualités ou
quelque chose comme ça, vous cliquez sur le lien et les decks et vous accédez
à un autre site Web C'est un backlink. Nous avons
des liens de suivi. Nous avons des liens nofollow, liens de suivi
sont-ils très puissants Les backlinks Nofollow ne
sont pas si puissants. Et encore une fois, parce que ces choses ne
sont pas en votre pouvoir, vous ne pouvez pas choisir si vous voulez avoir des liens de
suivi, pas de liens de secours. Mais bien sûr, si vous
travaillez avec d'autres sites Web, vous pouvez réellement sélectionner. Mais lorsque vous ajoutez vos
liens vers d'autres sites Web, disons vers Pinterest, vous pouvez ajouter le lien de votre site Web
et le profil Pinterest, ce ne sera pas un
lien de secours, car il n'est tout simplement pas en votre pouvoir de choisir
si vous voulez avoir lien de
suivi ou
pas de repli. Nous allons
parler des posts d'invités. Alors, quelles sont ces choses ?
Tu vas en parler ? Les modifications de niche, leur fonctionnement, et à peu près
tout tourne autour des backlinks Très bien, passons à autre chose. Parlons donc des backlinks. Un backlink, c'est lorsqu'un site Web
renvoie vers votre site Web. Supposons que lorsque vous
lisez un article de blog, vous voyez qu'il y a un lien, vous cliquez sur ce lien et que
vous accédez à notre site Web. Dans ce cas, il peut s'
agir de votre site Web. Voici un exemple. Je reviens à l'un de mes
sites Web et comme vous pouvez le voir, si je faisais défiler la page vers le bas, j'ai quelques liens ici. Voici donc le lien. Et si je
cliquais sur ce lien, comme vous pouvez le voir, j'irais sur
un tout autre site Web. Il s'agit donc d'un tout
autre site Web. Et juste comme ça, ce site Web a reçu un
lien retour provenant de mon site Web Si je dois
cliquer ici,
comme vous pouvez le voir, comme vous pouvez le voir, nos incontournables en matière de mafieux. C'est donc un lien interne. Ce n'est pas un backlink. Vous avez donc vu la différence. L'un était le backlink, l'autre
était le lien interne. Très bien, revenons en arrière et encore
une fois, ancrons le texte. C'est juste le texte qui est surligné et
qui est cliquable C'est essentiellement le fils du lien. L'exemple précédent
que je vous ai montré avec un chat persan qui
était utilisé comme ancre. Lorsque vous essayez d'obtenir un
lien retour depuis un autre site Web, vous devez vous concentrer sur l'
ajout de votre lien vers un ancre. Les balises
sont le même mot clé que celui sur lequel vous vous concentrez pour vous classer Par exemple, j'essaie d'
obtenir un lien
vers nos articles de blog
sur les chats persans Dans ce cas, je
veux trouver un blog. Je souhaite contacter un blog. Je voudrais demander un article d'invité et peut-être que
c'est un sous-entendu parce je vais
leur écrire un article d'invité Et mes tags d'ancrage seront chats
persans parce
que c'est mon mot clé principal. C'est donc essentiellement
ce qu'est le texte d'ancrage. C'est la même chose lorsque vous
interconnectez vos pages, vos articles de blog, vos produits Mais cette fois, vous faites du profilage sur le site Web de
quelqu'un d'autre. C'est donc généralement
là que vous pouvez obtenir des
backlinks gratuits vers vos sites Web Ainsi, par exemple, si
vous voulez créer un profil Pinterest, vous pouvez ajouter votre site Web à ce profil Pinterest et ce sera désormais
suivi du lien retour Ce sont généralement des nofollow, ils vous donnent du jus, ils vous offrent
une certaine variété de backlinks, mais ils ne sont pas
aussi puissants que les liens de suivi Il existe de nombreux sites Web de
profils sur
lesquels vous pouvez créer des profils et où vous
pouvez ajouter vos sites Web. Et juste comme ça, vous pouvez créer des backlinks Si vous recherchez des liens de profil
Google ou
quelque chose comme ça, il existe de
nombreuses listes que vous pouvez
utiliser et vous pouvez essayer d'ajouter
votre site Web, votre page d'accueil. Et de cette façon, vous pouvez essayer d'
obtenir des backlinks gratuits. Les backlinks sont généralement
créés à l'aide de guess. Les deux sont des modifications de niche qui doivent être suivies et
qui coûtent généralement de l'argent Ils peuvent rapporter de quelques dollars à des milliers de dollars. Cela dépend beaucoup du type de site Web
que vous publiez, publications de
vos invités
et vous
avez probablement vu quelque chose
sur les sites d'actualités Disons que lorsqu'un site d'actualités parle d'un type de start-up et qu'
une grande partie des impôts
parlent de la start-up, quel point elle est incroyable. Et tout à coup, vous voyez qu'il y a un lien avec le titre
de cette startup. C'est un lien cliquable et
vous accédez à ce site Web, ce qui signifie
qu'il s'agit d'un lien retour Généralement, si vous souhaitez obtenir un lien de
retour à l'aide de nœuds invités, vous devez contacter les administrateurs du
site Web qui gèrent ces sites Web. Et vous pouvez leur demander s'ils
acceptent les deux invités. Vous pouvez demander si ces publications
d'invités sont payantes. De cette façon, vous pouvez écrire un article
d'invité sur le site Web. De cette façon, vous pouvez inclure
un lien dans ces articles d'invité qui amène les visiteurs
vers votre site Web. C'est ainsi que fonctionnent les posts des
invités. Les initiatives, les
initiatives, c'est quand,
disons, vous trouvez un
blog et que vous contactez l'administrateur parce que vous avez trouvé un article intéressant. Et dans cet article,
vous avez découvert que, disons que cet article
parle l'enseignement Montessori et de
mes cas d'Assad vous-même Je suis en train de créer une boutique en ligne de
jouets. J'ai donc la catégorie Jouets
Montessori. Disons que vous avez peut-être
trouvé un blog où
ce blog contient un article de blog
sur les enseignements Montessori Et il y a un paragraphe qui parle des jouets
Montessori Vous avez trouvé dans ce texte
une phrase que vous pouvez utiliser comme
texte d'ancrage sur les jouets Montessori Ensuite, vous contactez l'administrateur de ce billet de
blog et vous lui demandez si vous
prenez des initiatives ? J'adorerais inclure ma catégorie de jouets
Montessori dans
votre article de blog en tant que texte
d'ancrage sur les jouets Montessori et cet Habituellement, ces choses coûtent de l'argent. Cela peut rapporter de 5$ à
des centaines de dollars. Cela dépend donc beaucoup des sites Web que
vous leur contactez. C'est ainsi que Guess Posts
travaille de niche dans son travail. Et c'est ainsi que vous
créez des backlinks. C'est pourquoi
on parle de
référencement hors page , car ces choses ne sont pas totalement en votre pouvoir et vous
devez vous fier à d'autres sites Web, vous devez les contacter,
vous devez leur demander s'ils
acceptent les avis d'invités. Et dans ce cas, s'ils acceptent les
articles d'invités gratuitement, vous devrez rédiger un article de
blog gratuitement le
publier sur leur site Web
et inclure un lien retour Ils vont recevoir
un article de blog gratuit. Vous allez obtenir
un backlink gratuit. C'est donc ainsi que cela fonctionne. Si vous souhaitez
contacter un site Web plus important, disons un site d'actualités
ou quelque chose comme ça. Habituellement, ils listent les prix sur leur page de partenariats et vous verrez
vous-même que cela
peut coûter entre 10,50$,
des centaines, des milliers de C'est ainsi que fonctionnent les backlinks. Vous devez vous fier à
d'autres sites Web. Et n'oubliez pas que si quelque chose
n'est pas clair pour vous, ne vous stressez pas trop. Tu peux toujours rejoindre mon groupe. Vous pouvez poser des questions
et je vous
aiderai à toutes vos questions et
à tous vos problèmes. Je peux tout expliquer mieux. Je peux même vous aider à
créer des backlinks. N'hésitez donc pas
à rejoindre mon groupe. Très bien, parlons donc de certaines des autres phrases importantes nous avons déjà parlé à
propos des liens de retour Et je vous ai dit que le prix dépend
de nombreux facteurs. Cela dépend généralement du domaine de, car il s'agit de son autorité
de domaine. Vous pouvez avoir une autorité de domaine faible ou
élevée. Habituellement, c'est jusqu'à 100. Et généralement divers outils comme Ubersuggest,
SEMrush, H traps Ils utilisent différents types de
calcul de votre autorité de
domaine,
mais en général, le domaine de
force est calculé
en fonction du nombre de backlinks que vous avez, nombre de backlinks forts que vous avez provenant de sites Web de haute autorité Disons que vous avez peut-être
deux backlinks C'est donc un prix élevé
pour un site Web. Ceux qui sont plus enclins à accéder aux sites Web génèrent généralement
beaucoup de trafic. Ils ont beaucoup de backlinks. Et si ces sites Web
renvoient vers votre site Web, c'est ainsi que vous pouvez développer
votre propre autorité de domaine. Donc c'est comme ça que ça marche, ça
paie, blaireau, car
c'est aussi important Supposons que vous puissiez avoir
une autorité de domaine élevée, mais vous pourriez avoir une page de mots
inférieure. Vous pouvez avoir de nombreux liens
vers
votre site Web lui-même, mais vous ne pouvez pas avoir
autant de backlinks renvoyant vers votre page spécifique, votre produit spécifique, votre article de
blog spécifique, etc. Supposons donc que votre autorité de domaine soit faible, mais que votre page soit élevée à 40, cela signifie que vous avez beaucoup de backlinks
vers votre page spécifique,
vers votre page produit spécifique,
vers votre page de billet de blog spécifique vous pourriez avoir
une page élevée, vous 40 ans, et vous aurez alors un peu plus de chances d'être
mieux classé dans Google.
Résultats de recherche. domaine plus élevé permet également un facteur de classement N dans les résultats de recherche
Google,
car cela
signifie simplement que vous êtes un
site Web digne de confiance et que Google fait confiance à Google C'est ainsi que fonctionnent le domaine de for
it et la page de travail. Vous utilisez essentiellement d'autres sites Web pour créer
votre domaine qui en vaille la peine, pour créer votre page
de travail en obtenant backlinks provenant de ces sites Web
qui correspondent exactement à son fonctionnement Très bien, alors qu'est-ce qui
détermine votre classement ? Il est donc très important de
bien rechercher des mots clés. C'est donc la première chose à faire
lorsque vous faites une recherche par mot clé, lorsque vous êtes sur un nouveau site Web, bien
sûr, vous allez
avoir un faible domaine, vous le permettez. Parce que vous n'
avez aucun site Web renvoyant vers votre site Web. Vous allez avoir un domaine
bas de 40. C'est pourquoi vous souhaitez
cibler des mots clés moins compétitifs. Peut-être que ces mots clés
ne feront pas l'objet de nombreuses recherches mensuelles, mais ils seront plus faciles à classer dans les recherches
Google. Il s'agit donc d'une recherche de mots clés
appropriée et importante.
58. (7.1) Installer le plugin SEO: Bien, puisque vous connaissez
un peu mieux ce qu'est le référencement et comment il fonctionne, nous pouvons
maintenant installer un plugin
de référencement Passons donc à notre tableau de bord. Passons aux plugins. Cliquez sur Ajouter,
puis utilisons le type de recherche SCO. Et comme vous pouvez le constater, il existe de
nombreux plugins de référencement. Mais pour être honnête, ils font généralement une chose. Et ce truc, c'est qu'ils ajoutent méta-description
et un méta-titre, et c'est suffisant et ils proposent également
quelques suggestions. Ils vous donnent également quelques conseils
pour optimiser
vos produits, exemple des catégories
ou quoi que ce soit d'autre. Et dans la leçon suivante, bien sûr, vous allez
approfondir la recherche par mots clés, mais pour l'instant, tout
devrait bien se passer. Nous allons donc sélectionner ce
plugin Rank Math SEO. C'est le plugin
Alliance à utiliser et je l'utilise sur tous mes sites Web. Cliquez sur Activer. Très bien, donc dans mon cas, je viens d'activer ce plugin
et rien ne s'est passé Mais dans votre cas, il vous a
peut-être montré un assistant de configuration et
ne vous inquiétez pas à ce sujet. Vous pouvez fermer cet assistant de configuration. Il vous guide simplement à travers l'
ensemble des paramètres et ainsi de suite. Mais dans cette leçon,
je vais vous montrer à quoi sert le plugin SEO
Sandman Four Très bien, donc si
je pouvais aller ici,
voici mon Rank Math SEO Si je ne vais pas accéder au
tableau de bord, comme vous pouvez le voir, nous avons différents
outils et certains de ces outils ne sont actifs que pour la version premium
de ce plugin. Mais croyez-moi, vous n'avez pas vraiment besoin de la version
premium. La version Premium ajoute simplement X2, plus de
détails analytiques, etc. Mais même avec la version gratuite, tout ira bien. Très bien, donc si je devais
aller à l'assistant de configuration, j'aurais probablement
le même assistant de configuration que vous aviez lorsque vous avez
installé votre plugin Comme je l'ai dit,
vous pouvez le fermer, mais si ce n'est pas le cas, vous pouvez toujours
suivre cet assistant de configuration. Et si vous fermez cet assistant, suivez
simplement les étapes que je
vous ai montrées pour sélectionner l'assistant de configuration. Et maintenant, comme vous pouvez le constater, nous avons le choix entre plusieurs options. Nous pouvons choisir Advanced. Cliquez sur Démarrer l'assistant. Et comme j'ai déjà
installé certains plugins, l'
aide me donne la
possibilité d'importer des données, mais je n'ai ajouté aucune
donnée à ces plugins. Je peux donc cliquer
ici, ignorer, ne pas importer. Maintenant, tu peux le faire aussi. Et ici, choisissez simplement quelques
détails sur votre site Web, votre type de site Web, et il s'agira d'une
petite
entreprise, d' une organisation de type commercial,
d'un commerce électronique éducatif, etc. Il suffit donc de choisir toutes
ces options ici. Vous pouvez également ajouter votre logo. Vous pouvez ajouter une image de partage social. Mais cela ne
signifie pas nécessairement que Google va
afficher ces éléments et les résultats de recherche de
Google, car ces plugins
ajoutent simplement ces informations et c'est à Google de décider s' souhaite afficher ces
informations ou non. Google
peut donc parfois être assez pointilleux. Très bien, cliquons sur
Enregistrer et continuer. Vous pouvez créer et connecter
votre compte Rank Math. C'est très utile si vous
avez une version premium. Cela vous permet de faire des choses
plus avancées. Mais si vous n'
avez pas de compte, vous pouvez cliquer
ici. Sautez l'étape. Si vous le souhaitez, vous pouvez
créer un compte. Et si vous allez créer
un compte et que vous allez ajouter ce compte
à votre site Web. Cela ne changera
rien au déroulement de cette leçon. Nous pouvons donc
cliquer et sauter l'étape. Très bien,
nous avons donc ici des sitemaps. Les sitemaps seront
utilisés pour Google. Nous allons ajouter notre plan du site
à la console de recherche Google, mais nous le ferons
dans une leçon ultérieure. Et tel qu'il est actuellement, nous pouvons le garder tel quel. Et nous pouvons cliquer sur
Enregistrer et continuer. Très bien, nous pouvons cliquer sur
Enregistrer et continuer. Bon sang, on peut rapidement
revenir au tableau de bord. Nous en avons donc terminé avec
l'installation de notre plugin SEO. C'est prêt. Comme vous pouvez le constater, il dispose de
nombreux outils différents. Vous pouvez
tout découvrir vous-même. Dans les leçons suivantes, nous
allons approfondir ces
options ici. Nous allons utiliser
certaines de ces options, mais pas toutes, bien sûr. C'est exactement ce que ce plugin de
référencement a à offrir. Et vous devez garder à
l'esprit qu'il existe de nombreux plugins de référencement et qu'ils
se font concurrence. Et ils ont essayé d'offrir
autant d'options que possible. Et cela ne signifie pas nécessairement que ces options
sont très utiles, plutôt la façon dont elles fonctionnent. Très bien, maintenant que notre
plugin est prêt, il est en place. Nous n'avons pas besoin d'
ajouter quoi que ce soit d'autre. Et maintenant, nous devrions
aller à nos pages. Commençons par nos pages. Comme vous pouvez le voir maintenant, il contient
ces colonnes telles que les détails, le titre, la description, etc. Donc, généralement, lorsque vous
travaillez avec une boutique de commerce électronique, certaines des pages les
plus importantes
que vous souhaitez montrer à Google
et dont vous souhaitez vous occuper concernent
peut-être que vous souhaitez montrer à Google la page et votre page d'accueil. Toutes les autres pages ne sont pas nécessairement à prendre en
compte, car ce ne sont que des pages destinées
aux clients et vous
n'allez pas classer ces
pages dans les résultats de recherche Google. Mais si je
clique ici sur la page À propos et que je
sélectionne Modifier,
pas Modifier avec UX
Builder, mais simplement ajouter, comme vous pouvez le voir ici, nous avons d'autres options. Si je
clique ici,
c'est ici que je peux accéder aux
options de notre plugin SEO. Donc, ici, il nous montre notre méta-titre et notre
méta-description. Ici, nous pouvons cliquer sur Modifier extrait et vous
pouvez ajouter le titre Voici donc comment cela fonctionne. Ajoutez simplement le titre si vous
souhaitez ajouter un titre un peu plus long, si vous souhaitez ajouter
une description, vous pouvez également le faire. Et comme je l'ai dit, si
vous voulez vous
occuper de tout avec précision, des pages sur lesquelles vous pouvez vous concentrer sur la page à propos et la page d'accueil, toutes les autres pages ne doivent pas
nécessairement vous concentrer car elles
ne seront probablement pas classées dans Google. Mais
si vous gérez une nouvelle
boutique pour vous, ce qui compte
le plus,
ce sont les produits . Au lieu d'
apporter des modifications ici, revenons à Toutes les pages Nous pouvons maintenant accéder aux produits, puis sélectionner tous les produits. Faisons défiler la page vers le bas. Et disons que nous voulons travailler deux fois
sur notre train en bois. Cliquez donc sur Modifier. Très bien, nous sommes en train de
modifier notre produit. Et comme vous pouvez le voir ici, nous avons mis en place notre plugin SEO. Il nous montre notre score
d'optimisation. C'est huit sur 100, mais ne vous inquiétez pas à ce sujet. Ça ne veut pas vraiment
dire grand-chose. Il vous donne simplement
quelques suggestions, quelques conseils et
leur façon de voir les choses. Et ici, vous devrez
entrer votre mot clé de focalisation. Mais à ce sujet, nous allons en
parler dans la prochaine leçon où je vais vous montrer comment
effectuer une recherche par mot clé,
mais savez-vous ce qu'est un mot clé ? Nous allons donc en
parler un peu dans cette
leçon également. Très bien, alors faisons défiler la page vers le bas jusqu'à ce que nous voyions notre plugin SEO C'est la section dédiée
à notre plugin SEO. Et comme vous pouvez le voir ici, nous avons notre méta-titre
et notre méta-description. Lorsque vous rédigez un
méta-titre et une méta-description, vous souhaitez inclure votre
mot clé principal et les deux.
Disons que dans ce cas, mon mot clé
principal est Wooden Train. Je souhaite inclure
ce mot clé dans un titre qui figure
déjà dans un titre. Et je souhaite également inclure ce mot clé et cette
méta-description. Si ce mot clé ne figure pas dans la première phrase de description
MOD de la description de mon
produit. Je vais y retourner tout de suite. Comme vous pouvez le voir dans la description de mon
produit dans la première phrase, il contient le mot-clé Wooden Train. Donc, à part le trill, je
dois changer quoi que ce soit dans une méta-description car c'est déjà la
première phrase mathématique de
ma description Lorsque vous rédigez
des descriptions, gardez
simplement à l'esprit que le meilleur scénario
consiste à inclure votre mot clé principal dans la description, dans la première phrase
de votre description Parce que quoi qu'il en soit, si je dois inclure
ce mot clé et la
méta-description de maman ici en utilisant ces paramètres, si je dois ajouter une description
différente de la description principale
du produit lui-même. Et disons que la description de mon
produit que je vous ai montrée précédemment ne contient pas
le mot clé principal, mais ma méta-description
ici n'aurait pas vraiment fonctionné de cette façon parce que Google parle et peu importe que
vous
ajoutiez une méta-description ici, Il y a de fortes chances que
Google décide de ne pas utiliser la description de la méthode
que vous venez de
saisir ici, que keyword
energy choisira à savoir que keyword
energy choisira votre description au lieu de prendre cette description que
vous allez écrire. Au lieu de cela, Google prendra cette
description principale et elle s'affichera simplement sous forme de
méta-description
dans les résultats de recherche Google. Je ne sais pas, c'
est très logique. Mais votre objectif est que lorsque vous
rédigez les descriptions
de vos produits, vous devez inclure
votre mot clé principal dans la première phrase de la description de
votre produit. C'est donc votre objectif et cela
vous facilite les choses car vous devez rédiger une description séparée
pour Mater ici Et cela ne
signifie même pas que Google
choisira la description
que vous allez taper. Comme ce produit a une description
bien écrite, je n'ai pas vraiment besoin de
changer quoi que ce soit Peut-être que si vous le souhaitez, vous pouvez
modifier le méta-titre. Mais ici, je peux
taper mon mot clé de focalisation. Mon mot clé principal
est donc Wooden Train. Je vais cliquer sur Entrée, et voici ce que nous obtenons. Donc, au lieu de n'obtenir que
quelques points sur 100, avons maintenant 68 sur 100. Comme vous pouvez le constater,
le seul inconvénient est que notre contenu
est trop court. Lorsque vous rédigez des descriptions
de
produits est toujours recommandé d'écrire 200 mots et inclure votre mot clé principal
deux ou trois fois. Pas juste une, mais
deux ou trois fois, jusqu'à trois fois, pas plus que si vous incluez votre
mot clé principal trop de fois cela ne va pas l'aider nuire
à votre classement. C'est donc ce que font les plugins SEO. Ils vous donnent la possibilité de
sélectionner un autre type de méta-titre ou de méta-description et vous pouvez saisir
votre mot clé cible. Il vous donne simplement
des suggestions sur la façon dont vous pourriez mieux
optimiser votre
description. Comme vous pouvez le voir, si je fais
défiler la page vers le bas, cela signifie en fait que
vous devez utiliser 600 mots, mais ce n'est pas vrai
car nous n'
avons pas de version premium version gratuite et
cela ne reconnaît pas que nous écrivons la
description d'un produit, pas pour un article de blog. Donc, pour un produit, cela fait 200
mots et cela fonctionne très bien. C'est donc ce que sont quatre
plugins de référencement, assurez-vous
simplement d'
installer ce plugin. Et lorsque vous rédigez
des descriptions pour des produits, assurez-vous d'inclure votre mot clé principal dans la première phrase.
Plus tard, nous utiliserons un peu plus
ce plug-in
pour soumettre notre plan du site à console de recherche
Google et
vous verrez comment cela fonctionne. Mais pour l'instant, il ne
s'agit que d'
Outlook et assurez-vous simplement d'
installer votre plugin SEO Voilà, c'est tout pour cette leçon.
59. (7.2) Mise en place de la conconsole de recherche Google: Dans cette leçon, je
vais vous montrer comment
configurer votre console
de recherche Google. C'est
un outil très utile qui est bien sûr un outil créé par Google. Et c'est utile pour le référencement. Il vous permet de vérifier classement de vos mots clés, quels mots clés
vous apportent le plus de trafic. Et fondamentalement, c'est un outil
essentiel pour le référencement. donc tout d'abord Vous devez donc tout d'abord
créer votre compte console de recherche Google. Il vous suffit donc d'aller sur Google et de rechercher Google
Search Console. C'est ce que vous voulez
rechercher et le premier résultat
est ce dont vous avez besoin. Alors sélectionnons celui-ci. Cliquez sur Commencer maintenant. Et ici, vous devrez
taper votre nom de domaine. Donc, dans mon cas, ce
sera basé sur notre ketose.com. Cliquez sur Continuer. Nous allons
maintenant devoir apporter
quelques modifications au DNS de
notre nom de domaine. Comme vous vous en souvenez,
mon nom de domaine a été enregistré chez GoDaddy Ainsi,
peu importe où vous avez enregistré
votre nom de domaine, il
vous
suffira d'ajouter une ligne. Vous
trouverez donc ici des instructions. Nous pouvons sélectionner n'importe quel fournisseur DNS. Et comme vous pouvez le voir ici, nous allons devoir
créer un nouvel enregistrement de textes. Nous pouvons donc copier cet enregistrement
texte ici. Et maintenant je vais accéder
à mon compte GoDaddy. Je vais aller ici et je vais
sélectionner mes produits. Je vais donc faire défiler la page vers le bas
jusqu'à ce que je voie mon nom de domaine. Et ici, je
vais sélectionner DNS. Et cliquez sur Ajouter un nouvel enregistrement. Sélectionnons le type qui
va être taxé et le nom. Tapons ETA et
collons la valeur que nous avons
précédemment copiée. Il est temps de charger. Nous pouvons sélectionner Personnaliser
et ajouter 600 s.
Appuyons sur Enregistrer. Très bien, nous avons réussi à noter et à
envoyer de nouveaux textes à l'enregistrement nous pouvons
maintenant fermer notre compte
GoDaddy Et ici, attendez
quelques minutes. Cela ne devrait pas
prendre plus de 5 minutes. Et une fois que vous avez attendu 5 minutes, vous pouvez cliquer sur Vérifier, d'accord, après avoir pesé à un moment donné, nous
pouvons maintenant cliquer sur Vérifier Très bien, donc la propriété
a été vérifiée avec succès. Nous pouvons maintenant cliquer sur Accéder à la
propriété et, si vous le souhaitez, vous pouvez suivre le didacticiel pour
voir à quoi tout ressemble. Je ne le fais pas d'habitude, mais je vais quand même
tout vous expliquer. Ainsi, une fois que vous aurez
commencé à obtenir plus de données, c'est là que vous
verrez vos informations, les informations sur les
performances de votre site
Web, sa performance
dans les recherches Google. C'est donc ici que vous allez
voir la performance. Vous verrez quelles pages sont indexées et divers autres outils tels que l'expérience de
votre site Web et améliorations, si vous en avez besoin.
Et si je
devais cliquer ici, performances, c'
est ici que
vous verrez tout
plus en détail Nous pouvons sélectionner des pages, nous pouvons sélectionner les mots clés,
les pays, les appareils. Nous pouvons vérifier les performances de nos pages en
fonction des appareils, des pays, de la recherche, des
apparences, des dates, etc. Plus tard, je vais me
connecter à l'un de mes sites Web et je vais vous montrer
à quoi il ressemble. Plus d'informations
avec plus de détails. Ici, vous pouvez inspecter les URL
pour voir s'il existe un index. Donc, si vous
cliquez ici, vous pouvez coller n'importe quelle
URL et vérifier si elle
est indexée ou non Et l'URL d'index
signifie essentiellement qu'elle se trouve dans la base de données de
Google et qu'elle peut
être trouvée dans la recherche Google. Donc, en gros, ce que cela
signifie ici, vous trouverez divers autres outils et n'
ayez pas peur de
tout explorer vous-même. De cette façon, vous
apprendrez à utiliser cet
outil un peu mieux, mais
pour le moment, vous n'aurez aucune information. Vous iriez vers des liens. Ici, vous verrez des backlinks
si vous allez en avoir. Et comme je l'ai dit, cet outil
est très pratique pour comprendre les performances de votre site Web dans les recherches Google. Vous pouvez donc explorer tous les autres
outils tels que Page experience. Vous y verrez donc des informations sur l'expérience de navigation sur votre page, qualité,
sur les appareils mobiles, etc., vous verrez les signes vitaux de la Corvette,
les votre site performances de votre site Web
selon celles de Google, qui sont des personnes blanches Google a
donc ses propres
mesures pour vous permettre savoir si votre site Web
se charge rapidement,
s'il est Mais si vous comptez avoir des données vitales de
base sur le Web
encore moins bonnes, ne vous inquiétez pas
trop avec cela Ce n'est de toute façon pas le principal facteur de
classement, vous pouvez
donc explorer l'endettement. Mais avant de vous
montrer à quoi il ressemble, à
quoi il ressemble sur l'un
de mes sites Web. Il y a une autre chose très importante
que nous devons faire. Nous devons soumettre notre plan du site. Nous devons aller directement
ici Sitemaps. Et nous devons ajouter un
plan du site Web de notre site Web, essentiellement de toutes les URL
que nous avons sur notre site Web Pour trouver notre plan du site, nous allons utiliser notre outil de référencement que nous avons installé précédemment. Allons donc sur notre site Web. Passons au tableau de bord. Passons à l'outil de référencement que nous avons
installé précédemment, le Rank Math. Nous allons sélectionner le plan du site Il s'agit de notre plan du site. Nous pouvons ouvrir ce plan de site et il s'
agit essentiellement d'un plan de site
très simple. C'est assez explicite. Il s'agit de la carte de toutes les
URL de votre site Web. Vous avez donc ici le plan du
produit. Si je vais cliquer sur des
produits, comme vous pouvez le voir, ce sont tous des produits
que j'ai sur mon site Web. Je vais juste revenir en
arrière et je veux copier cette URL ici. Je souhaite revenir à ma console de recherche
Google et je vais coller
cette URL ici. Très bien, cliquez sur Soumettre. Très bien, nous avons soumis
avec succès notre plan de site et Google
va maintenant commencer à recueillir
des informations sur nos sites Web Donc, si j'allais
dans la section Vue d'ensemble, une fois que notre site Web commencera
à recevoir
des impressions, une fois que notre site Web commencera
à recevoir
des impressions, des clics, c'est
là que nous verrons toutes les informations. Je vais donc simplement ouvrir l'un de mes sites Web pour
vous montrer à quoi il ressemble. Très bien,
voici donc mon profil sur la console de recherche
Google
de l'un de mes sites Web Et comme vous pouvez le constater,
voici la performance. Nous pouvons ainsi voir le
nombre de clics que nous obtenons, nombre de clics que vous obtenez
à partir des résultats de recherche, de Google Discover, etc. Si je fais défiler la page vers le bas, c'est le nombre d'URL que Google
a indexées sur mon site Web Comme vous pouvez le constater, j'ai
ajouté quelques vidéos Voici
donc les
statistiques de l'index, les pages vidéo et l'
expérience que vous pouvez voir, et certains sites Web Mon expérience est plutôt médiocre, mais ne vous inquiétez pas à ce sujet. Cela n'affecte pas trop le
classement et vous ne devriez pas trop vous
concentrer là-dessus. Mais puisque vos applications être fraîches, vont être nouvelles, votre expérience sur les pages devrait quand même être bonne. Donc, si je dois
faire défiler la page vers le bas et voir comment d'autres outils, tels que les informations d'
achat, certains d'entre eux sont des produits qui
sont répertoriés sur des annonces d'achat. Et si je fais défiler la page vers le bas, j'ai quelques améliorations, des extraits de
FAQ, etc. C'est donc ici que vous pouvez
voir toutes les informations. Si je veux accéder aux
performances ici, je peux cliquer sur les résultats de recherche. Comme vous pouvez le voir, je peux voir combien de clics et
combien d'impressions ou de Dieu, ces trois derniers mois. Et je peux vérifier quel est
mon taux de clics, quelle est ma position moyenne ? Et si je dois activer le taux de
clics, voici à quoi
cela ressemble Et ici,
voici les mots-clés. Ici, je peux vérifier
quels mots clés m'apportent
le plus de trafic. Donc,
comme vous pouvez le voir, ce mot clé me rapporte le plus de trafic. Il reçoit pas
mal d'impressions. Le taux de clics est assez faible, mais la position est assez élevée Comme vous pouvez le constater, je
peux voir dans
quelle mesure la position se classe
dans les résultats de recherche Google, même si ces mots clés
sont très compétitifs. Et je me classe plutôt bien. Donc, si je cliquais
ici sur les pages que je peux voir, eh bien, je fonctionne en fonction des pages, donc c'est la page qui
fonctionne le mieux. Je peux même sélectionner cette page. Et comme vous pouvez le voir, je peux obtenir les statistiques de cette page spécifique. Voici donc comment cela fonctionne. Vous pouvez tout explorer
vous-même et bien sûr, je vous recommande vivement de tout
explorer vous-même. Une fois que vous commencez à
obtenir plus de
données, différents filtres s'affichent. Je peux donc fermer ce filtre
sélectionné précédemment pour me
montrer les performances de mes
pages. Et comme vous pouvez le voir
sous forme de perspectives, je peux vérifier quels
sont les pays qui me génèrent
le plus de trafic, quels sont les plus intelligents, les plus
utilisés, etc. C'est à vous de décider. Et à découvrir. Comme vous pouvez le voir, je peux vérifier nombre de clics que je suppose
à partir de Google Discover. Et en général, Google
Discover
apparaît lorsque vous
rédigez des articles de blog, vous rédigez un grand nombre
d'articles de blog et Google publie certains
de vos contenus. Parfois, il est simplement présenté, parfois il
ne l'est tout simplement pas. Mais si vous mettez en ligne du contenu quotidiennement, vous figurerez
sur Google Discover. C'est donc ainsi que cela fonctionne. Et l'indexation des pages,
comme vous pouvez le voir, je peux vérifier combien de
pages sont indexées et combien de pages ne le sont pas
, etc. Voici donc les
informations sur les virus que je peux vérifier. Je peux même vérifier mes liens de retour si je fais
défiler la page vers le bas, si je clique sur
des liens. Comme vous pouvez le voir, je peux vérifier
combien de sites Web renvoient vers mon site Web, combien de backlinks je possède, quels autres sites Web
relient mes pages, etc. Cet outil est donc très
pratique à avoir. C'est très utile
lorsque vous voulez comprendre ce qui fonctionne
et ce qui ne fonctionne pas, quels mots clés
vous apportent le plus de trafic ? Vous pouvez peut-être écrire un autre contenu basé
sur ces mots clés et obtenir du trafic à partir de ces articles de blog ou de ces
produits, etc. La majorité du trafic
que je reçois cette boutique en ligne
provient d'articles de blog. Mais ce que je reçois des produits , c'est exactement ce à quoi ils ressemblent. Ainsi, une fois que vous aurez commencé à obtenir des impressions de
trafic, voici à quoi tout
va ressembler Jusqu'à ce que vous
n'ayez plus aucune donnée, vous ne serez plus en mesure d'
explorer quoi que ce soit. Mais une fois que Google aura commencé à collecter
des données à partir de votre site Web, vous verrez
tout ici. C'est donc ainsi que cela fonctionne. Et encore une fois, si vous avez
besoin d'aide avec tous ces outils ou
quoi que ce soit de ce genre en matière de référencement, n'
hésitez pas à rejoindre
mon groupe Facebook. Très bien, nous pouvons maintenant fermer
notre console de recherche Google. Nous pouvons fermer notre plan du site. Et en gros, nous pouvons
accéder à notre site Web. Et c'est à peu près
tout pour cette leçon. Nous savons maintenant comment configurer votre profil dans la
console de recherche Google
60. (7.3) Mise en place de Google Analytics 4: Très bien, dans cette leçon,
nous allons configurer Google Analytics
et nous allons
configurer Google Tag Manager La raison pour laquelle nous utilisons Google Analytics est
que nous voulons comprendre le trafic qui
arrive sur nos sites Web. À l'aide de Google Analytics,
nous serons en
mesure de vérifier le nombre de
visiteurs que nous recevons où
viennent ces visiteurs. Si ces visiteurs
proviennent de moteurs de recherche
tels que Google, Bing ou tout autre, s'
ils proviennent de profils de réseaux
sociaux
tels que Pinterest, Facebook ou tout autre. Ces visiteurs sont-ils des visiteurs directs qui
saisissent votre site Web dans leur navigateur et
accèdent à votre site Web. Et en plus de cela, vous
pourrez voir les achats, les ventes d'où ils
proviennent. Ainsi, vous verrez si les ventes
proviennent de sources organiques, réseaux
sociaux
ou de toute autre source. est donc extrêmement important d'avoir Google Analytics, surtout si vous souhaitez
gérer une boutique en ligne avec succès. Et si
nous allons configurer Google Tag Manager, c'est parce qu'
avec Google Tag Manager, nous pourrons connecter
notre Google Analytics. Et Google Tag Manager est un outil que vous
installez sur votre site Web. En gros, votre site Web
passe d'une certaine manière par Google Tag Manager et capture divers détails
tels que l'ajout au panier, les achats, les pages consultées, etc. Le Google Tag Manager envoie ces informations à
Google Analytics. Ensuite, une fois connecté à votre compte
Google Analytics, vous pouvez voir toutes
les informations de manière bien structurée. Et en plus de cela, Google Tag Manager est
très pratique,
surtout si, à l'avenir, vous décidez de diffuser des publicités sur Facebook, des publicités
Pinterest, des publicités Read it, ou même des publicités Google ou
quelque chose comme ça. Parce qu'en utilisant
Google Tag Manager, vous allez pouvoir
installer différents pixels, disons un pixel Facebook. Le pixel Facebook vous aide
à suivre les conversions, à suivre les pages d'ajout au panier. Et en utilisant ces informations, Facebook optimise vos publicités. C'est donc très
important de l'avoir. C'est pourquoi, dans cette leçon,
nous allons configurer Google Analytics
et nous allons
configurer Google Tag Manager. Donc, pour commencer, allons sur Google et
tapez simplement Google Analytics. Très bien,
ici, nous pouvons sélectionner Google Analytics 4
car il s'agit d'une nouvelle version Et ici, vous
voulez sélectionner cette option. Nous allons donc sélectionner cette option. Maintenant, cliquez sur
Commencer à mesurer. Ici, vous pouvez ajouter le nom de
votre compte. Il vous suffit donc de donner le nom
de votre site Web. Je vais donc juste m'en
tenir à notre cétose. Faisons défiler la page vers le bas et
cliquez sur Suivant. Tapez à nouveau
votre nom propre. Donc, encore une fois,
votre nom propre sera le
nom de votre site Web. Donc dans ce cas, je vais
juste attacher des avocats
au bacon ici Sélectionnez le fuseau horaire de votre rapport. Et bien sûr, sélectionnez la
devise que vous allez utiliser. Il s'agira donc de dollars américains, d'euros ou de toute autre devise. C'est très important.
Il vous suffit donc de sélectionner votre fuseau horaire et de
sélectionner votre devise. Très bien, je vais donc simplement
cliquer sur Suivant. Choisissons notre secteur d'activité. Donc, dans mon cas, je
peux appeler ça des jeux, des jouets, quelque chose comme ça. Et je vais sélectionner la taille de l'
entreprise, elle est petite. Cliquez sur Suivant. Nos objectifs commerciaux
ou nos ventes en ligne sèches augmentent donc. La notoriété de la marque
a examiné le comportement des utilisateurs et, bien entendu, obtenu des rapports
de référence. Nous pouvons désormais sélectionner, stimuler les ventes en ligne,
accroître la notoriété de la marque et examiner le comportement des utilisateurs. Très bien, cliquez sur Créer. Maintenant, convenons des conditions d'
utilisation . Cliquons ici. Sélectionnez Accepter. Choisissons le Web. Et ici, tapez simplement l'URL de
votre site Web
et donnez le nom à cette propriété afin que le nom soit identique au titre de votre
site Web. Très bien, sélectionnons
Créer un flux. Très bien, donc pour l'instant,
nous n'avons pas besoin de suivre les instructions
pour Google Tag Manager Et plus tard, nous
allons l'installer. Faisons défiler la page vers le bas,
voyons ce que nous avons d'autre. Maintenant, nous pouvons fermer
celui-ci ici, et c'est notre propriété. Nous pouvons maintenant sélectionner
cette propriété. Très bien, alors ouvrez simplement
la même fenêtre. Fermons-le. Et au lieu de
le faire, cliquons sur Suivant. Très bien, la
collecte de données est donc une dépense Il va
donc falloir
un certain temps avant que Google Analytics ne commence à
collecter des données Mais en général, vous allez voir ces informations immédiatement, contrairement à Google
Search Console. Et pour l'instant, il est indiqué que c'est en attente car nous
n'avons pas connecté notre
compte Google Analytics et nous
n'avons en attente car nous
n'avons pas connecté
notre
compte Google Analytics et nous
n'avons pas non plus ajouté Google
Tag Manager. Cliquez
donc sur Continuer pour aller à la page d'accueil. Très bien, nous pouvons cliquer
ici pour enregistrer, et en gros, c'
est notre propriété Nous allons donc voir ici diverses informations
sur le trafic qui arrive sur notre site Web. Ainsi, auparavant, lorsque nous
configurions la console de recherche Google, cet outil était uniquement destiné analyser le trafic provenant de Google
Search et c'est tout. Mais Google Analytics sert à analyser le trafic
provenant de diverses sources, et pas seulement de Google Search. C'est donc l'énorme avantage
de Google Analytics. La prochaine chose que nous
devons faire maintenant est de
créer un compte
chez Google Manager. Passons donc au nouvel onglet et recherchons
Google Tag Manager. Très bien, cliquons sur Entrée C'est ce que nous voulons utiliser Sélectionnez donc cette option. Une fois que vous y êtes, cliquez sur Créer un compte et
attribuez un nom à votre compte. Vous pouvez donc appeler cela de la
même manière que votre entreprise. Donc, dans mon cas, il va bien
sûr être
cuit sur des avocats Sélectionnez votre pays. Et maintenant, faisons défiler la page vers le bas et donnons un nom
à notre conteneur. Nous pouvons appeler notre conteneur
notre nom de domaine. Sélectionnez Web ici, puis cliquez sur Créer. Très bien, cliquons. Oui Très bien, n'
installons donc pas Google Tag Manager. Nous allons le
faire un peu plus tard. À partir de là, nous pouvons commencer à travailler avec
un gestionnaire de balises. Et la première chose
que nous allons faire avec Tag Manager, c'est de configurer les balises
Google Analytics afin de relier ces
deux éléments. Pour ce faire, vous devez
aller directement ici, tags. Sélectionnez Nouveau. Cliquons ici. Et choisissons cette option. Très bien, nous pouvons donner le titre. Votre titre peut donc
être Analytics G A4. Très bien, nous avons donc donné le titre, et maintenant nous devons
revenir à notre tag Et ici, nous devrons
ajouter notre identifiant de mesure. L'identifiant de mesure se trouvera donc dans notre compte Google Analytics. Revenons donc à notre compte
Google Analytics. Passons directement à l'administrateur. Choisissons Data Streams. Sélectionnons
celui-ci ici, et nous voulons copier
cet identifiant de mesure. Cliquez donc
ici pour copier cet identifiant. Revenons maintenant à
Google Tag Manager. Collons cet identifiant ici. Et nous en avons terminé avec cette partie. Maintenant, nous devons
activer le déclenchement. Cliquons donc
ici pour déclencher, et choisissons toutes les pages. Nous voulons donc activer cette balise sur chaque page
de notre site Web. Nous allons donc sélectionner toutes les pages. Cliquez sur Enregistrer. Nous pouvons maintenant cliquer sur Soumettre
, puis sur Publier. Très bien, cliquons sur Continuer. est ainsi que nous avons
connecté Google Analytics à Google Tag Manager et nous avons
publié toutes les modifications. Très bien, fermons
celui-ci ici. Nous allons maintenant devoir ajouter Google Tag Manager
à notre site Web. Nous n'aurons pas besoin d'
ajouter Google Analytics car Google Analytics est déjà connecté à
Google Tag Manager. Et la seule chose
que nous devons ajouter à notre site Web est
Google Tag Manager. Très bien, allons sur notre site Web et allons au tableau de bord Nous allons maintenant devoir
installer un plugin. Passons donc au plugin. Nous allons donc sélectionner Ajouter un nouveau. Et ici,
tapez simplement Google Tag Manager. C'est le plugin que
nous voulons utiliser. Cliquez donc sur Installer. Cliquez maintenant sur Activer. Et maintenant, nous pouvons accéder aux
paramètres ici. Et sélectionnons
Google Tag Manager. Et ici, nous
allons devoir réfléchir à
l' idée de notre
Google Tag Manager. Revenons donc à
Google Tag Manager. Revenons à l'espace de travail. Et c'est l'idée
que vous voulez copier. C'est donc l'idée.
Sélectionnons donc cet identifiant et cliquons sur Copier. Revenons à notre site Web et collons cette
idée ici. Et assurez-vous simplement qu'il
n'y a pas d'espaces
au début de cette annonce et
à la fin de cette idée. Parce que si vous
devez avoir des espaces, cela ne fonctionnera pas et
n'oubliez pas de sélectionner Activé. Très bien,
cliquez sur Enregistrer les modifications. Passons maintenant à l'onglet Intégration. Choisissons WooCommerce, puis sélectionnons le suivi du commerce électronique
amélioré Très bien, faisons défiler la page vers le bas
et appuyons sur Enregistrer les modifications. Très bien, nous
allons maintenant devoir configurer notre Google
Tag Manager afin pouvoir envoyer divers
détails de commerce électronique tels que l'ajout au panier, détails des
achats, les
vues des produits, etc. heure actuelle, il affiche simplement les
pages vues et n' enregistre
pas divers déclencheurs du
commerce électronique. Pour ce faire, je
veux que vous temps et j'ai déjà
un fichier Vous devez
donc télécharger un fichier dans
lequel j'ai des
variables préconfigurées afin que vous n'ayez gagniez du
temps et j'ai déjà
un fichier. Vous devez
donc télécharger un fichier dans
lequel j'ai des
variables préconfigurées afin que vous n'ayez pas à vous
compliquer à l'extrême avec la
notation Je comprends que cela peut
devenir trop confus, alors je l'ai fait pour vous. Vous n'auriez donc pas besoin de trop vous
embrouiller. Vous pouvez donc accéder à mon groupe
Facebook et j'ai un post épinglé dans lequel j'
ai téléchargé ce fichier, téléchargé ce fichier
sur mon Google Drive, et vous pouvez télécharger
ce fichier depuis mon groupe Facebook si vous êtes
déjà dans ce groupe ou si vous n'y faites pas partie, je vous recommande vivement de rejoindre ce groupe, mais si
vous ne le souhaitez pas, voici le lien,
raccourcissez le lien et vous pouvez accéder à
cette URL ici. Et c'est là que vous
accéderez à mon Google Drive Cliquez
simplement sur Télécharger
et nous utiliserons ce fichier immédiatement. Une fois que vous avez
téléchargé ce fichier, vous devez vous rendre
ici dans l'onglet Admin. Sélectionnez Importer le conteneur, puis choisissons le fichier conteneur. Je vais donc accéder à
mon dossier de téléchargements, et c'est le fichier que
je veux choisir. Très bien, cliquons sur Ouvrir et choisissons le lieu de travail existant Et utilisons notre espace de travail
que nous venons de créer. Sélectionnez Fusionner, puis
cliquez sur
Tout confirmer . Maintenant, si nous
allons accéder à l'onglet Tags, comme vous pouvez le voir, nous avons un nouveau
tag que nous venons de télécharger Si nous devions passer aux déclencheurs, nous avons des déclencheurs de commerce électronique, divers déclencheurs tels que l'
ajout au panier, l'achat, la page, la saisie de détails
à l'aide d'un coupon, etc. Si je devais passer aux variables, ce sont toutes les variables que
nous avons qui
seront utilisées pour suivre les
différentes conversions. Très bien, revenons aux tags. Nous allons sélectionner le tag que
nous venons d'ajouter. Cliquez
ici sur les configurations. Sélectionnez la balise de configuration, puis la
balise que nous avons créée précédemment lors de la
configuration de notre compte Google Tag
Manager. Et cliquez sur Enregistrer. Très bien, avant de
soumettre nos modifications, nous pouvons cliquer sur Aperçu et vérifier si cette balise fonctionne Si tout fonctionne ici, vous devrez utiliser l'
URL de base de votre site Web. Il suffit donc de coller cette URL
ici et vous pouvez cliquer sur Connecter. Très bien, nous nous sommes donc
connectés avec succès à notre site Web. Nous pouvons maintenant sélectionner ce produit. Disons, choisissons le style et
choisissons l'âge. Et voyons si notre Google Tag Manager
enregistre tout. Alors allons-y directement. Nous allons sélectionner cette option ici. Comme vous pouvez le constater, le Google
Tag Manager fonctionne. Nous allons donc sélectionner cette
option ici. Et comme vous pouvez le constater, il enregistre
différents déclencheurs. Nous avons donc consulté
l'article depuis le début, votre liste d'articles,
la page consultée, etc. Donc, si je revenais mon site Web et que je
cliquais sur Ajouter au panier, il devrait enregistrer un autre
déclencheur Ajouter au panier. Donc, si je dois
revenir ici, comme vous pouvez le voir, les zones
enregistrent tout. Donc, Ajouter au panier a également été
enregistré. Maintenant, nous pouvons fermer
celui-ci ici. Comme vous pouvez le voir ici. Avant de fermer, nous
pouvons cliquer sur Terminer. Très bien, fermons celui-ci. Tout fonctionne. Revenons donc à
notre Tag Manager. Nous pouvons maintenant fermer celui-ci
et cliquer sur Soumettre. Très bien, cliquez sur Publier. Cliquez sur Continuer. Et maintenant, tout devrait fonctionner. Nous pouvons donc fermer cette
fenêtre ici. Et en gros, nous en avons terminé
avec notre Google Tag Manager. Vous pouvez maintenant accéder à votre
site Web et au mode navigation privée. Ouvrez simplement le mode
navigation privée de votre site Web, parcourez simplement
votre site Web, consultez certaines pages, vérifiez certains produits Plus tard, nous
retournerons à Google
Analytics et nous
vérifierons s'il
enregistre toutes les données, s'il obtient des données
du Google Tag Manager. Je vais donc simplement
ouvrir mon site Web en mode navigation privée Je vais cliquer sur
certaines pages. Je vais juste vérifier
si tout fonctionne. Je vais aller dans la catégorie
des costumes. Je vais sélectionner
ce produit. Et comme vous pouvez le constater, notre boutique en ligne a
l'air plutôt bien. Et je vais simplement
parcourir mon site Web. Et une fois que
j'aurai terminé, je vais juste fermer
celui-ci ici. Je peux maintenant
revenir à Analytics. Je peux fermer celui-ci et accéder à ma page d'accueil de
Google Analytics. Et maintenant, il devrait
enregistrer toutes les visites. Très bien, comme vous pouvez le voir, tout est enregistré et toutes les visites sont affichées agissait donc de visites provenant du site Web et comme vous pouvez
le voir, il est actif. Et une fois que vous allez
commencer à obtenir plus de données, c'est ici que vous allez
voir toutes les informations. Vous pouvez choisir si
vous souhaitez vérifier hier, aujourd'hui, 90 jours ou toute autre période
ici Si vous allez dans les rapports, vous trouverez divers autres rapports
plus détaillés. Et encore une fois, c'
est à vous de l'explorer. Et si vous avez des questions, n'hésitez pas à rejoindre
mon groupe Facebook et à m' envoyer
un message qui vous
aidera tout de suite. Comme je l'ai dit,
c'est à vous de l' explorer, ce qui est généralement le plus
important pour moi. Je veux vérifier combien de
visiteurs je reçois, où
viennent ces visiteurs. Donc, une fois que
je clique ici, je peux voir que dans ce graphique, je peux voir les
revenus, les ventes, provenance de
ces ventes et toutes ces informations. heure actuelle, nous n'
avons aucune donnée, mais une fois que vous aurez
collecté plus de données, c'est ici que vous
pourrez tout vérifier. Google Analytics est donc un outil
extrêmement utile. Et si vous souhaitez développer
votre boutique en ligne, c'est un incontournable Voilà, c'est tout pour cette leçon.
61. (7.4) Effectuer une recherche de mots-clés: Très bien, dans cette
leçon, nous allons faire une recherche rapide par mot clé pour savoir dans quelle mesure notre
jouet mot clé, mais ne pas entraîner, est performant Et peut-être trouverons-nous
une meilleure version de ce mot clé que nous pourrons utiliser à la place de celui-ci
dans train toy. Et lorsque vous effectuez
une recherche par mot clé, cela
dépend entièrement
de vous car , bien entendu, vous allez
avoir différents produits. Vous allez avoir différents articles de
blog et ainsi de suite. Mais ce sera
une introduction rapide. Je vais juste vous montrer
l'outil que j'utilise moi-même et je vous recommande
vivement
de l'utiliser également
car il ne coûte pas cher. Et avant de nous lancer
dans l'exploration des outils de données, je voulais juste vous montrer l'
ouverture de l'un de mes concurrents. Disons que je viens de trouver
un magasin de commerce électronique qui
vend des jouets et qui
propose pas mal de
nourriture et de jouets pour le train. Et c'est le jouet
que je veux étudier. C'est le jouet. Je veux vérifier à l'aide de
cet outil et plus tard, c'est exactement ce que
nous allons faire. Mais avant
cela, nous
devons d'abord accéder à cet outil. Un outil que j'aime utiliser s'
appelle Uber Suggest. Il suffit donc de taper dans la recherche Google, Ubersuggest, et c'est
ainsi que cet outil s'appelle Appuyons donc sur Entrée. Et ici, vous trouverez
cet Ubersuggest 2. Nous allons donc sélectionner cet
outil ici. Vous pourrez
créer votre compte. Si vous
créez votre compte, vous bénéficierez d'un
essai gratuit de sept jours. Il sera donc
plus que suffisant de faire notre
recherche de base sur les mots clés pour
déterminer quels mots clés sont populaires, quels mots clés sont bons ou quels mots clés ne le sont
pas du tout Dans ce cas, j'
ai déjà mon compte Je vais
donc simplement
cliquer ici pour me connecter, et je vais simplement me
connecter à mon compte Une fois que vous aurez créé votre compte et que vous vous y serez
connecté, voici ce que vous
allez voir. Vous aurez la
possibilité d'ajouter votre nom de domaine et ainsi de suite. Je vais donc déjà connecter
ce nom de domaine, mais avec Google Analytics, et
une fois que
vous aurez créé votre compte, vous pourrez le
faire également. Dans mon cas, je ne suis pas en mesure de le
faire car je l'ai
déjà fait. Ici, vous
verrez une option pour vous
connecter à Google Analytics. C'est très simple.
Il vous suffira
d' autoriser cet outil à utiliser votre Google Analytics en
vous connectant avec
votre adresse e-mail. Donc, en gros, c'est tout
ce qu'il faudra faire. Très bien, donc si je dois faire défiler
la page vers le bas, voici les informations que j'obtiens Je peux voir mon trafic organique. Quel est mon trafic organique ? Ce que j'obtiens, c'est que je peux le
vérifier par appareils, appareils de
BI pour postes de travail, appareils mobiles,
tablettes, etc. Et ici, j'ai
quelques mots clés que j'ai ajoutés et que je voulais
vérifier dans quelle mesure je me classe. Et comme vous pouvez le voir, c'est le nombre de backlinks que j'ai Il s'agit de mon score SEO sur la page. Comme
vous le savez déjà, le référencement on-page
est donc tout ce que vous
faites sur votre site Web C'est donc ce qui est en votre pouvoir. Ainsi, une fois que vous
aurez ajouté
votre nom de domaine, vous obtiendrez
une évaluation de votre performance. Et dans mon cas, ça marche plutôt bien. Nous avons des
estimations du trafic et ainsi de suite. Si je cliquais
ici, suivi du classement, c'est ici que vous verrez dans quelle mesure vos mots clés sont
bien classés. Vous pourrez donc ici ajouter différents mots-clés
en cliquant ici. Et disons que dans mon
cas je veux suivre mot clé, je n'entraînerais pas un jouet. Ensuite, nous allons baser
ce mot clé ici. Et cet outil me permettra de savoir quelle position ce
mot clé se classe. Ce sont donc les
mots clés que je suis en train de suivre. Et celui-ci dépendra vous car,
bien sûr, vous allez
avoir différents mots clés
à suivre et à explorer
par vous-même. J'utilise généralement uniquement le premier onglet tableau de bord, juste pour vérifier rapidement les
performances de mon site Web ou pour
vérifier le suivi des classements. Et ici, vous pouvez
découvrir d'autres outils. Mais l'outil
le plus important de cette leçon que nous
allons explorer se trouve ici, la recherche par mot clé. Donc, si je dois sélectionner
celui-ci, comme vous pouvez le voir, il s'étend et nous
avons différents outils. Donc, si je clique sur Aperçu des
mots clés, c'est ici que je peux vérifier les mots clés et, comme vous pouvez le voir, vous pouvez sélectionner votre lieu, vous pouvez sélectionner votre langue. Dans ce cas,
bien sûr, j'utilise langue
anglaise et
l'emplacement sera les États-Unis. Donc, ici, je vais
simplement taper mon mot clé dans Train Toy, et je vais
cliquer sur Rechercher neuf. Comme vous pouvez le voir ici, je
reçois diverses informations. Comme vous pouvez le voir ici, il s'agit du volume de recherche. En moyenne, de 1 à 900 personnes recherchent des
jouets en bois chaque mois. Et les États-Unis, un mot clé
très populaire. Et comme vous pouvez le constater, difficulté de
référencement. La difficulté du référencement va donc de 1 à 100
et pour l'instant elle est de 55, c'est un peu au-dessus de la moyenne Ce sera un peu difficile de
se classer pour ce mot clé. Comme vous pouvez le constater, il nous donne même quelques suggestions pour nous classer parmi
les dix premiers pour ce mot clé. Habituellement, les sites Web ont des backlinks
individuels
et un domaine
de six C'est très élevé,
surtout si vous créez simplement de nouveaux sites Web. Cela signifie donc que vous devrez
créer des backlinks pour créer votre autorité de domaine
et payer pour cela également Comme vous pouvez le constater, nous
avons quelques suggestions concernant la difficulté payante. Donc, le niveau de difficulté est de 100, ce qui signifie que c'est un mot clé très
compétitif, si vous décidez de
diffuser des publicités Google Et le coût moyen par clic
est d'un septième. C'est donc le coût de la diffusion
d'annonces en un clic. Cela ne signifie pas nécessairement que c'est
ce que cela va coûter. Cela va coûter un peu moins cher, parfois un peu plus, mais
c'est juste la moyenne. Et comme vous pouvez le constater,
le volume de recherche augmente
ici en
novembre et décembre. Donc, pendant la
période de Noël, il va
évidemment y avoir une
augmentation du volume de recherche. Et si je fais défiler la page vers le bas, j'ai divers mots-clés,
suggestions, peut-être trouverai-je le mot clé
le moins compétitif et que je peux utiliser au lieu d' utiliser ce mot clé qui
est assez compétitif. Donc, ici, vous verrez
tous les mots clés suggérés Ici, vous verrez des idées de contenu. Et en gros, ce
ne sont que les autres sites Web qui se classent pour ce mot clé
spécifique. Et vous pouvez voir combien de
trafic ils reçoivent par mois et ainsi de suite et combien de backlinks
ils possèdent également Très bien, donc si je
dois cliquer ici, voir toutes les suggestions de mots clés Je vais voir toutes les suggestions de
mots clés et je peux utiliser des filtres. Supposons que je recherche un
volume ici à partir de 52 000 par mois. Cela signifie que je recherche ce mot clé parmi 52 000 recherches
mensuelles C'est donc exactement ce que je
vais taper 50 à 2000. Très bien, maintenant je
vais cliquer sur Appliquer. Je peux maintenant trier par difficulté des
mots clés. Je vais donc sélectionner celui-ci. Non, désolé, je
dois sélectionner celui-ci. Je peux sélectionner le mot clé le moins
compétitif au plus
compétitif. Comme vous pouvez
le voir ici, nous avons des jouets
en bois pour les enfants de quatre ans. Et ce n'est pas un mot clé
compétitif, mais cela n'a pas
beaucoup de sens car nous recherchons le mot clé
Wooden Train. Très bien, alors peut-être que
ce mot clé
serait bon pour les catégories Très, vous avez une catégorie pour les quatre ans ou quelque chose comme
ça ou n'importe quoi d'autre
dans votre cas, bien
sûr, ce sera différent bien
sûr, ce sera différent Mais je ne fais que
vous montrer ceci à titre d'exemple. Comme vous pouvez le constater, le mot clé
le
moins compétitif se trouve dans un ensemble de jouets
entraînés. Et comme vous le savez, c'est un mot
clé long, il compte quatre mots et
le volume est de 480 Ce n'est peut-être pas tant que ça, mais la difficulté du mot clé n'est pas aussi élevée qu'elle l'était avec
le mot clé précédent. Nous pouvons donc sélectionner ce mot clé, puis nous pouvons vérifier à quoi il ressemble. Comme vous pouvez le constater, il augmente pendant la période
de Noël. Bien sûr, c'est ainsi
que cela fonctionne. Et c'est
à vous d'explorer cet outil vous-même et de décider quels
mots-clés vous souhaitez utiliser. est à peu près ainsi que je fais recherches par
mots clés avec cet outil. Je passe juste en revue les mots-clés. Une fois que j'ai sélectionné,
disons ce mot clé, je vais passer en revue
d'autres idées de mots clés. Je vais cliquer ici. Et comme vous pouvez le constater, nous
avons encore d'autres idées. Je peux trier par
difficulté des mots clés en une seconde. Et voici à quoi ça ressemble. Bien sûr, il indique zéro car ce n'est pas un mot clé
populaire. Comme vous pouvez
le voir ici, nous avons un jouet sympa, ce n'est pas un set d'entraînement. Il y a une faute de frappe ici. De toute évidence, vous n'allez pas classer
pour ce
type de mot clé. Mais comme vous pouvez le constater, voici comment effectuer une simple recherche par mot clé pour déterminer les performances des
mots clés. Si vous avez une idée de la
façon dont vous souhaitez nommer votre produit ou du
mot clé que vous souhaitez cibler. Vous pouvez vérifier si
ce mot clé est populaire. Si les gens utilisent ce
mot clé
pour rechercher ce type de produit ou non, cet outil est très pratique. Vous pouvez utiliser cet outil
comme je vous l'ai montré. Et c'est exactement comme
ça que j'utilise cet outil. Et je me classe généralement assez haut
dans les résultats de recherche Google. Et je me suis concentré sur
l'optimisation de mon contenu, mes produits, de mes articles de blog. Si j'écris des articles de
blog, bien sûr, et dans une leçon ultérieure,
je vous montrerai comment je
fais pour optimiser
le produit. Très bien, voici comment vous effectuez régulièrement
une recherche par
mot clé lorsque vous avez une idée de la façon dont vous
souhaitez appeler votre produit Mais si vous ne savez pas
comment appeler votre produit, vous pouvez trouver vos concurrents. Donc, dans ce cas, c'
est mon concurrent. Je vais copier cette URL et je vais revenir à l'outil
Ubersuggest Et je vais y aller directement. Et l'estimation du trafic, si
je clique ici, aperçu
du trafic, je peux vérifier nombre de visites que cette
URL reçoit. Je vais donc coller
cette URL ici, et je vais cliquer sur Rechercher. Très bien, comme vous pouvez le constater,
ce produit reçoit environ 500 visites par mois Il est classé pour 291 mots clés pour différents
types de mots clés. Cette page
n'a pas d'effet,
elle est juste devenue gratuite. Il n'a qu'un seul backlinks et son classement
est très élevé. Et généralement, la raison pour laquelle
une telle page est si bien
classée est que le domaine
lui-même est très puissant. Il a un
score d'autorité de domaine élevé, beaucoup de trafic et c'est juste un domaine
fiable, un site Web digne de confiance. Si vous faites défiler la page vers le bas, nous allons voir pour quels
mots clés ce
produit se classe et nous allons voir combien de visites ces
mots clés reçoivent. Dans ce cas, il contient même
un mot clé de marque, le train de données. Et comme vous pouvez le constater, le volume n'est pas si élevé, mais il s'agit d'un mot clé de marque. Il est très puissant,
ce qui signifie que ce site Web est très populaire. Comme vous pouvez le constater, il
occupe la première place. Pour les jouets, la formation
occupe la troisième place. Et comme vous pouvez le voir, combien de visites chaque lieu reçoit ? Si je pouvais cliquer
ici pour vérifier tous les mots clés pour lesquels
ce produit est classé. Je peux tout vérifier. Je peux tout trier en fonction
de la difficulté du mot-clé. Encore une fois, si
je dois cliquer ici
juste une seconde. Comme vous pouvez le constater, je peux trier
selon la difficulté des mots clés. Donc, comme vous pouvez le voir,
entraînez-vous avec des tracteurs C'est
peut-être un bon
mot clé si vous avez un produit similaire
et que, comme vous pouvez le constater, il
a un volume élevé et une difficulté moindre. Donc, en gros, c'est ainsi que fonctionne la recherche
par mot clé. Si vous avez une idée de la façon dont vous
souhaitez nommer votre produit, il
vous suffit de consulter
cet outil pour vérifier si mot clé que vous
envisagez d'utiliser est
populaire. Si les gens utilisent ce mot clé
pour rechercher des produits ou non. Si les utilisateurs n'
utilisent pas ce mot clé, vous pouvez essayer différentes versions. Vous pouvez essayer différentes suggestions. Si vous ne trouvez
aucune suggestion, vous pouvez essayer d'
espionner vos concurrents De cette façon, vous
pouvez déterminer quels mots clés fonctionneraient
pour votre produit. Et dans mon cas, je ne m'entraînerais pas, le
jouet fonctionnera bien. Je pourrais peut-être le renommer en ensemble
de cravates de train en bois, mais je vais juste
y aller mais je n'essaierai nouer et je vais juste le
laisser tel quel Mais je voulais juste vous
montrer comment fonctionne
la recherche par mot clé afin que je puisse fermer tous
ces fournisseurs. Et en gros, c'est
tout pour cette leçon. Nous savons maintenant comment fonctionne la simple recherche
par mot clé.
62. (7.5) Optimisons votre conception: Dans cette leçon, je
vais vous montrer la
formule Mil que j'utilise pour
optimiser les produits Ml. Voici donc le produit Wooden
Toy Train, et évidemment, le mot-clé sur
lequel je me concentre est
Wooden train Ty info. C'est très compétitif. J'ai décidé de l'utiliser juste
pour vous montrer un exemple. Si je dois cliquer
ici, sur ce produit, assurons-nous que
toutes les exigences sont en place. Donc, lorsque vous
travaillez sur votre produit, lorsque vous l'optimisez, vous devez bien
sûr inclure votre mot clé principal au
début de votre titre. Donc dans mon cas, c'est un jouet de train
en bois. Et si je décidais d'
ajouter quelque chose ici, jouet de train
en bois avec une corde
ou quelque chose comme ça. Cela ne sera pas considéré comme une clé. Mon mot clé est un jouet de train en bois. Je peux donc le laisser
comme ça. Je n'ai rien d'autre à
ajouter. Mais si vous devez ajouter quelques mots supplémentaires à votre produit, assurez-vous
simplement que votre mot clé se trouve au début
du titre. C'est donc en place. Notre mot-clé se trouve
dans le titre. Nous avons également notre mot clé dans l'URL de notre
produit ici, ce qui est également très important. Mais je n'en ai pas parlé au début
de la section car lorsque vous donnez le titre à votre
produit avec un mot clé, cela ajoute généralement ce mot clé
à votre URL, car nous
avons ajusté les liens perma lorsque nous travaillions avec
les paramètres de Wordpress Nous avons donc notre mot-clé dans le titre. Nous avons notre
mot clé dans l'URL ici. Donc c'est génial. Et ici, nous avons notre mot-clé
dans la description. Comme cette description
est assez courte, elle ne compte que 100 mots. également inclus ce mot clé
deux fois dans ma description, mais je recommande généralement
d'écrire une description d'environ 200 mots,
c'est ce qui fonctionne le mieux. Et comme vous pouvez le constater,
j'ai inclus mon mot clé principal au
début de ma description. Ainsi, dans la première phrase,
comme vous pouvez le voir, il est question de présenter
le jouet de train en bois. Nous avons donc ce chèque. Notre mot clé se trouve au début
de notre description, et si vous continuez à
lire cette description, vous découvrirez qu'
il existe un endroit où nous pourrions
inclure notre mot clé. Donc, juste ici, ce train. Donc, au lieu de dire « ce train », on pourrait dire que « ce
n'est pas un jouet d'entraînement ». Je vais juste
taper ici, ce jouet de train en bois. Comme vous pouvez
le voir maintenant, nous avons notre mot clé principal dans la
description deux fois, et nous l'avons ici, et nous l'avons au début de notre description,
ce qui est excellent. Comme je vous l'ai déjà mentionné, votre description doit
être d'environ 200 mots. Nous en avons donc terminé avec cette partie. Et maintenant, nous devons nous
assurer que notre mot-clé figure sur la
photo de notre produit. Voici donc notre image vedette, si je dois
sélectionner cette image. Comme vous pouvez le voir, j'ai le titre de cette image de jouet de train en bois, et dans les textes, j'ai également inclus ce jouet de train
en bois. C'est donc également ce que vous voulez faire avec votre
image en vedette. Et c'est très important. N'oubliez donc pas d'
inclure votre mot clé dans le titre de votre image ainsi que
dans l'ancien texte. Si je choisissais une
autre image qui fait partie de notre galerie d'images, comme vous pouvez le voir, j'ai inclus une variante légèrement différente de ce mot clé, juste un train en bois. Je ne veux pas être un spammeur, alors c'est comme ça que je fais les choses, et en général ça marche Et c'est juste un train en bois. Et en fait, ce vieux
texte décrit l'image. C'est en fait le
but du texte. Si votre image ne se charge pas, vous verrez un texte, vos clients, vos visiteurs verront un texte
au lieu d'une image. C'est le but de l'ancien texte. C'est ce que nous avons fait. Nous avons inclus l'
autre variante du mot clé dans
les images de la galerie de
produits. Si je choisissais cette image, comme vous pouvez le voir, j'ai inclus un ensemble de jouets de train
en bois. J'ai donc inclus une variation un peu
différente. Vous pouvez toujours dire que c'est
le mot clé que nous visons. Il contient un jouet de train en bois, mais au lieu de cela, nous avons inclus ensemble de jouets de train
en bois. C'est bien. Ici, je viens de le dire
à Wooden train Coach, juste pour décrire cette image, car je ne veux pas
trop spammer avec mon mot clé Ici, j'ai inclus des pièces de
jouets en bois parce que, encore une fois, je ne veux pas être spammée, et j'ai fait de même Nous pouvons donc fermer celui-ci. Nous avons donc notre clé en image. Nous avons différentes
variantes dans la galerie de
produits, ce qui est formidable. Ici, dans Focus Keyward, nous pouvons taper notre focus
keyard pour vérifier si nous nous
en sortons bien
avec ce produit Je vais juste
taper mon porte-clés, un jouet de train
en bois, et
je vais appuyer sur Entrée Bien, comme vous
pouvez le voir, nous avons la marque jaune, et c'est bien. Nous n'obtenons pas un
meilleur score parce que cela nous recommande
d'écrire 600 mots, mais ne vous inquiétez pas pour cela Il se concentre simplement sur un article de blog. Et lorsque vous
rédigez des descriptions, des descriptions de
produits, 200 mots suffisent
amplement.
C'est donc une bonne chose. Même si nous avons obtenu
67 points sur 100, c'est vraiment un bon score, et ça devrait nous convenir. Donc, en gros, c'est ainsi que
j'optimise mes produits. De plus, dans les étiquettes des produits, j'inclus des jouets en bois Comme vous pouvez le constater, j'ai une étiquette de
jouet en bois et j'ai un train. J'ai donc l'habitude d'opter pour
ces variantes parce que
je sais que j'aurai peut-être d'
autres produits à l'avenir, des jouets en bois, et d'autres jouets,
des jouets pour
trains, mais ces jouets ne seront
peut-être pas des trains en bois. J'inclus donc le train
ainsi qu'une taxe distincte. Mais vous n'avez pas besoin
de trop vous concentrer sur la fiscalité. C'est exactement ce que j'aime faire, et c'est à vous d' explorer ces paramètres,
ces options. Maintenant, nous pouvons monter, et revoyons les
choses une fois de plus. N'oubliez donc pas d'inclure votre mot clé principal après avoir effectué votre recherche clé dans
le titre de votre produit Dans l'URL, il sera
automatiquement inclus si vous voulez l'
inclure dans votre titre. Et n'oubliez pas d'inclure votre mot clé environ deux
fois dans la description, et n'oubliez pas de l'inclure dans l'image en
vedette et inclure vos variantes de
ce mot clé et de la galerie d'images
du produit. R ici. Comme vous pouvez le constater,
voici à quoi cela ressemblera, et vous n'aurez pas
besoin de modifier l'extrait du
méta-titre ou de la méta-description, si vous voulez
tout faire ici Nous pouvons donc cliquer sur la date Si nous pouvons cliquer sur Afficher le produit
et en gros c'est tout. C'est ainsi que vous optimisez
vos produits. Gardez simplement à l'esprit que
vous devez cibler les mots clés les
moins compétitifs,
car votre site Web est récent, il ne contient pas de
liens de retour ou quoi que ce soit d'autre, et vous voulez cibler
les mots clés les
moins concurrents. C'est tout pour cette leçon.
63. Résumé de la section 7: Et nous en avons terminé
avec la section SEO. Cette section était donc comme un
cours complètement séparé du cours. Vous savez maintenant ce qu'est le référencement, l'optimisation pour les moteurs
de recherche. Vous savez comment cela fonctionne, vous savez comment effectuer des recherches par
mots clés, comment optimiser votre contenu, vos produits et comment utiliser des outils pour comprendre le trafic qui arrive sur votre site Web. C'est très important
si vous voulez
créer une boutique
en ligne performante, vous devez comprendre comment les
visiteurs utilisent votre site Web. Quelles sont les pages les plus populaires, quels mots clés
vous apportent le plus de trafic ? Et bien sûr, le référencement est extrêmement important
si vous voulez que ces ventes gratuites arrivent sur
votre site Web et si vous
commencez à obtenir des ventes gratuites, des ventes organiques,
cela signifie que si vous voulez commencer à diffuser des
publicités payantes, cela fonctionnera également Si vous voulez obtenir des
reventes sur Google, croyez-moi, une fois que vous
aurez commencé
à diffuser des publicités, cela
fonctionnera encore mieux Mais maintenant vous savez comment cela fonctionne, vous savez comment fonctionne toute la partie
optimisation,
comment fonctionne le référencement sur page, vous connaissez le référencement hors page,
et c'est une
base solide en matière de référencement et c'est une
base solide en Félicitations donc pour cela. Maintenant, qu'est-ce que le référencement,
comment fonctionne-t-il ? Et cela vous aidera
à obtenir ces ventes organiques,
les ventes gratuites sur votre site Web. Félicitations pour cela.
64. (8.0) Introduction au blogging: Très bien,
commençons par parler blogs sur votre
boutique en ligne. J'en ai déjà
parlé dans d'autres leçons, en vous
disant que la rédaction d' blog sur votre
boutique en ligne est une bonne pratique. Vous pouvez attirer plus de
visiteurs sur votre site Web et vous pouvez vous attendre à
plus de clients. Habituellement, de nombreux magasins de
commerce électronique le
font, faites-le également. Donc, par exemple, si je
décidais d'
écrire des articles de blog sur
cette boutique de commerce électronique, c'
est-à-dire Toys Nish pour enfants, je pourrais écrire des
articles de blog sur des idées cadeaux pour,
disons, des enfants de quatre ou six ans ou
quelque chose comme ça. Enseignement du Tesori et tout autre
type de bloquage similaire Et si vous faisiez
une recherche par mot clé, en
parcourant ces
types de mots-clés, vous constaterez que ces
mots-clés sont très populaires Et pour ajouter un produit avec un titre, une idée cadeau
pour un enfant de 4 ans, veut
simplement travailler et pour tirer parti
de ce porte-clés populaire,
disons, vous pourriez
écrire un Donc, pour commencer à écrire des articles de blog, vous devrez créer
votre page de blocage, puis vous devrez créer des catégories pour votre article de blocage. Commençons donc par
créer notre page de blocage. Passons donc au tableau de bord. Passons à toutes les pages
ou, au lieu d'aller sur toutes les
pages, cliquons sur Ajouter nouveau. Donnons un titre au blog
et cliquons sur Publier. Cliquez une fois de
plus sur Publier. Revenons en arrière, et
maintenant nous devons
définir cette page
comme notre page de blog. Pour ce faire, il faut
aller dans les paramètres. Sélectionnons la lecture, et dans la section de la page de
publication
ici, choisissons le blog. Et cliquez sur Enregistrer les modifications. Très bien,
notre page de blocage est prête, et maintenant nous pouvons vérifier et
voir à quoi elle va ressembler. Passons donc à toutes les pages. Et comme vous pouvez le constater, le blog est
désormais configuré pour être une page de publication. Nous pouvons donc cliquer sur Afficher, et comme vous pouvez le voir ici, nous avons quelques publications bloquées. Vous trouverez donc ici
tous les posts bloqués. Donc, comme vous pouvez le voir, pour le moment, nous n'avons que deux posts bloqués. Ici, nous avons une barre latérale. Voici donc à quoi ressemble cette barre
latérale. Cela semble assez compliqué, donc notre prochain test consistera à
corriger cette barre latérale ici J'aime généralement afficher
les derniers articles, les articles récents et
les catégories. Mais pour le moment,
aucune catégorie n'a été créée. Donc, avant de travailler
sur notre barre latérale, nous devrions créer des
catégories pour nos publications bloquées. Pour ce faire,
revenons au tableau de bord. Et bien sûr, c'
est à vous de décider du
type de catégories que
vous souhaitez avoir. J'ai généralement environ
cinq catégories, mais dans cette leçon,
je vais simplement vous
montrer comment créer
deux catégories. Et même si vous
allez avoir moins de catégories, cela ne
changera vraiment rien. Parce que j'aime généralement utiliser les blog pour fournir des informations
utiles et utiles à
mes visiteurs, à mes lecteurs. De cette façon, je peux gagner ma
confiance, et ainsi je peux également m'
attendre à
avoir plus de clients plus
tard, car mes futurs clients connaîtront mon site Web. C'est ainsi que j'utilise les blogs. Par exemple, j'ai un
magasin de commerce électronique où je vends des jouets pour chats, des produits pour
chats, des produits
pour les amoureux des chats. Et sur ce site Web et ce blog, j'ai pas mal de
catégories avec divers conseils, races, suggestions, contenus
divertissants, etc. J'aime donc généralement
fournir à mes visiteurs des informations utiles
dont ils pourraient bénéficier. C'est bon. C'est
ainsi que j'utilise les blogs. Maintenant, vous avez également une idée de
la façon dont vous pouvez l'utiliser. Alors avant de partir, créons nos catégories. Donc, pour créer des catégories, nous devons passer à la pose, puis cliquer sur les catégories. Comme vous pouvez le voir par défaut, nous avons une catégorie qui s'
appelle Non classé, et nous ne pouvons pas supprimer
cette catégorie, puisqu'elle est créée par défaut, c'est juste comme ça qu'elle fonctionne, nous ne pouvons pas supprimer cette
catégorie car WordPress doit avoir
au moins une catégorie, et elle est généralement non classée. Au lieu de chercher
comment supprimer cette catégorie, nous pouvons la modifier ici. Cliquons. Édition rapide, et je vais juste donner le même
nom et les mêmes scories Le traîneau
sera ce que nous allons
voir dans l'URL de cette catégorie. Je vais
appeler celui-ci Montessori, et je vais cliquer sur
Mettre à Dans la catégorie Montessori,
je vais publier divers articles de blog sur les enseignements et les méthodes
Montessori, et peut-être que je vais
publier une liste de dix jouets,
dix idées cadeaux ou jouets Montessori ou Et dans ce billet de blog, je vais inclure
mes produits. Je vais juste
présenter mes produits. C'est ainsi que vous pouvez également
tirer parti des blogs. Donc, la prochaine catégorie
que je vais
créer s'
appellera Idées cadeaux. C'est bon. Cliquez sur
Ajouter une nouvelle catégorie. Et c'est merveilleux. Nous avons maintenant
deux catégories prêtes. Et si nous pouvions accéder
à toutes nos pages, les ouvrant
simplement dans un nouvel onglet, je voudrais simplement
consulter ma page de blocage. Je veux voir à quoi ça ressemble. Donc, comme vous pouvez le voir maintenant, au lieu d' avoir ici une catégorie
classée, il y a Montasori, ce sera la catégorie
par défaut Et pour le moment, comme je vous l'ai
déjà mentionné, nous devrions nous occuper de
cette barre latérale ici. Donc, pour corriger cette barre latérale, allons ici, et passons à l'onglet Apparence. Sélectionnons les widgets. Et cette barre latérale a été
créée à l'aide de widgets. Très bien, juste une
seconde. C'est bon. Voici donc la
barre latérale. Comme vous pouvez le voir, il possède de nombreux widgets, et je vais
supprimer celui-ci. Et en fait, je vais tous les
supprimer, sauf que je vais
laisser ce message récent, et je vais déplacer les
catégories au-dessus des articles récents, et j'ai l'impression que, comme
ça, ça devrait être beau. Donc, ce que je vais
faire maintenant, supprimer tous
ces blocs ici, et je vais simplement laisser les
catégories et les publications récentes. Très bien, je viens de terminer supprimer les blocs que
je ne vais pas utiliser, et voici à quoi
va ressembler ma barre latérale maintenant Bien entendu, vous pouvez tester
d'autres widgets ici. Si vous le souhaitez, vous pouvez
utiliser n'importe lequel d'entre eux, les
faire glisser où vous le souhaitez, et c'est à vous de décider, mais j'aime généralement
que tout soit simple. Passons maintenant à notre page de blocage, et actualisons cette page. Et comme vous pouvez le voir, c'est barre latérale
assez simple Voilà à quoi ça va ressembler. Si vous ne voulez pas
avoir la barre latérale, vous pouvez la désactiver
en allant ici et en sélectionnant la mise en page du blog Comme vous vous en souvenez dans
une leçon où nous
parlions des options
de personnalisation. Je vous ai dit que vous pouvez apporter
divers ajustements à la mise en page, mais avant tout, vous
devez avoir un blog. Donc, comme vous pouvez le voir, je suis dans les options de
personnalisation de mon blog, et si je pouvais aller ici. Dans cette section, je peux
modifier la mise en page. Si je voulais aller ici, un seul article, je pourrais également modifier
la mise en page. C'est à vous de décider si vous
souhaitez apporter des modifications, mais j'aime généralement
rester tel quel. Je voulais juste vous
montrer qu'il est possible de faire quelques modifications. C'est bon. Donc, pour le moment, nous
avons ce bloc en quelque sorte prêt. Ensuite, nous devons afficher
ce bloc quelque part,
afin
que nos visiteurs, nos clients
puissent accéder à notre blog. C'est donc à vous de décider où vous souhaitez inclure votre page de blocage, vous pouvez l'inclure
ici même dans votre pied ou vous pouvez l'inclure
ici même dans votre menu Dans ce cas, incluons notre page de blocage dans notre menu, et nous allons
créer un menu déroulant avec des catégories. Pour ce faire, nous voulons accéder
au tableau de bord, et nous allons nous entraîner pour la dernière fois à travailler avec le menu. Passons donc à l'apparence. Sélectionnons le menu,
et ici,
voici notre menu principal. Alors pour le moment, choisissons
juste un deuxième lien personnalisé. Notre lien personnalisé sera donc notre page de blocage. Donc, ici, nous pouvons taper du texte. Ça va être un blog. Et
là, je vais juste coller l'URL de ma page de blog. C'est bon. Maintenant, je peux
cliquer sur Ajouter deux menus. Et je veux que celui-ci
soit le dernier, donc c'est exactement là
qu'il est censé être. Et maintenant, nous pouvons élargir
les catégories, n'est-ce pas ? Nous avons donc tout afficher Et ici, nous pouvons
voir nos catégories, toutes les catégories de notre bloc. Nous pouvons donc les sélectionner tous les deux
et cliquer sur deux menus. Très bien, maintenant je veux faire de cet élément de blog
un menu déroulant. Je vais donc déplacer
celui-ci vers la droite, et je vais déplacer Montesori
vers la droite également Je peux changer de place, et cliquons sur Enregistrer le menu. C'est bon. Nous pouvons y retourner. Nous pouvons maintenant fermer cet onglet. Et c'est parti.
Notre blog est en place. Donc, si je passe le curseur sur le blog, comme vous pouvez le voir, je peux
choisir la catégorie que je veux Si je clique sur
le blog lui-même, je vais accéder
à la page du blog. Et si je passe le
curseur sur le blog,
comme vous pouvez le voir, je peux
sélectionner la catégorie Montessori Il s'agit donc de la catégorie
Montessori. Cela ressemble un peu parce que nous n'
avons qu'une seule catégorie
avec deux articles de blog. Si je devais sélectionner des idées cadeaux, nous n'avons aucun article bloqué. Voici donc à quoi ça
ressemble en ce moment. Donc, juste comme ça,
vous pouvez créer une page de blocage pour votre site Web. C'est donc tout pour cette leçon.
65. 8.1 Recherche de mots-clés et optimisation de la conconception: Dans cette leçon, nous
allons parler la recherche par mots clés et des moyens optimiser votre publication en bloc pour obtenir les meilleurs
résultats possibles, en particulier si votre
site Web est récent et que vous comprenez que lorsque vous
avez un nouveau site Web, il est assez difficile d'
obtenir ce trafic organique et que vous devez rechercher des
mots clés qui
ne sont pas tels que compétitifs comme les autres, et qui ont un certain
volume de recherche, un volume de recherche, volume
mensuel, comme 200, 100 ou quelque chose comme ça. C'est vrai. Alors, comment faire une
recherche par mot clé pour votre publication en bloc. C'est en fait la même chose que faire de la recherche pour
vos produits. C'est en fait la même chose. Je vais donc passer à l' outil
Uber Suggest,
et comme vous pouvez le voir, c'est le même
outil que nous utilisons pour effectuer une recherche par mot clé
pour nos produits. Très bien, passons donc à la recherche
de mots clés. Nous pouvons commencer par le
mot clé au-dessus de vous. Comme vous pouvez le voir, j'ai déjà saisi un mot clé,
un mot clé dessus Je prévois d'
écrire un article en bloc, et le mot clé sera la
méthode Montessori Je pourrais donc écrire un article sur la méthode
Montessori, un tableau de bord, tout ce que vous
devez savoir, ou je pourrais tout
nommer sur la méthode
Montessori Mais le meilleur scénario est d' inclure votre mot clé au
début du titre, car nous
parlons actuellement de la partie
optimisation. Donc, si vous le pouvez, si c'est
possible pour vous, le meilleur scénario est d'
inclure votre mot clé principal, la phrase au
début du titre. C'est également très important. Mais si vous ne pouvez pas le faire,
ne vous inquiétez pas, ne
transpirez pas trop pour cela. Vous pouvez inclure
au milieu de la phrase,
cela fonctionnera toujours. Mais c'est le
meilleur des scénarios. C'est bon. Nous pouvons donc maintenant vérifier les performances de
ce clavier. Comme vous pouvez le constater, nous avons
un volume de recherche moyen, 3 600 recherches par
mois en moyenne, et c'est plutôt bien.
C'est assez élevé. Et la difficulté du SCO
est assez élevée. 49 sur 100, c'est assez
élevé, et ici, nous avons des informations
selon lesquelles dans les dix premières
positions pour vous classer, vous devriez avoir
autant de backlinks Votre domino de 40
doit être d'au moins 55, mais cela ne signifie pas
nécessairement que ce sont là les véritables exigences Ce ne sont que des prédictions. C'est vrai. Mais comme vous pouvez le constater, déjà d'après le score de
difficulté du SCO, vous pouvez constater que ce mot clé
est assez difficile à saisir. Et si je dois
écrire un article de blog, cela ne signifie pas que je vais
générer beaucoup de trafic, car il est fort probable que
je ne vais pas me
retrouver sur la première page des résultats de recherche
Google. Et pour y être, je devrai
créer des backlinks pour
accéder à d'autres sites Web afin de pouvoir publier
des articles de supposition C'est donc un long processus. Mais peut-être parviendrons-nous à trouver un mot clé moins compétitif. Et si je dois faire défiler la page vers le bas, voyons ce que nous
avons ici. Donc, dans les idées de mots clés, je vais simplement les
développer toutes. Comme vous pouvez le constater, nous avons
plusieurs autres idées. Ici, la méthode
Montessori matériel pédagogique, va
être assez difficile de
travailler sur celui-ci parce que je n'ai
même pas d'idées façon dont je pourrais publier
un article de blog
sur ce sujet. Donc je vais
juste sauter celui-ci. C'est bon. Celui-ci, la méthode
Montessori Le volume de recherche est faible, mais cela ne signifie pas
nécessairement que 70 personnes
seulement recherchent de la désinformation chaque
mois Habituellement, le volume
est beaucoup plus élevé. Ce ne sont que des prédictions. Ce ne sont que des chiffres, et cela ne signifie pas nécessairement que si votre
volume de recherche est faible, vous ne devez pas vous concentrer
sur ce clavier car son volume de recherche est
faible. Maintenant, s'il a un faible niveau de difficulté et qu'il ne sera pas si difficile de le classer par touches. Vous devez également vous concentrer sur
ces touches à faible volume. Parce que, bien sûr, votre site Web est frais ou votre
nom de domaine est frais. Vous n'avez pas une autorité
de domaine élevée. Vous devez vous concentrer sur les touches les moins
compétitives, et ces touches
ont généralement moins de Très bien,
méthode Montessori pour la parentalité. Je pourrais peut-être écrire un article de
blog sur la parentalité
selon la méthode Montessori, tout ce que vous devez
savoir ou tout ce que vous
devez savoir sur la parentalité selon la méthode
Montessori. Peut-être que cela pourrait
être un bon sujet, et peut-être que je pourrais
utiliser ce mot clé. Je vais sélectionner ce
mot clé ici. Et peut-être que je pourrais écrire
un article sur ce sujet. Alors maintenant, je sais qu'il ne
reçoit qu' environ 70 recherches par mois. Cela ne présente pas de
grande difficulté et je pourrais très probablement me
retrouver sur la première page
de recherche Google. Il n'y a pas beaucoup de trafic,
mais c'est quelque chose. Et lorsque vous êtes nouveau, vous devriez commencer par des claviers moins
compétitifs Et au fil du temps, mesure que vous vous développez, à mesure que votre autorité de
domaine se développe, pouvez viser des mots clés plus
compétitifs. Et comme je vous l'ai montré dans l'
une des leçons
où je vous ai montré comment utiliser la console de
recherche Google telle que
vous l'avez vue vous-même. Dans ma situation, je me classe en
quelque sorte dans des positions
très élevées avec
des mots clés très compétitifs qui sont extrêmement compétitifs. Cela m'est donc essentiellement
arrivé parce que mon site Web existe
depuis un certain temps maintenant. Je gère ce
site Web depuis six ans et j'ai déjà rassemblé
quelques backlinks Mon domaine a une autorité
supérieure et je peux obtenir un meilleur classement en utilisant des mots clés
plus compétitifs. Ainsi, lorsque vous êtes nouveau, lorsque vous débutez, vous pouvez choisir des mots clés moins
compétitifs, et vous pouvez commencer à
travailler avec eux,
car vous devez encore
apprendre à diffuser du contenu, ce n'est pas si compétitif, mais si vous parvenez à
maîtriser ce métier, cet art de publier du contenu moins compétitif et
vous obtiendrez un classement élevé. C'est un bon début. Pour être honnête, c'est un excellent
début. Ce sera donc
le mot clé que je
vais utiliser, la parentalité selon la
méthode Montresoro, et le titre de mon article de blog sera tout ce que vous
devez savoir sur la
parentalité selon la méthode
Montresoro ou
quelque chose comme ça devez savoir sur la
parentalité selon la méthode
Montresoro ou Et dans ce cas, bien sûr, il est assez
difficile d'inclure ce mot clé au
début de la phrase. Mais encore une fois, ce n'est
pas un gros problème. Je peux l'inclure pratiquement
partout où je veux. Et dans tous les cas, ce keyward n'est pas
très compétitif C'est bon. Voyons
ce que nous avons d'autre. Quels sont les autres concurrents que nous
avons ici qui
utilisent ce keyward ? Bien, comme vous
pouvez le voir ici, nous avons un article qui traite d'élever bébé en utilisant la
méthode parentale de Montresor D'accord, peut-être que c'est aussi
une bonne idée de bloquage. Si je dois ouvrir
celui-ci dans un nouvel onglet, voyons à quoi il ressemble. C'est vrai. Comme vous pouvez le constater,
voici à quoi cela ressemble. C'est un livre ou
quelque chose comme ça. Mais oui, c'est à ça que ça ressemble. Vous pouvez également essayer d'
écrire un article en bloc, similaire à celui de vos concurrents, en
choisissant parmi des idées de contenu. Vous pouvez essayer différentes
méthodes pour pomper le contenu. Donc, encore une
fois, c'est à vous de décider. C'est là que vous
pouvez faire preuve de créativité. Et exécutons cette URL
ici via notre outil de suggestion Uber
pour vérifier les autres mots clés
qu'elle contient. Donc, si je dois passer
à l'estimation du trafic, je vais sélectionner l'aperçu
du trafic, je vais coller
la CRL ici, et je vais cliquer sur Rechercher Nous allons vérifier
quels autres mots clés classés sur
cette page. C'est bon. Il s'agit d'un classement pour 15 mots clés, et voyons quels sont ces
mots clés. C'est bon. Peut-être que nous
trouverons ici d'autres
idées de mots clés que nous pouvons utiliser pour
rédiger notre contenu. OK, comme vous pouvez le
voir, maman et moi, Montessori. C'est assez confus. Ne nous concentrons pas sur celui-ci. Si je dois
choisir de tout afficher, voyons tous les mots clés. Comme vous pouvez le constater, c'
est le mot-clé Montessori Newborn » pour bébés Comme vous pouvez le constater,
nous avons ici différentes idées de mots clés que nous pouvons également utiliser
pour rédiger du contenu. Maman et méthode de sommeil Montessori
Montresori, comme vous pouvez le constater, nous
avons beaucoup d' de C'est donc ainsi que je
fais habituellement une recherche par mot clé. Je commence généralement par la phrase générale
du mot clé ici même
dans la recherche de mots clés. Je passe en revue les suggestions, je passe en revue les
différents autres mots clés. Ensuite, je vérifie les idées de contenu. Ensuite, si je trouve quelque chose intéressant comme
celui-ci ici, je copie l'URL de
cette page du bloc de publication, et je la
colle ici dans l'estimation du trafic
et l'aperçu du trafic, et je vérifie quels autres
mots clés cette page est classée, puis peut-être que je
trouverai d'autres mots clés
intéressants. Comme vous pouvez le constater,
c'est ainsi que cela fonctionne. Il suffit de parcourir
les mots clés. Vous essayez de sélectionner les
mots clés les moins compétitifs qui
ont un certain volume, un certain volume de recherche et pour
lesquels vous pouvez vous classer. Et lorsque vous
optimisez votre contenu, n'oubliez pas que vous devez inclure votre mot clé principal dans le titre de votre article de blog,
dans l'URL de celui-ci. Donc, si vous voulez inclure
votre mot clé dans le titre, il sera également automatiquement inclus dans l'URL. Devez-vous l'inclure
dans la description de la méthode 2. Mais si vous voulez
inclure ce mot clé principal dans la première phrase de votre article de blog, au moins dans les
deux premières phrases, il
sera automatiquement inclus dans la description de la méthode. Dans tous les cas, est-il très
important d'inclure votre mot clé dans les
deux premières phrases ? Lorsque vous rédigez
votre article de blog, cela fait partie de l'
optimisation de votre contenu. Vous devez inclure
votre mot clé dans les deux premières
phrases de votre article de blog Ensuite, lorsque vous rédigez
votre article en bloc, disons que votre
article en bloc sera de 800 mots,
quelque chose comme ça. Dans ce cas, vous
voudrez probablement mentionner le mot clé environ huit
fois, quelque chose comme ça. Après avoir inclus
votre mot clé huit fois, la prochaine
chose à faire ajouter une
image en vedette pour votre publication en bloc. Plus tard, je vais
vous montrer comment procéder. Mais une fois que vous avez ajouté l'image en vedette, vous devez également inclure
votre mot clé principal dans le texte, puis dans le
titre de l'image, comme nous
le faisions
lorsque nous travaillions sur des produits, lorsque vous
ajoutez également d'autres images dans votre bloc de publication, vous pouvez inclure d'autres
variantes du mot clé qui sont également liées à
votre contenu. C'est comme ça que ça se passe. Donc, en gros, vous êtes maintenant
un peu plus familiarisé avec l'idée de faire de la recherche de
mots clés lorsque vous rédigez des articles de blog.
66. 8.2 Rédiger des articles de blog: Dans cette leçon, je vais vous
montrer comment ajouter des articles de blog à mon site Web. Donc, si j'allais sur Google
Docs, comme vous pouvez le voir, mes articles de blog sont prêts, et j'aime généralement utiliser Google Docs pour
rédiger mon article de blog. Pas dans tous les cas, j'
écris moi-même des articles de blog, parfois j'achète de la
fibre auprès de freelances Et c'est ainsi que je publie habituellement ces articles de
blog dans Google Docs, et c'est tout simplement plus pratique. Donc, comme vous pouvez le voir ici, mon article de blog
est prêt. C'est le titre. Et comme vous pouvez le constater, j'ai inclus mon mot clé au
début du titre. Et voilà à quoi ça ressemble. Il contient des titres, et en gros, mon article de blog est prêt Je peux donc simplement sélectionner
mon article de blog ici, et je vais simplement le copier. Très bien, je vais juste
copier mon article de blog, et je vais
aller sur mon site Web. Je vais accéder au tableau de bord, et dans l'onglet Publier, je vais cliquer sur
Ajouter un nouveau. C'est bon. Je vais supprimer ce
bloc car je n'en ai pas besoin car j'ai besoin d'
un bloc de paragraphe
au lieu d'un bloc HTML. Ici, je vais juste
coller mon contenu. Et comme vous pouvez le constater, voici à
quoi cela ressemble. C'est bon. Maintenant, je dois ajouter le titre. Le titre se trouve juste ici. Encore une fois, je
vais juste copier mon titre. C'est comme ça que j'aime
écrire mes titres, et je vais les
coller ici. Comme vous pouvez le voir, cela
ressemble à cela, et la majorité des mots
sont en majuscules, c'est ainsi
que cela fonctionne. Et si vous voulez aller ici, vous trouverez différents blocs que vous pouvez utiliser
dans votre article de blog. Habituellement, lorsque j'écris des articles de
blog, j'utilise uniquement des images, des
paragraphes, des titres et des espaces,
celui-ci ici En général, cela suffit
amplement, mais si vous souhaitez
explorer d'autres blocs, c'est à vous de les
découvrir, alors n'hésitez pas à
explorer d'autres blocs. Peut-être trouverez-vous également quelque chose que
vous aimeriez utiliser. Et en plus de cela, j'
utilise également la table des matières
par rang mathématique. C'est vrai. Donc,
tout d'abord, lorsque j'ajoute mon article de blog, j'aime généralement aller
ici pour publier plutôt que pour bloquer. Lorsque je clique ici, je modifie l'
ensemble du message lui-même. Donc, les choses que je fais ici, j'ajoute mon image vedette. Donc, mon image vedette sera celle-ci. J'ai déjà ajouté quelques images. Et comme je vous l'ai déjà mentionné, dans l'ancien texte, je vais
inclure mon mot clé principal. Donc, ici, je vais
inclure mon mot clé principal, et dans le titre,
je vais également inclure
le même mot clé. C'est bon. Comme vous
pouvez le constater, j'ai inclus mon clavier principal dans l'ancien texte ainsi que dans
le titre, et je vais cliquer sur
Définir l'image en vedette. J'ai maintenant une image en vedette
pour ce billet de blog. C'est bon. Nous en avons donc
terminé avec cette partie. Nous devons maintenant sélectionner notre
catégorie. Juste une seconde. Et la catégorie que je vais
sélectionner sera
évidemment Montessori Et dans le texte, j'inclurai Montessori
et la méthode Montresori C'est bon. Comme vous pouvez le constater,
voici à quoi cela ressemble, et si vous vous souvenez de la taxe, destinée à décrire votre
contenu en termes de mots clés courts. Donc, si vous voulez
avoir un contenu similaire, peut-être que vous allez avoir un contenu un peu différent dans
lequel vous allez également
parler de Montosur ou de la méthode Montosur,
vous pouvez également inclure les
mêmes balises C'est ainsi que fonctionne le tag. Ils ne sont pas d'une grande aide, mais c'est quand même quelque chose, donc j'aime généralement
inclure le tag également. C'est vrai. Donc, si je
dois faire défiler la page vers le bas, nous n'avons rien d'autre à
changer. Tout semble parfait. Et
maintenant, la prochaine chose que je fais, est d'inclure des espaces. Donc, le premier espace que je vais
inclure sous le titre, et pour inclure un espace, vous devez cliquer ici. Faisons défiler la page vers le bas et faisons-le simplement glisser et déposez-le
où vous le souhaitez. D'habitude, j'aime utiliser 30 pixels. Ici, je
vais taper 30. Maintenant, je peux dupliquer
celui-ci ici. Je vais juste le dupliquer, et je vais ajouter le
même espace ici. Je vais dupliquer
une fois de plus, et je vais ajouter
un autre espace ici. Maintenant, je prévois d'
ajouter une autre image. Tad, une autre image. Je peux cliquer ici, ajouter un bloc et
sélectionner une image. Si j'utilise la recherche,
je cotape une image, et c'est le bloc que
je veux utiliser et dessous de l'image, j'
aime généralement inclure un autre espace. C'est donc exactement
ce que je vais faire. Je vais juste dupliquer
l'espace précédent, et maintenant il y a deux espaces entre les images,
et maintenant je vais sélectionner
l'image
dans la médiathèque. J'ai donc déjà
téléchargé quelques images. C'est l'autre image
que je prévois d'utiliser
et, comme vous pouvez le voir, elle
inclut déjà tout le texte et le titre. Cette fois, j'ai décidé d'
utiliser un clavier différent et je ne
veux pas que chaque image
comporte le même texte. C'est donc votre objectif. Vous ne voulez pas avoir l'
air de spammer. C'est bon. Je
vais donc cliquer sur Sélectionner. Et voici à quoi
ça va ressembler. instant, je vais faire défiler la page
vers le bas, et encore une fois, je vais
dupliquer cet espace. Je vais le déplacer vers le bas
juste ici. Ici, je prévois d'
inclure une autre image. Comme vous vous en souvenez, pour
inclure une image, nous pouvons cliquer ici. Sélectionnons l'image. Dupliquons notre espace. Déplaçons-le vers le bas et choisissons l'image dans
la médiathèque. L'autre image que je
prévois d'utiliser est la suivante.
Ici , j'ai inclus le même mot clé que mon mot clé
principal car cela ne
posera aucun
problème puisque je n'utilise pas le même
mot clé dans chaque image. J'ai utilisé mon mot clé principal
dans deux des images. Je l'ai utilisé dans l'image d'en-tête
et dans cette image également. Je vais donc cliquer sur
Sélectionner. C'est bon. Mon image est prête,
et encore une fois, je vais
dupliquer cet espace, et je vais le
déplacer ici. Et le prochain espace
que je vais
dupliquer sera ici et je vais le
déplacer ici même. Et ici, je vais
inclure une autre image. Encore une fois, sélectionnons ce symbole
plus, sélectionnons l'image. Dupliquons l'espace. Déplaçons-le vers le haut et choisissons les dégâts. C'est l'image D
que je prévois d'utiliser. Maintenant, il a un mot clé un peu
différent, mais il est toujours relatif
à mon article de blog. Je vais cliquer sur Sélectionner, et maintenant je vais
dupliquer le dernier, et je vais le
déplacer ici dans la partie finale.
Voilà à quoi ça va ressembler. C'est bon. Alors maintenant, comme je l'ai dit, vous devriez relier
vos posts en bloc. Et comme mon site Web est récent, je n'ai pas beaucoup de choix
pour relier mes posts en bloc. Je peux relier Montessori
Ward, ici, à celui-ci, et je peux ajouter la catégorie des articles en
bloc, ou je peux ajouter la
catégorie de Je vais donc aller sur mon
site web, Bacon avocados. Je vais ouvrir Montessori
Toys dans un nouvel onglet, et je vais ouvrir Non, ce n'est pas un blog. Je vais
juste y retourner. Je vais survoler le bloc. Je vais choisir la catégorie
Montessori. Maintenant, j'ai mis en place une
catégorie d'articles Montessori en bloc, et j'ai ma
catégorie de produits Je peux donc inclure cette URL, mais je dois la copier. Maintenant que j'ai
copié cette URL, je peux revenir à mon post bloqué, et je peux sélectionner Montessori C'est bon. Donc, ici, je vais choisir cette option. Et à cet endroit,
je vais coller cette URL que j'ai
précédemment copiée et voici à quoi
elle ressemblera. Alors maintenant, ce billet de bloc est
interconnecté. Donc c'est génial. Et l'autre lien
que je peux inclure est ma catégorie de blogue,
Montessori Comme je prévois d'avoir plus publications
bloquées dans cette catégorie, je vais relier cette
catégorie à mon bloquage de publications Je vais donc simplement chercher l'autre
texte d'ancrage Montessori qui se trouve ici, et je vais
sélectionner celui-ci Je vais le coller
ici. Je vais cliquer sur Entrée, et comme vous pouvez le voir,
voici à quoi cela ressemble. Maintenant, je peux accéder à mon outil
SCO qui se trouve ici, et je peux taper mon focus au clavier. Mon objectif principal sera la parentalité selon la méthode Montessori C'est exactement ce que
je vais taper. Je vais appuyer sur Entrée.
Et comme vous pouvez le constater, nous en avons obtenu 69 sur 100. C'est plutôt bien.
Comme vous pouvez le constater, oui, nous obtenons de bonnes notes. Le mot clé Focus est introuvable dans la description de
votre méthode. Donc, s'il ne se trouve pas
dans la description de la méthode, j'ai en fait inclus ce
mot-clé dans la deuxième phrase. Cela ne prend donc pas de l'ampleur, mais nous pouvons modifier l'extrait Et ici même dans
la description, je peux inclure mon mot clé principal. C'est donc exactement
ce que je vais faire. Très bien, j'ai donc simplement inclus mon mot clé principal dans la description de la
méthode. Et voici Outlook. Je vous recommande généralement d'
inclure votre mot clé principal dans la première phrase
de votre article
de blog ou de votre produit, car cela fonctionnera mieux. Et pour le moment, je viens d'
inclure celle-ci dans la description de ma méthode à
l'aide de mon outil de référencement. Mais cela ne signifie pas
nécessairement que Google reprendra cette question,
et il se peut que Google
n'utilise que la première phrase. C'est donc le problème avec Google. Comme je l'ai dit, c'
est parfois difficile. Nous pouvons donc continuer comme
ça. Cela devrait fonctionner. Et maintenant, nous pouvons
fermer notre outil de référencement. Et avant de publier
notre article de blog, nous
pouvons cliquer sur Aperçu. Cliquez sur Aperçu pour voir à quoi cela ressemble. C'est bon. Comme vous pouvez le constater,
voici à quoi ça ressemble et ça a l'air propre. Cela n'a pas l'air désordonné
ou quoi que ce soit d'autre, comme l'apparence de ces articles de
blog Et c'est le plan que j'utilise habituellement lorsque je
publie des articles de blog C'est à cela que ressemblent la plupart de
mes articles de blog, et ils sont faciles à lire. C'est facile à comprendre, et c'est ce qui
compte le plus. Après tout, vous créez
un site Web dans le but d'offrir la meilleure
expérience utilisateur à vos visiteurs. Je trouve donc ce bloc de
publication très beau, et si vous aimez son apparence, nous pouvons fermer cet onglet. Nous pouvons également fermer
celui-ci, et celui-ci 12. Maintenant, nous pouvons cliquer sur Publier. Cliquez une fois de
plus sur Publier. Et cliquons sur Afficher la publication. Et encore une fois,
voici à quoi ça ressemble. Si vous n'aimez pas la
mise en page de ce bloc de publication, vous pouvez créer
quelques
options de personnalisation ici, et c'est à si vous
voulez changer quoi que ce soit, mais voici à quoi cela
va ressembler pour le moment. Si je devais cliquer sur la catégorie
Montessori,
voici les articles que nous avons,
et voici à quoi cela ressemble Ces deux autres articles
ont été ajoutés par défaut, vous pouvez les supprimer car
nous n'en avons pas besoin. Et en gros, c'est à
ça que ressemble notre blog. Si je cliquais
sur notre page de blocage, comme vous pouvez le voir,
c'est ce que nous obtiendrons. Ces deux publications qui ont été ajoutées par
défaut peuvent être supprimées. Mais pour l'instant, je vais juste le
laisser comme ça. Et j'ai l'impression
que tout va bien. Ainsi, vous
pouvez ajouter votre article de blog, et lorsque vous ajoutez
votre article de blog, n'oubliez pas d'optimiser votre contenu avec
votre mot clé principal. Vous devez donc inclure
votre mot clé principal dans le titre de votre article de blog. Ce sera aussi un
méta-titre. Et la méta description et
l'URL de votre article de blog. Cela se
fera automatiquement, si vous voulez
inclure votre mot clé principal dans le titre de votre article de blog. Et vous devez inclure votre mot clé
principal en fonction la quantité de mots que
vous écrivez dans le texte de votre article de
blog lui-même. Une fois cela fait, vous
devez ajouter vos images, et lorsque vous
ajoutez vos images, n'oubliez pas d'inclure
votre mot clé principal dans le texte de certaines images
dans le titre des images. Ensuite, dans d'autres images, incluez
simplement d'autres
variantes de votre mot clé. Cela est toujours pertinent
pour votre publication en bloc. Et bien sûr, n'
oubliez pas d'associer
votre article de blog aux autres
contenus de votre C'est donc tout pour cette leçon. Vous savez maintenant comment ajouter des publications en
bloc sur votre site Web.
67. 8.3 Astuces pour générer des idées conconcepts: C'est bon. Donc, dans cette dernière
leçon de la section des blocs, je vais vous montrer comment
je vais chercher l'inspiration pour écrire mon article de blog et
l'ensemble du processus lui-même. Donc, le premier endroit où
j'aime chercher l'inspiration est,
bien sûr, Pinterest. Donc, si vous avez un compte
Pinterest, vous pouvez accéder à votre compte
Pinterest. Si vous n'en avez pas encore, vous pouvez en créer un
immédiatement. Et ici, une fois que vous
êtes sur Pinterest, vous pouvez utiliser la recherche et
simplement rechercher le mot clé. Pour le mot clé sur lequel
vous souhaitez écrire un article en bloc ou
quelque chose comme ça. Dans mon cas, ce sera
Montessori. C'est donc exactement ce que je
vais taper ici. Très bien, alors je tape la méthode
Montessori. J'ai l'impression que cela
va se
rapprocher de mon idée d'article en bloc, et que cela ne fera que me
donner de meilleurs résultats. Je vais donc appuyer sur Entrée. Et comme vous pouvez le constater, nous recevons de nombreuses idées de
contenu différentes. Et comme vous pouvez le constater,
qu'est-ce que Montessori, qu'est-ce que Montresor et cinq façons
simples Montessori, les débutants doivent
éviter les erreurs, etc. Vous pouvez donc faire défiler les différentes idées de
contenu vers le et utiliser Pinterest avec différents types d'idées. C'est donc ce que j'aime utiliser
habituellement. Pinterest est généralement
mon meilleur endroit où aller si je cherche des idées
pour rédiger mon contenu. C'est donc à
vous de l'explorer. Et oui, d'habitude, j' aime bien utiliser Pinterest.
Cela fonctionne très bien et le deuxième endroit
que j'aime utiliser
est l' outil d'IA,
l'intelligence artificielle. Comme vous pouvez le voir ici, il s'agit de l'outil Op AI. Nous l'avons déjà utilisé, nous étions train d'écrire quelques pages
pour notre site Web, comme la politique en matière de cookies, etc. Mais cet outil est également
idéal pour générer des idées pour la rédaction de plans et pour la
rédaction du contenu lui-même. Par exemple, dans ce champ de
message, je vais taper « donnez-moi dix idées de contenu pour la méthode
Montessori Très bien, donc ma saisie
va ressembler à ça, et je vais juste appuyer sur Entrée. Et cet outil
me donnera dix idées de contenu. J'aime généralement utiliser l'outil, pas seulement pour générer des idées. Parfois, j'écris même certains éléments
de contenu lorsque je
travaille sur un article de blog. Cet outil est donc très utile. Imaginez Gyrus
dans Iron Man. Et cet
outil d'intelligence artificielle est très utile. Cela vous fait simplement gagner beaucoup de temps lorsque vous avez du mal à trouver
des idées ou
quoi que ce soit d'autre. Comme vous pouvez le constater,
nous avons dix idées, et je peux demander à cet outil m'
écrire un plan
pour la première. C'est donc exactement
ce que je vais faire. C'est bon. Ma saisie
va donc ressembler à ceci, écrivez-moi un plan
pour le numéro un, et je vais appuyer sur
Entrée. C'est bon. Et comme vous pouvez le voir,
cet outil
me génère un plan pour
ce billet de blog. Et c'est logique.
Ça a l'air super. Et si vous n'aimez
pas son apparence, vous pouvez régénérer cette sortie, ou vous pouvez travailler sur
celle-ci vous-même, si je fais défiler la page vers le bas Comme vous pouvez le constater, nous avons
beaucoup de points. Mais c'est aussi un autre
excellent outil à utiliser si vous manquez d' idées pour rédiger du contenu
ou quelque chose comme ça. J'aime donc généralement
utiliser cet outil également. Comme je l'ai déjà dit, en général, mon endroit numéro un où je
cherche des idées est Pinterest. Et le deuxième meilleur endroit
que j'aime utiliser est le CGTP. C'est donc un excellent outil pour
générer diverses idées. Il vous aide même à
écrire des articles de blog. Voilà pour cette leçon. Maintenant, il devrait être plus facile
pour vous de recueillir des idées sur le type de contenu que vous devriez
écrire sur vos blogs, et cela devrait être très utile. Ces deux sites Pinterest
et CGP sont plus que suffisants. C'est donc tout pour cette leçon.
68. Résumé de la section 8: Très bien, maintenant vous savez comment fonctionne le
blogging et comment vous
pouvez l'utiliser à votre avantage. J'aime donc généralement ajouter des articles de
blog à mes boutiques en ligne. De cette façon, je peux attirer
plus de visiteurs. Je peux également développer mon
domaine de mots car avec mes articles de blog,
je reçois généralement des liens de retour Développez mon domaine de
mots de cette façon Et cela contribue simplement à l'ensemble de la partie
référencement de mes sites Web. C'est donc énorme si vous pouvez ajouter des articles de blog
à votre site Web, et je
vous recommande vivement de le faire. Vous voulez juste commencer à vendre des
choses à gauche et à droite. Si vous le pouvez, vous devriez
aider vos visiteurs, clients avec des informations
précieuses. Et c'est comme ça que j'
aime le faire moi-même d'habitude. Si je vends des produits pour chats, j'aime généralement publier des articles de
blog sur les chats, les divers conseils de
santé de
Cadbury, etc. C'est donc une chose énorme si vous souhaitez attirer plus de
visiteurs sur votre site Web. De cette façon, vous pouvez également collecter des e-mails si vous comptez
faire du marketing par e-mail. Et en gros,
de nombreuses boutiques de commerce électronique utilisent des blogs pour attirer plus de
visiteurs sur leur site Web. Alors félicitations. Vous savez maintenant comment procéder.
69. Apprendre à traduire entièrement votre site Web: Dans cette leçon, je vais vous
montrer comment traduire votre site Web
dans n'importe quelle langue. Donc, en gros, vous pouvez créer votre boutique de commerce électronique dans n'importe quelle
langue que vous pouvez imaginer. C'est très pratique
si vous créez votre boutique en ligne dans votre langue maternelle pour
votre public natif. Et vous ne vous concentrez pas uniquement sur le public anglophone. Tout d'abord, lorsque nous traduisons
notre site Web, nous devons accéder à notre tableau de bord et accéder aux paramètres. Choisissons général,
faisons défiler la page vers le bas. Et choisissons une langue secondaire dans
la liste qui se trouve ici. Choisissez la langue de votre site. Dans mon cas, je vais juste
choisir le lituanien. Très bien, une fois que nous avons fait cela, faisons défiler la page vers le bas et
appuyons sur Enregistrer les modifications Très bien, comme vous pouvez le
voir, certains outils
et notre tableau de bord sont actuellement disponibles dans une langue
différente Mais tous les outils ne sont indifférents car
certains plugins utilisent toujours la version
anglaise, mais ne vous inquiétez pas à ce sujet. Si vous vous êtes habitué à
la version anglaise, vous n'aurez pas besoin de
savoir comment elle sera traduite dans votre langue car
ces plug-ins ne
sont actifs que dans le
back-end de votre site Web Donc, dans le front-end,
vous aurez votre site Web dans la
langue de votre choix, mais nous n'avons pas encore terminé. Absolument pas Il y a encore pas mal de mesures
à prendre, mais avant de poursuivre, nous pouvons consulter notre site Web. Voyons à quoi cela
ressemble en ce moment, accord, et comme vous pouvez le voir, beaucoup de choses en ce moment, toujours en anglais parce que nous
devons encore les modifier. Si j'allais dans mon panier, comme vous pouvez le voir, nous
avons toujours la langue anglaise. Très bien, nous devons maintenant apporter des modifications importantes et traduire notre plug-in
WooCommerce Pour ce faire, nous devons accéder
aux paramètres ici. Faisons défiler la page vers le bas. Voyons si nous avons des
ajustements. Donc, ici, si vous en avez besoin, c'est ici que vous pouvez
changer votre devise si vous ne l'
avez pas encore fait
et vous pouvez modifier la localisation de votre région. À l'aide de ces informations. Si vous décidez d'activer les taxes, à l'aide de ces informations, taxes seront calculées automatiquement si vous les activez ici. Très bien, revenons en arrière et
passons à la
partie avancée ici Nous allons donc
avoir ici différents points de terminaison, des points paiement et des points
de terminaison du compte Comme vous pouvez
le voir ici, nous avons des points de terminaison de
paiement et
ils sont en anglais Vous devez
donc
les remplacer dans votre langue Et son ordre de paiement ou
celui reçu et ainsi de suite. Il suffit de remplacer toutes
ces informations dans votre langue ici. Faites de même pour toutes ces
informations pendant un an, traduisez
simplement ce texte ici que vous
avez dans chaque fenêtre. C'est donc exactement
ce que je vais faire. Très bien, donc une fois que vous avez remplacé toutes les
informations ici, vous pouvez cliquer sur Enregistrer les modifications Mais avant cela, n'oubliez pas que vous devez
utiliser des lettres régulières. N'utilisez pas de lettres
spéciales dans votre langue. Utilisez simplement des
lettres simples et simples. C'est tout ce que tu dois faire. Très bien, une fois que
vous avez fait cela,
cliquons sur Enregistrer les modifications et maintenant
nous en avons terminé avec les points de terminaison Et lorsque vous avez ajouté vos
méthodes d'expédition ici, vous devez les modifier
aussi bien que vous vous en souvenez, nous avions différentes méthodes
d'expédition en anglais. Et si vous créez
votre site Web pour votre public de langue maternelle, vous devez remplacer
toutes ces méthodes d'expédition. suffit donc de cliquer sur Modifier remplacer
l'expédition standard par le type d'expédition que vous
avez dans votre langue. Et en gros, c'est
tout ce que tu as à faire. C'est à toi
de le changer. Alors ne l'oubliez pas. Très bien, puisque
nous en avons terminé avec celui-ci, nous pouvons
maintenant accéder à nos pages Et comme vous vous en souvenez,
toutes nos
pages étaient en anglais. Nous devons donc y aller directement. Il s'agit de notre onglet Pages. Sélectionnons toutes les pages. Et maintenant, vous devez
remplacer chaque page, la page dans votre langue. Pour ce faire, vous
devrez cliquer sur Modifier rapidement. Dans mon cas, c'est ainsi que sonne
le Quick Edit. Disons qu'il s'
agit d'une page de cartes. Donc, dans mon cas, la page du panier s'
appellera échalotes à
crêpes C'est donc exactement ce que
je vais taper. Très bien, une fois que nous avons fait cela, vous pouvez cliquer sur Mettre à jour et
vous devrez vous occuper chaque page que vous avez précédemment nommée en
anglais Vous devrez remplacer l'
anglais
par votre langue. Et vous devez vous occuper de
chaque page en cliquant sur Modifier
rapidement et en traduisant simplement la page dans votre langue. C'est exactement ce que je
vais faire moi-même. Très bien, comme vous pouvez le voir, je viens de terminer de remplacer toutes les pages et maintenant mes pages l'
ont entièrement traduite Et lorsque vous modifiez
le nom de vos pages, n'oubliez pas
que dans le titre, vous pouvez utiliser des lettres spéciales. Mais lorsque vous ajoutez un
slug qui sera affiché dans l'
URL de votre page Vous ne pouvez pas ajouter de lettres
spéciales, utilisez
donc simplement des lettres
anglaises normales et le slug dans le titre, vous pouvez utiliser vos lettres Très bien, nous pouvons donc cliquer sur Mettre à jour. Et maintenant, nous pouvons aller sur notre site Web et vérifier si
quelque chose a changé. Donc, si je devais
aller sur la page de mon panier, comme vous pouvez le voir sur l'URL
juste ici au lieu de la carte, nous avons des coquilles glissantes Maintenant, cette page est traduite. La modification est déjà
en vigueur dans les URL. Nous devons encore apporter quelques
modifications au site Web lui-même, mais nous en avons maintenant terminé avec les pages. Très bien, la prochaine chose
que nous devons changer, mettre à jour
nos catégories Comme vous vous en souvenez,
toutes les catégories étaient en anglais. Donc, si j'allais dans notre onglet
Produits ici, je sélectionnerais des catégories. Comme vous pouvez le constater, toutes nos
catégories sont en anglais. Vous devez maintenant remplacer ces catégories
dans votre langue. Pour ce faire,
cliquez à nouveau sur Édition rapide ici. Et dans le titre, incluez le nom de
votre catégorie. Vous pouvez utiliser une lettre spéciale
et le limace ici, mais n'utilisez pas de lettres spéciales Et lorsque vous
séparez des mots, vous devez les séparer
par des tirets, comme ça C'est donc exactement
ce que je vais faire. Je vais juste mettre à jour
toutes mes catégories. Très bien, je viens donc de mettre à jour
toutes mes catégories. Et si je
cliquais ici pour voir, je vais simplement ouvrir
celui-ci dans un nouvel onglet. Comme vous pouvez le constater, nous avons une catégorie
complètement différente et nos catégories sont maintenant
répertoriées en lituanien La prochaine chose
que nous devons faire est donc nous assurer que notre menu
principal fonctionne. Si je clique sur cet élément de
menu, comme vous pouvez le constater, il ne fonctionne pas car
il utilise les URL que nous avons ajoutées lorsque nous travaillions sur
une version anglaise
de notre site Web Pour modifier ces URL,
nous devons donc accéder à notre tableau de bord Nous devons accéder à l'onglet
Apparence ici, et nous devons sélectionner Menus. Et ici, nous
devons modifier les menus. Pour modifier ces menus,
nous devons donc remplacer la version
anglaise par notre version du titre. Et dans l'URL, nous devons ajouter l'URL de notre catégorie de produits récemment
mise à jour. C'était autrefois
des costumes, maintenant c'est un costume et c'est une URL
complètement différente Alors pour changer cela, passons à toutes les catégories. Et c'est celui
que je dois remplacer. Donc, tout d'abord, je dois
connaître l'URL de cette catégorie. Je vais donc simplement ouvrir
celui-ci dans le nouvel onglet. Il s'agit de la nouvelle URL. Je vais juste copier
celui-ci ici. Je vais y retourner et je
vais la coller ici, la nouvelle URL mise à jour. Et au lieu des costumes, je vais les
remplacer par l'autre langue. Très bien, maintenant je
vais devoir faire de même pour chaque catégorie Donc comme vous pouvez le voir, je remplace celui-ci et je ferai de même avec celui-ci si celui-ci est celui-là. Et je vais faire de
même avec le blog. Alors tout d'abord, je vais
ajouter la page du blog. Donc, avant de me
concentrer sur les catégories, je voulais juste
vous montrer comment ajouter des blogs. Passons donc à nos pages. C'est ici que nous allons
trouver notre page de blog. Je vais donc simplement ouvrir
celui-ci dans un nouvel onglet. Et voici la page de notre blog. Donc, si je vais cliquer sur Afficher, je sais
maintenant que c'est
ainsi que s'appelle la nouvelle URL. Je vais donc simplement
copier cette URL. Je vais y retourner. Et voici l'URL du blog. Il s'agit de l'ancienne URL. Je vais le
remplacer par un nouveau, et je vais
changer le titre Remplacer les catégories de votre
blog revient essentiellement à
remplacer votre catégorie de produits. Donc, si vous vous en souvenez, vous
devez aller ici et faire croire que vous n'
aimez pas les catégories Encore une fois, je vais
ouvrir celui-ci dans un nouvel onglet. Comme vous pouvez le constater, il s'agit
des versions anglaises. Je vais donc cliquer sur
Quick Edit, je vais remplacer le titre et
je vais ajouter le slug Donc, encore une fois, vous
pouvez inclure des lettres spéciales dans le titre , mais dans le slug, vous
ne devriez pas le faire Très bien, je viens de renommer catégories de
mon blog et
maintenant je peux les utiliser. Par exemple,
je vais prendre cette catégorie récemment mise à jour. Je vais cliquer sur Afficher. Nous connaissons maintenant la nouvelle URL. C'est la nouvelle URL, donc je vais juste copier
cette URL ici. Je vais retourner
à mon éditeur de menu et ici, pour les idées cadeaux, je vais juste remplacer
celui-ci en le supprimant. Donc, encore une fois, je vais l'
étendre et je vais cliquer sur
Supprimer ici. Et je vais faire
de même, celui-ci. D'accord ? Lorsque je clique sur Supprimer et avant d'ajouter ces catégories récemment
mises à jour, je dois
actualiser cette page. Donc, avant cela, je vais simplement mettre à jour
ces catégories de produits. Ainsi, lorsque vous vous souvenez d'une catégorie de produits récemment
mise à jour, vous devez accéder à vos catégories de produits
qui se trouvent ici. Maintenant, nous pouvons fermer celui-ci. Voici donc nos catégories
de produits. J'ai déjà ajouté celui-ci. Je peux donc ajouter celui-ci. Je vais cliquer sur Afficher. Et c'étaient des jouets pour le bain. Je vais copier
cette URL ici. Je vais
retourner au menu. Et voici les jouets pour le bain. Alors maintenant, je dois coller
cette URL et je vais devoir ajouter un titre récemment
traduit. C'est donc exactement
ce que je vais faire. Et juste comme ça, je vais mettre à jour toutes les autres catégories
de produits. Très bien, je viens de renommer
toutes les catégories de produits. Maintenant, je peux cliquer sur le menu Enregistrer, et maintenant je vais devoir
ajouter des catégories de blog. Donc, puisque j'ai actualisé cette page, je peux aller directement ici
et accéder aux catégories. Et je peux sélectionner Afficher tout. Et ce sont des catégories récemment
mises à jour. Ce sont des catégories d'articles de blog. Je vais donc
cliquer sur Ajouter au menu. Et encore une fois, je vais les déplacer
vers la droite. Je vais les ajouter
dans le menu déroulant Zhao, un blog de catégorie parent Et nous allons cliquer sur Enregistrer. Et maintenant, nous pouvons
les fermer ici, et nous pouvons cliquer
ici pour consulter notre site Web. Bien, comme vous pouvez le voir, notre menu est dans une autre langue
et fonctionne parfaitement Voici donc à quoi ça
va ressembler. Et en gros, c'est
tout pour cette leçon. Vous savez maintenant comment traduire
votre site Web WordPress, comment mettre à jour vos pages, comment mettre à jour vos catégories de
produits, vos catégories articles de
blog et
comment mettre à jour votre menu principal. Dans les leçons suivantes, nous nous
occuperons
du reste que
je nous ai laissé faire. Mais pour l'instant, nous avons terminé
une grande partie de la
traduction de notre site Web.
70. 9.1 Travailler avec le plugin Loco Translate: Dans cette leçon, nous allons
utiliser un plugin appelé Loco Translate pour traduire certaines chaînes
ou, en d'autres termes, le texte créé
par les plugins,
disons par le plugin WooCommerce par Themes,
par notre thème Flatsome Ou si vous utilisez
un thème Astra, vous
pourrez également traduire
divers textes à partir de ces
différents types de thèmes, de plugins ou de tout autre élément du
genre que vous pouvez voir sur le front
end de votre site Web, en gros ce que vos
visiteurs peuvent voir Passons donc au
tableau de bord ici. Passons à Plugins et
sélectionnons Ajouter un plugin. Et maintenant, utilisez la recherche pour
rechercher une traduction locale. C'est le plugin
que vous souhaitez installer. Cliquez sur Installer. Cliquez sur Activer. Très bien, notre plugin Loco
Translate est donc actif. Et comme vous pouvez le voir,
c'est ici. Et s'il voulait aller sur la
page d'accueil, comme vous pouvez le voir, nous avons
différentes options, mais notre objectif est de
commencer par les plugins. Sélectionnons Plugins, puis choisissons le plug-in
WooCommerce Très bien, comme vous pouvez le voir, nous avons déjà entièrement traduit notre plugin
en lituanien Donc, généralement, c'est
un tel plugin, dit WooCommerce. Ils sont traduits dans
de nombreuses langues et vous n'avez pas besoin de
traduire quoi que ce soit d'autre. Vous pouvez donc simplement sélectionner
votre langue ici. Vous pouvez cliquer sur Synchroniser. Et maintenant, beaucoup de
choses qui provenaient de la partie WooCommerce seront
traduites dans votre langue Si vous n'avez pas vu
votre langue disponible, elle devrait
probablement l'être. Je ne sais pas. À moins que votre langue ne soit extrêmement impopulaire
et peu commune, vous ne la trouverez
peut-être pas ajoutée
à WooCommerce Mais si cela se produit, encore une fois, rejoignez mon
groupe Facebook et
je répondrai à toutes
ces questions. Je vais vous aider à
traduire votre site Web, mais je pense que vous ne devriez
pas rencontrer de tels problèmes
car WooCommerce est plugin
très populaire et
populaire dans le monde entier et il est traduit
dans de nombreuses langues Nous pouvons maintenant cliquer sur Enregistrer. Donc, en gros, nous traduisons automatiquement les parties de
WooCommerce lorsque vous avez besoin
d'ajouter quoi que ce soit, tout a été traduit
automatiquement Donc, si vous pouviez cliquer
ici, Breeze Porch, tout en espèces, juste au cas où
pour vous assurer que nous
avons une version à jour
de notre site Web. Très bien, nous pouvons maintenant consulter notre page d'accueil
en cliquant ici Je vais juste ouvrir
celui-ci et le nouvel onglet. Et voyons si quelque chose
est différent en ce moment. Comme vous pouvez le voir,
nous avons maintenant un en-tête complètement
différent. Nous avons déjà
traduit notre menu principal, mais maintenant notre en-tête, la barre de recherche, est
également traduit. Au lieu de mon compte, maintenant nous avons une
cigarette qui le
traduit complètement également,
corrompue et peu profonde. C'est donc traduit aussi
bien que vous pouvez le voir, ces boutons sont
également traduits. Donc, si je vais
cliquer sur Afficher la carte, comme vous pouvez le voir, elle est traduite. De nombreuses parties sont traduites, mais certains textes sont toujours en anglais et
ne semblent pas très bons. Et n'oubliez pas que dans la partie
expédition,
vous êtes censé modifier vos méthodes d'expédition
dans votre langue. Ce n'est pas moi qui l'ai fait. Je viens de te dire que tu
devrais le faire toi-même. C'est pourquoi nous voyons ces
versions anglaises ici. Mais si vous avez remplacé vos méthodes d'expédition
par votre langue, vous ne devriez pas voir ces méthodes en
anglais, d'accord La majeure partie du texte est
traduite ici.
Vous pouvez voir
que est
traduite ici nous avons des paniers d'
achat Nous devrions avoir une version
différente, paiement ou complète. Je vais donc
vous montrer comment vous pouvez les
traduire ici. Donc, en général, les textes
fournis avec Theme ici dans ces différentes sections et pour ces plug-ins ne
sont pas responsables. Donc, principalement lorsque nous
travaillons sur notre site Web, lorsque nous traduisons
notre site Web, la chose la plus importante à
laquelle nous devons nous occuper est
de traduire
le WordPress lui-même. Nous l'avons déjà fait
lors de la première leçon. Nous devons traduire
WooCommerce. C'est ce que nous venons de faire. Nous devons maintenant nous occuper
du reste des textes. Et généralement, les
textes qui n'ont pas encore été
traduits
proviennent du thème lui-même. Notre thème en ce
moment est donc Flatsome. Nous devons donc traduire des
textes pour Flatsome Theme. Je vais donc
vous montrer comment procéder. Et maintenant, nous devons y retourner. Et encore une fois,
passons à Loco Translate. Maintenant, sélectionnons Thèmes. Nous devons donc maintenant
traduire Flatsome Theme. Si vous utilisez Astra Theme, vous pouvez traduire Astra Theme, mais dans mon cas, ce sera
Flatsome Très bien, faisons défiler la page vers le bas et voyons si nous
avons notre langue Non, nous n'avons pas ma
langue ici. Mais comme vous pouvez le constater, si vous
parlez l'une de ces langues, si
vous souhaitez créer votre site Web
dans l'une de ces langues, vous pouvez simplement les sélectionner
et vous pouvez simplement les utiliser. Mais si vous ne voyez pas votre
langue ici, vous pouvez cliquer
ici, nouvelle langue. Nous allons sélectionner la langue de WordPress. Donc ça va être celui-ci. Nous pouvons le garder tel quel et
nous pouvons sélectionner « Commencer à traduire avant de le faire »
et « Nouvelles traductions ». Cliquez sur Synchroniser. Et maintenant, nous pouvons revenir à
notre panier et comme vous pouvez le voir, nous avons ce panier texte. ne nous reste donc qu'à revenir
à notre plugin. Et ici, nous pouvons utiliser le filtre et taper panier. Très bien, comme vous pouvez le
voir, il nous donne des textes. Voici donc la carte d'
achat textuelle. Nous pouvons maintenant sélectionner ce
texte et le
traduire dans notre variété de langues
ici dans cette fenêtre. suffit donc
de taper votre version du panier
dans votre langue. Et maintenant, nous avons traduit les
paniers d'achat afin que
nous puissions cliquer sur Enregistrer Et je vais y retourner et je
vais rafraîchir cette page. Et comme vous pouvez le voir,
il le traduit. Alors consultez les détails. Revenons en arrière, utilisons la recherche une fois de plus et
saisissons les détails de vérification. Très bien, sélectionnons
Consulter les détails. Et ici, nous pouvons traduire cette version anglaise
dans notre langue. Très bien, appuyons sur Enregistrer et voyons s'il y a
eu des modifications Très bien, actualisons
notre panier. Et comme vous pouvez le constater,
tout est en place, nous pouvons
donc faire de même
une fois la commande terminée. Revenons en arrière. Tapons, commandez,
complétez un lead sélectionnez celui-ci, et nous pouvons le
traduire ici. Très bien, cliquons sur Enregistrer les modifications. Et encore une fois,
rafraîchissons cette page. Et comme vous pouvez le constater,
tout est en place. Si vous voulez cliquer
ici, passez à la caisse. Comme vous pouvez le voir, en
gros, tout est traduit, donc nous n'avons pas vraiment
besoin de changer quoi que ce
soit, d'accord, donc tout
est en place, vous pouvez revenir en arrière Et si je dois
faire défiler la page vers le bas, et si je dois passer la
souris sur ce produit, comme vous pouvez le voir, nous avons un
aperçu rapide ici Nous pourrions donc faire de même. Nous pourrions accéder à notre plugin
ici et taper Quick View. Ici, nous avons la version
anglaise. Nous allons sélectionner cette version. Et ici, nous
pouvons le traduire. Appuyons sur Enregistrer les modifications. Actualisons cette page. Et voyons voir, oui, comme vous pouvez le voir, nous
ne faisons que le traduire. Très bien, nous
savons maintenant comment traduire
divers textes à partir des thèmes
des plugins à l' aide du plugin
Loco Translate Bien entendu, il existe d'autres
textes que nous pouvons traduire. Ce sera à
vous d'explorer, à vous de
traduire tous les textes. Parce qu'il vous suffit de
parcourir votre site Web et de voir si vous trouvez des versions
anglaises, des variantes. Et puis si vous trouvez
des variantes en anglais, vous devez
revenir sur ce plugin. Tapez simplement cette taxe
ici et
recherchez la version anglaise que vous pouvez traduire aussi
simplement que cela. Vous serez en mesure de traduire
n'importe quel texte à partir de n'importe quel plugin, thème, etc. Mais ici même, sur notre page d'accueil, vous ne pourrez pas le faire
car pour cela, nous allons avoir
la dernière leçon où nous allons nous occuper
des dernières choses. Et l'une de ces dernières
choses sera notre page d'accueil et notre
pied de page ici Nous ne pouvons donc pas traduire
ces éléments ici à l'aide de ce jeu, car nous les avons créés à
l'aide de Page Builder. Très bien, vous savez maintenant comment
utiliser le
plugin Loco Translate et maintenant vous savez comment traduire
divers textes à partir des
thèmes et des C'est tout pour cette leçon.
71. 9.2 Touches finales: Dans cette leçon, nous
allons nous occuper des
autres
attaques de traduction de haut niveau qui se produisent sur notre site Web, nous les
traduirons et nous allons commencer par notre page d'accueil. Comme vous vous en souvenez, nous avons
créé notre page d'accueil à l'aide d' UX Builder pour
apporter des modifications à cette page .
Nous devons aller ici et
sélectionner Modifier avec UX Builder. Et peu importe que vous
ayez créé d'autres pages l'aide de cet UX Builder et que vous les ayez créées en
anglais, vous devrez également les
modifier. Traduisez simplement tous les textes que vous avez
ici, que vous avez, les
textes, les bannières, les boutons
et les titres des catégories. Et ce texte ici, ici. Et tout ce qui se trouve
ici et qui est en anglais, il suffit de le traduire dans votre langue. C'est donc exactement ce que
je vais faire moi-même. Et je vais commencer par
cliquer ici. Comme vous vous en souvenez, je
vais ouvrir l'éditeur de texte. Et je vais juste remplacer
ce texte ici. Très bien, je remplace le
texte et je vais cliquer sur « OK ». Maintenant, je peux sélectionner
ce bouton ici, et je peux traduire
ce bouton Acheter maintenant aussi
bien que vous vous souvenez que nous avons ajouté l'URL à ce
bouton Alors maintenant, l'URL ne fonctionne pas
et nous devons la remplacer. Allons donc sur notre
site Web ici. Et passons à nos pages. Et sélectionnons toutes les pages. Et juste une seconde
et faites défiler la page vers le bas. Et ce
sera la page de notre boutique. Nous pouvons donc cliquer sur Afficher
et copier cette URL car il s'agit d'une
page de boutique que nous avions auparavant. Et maintenant, nous devons ajouter
une nouvelle URL ici. Nous n'avons pas simplement
traduit le texte et ce bouton nous
a également permis d'ajouter une nouvelle Europe. Nous pouvons maintenant cliquer sur Appliquer. Et ici je
vais faire de même avec tous les textes
qui sont en anglais. Oh, vous pouvez
voir que je viens de terminer traduction de tous les textes et maintenant je vais
cliquer sur Appliquer. Je vais cliquer sur Mettre à jour. Et maintenant je peux fermer
notre UX Builder. Je peux maintenant rafraîchir cette page
et comme vous pouvez le voir maintenant, notre page d'accueil est traduite
sauf que les produits sont toujours en anglais
car vous
devrez évidemment traduire
vos produits également, mais vous savez déjà
comment faire. Il vous suffit
de savoir comment modifier les produits. Si vous avez ajouté
des produits en anglais, remplacez
simplement leurs titres et descriptions et n'
oubliez pas de faire même que pour la version anglaise. C'est aussi simple que ça. Je ne vais pas traduire des produits parce qu'il est
évident que vous allez avoir différents types
de produits et c'est à vous de les
traduire vous-même. Très bien, nous en avons terminé
avec notre page d'accueil. Nous pouvons maintenant fermer cette
page ici, et maintenant notre pied de page
est toujours en anglais Donc, avant de
modifier le pied de page, nous devons effectuer quelques configurations
ici car nous avons un pied de page absolu en anglais.
Comme vous vous en souvenez, nous avons créé cette partie à
l'aide d'UX Builder, mais cette partie ici a été créée à l'aide d'options de
configuration Nous devons donc cliquer
ici, configurer. Et faisons défiler la page vers le bas. Et c'est notre pied de page absolu. Sélectionnons le
pied de page absolu ici, et ici, dans cette
fenêtre, vous pouvez remplacer, traduire
les informations en anglais Donc c'est écrit copyright. Vous pouvez le
remplacer dans votre langue. Très bien, je
remplace simplement ce texte et maintenant il est traduit Nous pouvons maintenant cliquer sur
Publier ici. Et la prochaine chose
que nous devons faire est de prendre
soin de notre pied de page Donc, en gros, nous allons
devoir traduire ce pied de page que nous avons créé à l'aide des blocs UX
Builder Nous devons donc accéder
à notre tableau de bord. Passons aux blogs UX. Sélectionnons les blogs UX. Et ici, dans Footer, nous pouvons cliquer sur Modifier
avec UX Builder et simplement remplacer
les informations Donc, ici, nous
avions un éditeur de texte. Je peux ouvrir celui-ci ici, et je peux ajouter la version
traduite de ce texte. Très bien, donc je remplace ce texte, je peux cliquer, d'accord ? Et comme vous vous souvenez de ces
colonnes ici, nous les avons également ajoutées à l'
aide de l'éditeur de texte. Nous allons donc sélectionner cette
colonne ici. Cliquez sur Ouvrir l'éditeur de texte. Remplaçons ce texte
ci-dessus pour les clients. Et maintenant, toutes ces pages que nous avons ajoutées auparavant sont
inactives parce que nous avons modifié les URL de ces liens et qu'elles
sont maintenant entièrement traduites Nous pouvons maintenant sélectionner
ces liens et désactiver les URL
que
nous avons précédemment ajoutées un par un,
comme ça, parce que
nous n'allons pas les
utiliser parce qu' il
s' inactives Je vais donc vous montrer
un exemple, mon compte. Je vais donc
traduire mon compte et aller sur notre site Web. N'oubliez pas que mon compte se
trouvait ici. Maintenant, il est entièrement traduit. Nous pouvons maintenant sélectionner
celui-ci ici. Revenons en arrière. Et maintenant, nous pouvons sélectionner
ce texte ici, et nous pouvons ajouter une URL. Nous allons donc
coller cette URL. Nous allons cliquer sur Appliquer. Et c'est ainsi que je vais remplacer mes commandes. Je vais traduire des contextes et je vais ajouter de nouvelles URL Donc, si vous avez besoin de trouver l'URL d'une page,
vous la traduisez. Comme vous vous en souvenez, toutes les pages se
trouvent ici. Et c'est ici que vous
allez trouver la page. Supposons que je veuille
trouver l'URL des contextes de page en une
seconde. C'est la page Je vais
donc cliquer sur Afficher, et voici la nouvelle URL. Je peux donc simplement copier
cette URL ici. Comme je sais qu'il s'agit de mon URL, je peux fermer cet onglet. Je peux revenir en arrière et je peux
traduire les contacts. Je peux ajouter une nouvelle URL à ce
texte en cliquant ici, je vais coller l'URL. Et en gros, je
vais faire de même avec chacune de ces pages. Je vais juste les
traduire et je vais ajouter de nouvelles URL Très bien, vous pouvez voir que
j'en ai fini avec cette chronique Il peut maintenant passer à
cette colonne juste ici. Je vais l'ouvrir
dans un éditeur de texte. Je vais traduire les
informations et je
vais remplacer les URL
et les textes ici, comme je l'ai fait pour
cette colonne ici Très bien, j'ai donc
traduit toutes les pages avec succès. Je peux maintenant cliquer sur OK, et passons à la newsletter. Il y a encore quelqu'un,
ouvrons un éditeur de texte. Traduisons le
texte ici. Très bien, j'ai
traduit tous les textes avec succès. Je peux maintenant cliquer sur OK, puis cliquez sur Appliquer. Sélectionnez Mettre à jour. Nous pouvons maintenant fermer UX Builder. Passons maintenant à notre page d'accueil. Nous pouvons fermer cet onglet
ici et faisons défiler la page pour voir. Oui, comme vous pouvez le voir, nous l'avons remplacé avec succès par
bayésien Mais ici, notre
formulaire d'inscription est toujours en anglais. Nous devons donc également apporter des modifications à ce
formulaire d'abonnement. Donc, comme vous vous en souvenez, les modifications du formulaire de décryptage
sont effectuées ici Passons à la grippe et aux formulaires. Sélectionnons tous les formulaires. Et voici notre
abonnement pour. Cliquez donc sur Modifier. Et maintenant, nous pouvons modifier
les champs ici. Donc, si je dois
sélectionner ce champ, je peux y apporter
des modifications afin de pouvoir remplacer ces
informations ici même. Très bien, je peux maintenant
modifier le bouton. Si je vais
sélectionner ce bouton, je peux à nouveau modifier le texte et nous pouvons cliquer sur Enregistrer le formulaire. Et n'oublions pas de
modifier le message car auparavant, lorsque nous avons ajouté notre
message, il était en anglais. Alors ici, merci d'
avoir rejoint notre club. Vous pouvez le
traduire dans votre langue. Très bien, nous pouvons maintenant
cliquer sur Enregistrer les paramètres. Pendant que nous sommes ici, nous pouvons accéder à notre formulaire de contact car,
comme vous vous en souvenez, nous l'avons créé
et il était en anglais, mais nous sommes en train de le traduire. Donc, ici, vous
devrez cliquer sur Modifier. Et comme nous l'avons fait
précédemment, sélectionnez le champ, remplacez le texte ici, le
prénom, le nom de famille
et l'e-mail font Et juste comme ça, vous allez modifier
ce formulaire de contact une fois que vous aurez terminé
ces modifications, n'oubliez pas de cliquer sur Enregistrer le
formulaire comme ça. Et tu traduiras aussi. Allons donc sur notre site Web et voyons à quoi il ressemble maintenant. Très bien, faisons défiler la page vers
le bas et voyons ce que nous avons. Oui, comme vous pouvez le voir, il est entièrement traduit maintenant. Il y a une autre chose
très importante
dont nous devons nous occuper. Si je clique
sur cette catégorie, comme vous pouvez le voir dans la barre latérale, c'est toujours en anglais donc faire des modifications pour décider, mais nous devons accéder directement à
notre tableau de bord. Et comme vous vous en
souvenez, ce sont des widgets. Nous devons donc
y aller, apparence. Et sélectionnons les widgets. Et juste ici et dans la barre latérale. Ajoutons une catégorie
dans votre langue. Et ici, vous pouvez ajouter les derniers articles
dans votre langue. Celui-ci sera
pour la barre latérale du blog. N'oubliez donc pas de prendre soin
de cette barre latérale 1.4 Shop. Comme vous pouvez le voir ici, nous avons des titres en anglais. Nous devons donc ici modifier les catégories de produits
pour qu'elles correspondent à la version de votre langue maternelle. Appuyons sur Enregistrer les modifications, puis développons celle-ci. Et remplaçons
celui-ci également. Très bien, cliquons sur Enregistrer les modifications. Revenons maintenant
à notre site Web. Passons à la catégorie, et comme vous pouvez le voir, elle est
entièrement traduite. Alors maintenant, tout est
entièrement traduit. Mais si je vais aller page de
notre compte,
comme vous pouvez le voir, elle a l'air assez
désordonnée,
elle n'a plus
le même style qu'avant C'est parce que nous avons changé
le titre de cette page. Et maintenant, nous devons cliquer
ici, modifier cette page. Et maintenant, nous pouvons sélectionner le modèle. Choisissons dans la liste, puis choisissons mon compte. Très bien, cliquez sur Mettre à jour, puis sur Afficher notre page Et comme vous pouvez le constater, tout
est entièrement traduit. C'est ainsi que nous avons traduit notre site Web dans une autre langue. Comme vous l'avez dit vous-même, vous pouvez facilement traduire votre site Web dans la
langue de votre choix. Et si vous
avez des questions, n'hésitez pas à les poser. Vous pouvez m'envoyer un e-mail ou rejoindre mon groupe
Facebook, et je suis toujours là pour vous aider. C'est donc tout pour cette leçon. Vous savez maintenant comment
traduire votre site Web
72. Résumé de la section 9: Fantastique. Maintenant, vous ne savez pas simplement
comment créer un site Web pour le
public anglophone ou
le public mondial
qui possède un domaine .com Mais maintenant, comment
traduire entièrement votre site Web dans la
langue de votre choix. Bien sûr, à présent, votre site Web
n'est pas un site Web multilingue. Vous venez de faire traduire
un site Web et de
le traduire entièrement dans la
langue de votre choix. Donc si vous décidez créer un site Web dans votre langue maternelle pour
votre public natif, peut-être que vous n'êtes pas originaire du pays
anglophone, alors vous saurez comment
procéder et tant mieux, car vous n'aurez pas besoin de
chercher d'autres alternatives, vous saurez comment faire avec WordPress et WooCommerce Donc, comme vous l'avez vu vous-même, si vous le traduisez dans le
backend de notre site Web, nous traduisons ensuite
le front-end de notre site Web pour
nos clients Donc, si vous remarquez
des textes
non traduits sur votre site Web, n'oubliez pas que vous devez utiliser Loco Translate pour
traduire ce ne sont généralement pas
des choses traduites que l'on peut trouver dans le plugin WooCommerce et
dans votre thème également Donc, si vous allez trouver quelque chose qui
n'est pas traduit, est
qu'il ne l'a pas complètement traduit. Votre première option est
d'essayer votre thème, Astra ou Flatsome, puis vous devriez
consulter WooCommerce. Et plus tard, si vous
décidez d'installer d' autres plugins pour ajouter d'autres
fonctionnalités, c'est votre site Web. Et si vous voyez qu' il y a des textes non traduits, vous
devriez également vérifier
ce plugin Alors félicitations. Vous savez maintenant comment
traduire entièrement votre site Web