Transcription
1. Intro VO m: Vous sentez-vous dépassé lorsque
vous pensez à créer votre propre
site Web de portfolio en plus d' un million d'
autres activités que vous
faites déjà en tant qu'
entrepreneur créatif ? Eh bien, je suis passé par là et je comprends parfaitement à
quel point cela
peut sembler intimidant de lancer
votre site Web vous-même alors que vous n'avez pas de
mauvaise expérience en matière de conception Web. Bonjour, je suis un artiste et designer de
surfaces originaire de l'Inde. Je vends mes œuvres sur divers
produits tels que des tissus, papier peint, des accessoires et
d'autres produits de style de vie. Dans ce cours Skillshare, je vais vous montrer
comment créer votre propre site Web de portfolio à
l'aide de Squarespace Seven, 0.1. Si vous êtes un artiste, un
concepteur de surfaces, un illustrateur ou tout autre créateur
qui n'a aucune expérience préalable
en matière de conception Web. Je suis artiste
depuis mon enfance, mais c'était plutôt
un hobby pour moi. Et lorsque vous passez du statut d'amateur à celui d'artiste
professionnel, vous avez besoin d'un endroit où
vous pouvez présenter votre art et créer une communauté. Ainsi, lorsque j'ai commencé à créer
mon propre site Web de portfolio, j'ai dû placer tout ce que j' à partir de différentes sources. Par conséquent, dans ce cours, je vais vous faciliter cette tâche
gigantesque en vous montrant
une
méthode étape par étape pour créer
votre propre site Web de portfolio sans utiliser aucun
type de revêtement. Ce cours est entièrement conçu pour les débutants
et vous n'
avez pas besoin d'avoir d'expérience
préalable en conception Web pour
suivre ce cours. ne s'agit pas d'une classe de conception
Web avancée, donc un faible codage sera impliqué. Vous pouvez vous inscrire à la
version gratuite de Squarespace 7.1 et profiter cette période d'essai pour
voir si cela vous plaît ou non. Dans ce cours, vous
apprendrez à planifier avant de commencer
à créer votre site Web, à le concevoir de
manière simple et intelligente. Quelques bases du référencement, optimisation des
moteurs de recherche, façon de publier votre site Web, et une leçon bonus où
je vais vous montrer comment
créer un lien dans une
page de destination bio pour Instagram. Alors, êtes-vous prêt à me
suivre ? Et d'ici quelques jours, votre site Web sera
prêt à être publié. J'ai hâte de voir comment vous
concevez votre magnifique site Web. Nous avons beaucoup de choses à couvrir, alors allons-y.
2. Votre projet de cours: Le projet de classe que vous avez pour concevoir et publier votre site Web. Ensuite, vous pouvez soit
prendre des captures d'écran de différentes pages et télécharger l'apex dans la section des projets
et des ressources. Ou téléchargez
des captures d'écran d'une ou deux pages. Si vous décidez de ne pas publier
votre site Web immédiatement. Vous pouvez partager le lien URL
vers votre étape publiée, exemple si vous l'avez
créée dans cette classe. Commencer avec quelque chose nouveau est la partie la plus difficile. Je
vous encourage donc à ne pas vous ouvrir et à vous
y lancer. Partagez-le dans la
galerie de projets afin que mes collègues critiques et
moi-même puissions vous
encourager et
vous faire part de vos commentaires.
3. Planification avant de concevoir: Bienvenue dans la classe. Maintenant, avant de commencer à concevoir
le site Web, je suggère de le planifier d' abord et de rendre ce processus de planification
encore plus facile pour vous. Je vous ai fourni
une liste de contrôle PDF à télécharger dans la section Projets et
ressources. Téléchargez le guide au format PDF et
commencez à planifier. Et prends ton temps avec. Pensez au nom de la marque, lac
ODU ou au nom de domaine, et vérifiez à l'avance s'
il est disponible ou non. Aussi productif que cela puisse paraître. Vous devez penser à
votre client idéal ou votre public idéal pour lequel vous concevez
ce site Web ? Est-ce un directeur artistique qui
souhaite obtenir une licence pour votre œuvre ? Ou est-ce un passionné d'art
qui aime acheter votre œuvre d'art ? Ou est-ce que vous le concevez pour d'autres créatifs qui
aiment apprendre de vous ? Pensez également à qui
aimez-vous faire une recherche ou non ? Et quel type de couleurs
aimeriez-vous
avoir sur votre site Web. Ces Squarespace proposent
des thèmes de couleurs de base, mais vous pouvez également avoir vos propres couleurs de marque
si vous le souhaitez. N'y réfléchissez pas trop, car vous pourrez toujours
le changer plus tard. Mais au moins, vous
devez avoir une idée claire de l' apparence que vous souhaitez donner à votre
site Web. D'excellentes
ressources sont disponibles en ligne pour créer une palette de couleurs
personnalisée, comme la
roue chromatique et les refroidisseurs Adobe. Je vais fournir tous les
liens de la description. Réfléchissez également à ce que
les entreprises aimeraient utiliser. Maintenant, j'utilise Canva
, une plateforme de
conception graphique pour concevoir mes miniatures
pour mon site Web. Je choisis une police, qui est également
disponible dans Canvas. Vous pouvez le faire, mais n' oubliez pas de le limiter
à deux ou trois polices. Pour cette classe, vous pouvez utiliser un script serif et sans serif
et un script sensible pour
faciliter le processus. De même, faites une mise en page
approximative des
pages que vous
souhaitez réellement avoir sur votre site Web. N'y réfléchissez pas trop,
faites simplement une planification approximative. Vous pouvez également suivre les cours
Skillshare sur l'image de marque pour en
savoir plus à ce sujet, afin que ce processus devienne
encore plus facile pour vous. N'oubliez pas non plus de conserver toutes vos images chez
Lowe's Alicia, soit 72 DPI. Enregistrez-le au format JPEG ou PNG si vous souhaitez un arrière-plan
transparent. Conservez également tous vos liens de réseaux
sociaux et ce sont
des liens pointus prêts à être utilisés. Je vous suggère donc de télécharger
la liste de contrôle et de prendre temps de planifier avant de
vous inscrire à Squarespace. Ainsi, pendant
cette période sèche, pour moi , tout sera
prêt. Que ça te plaise ou non. Si vous souhaitez continuer
à utiliser Squarespace ou non, il vaut mieux que
tout soit prêt avant. Le prochain cours où nous allons commencer à utiliser Squarespace.
4. Commencer avec Squarespace 7.1: Bon retour. Voyons comment
nous pouvons travailler avec les quiz. Bien, commençons par
aller sur squarespace.com. Et ici, nous allons
faire défiler la page jusqu' en bas et cliquer sur les prix. Vous trouverez maintenant quatre
types d'options de tarification. Vous pouvez opter pour le plan personnel si vous le souhaitez,
le plan d'affaires. Et le seul
objectif est
d'ouvrir un magasin ou une boutique
avec Squarespace, alors je recommande d'opter pour le plan de commerce ou de commerce
avancé. A examiné toutes ces options et les avantages disponibles avec
les options particulières. Vous pouvez choisir en fonction
de votre convenance et de ce qui vous convient le
mieux. Et les plans d'affaires sont également fournis avec l'espace de travail Google. Vous pouvez donc y jeter un œil. Vous pouvez également consulter le prix en fonction du
paiement mensuel ou du paiement annuel, et choisir celui qui vous convient le
mieux. J'ai donc choisi Squarespace parce que vous obtenez à la fois le domaine et hébergement directement
dans Squarespace. Et il fournit également
les outils de référencement intégrés, les analyses et les mappages d'URL. Entre autres choses. Il est très convivial
et facilement personnalisable, même pour quelqu'un qui n'a aucune expérience de conception
Web, comme moi. Il est optimisé pour
tous les types d'appareils. Et vous obtenez également ces magnifiques modèles que
vous pouvez facilement personnaliser. Il est donc important pour
moi d'être créatif. Il vous suffit de vous inscrire à l'essai gratuit et de voir si cela vous plaît ou non. Maintenant, si vous cliquez sur Se connecter ici, vous pouvez soit continuer avec Google, soit
créer un nouveau compte. Pour ce faire, nous cliquerons sur Créer un compte en
haut à droite. Ici aussi, vous pouvez continuer avec Google ou vous pouvez
continuer avec le courrier électronique. Je vais donc
continuer avec le courrier électronique. Et je vais rapidement
remplir tous les détails. Donc, maintenant, si vous cliquez sur Continuer, vous serez redirigé vers la page des paramètres
d'inscription. Et ici, vous pouvez cliquer sur Tableau de bord du
compte pour accéder à cette page où vous
aurez tous les contrôles. Vous pouvez maintenant cliquer sur Envoyer la vérification et Squarespace vous enverra un e-mail contenant votre adresse e-mail, que vous devrez vérifier. Vous pouvez ensuite
revenir sur cette page. Maintenant, si vous cliquez sur
Paramètres du compte dans votre profil, vous pouvez modifier votre
photo de profil ou votre nom d'affichage. Et si vous cliquez sur
Comptes et sécurité ici, je vous suggère d'
activer l'
authentification à deux facteurs. Vous pouvez également configurer étapes de restauration de
votre compte en cliquant ici. Si vous cliquez sur Notification, vous pouvez choisir de
recevoir des notifications de Squarespace ou non en
activant et en désactivant cette option. Ici. Si vous passez à la langue, vous pouvez modifier la langue
de votre site Web. Maintenant, si vous cliquez sur Aide, vous serez redirigé vers le centre d'aide où vous obtiendrez des réponses à toutes vos
questions. Vous pouvez naviguer par produits. Il existe de nombreux articles. Il existe également des vidéos que
vous pouvez consulter ou, si jamais, vous rencontrez tout type de problème. Vous trouverez donc tout
sur cette page. Vous pouvez ajouter cette page à vos favoris
pour référence ultérieure. C'est tout pour votre procédure
d'inscription. Retrouvons-nous donc au prochain cours. Rendez-vous au prochain cours. Nous allons
choisir un modèle.
5. Choisir un modèle: Bon retour dans la classe. Maintenant que vous avez
créé un compte, choisissons un modèle que nous utiliserons pour concevoir un site Web. Cliquons donc sur
Créer un site Web. Et voici ce que nous allons faire c'est qu'il y en a
déjà tellement de types disponibles ici. Si vous souhaitez une
catégorie particulière de modèles, vous pouvez simplement cliquer ici et de nombreux modèles s' afficheront. Mais dans ce cours, je vais montrer comment
créer un site Web de portfolio. Je vais donc cliquer sur portfolio. Et nous allons simplement
vérifier toutes
les options disponibles. Si vous cliquez simplement
sur cet aperçu, il vous montrera à quoi ressemble réellement le
site Web et vous pourrez le faire défiler
et voir à quoi il ressemble. Maintenant, vous pouvez également vérifier à quoi cela ressemble sur l'onglet du mobile. Vous pouvez donc vérifier
toutes ces choses pour choisir un modèle pour la conception de
notre site Web de portfolio. Plus précisément, je
suggère de choisir quelque chose comme ça peut-être ou quelque chose comme
ça où il y a une
vue miniature sur la page d'accueil. Mais alors, il
n'y a pas de
règle absolue car vous pouvez toujours personnaliser un
modèle à votre guise. Comme tu veux. Vous pouvez simplement cliquer
sur cet aperçu et voir à quoi il ressemble à ce que
je vous ai montré auparavant. Pour ce cours. particulier, je vais choisir ce template Nevins en
raison de sa simplicité. Et comme je l'ai dit, il est
entièrement personnalisable. Voyons donc à quoi ça ressemble. Passons à la vue de dessus suivante. Tu vois à quel point c'est simple. Je pense que j'ai choisi ça. Et nous avons également déjà
une section blog, que je vais vous montrer
comment ajouter. Et nous allons opter pour ce design. Nous allons donc cliquer sur Commencer
avec ce design. Cela vous redirigera vers back-end
de
votre site Web. Ici, vous pouvez modifier le titre du site si vous
souhaitez cliquer sur Continuer. Ici, il vous montrera
un aperçu de la façon dont vous pouvez modifier les pages et tout cela, je reviendrai en
détail dans d'autres leçons. Alors ne t'inquiète pas pour ça. Vous pouvez simplement cliquer
sur Commencer. Rendez-vous dans la prochaine
leçon où je vais
vous montrer quels sont tous ces paramètres.
6. Aperçu des paramètres de Squarespace: Bon retour. Passons en revue ces paramètres. Je voulais vous
dire que si vous souhaitez revenir à la page de
votre tableau de bord, vous suffit de cliquer sur
ce logo Squarespace il
vous suffit de cliquer sur
ce logo Squarespace
et vous serez redirigé
vers la page du tableau de bord. Maintenant, si vous
cliquez sur le site Web, vous pouvez revenir aux
commandes la page
des paramètres de votre site Web. Comme vous pouvez le
constater, différentes
options sont proposées ici. Passons maintenant en revue tout
cela rapidement afin que vous puissiez vous familiariser un peu en
les utilisant pour personnaliser votre site Web. Donc, si nous cliquons sur les pages, vous
serez redirigé vers cette page ici et vous pourrez
voir la navigation principale. Quoi que vous ajoutiez ici, il apparaîtra sur votre
page principale ou sur votre navigation. Dans la section sans lien, quoi que vous ajoutiez ici, elle sera active, mais elle ne s'affichera pas
sur votre page de toute façon. Je vais vous montrer comment ajouter toutes ces pages dans
les prochains cours. Si vous cliquez sur Design, c'est ici que vous pouvez
contrôler toutes vos couleurs, polices, animations, boutons d'
espacement, blocs
d'images et
bien d'autres choses encore. Si vous cliquez sur l'icône du navigateur, vous voyez
maintenant un petit cube
noir ici. Il s'agit de l'
icône du navigateur ou du tissu. Et je vais vous montrer comment
créer et ajouter
votre propre favicon
dans un prochain cours. Si vous cliquez sur l'écran de verrouillage, si vous avez une page
protégée par mot de passe, c'est ici que vous pouvez
personnaliser votre écran de verrouillage. Ensuite, la
page de paiement est importante si vous avez une boutique
sur votre site Web, la photo pour les pages, si vous avez un lien cassé, alors vous devez avoir
une photo pour la page sont la page 404 afin que vous pouvez diriger vos clients ou les visiteurs de
votre site Web. Quelques pages pertinentes. Ensuite, l'écran
refusé n'y entrera pas. Et le cadre social,
c'est que vous avez l'impression de cliquer dessus. Vous pouvez ajouter un logo social, peu importe ce que vous partagez
sur votre site Web, vous pouvez avoir un
logo pour celui-ci. Ici. Dans le CSS personnalisé,
vous pouvez ajouter vos codages, ce que nous n'aborderons pas car il
s'agit
d'une nouvelle classe de codage. Tout dépend de vos créations. Maintenant, si vous cliquez
sur boutique en ligne, je vais vous montrer tous ces paramètres dans
la prochaine leçon où nous
ajouterons une boutique à notre site Web. Vous cliquez sur marketing. C'est ici que vous pouvez réaliser
les campagnes par e-mail. Si vous disposez de listes d'e-mails
via Squarespace, vous pouvez utiliser vos campagnes
par e-mail. Ensuite, il y a les profils. Et le référencement est l'endroit où vous pouvez effectuer d'
autres optimisations
pour votre page. Nous le verrons dans la
prochaine leçon. Gestion de la localisation. Vous pouvez ajouter votre position ici. Ensuite, il y a les barres d'annonce
contextuelles promotionnelles et de nombreuses autres options de promotion qui n'
entreront pas non
plus dans Xi Dueling. Et l'analyse est l'
endroit où vous verrez les analyses de
votre boutique et
également celles de votre site Web. Nous aborderons certains de
ces points dans la prochaine leçon. Ensuite, les profils sont l'endroit où vous
verrez vos abonnés, clients et d'autres choses. Ensuite, dans les paramètres, vous aurez accès à des options plus
avancées. Dans la limite des disponibilités, vous pouvez
publier votre site web ici, je vais vous montrer comment faire. Ensuite, dans la
zone des membres, comme vous pouvez le voir, il
s'agit d'un MM-hm. Planifiez car partout où
vous verrez cette flèche, cela signifie qu'il s'agit
d'un plan de paiement. Donc, si vous avez un plan
d'affaires ou un Evoke, vous pouvez l'utiliser. Si vous êtes membre en termes de langue, de langue
et de raisons, vous pouvez utiliser la langue de votre site et effectuer les réglages
d'origine ici. Ensuite, il y a les informations
commerciales où vous pouvez ajouter votre
numéro de téléphone, votre interlocuteur et
votre localisation physique. Dans les liens sociaux, vous pouvez connecter tous
vos réseaux sociaux comme vous le voyez dans la navigation. Toutes ces icônes, vous pouvez les relier directement à votre page de
réseaux sociaux ici. Ensuite, si vous accédez à des comptes
connectés ici, vous pouvez
également connecter votre Facebook, Pinterest et
d'autres éléments à votre site Web, qui apparaîtra
sur votre page d'accueil. Cette extension et cette
autorisation ici, vous pouvez transférer la propriété de votre site Web à quelqu'un d'autre, entreront pas dans ce cadre. Dans les domaines. Vous pouvez obtenir un
domaine qui est un domaine acheteur ou utiliser un domaine si vous
avez déjà acheté le vôtre. Si vous cliquez sur
Data Domain ici, vous pouvez ajouter votre nom
ou le nom de votre entreprise, et les
nombreuses options disponibles s'afficheront. Vous pouvez simplement cliquer
sur n'importe lequel de ces éléments et l'acheter sur
Squarespace lui-même. Ensuite, il y a Google Workspace. Je pense que vous y parviendrez le mieux avec le plan d'affaires. Il y a la facturation, qui est un abonnement, des
informations de paiement, des factures. Ensuite, il y a la barre
d'informations mobiles, qui est une fonctionnalité premium, nous n'allons
donc pas entrer dans ce sujet. Et en ce qui concerne les cookies et les données ViSTA, je vais vous montrer comment
créer une bannière de cookies. C'est important et
il existe des blogs où nous pouvons
personnaliser plus en profondeur notre page de blog. Et la version avancée où nous pouvons ajouter notre propre code
s'ils le souhaitent. Mais nous n'aborderons
rien de tout cela car il s'agit d'une classe
sans codage. Donc oui, tout dépend des paramètres
de Squarespace. Maintenant, retrouvons-nous
au prochain cours. Le cours suivant, où nous
commencerons par la
création de notre site Web en ajoutant.
7. L7 VO: Avant de commencer à créer
les pages de votre site Web, je souhaite vous donner des informations
actualisées sur le récent
lancement de Squarespace, car cela va changer façon dont nous modifiions
dans Squarespace. Dans ce cours, j'ai montré comment modifier à l'aide de
l'éditeur classique, que je recommande toujours
aux entreprises. Et maintenant, squarespace a lancé le moteur fluide
pour la version 7.1, qui
donne sans aucun doute beaucoup de flexibilité et de
liberté créative aux designers. Mais cela peut être un peu
accablant pour les débutants. Mais je veux que vous connaissiez les deux options et que vous
choisissiez celle que vous souhaitez utiliser. Si tu me suivras. Vous pouvez utiliser l'
éditeur classique que j'ai montré dans les leçons à venir et,
plus tard, vous pourrez passer à l'
éditeur Fluid Engine si vous le souhaitez. Donc, pour mon site web également et
toujours sur l'éditeur classique, je ne l'ai pas encore mis à jour. Mais si vous passez la souris ici, vous obtiendrez cette option de
mise à niveau. Si vous utilisez l'éditeur classique, vous aurez également cette option
sur votre site Web Vous pouvez simplement cliquer sur Mettre à niveau et passer
à Fluid Engine. Mais une fois que vous l'avez enregistré,
il est permanent. Vous ne pouvez alors pas revenir
à l'éditeur classique. Je suggère donc de s'
habituer d'abord à l'éditeur classique. Ensuite, vous pouvez
dupliquer une page et voir comment fonctionne le moteur à
fluide. Ensuite, vous pouvez le
mettre à jour si vous le souhaitez. Maintenant, si vous allez sur des pages et que
vous souhaitez ajouter une nouvelle page, vous devez cliquer sur Plus. Maintenant, ne t'
inquiète pas pour tout ça. Je couvrirai tout en détail dans les prochaines leçons. Donc, si vous cliquez sur Mise en page, vous obtenez ces modèles que vous pouvez choisir d'
ajouter à votre page. Maintenant, si vous voulez y aller, voici les modèles Fluid
Engine. Si vous souhaitez accéder à
l'éditeur classique, vous verrez cette option
en bas. Le livre. Ils utilisent simplement le nouvel éditeur de moteur
Fluid. Et si vous souhaitez utiliser l'éditeur classique,
vous pouvez cliquer ici. Donc, ici aussi, vous
aurez toutes ces options. Maintenant, ces modèles
peuvent sembler très similaires, mais l'édition
serait différente. Si vous souhaitez me
suivre, vous pouvez choisir cette option
et accéder à cette page. À partir d'ici. Vous pouvez utiliser la mise en page votre choix et
poursuivre le cours. Mais si vous voulez
utiliser le moteur à fluide, je vais vous montrer comment
vous pouvez le faire. Revenons donc d'abord ici. Ajoutons une page. Peut-être. Allons voir. Ajoutons une page simple. Ajoutons cette page. Maintenant, je ne montre pas la
personnalisation ou le SCO de cette page car je montrerai dans
les prochaines leçons. Si vous cliquez sur Modifier
et sur l'éditeur
classique, vous
avez également cette section Ajouter
dans l'éditeur classique. Donc, si vous cliquez sur Ajouter une
section, cela
ajoutera simplement quelque chose à
notre édition classique afin que je puisse vous montrer les deux. Et je vais juste ajouter ceci. La deuxième section est un éditeur classique. Maintenant, c'est le montage classique. Comme vous pouvez le constater, l'
option de mise à niveau apparaît. Cela signifie que nous sommes dans
le montage classique. La principale différence
est que vous ne pouvez pas déplacer ces blocs où vous le souhaitez. Quelle que soit la disposition choisie. Si vous voulez ajouter de l'espace ou si vous voulez
passer de ce côté, vous devez cliquer sur plus, puis sur
l'entretoise. Et cet espaceur, vous pouvez glisser-déposer pour le
déplacer vers le
même endroit et peut-être faire de l'espace entre ces deux sections,
comme vous le souhaitez. Mais si nous arrivons à cette section que nous
avions ajoutée précédemment, il s'agit
maintenant du moteur à fluide. Comment savons-nous que si vous
cliquez et déplacez ce bouton, vous pouvez tout déplacer
n'importe où sur cette page. Vous verrez que ces zones sont ces grilles situées derrière
ce bloc de texte. C'est donc la principale
différence entre l'éditeur classique
et Fluid et J. Maintenant, si vous voulez, si vous voulez rendre
la grille visible, vous
devez appuyer sur la touche
G de votre clavier. Pour le rendre visible. Cette grille vous permettra de
placer
correctement tous les blocs de contenu pour ajouter n'importe quelle nouvelle section ou n'importe quel bloc dans cet éditeur
classique, vous devez cliquer sur cette classe. Mais ici, vous devez
cliquer sur Ajouter un bloc. Supposons que vous souhaitiez
ajouter un bloc d'images. Un diagramme d'images est donc ajouté. Et maintenant, vous pouvez boire ce
bloc pour innover. Disons que c'est
votre tableau d'art. Donc, tout votre bloc de contenu. Et vous pouvez le déplacer
n'importe où ici. Maintenant, si vous cliquez sur Modifier, vous pouvez ajouter l'image. Alors maintenant, comme vous pouvez le voir, l'image est ajoutée. Et si vous cliquez dessus, vous pouvez l'
agrandir ou le réduire. Vous pouvez simplement le faire glisser et le
placer où vous le souhaitez, mais ce n'est pas possible. Et l'éditeur classique. Et autre chose, si vous cliquez sur ce bouton Modifier l'image,
vous pouvez les modifier. Conception de cette image également, vous pouvez cliquer sur Ajuster. Si vous souhaitez modifier
la proportion. Et supposons que vous souhaitiez ce bloc de
texte au-dessus de cette image. Tu peux le faire aussi. Donc, pour ce faire, vous cliquez sur le texte, vous obtenez cette option d'édition. Vous pouvez maintenant ajouter un arrière-plan au
texte si vous le souhaitez. Et vous pouvez apporter d'autres modifications. Vous pouvez le réduire ou agrandir en le faisant glisser manuellement. Et vous pouvez également modifier
l'alignement du son. Vous pouvez simplement faire glisser les coins et le faire vous-même
manuellement en cliquant. Donc, si vous
cliquez simplement sur le texte, et vous voyez ici avancer. Si vous cliquez
sur avancer, il apparaîtra au premier plan. Disons maintenant que nous voulons cette
image au-dessus de ce texte. Nous cliquons sur cette
image et nous y
arriverons par hasard, nous nous sommes fait attraper. C'est ainsi que vous pouvez organiser
toutes les couches comme vous le souhaitez, ce qui n'était
pas possible auparavant. Vous pouvez maintenant augmenter la
taille de cette grille également en faisant glisser ce symbole en dessous, au-dessus, ce qui augmentera ou diminuera les
lignes de la grille. Vous pouvez également le faire en cliquant
sur cette section d'édition. Ici, vous pouvez augmenter le nombre de lignes ou le diminuer. Vous pouvez également supprimer les espaces entre la grille si vous le souhaitez. Ou vous pouvez cliquer sur
ces trois points et le faire manuellement. Ici aussi, vous avez toutes ces options hauteur et d'alignement
et tout le reste. Désormais, ces options
sont également disponibles dans l'éditeur classique mais d'une
manière différente. Mais gardez à l'esprit certaines des choses qui
n'ont pas changé pour Fluid Engine, comme les mises en page des galeries
et les mises en page des listes, elles n'ont pas changé. C'est donc le même
que celui que nous voyons dans l'éditeur d'édition classique que nous verrons dans les
prochaines leçons. Maintenant, une autre chose
à garder à l'esprit est que si vous utilisez
le moteur fluide, vérifiez toujours
la vue mobile car les
modifications que vous apporterez dans la prochaine version risquent de ne
pas être correctement disposés
dans la vue mobile. Mais
cela vous donne également la flexibilité nécessaire pour
tout modifier dans la vue mobile. Vous pouvez avoir une mise en page complètement
différente pour votre vue mobile. Et sa
disposition est complètement différente pour votre affichage de bureau. Mais tu dois
garder ça à l'esprit. Auparavant, dans l'éditeur classique, tout s'arrangeait assez bien pour
la vue mobile. Mais vous n'aviez pas
cette liberté créative que vous pouvez conserver grâce à un moteur rudimentaire. Ainsi, au moment de l'
enregistrement de cette vidéo, aucune
personnalisation n'est encore disponible pour l'affichage sur tablette et pour les lecteurs
d'écran également, les blocs apparaîtront
dans l'ordre tel qu'ils ont été ajoutés au page. Alors, soyez conscient de cela. part cela,
je pense qu'il s'agit d'une très bonne avancée
de la part de Squarespace, qui vous donne
autant de flexibilité et liberté
créative pour modifier
ou concevoir votre page. Mais utilisez ensuite
ce qui vous convient. Si vous voulez rester simple, utilisez
simplement l'éditeur
classique et plus tard, vous pourrez le
mettre à niveau vers le moteur fluide. Je voulais également mentionner que certaines choses
manquent encore dans le moteur fluide,
comme la
mise en page des blocs d'images et l'animation,
qui, espérons-le, s'
occuperont très bientôt de Squarespace. Mais pour l'instant, ce n'est pas une
option avec un moteur fluide. Tout tournait donc
autour du moteur fluide. Questions sur le Launchpad.
8. Ajouter une page d'accueil: Bon retour. Allons voir. Comment puis-je m'y prendre ? Commençons maintenant par
ajouter une page d'accueil. Pour ce faire,
cliquez sur Pages. Maintenant, voici une page. Certaines pages ont
déjà été ajoutées. Vous pouvez personnaliser cette
page déjà disponible. Cliquez sur ce signe plus. Ensuite, vous pouvez choisir parmi
différentes options ici. Mais vous pouvez également cliquer sur
une page blanche, si vous souhaitez
tout personnaliser vous-même. Mais si vous êtes un
débutant, je dirais de cliquer
sur Mise en page. Ici, vous aurez
beaucoup plus d'options. Vous pouvez maintenant explorer toutes
ces options ici, mais cliquons sur la galerie, et j'en choisirai une ici. Choisissons Gallery Fight. Maintenant, vous allez voir, appelons-le chez nous. Maintenant, lorsque vous passez la souris
sur cette page, vous verrez une option de suppression ici, et vous verrez un paramètre ici. Cliquons donc sur ces paramètres. Et ici, vous pouvez
personnaliser votre page. Maintenant, nous allons garder la page. Ici. Vous pouvez dupliquer la page et la définir comme page d'accueil. Supposons que vous ayez une
page différente et que vous souhaitiez définir cette page comme
page d'accueil afin pouvoir accéder à cette méthode de
configuration et définir ce salaire comme page d'accueil. Vous pouvez également supprimer la
page ici. Maintenant, nous allons voir un PDG. Maintenant, le plus
important est de donner titre
SEO et une
porte de description facultative, mais je vous suggère de le
personnaliser pour chaque page car c'est ainsi que cela fonctionne. Les moteurs de recherche
trouveront vos pages. Donnons donc
un titre à votre page d'accueil. Nous allons donc masquer cette page résultats
de recherche,
ce n'est pas le cas. Mais je vais vous montrer
où vous devez le
cacher aux recherches
et nous le ferons plus tard. Mais pour l'instant, nous allons le
garder comme ça. Et dans l'image sociale. Si vous souhaitez
personnaliser chaque page avec une image différente,
vous pouvez le faire ici. Mais si vous voulez une image généralisée ou une image unique pour chaque
page, vous pouvez le faire. Dans cette option de partage social. Je vais te montrer où. Pour l'instant. Vous pouvez simplement ajouter
n'importe quoi si vous
voulez avancer. Nous n'en avons pas besoin. Si une injection de code est requise, vous
pouvez le faire ici. Si bon pour concevoir, cliquez
toujours sur Enregistrer. Maintenant, nous allons modifier notre page. Nous allons donc cliquer dessus. Et ici, comme vous pouvez le constater, il y a trois sections. Lorsque vous passez la souris sur l'une
des sections, vous trouverez ce bouton
Ajouter une section. Lorsque vous cliquez dessus, vous obtiendrez d'autres
options, telles que vous pouvez ajouter plus d'images ou ajouter une section de texte, ou même ajouter une
page blanche si vous le souhaitez. Maintenant, pour modifier cette section, nous devons cliquer sur
cette section Modifier. Lorsque vous passez la souris sur
chacune d'elles, si je vous montre ce qu'elle fait. Cela dupliquera
cette section. Cela le supprimera
et le déplacera vers le bas. Si vous cliquez sur déplacer vers le bas, la section sera supprimée. Et vous pouvez cliquer à nouveau
ici pour le déplacer vers le haut. Et si vous cliquez sur
la section d'édition ici, vous verrez que la grille est désormais activée. C'est simple. Si vous cliquez sur des bandes, voici comment elles apparaîtront. Vous pouvez également cliquer sur
mon toboggan bleu azur Sundry. Donc, peu importe ce que vous voulez
pour cette vidéo, je vais rester simple. Vous pouvez conserver une assiette ou un bol
plein. Et vous pouvez également modifier
le rapport hauteur/largeur. Supposons que vous n'
ayez pas toutes les images dans un aspect carré et que vous en ayez
certaines également de forme rectangulaire. Vous pouvez donc le faire en
modifiant le rapport hauteur/largeur. Je vais le garder en place. Vous pouvez ajouter ou supprimer des
colonnes ici. Tu le veux. Vous. Vous pouvez modifier ici l'
espacement entre les images. Si vous le faites glisser, vous
pouvez modifier l'espacement. Je pardonne les légendes, disons que vous avez donné une
description de votre image, je vais vous montrer dans une
minute comment vous pouvez le faire. Si vous conservez les légendes, la description
apparaîtra sous l'image. Ensuite, si vous
retournez une animation, nous pouvons continuer à l'alimenter, à la
redimensionner , comme vous le souhaitez. Si vous laissez la boîte à lumière allumée, si quelqu'un
clique sur l'image, elle s'
affiche en plein écran. Et les utilisateurs peuvent simplement faire
défiler les images ici. J'aime donc garder
la boîte à lumière allumée. Il s'agit de x et les couleurs ne
vous inquiétez
pas. Nous allons le changer. Plus tard. Je vais vous montrer
comment modifier les couleurs et les polices de caractères de
l'ensemble du site. Nous le ferons donc plus tard. Alors maintenant, nous allons faire les
images et ajouter les
nôtres de manière si critique que vous
pouvez cliquer sur cette image. Sain. Cliquez ici sur une image, maintenez la touche Shift et cliquez sur la dernière
image pour pouvoir la supprimer. Maintenant, il me suffit d'ajouter quelques images de mon ordinateur que
j'ai déjà enregistrées. Si vous cliquez sur le signe plus, vous pouvez rechercher
des images si vous le souhaitez. Si vous en
aviez déjà un immédiat, je l'avais déjà
dans ma bibliothèque. Tellement destructeur. Vous pouvez
également cliquer sur des images gratuites. Mais pour cette vidéo, puisque nous créons des images de
portfolio, nous aurons évidemment besoin
de nos propres images. Je vais donc simplement cliquer et le télécharger et
il vous redirigera vers les dossiers de votre ordinateur. Et à partir de là, vous pouvez simplement ajouter autant d'
images que vous le souhaitez. Je vais donc ajouter rapidement
quelques images maintenant. Comme vous pouvez le voir, les
images ont été ajoutées. Donc, si nous cliquons sur l'une
des images maintenant ici, nous pouvons donner la
description qui apparaîtra sous l'image lorsque nous aurons les
légendes ici également, vous pouvez lier l'
image si vous le souhaitez, ce qui n'est pas obligatoire ici. Mais si tu veux,
tu peux le faire. Nous allons le fermer et nous pouvons fermer ici, et
il l'enregistrera. Maintenant, vous voyez, puisque j'ai
conservé la légende, elle affiche la description
de l'image ci-dessous. Ici, nous pouvons modifier cette police lorsque nous le ferons
plus tard pour l'ensemble du site. Nous avons donc ajouté ici. Supposons ensuite que vous
souhaitiez ajouter quelque chose. Vous voyez donc que voici un intercalaire, qui est un moyen d'ajouter
de l'espace entre peut-être des sections de texte ou entre deux images ou n'importe quoi entre n'importe quoi si vous
voulez ajouter de l'espace. Vous devez donc le faire à
l'aide d'une entretoise. Disons que je ne
veux pas de cette entretoise, je vais juste cliquer dessus. Et l'option de suppression s'affichera, et nous cliquerons sur Supprimer. Maintenant, il y a déjà une
option de texte ici, mais si vous voulez ajouter quelque chose d'autre, disons que vous
souhaitez ajouter quelque chose d'autre. Nous allons donc cliquer sur ce
plus ou sur ce plus. Si vous souhaitez en ajouter un en
dessous ou au-dessus, vous pouvez toujours le faire glisser et l'amener où
vous le souhaitez. Supposons que je souhaite
ajouter une autre zone de texte. Donc, vous voyez maintenant qu'il y une zone de texte et
voici une autre zone de texte. Maintenant, si je le fais glisser et que je le maintiens, je peux l'amener vers le haut. Disons que j'ajouterai
quelque chose d'autre ici. Peut-être que je vais ajouter, je vais
ajouter un bouton ici. Nous allons donc cliquer sur le plus
et nous cliquerons sur le bouton. Ici. Vous pouvez conserver un
nom pour le bouton. Ici. Vous pouvez lier le bouton à une page séparée si vous
souhaitez commander une adresse Web. Supposons que vous ayez un cadeau
ou quelque chose comme ça et que vous
souhaitiez rediriger les gens
vers ce cadeau, vous pouvez donner le lien ici. Vous pouvez télécharger un fichier. Si vous avez un
fichier PDF ou autre, vous pouvez le télécharger ici
afin que les gens puissent cliquer et
télécharger les combats en PDF. Et aussi, si vous
le souhaitez sous forme de formulaire de contact, vous pouvez le faire sur
votre numéro de téléphone. Je clique sur Design ici. Voici quelques-unes des
options de ce bouton, sur
lesquelles vous pouvez simplement
cliquer pour voir comment procéder et l'alignement
du bouton,
vous pouvez également modifier à partir d'ici. Sélectionnez cela. Voyons voir, je veux juste
écrire quelque chose ici. Je peux donc modifier ce
texte également partagé. Si je clique, je peux l'
agrandir. Si je le souhaite, je peux le mettre en gras sélectionner le texte
et je le mettrai en gras. Ainsi, vous pouvez également modifier l'alignement, vous savez. Je vais juste l'aligner
au centre. Et quoi que vous vouliez ou que vous
puissiez dire, vous avez déjà quelque chose écrit
dans un document Word ou un document Google. Vous pouvez le faire en cliquant
ici, en le
copiant et en le collant ici. Et si vous cliquez sur OK, il sera collé ici. Maintenant, disons que je veux annuler quelque chose que
je n'ai pas fait par erreur, j'ai fait quelque chose et que
je veux l'annuler. Vous pouvez toujours aller ici
et cliquer à nouveau sur Annuler. C'est ainsi que vous pouvez
ajouter du texte et un bouton. Si nous cliquons sur cette modification, nous pouvons modifier la hauteur de la
section ici. De plus, nous pouvons cliquer
ici et manuellement, nous pouvons le faire glisser pour modifier
la hauteur de la section ici. Nous pouvons modifier la largeur ici. Et alignement. Maintenant, nous pouvons changer
l'arrière-plan. Je peux juste enlever l'arrière-plan. Je vais cliquer sur Remplacer. Et je vais juste prendre une image que j'ai
déjà enregistrée sur mon ordinateur. Et je vais le télécharger ici. Une fois notre image téléchargée, nous pouvons simplement
la modifier à nouveau sur enchère pour l'
insérer ou la supprimer complètement. Et nous pouvons également modifier cette opacité de
superposition si vous le souhaitez. Et aussi, si vous cliquez
sur Effet d'image, vous pouvez donner un effet. Image qui n'est pas toujours idéale, mais ils peuvent mourir et
voir à quoi elle ressemble. Je n'en reçois juste aucune. C'est ça. C'est ainsi
que nous pouvons personnaliser une section. Et cette section, je vais simplement la
supprimer. Je n'en ai pas besoin. Et c'est prêt. Notre page d'accueil est donc presque prête. Et n'oubliez pas
de cliquer sur Enregistrer. Et je suggère de
continuer à le faire entre les deux. Entre les deux, vous
éditez, vous savez, des jets ou vous
éditez quelque chose, cliquez sur Enregistrer puis sur Modifier. Cliquez à nouveau sur Modifier et effectuez
le reste des modifications. C'est ainsi que vous pouvez
ajouter une page d'accueil. La leçon suivante, où nous
allons ajouter une page À propos.
9. Ajouter une page à propos: Bienvenue dans la classe. Voyons comment nous allons ajouter une page
à propos. Maintenant que nous avons
ajouté notre page d'accueil, ajoutons
maintenant une
page À propos ou une page bio. Nous allons donc cliquer sur
ce signe plus et revenir à la mise en
page et
nous nous en occuperons. Vous pouvez donc voir qu'il existe
différentes mises en page ici. Vous pouvez choisir celui qui
vous plaît le plus. Ajoutons simplement celui-ci. Le premier, le détroit de
Géorgie, à peu près. Et nous cliquerons sur la méthode Paramètres et nous vérifierons si tout
est correct ici. Ne pas me laisser aller au
référencement et donner un titre. Ici, vous pouvez
nous donner une description. Et image sociale. Comme je l'ai dit, vous pouvez ajouter une image
sociale différente, mais pour chaque engagement, ou vous pouvez avoir la même image sociale
pour chaque page. Et nous cliquerons sur Enregistrer. Elle avait donc vraiment cliqué sur Modifier. Et connexes. Cette section. Je cliquerai sur cette section d'édition. Et nous verrons cela plus petit. Voyons quelle est la
largeur du contenu. Non, j'aime ça. Peut-être plus grand. Et le contexte. Je veux le garder propre afin ne pas ajouter de couleurs de fond. Nous le ferons plus tard. Maintenant,
nous allons modifier l'image. Donc, si vous cliquez
ici sur l'image, vous obtiendrez cette option d'édition. Ici. Vous pouvez modifier l'image, alors supprimons-la. Je vais simplement ajouter
des photos de profil de moi-même que j'ai déjà
enregistrées sur mon ordinateur. Une fois l'image ajoutée, elle peut ajouter
du texte alternatif si vous le souhaitez, afin que vous puissiez être
bon pour votre référencement. Quelque chose que vous pouvez ajouter ici. Comme je l'ai dit dans mon cours de
préparation et de planification, ils doivent renommer correctement
vos images. C'est important pour
l'aspect ACO. Donc je vais juste le faire. Quelque chose comme ça.
J'en suis content. Et nous pouvons également modifier le
design ici. Maintenant, il est placé sous surveillance. Voyons voir si nous faisons
le collage superposé. Peut-être. Je préfère ça. Celui-ci aussi, vous pouvez
changer l'image pour
qu'elle soit à gauche ou à droite. Vous pouvez modifier la
forme de l'image sur. Donc, ici, si vous voulez faire
cette animation, voyons voir. Faisons l'envol. OK, ignorons ça pour l'instant. Et nous cliquerons dessus,
cliquerons quelque part à l'extérieur. Et si jamais vous trouvez cela,
vous cliquez dessus, mais que cela ne se ferme pas, devez l'enregistrer car cela indique que quelque chose peut se produire maintenant. vous suffit donc de cliquer dessus et
nous cliquerons à nouveau sur une date. Donc, ici, la
forme de l'image est modifiée, donc je vais la
redéfinir à l'origine. Et ici, tu dois écrire
quelque chose sur toi. Si vous avez déjà copié
quelque part, cliquez ici
et collez-le ici. Et vous pouvez coller le
texte ici, directement. Ici aussi, vous pouvez
modifier ces lettres. style, le textile, le
soi, nous pouvons le faire. Et les polices le
changeront dans la classe des polices et des couleurs,
la classe de design. Nous allons donc voir comment nous pouvons y parvenir. Il s'agissait donc de la
page À propos ou de la page bio. Vous pouvez personnaliser
davantage si vous le souhaitez. Vous pouvez ajouter une section ici. Si tu veux. Vous pouvez
cliquer sur Ajouter une section. Et peut-être souhaitez-vous
ajouter du texte ou
des images supplémentaires. Peu importe. Tu peux le faire ici. Ou peut-être souhaitez-vous ajouter une
newsletter ou quoi que ce soit d'autre. Tout ce que tu veux. Vous pouvez l'ajouter en cliquant
sur la section Ajouter. Et vous pouvez l'ajouter
ici. Et sauvegardez-le toujours. Donc oui, ça y est. Retrouvons-nous maintenant dans le prochain cours où je vais vous montrer comment ajouter une page de contact. Rendez-vous au prochain
cours. Nous allons ajouter sur le pont quel surdosage.
10. Ajouter une page de contact: Bienvenue dans la classe. Voyons comment nous allons
l'ajouter. Dans ce cours. Je vais vous montrer comment
ajouter une page de contact. Pour ce faire, nous allons
cliquer sur plus, puis
sur la mise en page. Et nous cliquerons sur Contact. Et à partir de là, nous pouvons choisir
une mise en page qui nous plaît. Je choisis simplement le
premier et nous allons simplement le nommer moi ou le contact, vous
voulez. Cliquez sur ces paramètres et vérifiez si tout
est correct ou non. Accédez au référencement, comme je l'ai dit, donnez-nous votre titre et votre description
et cliquez sur Enregistrer. Maintenant, je n'ai rien
écrit. C'est pourquoi il ne bouge pas
et il suffit de changer celui-ci. Nous cliquerons sur Enregistrer. Maintenant, cliquons sur Modifier
et associons cette section. Maintenant, nous pouvons personnaliser cela. Vous voyez maintenant l'entretoise ici. Il s'agit donc d'ajouter un peu de jaune, une certaine distance entre
ces deux sections, section
technique et
la section formulaire. Maintenant, si vous ne voulez pas que
la section du formulaire soit ici, si j'ai toujours besoin de l'entretoise et que je
la ramène en bas, peut-être. Je souhaite peut-être afficher
un lien vers ce site. Je l'ai peut-être mis ici comme ça. Nous pouvons le personnaliser. Vous pouvez donc le
personnaliser comme vous le souhaitez. Et supposons que vous souhaitiez également
personnaliser ce formulaire. Vous pouvez le faire
en cliquant sur ce bouton Modifier. Et cela vous amènera
à cette section du formulaire. Vous pouvez modifier le formulaire ici. Supposons que vous souhaitiez ajouter
une section supplémentaire à cela. n'y a que le nom, le message
électronique. Vous pouvez cliquer sur Ajouter un champ. Et peut-être que vous voulez un site Web. Nous allons donc cliquer dessus. Vous pouvez à nouveau ajouter. Et peut-être que cette fois tu
veux le texte littéraire. Et ici, vous pouvez cliquer sur ce texte et
modifier le nom du texte. De plus, je ne veux pas que
ce soit des textes écrits. Vous pouvez donc le faire. Vous pouvez ajouter une description afin que les personnes qui remplissent le formulaire aient une idée plus précise
de ce que vous
voulez qu'elles remplissent exactement .
Vous pouvez donc le faire. Vous pouvez cliquer sur Obligatoire
ou Non obligatoire. Si nous voulons que cela soit obligatoire et que vous
cliquez sur Demande. Et vous pouvez également supprimer le
champ si vous ne le souhaitez pas. Disons de la même manière, vous
pouvez modifier
toutes ces sections de formulaire en
cliquant dessus. Et tu peux le faire. Une fois que tu auras terminé. Vous pouvez
cliquer sur Publier quelque part. Supposons qu'une personne ait soumis ce formulaire et que vous
souhaitiez lui envoyer un message
personnalisé et personnalisé. Vous pouvez donc le faire ici. Maintenant, si vous pouvez
les rediriger vers une page séparée, peut-être si vous le souhaitez. Supposons qu'ils aient
soumis le formulaire et vous puissiez
maintenant les rediriger vers votre page de portfolio ou votre page de blog
où vous le souhaitez. Tu peux le faire ici. C'est ainsi que vous pouvez
personnaliser le formulaire. Ici, vous pouvez également modifier la
conception du formulaire Si vous cliquez sur l'option
lightbox, ce qui se passe est ce formulaire. Ce formulaire est maintenant compressé et chaque fois que quelqu'un
clique sur Ouvrir le forum, il s'ouvre en tant que formulaire complet. Donc, ici, dans la
section du formulaire ouvert, vous pouvez également écrire autre
chose, comme
cliquez ici pour contacter. Pour quelque chose comme
ça. Tu peux le faire. Et vous pouvez cliquer sur le stockage. Et ici, vous pouvez vous connecter
à votre e-mail, à votre newsletter. Vous pouvez vous connecter à
MailChimp ou à Zapier. Vous pouvez vous connecter par e-mail, un fournisseur
inutile comme un scandale
flottant. Vous pouvez également vous connecter
à Google Drive, que vous pouvez connecter à
votre e-mail si vous le souhaitez. Tu peux te débrouiller ici. Maintenant, c'est ainsi que cela se fait. Autre chose,
si nous cliquons sur Modifier, la section du formulaire, vous pouvez également modifier l'alignement
du bouton. Maintenant, je veux le garder
au milieu puisque je l'
ai joué en boîte. Maintenant, ce qui se passe, c'est
de cliquer d'abord sur Enregistrer. Cela permettra donc de
tout sauver ici. Maintenant, quand quelqu'un
cliquera ici, il l'affichera cet
automne et il pourra simplement le remplir
et cliquer sur envoyer. Et il cliquera à nouveau sur Modifier. Nous pouvons joindre notre lien
social ici. Nous allons donc cliquer sur cette modification. Et ici, vous pouvez Instagram
ou votre Facebook, ou vous pouvez également ajouter un autre lien social,
peut-être votre Pinterest. Et vous pouvez
en modifier le design. Disons que vous avez 12 bordures
ou que vous la faites arrondir comme ceci. Vous savez, toutes ces nombreuses
options sont là pour que vous puissiez voir laquelle vous préférez
et vous pouvez le faire. C'est ainsi que vous pouvez
personnaliser votre page de contact. Ajoutons un peu de contexte
ou quelque chose ici. Donc, ce que nous allons faire, c'est cliquer ici et
cliquer sur le fond. Et ici,
nous ajouterons peut-être une image. J'ai déjà enregistré une image, une image de
stock. Vous pouvez donc le faire soit. Ce que vous pouvez faire, c'est cliquer sur l'image de recherche et nous passerons à des images gratuites. Et peut-être rechercherons-nous
quelque chose comme un contact. Et vous voyez des images
d'années et nous pouvons, nous pouvons simplement choisir n'importe quoi. OK ? C'est
ainsi que cela va apparaître. Mais si vous ne le souhaitez
pas, supprimez-le simplement. Et nous cliquerons ici aussi, vous pouvez modifier la hauteur de la
section ou la section avec
ce que vous voulez. Vous pouvez le personnaliser ici. OK ? Donc oui, c'est ainsi que vous pouvez
personnaliser votre page de contact. Vous pouvez ajouter une page de contact. Vous pouvez modifier cette disposition
comme vous le souhaitez. Peut-être que si vous ne voulez pas
uniquement une section de texte, vous pouvez ajouter une image ici. Vous pouvez faire autant de
personnalisations ici. Dans le cours suivant, lorsque nous
ajoutons une boutique ou une boutique.
11. L 11 édité: Bon retour dans la classe. Voyons maintenant comment ajouter une page de boutique à votre site Web. Cliquons donc dessus
et nous cliquerons sur boutique. Vous pouvez maintenant choisir mise
en page de votre choix.
Choisissons celui-ci. Et nous allons simplement le
nommer magasin. Choisissez. Dis. Tout d'abord, je vais cliquer sur les paramètres. Et nous allons vérifier si tout
est correct ou non. Si vous cliquez sur Catégorie, vous pouvez créer la catégorie de votre
produit. Disons que si vous souhaitez
ajouter des tirages d'art, il s'agit fixes ou de différents
types de produits. Vous pouvez donc le faire
en cliquant sur Créer une catégorie. suffit de saisir le nom de votre catégorie de
produit ici et de cliquer sur Ajouter. Ajoutons-en un autre. Stationnaire. Peut-être.
Nous cliquons dessus. Et si nous cliquons sur SEO, comme je l'ai déjà dit, leur titre SEO et leur
description sont très importants. C'est ainsi que le moteur de recherche, nous trouvons notre boutique. Vous devez donc le saisir ici. Et dans l'image sociale, vous pouvez mettre une image personnalisée pour votre boutique ou votre boutique. Cliquez maintenant sur Enregistrer. Maintenant, cliquez sur
cette flèche ici. Alors maintenant, nous pouvons cliquer sur Ajouter un produit pour ajouter un nouveau
produit si vous le souhaitez. Ou nous pouvons également cliquer ici
pour ajouter un nouveau produit. Et si vous cliquez
sur les paramètres, vous pouvez ajouter vos catégories et tout faire du
référencement si
vous ne l'avez pas
fait lors de
la création de la page de la boutique. Si nous passons à cette ancienne catégorie, nous
y trouverons tous les produits déjà listés. Donc, si vous cliquez sur
l'un de ces produits, vous serez redirigé vers
la page du produit en question. Vous pouvez modifier votre produit ici. Si vous cliquez ici avec le pointeur de la souris, vous pouvez cliquer sur Modifier le
produit ou sur Modifier le design. Cliquons sur Modifier le produit. Et vous pouvez modifier un produit ici. Si vous cliquez ici,
vous pouvez le modifier. Vous pouvez l'envoyer en haut ou en bas, le déplacer ou
le supprimer. Supposons qu'il s'agisse produits
physiques
et que vous souhaitiez peut-être ajouter un téléchargement numérique. Pour ce faire, nous allons décocher cette case et
cliquer sur Ajouter un produit. Vous pouvez cliquer ici ou
ici, n'importe où. Et ici, vous pouvez voir les différents types de
choses que vous pouvez vendre. Vous pouvez vendre un abonnement à un
service, carte-cadeau et toutes ces choses. Nous cliquerons donc sur le téléchargement
numérique et vous
serez redirigé vers cette page. Ici, vous pouvez donner un
titre au produit. Et ici, vous devrez
donner une description. Ici. Si vous cliquez ici, vous pouvez ajouter des informations supplémentaires, comme des vidéos ou des images, et vous pouvez cliquer sur Appliquer. Ici. Et ici, nous allons cliquer et ajouter quelques images de mes produits que j'ai déjà
enregistrées sur mon ordinateur. Vous pouvez maintenant ajouter plusieurs
images pour le même produit. Il est préférable d'avoir
deux à trois images pour un seul produit
afin que les utilisateurs puissent faire défiler la page et voir à quoi ressemble réellement le
produit. Pour un produit numérique,
vous pouvez le
simuler de différentes manières
et l'ajouter ici. Ici, si vous cliquez
sur Télécharger un fichier, vous pouvez télécharger un
PDF réel pour le produit ici. Je vais le faire rapidement. Ainsi, après avoir
téléchargé notre produit, nous pouvons simplement donner un prix. Disons que c'est 25$. Ici. Vous pouvez
le garder en vente si vous le souhaitez. Et disons qu'après,
disons 20. Donc, si vous cliquez sur Ajouter ici, nous avons déjà
ajouté une catégorie. Disons maintenant qu'il s'agit
d'un téléchargement imprimable. Je cliquerai sur Ajouter. Ce produit va maintenant être ajouté
à cette catégorie. Et maintenant, ici, nous pouvons ajouter balises pour saisir votre
tag et cliquer sur Entrée, et vous pouvez continuer à
ajouter de la texture. Et ici, vous pouvez faire passer
la visibilité au public. Si vous êtes prêt à le publier. Sinon, vous pouvez le
cacher, il ne le
montrera pas au public. Vous pouvez en faire un
produit phare. Si vous souhaitez ajouter, vous pouvez ajouter n'importe quel produit
associé. De plus, si vous le souhaitez, vous pouvez ajouter des avis sur les produits. Et ci-dessous, vous pouvez
modifier le SCO et l'URL. Si vous cliquez sur Modifier ici, vous pouvez donner un
titre et une description SEO, ce qui est très important pour votre boutique car c'est
ainsi que sera votre netteté. Il sera classé dans
les moteurs de recherche. Ici, vous pouvez donner une URL personnalisée. Disons que c'est une boucle, et nous cliquerons sur Appliquer
ici dans les réseaux sociaux.
Vous pouvez également cliquer sur Modifier
et ajouter une image. Si vous le souhaitez, et si
vous cliquez sur Appliquer. Donc, si vous cliquez ici, vous pouvez le connecter à vos comptes de réseaux
sociaux, que je vous montrerai lors
des prochains cours. Et ici, vous pouvez personnaliser
vos boutons et formulaires, ce que nous pourrons faire plus tard. Également. Je vais te montrer comment faire. Une fois que
vous aurez terminé, si vous passez la souris ici, vous aurez
trois options. Enregistrez, publiez, et elle l'a fait. Si vous l'enregistrez, vous
n'êtes pas prêt à le publier. Vous pouvez l'enregistrer en
tant que brouillon le
modifier et le publier ultérieurement. Vous pouvez le publier immédiatement. Vous pouvez également choisir. Si vous cliquez sur le shader, vous pouvez lui donner une
heure et une date. Et elle le fera à cette
heure et à cette date précises. Je vais donc simplement cliquer sur
Publier. Et c'est ici. Notre produit est
publié ici. Maintenant, si vous cliquez sur
Modifier le produit ici, vous pouvez à nouveau
revenir à cette page. Si vous cliquez sur Modifier le design, vous serez redirigé vers page de
ce produit
où vous pourrez cliquer sur la section
Modifier et modifier
la mise en page de cette page. aussi, si tu veux. Vous pouvez le conserver en totalité ou à moitié. Je vais juste le garder simple. Vous pouvez également modifier les couleurs. Vous pouvez également modifier le
rapport hauteur/largeur si vous le souhaitez. L'alignement
du texte, la navigation du produit et émet des espaces et d'autres
éléments tels que la galerie avec. Et d'
autres
options de personnalisation sont également disponibles ici. Vous pouvez le faire et
vous pouvez également modifier la couleur de cette page
ici si vous le souhaitez. En cliquant ici. C'est ainsi que vous pouvez le modifier. Maintenant, cliquez sur Enregistrer. Et voici à quoi ressemblera notre page
produit. Maintenant, si vous ne voulez pas
tous ces produits, vous pouvez simplement cliquer
dessus et cliquer sur Supprimer. Maintenant, si vous y retournez, nous y retournerons
également dans une boutique en ligne. C'est donc ici que vous pouvez obtenir paramètres
encore plus avancés
pour personnaliser la page de votre boutique. Maintenant, il vous montrera
comment configurer votre boutique. Nous avons ajouté les produits
et vous devez les ajouter, attendez d'être payé. Nous pouvons nous connecter à PayPal. Mais n'oubliez pas qu'il s'agit
d'une fonctionnalité premium. Vous avez besoin d'un plan d'affaires ou d'un plan de
commerce ou à propos cette fonctionnalité, vous
devez choisir un abonnement et ensuite vous pouvez
publier votre boutique. Je voulais juste
montrer qu'il est très facile de créer une
boutique sur Squarespace. Mais cela nécessite un plan de commerce
ou un plan de commerce avancé. Vous pouvez donc
apporter d'autres modifications ici. Par exemple, vous verrez les commandes
ici et votre inventaire, tout ce que vous avez ajouté, ainsi que vos clients, et
vous pourrez accorder des remises. Vous pouvez également utiliser ces outils de
vente tels que l'
impression à la demande ou
Facebook et Instagram. Donc, ici, vous pouvez avoir
d'autres personnalisations, comme si vous cliquez
sur les paiements ici, la même chose s'
affichera ici, vous pouvez changer la devise, la devise votre boutique, la mienne, il est réglé sur le dollar américain en
cliquant ici, vous pouvez modifier
ou choisir la devise de votre choix. Et si vous allez sur la
page de paiement maintenant, vous pouvez effectuer d'autres personnalisations, comme la récupération du panier abandonné. Vos clients
recevront des e-mails s'ils ont quelque chose
dans leur panier, puis vous pouvez collecter des abonnés aux
e-mails
si vous le souhaitez. Voulez-vous utiliser
Shaping our tastes comme adresse de facturation par défaut ? Si vous souhaitez un montant minimum
de commande ou non. Vous pouvez donc
personnaliser tous ces paramètres selon votre convenance. Si vous cliquez sur
des champs supplémentaires. Maintenant, vous aurez
encore plus d'options. Maintenant. Vous pouvez également utiliser, si vous utilisez un thème sombre, cette palette de couleurs
claires pour votre panier afin que votre panier soit visible pour
vos clients. Et les politiques de votre page de paiement. Ici, vous pouvez donner vos politiques
écrites, conditions d'utilisation
et votre politique de confidentialité, vous n'avez pas besoin de
tout écrire ici. Vous pouvez simplement cliquer
sur le lien ici. Vous pouvez le lier à la page de la politique de
confidentialité et faire de même
pour toutes les autres. donc quelques-unes
des personnalisations que vous pouvez explorer. Mais pour cela, vous devez
disposer d' un plan de commerce ou de commerce
avancé. Vous devez
vérifier ce qui est requis. C'est ainsi que vous mettez en
place un arrêt de travail.
12. Ajouter une page de boutique: Maintenant, et si votre dortoir voulait ouvrir une boutique,
mais que voulait ouvrir une boutique,
mais vous avez déjà des boutiques
en ligne,
comme des boutiques d'impression à la demande auxquelles vous
souhaitez associer, des
liens sur votre site Web pour que
les gens puissent venez les visiter, qui les mènera
directement à cette boutique. Donc pour cela, ce que
nous faisons est très bien, encore une fois sur les pages et nous
cliquerons sur ce signe plus. Et ce que je vais faire, c'est
cliquer sur la mise en page. J'aime cette page de services. Donc je clique sur celui-ci, on clique sur les services et
tu obtiens le premier. Je le renomme Sharp. Et nous allons bien cliquer sur
les paramètres, et nous allons vérifier si
tout va bien. Et le même arbre changera le titre du référencement et
la description du référencement. Et maintenant, nous allons modifier cette page. Nous allons cliquer sur Modifier. Et vous pouvez
tout modifier ici. Donc, si je clique sur
Modifier le contenu, maintenant, différents types de
sections sont des mises en page, ont différentes méthodes d'édition, comme un endroit où elles s'
afficheront pour modifier le contenu, mais quelque part seulement
cela sera là. Cela se balance donc car
cela vous permettra de modifier chacune de
ces images ici. Donc, si nous cliquons sur Modifier le
contenu, maintenant, ici, vous pouvez choisir ce titre pour qu'il
apparaisse ou non. Est-ce que ça va s'éteindre ? Je veux ce bouton. Ce bouton. Peut-être que nous ajouterons un autre
bouton. Je n'en veux pas. Là-bas. Je veux l'image,
le titre et le corps. Et voici un bouton de commande pour que j'aie
ce bouton ici. Ensuite, nous cliquerons sur le contenu. Et nous pouvons cliquer sur chaque élément
et nous allons simplement le modifier. Alors laissez-nous le
placer avec quelque chose. Vous devez conserver vos maquettes de certaines images de votre boutique afin qu'
ils puissent les ajouter ici. Je vais juste ajouter ma matraque. Ensuite, dans le titre, vous pouvez cliquer sur Affûter. Disons que c'est un six cyclique. Ici. Donnez une description comme celle-ci. Mal nu, élaboré. Et dans le
texte des boutons, je veux faire du shopping. Ici. Ici, nous allons relier la boutique. Pour cliquer dessus. Nous partagerons l'adresse Web que vous
pourriez faire. Et ici, vous mettez l'URL de votre boutique et cliquez
sur ouvrir une nouvelle fenêtre. Donc, chaque fois que quelqu'un
clique sur Acheter ici, il y accède, il
s'ouvre dans un nouvel onglet et il peut y
voir votre boutique. Donc, en conséquence, vous pouvez
simplement modifier tout cela. Si vous cliquez sur Retour. Si vous souhaitez en ajouter d'autres, vous pouvez simplement cliquer sur Ajouter
et la liste sera ajoutée. Vous pouvez le faire, suivre
le même processus pour modifier. Maintenant, si vous cliquez sur design, de
nos jours, dans une liste simple, vous pouvez choisir des diapositives bannies afin de pouvoir choisir
ce que vous voulez. Il suffit de garder une liste simple. Vous pouvez modifier l'
alignement du texte ici. Vous pouvez choisir de conserver le
contenu en premier lieu sur le média. Qui peut augmenter ou
diminuer les colonnes ici, et aussi la
taille de l'image si vous le souhaitez. Et maintenant, nous allons cliquer à l'extérieur. Et maintenant, si vous cliquez ici, vous pouvez donner une image de fond
à l' ensemble de cette page
si vous le souhaitez. Sinon, nous allons simplement changer
la couleur et la police ici. Donc oui, c'est ainsi que vous pouvez ajouter vos boutiques en ligne à une
page de votre site Web. Nous allons maintenant cliquer sur Enregistrer. donc de l'oxyde dedans. Disons que je veux, je ne veux pas
garder ce site de visite sur ma page de navigation principale car au fur et à mesure que nous
ajoutons des pages, vous pouvez voir que toutes ces
pages sont ajoutées ici. Maintenant, si vous voulez
organiser l'ordre de cela, vous pouvez le faire
simplement en cliquant, disons que je veux que
la maison soit en haut pour
être meilleure La première. Et puis je veux peut-être parler de la page et
peut-être d'un contact comme ça. Et disons que je ne
veux pas ce pitch de magasin. Je vais donc simplement l'amener à
la section non liée. Maintenant, notre
page de contact était déjà là. Vous pouvez l'utiliser
pour ce modèle. Puisque nous avons établi
notre propre contact, il suffira de cliquer sur supprimer la page que
vous ne souhaitez pas. Il suffit de le supprimer.
Disons que non, votre histoire n'est pas encore prête. Vous ne voulez pas le montrer aux moteurs de recherche la nuit pour l'instant. Ce que vous pouvez faire, c'
est de cliquer dessus accéder au référencement
et d'aller en bas. Et ici, masquez les
pages des zones de recherche. Nous pouvons le cacher
car nous ne
voulons pas confondre
l'utilisation de la recherche. Nous ne voulons pas que notre boutique
y apparaisse car nous n'avons pas
encore activé cette page. Nous allons donc le cacher dans les résultats de
recherche et dire : « C'est ainsi que vous
pouvez nous amener vers la page boutique automatique
de votre site Web. Rendez-vous au prochain
cours où il a accepté avant la page For You.
13. L 13 édité: Tu t'en sors très bien.
Voyons maintenant comment ajouter une page de portfolio à
votre site web de portfolio. OK, alors maintenant, créons notre page de portfolio pour laquelle
nous créons notre site. J'utiliserai cette page de travail qui est déjà fournie
avec ce modèle, qui est parfait
pour votre portfolio. Mais si vous le souhaitez, vous
pouvez en ajouter un autre. Vous pouvez simplement cliquer sur le signe
plus et cliquer sur le portfolio. Et il vous
fournira différentes mises en page. Tu peux choisir
tout ce que tu veux. Mais je vais choisir celui-ci. Alors, tout d'abord,
cliquons sur la molette des paramètres et nous l'appellerons
simplement notre portfolio. Titre de navigation également. Les URL des urates. Au SCO. Nous n'avons rien
à faire pour l'instant. Nous allons donc simplement cliquer sur Enregistrer. Et maintenant, nous allons cliquer
sur cette flèche ici. Et ici. Si vous cliquez sur cette case, cela vous permettra de modifier
les portefeuilles individuels. Nous allons donc cliquer sur Modifier. Mais avant cela, si vous
cliquez sur ces trois points, vous pouvez accéder aux paramètres de cette page et
modifier les paramètres ici. Génial. Passons d'abord à Modifier. Et ici, vous pouvez
modifier le texte. Vous pouvez écrire quelque chose sur votre collection ou quoi que ce soit d'autre, votre collection de cartes ou vos
illustrations ou autre. Et je vais juste écrire
quelque chose ici. Ici. Vous pouvez modifier le texte, agrandir ou le réduire. Et aussi, si vous cliquez ici, vous pouvez modifier la
hauteur et la largeur. Faites-le plus petit ou plus grand. Vous pouvez donner une image de fond et changer
la couleur plus tard. Maintenant, nous allons cliquer sur
cette icône d'image. Et nous allons d'abord supprimer toutes ces images
en maintenant la touche Shift enfoncée. Et nous cliquons sur Supprimer. Ici. J'ai aimé certaines
des images que j'
ai déjà enregistrées
sur mon ordinateur. Et vous pouvez donner une description de chacune
des images ici. Si tu veux. Écrivons
rapidement quelque chose. Et je vais cliquer sur Fermer. Nous allons maintenant cliquer sur
cette section d'édition. Et ici, vous pouvez modifier le type de
galerie si vous le souhaitez. Allons voir. Je le
fais un peu plus petit. Vous pouvez le conserver dans
son intégralité, le purger, le remplir ou insérer ce que vous voulez. Et vous pouvez créer
la légende pour
que vous puissiez voir la
description ici. Vous pouvez également augmenter
l'espacement entre
les images et l'animation. Vous pouvez également cliquer sur la boîte à
lumière pour que
tous ceux qui la regardent,
s' ils cliquent sur les images, leur donnent une vue
en plein écran. Maintenant, que pouvons-nous changer ? Nous pouvons changer la couleur
plus tard pour que vous puissiez le faire. Et maintenant, cliquons sur Enregistrer. Et cliquons maintenant sur
ces paramètres. Et nous allons changer le nom ici. Et ici, vous pouvez changer l'image et ajouter une
autre image ici. J'ai l'habitude de faire mes
vignettes au Canada. Donc, si tu veux, tu peux le faire. Et vous pouvez créer vos
propres images de couverture et les télécharger ici. Maintenant, je change également
l'URL Slug. Si vous cliquez sur un PDG, vous pouvez ajouter
ici
le titre SEO et la description de la collection
en ou de la collection d'
illustrations ou de livres d'art. Et vous pouvez cliquer sur Enregistrer. Et maintenant, l'
image est modifiée. Maintenant, vous pouvez faire tout cela
en conséquence. Maintenant, si vous cliquez sur l'image, vous pouvez simplement cliquer
et maintenir la souris et placer où vous le souhaitez. C'est ainsi que vous pouvez créer votre
collection, votre portfolio. De même, si nous
cliquons sur une image, vous serez redirigé vers cette page. Et ici, vous pouvez modifier
les pages individuelles. Maintenant, laissez-moi simplement cliquer sur tout cela et en sélectionner plusieurs et nous
cliquerons sur Supprimer. C'est ainsi que vous pouvez
créer une page de portfolio. Je vais juste en
créer deux autres rapidement ici. Oui, j'ai fait
deux autres pages ici. Et on clique sur les deux autres et je vais juste cliquer sur la date. Maintenant, nous allons voir à quoi ressemblent
nos pages. Nous cliquons sur cette flèche
vers le haut ici. Et cela nous donnera
une vue d'ensemble de la page. Et si nous cliquons sur cette image, elle sera redirigée vers une page
de collection. Et ici, nous pouvons faire défiler les pages des autres modèles ou les autres
pages de collection de votre portfolio. Ainsi, chaque fois que vous créez une page, vérifiez
toujours son apparence
sur l'aperçu mobile. Cliquez donc ici et cliquez sur son
apparence sur le mobile. Ces Squarespace font
un très bon travail en personnalisant tout
pour l'affichage mobile. Mais il suffit de vérifier s'
il est
beau sur mobile ou non. Oui, je n'en ai pas changé
l'image de couverture. Tu peux le faire pendant que
tu fais le tien. C'est ainsi que vous pouvez
créer votre portefeuille. Retrouvons-nous maintenant dans le
prochain cours et nous
allons peaufiner notre page
de portfolio.
14. Affiner la page du portefeuille: Maintenant, nous allons affiner un peu plus notre page de
portfolio. Disons que vous créez
différents types d'art, comme
des dessins à l'
aquarelle peints à la main, mais vous créez également des motifs. Vous créez également
des illustrations numériques, et vous souhaitez
les garder toutes séparées. Vous ne souhaitez pas l'
inclure sur la page M1. Donc, pour ce faire, tout d'abord, effacons la création d'un dossier
et nous cliquerons sur ce point plus. Et lorsque vous cliquez sur un dossier, le
nommez comme mes œuvres d'art, vous pouvez lui donner
le nom que vous voulez. Tout d'abord, glissons la page de
notre portfolio
dans ce dossier. Ainsi, chaque fois que vous
créez ce dossier, vous pouvez y faire glisser plusieurs pages et je vous
montrerai ce qui se passe
si vous le faites. Cliquez donc très fort sur ce portfolio
dans le dossier. Créons une autre page, et cliquons sur la mise en page des pages. Vous pouvez peut-être choisir
une page de galerie. Et choisissons celui-ci. Et nous allons le nommer et le peindre. OK, maintenant, nous allons placer
cela dans ce dossier pour voir comment cela se
connecte dans ce dossier. Et maintenant, ajoutons une autre page. Vous pouvez cliquer ici
pour ajouter une page. Et nous allons y aller et
ils se
remettent en page et cliquent sur la galerie. Et nous allons choisir celui-ci à nouveau. Et nous les appellerons des illustrations, peut-être des illustrations numériques. Et maintenant, cliquons sur
cet écran de configuration. Et on va voir si
tout va bien ou pas. Et nous allons choisir Save. Alors maintenant, lorsque nous
cliquons sur cette flèche et
survolons celle-ci, elle vous montrera ces dossiers, le menu
déroulant de vos dossiers. Vous pouvez donc cliquer sur n'importe laquelle
et vous pouvez accéder à cette page. Et il cliquera sur les illustrations
numériques. Vous serez redirigé vers cette page. Cela devient donc très pratique si vous
avez différents types de catégories, d'œuvres d'art que
vous créez. Vous pouvez donc le faire. Passons maintenant à ce qui se passe
juste en dessous. Peut-être. Et cliquez sur cette œuvre peinte
à la main. Ici, vous pouvez modifier votre référencement les descriptions
et le titre. Et vous pouvez faire de même
pour les illustrations numériques. Cliquons donc sur
l'œuvre peinte à la main et nous allons d'abord modifier
cette page. Je vais cliquer sur Modifier. Écrivez quelque chose à propos de votre œuvre. Cliquez sur cette image. Icône, supprimera d'abord toutes
les images. Nous ajoutons quelques images. Maintenant, je n'ai aucune aquarelle ou
image faite à la main enregistrée pour le moment. Je vais donc simplement effectuer une recherche
dans Unsplash. Je vais donc simplement ajouter certaines
de ces images. Vous allez évidemment
ajouter vos propres images, mais pour ce cours, je vais ajouter quelques images
libres de droits ici. Et encore une fois, vous pouvez cliquer
sur cette section d'édition et modifier
ce type de galerie. Les colonnes, la mise en page,
l'espacement , l'animation
et la lightbox. Maintenant, si vous
ajoutez de l'animation
à vos pages, je vous suggère ajoutez de l'animation
à vos pages, ne pas essayer de la garder
cohérente dans toutes vos pages. Je veux dire, ne continuez pas à le décolorer sur une page
puis à le redimensionner sur l'autre. Il suffit de le garder
cohérent pour
qu'il ait l'air plus cohérent. Donc oui, c'est comme
ça que vous pouvez le faire. Et il suffit de cliquer sur Enregistrer. De même, nous ajouterons
quelques illustrations numériques. Donc, j'
ajoute rapidement et je vous recontacte. Donc oui, j'ai ajouté
quelques images et je vais juste modifier rapidement cette section. Vous pouvez donc modifier
cette section de texte. De la même manière que nous avons tout
édité auparavant. Vous pouvez modifier la hauteur de la
section, la naissance de la section et
les alignements. Vous pouvez également donner une image d'
arrière-plan, si vous voulez dire que c'est ainsi que vous pouvez configurer votre page
complète de portfolio. Maintenant, si nous affichons la page
entière et que je clique dessus, veux dire que
je passe ma souris
sur mes œuvres d'art. Je peux cliquer sur le portfolio. Ensuite, ici, je peux cliquer sur n'importe quelle collection
et je peux parcourir. Ceci. Je vois qu'une œuvre d'
art peinte à la main est belle. Et aussi des illustrations numériques. Si jamais vous voyez que votre
page ne se charge pas, il suffit de la recharger, de la
rafraîchir ici. Parce que parfois cela
se produit parce que lorsque nous
ajoutons de plus en plus d'images,
cela arrive parfois. C'est peut-être le prochain cours. Nous verrons comment
ajouter une page de blog.
15. Ajouter une page de blog: Bienvenue sur la page du blog de la classe. OK, alors maintenant
ajoutons une page de blog. Maintenant. Un blog déjà fourni
avec ce modèle. Mais si vous souhaitez
créer le vôtre, vous pouvez simplement cliquer
sur ce signe plus. Et vous pouvez cliquer sur le blog. Et il
vous donnera quelques mises en page. Vous pouvez choisir
ce que vous voulez le plus et précipiter. Mais je vais juste me contenter de ça. Donc, tout d'abord, je
clique sur les paramètres et je le garde en bloc. Ensuite, l'acyle donne un
titre et une description appropriés. Des limites sociales que vous pouvez
choisir maintenant ou non. Vous pouvez apporter d'autres modifications comme la gestion des catégories et tout le reste. Mais comme nous n'
avons rien encore, je vais juste le fermer. Donc maintenant, si je clique sur Bloquer, j'obtiens cette page ici. Et ici. Pour ajouter un nouveau bloc, il
vous suffit de cliquer sur ce
plus et de le personnaliser. Tout d'abord,
laissez-moi vous montrer ce qui
s'y trouve déjà. Je vais donc simplement cliquer dessus
et cliquer sur Supprimer. Donc, par erreur, si
vous supprimez un message, il sera stocké
dans le bac de recyclage. Alors tout d'abord,
cliquons ici et passons
aux paramètres. Et ici, vous pouvez modifier l'image. Supprimons donc et
ajoutons une image en cliquant. Je vais juste ajouter quelque chose. Ici. Vous pouvez nous donner de petites phrases, comme une ou deux phrases sur la description
de votre blog. Et voici le
nom de l'auteur, vous pouvez également donner l'URL source
ici et accéder à l'option. Le statut est publié ici. Mais vous pouvez le conserver en tant que brouillon
ou le réviser afin pouvoir y revenir plus tard et le
filtrer selon ces options. Et vous pouvez faire l'
édition des articles qu'elle a vraiment pour une date ou une heure
particulière. Vous pouvez donc le faire aussi. Autre chose en matière d'options. Si vous accédez aux tags, nous pouvons ajouter vos tags
ici. Allons voir. Ajoutons quelque chose. Et si
vous continuez à appuyer sur Entrée, cela vous permettra
d'ajouter de nombreux taxons. Ensuite, nous cliquerons sur Retour. Vous pouvez ajouter une catégorie deux. De plus, vous pouvez autoriser
les commentaires ou non. Si tu le souhaites. Vous pouvez en faire un article de fond. Si vous deviez SEO Jia, vous pouvez donner un titre
à votre bloc. Et ici, nous pouvons donner une description comme nous avons fait pour
tous les autres SRA. Juste pour que vous puissiez le
faire de même ici. Pour l'image sociale, vous pouvez
également choisir d' ajouter une image différente si vous le souhaitez. Et vous pouvez choisir l'emplacement
et cliquer sur Enregistrer. Alors maintenant, vous voyez qu'il s'affiche
depuis que j'ai cliqué ici, si vous cliquez ici, vous pouvez le filtrer par. Peut-être pouvez-vous voir
combien de publications s'y
trouvent déjà et qu'elle
n'a pas besoin de publier. Donc, de même, vous pouvez le faire. Maintenant, si vous cliquez sur cette case, vous serez redirigé
vers cette page de blog. Maintenant, si vous cliquez sur modifier, tout d'
abord, cela
vous permettra de modifier cette section. Vous pouvez ici modifier l'
alignement du texte vers le centre ou vers la gauche. Et vous pouvez choisir la largeur du contenu soit
étroite, moyenne ou blanche. Vous pouvez également le modifier
manuellement en faisant glisser celui-ci. Vous pouvez modifier la position
Meta, c'est-à-dire cette date ou
ce qu'elle est ici. Ici, vous avez
peut-être donné le nom de l'auteur ou quelque chose comme ça afin que vous puissiez
choisir de l'avoir ci-dessous. Ici. Ils peuvent afficher la catégorie. Il affichera la catégorie et la date. Cliquons sur Afficher le nom de l'auteur. Donc, en plus, le nom de l'auteur. Maintenant, de profil automatique à profil automatique, c'est si,
si vous vous en souvenez, lors de notre inscription
à Squarespace, vous devez accéder aux paramètres du
compte et donner une
photo de profil et tout le reste. Donc, si vous l'avez fait,
cela s'affichera
en bas et quelques autres options de style
et
vous pourrez également explorer les couleurs que vous
pouvez modifier pour cette page. Si tu le souhaites. Maintenant, sélectionnez cette option, vous pouvez donner le titre
de votre blog ici. Et ici, vous pouvez
changer l'image. Donc, si je clique ici, vous pouvez ajouter une image. Si vous avez déjà enregistré dans votre système, nous allons
simplement vous demander quelque chose. Et vous pouvez
modifier la légende ici si vous souhaitez
avoir la légende ci-dessous. Vous ne voulez pas
surcharger le sous-titre. Si vous cliquez sur Design, vous pouvez le remplacer par une
voie 4x2 ou d'autres options. Ici, vous pouvez voir
que nous pouvons l'activer sur Lightbox et d'autres choses
que vous pouvez faire si vous le souhaitez. Vous pouvez également lier une image à une autre
page ou adresse Web. Donc oui, c'est ainsi
que vous allez ajouter une image. Et ici, vous pouvez
donner une description. Ici, vous pouvez écrire
sur votre blog si vous pouvez simplement cliquer
et sélectionner tout, le supprimer et écrire à
propos de votre article de blog. C'est ainsi que vous
pouvez ajouter un article de blog. Et vous pouvez, si vous le souhaitez, cliquer sur ce
plus et ajouter une section de texte, une image ou
tout ce que vous souhaitez. nous reste plus qu'à cliquer sur Enregistrer. Et ici, vous pouvez
voir votre article de blog. Et pendant que vous êtes sur cette page, si vous cliquez sur Modifier, vous pouvez également modifier cette page. Donc, si vous cliquez sur
la section d'édition, cela vous indiquera comment vous
souhaitez avoir votre mise en page. Il existe donc de nombreuses options. Vous pouvez simplement indiquer celle sur
laquelle vous préférez. Et gardez-le simplement dans la grille de base. Et vous pouvez également choisir d'ajouter d'autres colonnes
si vous le souhaitez. Et l'espacement horizontal
et l'espacement vertical. Et ici, vous pouvez
cliquer pour vous montrer ,
sauf pour que la
petite description vous avez donnée
apparaisse ici. Vous pouvez également modifier l'
alignement du texte ici. C'est ainsi que vous pouvez modifier la page 2 de
votre blog, et vous pouvez changer la couleur. Également. À voir dans le prochain cours, ce qui va être amusant
parce que tout tourne autour de vous.
16. L 16 édité: Bon retour. Voyons maintenant comment nous pouvons changer les couleurs et
les polices du site Web. Maintenant que nous avons ajouté toutes
les pages que nous voulions. Maintenant, changeons la couleur
et la police de caractères de notre site. Nous allons donc revenir
ici et passer à la section Design. Et nous cliquerons sur les séjours sur place. C'est ici que vous pouvez
modifier les polices, les
couleurs, l'animation, les
boutons d'espacement, les blocs d'images. Alors laissez-moi simplement cliquer ici. Et nous allons cliquer sur les polices. Ici, il existe de nombreux packs de polices. Donc, si vous cliquez
sur la police ici, vous pouvez choisir parmi les associations que Squarespace a
déjà fournies. Leur empattement
sensoriel est également mixte. Choisissons quelque chose. Donc, parfois, cela arrive, vous ne pourrez pas le voir, mais vous pouvez cliquer sur Enregistrer pour pouvoir voir. Ça a l'air, d'accord, mais je veux autre chose. Cliquons à nouveau sur la police, et nous cliquerons sur la police ici. Et c'est parti avec celui-ci. Donc, pour le bien de ce cours, allons-y. Vous pouvez donc également modifier
ces en-têtes
et paragraphes individuels . Ici, vous pouvez tout changer
manuellement, mais je choisis simplement la valeur par défaut. Mais si tu veux,
tu peux le modifier. Vous pouvez également modifier vos
boutons. Le texte du bouton et tout le reste. Tu peux le changer. Si vous
cliquez sur Attribuer des styles, vous pouvez l'attribuer. Si vous souhaitez un titre
sur le titre de votre site. De toute évidence, nous voulons un titre. Nous sommes sur le site
mobile, comment le voulez-vous ? Mais pour cela aussi, j'utilise généralement la valeur par défaut, mais vous pouvez la remplacer par
et nous allons simplement revenir en arrière. Et autre chose, si
vous cliquez sur les polices, vous pouvez ajouter votre propre police, mais cela demandera du codage, ce que je ne
montrerai pas dans cette classe. Mais si vous le souhaitez, vous pouvez, si vous voulez changer, utiliser une
police différente ou si vous voulez changer cette police ici,
vous pouvez le faire. Également. Cliquez sur ces rubriques, et vous cliquez sur
cette famille ici. Et ici, vous pouvez
parcourir toutes les polices. Vous pouvez rechercher la
police si vous le souhaitez. Rl, vous pouvez donc simplement
naviguer à partir d'ici. Vous pouvez choisir la
police de votre choix. Si vous cliquez sur,
revenons en arrière et maintenant vous
cliquez sur le paragraphe. N'oubliez pas d'avoir
un type de police pour les titres et un type de
police pour vos paragraphes. Si vous n'êtes pas sûr
des appariements de polices, je vous suggère d'utiliser
Squarespace, différer les éléments par défaut qu'
ils ont déjà fournis. Sinon, vous pouvez également effectuer une recherche parmi toutes les polices disponibles ici. Et tu peux choisir ce
que tu veux. Maintenant, nous allons cliquer sur Couleurs. Et ici, si vous cliquez
sur Modifier la palette, vous pouvez y ajouter les couleurs de votre
marque. C'est ainsi que vous pouvez ajouter, cliquer sur une couleur
et vous pouvez simplement choisir le HSL ou cliquer sur l'hexadécimal. Et vous pouvez modifier le code
hexadécimal ici si vous souhaitez simplement saisir
le code hexadécimal ici et enregistrer les couleurs de votre
marque ici. De plus, Squarespace propose certaines combinaisons de couleurs
par défaut. Vous pouvez donc choisir
cela si vous le souhaitez. Pour ce cours, j'
utiliserai ces thèmes ici. Optons simplement pour cette couleur. Pour simplifier les choses,
utilisez
les palettes fournies ici, ou vous pouvez simplement cliquer ici et enregistrer les
couleurs de votre marque ici et utiliser pour chaque page. Maintenant, cela s'
applique à toutes les pages, vous n'avez
donc pas besoin de
cliquer individuellement sur chaque page et de la modifier. Mais si tu le souhaites,
tu peux le faire aussi. Je vais vous montrer comment cela
montre le style de votre thème. Si je clique dessus, tu peux tout changer. Le saké intitulé Colors. Toutes ces couleurs
sont personnalisables et vous pouvez modifier
tout ce que vous voulez ici. Tu peux le faire si tu veux. Maintenant, nous allons cliquer sur Retour. Et nous cliquerons sur l'animation. Et comme je l'ai dit, conservez un seul type d'
animation pour Altair, toutes vos pages. Et vous pouvez le faire ici aussi. Cliquons sur Scale. Et vous pouvez l'avoir
lentement, moyennement ou rapidement. Ensuite, si vous cliquez sur l'espacement, vous pouvez également modifier les boutons pour
l'ensemble du site. Vous pouvez donc modifier le
texte du bouton. Et il existe différents
types de boutons, tels
que les boutons secondaires,
principaux et tertiaires. Vous pouvez effectuer toutes sortes
de personnalisations ici. Et cela s'appliquera à tous
les boutons. Poids du site. De même, avec le bloc d'images, si vous le souhaitez, vous pouvez
modifier tout cela. Maintenant, il s'agit d'un style de collage. Je pense que tu peux juste
le changer si tu veux l'entendre. C'est ainsi que vous pouvez appliquer ces modifications à toutes
les pages de votre site. Je me sens proche d'ici et
nous cliquerons sur Enregistrer. Donc, toutes vos pages
dans un bâtiment. Et maintenant, si vous souhaitez
modifier une page en particulier, vous pouvez cliquer sur cette page. Et vous pouvez cliquer
sur la section Modifier, et vous pouvez accéder à Couleurs. Et ici, vous pouvez également modifier les couleurs et le style
de hauteur de cette
page en particulier si vous le souhaitez. C'est ainsi que vous pouvez ajouter des couleurs
et des polices à votre site Web. Maintenant que nous en avons terminé avec
les couleurs et les polices, voyons comment modifier
l'en-tête et ajouter un logo.
17. L 17 édité: Voyons comment nous allons ajouter
un logo à un site Web et
modifier l'en-tête. Maintenant que nous avons ajouté
quelques couleurs à notre site Web. Alors maintenant, éditons l'en-tête. Nous allons donc cliquer sur Modifier. Ce n'est pas grave si vous êtes sur
l'une de ces pages. Nous allons donc cliquer sur Modifier et vous verrez
ici Modifier l'en-tête du site. Cliquez dessus et toutes ces options
s'afficheront. Passons maintenant au site, au
titre et au logo. Cliquez dessus. Et si vous ne
souhaitez pas avoir de logo, vous pouvez simplement avoir le titre de
votre site, qui est le
nom de votre entreprise ou votre nom. Si vous souhaitez ajouter un logo, il
vous suffit de sélectionner les hanches ici
et de télécharger un fichier. J'ai déjà enregistré un logo pour cette classe que j'
ai créé sur Canva. Mais si vous
connaissez bien Illustrator, vous pouvez en créer un dans Illustrator. J'ai téléchargé le logo ici. Vous pouvez maintenant augmenter ou
diminuer la hauteur du logo. Je veux donc que mon logo soit plus grand, que les gens puissent le voir et
que Mobile puisse également le voir. Maintenant, permettez-moi d'augmenter la hauteur du mobile, puis
plus tard, de vérifier. Sinon, si vous le souhaitez, vous pouvez ajouter un logo distinct
pour les angles de vue mobiles. Mais voyons comment cela fonctionne ici. Nous allons cliquer sur Retour. Si vous cliquez sur des éléments, il agit des éléments ou du statut de l'icône qui apparaissent
sur le, sur votre en-tête. Donc, si
vous ne l'éteignez pas, il ne s'affichera pas ici et
il vaut mieux l'avoir. Et si vous cliquez sur Modifier, vous pouvez ajouter d'autres comptes de réseaux
sociaux. J'aime Pinterest ou TikTok
ou tout ce que vous voulez. Il vous suffit donc de cliquer
ici et de donner un lien vers votre profil
Instagram. Et vous cliquez sur Enregistrer et connectez votre compte Instagram, Facebook
et d'autres réseaux sociaux à cette icône. Celui-ci aussi, vous pouvez diminuer ou l'augmenter
si vous le souhaitez. Si j'augmente la taille de
l'icône
sociale, la taille augmentera. Si vous avez une page boutique, vous pouvez cliquer sur ce panier
et le panier s'affichera ici. Et la taille de cette icône de panier peut
également être légèrement augmentée si vous le souhaitez. Et si vous cliquez sur les boutons, si vous voulez avoir un bouton sur votre en-tête pour
le relier à un autre endroit, vous pouvez l'avoir ici. Mais je vais juste m'en empêcher. Revenons en arrière. Et si vous cliquez sur le style, vous
verrez ici différents styles de logo et votre état de navigation. Voyons voir, c'est dynamique. Passons maintenant au rose. Et selon les choses, les couleurs peuvent changer. Luttez avec ça. Et tu peux garder une frontière. Si vous cliquez sur la bordure ici, une bordure apparaîtra. Et si vous ne le souhaitez pas, vous pouvez choisir de le désactiver. Ou si vous le souhaitez, vous pouvez également augmenter
l'épaisseur ici. Et vous pouvez également
changer la position. Peut-être que vous voulez juste
une ligne en dessous. Vous pouvez donc le faire. Et nous cliquons sur retour. Et maintenant vous pouvez l'avoir, vous pouvez choisir de
l'avoir comme position fixe. Et ici, vous pouvez modifier
le mode de maintien en avant ST. Cliquez maintenant ici
pour voir comment il est visible sur un stock technologique
et sur un appareil mobile. Disposition de l'en-tête. Si
vous cliquez dessus, il y a différentes mises en page. exemple, si vous voulez avoir
votre logo au milieu, vous pouvez l'avoir comme ceci, ou vous pouvez l'avoir comme
ça aussi si vous le souhaitez. Vous pouvez le conserver dans l'insert ou diminuer le
rembourrage vertical ou l'augmenter. Et aussi l'espacement des éléments, vous pouvez augmenter ou diminuer. Et ici aussi, l'espacement des liens, vous pouvez les pincer et faire toute cette
navigation ici. Et vérifiez également sur votre mobile
comment votre logo est visible. Donc, pour moi, cela semble assez
bon, alors je
vais simplement suivre. Si tu veux. Tu peux. Vous avez également ajouté un logo
différent pour
votre mobile. Ici aussi, vous pouvez modifier le
style de navigation mobile. Le cadre local. Vous pouvez définir des paramètres différents pour les appareils mobiles et les ordinateurs de bureau. Il s'agit de l'icône du menu. Et vous pouvez faire en sorte que l'épaisseur soit
petite, moyenne ou grande. Et c'est ainsi que vous pouvez
personnaliser votre en-tête. Disons que nous faisons partie de cette équipe. Nous pouvons donc
également changer la couleur de notre en-tête si nous le voulons. Vous pouvez donc le faire ici. Et ici. Disons que
vous faites partie de cette équipe. Et si je clique sur
cette option d'édition, ici, vous verrez l'en-tête. Les
liens de navigation sont maintenant noirs. Vous pouvez changer la couleur
en bleu si vous le
souhaitez . Pour que tu puisses le faire. Chacune de ces équipes
est personnalisable. Vous pouvez simplement cliquer sur l'option Modifier et vous pouvez
modifier tout ce que vous voulez. À partir de boutons,
d'images, de tout. De nombreux paramètres sont disponibles ici. Vous pouvez donc le personnaliser
selon vos besoins. Pour que nous puissions revenir. Et oui, c'est ainsi que vous
personnalisez votre tête. Et retrouvons-nous dans le prochain
cours et ils seront éditeurs.
18. L 18 édité: Bienvenue dans la classe. comment nous allons
modifier l'empreinte. OK, alors
modifions maintenant notre pied de page. Nous allons donc simplement cliquer sur Modifier
et nous irons au bas de la page. Et ici, vous verrez Modifier le
pied de page. Cliquez donc dessus. Voyons donc
tout ce que nous pouvons faire ici. Si vous cliquez sur Modifier la section. Ici, vous pouvez modifier
la hauteur de la section. Vous pouvez cliquer ici
et le modifier manuellement si vous le souhaitez. Vous pouvez en modifier la largeur. Il y en aura de petits,
moyens ou grands. Et pour ce qui est de l'alignement, si vous
cliquez sur l'arrière-plan, vous pouvez ajouter une image à l'
arrière-plan si vous le souhaitez. Si vous optez pour les couleurs, comme nous l'avions fait
pour l'en-tête, vous pouvez modifier les lignes du pied de page. Et ici aussi, vous pouvez
cliquer dessus et modifier l'héritage
ici. Il y a un en-tête. Et si vous faites défiler les liens
vers le bas, selon le type
de section dont il s'agit. Supposons qu'il s'agisse d'un lien
texte dessous de l'option de menu ici. Nous pouvons venir ici et
changer la couleur si vous le souhaitez. Vous pouvez modifier les
icônes. Si tu veux. Tout ce que vous pouvez faire ici sur tout le site. Également. Ensuite, vous pouvez
tout personnaliser ici. Et si vous revenez en arrière et que vous le fermez et que vous voulez vraiment le
connecter à nouveau. Donc celui-ci, si vous
n'êtes pas du genre à l'avoir, vous pouvez choisir de le supprimer
puis de cliquer dessus. Et ici, vous pouvez prendre en charge le design et
modifier son apparence. Et vous pouvez
également ajouter d'autres liens en cliquant ici. Et vous pouvez ajouter
un autre lien ici. Maintenant, il va
vous montrer comment vous pouvez le faire. Si vous ne le souhaitez pas, vous pouvez choisir de
le supprimer ici. Sinon, vous pouvez simplement ajouter
un autre lien si vous le souhaitez. Si vous
souhaitez ajouter quelque chose d'autre ici, vous pouvez simplement cliquer sur. Peut-être que tu veux l'utiliser plus tard. Cliquez donc sur ce plus ,
puis vous pouvez cliquer
sur le bloc newsletter, et il apparaîtra ici. Et celui-ci,
vous pouvez également le
personnaliser comme vous le souhaitez. Vous pouvez modifier le design ici. Si vous voulez qu'il soit
empilé ou flottant. Maintenant, il suffit de cliquer sur Enregistrer. Et maintenant, voici
comment se présente notre pied de page, et voici comment se trouve notre en-tête. Maintenant, si vous cliquez sur
la vue mobile, voyons comment cela
se passe dans le film. C'est ainsi qu'il
apparaîtra sur le mobile. OK, maintenant que
nous avons ajouté notre nourriture, laissez-moi vous montrer comment vous
pouvez encore ajouter un lot de biscuits, ce qui est une bonne chose pour le RGPD. Nous allons donc revenir en arrière et
cliquer sur Paramètres. Et nous cliquerons sur les
cookies et les données des visiteurs. Ici, nous allons cliquer sur
cette bannière de cookies. Maintenant, vous pouvez le conserver en octane ou vous
inscrire et vous désinscrire. Vous pouvez en faire un pop-up, mais si vous le souhaitez, vous
pouvez le conserver sous forme de bouteille. Ainsi, vous pouvez d'
abord l'
enregistrer , puis le
personnaliser encore plus. Vous pouvez conserver les
cookies mais sur le dessus. Mais je préfère le
garder au bas de l'échelle. Vous pouvez l'avoir
clair ou foncé. Que voulons-nous ? Et vous pouvez avoir un bouton
pour l'appel à l'action, ce bouton d'acceptation et de refus. Et vous pouvez également
le personnaliser si vous le souhaitez. C'est la grille. Et
tu as besoin de ça. Et maintenant, nous allons cliquer sur Enregistrer. Donc oui, c'est ainsi que vous pouvez ajouter un cookie en
bas de votre site Web. Retrouvons-nous maintenant dans le prochain cours où je vais vous montrer comment ajouter une
connexion Instagram à votre site Web.
19. Ajouter Instagram Connect: Voyons maintenant comment ajouter
notre page Instagram à notre page
d'accueil. Pour ce faire, allez dans Paramètres. Et ici, nous allons passer aux comptes
connectés. Et nous cliquons sur Connect account. Ensuite, nous cliquons sur Instagram. Donc, si vous avez déjà connecté votre
Instagram ici, vous pouvez facilement le faire. Sinon, laissez-moi
me connecter rapidement. Vous cliquez sur Autoriser et cisailler. Nous pouvons cliquer sur Enregistrer. Maintenant,
nous allons cliquer
sur Ajouter à Chrome ici. Nous pouvons cliquer sur Consortium. Ici. Vous verrez, vous savez, mises en page sur la façon de partager
l'art des médias sociaux. Laissez-moi donc choisir l'un
d'entre eux. J'ai pris celui-ci. Nous allons maintenant cliquer sur Modifier la section et modifier tous les
paramètres ici. Faisons en sorte qu'il soit plus petit. Et cliquez dessus. Modifiez ici, cliquez
sur le compte connecté, et vous cliquez dessus. Votre profil Instagram
s'affichera maintenant ici. Donc, ici, si vous cliquez, vous pouvez augmenter le nombre d'éléments que
vous souhaitez afficher ici. Ou vous pouvez le diminuer. Vous souhaitez cliquer sur Design. Et ici, vous pouvez
changer l'aspect, mais je suggère de
l'avoir dans Scratch et nous verrons le
fil Instagram en carrés. Et ici, vous pouvez effectuer
d'autres réglages, comme à nouveau, augmenter la
taille des vignettes et tout. Nous pouvons diminuer ou
augmenter le rembourrage entre eux. Si tu veux. Si vous cliquez sur une boîte lumineuse, puis que vous cliquez sur les images, elles iront sur la
page Instagram si, s'ils le souhaitent. Nous cliquons sur OK, voyons maintenant
ce que nous pouvons concevoir de plus. Si nous cliquons sur les
liens ouverts dans une nouvelle fenêtre. Il s'ouvrira donc dans une
fenêtre différente afin que vous puissiez le faire, vous pouvez changer la façon dont
il vous montre. Je veux dire, si tu veux qu'il
soit esclave de notre réseau, j'ai empilé tout ce que
tu veux signer pour ignorer et j'ai quadrillé les
plats comme tu peux le faire. Maintenant, il suffit de cliquer sur Enregistrer. Et maintenant l'école sur la page d'accueil, nous pouvons voir la fonctionnalité de
connexion Instagram. Maintenant, vous pouvez également modifier
celui-ci. Revenez-y simplement. Et si vous cliquez ici, vous pouvez modifier ce
correctif ou si vous le souhaitez. C'est ainsi que vous pouvez récupérer son compte Instagram
sur votre site Web. Peut-être que dans le prochain cours,
nous vous montrerons
comment créer une icône.
20. L 20 édité: Bienvenue dans la classe. Voyons comment nous allons
créer et ajouter un navigateur. Maintenant, laissez-moi vous expliquer comment
ajouter une icône de navigateur. Vous verrez cette icône
ici, le cube ici. Nous pouvons le changer en ce que
nous voulons. Voyons donc comment nous pouvons y parvenir. Nous irons dans Design et
nous cliquerons sur Resnick. Ici, on peut y ajouter un tissu. Tout d'abord, laissez-moi
vous expliquer comment nous pouvons y parvenir. Je viens donc d'ouvrir une
nouvelle page graphique et je vais chercher du tissu
sur le générateur pour le site Web. Ici, vous aurez
plusieurs de ces options. Vous pouvez donc y aller
avec qui vous voulez. Cliquons simplement sur
le premier ici. Vous pouvez donc ajouter une image PNG ici et en faire une icône de
navigateur ou un texte, ce qui est le moyen le plus simple. Ici, vous pouvez simplement cliquer dessus. Et maintenant, vous pouvez écrire le texte que vous souhaitez pour
modifier tous les paramètres ici. Et en quelques minutes, vous pouvez avoir l'icône de votre navigateur, qui ressemblera à ceci si vous le souhaitez. Mais si vous voulez avoir une image comme celle que j'ai pour mon site web également, j'ai cette petite icône de fleur. Vous pouvez donc le faire. Laissez-moi vous montrer comment
vous pouvez le faire. Maintenant, si vous cliquez
sur le PNG ici, nous pouvons
glisser-déposer une image PNG. Maintenant, j'ai généralement mon
image dans une taille plus grande, comme 2 000 2 000 pixels ou 2
500 x 2 500 pixels. Je vais juste télécharger le PNG, cette dimension et
nous pouvons l'avoir. Je suggère d'avoir une image
arrondie ou carrée. La plupart des sites que vous y
verrez auront
cette image ronde ou carrée. Il suffit donc de
glisser-déposer quelque chose ici. Et j'ai cette icône et
je vais maintenant cliquer sur Télécharger. Vous obtiendrez un fichier zip. Et vous devez d'abord extraire
le fichier zip. Nous allons maintenant revenir à notre
backend de notre site Web. Et ici, nous cliquerons
sur Ajouter une voiture familiale. Et je l'utilise simplement à partir
du dossier ici. Maintenant, voyons ce
192 à 5. À quoi ça ressemble. Maintenant, il suffit de cliquer sur
Enregistrer. Immédiatement. Le polygone n'est pas mis à jour. Vous pouvez l'actualiser, rafraîchir votre page plusieurs fois. Mais même s'il n'est
pas mis à jour par la
suite, vous pouvez simplement effacer vos données de navigation ou vous référer au centre d'aide de
Squarespace. Ils ont des articles sur
la façon dont vous pouvez le faire. Et vous pouvez vous déconnecter et vous
reconnecter, et cela apparaîtra. Alors laissez-moi le faire rapidement. Et maintenant, vous pouvez voir l'icône du navigateur a
été mise à jour ici. C'est ainsi que vous pouvez ajouter votre propre image ou
texte Azur Mille. Retrouvons-nous maintenant dans le prochain cours où je vais vous montrer comment ajouter une
page protégée par mot de passe à votre site Web.
21. L 21 édité: Bon retour.
Voyons maintenant comment nous allons ajouter une
page protégée par mot de passe deux de x. Imaginons que vous souhaitiez protéger une
partie de votre
portfolio par mot de passe. Pour ce faire, dupliquons d'
abord une page. Je vais simplement dupliquer
cette page d'accueil et nous cliquerons sur
la page Paramètres. Ici, nous allons cliquer
sur Dupliquer la page. Cliquez sur Confirmer. Cela nous
donnera donc une autre page. Nous allons donc limiter la
protection par mot de passe et nous nous
assurerons le conserver dans la section
non liée. Parce que nous ne voulons pas qu'il soit visible dans la navigation principale. Nous allons à nouveau cliquer sur cette molette à six
réglages. Et nous allons passer au référencement. Et ici, nous allons le cacher
dans les résultats de recherche car vous ne voulez pas utiliser de moteur de recherche. Nous allons donc effectuer des recherches
et nous cliquerons sur Enregistrer. Maintenant, cliquez sur Modifier. Et ici, vous pouvez supprimer toutes
ces images et les ajouter. Ces motifs sont des œuvres d'art que vous souhaitez protéger par
mot de passe, que vous ne voulez pas
afficher et garder secrètes. Pour quelqu'un qui
possède le mot de passe, il peut simplement
se connecter et accéder à cette page. Vous pouvez donc simplement le faire. Je ne vais pas le faire maintenant. Donc, après cela, cliquez sur Enregistrer, puis à nouveau, accédez aux paramètres. Et ici, nous allons
donner un mot de passe. Vous devez donc vous
souvenir du mot de passe, quel que soit le mot de passe que vous donnez Donnons donc simplement un mot de passe. Et nous cliquerons sur Enregistrer. Vous voyez maintenant cette icône de
verrouillage apparaître. Cela signifie que cette
page est désormais protégée par mot de passe. Une autre chose que vous
pouvez faire est de fournir un lien vers votre
public à atteindre. Sinon, comment
sauraient-ils que cette page est protégée par
mot de passe ? Donc, pour ce faire,
peut-être quelque part sur la page d'accueil ou peut-être,
disons, sur la page Portfolio. Nous allons simplement cliquer sur Modifier ici. Et peut-être pouvons-nous ajouter une section. Vous pouvez ajouter quelque chose
comme un texte, comme des textes avec un bouton. Modifiez le texte ici.
Ajoutons celui-ci. Vous pouvez écrire quelque chose
et le réduire un peu. Ensuite, vous
pouvez cliquer à nouveau et ajouter un bouton. Il l'a fait, vous pouvez écrire la demande de
mot de passe ou quelque chose comme ça. Alors tu peux. Ce que vous pouvez faire, c'est cliquer ici et le lier à votre
page de contact ou à votre e-mail. Si vous le liez
à la page de contact. Et les gens peuvent y aller
et ils peuvent vous rencontrer. Et à partir de là, vous pouvez leur envoyer un mot de passe pour
visionner ce discours. Tu peux le faire si on veut. Nous cliquons sur Enregistrer. Et maintenant, chaque fois que
quelqu'un clique ici, il accède à
la page de contact. Donc, tout d'abord,
nous allons cliquer sur OK. Une autre chose que vous pouvez faire
est sur la page de contact. Ce que tu peux faire, c'est t'
attacher comme je l'ai fait. Alors, à l'endroit où nous avions
ajouté la page de contact, comment ajouter ce formulaire. Vous pouvez donc modifier les champs
du formulaire ici. Et si
vous voulez y ajouter quoi que ce soit d'autre, vous
voulez
plus de détails de leur part. Tu peux le faire. Tu peux l'
attacher comme ça. Désormais, lorsque quelqu'un consulte
la page du portfolio, il a également cette option
pour voir l'intégralité de votre portfolio. Ils reçoivent donc une demande de mot
de passe ici. Et si je clique ici, ils seront redirigés vers
votre page de contact. Ici et ici, ils peuvent cliquer et faire de leur mieux
pour obtenir le mot de passe. Personnalisons maintenant cette page protégée par
mot de passe, où les utilisateurs
saisiront le mot de passe. Il existe donc un moyen de
personnaliser cette page également. Donc, pour ce faire,
nous allons aller dans Design et ici nous
cliquerons sur l'écran de verrouillage. Ici, vous pouvez modifier la mise en page
si vous le souhaitez. Et il existe différentes
mises en page ici. Vous pouvez choisir ceci
ou cela peut être. Ensuite, vous pouvez cliquer sur Enregistrer, Kia. Et dans l'image de marque et le texte, vous pouvez modifier tout ce
texte ici. Si tu veux. Vous pouvez donner votre logo ici, ou vous pouvez simplement
saisir votre nom. Et ici, vous pouvez écrire quelque chose comme x est mon portfolio ici. Et dans le corps, tu
peux écrire quelque chose. Et aussi, si tu veux.
Vous pouvez cliquer dessus pour afficher le cadenas. Ensuite, vous pouvez cliquer
sur Enregistrer. Encore une fois. Si vous revenez ici, vous pouvez ajouter des images
si vous le souhaitez. Encore une fois, si vous
restez ici, vous pouvez changer la couleur de l'arrière-plan puisque j'ai
déjà mis une image ici. Alors j'adore faire ça. Vous pouvez donner une bordure à
la page si vous le souhaitez. Maintenant, ici, vous pouvez
changer ce verrou disant que si vous
voulez l'agrandir, vous pouvez également changer la
couleur du verrou. Vous pouvez modifier la forme du poumon,
le texte du
mot de passe et tout. Vous pouvez le
transformer en rectangle. Vous pouvez modifier la
police si vous
voulez lister des choses, vous
pouvez la modifier ici. Et vous pouvez modifier la
couleur et le texte. À nouveau, cliquez sur Enregistrer. Et maintenant, rappelez-vous
que si vous décidez de le
faire et que des personnes vous demandent
le mot de passe de la page, vous
devez donner le lien de votre page protégée par
mot de passe. Pour ce faire, allez sur les pages. Et si vous accédez à la page
protégée par mot de passe ici, vous cliquez sur ce cercle. Et ici, vous devez
leur donner cette URL Slug seul avec votre nom de domaine est www.example.com slash URL
Slug protégé par mot de passe. Vous devez leur donner
ce lien pour qu'ils puissent cliquer sur ce lien
et ils reviendront. Ils seront redirigés vers cette
page que nous venons de personnaliser. Plomb. Ils peuvent simplement saisir
le mot de passe et ils pourront voir la page complète de votre
portfolio ici. C'est ainsi que vous pouvez ajouter une page protégée par
mot de passe. Retrouvons-nous dans le
prochain cours où je vous montrerai comment créer une page 404 personnalisée
pour votre site Web.
22. L 22 édité: Bon retour dans la classe. Voyons comment
créer une page 404 personnalisée. Gardons-en un peu, tout lien vers une offre est par hasard cassé. Les gens ne devraient donc pas rester
bloqués sur une page d'erreur. Je veux dire, même si c'est une
époque ou si le lien est cassé, vous devriez leur
fournir un lien pour qu'ils puissent
revenir sur une autre page. Ou peut-être qu'ils peuvent chercher
autre chose s'ils le souhaitent. Ils devraient donc être
en mesure de le faire. Alors tout d'abord, créons, dans la section non liée, cliquons sur ce plus. Et nous allons mettre en ligne une page blanche. Et nous l'appellerons 404. Ici, nous allons cliquer sur Modifier, et ici nous pouvons cliquer
sur Ajouter une section. Et peut-être que j'adore Ajoutons ceci ici et
nous allons choisir cela, et nous cliquerons sur Contexte. Supprimons maintenant cela
, recherchons des images et ajoutons quelque chose. Changeons cela. Notez quelque chose. Supprimons simplement
ce bouton ici. Et je ne veux pas ça ici. Et puis je vais juste ajouter un peu
plus de texte ici, peut-être. Ici, vous pouvez
les rediriger vers votre page d'accueil. Disons toute la page
de votre portfolio. Peut-être. Écrivons quelque chose ici. Nous pouvons donc également changer la couleur
du texte si vous le souhaitez. Et changeons la
couleur ici aussi. Cliquez et sélectionnez
sous le texte ici, puis cliquez sur ce symbole de lien. Ici. Nous pouvons cliquer ici
et accéder à la page ici, sélectionner votre page d'accueil
et cliquer sur Enregistrer. Désormais, si quelqu'un clique ici, il pourra
revenir à votre page d'accueil. Et vous pouvez même le rendre un peu plus joli
si vous le souhaitez. Disons qu'il faut l'agrandir. Et vous pouvez également ajouter une autre
image ici si vous le souhaitez. L'idée est de diriger les gens
vers la bonne page s'
ils se retrouvent face à un problème. Ils ne devraient donc pas
quitter votre site Web immédiatement. Maintenant, cliquez sur Enregistrer, et maintenant vous pouvez simplement
cliquer sur les paramètres accéder à SCO et le masquer dans les résultats
de recherche. Nous n'en voulons pas dans un socialisme, nous allons
donc cliquer à nouveau sur Enregistrer. C'est ainsi que vous pouvez
créer une page 404 personnalisée. Maintenant, pour vérifier les liens, si cela fonctionne ou non, il suffit de cliquer ici. Et cela
ramène cela à notre page d'accueil.
23. L 23 édité: Bon retour. Parlons maintenant de l' optimisation pour
les moteurs de recherche. Parlons donc du référencement, est-à-dire de
l'optimisation pour les
moteurs de recherche. Maintenant, je sais que cela peut sembler un peu technique et effrayant,
mais ce n'est pas le cas. Vous devez vous renseigner sur l'optimisation des moteurs de
recherche car c'est ainsi que vous
améliorerez la visibilité
de votre site. Et c'est ainsi que votre site se
classera sur les
moteurs de recherche tels que Google. Tout d'abord, Squarespace dispose d'une très bonne liste de contrôle SEO
que vous pouvez suivre. Si vous allez dans la section marketing
et que vous cliquez sur un PDG. Vous trouverez ici la liste
de contrôle SEO. Ils ont donc indiqué ici
ce que vous devez faire avant publier et ce que vous
devez faire après la publication. Et aussi au fur et à mesure que votre site évolue. J'ai déjà abordé certains
de ces sujets dans les cours. Comme la façon dont vous pouvez
ajouter un titre de site, comment vous pouvez ajouter des descriptions
SEO. Je vais vous expliquer
comment ajouter une description
du site
dans le cours suivant. Et vous savez également comment
ajouter les titres et comment ajouter une icône de navigateur et
choisir la coque pour enregistrer des images, créer une photo personnalisée pour la page. J'ai couvert tout cela. Ensuite, d'autres choses comme la
façon dont vous pouvez connecter le domaine personnalisé que
je vous ai également montré. Comment se connecter aux réseaux sociaux. Je vais vous montrer comment vous
pouvez vous assurer que le protocole SSL est activé. Vous devriez également vérifier
votre URL, car
je vous ai également montré
comment vous pouvez le faire. Et choisissez le format de l'URL de votre article de
blog, manière dont vous pouvez ajouter votre position et comment publier
votre position en ligne. J'en ai donc déjà montré
une partie dans mes leçons. Je te le montrerai dans
la prochaine leçon. Il suffit donc de parcourir cette liste et de voir si vous
avez fait tout cela. C'est un excellent moyen d'optimiser
les moteurs de recherche. Tu dois passer par là. Ensuite, ils disposent également des meilleures pratiques en matière de
contenu. Quel type d'images est requis, comment
écrire le texte, le
contenu, vos pages et vos
collections, tout. Il suffit donc de consulter cette liste et
cela vous sera très utile. Le prochain cours se réunira
et je vous montrerai quelques moyens que vous pouvez utiliser pour optimiser encore plus votre
site.
24. L 24 VO: Voyons maintenant comment nous
pouvons optimiser notre site. Alors tout d'abord, passons au marketing et c'est cool de faire du référencement. Et c'est ici que vous pouvez donner une description du site et donner une description correcte
du site. Cela améliorera la visibilité de votre
site. Donnez-vous une description
et
décrivez-la à l'aide de mots clés pertinents. Par exemple, si
vous êtes illustrateur, écrivez quelque chose à ce sujet. Juste une description. Comme ils l'ont écrit ici. Il doit comporter entre
50 et 300 caractères. Ensuite, l'étape suivante consiste à revenir en arrière
et à cliquer sur Paramètres. Cliquez maintenant sur les comptes
connectés et
cliquez sur Connecter un compte. Vous verrez maintenant une
console de recherche, une console de recherche Google. Donc, site connecté, console de recherche
Google, connectez-vous avec l'adresse e-mail que vous avez utilisée et
connectez-vous rapidement ici. Ainsi, une fois connecté,
il vous sera demandé de vous assurer que vous
faites confiance à Squarespace et à une console de
recherche élitiste. Et vous devrez
cliquer sur Autoriser. Ensuite, cette fenêtre contextuelle
apparaîtra à l'endroit où il est écrit que Google Search
Console est connectée et indexation de vos données
peut prendre jusqu'
à 72 heures. Souvenez-vous d'une chose ici. Si vous revenez sur cette page, si vous accédez à Analytics. Maintenant, il y a beaucoup de choses, mais certaines d'entre elles
sont des fonctionnalités premium. Supposons donc que, comme un produit de type vente, dans
la section commerce, comme vous pouvez le voir,
il s'agit d'une fonctionnalité premium. Certains d'entre eux
seront donc visibles et d'
autres ne le seront
pas. Si vous n'avez pas de plan avancé de
commerce automatique de base. Il faut donc voir ce qui est
visible et ce qui ne l'est pas. Confirmons ensuite
si le SSL est sécurisé ou non. Donc, pour ce faire, nous allons aller dans Paramètres et nous
irons dans Avancé. Et le protocole SSL est actif. Nous allons donc cliquer dessus
et nous assurer qu'il est coché dessus. Sécurisé. Et nous sommes bons. Maintenant, je vous ai également montré comment optimiser
chacune de ces pages. Donc, si vous allez sur
les pages et que vous cliquez sur les paramètres et que vous allez ici, vous pouvez donner un
titre SEO et une description. Comme je l'ai dit dans toutes les
leçons, c'est important. Et c'est ainsi que vous pouvez
optimiser chacune de vos pages. Ensuite, agit également sur la manière dont vous pouvez
ajouter un titre de site, un mot clé. Donc, si vous allez modifier
l'une des pages, vous pouvez cliquer sur
Modifier l'en-tête du site. Ici, si vous allez sur le site,
ils ont appris Logo. Ici, vous pouvez écrire ou
donner une description. Je n'ai donc écrit que mon nom, mais je dirais qu'il faut
écrire quelque chose de plus, comme dire quelque chose
sur ce que vous faites. Et vous pouvez également
inclure votre place. Quelque chose comme ça. Pour ma part, si quelqu'un
tape l'URL de mon site, vous verrez comment elle est conservée concepteur de motifs de
surface, artiste. C'est ainsi que je
l'ai optimisé. Vous pouvez le faire en donnant le titre
du site ici. Vous pouvez également inclure votre place. Nous pouvons maintenant cliquer sur Enregistrer. Ensuite, si vous avez beaucoup de pages dans la
section non liée et que vous n'avez pas besoin de certaines de ces pages ou d'
aucune de ces pages que
vous n'utilisez pas. Ensuite, il suffit de cliquer dessus et
nous allons quitter la page. Vous pouvez également le faire. Si vous accédez au référencement, vous pouvez également le
masquer dans les résultats de recherche. Vous pouvez donc le désactiver
complètement ou le masquer
dans les résultats de recherche. Ensuite, vous devez
optimiser vos images. Passons d'abord à cette page
À propos, donnant des textes alternatifs
à toutes vos images. Cliquons sur Modifier. Et si vous cliquez sur l'image, c'est
ici que vous pouvez
ajouter du texte alternatif. Et vous pouvez également inclure
quelques mots clés si vous le souhaitez. Et
assurez-vous toujours de
télécharger des images
JPEG compressées. D'habitude, s'il s'agit d'une petite
image comme une capture d'écran, je la garde à un maximum de 500
pixels dans un rayon de 200 Ko. Et s'il s'agit d'une
image moyenne et que c'est un carré, vous pouvez l'avoir à
mille pixels. Ou s'il s'agit d'un rectangle, vous pouvez créer un millier sur
51 500 pixels
dans un rayon de 100 à 400 Ko. S'il s'agit d'une grande bannière, vous pouvez l'avoir maximum de 2 000
à 2 500 pixels, mais elle doit être
inférieure à 500 pixels. Gardez donc à l'esprit toutes
les spécifications. Sinon,
le chargement de vos
pages est affecté. La page ne se chargera pas correctement. Ce n'est donc pas bon
pour votre site. Dans ce qui suit, comme je vous l'
ai dit, vous
devez renommer vos
images avant de les télécharger. Renommez-le donc avec le
mot clé approprié, une description pertinente. Et je vous ai déjà expliqué comment nous pouvons faire un aliment 0
pour page. C'est donc également important
pour vous en tant que PDG. Voici donc quelques-unes des rares
choses qu'ils peuvent faire. Et pour plus d'informations, vous pouvez toujours suivre contrôle SEO de
Squarespace et voir si vous devez encore
optimiser leur site.
25. L 25 édité: Bon retour dans la
classe. Tu l'as fait. Maintenant, il est enfin temps
de publier votre site Web. Alors maintenant, vous devriez être fier de
vous d' avoir complètement construit votre site Web et il est
maintenant temps de
publier votre site Web. Alors faisons-le. Donc, avant de publier,
vous pouvez acheter votre domaine ici en accédant aux paramètres
puis en cliquant sur le domaine. Et ici, vous pouvez obtenir un domaine. Si vous cliquez sur votre nom, la
disponibilité de tous les domaines s'affichera. Et vous pouvez cliquer sur l'un d'eux
et décoder un octet ici. Sinon, vous pouvez simplement utiliser votre propre domaine que vous
avez déjà acheté. Et nous irons dans les paramètres. Et ici, nous cliquerons
sur Disponibilité du site. Et ici, nous cliquons sur
Mettre à niveau pour publier. Maintenant, ILP ne le fait pas puisque
je dois payer pour cela. Mais lorsque vous faites cela, vous serez invité
à sélectionner un plan. Et vous pouvez choisir un plan
selon votre convenance. Et puis c'est assez
explicite. Squarespace
vous indiquera comment procéder. Vous pouvez simplement effectuer le
paiement et
le vérifier , puis vous
pourrez le publier. J'espère que cette méthode
étape par étape vous a été assez
simple pour que vous puissiez
créer un site Web. Dans le prochain cours, je vous expliquerai
comment
obtenir de l'assistance et de l'aide
auprès de Squarespace. Maintenant, le plus dur est terminé. Nous nous retrouverons lors du prochain
cours où nous
apprendrons tout sur le
support et l'aide de Squarespace.
26. L 26 VO: Si vous avez déjà rencontré des problèmes
lors de la création de votre site Web, ou même par la
suite, Squarespace dispose d'un
très bon centre d'aide. Vous pouvez y accéder
en cliquant sur cette aide. Et vous trouverez ici
la base de connaissances où ils fourniront de nombreux
articles. Tu sais lire. Notre, ils auront un atelier
vidéo pour vous. Et ils proposent des webinaires, ou vous pouvez engager un
expert si vous le souhaitez. Beaucoup de ces choses se trouvent ici. Vous pouvez donc le faire en accédant
à la base de connaissances. Ici. Ils vous fourniront de nombreux
articles que vous
pourrez consulter et découvrir si votre
problème est résolu ou non. Et si vous cliquez sur
ce point d'interrogation. Maintenant, ici, vous pouvez également
vérifier avec eux. Et voici l'assistant de
support. Tu peux le faire si tu veux. Il y a beaucoup de choses. Il existe également un forum où vous pouvez poser votre question et
vous obtiendrez deux réponses. Et tu peux le faire. Il existe un système
de santé
robuste et agréable au sein de Squarespace. Vous pouvez donc y accéder.
27. Ce qu'il faut faire ensuite: Bienvenue dans la classe.
Voyons maintenant comment connecter notre site Web à Google Analytics
et à Google Tag Manager. Maintenant que vous avez
un site Web sous blister, la prochaine étape la plus importante
consiste à connecter votre site Web, votre Google Analytics à l'aide de
Google Tag Manager afin que vous puissiez suivre toutes vos données et
statistiques de votre site Web, qui sera utile pour l'optimisation des moteurs de recherche
et l'aspect marketing. Si vous êtes un débutant, cela peut sembler un peu confus même si je
vous ai montré comment procéder. Je vous ai donc fourni un guide complet avec une description
étape par étape. À partir de la
création d'un nouveau compte, vous devez connecter votre
compte à Google Analytics. Vous trouverez ce guide dans la section projets et
ressources. N'oubliez donc pas de le télécharger.
28. L 28 édité: Bon retour dans la classe. Maintenant, c'est une leçon bonus
où je vais vous montrer
comment créer un lien dans une
page de destination bio, mais c'est différent. Donc, dans cette leçon, je
vais vous montrer
comment créer un lien dans une page de destination
bio. Par exemple. Habituellement, nous le faisons
en utilisant un arbre de liens, mais vous pouvez également le faire en utilisant
votre propre site Web. Commençons donc comment
nous pouvons le faire. Et passons à Pages. Et ici, dans la section non
liée, vous cliquez sur ce plus. Et ajoutons une page blanche
ici et nous allons simplement la nommer. Nous allons maintenant accéder à
la roue des paramètres et nous allons passer au référencement, et nous allons le masquer
dans les résultats de recherche. Cliquez sur Enregistrer. Maintenant. Maintenant, sur cette page, nous
allons cliquer sur Modifier. Et ici, nous allons commencer à
ajouter du texte et des boutons. Donc, tout d'abord, je
voudrais ajouter du texte. Alors voyons voir. Tu
peux tout écrire. Écrivons la bienvenue. Sélectionnez-le et changez-le
de couleur. Maintenant, nous allons simplement
continuer à ajouter des boutons. Disons que c'est peut-être votre
lien vers votre boutique. Vous écrivez boutique et
vous cliquerez ici vous donnerez l'URL de votre
boutique et cliquerez sur Enregistrer. De même, ajoutez un autre bouton. Et nous allons simplement écrire, disons que c'est Pinterest. De même, vous allez ici
et cliquez sur l'adresse Web, et vous pouvez donner l'URL de
Pinterest ici. Et ajoutons un autre bouton. Peut-être vous amener à recevoir un
cadeau ou votre newsletter. Vous pouvez donc le faire. Et ici, même offre, il suffit de cliquer ici, de
cliquer sur l'adresse Web et de donner l'URL ici. Et peut-être simplement les diriger
vers une page où vous
avez votre cadeau,
votre newsletter, tout ce que vous voulez. Et puis ajoutons
un autre bouton. Et écrivons le contact. Et vous pouvez lier cette page, ce bouton à votre page de contact sur votre site Web
et cliquer sur Enregistrer. Alors maintenant, donnons
un bon contexte. Vous pouvez peut-être ajouter une partie de
votre image si vous le souhaitez. Ajoutez une image et j'ai
déjà enregistré quelque chose. Oui, quelque chose comme ça.
Ça a l'air bien. Nous pouvons donc cliquer sur Enregistrer. Maintenant, il vous
suffit de cliquer ici
et de copier cette URL. Slug, peut-être lui
donner un nom différent, comme des liens ou quelque chose comme ça. Ou cliquez ici. Quelque chose comme ça. Et
vous pouvez cliquer sur Enregistrer maintenant. Et maintenant, ce que vous
devez faire, c'est cliquer sur cette
page ici et copier cette
URL Slug à partir d'ici. Cela signifie que www point votre
site web.com slash links. Et copiez cette URL
et vous devez la coller sur votre lit bio
Instagram. Vous devez fournir un lien, donc collez-le là, et c'est tout. Toute personne cliquant sur ce lien
se retrouvera sur cette page. Et il sera possible de cliquer sur tous ces boutons et d'
accéder aux pages correspondantes. Voyons donc à quoi cela
ressemble sur un mobile. Voici donc à quoi ça ressemble sur un mobile et ça a l'
air plutôt beau. Voici donc à quoi cela ressemblera
sur votre page Instagram. Donc c'était pour
ta leçon bonus. J'espère que cela vous a été utile.
29. Réflexions finales: Merci d'avoir suivi ce cours. Je suis tellement contente que tu aies
décidé de faire le premier pas. J'espère que ce cours vous a été
utile et qu'il vous a facilité la tâche écrasante de
créer un site Web. Maintenant que vous avez
créé un site Web, je vous suggère de
travailler sur l'optimisation, définissant lentement un site Web
afin d'attirer
votre public idéal. Je ne
vous encourage pas à télécharger vos projets dans la
section
des projets et des ressources afin que nous puissions tous aider à
améliorer notre travail. De plus, la livraison si vous le pouvez, car cela serait utile à la
fois pour moi et pour les autres étudiants
qui souhaitent suivre ce cours. Je l'apprécie vraiment. Vous pouvez me suivre sur
Skillshare et sur
Instagram sur color by manmade. Et vous pouvez également accéder à mes cadeaux en vous
inscrivant à ma newsletter. Rendez-vous au prochain cours.