Squarespace 7. 1 bases - Guide pour débutants pour créer des sites Web professionnels

1. Introduction: Il existe donc d'autres tutoriels Squarespace. Mais je voulais en créer un qui soit à jour avec les dernières modifications apportées Squarespace. Et une plateforme qui vous aide d'abord à décider si Squarespace est la bonne plateforme pour vous. Nous allons donc examiner certains des avantages et des inconvénients de son utilisation. Et vous permet ensuite de commencer rapidement à créer et de supprimer de nombreuses options avancées inutiles. Nous n'allons pas passer en revue chaque menu en détail, mais je vais vous montrer le moyen le plus rapide possible de commencer à concevoir quelque chose qui ait l'air raffiné et professionnel. Squarespace est une option fantastique pour ceux qui souhaitent se lancer dans la conception Web professionnelle. Sans la longue courbe d'apprentissage liée à des options comme WordPress, que j'ai également utilisée d'ailleurs, si vous êtes doué pour la conception et la création, mais que vous n'aimez pas l'idée de coder ou de développer, alors c'est une excellente option. Vous pouvez vraiment obtenir des résultats très impressionnants avec un investissement de temps minimum. Bonjour, je suis Jason Miller, graphiste et designer web basé à Londres. J'ai plus de dix ans d'expérience et j'ai passé plus de sept ans à travailler avec Squarespace et WordPress en tant que plateformes. Ce cours est donc divisé en trois parties. Tout d'abord, je vais vous donner un aperçu complet et répondre à quelques questions fréquemment posées, dont je suis sûr que vous en avez deux. Qu'est-ce que Squarespace ? Quels sont les avantages et les inconvénients de son utilisation ? Combien de temps faudra-t-il pour devenir suffisamment familier pour créer des sites Web ? Et le degré de contrôle ou de liberté vous offre Squarespace sur votre design. Après la première section, nous devrions être bien placés pour décider si c' est pour vous ou non. Dans la deuxième section, je vais vous présenter un didacticiel simplifié détaillé sur la conception à l'aide de Squarespace. Cette section est vraiment conçue pour vous orienter et vous concevoir et de créer en utilisant la plateforme le plus rapidement possible. Pour de meilleurs résultats, je vous recommande de suivre et créer la vôtre exemple de site Web. En vous guidant, je vais créer mon propre site Web d'échantillons pour Evoke Brewery, marque fictive que j'ai créée lors de mon dernier cours de Skillshare. Enfin, nous comprenons le fonctionnement de Squarespace et nous avons maintenant créé votre propre exemple de site Web. Je vais partager avec vous quelques conseils, astuces et bonnes pratiques. Mais j'ai appris à le faire pendant je créais des sites Web avec Squarespace. Et c'est tout. Le projet de classe consiste à suivre et à créer votre propre exemple de site Web à l'aide d'un compte d' essai gratuit Squarespace. Je suis donc prêt pour ça. Quand tu seras prêt, commençons. 2. Squarespace est-il pour moi ? FAQ: questions les plus fréquemment posées, une bonne question pour commencer est suivante : qu'est-ce que Squarespace ? Squarespace est une plateforme, tout comme les applications de réseaux sociaux comme Facebook ou Instagram, qui vous permettent de présenter et de partager du contenu. Squarespace est une plateforme Web qui vous permet de créer, d' organiser, de mettre en page, puis de partager avec le public. Le contenu d'un site Web d'une plateforme Web inclut WordPress, qui est peut-être le plus utilisé, Wix, Webflow, etc. Aucune conception Web en elle-même n'est donc trop avancée. Peut-être qu'au début, vous devez avoir une connaissance de l'hébergement de serveurs, du codage. La courbe d'apprentissage a donc été assez abrupte. Mais de nos jours, bon nombre des articles que nous avons conçus pour un usage numérique finissent par être affichés sur un site Web. Quoi qu'il en soit, la différence entre la conception Web et la conception, disons que les pages statiques d'une application réside souvent dans le logiciel, l'interface que vous utilisez. Donc, à toutes fins utiles, SquareSpace agit comme un point d'accès, une interface. Une plateforme est un terme technique auquel vous vous connectez, puis que vous utilisez pour concevoir et créer vos mises en page. Cela peut être aussi simple que cela, mais il a la capacité d' aller beaucoup plus loin et offrir des fonctionnalités avancées si vous avez besoin d'en tirer parti. Je dirais que de nos jours, si vous êtes graphiste, cela vaut la peine de vous lancer dans la conception Web. Et Squarespace est un excellent point de départ car il n'est pas trop avancé. Vous pouvez utiliser les principes que vous utiliseriez en matière de conception statique et les traduire immédiatement en création de magnifiques sites Web. La plupart de vos clients, sinon tous , auront besoin d'un site Web à moment donné et ils l'adoreront en tant que designer préféré. Vous pouvez également vous en occuper. Cela ne prend donc pas très longtemps. Je dirais que pour vous familiariser avec toutes les options, toutes les fonctionnalités avancées peuvent prendre des semaines d'utilisation. Mais pour créer quelque chose de professionnel, adapté à votre objectif, vous pouvez certainement vous efforcer de le faire en une journée, voire en quelques jours. Squarespace commercialise en fait sa plateforme comme un outil si simple que les propriétaires d' entreprises peuvent l'utiliser et créer quelque chose de professionnel. Cela peut être vrai si quelqu'un échange simplement du contenu et n' apporte aucune autre modification. Mais je pense que pour vraiment s'y prendre et comprendre les meilleures pratiques, il faut investir un peu plus de temps que cela. Cela dit, mon objectif est qu'à la fin de ce cours de courte durée, vous soyez en mesure de créer quelque chose de professionnel. Vous comprendrez les éléments essentiels dont vous avez besoin pour créer pour le compte du client et vous vous sentirez très familier avec Squarespace dans son ensemble. Les résultats peuvent donc sembler très professionnels. En fait, si vous examiniez mon portfolio, je pense que vous auriez du mal à savoir quels sites Web ont été créés sur quelle plateforme. Je ne pense pas qu'il serait évident quels sites ont été créés à l'aide de WordPress et quels sites utilisent Squarespace. Cela dit, nous sommes géniaux. Les fonctionnalités avancées d'une plateforme comme celle que propose WordPress ou Squarespace ne sont pas vraiment conçues pour répondre aux besoins. Ainsi, par exemple si vous aviez un client qui était agent immobilier et que vous deviez créer essentiellement une base de données répertoriant différentes propriétés et diffusant des résultats, requêtes de recherche répondront alors WordPress serait votre plateforme. Mais pour la grande majorité des entreprises qui souhaitent un site Web présentant réellement leurs marques afin de fournir des informations, Squarespace est une excellente option. Il y a donc quelques limites et nous en parlerons dans la prochaine leçon avec leurs avantages et leurs inconvénients. Mais l'une des principales différences est que WordPress est un logiciel open source, il accueille donc les contributions d'une communauté plus large. Et de nombreuses personnes ont créé divers plugins que vous pouvez intégrer à Wordpress et qui vous permettent de résoudre des problèmes spécifiques de manière personnalisée Squarespace vous permet d'en ajouter quelques tiers modifications partielles, mais il n'y en a pas autant que WordPress a à offrir si vous jetez un coup d'œil aux exemples de modèles, mais Squarespace propose, vous pouvez généralement savoir assez rapidement s'il a plus de fonctionnalités que vous recherchez ou s'il y a quelque chose de plus personnalisé, mais qui ne sera pas en mesure de couvrir. Squarespace permet un très large éventail de personnalisations, mais il ne vous permet pas de personnaliser au-delà des fonctionnalités du préréglage. Ainsi, même si WordPress est entièrement personnalisé, vous pouvez littéralement simuler quelque chose dans Photoshop, puis vous en aller, le construire et le créer. Squarespace propose des paramètres et des options prédéfinis, qui ont fait l'objet de nombreux tests et fonctionnent très bien, ce qui est une excellente nouvelle pour les petites entreprises qui ne disposent pas d'un budget pour une conception entièrement sur mesure. Dans l'ensemble, je comparerais Squarespace à l'achat d'un costume prêt à l'emploi, puis faire adapter à vos besoins. Où WordPress, eh bien, cela revient à choisir les différents tissus et matériaux, à créer un style à partir de zéro et avoir un costume entièrement sur mesure. Très souvent, le résultat final est très similaire, mais le processus se fait par soudures. J'espère que cela répond à certaines de vos questions. Dans la prochaine leçon, nous examinerons certains avantages et inconvénients spécifiques pour vous aider à décider si cela vous convient. 3. Avantages et inconvénients de Squarespace: Dans cette leçon, nous allons rapidement passer revue certains des avantages et inconvénients de l'utilisation de Squarespace par rapport à d'autres plateformes comme Wix ou WordPress. Maintenant, pour First Pro, c'est pour Squarespace, c'est facile, je veux dire vraiment facile à utiliser. Aujourd'hui, Squarespace l'a commercialisé comme un outil que les particuliers pourraient utiliser pour créer eux-mêmes leur propre site Web sans expérience préalable. Maintenant, d'après les commentaires que j' ai reçus de divers clients, il est un peu trop difficile pour les gens de se lancer et de s'en servir comme le propriétaire d'une entreprise ordinaire, à moins qu'ils n'aient un peu de temps pour apprendre comment l' utiliser avec un logiciel. Mais pour les professionnels de la création, il est très simple à utiliser et cela vaut la peine d'investir du temps au départ pour apprendre à l'utiliser et à le faire correctement. Pour la version Pro suivante, c'est rapide. Si rapide a tendance à aller de pair avec la facilité. Mais il existe vraiment de nombreux outils, modèles et raccourcis dans Squarespace, tous conçus pour vous aider à créer quelque chose qui ait l'air professionnel, mais le plus rapidement possible. Maintenant, encore une fois, nous avons fait quelques efforts. Je les ai vus apparaître sur YouTube. Je prétends que quelqu'un pourrait créer un site Web en 1 h. Peut-être si c'est possible. Je ne pense pas que vous puissiez créer un site Web très professionnel et très complet aussi rapidement. Mais certainement dans un jour. C'est possible, cela dépend, je suppose, hauteur à laquelle vous placez la barre, mais c'est rapide, très rapide. Maintenant, c'est une question importante pour la plupart des gens. n'y a aucun serveur à gérer. Maintenant, cela comporte également quelques inconvénients, que nous examinerons plus tard. Mais cela signifie que Squarespace ne vous donne pas réellement accès au site Web principal. Tout leur est laissé entre leurs mains pour gérer, sauvegarder et résoudre les problèmes. Vous n'avez donc aucune connaissance de la gestion des serveurs. Vous n'êtes pas obligé de mettre en place aucune de nos infrastructures. Vous pouvez simplement créer un compte Squarespace et commencer à créer des sites Web, puis les transmettre à vos clients lorsque vous avez terminé. Donc, potentiellement, cela évite un énorme mal de tête. Et les modèles, Squarespace propose des modèles fantastiques. À mon avis, ils sont bien meilleurs que les modèles que vous propose une plateforme comme Wix. Certains des meilleurs modèles que j'ai trouvés. Maintenant, même si je les peaufine et les personnalise, ils sont suffisamment bons pour répondre aux principes fondamentaux de l'air, mais cela vous donne vraiment un excellent point de départ lorsque vous créez un nouveau site Web. Les modèles, en particulier si vous débutez, sont donc un excellent moyen d' apprendre et de vous familiariser avec ce qui fonctionne et ce qui ne fonctionne pas grâce à l'ingénierie inverse. Voici certains des meilleurs débuts que nous vous offrons. Passons maintenant aux inconvénients et aux quelques limites de conception de Squarespace, par exemple concerne les en-têtes de navigation pour un grand nombre d'options. Mais si vous voulez aller au-delà des options qui vous sont proposées, il est très difficile et potentiellement dangereux de le personnaliser. Si vous personnalisez au-delà des limites définies, Squarespace vous l'a proposé. Eh bien, cela signifie que lors du déploiement de futures mises à jour, quelque chose pourrait potentiellement tomber en panne sur votre site Web. Donc, si vous êtes satisfait l'option que Squarespace vous offre, c'est fantastique et c'est un nombre croissant d'options. Mais si vous voulez faire quelque chose de vraiment personnalisé ou si vous travaillez pour des clients. Mais vous savez que c'est très particulier et méticuleux et n'accepterez pas ici 20 ou 30 options, mais je ne peux pas aller plus loin. Alors oui, vous pourriez rencontrer des problèmes. Je dirais que pour la grande majorité des clients, les options qui vous sont proposées sont toutes des meilleures pratiques. Qu'est-ce qui fonctionne ? Assez bien pour qu'il y en ait toujours pour tous les goûts. Maintenant, c'est l'inconvénient de ne pas pouvoir héberger un site Web sur votre propre serveur. Donc, pour certains d'entre nous, si vous avez un certain nombre de sites Web WordPress, même si vous avez un énorme mal de tête, vous devez offrir de l' aide et du support. Vous devez vous occuper des sauvegardes et ainsi de suite. Vous facturez ce service à vos clients. Il peut faire partie de votre revenu résiduel. Si vous utilisez Squarespace, vous pouvez l'héberger en leur nom et créer une maquette. Je ne suggère pas de le faire, car n'importe qui pourrait rechercher sur Google le coût d'un forfait avec Squarespace. Et ils ne seront peut-être pas contents si vous essayez de facturer en plus de cela. Donc, d'une manière générale, vous remettez un site Web au client à la fin et vous lui donnez directement lien entre son compte Squarespace et son site Web. Cela signifie Squarespace et gagner de l'argent grâce à son plan d'hébergement annuel. Mais tu ne l'es pas. Il s'agit donc d'un autre inconvénient, le manque de revenus provenant des modifications apportées. Maintenant, pour moi, je ne veux pas vraiment tirer une grande partie de mes revenus en apportant de petits changements et ajustements, mais je ne suis pas de nature créative. C'est simplement que sur un site comme WordPress, plateforme telle que WordPress ou un client n'est pas à l'aise pour apporter certaines modifications elles-mêmes, ou pour mettre à jour ou implémenter des modifications provenant de nouveaux plug-ins . Rien de tout cela ne doit se produire sur Squarespace. Une fois que vous le confiez à un client, il est si facile pour lui de le modifier et de le mettre à jour lui-même. Mais il est fort probable que pour la plupart des choses, ils ne reviendront pas vers vous pour modifier ceci ou corriger cela. Ils seront capables de le faire. C'est donc potentiellement un avantage pour votre client, mais cela pourrait être un inconvénient si vous comptez sur obtention de revenus grâce à des modifications spécialisées. Squarespace est une plateforme sur laquelle vos clients seront réellement en mesure d'effectuer eux-mêmes la plupart de ces modifications. Cela dit, je déteste recevoir des e-mails me demandant apporter des modifications techniques ou des mises à jour à un site Web que je suis ici pour créer. C'est vraiment ce que j'aime faire avec mon argent. Donc, pour moi, c'est une bonne nouvelle, mais je sais que pour certains d'entre vous, cela pourrait être une arnaque et notre ultime escroquerie, et ce n'est en aucun cas un facteur décisif. Mais même si le référencement sur Squarespace est correct, je dirais qu'il est bon. Ce n'est pas aussi bon que WordPress. Donc, si vous recherchez des termes de recherche vraiment compétitifs sur Google, vous remarquerez qu'un site Web WordPress a un avantage. Vous ne remarquerez pas cette différence ou cet avantage à moins d'optimiser réellement et d'utiliser des mots clés extrêmement compétitifs. Mais malgré tout, il faut tenir compte du fait que le référencement est acceptable, mais qu'il n'est pas exceptionnel. J'espère donc que cet aperçu honnête de certains des avantages et inconvénients vous aidera à décider s'il s'agit d'une plate-forme que vous souhaitez utiliser ou non. J'utilise à la fois Squarespace et WordPress. J'ai essayé quelques sites sur Wix et Squarespace est l'une de mes plateformes préférées. J'utilise WordPress pour des travaux plus personnalisés ou parfois plus exigeants. Mais Squarespace a été absolument fantastique pour beaucoup de mes clients. Si vous êtes convaincu, rejoignez-moi dans la prochaine leçon et nous commencerons à créer avec Squarespace. 4. Créer - Choisissez un point de départ: Pour commencer, la première chose à faire est de visiter squarespace.com. Maintenant, je l'ai fait sans être connecté. Et voici l' écran que vous allez voir. Vous recherchez V Gets Started par eux. Épinglez le haut ici. Je vais vous expliquer cela comme si je n'avais pas créé d'autres comptes Squarespace. En fait, j'ai un écran différent. Je viendrais le faire parce que, comme vous pouvez le constater, j'ai déjà créé de nombreux sites Web Squarespace. En fait, ils ne rentrent pas tous sur cette page. Il y en a 32. Je vais donc en parler avec vous. Je vais accéder à mon compte. Mais vous verrez une page comme celle-ci et cliquez sur Commencer. Il existe, je suppose un magicien qui vous guide à travers les étapes. Si vous le souhaitez, vous pouvez ignorer cet assistant, qui est simplement conçu pour vous montrer modèles et des idées qui vous concernent. Je vais donc cliquer sur Ignorer, Sauter, Ignorer. Et c'est la page sur laquelle je veux arriver ici, où je peux juste regarder et choisir les modèles qui m'intéressent. Je vais donc fermer ça. Et pour mes besoins, je vais le créer. C'est donc lié à mon compte. Pendant que je donne ce cours, je peux me reconnecter et vous expliquer les étapes. Nous voici donc devant cet écran. N'oubliez pas que vous n'aurez pas encore de compte Squarespace Vous devrez donc en créer un une fois que vous aurez sélectionné votre modèle. Passons maintenant aux modèles et c'est l'une des meilleures fonctionnalités de Squarespace. Vous pouvez trouver quelque chose qui se rapproche le plus possible de ce que vous cherchez à créer. Ensuite, plutôt que d'essayer imaginer et de tout créer à partir de zéro, vous pouvez commencer par peaufiner personnaliser et échanger votre contenu. Maintenant, en tant que designer professionnel, vous aurez probablement envie de changer beaucoup plus de feuilles. Vous jouerez également avec la mise en page. est peu probable que vous acceptiez un modèle tel qu'il provient de Squarespace. Et si vous le faites de manière professionnelle, c'est pour cela que d'autres vous embaucheront afin de vraiment y apporter votre propre point de vue créatif. Mais c'est un excellent point de départ et vous pouvez voir qu'il existe un large éventail de modèles disponibles. Donc, si vous le souhaitez, vous pouvez explorer les différentes catégories. Je suis évidemment en train de créer mon site Web d'échantillons pour la brasserie fictive Evoke. Je pourrais donc regarder les aliments, voir quels modèles les gens ont étiquetés dans cette catégorie. Je pourrais peut-être aussi regarder les restaurants. peut-être pour l'apparence que je recherche. Mais tu as compris l'idée. Il existe de nombreux modèles parmi lesquels choisir. Et si vous êtes vraiment sûr du modèle que vous souhaitez utiliser, cliquez sur Commencer par, mais je vous recommande de cliquer d' abord sur l'aperçu plutôt que de le juger à l'aide mais je vous recommande de cliquer d' abord sur l'aperçu de la miniature. Cliquez sur l'aperçu et jetez-y un coup d'œil, parcourez la page et voyez ce que vous pensez d'un modèle. Maintenant, si vous le souhaitez, vous pouvez cliquer, commencer sans modèle, repartir de zéro et commencer sans modèle, repartir de zéro créer un site Web à partir de pages blanches. C'est une option. Mais je pense que l' ingénierie inverse de certains de ces modèles va vraiment vous aider dans un premier temps à comprendre ce qui peut être fait. Et il est beaucoup plus facile de le modifier que de le créer à partir de zéro si vous ne connaissez pas encore Squarespace. Alors peut-être mettre la vidéo en pause ici. Si vous poursuivez votre propre projet, examinez attentivement les modèles et choisissez celui qui vous convient le mieux. Bien sûr, vous n'êtes pas obligée de choisir le même modèle que moi. Maintenant, cela vaut la peine de dire que ce n'est pas comme sur les plateformes telles que WordPress, où le modèle que vous choisissez, cela signifie que vous avez certaines limites. Dans Squarespace. Le modèle n'est qu' un point de départ. Donc, si je passais revue les paramètres de style et que j'y apportais des modifications, je pourrais transformer ce modèle au centre en ce modèle ici, je pourrais lui donner exactement la même apparence. Il n'y a rien que je vais trouver qui, à cause d'un modèle, je ne pourrai pas faire. Donc. Vous avez toujours un accès complet, personnalisez tous les paramètres. Alors, que recherchez-vous dans les modèles de départ ? Eh bien, il n'est pas nécessaire que ce soit nécessairement des polices. Ils sont très faciles à modifier. Les couleurs sont faciles à changer. Parfois, je cherche juste pour la mise en page générale, l'apparence qu'ils ont utilisée, quel modèle me donnera le moins de travail à faire, et quel modèle au fur et à mesure que je fais défiler Est-ce que je vois des mises en page, mais je pense que cela fonctionnerait bien pour ma marque. Celui-ci avait l'air bien, mais en faisant défiler la page vers le bas, je ne suis pas sûre de ce genre de titres décalés, des images de ceux qui ont quitté Denver. Je n'en suis pas sûr. C'est vraiment la bonne solution pour moi. D'accord. En voici une. J'aime bien ne pas savoir comment tu le prononces. Kolyma peut-être. Mais je vais certainement avoir un thème assez sombre. Je pense à un fond noir mat. J'aime bien le gros texte. Comme certaines idées de mise en page, de nombreuses images à fond plat. Donc oui, pour moi, je pense que ce serait un bon point de départ. Vous pouvez donc cliquer pour voir un site de démonstration complet ici si vous le souhaitez, mais vous l'ouvrirez dans un nouvel onglet si vous souhaitez comparer quelques-uns côte à côte. Mais je suis heureuse. Je vais donc cliquer sur Commencer avec ce design. Faites de même avec votre modèle préféré, puis rejoignez-moi dans cette prochaine étape. Squarespace va donc maintenant, pour moi, l'ajouter à mon compte. Et j'arrive tout de suite à une page où je peux renseigner les informations spécifiques à ce site. Pour vous, il vous suffit de créer un compte Squarespace. Donc, les choses habituelles auxquelles vous vous attendez, saisir une adresse e-mail, choisir un mot de passe, etc. Donc, une fois que vous serez sur cette page, je vais nommer le site Evoke Brewery. Faites de même, donnez v, citez le titre correspondant à votre marque. Ces pages nous indiquent simplement ce que nous pouvons faire aujourd'hui avec un nouveau Squarespace amélioré et où nous en sommes. allons donc vous orienter avec ce que nous avons devant nous ici. La barre latérale sur la gauche. Il s'agit essentiellement de votre façon de naviguer dans le back-end de Squarespace. Ainsi, le front-end, ce que le visiteur verra une fois que notre site sera mis en ligne, sera tout ce qui se trouve à droite de cette barre latérale, que je peux faire apparaître en mode plein écran en cliquant sur le bouton en haut à droite. C'est donc le front-end que vos visiteurs verraient. Cette barre latérale nous aide à naviguer dans le backend V. Chez Squarespace, vous disposez d'un certain temps, qui a varié au fil des ans. Cela prend généralement environ deux mois parce que j'ai un compte Pro, un compte Circle, j' ai un peu plus de temps, donc j'ai 182 jours, ce qui est assez généreux. Vous pouvez toujours les contacter si vous travaillez pour le compte d'un client et que vous avez besoin d'un peu plus de temps, mais c'est le temps que vous pouvez consacrer à la création d'un site sans avoir besoin d'un plan payant. Où se trouve ce site Web ? Pour le moment ? Bien que vous puissiez ajouter un nom de domaine, le nom de domaine que vous avez acheté auprès de Squarespace ou ailleurs. Vous pouvez le mettre en place assez facilement. Mais pour le moment, Squarespace attribue un nom de domaine principal temporaire. Cela vaut donc la peine d' ajouter cette page à vos favoris. C'est ce que vous allez revoir afin d'y accéder avec le back-end. Et cela peut être personnalisé. Cela m'a donné une chaîne de mots aléatoire , alligator Cat Seven. Donc, si je vais dans Paramètres et domaines, vous pouvez le voir tout en ayant la possibilité d'acheter ou de vous connecter. Un vrai domaine, Squarespace nous fournit des sous-domaines gratuitement. Ce qui signifie que pendant que nous le développons, si je clique ici sur ce nom de domaine attribué au hasard, je pourrais en choisir un qui soit plus pertinent pour la marque, ce qui me semble être une touche professionnelle. Je vais donc utiliser, en supposant que c'est gratuit, évoquer la brasserie et cliquer sur Renommer. Et juste comme ça, vous verrez que cela a changé. Et c'est maintenant via la robe que je visite pour accéder au backend d'un site Web. Nous en reparlerons, bien que nous y reviendrons lorsque nous verrons ce que vous ferez pour lancer le site Web, nous examinerons la visibilité du site et les autorisations que Squarespace définit par défaut. Donc, si vous allez dans Paramètres, Disponibilité du site, vous pouvez voir que par défaut, c' est défini sur privé. Donc, uniquement vous-même ou quelqu'un à qui vous fournissez ce lien spécifique. Et vous n'avez pas besoin de v, les bribes au bout, c'est juste un aveu sur .com. Si vous fournissez ce lien à une personne qui n'est pas connectée, elle ne verra rien. Vous pourriez donc changer cela. Vous pouvez sélectionner une option protégée par mot de passe et sélectionner un mot de passe. Ainsi, si vous envoyez un vos clients potentiels ou site Web à vos clients potentiels ou à une personne que vous souhaitez consulter. Si vous les envoyez via l'URL en haut de cette page, avec le mot de passe que vous avez sélectionné, Bell sera en mesure d'enregistrer un site Web dès maintenant. Toutes les modifications que vous apporterez seront reflétées en temps réel. C'est donc une bonne idée lorsqu'il s'agit de travailler avec les clients et de les envoyer. Peut-être que vous leur envoyez des mises à jour sur vos progrès ou que vous envoyez les étapes du site Web pour obtenir des commentaires de leur part. C'est très agréable de pouvoir le faire et d'avoir une belle URL professionnelle. C'est donc l'une des choses je dois dire que j'adore à propos de Squarespace. Si vous travaillez avec WordPress ou d'autres plateformes, d'un nom de domaine, la configuration de quelque chose sur le serveur, la préparation à démarrer peuvent nécessiter un certain place d'un nom de domaine, la configuration de quelque chose sur le serveur, la préparation à démarrer peuvent nécessiter un certain travail administratif configuration de quelque chose sur le serveur, la . conception. Avec Squarespace. Vous pouvez littéralement le faire en quelques clics. Nous y voilà donc. Nous avons sélectionné notre modèle. Nous avons mis en place un domaine temporaire et nous sommes prêts à commencer à le personnaliser et à le concevoir. Nous le ferons donc ensemble dans la prochaine leçon. 5. Créer - Personnaliser le modèle: Dans une leçon précédente, nous avons préparé notre point de départ et nous l'avons maintenant en place. Voici le modèle que nous avons choisi, quelques exemples de contenu, et nous sommes prêts à commencer à personnaliser. Donc, ce que je suggère, encore une fois, ce cours n'est pas de vous montrer ce que font chaque menu et chaque bouton d'une option, c'est de vous guider tout au long d'un processus rationalisé qui vous permettra simplement de créer et d'apprendre les éléments essentiels pour créer quelque chose qui ait l'air professionnel le plus rapidement possible. Je recommande donc de commencer par la page d'accueil. Et si vous souhaitez vérifier la page que vous consultez actuellement dans la barre latérale de V Squarespace. Si vous cliquez sur Pages, vous verrez apparaître des caractères grisés en majuscules à côté de chacune de nos sections. Il contient le mot démo. C'est pour vous faire savoir qu'il ne s'agit que d'un contenu de démonstration que vous utilisez. Nous examinons actuellement la page d'accueil qui est surlignée. Et quand il s'agit de styliser, je pense que cette page peut être très agréable à regarder car elle contient un mélange de contenu. Tout cela prendra donc un peu plus de sens au fur et à mesure que nous y plongerons. Personnellement, je commence par l'en-tête. Vous entrez donc en mode édition. Tout d'abord. Et vous avez un petit bouton en haut à gauche. Butt vous fait passer en mode édition ou vous pouvez double-cliquer n'importe où sur la page. Je vais donc cliquer sur le bouton pour entrer en mode édition. Et vous voyez que cela charge maintenant la page sans notre barre latérale Squarespace. Et lorsque vous survolez différents éléments, vous pouvez voir les blocs qui les composent sur Squarespace. Ils sont également divisés en sections. Et vous avez un peu de contrôle sur les paramètres de chaque section, de chaque bloc et de chaque page entière. Nous y reviendrons donc un peu plus en détail une fois que nous aurons commencé à personnaliser le contenu. Mais commençons par regarder simplement le style et maintenons ce contenu de démonstration en place pour le moment. Donc, l'en-tête, si je passe la souris vers le haut vers l'en-tête du site, et tant que je suis en mode édition, vous verrez cette option Modifier l' en-tête du site apparaître. Je vais donc cliquer dessus. Et comme je l'ai dit, nous vous proposons le modèle que vous choisissez. Il ne verrouille pas les options. Il vous donne simplement certains paramètres pour commencer avec un contenu de démonstration incertain. Je pourrais donc obtenir n'importe quel type d'en-tête que je souhaite simplement en modifiant les paramètres que nous avons ici. Donc, sur le titre et le logo du site, nous avons le choix d' ajouter notre propre logo personnalisé, ce que je ferai certainement. Mais d'abord, je vais juste y retourner. Et je vais utiliser cet onglet ici dans la vue du bureau. Je souhaite sélectionner une mise en page qui me convient, l'en-tête. Je vais donc cliquer sur Mise en page de l'en-tête. Et j'aimerais bien voir à quoi ressemblent les choses. Je pense que nous avons notre logo au centre. Cette petite boîte représente vos liens sociaux. Ensuite, la navigation se ferait sur la gauche. Je pourrais changer cela. Il est assez facile de changer ce qui est revenu à l'avenir. Je vais cliquer dessus pour l'instant et revenir en arrière. autre chose que j'aimerais faire. Je ne veux pas que ce soit transparent. J'aimerais bien pouvoir voir une couleur unie derrière l'en-tête. Pour cela, je vais revenir à ces paramètres appliqués globalement, à savoir ce petit onglet en forme de globe en haut. Et si je clique sur Style, vous pouvez voir s'il s'agit d'un moment , etc. dynamique. J'aimerais sélectionner le thème en fonction de notre style. Et cela me permettra de choisir l'une des couleurs, mais elle est présente dans mon thème. L'autre option, unie, vous permet de choisir la couleur de votre choix ici. Mais j'aimerais bien associer cela aux couleurs de mon thème. Je vais donc sélectionner l' option V dark qui est en fait assez proche de ce que je recherche, pour ma marque. Mais je vais essayer de personnaliser ces couleurs avec vous. Prochaine. Si je reviens au titre et au logo du site maintenant, je suis prêt à échanger mon logo. Je vais donc y accéder. Ou vous pouvez simplement glisser-déposer. Et j'ai préparé un dossier, mais il est parfait. Vous ne voudriez donc pas d'espace négatif autour du logo. Tu veux qu'il soit bien recadré. Et pour mes besoins, j'ai besoin d'une version allégée de mon logo. Je ne vais pas l'utiliser pour le logo complet, que je peux vous montrer si je l'affiche juste ici, ce serait mon logo complet. Je vais plutôt l'utiliser, qui est juste pour le type de logo. Je vais donc le faire glisser dans la section du logo vétérinaire. Et c'est tout. Il l'a mis en place. C'est donc un peu plus petit que ce que j'aimerais. Et vous pouvez voir que vous avez quelques options ici pour ajuster la taille. Il vous donne uniquement la possibilité de régler la hauteur, mais pour WIP for, suivez en conséquence. Augmentons donc la hauteur de 80 pixels, ça a l'air bien. Et puis une hauteur mobile. Je vais déplacer ce curseur pour qu' il corresponde en quelque sorte. Vous pouvez d'ailleurs basculer entre l' affichage de bureau et l'affichage mobile à l'aide des deux boutons en haut, ce qui est très utile. Donc, si je le fais, c'est ainsi que cela apparaît sur la vue mobile. Je suis donc très content de ces paramètres. Il convient de mentionner toutes les modifications que vous apportez au contenu V, même le style dont vous avez besoin pour les enregistrer, car même le style dont vous avez besoin pour les enregistrer, car elles ne seront pas automatiquement mises en ligne. En haut à gauche, où il est écrit OK. Si vous passez la souris dessus, deux options s'offrent à vous pour enregistrer ou annuler vos modifications. Je vais donc cliquer sur Enregistrer. Et c'est désormais le style V enregistré pour ce nouvel en-tête. Mais j'ai configuré maintenant que toutes les autres modifications de style sont réellement apportées, non pas en direct sur la page, mais dans une section spéciale. Donc, si nous revenons à la partie d'accueil de notre barre latérale Squarespace, vous verrez qu'il y a un titre de design. Et c'est là que le reste de nos changements de style aura lieu. Si vous cliquez sur la première option, styles du site, vous pouvez voir que vous avez un certain nombre de catégories ici, polices, des couleurs, des animations. C'est une nouvelle fonctionnalité dont je suis très satisfait. Squarespace a ajouté un espacement, un espacement global. Vous pouvez également personnaliser les boutons et les blocs d'image. Je recommande donc de parcourir ces rubriques de manière silencieuse, intuitive et assez explicite, mais il suffit les personnaliser et de les modifier en fonction de vos besoins, de votre marque. Je vais donc commencer par les polices de caractères et prendre un moment. La police ne reflète pas vraiment ce que j'avais en tête pour la brasserie. Il s'agit d'une police assez générique et audacieuse. C'est lisible, facile à lire, mais je voudrais utiliser quelque chose qui soit peut-être un peu plus léger, un peu plus élégant. Et pour mes titres principaux, je pourrais essayer de choisir quelque chose d'un peu plus proche de la formulation d'evoke. Une police de caractères à empattement. Squarespace vous donne quelques points de départ. Il essaie toujours de vous donner une option presque plus facile , puis vous pouvez approfondir si vous le souhaitez. Donc, si vous avez aimé les polices qui ont déjà été suggérées par le modèle, vous pouvez les conserver en place. Vous avez quelques options, comme l' ajustement de la taille de base, que vous pouvez voir en temps réel. Il vous en montre un aperçu global. Mais encore une fois, tant que vous n'accédez pas à Enregistrer en haut à gauche, rien n' est gravé dans le marbre. Vous pouvez donc cliquer sur ces titres, paragraphes et choisir parmi une gamme d'options ici. Si vous souhaitez conserver la même police ou si vous cliquez sur une famille de polices, vous pouvez lui changer de police. Si je clique sur retour. Avant d'en venir à cela, si vous souhaitez modifier les polices, cliquez sur cette section ici, nous avons un moment. Il est écrit Acumen Pro. Vous verrez qu'il est écrit « pack de polices » et qu'il est possible de changer. Donc, si nous cliquons pour changer de pack de polices, cela vous donne en fait une combinaison de polices préconfigurées. Je vous recommande donc d' essayer quelques-uns d'entre eux. Tu n'économises rien. Il est donc assez facile de simplement cliquer dessus , de jeter un œil et d'essayer d'obtenir quelque chose qui va dans la direction générale vous recherchez avant de peaufiner et de parcourir et vous apportez-leur des modifications plus infimes. C'est donc une fonctionnalité très utile à utiliser. Acumen Pro. Je pense que c'est le pack de polices préchargé avec ce modèle. Futur. C'est celui que j' utilise souvent, et ainsi de suite. Il existe de nombreuses options. Il les divise également en sans-serif. Serif, un empattement sans empattement mixte, sans les petits empattements sur les bords des caractères. empattement inclut ces bords, ce qui lui confère un look plus traditionnel et plus classique. Et si je clique sur certaines de ces options, vous verrez que cela fait une grande différence dans le style général. Maintenant, pour la lecture à l'écran, I'm sans empattement est certainement mieux pour votre texte plus petit, vos textes corporels, il est moins susceptible de se briser. Et si quelqu'un n'a pas le dernier écran Retina. C'est donc là qu'il y a une option mixte qui est plutôt bonne et pas toujours, mais en général, ces options mixtes peuvent combiner une police serif pour vos titres pour le texte plus grand avec san-serif pour v, plus petit texte. C'est fait dans l'aperçu, mais cela ne l'a pas vraiment fait pour ce texte ici. Je me demande si c'est possible, d'accord, donc c'est le classer dans le corps du texte. Je suppose que c'est encore une petite rubrique. Encore une fois, vous pouvez être sorti ou via les options du Font Pack. Mais encore une fois, vous pouvez cliquer et consulter certaines des options proposées ici pour sélectionner quelque chose qui, selon vous, convient à votre marque. Maintenant, pour cette marque, je sais ce que je recherche. Je vais donc passer en revue et choisir quelque chose de plus précis. Donc, pour mes paragraphes, je ne veux certainement pas utiliser Arielle. Si vous allez dans Parcourir toutes les polices, vous verrez qu'il existe une vaste bibliothèque. Et je crois qu'à l'heure actuelle, il s'agit d'extraire des polices de Google Fonts, d'Adobe Typekit et de quelques autres fonderies également. Il y a donc un vaste choix et il vous faudrait beaucoup de temps pour parcourir toutes les options. Il y a donc cette fonction de recherche très pratique. Si vous travaillez pour une marque où vous avez déjà sélectionné les polices et les couleurs. Ou vous pouvez simplement y saisir le nom de la police que vous recherchez. Je vais utiliser Lato, qui est ma police préférée pour le corps du texte. Et nous l'avons bloquée en tant qu'option. Je pourrais ensuite choisir un poids personnalisable, ce que je ferai. Je vais le rendre un peu plus léger. Espacement des lettres. J'en suis content. Vous pouvez voir les visas, des options assez explicites pour un réglage précis. Squarespace gère les polices en leur attribuant l'un des différents types de style. Il existe donc plusieurs types de titres et trois types de paragraphes différents. Donc, si je sauvegarde mes modifications pour le moment, et que la vitesse est assez bonne, vous pouvez parfois sélectionner une fonction. chargement et l'actualisation ne nous prennent que quelques secondes . Si je double-clique pour passer en mode édition, nous nous concentrerons uniquement sur cette partie du texte ici. Vous pouvez voir qu'en surlignant ce texte d'un moment, on lui attribue un titre pour les prières, titre 32.11 étant également le plus grand, le plus petit. Et puis vous avez vos paragraphes, 1, encore une fois le plus grand, le plus libre étant le plus petit. Nous savons maintenant ce que cela affecte. Il s'agira de ces portions de texte, mais vous pouvez donner l'un de ces préréglages. Si nous revenons à la sauvegarde, nous n'aurions pas ce texte trop petit. Mais à titre de démonstration, nous allons revenir au style, polices, aux paragraphes. Maintenant, si vous regardez en bas trouverez ce curseur pour choisir la taille de chacun de ces types de paragraphes. Parce que j'ai attribué un paragraphe libre à cette partie du texte. Lorsque je déplace le curseur, vous pouvez voir que c'est ce que cela affecte. C'est donc très agréable d' empiler ces soviets. Vous avez quelques options pour concevoir des paragraphes plus grands, mais peut-être aussi du texte plus petit. Passons maintenant à mes textes de titre et gardez-les à l'esprit pendant que je vous donne mon exemple. S'il vous plaît, résolvez cela vous-même. Vous n'aurez pas à utiliser chacune des options que je sélectionne. C'est exactement ce que je pense être le mieux pour la marque avec laquelle je travaille. Donc, dans mon cas, pour mes titres, je ne pense pas être en mesure de trouver une police qui corresponde suffisamment à cette police personnalisée pour Evoke. Si je ne peux pas l'égaler exactement, je préfère utiliser quelque chose qui le complimente. La police que j'ai utilisée ici pour Brewery, le slogan est Futura. Je vais donc cliquer sur les rubriques, sélectionner la famille, tout parcourir. Recherchez Futura PT, c'est parfait. Cela remplacera désormais bed en tant que police de titre. Maintenant, c'est bien loin de ce que j'espère obtenir pour les rubriques. D'une part, je veux que ce soit une police beaucoup plus légère. Je vais donc changer le poids, le passer à 300. About est beau, léger et élégant. Je veux aussi qu'il apparaisse uniquement en majuscules. Et c'est un petit conseil, mais cela fonctionne parfois très bien. Titres en majuscules uniquement. C'est ce que nous faisons dans cette section ici. Transformation du texte en majuscules. Et maintenant, cela ne s' affichera qu'en majuscules comme ça. Et puis, même si je ne vais pas l'espacer de façon aussi spectaculaire que dans le logo de la brasserie. Je vais certainement augmenter V, réduire l'espacement. Essayons donc. C'est peut-être un peu trop. Essayons. Rien 0,15 EM. Ça a l'air plutôt bien. Mais je vois que je vais avoir quelques problèmes. Si je l'espace, nous pouvons voir ce petit bout de texte. Cela prend trois lignes. Je pense que c'est la plus grande taille de titre. Je vais donc le réduire un peu. J'utilise free comme v, la plus grande taille recule un peu en arrière. Si je voulais trouver des exemples de textes avec ces tailles particulières, vous pouvez les parcourir. Mais en général, les modèles sur la page d'accueil devraient vous permettre de trouver un exemple de tout. Voilà donc mon titre deux, je ne suis pas sûre d' avoir un titre libre, mais il se peut que certains textes bougent. Ils se dirigent en toute liberté. Ça va être un peu plus petit. Encore une fois. Titre libre, je l'utiliserais vraiment pour une grande quantité de textes, peut-être un paragraphe, mais quelque chose que je voudrais appeler pour le souligner. Je trouve que ça a l'air plutôt sympa là-bas. Et puis, en ce qui concerne personnellement, je vais utiliser du gras pour les textes, mais peut-être juste pour introduire un paragraphe. J'aurais donc que celui-ci ait la même taille que le texte du paragraphe. Je mettrais cela juste à 1,1. Il a donc presque la même taille. Il a juste un style différent. Alors c'est tout. Une fois que j'ai cliqué sur Retour, puis sur Enregistrer. Cela a considérablement transformé l'apparence. Un modèle qui apporte déjà ces modifications de police. Et c'est tout. Nous pouvons peaufiner au fur et à mesure de la conception. Mais comme point de départ, ça y est, mes polices sont en place. Maintenant. Vous pouvez également personnaliser les polices de vos boutons, ce que je n'ai pas encore fait. Il se peut que je ne vous explique pas à pas chacun de ces paramètres , car cela répète le même processus. Vous choisissez vos polices. Ensuite, il vous suffit de modifier chacun de ces curseurs pour le personnaliser. C'est donc assez évident. Je ne vais pas vous expliquer chacun d'entre eux, mais je vais passer en revue hors caméra et ajuster le style des boutons Où nous en sommes. Si cela vous intéresse, voici les paramètres que je suis arrivé Encore une fois, j'aime bien les majuscules pour les boutons. Un espacement agréable et généreux. Donc, pour moi, ça a l' air vraiment beau. est une fonctionnalité intéressante que je mentionnerai en cliquant sur l'onglet du bouton secondaire Nous avons en fait un petit avertissement maintenant pour vous dire que cette page n'en contient pas, quel que soit l'élément. C'est donc très utile lorsque vous coiffez. Si vous arrivez à un élément qui n'est pas présent sur la page, c'est une bonne idée. Il y a un petit avertissement pour vous. Encore une fois, vous avez trois types de boutons différents. Vous configurez le préréglage, puis vous êtes prêt à l'utiliser, mais sur l'ensemble du modèle. La prochaine grande personnalisation est donc la couleur. Je ne vais pas trop changer la couleur car dans ma marque, nous utilisons en fait des couleurs en niveaux de gris, qui sont très proches de celles du modèle. Mais je vais quand même vous expliquer ce processus. Encore une fois, nous sommes dans la section Styles du site. Et cette fois, au lieu des polices, nous voulons cliquer sur les couleurs. Et vous pouvez voir que c'est la palette de couleurs actuelle. Vous avez donc quelques options. Je vais d'abord expliquer comment ils sont appliqués. Ainsi, chacune des couleurs de la palette de votre thème appliquera à un préréglage, et elle commencera par vous proposer des préréglages clairs, des préréglages clairs, des préréglages foncés, puis des préréglages plus foncés. En fait, j'utilise un cocktail des couleurs que vous lui avez données. Maintenant, cela vous amène à un point de départ très rapide. Mais encore une fois, si vous avez besoin de personnaliser et de peaufiner, vous pouvez effectuer de nombreuses personnalisations. Si vous deviez cliquer sur la petite icône d'édition correspondant à l' une de ces options, voici les options prédéfinies. Vous verrez que cela vous amène à chaque élément de votre site Web. Et vous pouvez complètement personnaliser la couleur utilisée. Donc, si je cliquais par exemple celui-ci ici pour les petits paragraphes , je voulais qu'ils aient une couleur différente. Je pourrais choisir n'importe quelle couleur. Ou si je clique sur l'onglet de la palette, je pourrais cliquer sur l'une des couleurs que j'ai programmées dans la palette de couleurs. Il y a donc beaucoup de personnalisation, mais vous n'avez pas à passer par toutes les options. Vous ne l'utilisez que pour trouver, régler et modifier, ce que j'adore. Et vous pouvez voir en haut à droite de chaque section de page quelle combinaison de couleurs a été appliquée à partir de votre palette. Vous pouvez donc voir cette section. Il est recouvert d'une teinte foncée, qui correspond à celle-ci ici. Et cette section est brillante pour, correspond ici. Donc, avant de modifier les couleurs, cela devrait vous donner une idée de la façon dont Squarespace les utilise et les applique et du niveau de contrôle dont vous disposez. Je n'enregistrerai donc pas mes modifications, mais je vais apporter quelques modifications assez importantes ici, juste pour que vous puissiez le voir. En cours d'utilisation. Ils ont donc des préréglages parmi lesquels vous pouvez sélectionner. J'utilise l'un des préréglages pour le moment. Si je choisis un tel préréglage, en cliquant simplement sur ce bouton, chaque couleur de votre site Web changera comme ça. C'est donc un moyen assez puissant de prévisualiser différentes combinaisons de couleurs sans apporter de modifications destructives. Maintenant, si vous êtes comme moi, surtout si vous travaillez pour une marque, si vous êtes arrivé à ce stade, vous avez déjà créé un logo. Vous avez probablement défini la palette de couleurs, sinon dans son intégralité, probablement au moins obtenu les couleurs de base que vous prévoyez d'utiliser. Donc, une option, et je ne l'utilise pas parce que je ne suis pas sûre que ce soit à 100 % en Corée, est que vous avez un onglet d'image et que vous pouvez faire glisser une image vers l'intérieur et Squarespace l' identifiera les couleurs qui apparaissent dans cette image. Cela peut donc être utile si vous recherchez des idées ou si vous regardez en haut, vous pouvez ignorer les préréglages et sélectionner vous-même chacune de ces couleurs. Squarespace implémente cela du plus clair au plus foncé. Et je suppose que vous avez les Vos couleurs saturées semblent mieux fonctionner si vous les placez au milieu du palais. Donc, lorsque nous passons à la palette Modifier, si vous essayez de lui donner au moins une couleur claire et une couleur foncée. Et gratuitement au centre, vous êtes un peu plus libre de peaufiner et de jouer avec. Cela tend à garantir que lorsque ces couleurs sont ajoutées au modèle, cela fonctionne comme prévu. Donc, par exemple, je pourrais choisir une version poussiéreuse d'une turquoise. Je pourrais alors choisir une version forte d'une turquoise. Je pourrais choisir quelque chose comme ça pour cette quatrième option ici. Il se dirige donc vers une couleur très foncée, mais il est toujours possible qu'il présente une certaine saturation qui fonctionne toujours bien. Et puis, pour votre couleur foncée, vous voulez vraiment qu'elle soit noire ou peut-être un gris noir cassé. Maintenant, si je fais défiler la page, vous pouvez voir que cette combinaison, telle qu'elle est ajoutée au modèle, fonctionne comme prévu. Le contraste est bon et nous obtenons les résultats escomptés. En fait, je vais m'en débarrasser parce que j'étais satisfaite de la palette qui m' a été offerte au départ. Même tout à fait comme cette teinte marron poussiéreuse que nous avons ici. Je suis donc très heureuse de commencer à utiliser cette palette de couleurs. Et cela arrive parfois dans Squarespace. C'est l'un des avantages. Parfois, vous êtes agréablement surpris et un modèle vous rapproche suffisamment de ce que vous recherchez, pour que vous n'ayez pas à parcourir les pages d'options. Et vous n'avez pas besoin de peaufiner si vous êtes satisfait de ce qui vous est présenté au départ. Nous avons donc maintenant saisi certaines des principales facettes de l'apparence d'une marque, les polices, les couleurs, et nous pouvons les voir apparaître dans notre contenu de démonstration. Mais je suis sûr que vous avez très envie de commencer à mettre en place votre propre contenu. Mais il reste encore une étape à franchir avant de commencer à échanger du contenu , à savoir simplement regarder nos pages et notre navigation. Maintenant que nous avons une bonne idée de l'apparence que nous procurons à notre style féminin, allons commencer à décider quelles pages nous allons conserver. Et nous passerons un peu de temps à expliquer la navigation. Nous le ferons donc ensemble dans la prochaine leçon. 6. Créer - Types de pages et navigation: Dans cette leçon, nous allons voir si nos pages sont des types de pages et que la navigation v. V fonctionne dans Squarespace. Maintenant, les types de pages peuvent être un peu confus. Je pense que c'est parce que Squarespace a progressivement déployé les mises à jour les unes sur les autres. Ce n'est donc pas la partie la plus intuitive de Squarespace, mais je vous promets que c'est logique. Commençons donc par la navigation. Maintenant. Si vous regardez la barre latérale, j'ai visité la section v Pages. Et cela se divise en deux parties. la première partie, nous avons une rubrique « navigation principale », et vous remarquerez tout contenu que nous plaçons ici. Il apparaît également dans notre navigation dans l' en-tête d'un site Web. Il existe une autre section intitulée Non lié. Et notre page d'accueil est actuellement l'une de ces pages. Et tout ce qui se trouve dans cette section, même s'il s'agit d'une page, peut être visitée, peut être liée, elle n'apparaîtra pas dans la navigation en haut de la page. Donc, pour démontrer que Wave fonctionne, si je fais glisser notre section d'accueil vers le haut de notre navigation principale, vous verrez qu'elle apparaît désormais dans la navigation de notre en-tête. Elle est soulignée pour souligner qu'il s'agit de la page que nous consultons actuellement et qu'elle ne figure plus dans la section « Nous ne sommes pas liés ». Maintenant, je n'ai pas eu à cliquer sur Enregistrer pour que cela se produise. C'est donc quelque chose qui se produit en temps réel lorsque vous faites glisser des pages dans la navigation. C'est donc un peu effrayant. En même temps, il est très facile de l' annuler et de le faire simplement glisser vers l'arrière. Si je n'étais pas content de ce que j'avais fait. Je pense que je vais rentrer chez moi au début de notre navigation. Par défaut, le logo V fait office de bouton d'accueil. Je pense que de nombreux visiteurs le connaissent maintenant, mais certains aiment toujours se sentir bien dans la navigation. Je vais donc le garder là pour les satisfaire. Donc, vous déciderez de conserver une partie de ce contenu de démonstration , d' autres dont vous n'aurez pas besoin. Je suggère donc de cliquer dessus. Je vais cliquer sur à propos et voir si j'aime ce contenu de démonstration. Si je préfère créer quelque chose à partir de zéro. Donc v À propos de la page. Oui, il y a peut-être quelque chose avec lequel je pourrais travailler. pourrait changer le thème Cela pourrait changer le thème de quelque chose de clair à quelque chose d'un peu plus sombre. Mais je peux garder v à peu près si je clique sur les professeurs. Et vous remarquerez qu'une fois que j'ai cliqué sur une page, cette petite icône de démonstration disparaît. En effet, si vous cliquez sur une page et que vous décidez de ne pas cliquer sur cette petite poubelle à gauche pour la supprimer. Je pense que Squarespace part du principe que vous souhaiterez peut-être conserver ce contenu Il supprime donc ce petit rappel de démonstration. Nos professeurs, je n'aime pas ça. Je pense que nous pourrions faire mieux. Je vais cliquer sur la corbeille à gauche et supprimer. Une fois que vous avez cliqué sur Confirmer, c'est tout. La page a disparu. Mais vous remarquerez qu'en supprimant ma première page, cette petite section apparaît ici, des pages supprimées. Et si vous cliquez dessus, vous avez 30 jours avant qu'ils ne soient définitivement supprimés. C'est donc un petit filet de sécurité pour tout contenu supprimé. Je vais cliquer sur Classes ensuite. C'est une mise en page assez simple. Je ne pense pas avoir besoin de garder cet emplacement. Je pourrais garder quelque chose comme ça pour la localisation, mais supprimez-le pour le moment. Il existe d'autres options intéressantes pour les contacts et les pages de localisation. Et puis un blog. Le blog contient généralement les premiers articles sous forme de contenu de démonstration. Et le blog est le premier de nos types de pages pour les différents. Si j'y reviens un instant, la page d'accueil et la page à propos ont la même icône. Et ce sont des types de pages ordinaires. Cela signifie que si je clique sur les modes d'édition, Squarespace provoque des pages irrégulières. Ils sont divisés en sections. Des blocs peuvent flotter sur chaque section. Chaque section peut avoir son propre thème de couleur. C'est donc ce qu'elle définit comme une page normale. Si je vais sur le blog, vous verrez qu'il possède sa propre barre latérale unique. Cela ne fonctionne pas. Si je passe en mode édition par sections. Il s'agit d'une section unique qui vous offre des options pour gérer vos articles de blog. Je ne vais donc pas entrer dans les détails de V, la fonctionnalité de blog de Squarespace qui me semble très intuitive. Tu peux probablement te frayer un chemin. Configurer cela. Et comme je l'ai dit, il vous donne quelques articles pour commencer, afin que vous puissiez voir comment ils ont été configurés. Mais pour le blog, toutes les modifications de style que vous avez apportées au reste du site Web refléteront les modifications de style que vous avez apportées au reste du site Web. Et au fur et à mesure que vous le personnalisez, vous verrez que vous pouvez choisir quelques options qui s'appliqueront, soit à plusieurs articles de blog soit à deux chacun d' entre eux individuellement, comme couleurs, les polices utilisées pour les différentes sections. Mais essayez. Vous n'avez pas besoin mon avis pour vous aider à configurer les pages du blog. Nous allons donc nous concentrer sur des choses un peu plus orientées vers le design. Donc, si je voulais ajouter une nouvelle page, type de page, maintenant que nous l'avons supprimée, nous avons juste pour la page d' accueil via bout. Et je vais en fait supprimer pour le blog. Ma brasserie n' aura aucun fil de blog. Si vous cliquez sur le bouton Plus, même sur les deux pages de navigation principales suivantes pour l'ajouter afin qu'il démarre ici ou qu'il ne soit pas lié. Vous verrez qu'il existe un assez grand nombre d'options. Donc, dans les pages, c'est ce que j'ai mentionné. Squarespace provoque un type de page irrégulier. Mais vous avez alors ces différents types de pages qu'il classe en tant que collections. Vous avez également des dossiers et des liens. Nous allons donc commencer par les options sur les collections et la boutique. Encore une fois, je pense que cela dépasse un peu le cadre de ce tutoriel, mais vous pouvez très facilement créer et personnaliser votre propre boutique de commerce électronique. Super intuitif, facile à utiliser. Ce n'est donc pas une page normale, c'est un type de page spécial. Et c'est dans le but de configurer cette boutique, pouvoir classer les produits et de nombreuses autres fonctionnalités. Il possède un portefeuille qui est un type de page spécial et comprend des éléments de portefeuille. Donc, si c'est quelque chose qui est vraiment utile pour les photographes, je suppose que cela vaut aussi pour les designers. Et vous pouvez choisir parmi quelques modèles. Et cela sert presque de page d'index des sels. Très similaire à la fonctionnalité de blog de Squarespace, chacun de vos projets, mais imbriqué ici, constitue en fait sa propre page, que vous pouvez entièrement personnaliser. Mais lorsque vous revenez sur cette page de portfolio, vous voyez une miniature et un titre représentant chacun d'entre eux. Vous pouvez faire glisser et déposer pour modifier l'ordre. Vous pouvez donc imaginer pour les photographes ou les designers, si vous souhaitez présenter vos différents projets. C'est une fonctionnalité vraiment intéressante, plutôt que d'essayer manuellement de créer et de créer des liens vers différentes pages pour chacune d'entre elles. I'll Brewery n'a donc certainement pas besoin d'un portefeuille. Je vais donc supprimer ce type de page. Je vais à nouveau cliquer sur le Plus. Évènements. Encore une fois, cela dépasse un peu le cadre de cette classe, mais c'est une fonctionnalité très utile. Ils ont donc quelques options pour planifier des événements. Si vous créez un site Web pour un groupe, par exemple souhaitez inclure des dates de tournée. Il existe des fonctionnalités silencieuses et intéressantes qui vous permettent de le faire, ainsi que des vidéos. Il s'agit d'une nouvelle solution qui vous permet en fait de vendre du contenu à la demande. Donc, si vous souhaitez masquer certains tutoriels vidéos, par exemple derrière un paywall. Vous pouvez le faire ici. Mais deux types de pages spéciaux que j'utilisais le plus fréquemment, le dossier RV et l'option de lien. Donc, si je commence par ajouter un dossier, cela vous aidera littéralement à organiser la navigation sur votre site. est ennuyeux pour le moment, dans Squarespace, est impossible d'imbriquer une page dans une autre sans utiliser de dossier. Donc, ce que je veux dire par là, si je lui donne un titre, galerie, je peux faire glisser la page à propos. Il se trouve donc sous la galerie. Et si j'utilise la navigation en haut, vous verrez que lorsque je survole la galerie, la page apparaît désormais comme se trouvant à l'intérieur de celle-ci. Je pourrais aussi récupérer cette petite page de démonstration ici et la mettre dedans. Alors maintenant, dans notre section galerie, nous avons deux pages. Mais je ne pourrais pas placer si je supprime environ je supprime la classe Booker. Je ne pourrais pas placer Booker Class sur une page qui se trouve en dessous, c'est assez irritant. J'espère que nous le mettrons à jour à l'avenir. Au moment où vous souhaitez imbriquer des pages, vous devez utiliser cette fonction de dossier. C'est ce que fait le pliage, qui vous permet d'organiser vos pages de manière vous permet d'organiser à ce qu'elles se trouvent dans une section. Enfin, vous avez une option de lien. C'est donc utile pour une fonctionnalité que nous aborderons en tant que fonctionnalité plus avancée vers la fin du cours. Liens d'ancrage. Le lien sur lequel vous cliqueriez et il vous souhaiterait redirigé vers un certain endroit de la page. C'est très utile pour cela. Vous pouvez également créer un lien vers un site externe à votre site Squarespace. Il pourrait donc être lié à un externe. Je suis une application de calendrier que tu utilises. Il peut s'agir d'un lien vers, je ne sais pas pourquoi vous les placez dans votre navigation principale ou d'un lien vers l'un de vos réseaux sociaux. Mais je pense qu'il existe une meilleure façon de le faire. C'est donc pour l'option de lien. Et une fois que vous cliquez sur le lien, vous lui donnez littéralement un titre qui sera affiché dans la navigation. Et lorsque vous entrez l' emplacement de ce lien. Vous pouvez maintenant l'utiliser pour créer un lien interne. Pour ce faire, si vous commencez simplement par une barre oblique et que, sous les pages que vous avez répertoriées jusqu'à présent, vos sites Web apparaissent dans la liste. Il est donc assez facile de sélectionner l'une d'entre elles si vous le souhaitez, ou vous pouvez saisir une URL externe complète. Maintenant, avant de terminer cette leçon, à propos des URL, comment déterminez-vous l'URL de vos pages ? Encore une fois, ce n'est pas le plus intuitif. Vous pourriez penser qu'il utilise simplement le nom de la page. Ce n'est pas le cas. Il existe un paramètre distinct pour cela. Ainsi, si vous cliquez sur la petite icône en forme de roue dentée de l'une de vos pages, les paramètres de la page apparaîtront. Et certaines des premières options sont le titre de la page. Et c'est ce qui va apparaître en haut de la fenêtre du navigateur. Titre de navigation. C'est ce qui apparaîtra dans la navigation du site V. Et enfin l'URL. C'est là que vous pouvez le personnaliser. Vous pouvez donc, par exemple le remplacer par À propos de nous, qui aura été mis à jour via une URL. Donc, si je mets À propos de nous et que j'appuie sur Entrée, vous verrez que cela nous mènera à cette page spécifique. C'est donc très utile. Très souvent, vous souhaiterez saisir une URL spécifique, peut-être à des fins de marketing ou à la demande d' un client si vous souhaitez créer un lien vers certaines pages externes. Cela couvre donc les pages, les types de pages et la navigation. Ensuite, nous allons vraiment nous pencher sur la personnalisation du contenu. Mais nous l'avons sur le site Web. Nous sommes donc assez satisfaits du style. Il y a encore quelques ajustements et modifications que nous pourrions y apporter plus tard. Mais lors de la prochaine leçon, nous commencerons à personnaliser ce contenu. 7. Créer - Blocs de construction: Dans cette leçon, nous allons travailler avec des blocs, que Squarespace utilise pour créer l'ensemble de son contenu. Et c'est essentiellement maintenant que nous allons commencer à personnaliser notre contenu. Ma brasserie a donc de nombreuses photos d'un studio de yoga. Une fois que nous les aurons échangés, cela commencera vraiment à prendre forme. Travailler avec des blocs. Si nous passons en mode édition, je travaille d'abord depuis la page d'accueil. Et lorsque vous passez la souris et que vous faites défiler la page, vous verrez un petit contour bleu autour des différentes parties de votre contenu. Et les V sont ce que l' on appelle des blocs. Vous avez donc le contrôle total pour les déplacer ou les modifier. Pour modifier le contenu lui-même. Dans un bloc de texte, il vous suffit de cliquer, double-cliquer et de saisir ce qui se trouve ici. Cela pourrait donc dire «  Bienvenue dans le fluor ». Et ce n'est qu' une démonstration. Je ne vais donc pas échanger du contenu, mais juste pour vous donner une idée générale de ce que je penserais mais juste pour vous donner une idée générale de cette façon, je l'ai créé s'il devait s' agir d'un site Web pour le Climb. Maintenant, la taille et le positionnement, vous pouvez le voir pour le moment, j'ai ce texte en en-tête, taille unique et tout ce type de vue de bureau où cela dépendra de la taille de quelqu'un écran. Je pense que j' aimerais bien pouvoir aller un peu plus loin. C'est donc là qu'intervient cette fonctionnalité de grille, mais Squarespace est désormais implémentée. Il fut un temps où c' était beaucoup plus compliqué. Donc, si je passe la souris et que je fais simplement glisser le pointeur sur le bord de ce bloc, vous verrez que Squarespace l'aligne sur une grille invisible. Dès que vous publiez, vous cliquez sur cet élément. Il y a donc une petite grille invisible qui fait glisser pour redimensionner ou qui saisit un objet et ou qui saisit un objet et déplace sa position physique. Vous pouvez voir une petite directive jaune apparaître là-haut pour me dire que ce serait centré. En fait, je pense que je vais envoyer à ce texto. Je vais donc utiliser Control a pour sélectionner tout ce contenu et utiliser cet outil d'alignement de paragraphes. C'est assez intuitif. Types d'icônes et de fonctionnalités que je suis sûr que vous connaissez ici. Classe. Je n'en aurai pas besoin, mais je vais juste vous souhaiter la bienvenue dans notre brasserie. Donc, lorsque j'ai supprimé une partie du contenu qui s'y trouvait, il n' était plus nécessaire d'avoir un bloc de la taille que nous avions. Vous le voyez se fermer automatiquement. Si je le voulais, je pourrais faire glisser je pourrais l'agrandir en le faisant glisser vers le bas. Et cette page aligne en fait la grille vétérinaire vers le bas. Donc, avant d' apporter d'autres modifications, parlons simplement de Wave. Cet outil fonctionne et les options vous permettent de jouer avec une grille. Lorsque je survole cette section. Si je clique sur Modifier la section en haut à droite, vous verrez la grille apparaître. Et vous pouvez voir qu'il y a un nombre de lignes sur la grille d'un moment. Il a quatre cellules, ce qui est suffisant pour le contenu que nous avons actuellement. Je peux l'augmenter ou le diminuer manuellement. Vous ne pouvez pas aller en dessous du minimum dont vous avez besoin pour adapter le contenu que vous avez actuellement en place. Et si je regarde l'alignement, vous pouvez le voir pendant un moment. Cette grille est alignée tout en bas. Je pourrais l'aligner au centre sur cette section, ou je pourrais l'aligner vers le haut. Donc très intuitif, facile à utiliser. Remettons-le vers le bas. Et puis vous avez également des options ici pour les hauteurs. Il s'agit de la hauteur de la section. Rien à voir avec une grille. Donc, cette section, si je change la hauteur en petite, nous avons juste le plus petit éclat. Pour afficher notre image en arrière-plan, il y a suffisamment d'espace pour contenir le contenu. Mais si je choisis avec une grande option, cela vise le plein écran, un petit en-tête dans la barre de navigation en haut. Si vous souhaitez saisir une hauteur spécifique, vous pouvez ensuite saisir une valeur en cliquant sur les trois points . Cela laissera toujours de la place pour votre grille. Mais une valeur qui, je pense, est censée être un pourcentage. Donc 100 % l'espace que vous pouvez placer dans l'en-tête. Et puis 15 %, 1 %. Cela ne fait que laisser de la place pour notre grille et le petit rembourrage que vous pouvez modifier en fonction des paramètres d' espacement que nous avons examinés plus tôt dans les styles du site. Je vais donc simplement remettre cela au grand précepte. Ce que j'aime dans l'impact d'une pleine page quand quelqu'un tombe dessus. Mais cela vous donne une petite idée des options dont vous disposez pour travailler avec cette grille, qui est très utile pour la mise en page de votre contenu. Vous pouvez désormais également modifier écart en V présent entre les cellules de la grille. Vous pouvez donc cliquer sur cette première option si vous voulez qu'il n'y ait aucun écart. Et cela peut être utile si vous essayez de mettre des images en mosaïque sur la grille. Mais je vais revenir aux paramètres par défaut. Maintenant, si je clique sur Contexte, gardez à l'esprit qu'il s' agit de l'arrière-plan de cette section ici. C'est ici que nous pouvons configurer notre image de fond. Et il y a aussi une superposition sur le dessus, ce qui rend le texte un peu plus lisible. Donc, si l'opacité est superposée en bas, si je déplace ce curseur vers le haut, cela vous donne une meilleure idée de ce que cela fait. C'est donc comme si l'on superposait un film de couleur unie au-dessus de l'image. Et puis l'opacité contrôle bien la capacité Dans quelle mesure transparaît-elle ? C'est donc un paramètre très utile. La couleur qu'il affiche est liée aux couleurs de la grille sous l'onglet Couleur. Donc, avant de modifier notre image d'arrière-plan, il suffit de cliquer sur l'onglet Couleur. Et vous pouvez le voir en ce moment. Il utilise cette option la plus foncée de notre palette de couleurs. Maintenant, si je choisissais l'une des options les plus légères que nous utiliserions en superposition, utiliserais du blanc. Dans ce cas. Si je choisissais l' une des options centrales, si vous aviez quelque chose de vif dans votre thème, comme un orange vif, eh bien, il superposerait cet orange vif et ainsi de suite. J'espère que tu as compris l'idée. Je vais donc revenir à la utilisons le plus sombre, le plus sombre, le plus sombre. Vous pouvez voir la différence ici entre Darkest, 1.2. Cela donne aux titres cette couleur d'accent. Quand j'utilise l'option deux. Et lorsqu'il est également placé au-dessus d'une image, il n'est pas tout à fait clair, pas assez clair, pas tout à fait lisible. Je vais donc utiliser Dark en est une. Et assurez-vous simplement que le texte est clair et clair dans cette situation. Changeons donc l'arrière-plan. J'ai modifié mon texte, mais cliquons sur l'onglet d'arrière-plan. Vous pouvez cliquer sur Remplacer ou cliquer sur la corbeille, puis glisser-déposer une image à cet endroit. J'ai donc quelque chose en tête. J'ai choisi un site web libre de droits. Même si vous utilisez des actions libres de droits, ils veulent parfois que vous lui donniez une certaine attribution. Il vaut donc toujours la peine de vérifier si vous travaillez pour des clients. Assurez-vous simplement d'utiliser du stock que vous n'avez pas besoin d'inclure, peut-être un petit crédit ou une note quelque part sur la page. Squarespace possède en fait sa propre bibliothèque, que vous n'avez pas besoin d' attribuer sur la page. Et tu y accèdes. Si je reviens à l'arrière-plan de la section Modifier, je le supprimerai temporairement. Cliquez, ajoutez une image. Et au lieu de glisser-déposer, lorsque vous cliquez sur ce bouton plus pour ajouter une image, plusieurs options s'offrent à vous. Vous pouvez télécharger un fichier localement. Vous pouvez faire votre choix dans votre bibliothèque. Il s'agira donc de toutes les images que vous avez déjà utilisées sur ce site Squarespace. C'est donc là que vous trouverez cela. Et enfin, parcourez les images d' archives. Et sous l'onglet image gratuite, fourni par Unsplash, trouverez une assez large sélection d' images que vous pouvez utiliser librement. Maintenant, ce ne seront pas les plus uniques. Essayons Brewery. Ce ne seront pas les options les plus uniques. Grimpez, mais cela leur fera économiser s'ils n'ont pas budget pour la photographie ou l'imagerie. Donc, quelques options décentes ici. Certaines de ses photographies sont d'un niveau assez élevé. vraiment sympa car cela est désormais intégré à Squarespace. Vous pouvez donc y voir les résultats. Ce serait peut-être une bonne approche si je voulais que sa marque soit perçue comme une brasserie moderne à grande échelle Je pense que j'opte pour une approche de plus en plus classique. Encore un peu. Qu'est-ce que le mot boutique ? Brasserie boutique ? Donc, si je clique à nouveau sur le Plus et que cette fois je sélectionne dans la bibliothèque, nous devrions voir l'image SVG que j'ai téléchargée plus tôt, et je l'échangerai à nouveau. Vous disposez de certaines options de positionnement lorsque vous placez des images. En plus de s'amuser. Maintenant, il y a un petit cercle focal. Et vous pouvez cliquer et faire glisser. Et cela va changer pour le point focal. Maintenant, parce que cette image remplit bien l'écran depuis un moment. Mais cela ne semble rien faire. Mais si j'enregistre mes modifications et que je clique et que je fais simplement glisser le pointeur pour redimensionner l'écran, vous verrez que le recadrage est centré sur la partie. Hum, mais j'ai souligné l'utilisation de cet outil. C'est tellement utile. Et cela vaut la peine de vérifier le point focal au cas où votre arrière-plan serait recadré. Cela ressemble donc déjà beaucoup plus à ce thème. Au fur et à mesure que je fais défiler la page, vais juste chercher d'autres sections. Parfois, lors de ma première passe, je cherche simplement des victoires faciles pour commencer à y ajouter mon contenu et à façonner les choses. conception sur Squarespace est donc très différente de celle que vous utiliseriez sur une plateforme comme WordPress, où vous pouvez tout modéliser en théorie, d'abord, vous pouvez le faire pour Squarespace, puis recréez à partir d'une maquette. Mais je pense que la plupart d' entre nous concevons librement, car il est si facile de mettre en jeu des éléments que vous concevez en direct, où que vous soyez. Je cherche donc une section que je puisse utiliser. J'ai ma page d'accueil. C'est le genre de zone d'atterrissage. Un visiteur peut consulter la navigation, mais il peut faire défiler la page vers le bas. Et si je pense que la prochaine section que je voudrais inclure ne portera que sur la brasserie. Donc, si nous avons une page à propos autonome , qui, pour le moment, contient peut-être qu'un court extrait sur le mois de février, puis un bouton permettant quelqu'un de cliquer pour en savoir plus. J'ai besoin d'ajouter une section. Je ne veux pas utiliser celui-ci avec ce modèle de cours à venir. Je vais donc passer en mode édition. Et vous pouvez voir que lorsque je passe entre les deux sections, il y a un bouton ici pour la section des publicités. Si je clique dessus, il propose une gamme assez large d'options que nous pouvons utiliser. Et ce sont là des points de départ, encore une fois pour nous aider à commencer à intégrer notre contenu. Donc, si je clique sur la rubrique À propos pour voir certaines options que les concepteurs de Squarespace jugent appropriées pour une section À propos. Et vous pouvez cliquer sur des personnes, des produits, des services, de nombreuses options différentes. Il n'est pas nécessaire d'utiliser un modèle À propos pour la section À propos. Vous trouverez peut-être quelque chose dans les exemples citations qui, selon vous, fonctionne mieux dans cette section afin de pouvoir les mélanger et les assortir. Mais d'une manière générale, c'est plutôt bien. Certaines suggestions fonctionnent très bien. Pour notre section sur la brasserie. Vous pouvez voir que certaines FAQ sont incluses en bas de cette catégorie à propos. Je pense à quelque chose qui combine un peu de texte avec un peu plus d'imagerie. Cela semble donc intéressant. Ensuite, je pourrais échanger mon contenu. Je vais donc vous montrer une option supplémentaire. Je clique sur Ajouter une section et je vais plutôt ajouter une section vide. Vous pouvez ajouter des blocs et créer à partir de zéro. Si vous choisissez de le faire, cliquez sur le bouton Ajouter un bloc pour obtenir une liste de tous les différents éléments de bloc présents dans Squarespace. Vous utiliserez le plus souvent des textes, des boutons dans les images. Je suis sûr que ce n'est pas un hasard, Vose ou juste au sommet. Il existe d'autres petits éléments, tels que des lignes, que vous pouvez utiliser pour diviser la mise en page. Vous pouvez ajouter des galeries, et il y avait des commandes de galerie assez avancées. Dans les galeries, vous pouvez également créer un diaporama. Il y a tellement d'options avec lesquelles jouer. Choisissons le texte. Et encore une fois, une fois que vous commencez à faire glisser, une grille apparaît. Parce que j'ai commencé avec une section blanche. Cela inclut les valeurs par défaut. Si je clique sur Ajouter, modifier la section, remplacez les couleurs par l'un des thèmes sombres. Je pourrais utiliser une image de fond si je le voulais. Je pourrais modifier le nombre de lignes si je pense que ce n'est pas nécessaire tant que vous n'avez pas positionné votre contenu. Je pourrais donc créer un titre à propos. Faites grossir le gras. Je pourrais peut-être créer le texte avec du gras, mais il y a plein de choses différentes que je pourrais faire, mais c'est quelque chose que j' utiliserais si vous savez mieux penser à partir de zéro, si vous préférez travailler avec une page blanche. Personnellement, dans Squarespace, j'ai trouvé que c'est un avantage de travailler à partir d'un point de départ, puis de le modifier à partir de là. Je vais supprimer cela pour le moment. Je vais changer la palette de couleurs pour celle que j'aime bien. Double-cliquez pour changer notre titre en « À propos ». Remarquez que lorsque je l'ai fait, parce que j'ai supprimé tout le texte, je peux simplement appuyer sur Annuler. Comme j'ai sélectionné tous les textes avant de les taper, je passe de H1 au paragraphe deux. C'est donc une petite chose ennuyeuse qui peut arriver. Vous pouvez soit commencer à taper après la première lettre. Je vais supprimer la première lettre. Ou vous pouvez le modifier manuellement, mais à la fin, une fois que vous avez terminé. Et puis sur le côté droit, ici. Et cette fois, il ne s'agit pas d'une image de fond pour cette section. Ce qui signifie que nous pouvons cliquer et faire glisser. Vous voyez que cette image vit en fait sur la grille. De même, notre texte, n'est pas strictement de la taille H1, utilise en fait une fonctionnalité qui garantit que ce texte remplit cette case. Il sera aussi grand que nécessaire pour remplir la boîte. Et cette option, si je sélectionne une partie du texte, se trouve ici dans le texte de l'échelle de la barre d'outils. Donc, si je désélectionne le texte à l'échelle, reviendra à cette taille H1 et il ne dépassera pas cette taille. Ce sera en fait mon option préférée. Je pense que cela me permettra plus de cohérence dans le dimensionnement lorsque quelqu'un parcourt le site Web. Cette ligne de démarcation ne me dérange pas. Je voudrais peut-être en parler un peu plus haut. Et puis agrandissez la taille de mon texte. Paragraphe un. Fermez cet espace pour voir qu'il est très facile, surtout lorsque vous vous familiarisez avec cela, de simplement glisser-déposer et modifier les éléments. Et juste du design. Ne vous inquiétez pas pour le codage, ne vous inquiétez pas pour le développement Web. aime simplement utiliser la plateforme pour concevoir, c'est pourquoi beaucoup d'entre nous l'adorent. Je vais donc choisir parmi les images disponibles ici. Jetons un coup d'œil à la brasserie. Encore une fois. Il y en a une très belle. En utilisant ces barils. Une fois que c'est en place. Et Squarespace adapte automatiquement les tailles crée des copies qui seront distribuées en fonction de l' appareil utilisé par l'utilisateur. Donc, tout ce qui se passe en arrière-plan, vous pouvez simplement vous concentrer sur le front-end. Même s'il utilisait l'onglet du champ par défaut, il ne se remplissait pas réellement. Il a été réglé pour s'adapter, donc il clique entre eux, parfois il l'inverse. Et cela remplit maintenant notre espace. Je suis très heureuse que le point focal soit le centre. Je vais cliquer sur Enregistrer pour enregistrer mon travail au fur et à mesure. Et ça a l'air vraiment bien. Peut-être que nous consommons un peu trop de barils. Mais c'est le genre de look et de sensation que je veux faire passer au départ. Maintenant, une fonctionnalité que j'ai dit que j' ajouterais, je ne l'ai pas encore fait. Je vais rouvrir le mode édition, il avait un bouton pour en savoir plus sur l'entreprise. Ce ne serait donc qu'un court extrait en bref. Enlevons-en un peu. Je l'utilise juste comme copie d' espace réservé pour le moment. Et je vais cliquer pour ajouter un bloc. Nous utilisons le bloc de boutons V. Faites-le glisser vers le bas comme vous voulez qu' il soit positionné. Et c'est ici que nous pouvons choisir entre notre type de bouton principal, secondaire ou tertiaire. Donc tertiaire, généralement plus petit, secondaire un peu plus grand. Et le primaire est généralement encore plus grand. Mais cela dépend des paramètres que vous avez utilisés dans les styles de site que nous avons examinés précédemment. Maintenant, malgré ces différents paramètres, vous pouvez toujours faire glisser et déposer le bouton pour qu' il se trouve sur la taille de grille qui vous convient. Vous pourriez donc avoir un énorme bouton qui s'étend sur toute la largeur. Ou vous pouvez l' aligner un peu plus petit. C'est entièrement à vous de décider en termes de couleurs pour le moment, et je vais simplement faire défiler l'écran vers le haut. Vous avez donc une vision claire de la situation. excuses, j'oublie parfois que mon image, ma vignette apparaît à l'écran pendant un moment, est dessinée sur une couleur que nous avons utilisée pour cette section. Si je clique sur Modifier la section puis sur les couleurs, vous verrez que si je passais de l'une à l'autre, couleur de nos boutons changerait réellement. Je tiens donc à conserver le reste de cette section telle qu'elle était, ce qui était une option si obscure. Mais j'aimerais vraiment que le bouton soit différent. C'est donc ici que nous pouvons effectuer les personnalisations de précision que j'ai mentionnées. Et dans le noir aussi, si je clique sur le bouton Modifier, cela nous fait entrer. Je suis les styles du site dans la barre latérale. Et il essaie de nous donner les différentes couleurs présentes sur cette page en ce moment. Maintenant, pour nous faire gagner du temps faisant défiler toutes ces options, si je survole et que je sélectionne, une petite sélection bleue apparaît autour de cette option, ou elle peut apparaître autour de différents blocs de la page. Si je clique sur le bouton qui le sélectionne, cela nous amène automatiquement aux options non pertinentes de notre barre latérale. Nous avons donc une option ici pour le fond noir du bouton principal. Si nous utilisons le foncé pour faire de la palette. Je comprends qu'au début, c' est probablement un peu pour vous faire une idée et que c'est peut-être inutilement difficile. Mais cela vous permet vraiment d'affiner et de personnaliser ce site. Vous ne souhaiterez pas toujours utiliser les valeurs par défaut en place. Il est donc très utile de pouvoir creuser un peu plus en profondeur et de choisir des couleurs personnalisées. Je souhaite modifier l'arrière-plan. L'une des couleurs de notre palette, mais je souhaite utiliser un fond blanc. C'est donc très important. Et puis pour le texte, parce qu'il est désormais invisible, je vais encore une fois utiliser une couleur de la palette, et je vais utiliser celle-ci en noir cassé. Enregistrez mes modifications. Maintenant, j'ai remarqué que le style du bouton est revenu ou que je n'ai peut-être pas enregistré ou que je n'ai peut-être pas enregistré au départ. Je voulais que tout soit en majuscules. Et ici, ça s'affiche en minuscules. Donc, pour changer cela rapidement et facilement, si je passe à Design Site Styles, boutons, je voulais que ce soit le futur. Je voulais qu'il soit en majuscules. Je lui ai donné un peu d'espacement entre les lettres. Je pense que le poids doit être légèrement plus élevé pour qu'il lisible lorsqu'il est inversé par la lumière blanche et plutôt que de passer au primaire, secondaire et au tertiaire, si je veux l' appliquer à tous ces types de boutons, je peux cliquer sur le bouton ici, s'appliquent à tous les types de boutons. Et cela correspondra au style de chacun d'entre eux. Maintenant, je vais m' assurer que je sauvegarde pour les modifications et que la page s'actualise. Et c'est fait, c'est désormais en place. Parcourez donc le site Web en supprimant des sections si vous n'en avez pas besoin. Voici une section. Je pense que je vais supprimer les cours à venir pour supprimer une section. Si vous cliquez simplement sur l'icône de la corbeille en haut à droite pour la supprimer. Et juste quelques conseils, quelques types de sections que je trouve très efficaces. Manière. Vous avez une image en arrière-plan avec du texte en haut. Il s'agit en fait d'un formulaire d'inscription à une newsletter, mais si je le supprime et que je place un blocage, et que c'est un moyen assez efficace de modifier le rythme d'un site Web lorsque quelqu'un fait défiler la page, au lieu qu'il s'agisse de beaucoup de textes ou de nombreuses images en couleur, il peut être très intéressant de diviser les sections en incluant simplement un slogan dans l'image , aussi légèrement en arrière-plan. Pour notre brasserie, je pourrais inclure goût crédible et rafraîchissant. Cela ne vous rapportera aucun prix, mais le simple fait de démontrer que les dérogations pourraient fonctionner. Si je le voulais, je pourrais utiliser cette option d'échelle pour créer ce texte. Remplissez toujours cet espace sur la page. Mais j'en suis très content. Ensuite, si je clique sur Modifier les couleurs de la section, heureuse d'utiliser les couleurs les plus foncées, mais sur l'onglet d'arrière-plan, je vais augmenter l'opacité de la superposition. L' image est un peu moins visible. Et cela rend les textes un peu plus faciles à appeler. Bien sûr, je vais changer l'image de ce studio de yoga. Recherchez une bibliothèque, une bibliothèque de stocks de bière. Et quelque chose qui a l'air rafraîchissant. CSV, esthétique sombre et maussade. Peut-être ce petit houblon sur la table. Tout à fait comme ça. Il y a une ambiance assez rafraîchissante. Voyons à quoi ça ressemble. Ça a l'air vraiment bien. Ensuite, nous allons passer au format. Et je ne pense pas que cette section doive être aussi haute. En hauteur. Le moment est d'essayer d'occuper 80 % de l' espace disponible sur la page. Alors allons-y. Donnons-le. En fait, nous perdons alors trop de houblon. Ici, partageons la différence. 60 %, c'est très bien. Comme je l'ai dit, une section comme celle-ci est très utile pour accélérer le rythme. Donc, lorsque je parcourt le site, si j'ai l'impression qu'il y a trop d'une chose ou d'une autre, j'aime mettre quelque chose comme ça entre les deux, juste pour ralentir les choses. Pour le diviser et modifier l'ordre des sections, vous ne pouvez pas le glisser-déposer. Mais si vous survolez une section, vous pouvez utiliser les flèches pour déplacer cette section vers le haut ou vers le bas dans l'ordre des pages. Je vais cliquer pour monter. Et aussi facilement que cela, il passe à la section V mais se trouvait au-dessus. Je peux le déplacer à nouveau si je veux. Un site Web fonctionnerait comme ça, mais je vais l'utiliser. Asseyez-vous entre notre section À propos. Ensuite, je pourrais rédiger un texte pour donner plus d'informations, peut-être sur les contacts dans une brasserie. De nombreuses options. Donc je ne veux pas t'ennuyer. L'idée n'était pas de vous présenter toutes les options possibles, mais les plus courantes que vous utiliseriez et, espérons-le vous enseigner certains des outils et des principes que vous pouvez utiliser. Vous êtes alors libre de commencer à créer vos propres pages. N'oubliez donc pas que lorsque vous cliquez sur Ajouter une section, vous avez accès à une vaste bibliothèque de sections modèles pour vous aider à démarrer et même échanger votre contenu dans toutes ces sections Elles sont composées de différents blocs. Quelques sections spéciales. Ils ont un contenu préconfiguré. Et je vais vous montrer ce que cela signifie. Encore une fois, c'est quelque chose que Squarespace ajoute progressivement. Tout ne tombe donc pas sous le même toit. Mais si nous cliquons sur les images et que nous choisissons l'une de ces sections d'images, il y a très peu d'icône en forme d' œil ici. Et l'infobulle indique des sections en V. Vous pouvez ajouter rapidement des éléments de contenu et passer d'une mise en page à une autre sans avoir à les réorganiser manuellement. C'est la raison de cette distinction. Et cela s'applique à un grand nombre de ces modèles d'image. Je vais donc vous montrer la différence. Tout d'abord, nous allons en ajouter un, qui utilise ce style de contenu remplaçable. Donc, lorsque je survole la page, ces images ne sont pas des blocs. Ils sont contrôlés à l'aide ce bouton d'édition ici, Modifier la galerie. Et cet outil de configuration de galerie se trouve ici. Vous pouvez réorganiser les images V, mais vous ne pouvez pas les modifier pour la grille. Petit avantage, si je clique sur Modifier la galerie, mais que si je clique sur Modifier la galerie, la section d'édition le permet, vous pouvez passer d'un type de galerie disponible à un autre. Nous avons un moment simple. Je pourrais passer à la maçonnerie. Et vous disposez alors de ces outils pour personnaliser le nombre de colonnes à espacer. Je ne vous ennuierai pas en parcourant les quelques options disponibles. Mais je suis sûr que vous avez une idée générale. C'est donc un autre exemple de types de pages spéciaux que j'ai mentionnés et qui permet d' essayer facilement quelques options différentes. Vous avez des diaporamas, des vrais, plein de choses avec lesquelles jouer et expérimenter. Mais je vais supprimer ce type de section pour le moment. Et je vais vous montrer l'alternative. Nous revenons aux images et nous sélectionnons l'une d'entre elles, mais elle ne comporte pas la petite icône « I », petite information. Donc, une de ces pages d'images ordinaires. Donc, si j'ai sélectionné ce modèle, vous pourrez voir cette fois que je survole les images une sélection bleue apparaît autour d'elles. Et je peux les faire glisser et déposer sur la grille. Mais cela signifie que je ne peux pas accéder à la section Modifier et modifier les préréglages de manière fluide. Il s'agit d'une mise en page 100  % personnalisée. J'espère donc que cela vous donne un bon aperçu des bases. certainement assez d'outils pour commencer à personnaliser et à créer des mises en page, mais cela semble vraiment efficace y échangez votre contenu pertinent. Faites donc une expérience de jeu, découvrez quelles sont les options. Il est assez facile d'essayer quelque chose, puis de le supprimer ou de le remplacer par quelque chose d'autre. Passez donc du temps à le faire et à vous sentir bien, heureux et familier avec cela. Rejoignez-moi dans la prochaine leçon où nous examinerons quelques fonctionnalités supplémentaires proposées par Squarespace. 8. Créer - Caractéristiques diverses: Dans cette leçon, nous allons aborder quelques fonctionnalités assez essentielles que nous n'avons pas encore implémentées sur notre site Web. Et je vais simplement faire défiler la page pour que vous puissiez avoir une idée de l'apparence de mon site de démonstration. J'ai donc pris différentes sections, en y ajoutant du contenu. Nous avons maintenant échangé nos images. Le pied de page, sur lequel nous reviendrons plus loin. C'est ici. Le pied de page C'est certainement une fonctionnalité essentielle que nous allons examiner dans cette leçon. J'ai ajouté une petite section contextuelle ici. Nous allons créer un lien d'ancrage qui nous y mènera. Votez donc en direct en bas de la page d'accueil, cela apparaîtra dans notre menu en haut. Je vais donc vous montrer comment procéder. J'ai changé notre bouton pour réserver, mais nous ajouterons des liens sociaux en haut de la page. Et j'ai ajouté du contenu à Je n'ai que deux sous-pages pour cet exemple de site. page À propos est si simple, mais assez efficace. Et encore une fois, il s' agit simplement de personnaliser les éléments que Squarespace nous fournit dans les modèles et une page de processus de préparation. Cela vous donne donc une petite idée de ce qui peut être fait. Et c'est très rapide, très facile à réaliser. C'est vraiment conçu d'abord, le web design. Commençons donc peut-être par travailler sur l'en-tête , puis nous passerons au pied de page. Nous voulons donc ajouter nos liens vers les réseaux sociaux. Et je vais vous montrer comment j'ai inclus ce bouton, qui nous amène à un livre, à une page de visite guidée qui n'est pas liée dans mon menu de navigation sur la gauche. Passons donc en mode édition en double-cliquant. Ensuite, je passe la souris vers le haut et je sélectionne Modifier les éléments d'en-tête du site. Vous verrez que j' ai activé un bouton. Si je désactivais le bouton, il disparaîtrait. Et si nous revenons en arrière, la mise en page que nous avons choisie pour notre affichage de bureau. La disposition de l'en-tête qui dicte la manière dont chacun de ces éléments sera positionné. Je pourrais donc tout aussi bien positionner avec le logo sur la gauche, avoir une navigation au centre, puis n'importe quel bouton ou élément social vers la droite. Mais je vais m'en tenir à cette mise en page. Et nous allons revenir aux éléments. Activez notre bouton, qui m'amène à la grande page de mon Booker. Encore une fois, pour lier des pages, vous pouvez soit saisir l'URL exacte. Si vous commencez par une barre oblique, cela vous amènera toujours au premier répertoire après votre site Web. ne voulez probablement pas voir cette façon pour vous faciliter Squarespace vous permet de commencer à taper avec une barre oblique. Et vous pouvez voir une liste de vos pages apparaître ci-dessous. Et voici mon livre, une page de visite guidée. Nous avons donc également une option pour les liens sociaux. Je vais l'activer. Et vous pouvez voir comme espaces réservés, nous avons Instagram, Facebook, Twitter. Nous cliquons sur Modifier les liens sociaux. Lorsque vous commencez à taper. Squarespace attribue automatiquement l'icône appropriée à cette plateforme sociale. Donc, si je commence à taper Twitch dedans, vous pouvez voir l'icône Twitch apparaître. Aux fins de ce site de démonstration. Je vais simplement laisser ces liens pointant vers les profils de réseaux sociaux de Squarespace pour ces plateformes. Donc c'est très bien. Nous y avons nos liens sociaux. La tête est belle. Nous utiliserons la navigation pour ajouter un lien d'ancrage, qui nous redirigera vers notre formulaire de contact en bas de la page d'accueil. Mais d'abord, stylisons simplement le pied de page. J'ai donc décidé de garder ce site web avec un thème sombre et vous pourrez alterner assez efficacement. Vous pouvez passer des sections sombres aux sections claires pour décomposer le motif. Mais dans le reste du site, j'ai maintenu le thème sombre jusqu'au bout. Donc, je vais y aller, à l'exception de cette petite bande contextuelle, que je n'hésite pas à sortir du lot. Mais je vais changer cela pour le pied de page. Encore une fois, si je double-clique n'importe où sur la page pour passer en mode édition, et que le fait de survoler la section du pied de page apparaît avec Modifier. pied de page fonctionne à peu près de la même manière que l'en-tête, mais cette fois, l'installateur fonctionne beaucoup plus comme une page normale avec des blocs. Donc, si un instant, nous avons cette disposition ici qui utilise en fait un système de grille. Et tu peux déplacer les blocs de textes avec lesquels ils nous ont commencé. Je vais opter pour quelque chose d'un peu plus simple. Donc, cette section ici, je ne vais pas l'inclure, vous pouvez la choisir discrètement, ce que je mets souvent conçu et développé votre nom lorsque vous créez un site Web pour un client. Je vais le supprimer pour le moment. C'est un peu exagéré avec du texte. Et je vais essayer de centrer ça. Nous y sommes. En bas. Centrez le contenu. Je placerai l' adresse sur une ligne, un numéro de contact sur l'autre ligne. Portez le nom d'une brasserie. Je suis très heureuse de garder vos liens sociaux, mais je pense qu'ils sont centrés sur eux. Si je clique sur le bouton Modifier, dans l'onglet Design, je peux choisir l'alignement central. Je pourrais aussi changer la taille, mais j'en suis très contente. Ensuite, je vais cliquer sur Modifier la section et changer également les couleurs de l' ensemble du pied de page. Je pense que je vais opter pour un noir foncé pour terminer le tout avec un joli contraste fort. Si je le voulais, une petite touche sympa serait d'ajouter, sinon le logo complet en bas. Je pourrais peut-être ajouter les sous-titres, donc je pense que je vais le faire. Cela fonctionne donc de la même manière que nos pages habituelles ou ajoutez un bloc, faites glisser une image. Prévoyez un espace assez petit pour cela. Cela signifie que je vais juste devoir faire glisser le reste de mon contenu vers le bas. Pour ce faire, commencez par les liens sociaux. Et si vous faites glisser et que vous faites glisser le pointeur en dessous de V, en bas de la grille, cela ne fera que prolonger la grille pour vous. Cela créera des lignes supplémentaires. À l'heure actuelle, la grille est configurée en une ligne partant du haut. Vos blocs supplémentaires diminueront donc. Faisons donc glisser notre espace réservé à l'image. Juste là. Je pense que je vais lui donner à peu près autant de place. C'est donc un espace assez petit pour notre sous-marque. Je vais déplacer le texte vers le haut. Je vais replacer les liens sociaux vers le haut. Ensuite, je vais cliquer sur Modifier le contenu et le télécharger. Mon sous-marque. C' est une petite touche, mais je trouve que ça a l'air vraiment intelligent. Et maintenant, vous remarquerez une grille. Il nous donne toujours plus de lignes lorsque nous en avons besoin. Vous n'avez donc pas besoin d' aller dans la section Modifier. Lorsque vous survolez la souris, il y a cette petite ressemble à une icône de paragraphe, mais cela indique comment vous pouvez faire glisser la grille vers le haut. Je vais donc cliquer dessus et le faire glisser jusqu'à ce que nous ayons fermé l'espace inutile. Enregistrez mes modifications. Et un pied de page très beau, simple et propre, c'est ainsi que j'aime le conserver. Ensuite, créons un lien d'ancrage, mais cela nous redirigera vers notre section Contactez-nous. Ce n'est donc pas aussi simple que cela pourrait l'être. J'espère que c'est quelque chose que Squarespace pourrait changer, mais je vais vous montrer la méthode de coloration pour y parvenir. Donc, tout d'abord, je dois modifier, passer en mode édition en double-cliquant. Et je dois ajouter un type de bloc spécial, et c'est le bloc de code. Donc, idéalement, je veux que ce bloc soit positionné le plus haut possible dans la section. Donc, pour activer cela , en déplaçant légèrement ces sections existantes vers le bas, vous pouvez superposer une section sur une autre. Et je vais juste positionner mon bout de code. Maintenant, le code n' affichera rien, il sera masqué. Ce Hello Word n'apparaîtra pas. Donc, ce n'est pas grave si cela se chevauche, comme je l'ai fait là-bas, mais je voulais juste déplacer les éléments vers le bas pour pouvoir cliquer et accéder facilement. Donc, si je clique, modifiez le code que nous devons utiliser pour créer la destination de notre lien d'ancrage. Le code que nous devons utiliser est, et vous pouvez bien sûr le copier. Vous n'avez pas besoin de le mémoriser. Et le crochet ouvert et triangulaire p space id est égal à. Ensuite, nous ouvrons les guillemets. Et entre ces guillemets, nous mettons le nom du lien d'ancrage. Le nom du lien d'ancrage, qui correspond au nom que nous utiliserons lorsque nous créerons un lien pour celui-ci, passe directement à celui-ci et apparaîtra dans la barre d'URL. À la toute fin. Il y aura un hashtag , puis la balise d'ancrage que nous choisirons. Je vais donc utiliser le contact. Fermez ces crochets ouverts. Ensuite, nous devons fermer cela sur un autre crochet ouvert, faire une barre oblique vers l'avant et fermer avec des crochets. C'est donc autant de code que j'espère que vous aurez besoin de faire pour créer un site Squarespace de base. Mais il y a beaucoup plus de code que vous pouvez ajouter inutilisé pour peaufiner et personnaliser les choses pour toujours. Mais cela dépassera le cadre de ce cours. Donc sans code pour notre destination. Balise d'ancrage créée. Souvenez-vous donc de son contact. Vous pouvez même le copier pour vous assurer qu' il est exactement correct. Je vais cliquer sur Désactiver, enregistrer cette page. Et maintenant, nous devons ajouter un lien vers notre navigation. Dans la barre latérale. Assurez-vous que vous êtes sous les pages. Vous regardez la navigation principale et cliquez sur le bouton plus pour ajouter ce qui est actuellement la dernière option et le lien. Et le titre que nous choisissons est le nom du lien tel qu'il apparaîtra dans la navigation en haut de notre en-tête, mais ce n'est pas la balise d'ancrage. Pas encore. Ainsi, par exemple cela pourrait indiquer « contactez-nous », mais notre lien d'ancrage réel pourrait simplement utiliser contact que nous avions copié précédemment. Si un moyen de créer ce lien d'ancrage consiste à utiliser un symbole de hachage. Et puis le nom du lien que nous avons choisi. est aussi simple que ça. Mais comme ce lien peut être cliqué depuis différentes pages du site Web, nous devons également ajouter une barre oblique pour indiquer que nous voulons que Squarespace revienne dans le répertoire d'accueil. Nous indiquons donc que ce lien d'ancrage est placé sur la première barre oblique, c' est-à-dire le répertoire racine. Si cela ne vous semble pas logique , ne vous inquiétez pas. Mais croyez-moi, cela fonctionne. Si votre lien d'ancrage se trouve sur une autre page, par exemple s'il se trouve sur la page À propos, vous devez taper le lien tel qu'il vous montre ici. Ce serait donc une barre oblique à notre sujet. Ensuite, le hashtag van contact nous amènerait à même position du lien d'ancrage s'il était placé sur l'une de ces sous-pages. avons donc placé sur la page d'accueil. Nous utilisons ce hashtag en forme de barre oblique. Ensuite, notre lien cliquera sur Enregistrer. Je vais le faire glisser pour qu'il apparaisse comme dernier élément de notre navigation. Et même si nous sommes dans le back-end de Squarespace, si je clique sur ce lien, vous devriez voir qu'il nous renvoie à la page. Et cela nous a permis d'accéder directement au lien cible que nous avons créé. C'est donc une façon très longue de faire ce qui est assez simple sur d'autres plateformes. C'est donc une fonctionnalité que j'espère que Squarespace mettra à jour, mais en même temps, ce n'est pas trop difficile à mettre en œuvre. Vous pouvez donc ajouter autant de cibles d'ancrage et de liens d'ancrage que vous le souhaitez. Vous pouvez utiliser le même hashtag I'm forward slash et le nom de votre cible pour créer un lien à partir d' un bouton à partir d'une partie de texte surlignée. Ce serait le processus à suivre pour le faire. Maintenant, une dernière caractéristique essentielle que nous devons prendre en compte est l'affichage mobile. Maintenant, si vous cliquez en haut à droite, vous pouvez basculer entre l'affichage de bureau et l'affichage mobile. Et la plupart du temps, si vous concevez d'abord sur ordinateur de bureau, Squarespace parvient très bien à convertir le contenu de manière réactive. Et tout s' aligne parfaitement. Mais nous allons cliquer dessus maintenant. Et je ne l'ai pas encore examiné pour mon site Web. Et au fur et à mesure que nous défilons vers le bas, nous devrons simplement rechercher toutes les zones où peut-être, pour espacer l'alignement, quelque chose ne s'est pas aligné parfaitement sur la vue mobile. Et voilà, j'ai repéré le premier. Je n'aime pas le fait que ce bouton apparaisse directement sur la section V en dessous. Encore une fois, pour entrer en mode édition, il suffit de double-cliquer n'importe où sur la page. Et ce qui est bien, ce sont les ajustements que j' apporte à cette vue mobile. Cela ne les reflétera pas sur la vue du bureau si la mise en page et la grille changent correctement. Je vais donc faire glisser le pointeur juste pour créer un espace extracellulaire sous ce bouton. Et je vais enregistrer cette modification. Cela résout donc ce problème pour Mobile View. Et si je reviens à la vue de bureau, notre mise en page reste la même. Il est conçu de telle sorte que si vous commencez par la disposition de votre bureau, vous pouvez l'affiner et effectuer des ajustements de manière non destructive. Si je devais modifier et modifier le texte, le changement se refléterait évidemment sur les deux points de vue. C'est donc juste pour les grilles. Toutes les modifications que vous apportez au réglage précis de leur positionnement sur le réseau mobile. Squarespace a un moyen de préserver cela, de ne pas le modifier, de ne pas gâcher la disposition de votre bureau. Le reste de cette page semble bon car il a peut-être un peu trop y a peut-être un peu trop d'espace négatif en bas. Cela est dû à notre code. Le lien d'ancrage, qui, sur la vue mobile, est placé en bas, ce qui est intéressant. Je vais donc devoir déplacer les choses vers le bas et veiller à ce que mon code apparaisse en haut. Maintenant, une fonctionnalité pratique que vous pouvez utiliser. Et je pense qu'à ma connaissance, cela ne s'applique qu'à la vue mobile. Il y a cette petite flèche qui indique de monter. Et vous pouvez déplacer un élément vers le haut de la grille mobile. Je vais donc cliquer dessus une fois, deux fois. Et ce qui est très clair commence maintenant par notre code. Lorsqu'un visiteur consulte le site depuis le front-end. N'oubliez pas que nous sommes dans le back-end. Ce code ne doit pas créer d'espace pouvant être ignoré en termes de mise en page et d'espacement. Encore une fois, je vais enregistrer cette modification. J'ai également remarqué que la vue mobile du pied de page ne fonctionne pas. Comme j'aimerais. Je suis heureuse de rencontrer quelques-uns de ces petits problèmes à régler, car cela vous montre ce que vous pourriez avoir besoin de faire pour votre site Web. Encore une fois, double-cliquez pour entrer en mode édition. Cliquez sur Modifier le pied de page en le survolant. Et je pense que le problème ici est simplement qu'on essaie d'ajouter un espace négatif sur le côté. Je vais donc faire glisser et m'assurer que mes éléments traversent toute la largeur de l'écran. Et puis mon image, je pense, peut se permettre d'être un peu plus petite. Je vais donc lui donner moins d' espace pour travailler dans les limites notre position au centre de la grille. Ensuite, j'utiliserai ma fonction pratique de déplacement vers le haut pour le déplacer vers le haut comme nous voulons qu'il soit positionné. Il ne faut donc que quelques secondes pour aplanir certains plis. Mais cela vaut la peine de parcourir votre site Web une fois que vous avez terminé et de simplement le vérifier. Rien de tel ne s' est produit pour la vue mobile. Je ne vais donc pas parcourir chaque page, mais veuillez parcourir chacune des pages de votre site Web et apporter de petites modifications, de petits ajustements pour vous assurer que la mise en page mobile se présente comme il se doit. Je suis donc très content de mon exemple de site Web. J'espère que vous êtes satisfait de ce que vous avez créé jusqu'à présent. Dans la prochaine leçon, nous examinerons quelques conseils de pro qui peuvent vous aider à apporter la touche finale à votre site Web. 9. Conseils de pro: Donc, même si j'ai qualifié cette leçon de conseils professionnels, sont des choses que je surveille. Cela fait plus de dix ans maintenant, dix ans d'expérience dans la conception de sites Web. Ces conseils ne sont pas difficiles à mettre en œuvre Ils créeront donc un domaine professionnel et finiront votre site Web, mais ils seront très faciles à mettre en place. Notre premier conseil est donc une icône de navigateur, que vous pouvez trouver en accédant à la section de conception depuis la barre latérale , puis vers l'icône du navigateur. Et cela s' appelle techniquement un favicon. C'est une toute petite icône. Vous ne pouvez donc pas inclure quelque chose de très détaillé. Mais il semblerait que si vous regardez en haut à gauche de la fenêtre de mon navigateur, il s'agit d'une petite icône. Et sur les appareils mobiles que vous utilisez lorsque vous ajoutez des sites Web à vos favoris, cela apparaît sous la forme d'une petite icône dans le coin supérieur. Très bien si ce n'est pas un problème avec un bloc Squarespace. J'ai donc quelque chose qui convient parfaitement à cela. J'ai une icône en forme de couronne très simple, qui représente juste la partie centrale de l'un des éléments de mon logo. Je vais donc l'utiliser comme favicon. Il suffit donc de glisser-déposer. Il doit donc s'agir d'un fichier PNG, mais sinon Squarespace le redimensionne pour vous. Je vais donc économiser encore. Il n'apparaît pas ici. Si je copie ceci et que j'ouvre une nouvelle fenêtre de navigation privée, vous pouvez voir qu'elle apparaît maintenant et qu'elle a l'air vraiment intelligente. Il faut vraiment qu' il s'agisse d'une simple icône. À certains endroits. C'est un espace absolument minuscule, mais c'est une touche professionnelle agréable. Autre chose pendant que nous sommes sur cet onglet. Voici donc l' onglet Design, l'écran de verrouillage. Vous avez probablement remarqué que lorsque j'ai visité cette fenêtre de navigation privée, si vous avez envoyé un client potentiel consulter un site Web, peut-être une fois que vous serez prêt à le révéler. C'est la page qu'ils verront si vous avez un mot de passe verrouillé et si vous entrez le mot de passe pour y accéder. Eh bien, c'est assez générique. Cela ne vous permettra pas de gagner de récompenses de design. Nous pouvons donc créer quelque chose mieux sans trop de problèmes. Donc, juste une petite touche professionnelle. Si nous visitons l'écran de verrouillage de l' onglet Conception, nous avons le choix entre plusieurs mises en page. Alors peut-être celui-ci. Juste pour te le démontrer. Je vais cliquer sur Enregistrer. J'y retournerai. Ensuite, si vous parcourez ces rubriques, vous pouvez les personnaliser et les mettre en forme. Donc, en ce qui concerne l'image de marque et les textes, si nous le voulions , je pourrais inclure mon logo, ce que je vais faire. Donc c'est sympa. Brasserie Evoke. Vous pouvez ajouter un titre si vous le souhaitez ou ajouter un corps de texte, mais je ne pense pas que cela soit nécessaire pour moi. Je vais économiser. Revenez au menu suivant qui contient des fichiers multimédias. C'est vraiment ici que nous pouvons choisir pour cette mise en page particulière, une image de fond. Encore une fois, vous pouvez effectuer une recherche dans les images de stock de Squarespace ou dans la bibliothèque d'images que vous avez téléchargées jusqu'à présent. Et j'aime bien cette version abstraite. On y voit de la bière tourbillonner dans un verre. Je pense que cela crée un effet très intéressant lorsque les chauves-souris téléchargent et font leur travail. Un écran de verrouillage beaucoup plus professionnel ne nous a donc pris qu' une minute environ pour le mettre en place. Si je visite et actualise maintenant ma fenêtre de navigation privée, cela créera une bien meilleure première impression lorsqu'un client se connectera et visitera lorsqu'un client se son nouveau site Web avec enthousiasme. Encore un conseil de pro et peut-être que Squarespace ne sera pas très contente. Je dis cela, mais le conseil est d'éviter que certaines fonctionnalités de conception aient été ajoutées à la dernière version. Si je clique sur le mode édition, je vais ajouter une section. Malheureusement, certaines des dernières options associées dernier modèle ajouté par Squarespace semblent apparaître en haut de cette page. Ils sont devenus obsédés par ce texte qui évolue lentement, qui, je trouve, nul du point de vue du design. Vous pouvez voir qu'il y en a d'autres ici. Que se passe-t-il ici ? Pour moi, c'est vraiment rebutant. Peut-être que cela vous plaira, mais mon conseil de pro est d'éviter ces fonctionnalités fantaisistes. Je veux dire, regarde celui-ci. Peut-être qu'il y a quelqu'un qui apprécie ça. Mais pour moi. Bien que cela soit techniquement intelligent, ils ont réussi à programmer la capacité pour le faire. J'éviterais ces textes émouvants fantaisistes. Conservez le texte, maintenez la mise en page statique. Mais si vous souhaitez ajouter un peu de micro-animation, c'est une meilleure façon de le faire. Et c'est mon prochain conseil de pro. Donc, si je ferme ça et que nous sortons du mode édition, vous devriez absolument utiliser la micro-animation, mais utilisez-la de la bonne façon. Je n'aurais pas de texte qui bouge quand quelqu'un essaie de le lire. Donc, si nous allons dans la section Accueil de notre barre latérale, visitez la rubrique v Design, styles du site. Et vous l'avez peut-être déjà remarqué, mais si vous ne vous êtes pas caché ici, la troisième option est celle des animations. Et cela s'applique, à mon avis, aux micro-animations de bon goût à tous vos éléments sur le site Web. Et la différence, c'est que si je clique sur l'option Fade. Une fois l'animation lancée, votre contenu est statique. Il peut donc être rouge, il peut être apprécié. Il ne continue pas à bouger. Et pour moi, je pense que c'est une différenciation très importante. Je vais donc passer de la vitesse à la vitesse lente. Il s'estompe doucement et doucement. Et vous pouvez voir que lorsque je commence à faire défiler la page, notre texte s'estompe. Et c'est tout simplement parfait. Belle animation subtile. Si nous faisons défiler la page vers le haut, elle ne refait pas la boucle. Il existe d'autres options de mise à l'échelle, c'est plutôt bien. Si vous voulez que cela ait un peu plus d'impact. Certaines images sont redimensionnées pour se mettre en place, ce qui crée un peu plus de mouvement. J'irai des diapositives de sauvegarde. C'est une autre option de bon goût. Cela crée donc une atmosphère premium vraiment agréable lorsque vous naviguez sur le site Web. Et vous pouvez les expérimenter vous-même, mais Clip et Flex sont également des options très intéressantes. Donc, ce que j'aime, c'est toutes ces options sont de bon goût. Ils ne vous distraient pas et ils ajoutent simplement une touche professionnelle à votre site Web. Mon dernier conseil de pro concerne donc l'équilibre. Et lorsqu'il s'agit de mises en page en tant que visiteur parcourant un site Web, s'il y a beaucoup de sections occupées, trop de textes, pas assez d'espace négatif entre les deux. Il peut se sentir très à l'étroit et claustrophobe. Essayez donc de créer un certain tempo. Bien que Squarespace vous propose des sections et décompose votre contenu en sections, essayez d'espacer vos images. Essayez d'inclure suffisamment d' espace négatif autour de chaque section de texte, comme vous le faites, et essayez de créer un flux doux afin qu' à chaque fois qu' un visiteur fait défiler la page vers le bas, il n'y en ait qu' un ou deux des choses qui attirent leur attention à la fois. Essayez de ne pas avoir trop d'éléments différents qui se disputent l'attention. Vous pouvez donc voir si c'est le cas avec cet exemple de site. Chaque section que nous parcourons comporte généralement un seul titre principal. Ils vont remarquer qu'il y a un élément qui se bat pour attirer leur attention. Sur les pages où vous avez quelques éléments supplémentaires, vous pouvez les afficher ensemble, comme cette page de processus. Il est très important d' inclure suffisamment d'espace négatif, mais cela ne semble pas accablant. Vous pouvez imaginer si cela était pressé jusqu'aux bords. Si un texte devait réduire plus d'espace, il semblerait très, très chargé. Et lorsque vous avez une section comme celle-ci, une section plus fréquentée, il est préférable de la précéder ou de la suivre par de belles sections calmes, peut-être riches en images. Juste pour que, encore une fois, vous créiez avec un tempo doux et agréable. Enfin, je voulais juste partager avec vous un exemple de ce site que j'ai créé pour un de mes clients, un photographe très talentueux. Et comme elle est photographe pour quelques fonctionnalités que j'ai implémentées, mais lorsque cela convient à la brasserie, mais certainement pour certains types de clients, vous devriez les mettre en place. Vous remarquerez donc qu'il existe un écran semi-plein efficace car il prend en compte l'en-tête du diaporama vous arrivez sur la page d'accueil. C'est donc un très bel effet. Et puis, en parcourant des tonnes d'espaces négatifs, ce tempo dont nous avons parlé, pour vous assurer de passer d'une zone riche en images à peut-être riche en textes et de bien répartir les choses. Nous avons également alterné du foncé au clair avec une section assez efficace. Encore une fois, je pense au tempo. Lorsqu'un visiteur parcourt ce site. Testimonials, Squarespace, il existe de nombreux modèles et options intéressants pour afficher des critiques ou des témoignages. Si votre client a une activité où cela va être important et peu important, j' aimerais l'inclure pour les clients sur Google ou Trust Pilot. Il s'agira d'inclure un bouton indiquant plus d'avis sur les demandes reçues par les visiteurs de cette plateforme dans une nouvelle fenêtre. Ils peuvent donc voir qu'ils ne sont pas simplement inventés. Ce sont de véritables avis vérifiés qu'ils peuvent consulter eux-mêmes gratuitement. Si votre client possède un site Web sur lequel il propose une gamme de services différents, cela n' intéressera pas tous un visiteur. J'essaie, peut-être avant qu'il n'arrive à la fin de notre page d'accueil, presser un visiteur pour qu' il prenne une décision et de l'orienter vers du contenu V qui le concerne. Et c'est une bonne façon de le faire, cela peut être une grille. Si vous n'aviez que des options gratuites, cela fonctionnerait aussi. Dans ce cas, il y avait six options différentes. Et cette grille incite simplement le visiteur à choisir, lui montrant ce qu'il recherche peut-être . Un clic. Il sera redirigé vers la section correspondante. Et de cette façon, le contenu qu'ils trouvent sur cette page n'a aucune importance pour eux. Si cette technique est tout à fait inutile en matière de conception Web, j'essaie de réfléchir au flux que vos visiteurs pourraient emprunter site Web de Froogle et de m'assurer qu'ils trouvent ce qu'ils recherchent dès que possible. Et si vous comprenez, tout le monde ne regardera pas immédiatement la barre de navigation. Lorsqu'ils atterrissent sur un site Web. Certaines personnes, elles commenceront naturellement à faire défiler la page vers le bas lorsqu'elles visitent un site Web pour la première fois , s'adresse à l'un ou l'autre type de visiteur et assurent simplement que vous avez quelque chose à leur montrer ce qu'ils recherchent. 10. Lancer votre site Web: Donc, une dernière étape importante. Si un site Web que vous avez suivi et créé est quelque chose que vous envisagez de lancer. Ou simplement si vous souhaitez connaître le processus à suivre pour le faire à l'avenir, nous allons l'examiner et gérer ensemble dans cette leçon. Donc, pour le moment, j'ai un site Web attrayant, mais il existe sous ce sous-domaine Squarespace. Et il est également fermé au public. Donc, à moins que je ne fournisse un accès, personne d'autre n'est en mesure de le voir. La première étape avant de mettre en ligne votre site Web consiste donc à choisir un plan avec Squarespace. Vous pouvez le faire en accédant aux paramètres dans la barre latérale, puis en accédant à la facturation. Pour le moment, comme vous pouvez le voir ici, il est indiqué qu'il n'y a aucun lien d'abonnement actif vers ce compte. Et pour le moment, j'utilise un abonnement d'essai, Squarespace, qui vous donne juste temps de créer et de concevoir un site Web. Pour mettre un plan en place, je dois cliquer sur ce lien ici. Puis cliquez sur le bouton Mettre à niveau. Et il me dit ici combien de jours il me reste pour les essais gratuits. Je vais donc cliquer sur Mettre à niveau. Ensuite, il s'agit simplement de sélectionner un plan. Et quand il s'agit de décider quel plan vous convient le mieux. Mon conseil serait de consulter la liste des fonctionnalités et des fonctionnalités non typées. Vérifiez si vous avez besoin d'une erreur sur l'une d'entre elles. Et bien sûr, assurez-vous que le plan que vous choisissez inclut ces fonctionnalités. Vous remarquerez donc que bon nombre de ces fonctionnalités relèvent de cette rubrique commerciale. Donc, si vous créez un site Web de commerce électronique, si vous utilisez ces fonctionnalités, vous devez certainement opter pour au moins un plan d'affaires. Et peut-être même l'un des plans commerciaux. Soviet, vous bénéficiez d'avantages tels que absence de frais de transaction et d'autres fonctionnalités. Il existe quelques fonctionnalités marketing, mais en général, j'ai découvert que le forfait personnalisé d' un site Web moyen qui souhaite simplement être présent sur le Web vise à diffuser des informations à ses visiteurs. Ce plan est largement suffisant. Lorsque vous avez fait votre sélection, il vous suffit de cliquer sur le plan correspondant. Ensuite, vous aurez la possibilité saisir vos informations de facturation, ce que je ne vais pas faire avec vous pour le moment. Je vais donc fermer ça. Mais nous partons du principe que vous disposez désormais d'un plan Squarespace lorsque vous serez prêt à passer à l'étape suivante, qui consiste à choisir un nom de domaine. Désormais, si vous le souhaitez, vous pouvez utiliser le sous-domaine que Squarespace vous propose qui est inclus dans votre forfait. Mais le fait que ce soit point squarespace.com me semble un peu inutile, une petite publicité gratuite pour Squarespace of Air. Pour un site web professionnel. Je ne pense pas qu'il soit nécessaire de faire savoir que vous avez utilisé Squarespace pour le créer. Soyez bref et doux. Nous visitons donc à nouveau les paramètres depuis notre barre latérale. Et cette fois, nous examinons l'en-tête des domaines. Si vous cliquez sur des domaines, deux options différentes s'offrent à vous. La première consiste à obtenir un domaine. Et si vous cliquez sur cette option, Squarespace agira en fait en tant que bureau d'enregistrement de votre domaine. Vous pouvez donc effectuer une recherche. Il est déjà recommandé en fonction du sous-domaine que j'ai mis en place. Et vous pouvez obtenir n'importe quelle gamme de domaines habituelle à partir d'ici, y compris .com, vos noms de domaine locaux comme .co.uk, que nous utilisons ici, et même quelques domaines de niche V. Donc, Dark Beer Dot Pub, vous pouvez obtenir une gamme complète ici. Mais cela signifie que votre nom de domaine est lié à Squarespace. Donc, si vous voulez vous éloigner de Squarespace pour l'avenir, au fur et à mesure que votre marque se développera, il serait un peu plus compliqué de transférer le domaine hors de Squarespace, mais ce n'est pas impossible. C'est donc de loin l'option la plus simple. Si vous achetez votre domaine ici, Squarespace s'en charge pour vous. J'y retournerai et nous examinerons les autres options. Utilisez donc un domaine que je possède. Cela signifie essentiellement que vous avez acheté le domaine via un autre site Web. Peut-être un bureau d'enregistrement de domaine indépendant. Donc GoDaddy, un, deux, trois, rouge. Ils sont populaires. Je ne vais pas en recommander un en particulier. Mais quel que soit le bureau d'enregistrement de domaine que vous choisissez d'utiliser, une fois que vous avez configuré quelque chose avec lui et que vous avez votre nom de domaine préféré, vous devez le saisir ici. Et à titre d'exemple, je vais saisir l'adresse Web de mon. Propre site Web. J'appuie sur Entrée. Et Squarespace recherchera les informations actuelles de ce site Web. Une fois qu'il aura trouvé ces informations, il vous donnera la possibilité de les transférer à nouveau dans Squarespace is control. Je pense que cela va à l'encontre de l' objectif de cette méthode. Vous utiliserez probablement le domaine connect. Si je sélectionne cette option, il vous sera demandé, pour des raisons de facilité d'utilisation, si vous pouvez identifier le fournisseur. Parfois, cela signifie que lorsque vous êtes connecté aux deux services, vous pouvez simplement cliquer sur un bouton et le transfert s'effectuera à votre place. Je sais que c'est le cas. On y irait, papa. Je vais le laisser comme autre domaine de connexion. Voici donc les paramètres DNS. Mais Squarespace a besoin de mon nom de domaine pour pouvoir contrôler et utiliser ce nom de domaine. Pendant un moment, vous pouvez voir les records actuels que j'ai en rouge. Certains d'entre eux sont privilégiés, donc cela n' apparaîtra pas ici. Mais c'est l' adresse IP que j'utilise, par exemple , donc je ne vais pas suivre le processus de modification ces informations DNS avec chaque bureau d'enregistrement. Mais en général, il y a une page qui vous invite à gérer vos paramètres DNS. Il vous suffit de copier-coller les valeurs de ces colonnes. Donc, la valeur de l'hôte dans cette colonne hôte avec votre bureau d'enregistrement. Assurez-vous que le type comporte généralement une liste déroulante et quelques options. Assurez-vous donc qu'il s'agit d'une entrée CNAME et que le type est un nom C. Et pour les données requises, elles seront parfois appelées destination ou cible sur le site Web de votre bureau d'enregistrement. C'est donc là que vous devez saisir ces informations. Donc, une fois que vous avez parcouru et mis à jour ces enregistrements, s'ils n'existent pas. Donc, par exemple, il y a pas mal d'enregistrements de type à ajouter ici. Il se peut que vous deviez ajouter un nouvel enregistrement. Il vous suffit ensuite de saisir ces informations. Donc, si une fois que vous avez saisi tous ces enregistrements sur le site Web de votre bureau d'enregistrement, vous cliquez sur Actualiser sur cette page. Et si vous l'avez fait correctement, vous devez prévoir quelques minutes pour que cela se propage, soit mis à jour. Mais vous commencerez à voir les valeurs correspondantes apparaître dans le champ de données actuel et elles seront vertes si c'est correct. Donc, une fois que tous ces enregistrements apparaissent en vert, c'est tout. Votre domaine sera en place et cette étape sera terminée. C'est donc un peu technique. Vous pouvez comprendre pourquoi Squarespace a inclus la possibilité de les laisser gérer cela en votre nom. Donc, si cela vous semble un peu plus difficile que vous n'êtes pas à l'aise, demandez à Squarespace de le gérer à votre place. La dernière étape, et je vous le promets, est beaucoup plus facile que de travailler avec les paramètres DNS, consiste à rendre votre site visible au public. Ainsi, une fois que vous avez mis en place un plan, une fois que votre nom de domaine est en place, vous pouvez accéder aux paramètres de disponibilité du site. Et à condition que vous ayez un plan en place, cette option ne sera pas masquée. Il vous suffit de cocher la case public » et de cliquer sur Publier. Et c'est tout. Votre site sera officiellement en ligne. Le lien vers lequel les personnes seront redirigées sera le nom de domaine que vous aurez mis en place. Et c'est ce que vous saisirez dans la barre d'URL. C'est ce que vous enverriez aux internautes pour qu'ils visitent votre nouveau site Web. Cependant, pour accéder au backend et accéder à la barre latérale et aux outils d'édition de v Squarespace. Vous devrez tout de même visiter ce sous-domaine Squarespace. Il vaut donc la peine de garder une trace des deux. 11. Conclusion: Bravo. Si vous regardez ce film, cela signifie probablement que vous avez aimé ce que vous vu et que vous avez décidé d' essayer Squarespace. Et j'espère que vous m'avez suivi. Vous avez une bonne idée de ce que Squarespace vous permet de créer. Et j'espère que vous avez réussi à créer votre propre exemple de site Web en cours de route. J'espère que suivre et suivre mon processus de création du site Web de la brasserie vous aura également donné un flux de travail viable que vous pourrez utiliser pour créer des sites Web pour de futurs clients. Nous nous sommes vraiment concentrés sur une vue d'ensemble et sur les éléments essentiels dont vous avez besoin, mais il est possible d'approfondir les choses. Il existe de nombreuses ressources. Si vous souhaitez approfondir vos connaissances à l'aide de Squarespace. Si vous avez suivi le projet de classe, oubliez pas de partager un lien vers votre création dans la zone Projets de classe V. J'adorerais voir ce que tu as pu créer. N'hésitez pas à laisser un commentaire si vous avez apprécié le cours et n' oubliez pas de suivre mon profil afin que j' espère vous voir lors du prochain.