Comment créer un site web sans écrire de code

1. Introduction / bande-annonce: Bonjour et bienvenue à, Comment créer un site Web sans écrire de code. Je m'appelle Jake [inaudible] et je suis votre instructeur pour ce cours. Dans ce cours, comme vous pouvez probablement le deviner, nous allons vous apprendre à construire un site Web sans avoir à écrire de code. L' objectif pour vous à la fin de ce cours est de partir avec un site Web que vous avez créé. Vous n'aurez pas eu à écrire de code pour ce faire, mais vous aurez simplement créé le site entier par vous-même à partir de zéro. Nous allons utiliser une plateforme appelée Squarespace pour construire nos sites Web. C' est très simple et facile de travailler avec, et je sais que dès que tu arriveras, tu vas adorer. Il est facile de construire votre site Web sur et vous n'avez pas à gérer connaissances techniques ou le code qui vient avec la construction de la plupart des autres sites Web. Ce cours est organisé en deux sections. Dans la première moitié du cours, je vais vous apprendre comment utiliser Squarespace, comment configurer votre site Web. Je vais vous guider à travers la plate-forme page par page et option par option, expliquant ce que tout fait et en le montrant pour vous. Dans la seconde moitié du cours, vous allez vraiment me voir entrer et concevoir un site web complètement à partir de zéro. Vous me verrez faire tout et passer par tout mon processus, de la planification du site Web à la mise en place du contenu, puis la mise en œuvre de la conception également. Ce cours s'adresse à tous ceux qui sont intéressés par la construction d'un site web par eux-mêmes, ou à toute personne intéressée par l'apprentissage de Squarespace. Même si vous n'avez jamais construit de site web dans toute votre vie, vous allez adorer ce cours parce que c'est extrêmement simple et cela va vous montrer comment mettre en place un site entièrement seul. Vous n'avez pas besoin d'avoir des connaissances techniques ou une expérience préalable en design web pour suivre ce cours. Si vous avez de l'expérience avec le design graphique, cela va vous aider parce que vous allez être en mesure de concevoir un site Web plus beau. Honnêtement, si vous êtes graphiste, je pense que vous allez adorer cette plateforme, parce que Squarespace vous permet d'être designer et ne pas avoir à vous soucier du code ou de toute autre chose qui vous gênera. Même pour les personnes qui peuvent être concepteurs web et qui veulent apprendre la plate-forme Squarespace, c'est un excellent cours que je vais vous guider à travers tout ce que vous devez savoir. Avec tout cela a été dit, plongons et commençons. 2. Configurer votre compte Squarespace: Dans cette vidéo, je vais vous montrer comment configurer votre compte Square Space. Pour ceux d'entre vous qui sont déjà configurés, vous pouvez vous sentir libre d'aller plus loin, mais pour quiconque n'a pas encore de compte, je vais vous montrer comment commencer. Donc, la première chose que vous allez faire est juste d'aller sur squarespace.com, pas besoin de ce photographes qui est juste là pour la décoration. Mais ici, il va sur squarespace.com, puis vous allez descendre et vous allez cliquer sur Get Started. Maintenant, quand vous faites cela commencer, vous allez vous demander de choisir votre modèle et vraiment vous pouvez choisir n'importe lequel maintenant vous n'avez pas besoin d'être trop spécifique ou trop inquiet, donc je vais regarder à travers tous ces maintenant, parce que nous allons réellement examiner cela plus tard en détail et vous pouvez changer votre modèle à tout moment. Donc je vais aller avec le premier ici Pacific et vous allez cliquer sur View Pacific, puis je vais commencer avec ce design et une fois que vous faites cela, il va simplement vous demander d'entrer votre nom, votre adresse e-mail, et pour créer un mot de passe, puis vous vous inscrivez et créez votre site. Maintenant, j'ai déjà mon site mis en place, je vais vous montrer comment faire l'un, mais c'est assez simple, assez simple, je suis sur la façon de mettre votre site en marche sur Square Space. 3. Pourquoi Squarespace: Avant d'aller plus loin, une question que je sais est dans votre esprit, est pourquoi Squarespace ? Pourquoi devrais-je construire mon site web sur cette plateforme ? Dans cette vidéo, je vais vous guider et vous parler de quelques raisons pour lesquelles Squarespace est génial, et quelques raisons pour lesquelles peut-être vous ne voulez pas construire votre site sur une plate-forme. Je vais essayer de tout divulguer pour vous à l'avance, sorte que vous pouvez être sûr que c'est la plate-forme sur laquelle vous voulez aller de l'avant et construire votre site Web. L' une des premières raisons pour lesquelles je recommande fortement Squarespace pour votre site Web, est que vous allez pouvoir construire votre site entier sans avoir à écrire de code. Il n'y a pas beaucoup de plateformes qui peuvent le faire et d'une manière aussi propre et professionnelle que Squarespace. La deuxième raison que je recommande Squarespace, est que leur plate-forme entière est réactive. Ce qui signifie responsive, c'est que votre site Web va changer automatiquement la taille de la fenêtre, il va répondre à n'importe quel appareil l'ouvre sur. Cela signifie que si quelqu'un ouvre votre site Web sur votre téléphone, sa tablette, son ordinateur, les modèles de Squarespace ajusteront automatiquement votre site en fonction de sa taille d'écran. Une autre raison pour laquelle je recommande fortement Squarespace, est que vous n'avez pas à vous soucier de la maintenance. Une des questions courantes que je reçois est de savoir si quelqu'un devrait utiliser WordPress ou Squarespace. C' est un très grand facteur de différenciation. Une plate-forme comme WordPress est open source. Cela signifie que tout le monde peut y aller et modifier le code et le personnaliser comme il le voudrait, mais cela signifie aussi qu'il n'y a pas d'entreprise qui est derrière. n'y a pas de support qui va vraiment vous aider si un plugin se casse ou si les navigateurs se mettent à jour ou si vous connaissez les changements technologiques. C' est vraiment commun que les sites WordPress, vous devez embaucher des gens ou amener quelqu'un juste pour maintenir votre site, pour l'empêcher de rompre avec tous les changements technologiques qui se produisent sur le web. Maintenant, d'un autre côté, avec un site Squarespace, vous n'avez pas à vous inquiéter de tout ça. Squarespace n'est pas une plate-forme open source, et donc ce qui se passe est fondamentalement, vous construisez votre site Web sur application web de Squarespace et vous le construisez sur leurs modèles. Cela signifie qu'ils gardent ces modèles à jour et si vous y construisez un site aujourd'hui, 10 ans, ce site sera toujours pertinent parce que Squarespace met à jour ses modèles, et conserve les constantes avec tous les mobiles et les changements dans les standards web et web. C' est vraiment une chose importante parce que beaucoup de gens sont frustrés parce que tous les quelques années ils doivent reconstruire leur site Web, alors que chez Squarespace, vous n'avez pas à vous inquiéter à ce sujet. Votre site Web sera toujours à jour. La raison suivante que je recommande fortement Squarespace et probablement la plus grande raison est la facilité d'utilisation. Squarespace est incroyablement facile à utiliser. L' ensemble de l'interface est glisser-déposer, vous cliquez, puis vous changez les couleurs. C' est tellement simple que tout le monde peut apprendre et comprendre. Ça ne prend pas beaucoup de temps. À la fin de ce cours, vous allez savoir comment utiliser l'ensemble de la plateforme et vous serez étonné de voir comment vous pouvez rapidement et facilement mettre en place un site Web pour votre entreprise. Une autre raison d'aimer Squarespace est qu'ils ont modèles incroyablement étonnants et minimalistes. Ils ont beaucoup de modèles différents que vous pouvez choisir pour construire votre site Web au-dessus de. Mais la chose étonnante est que vous avez tellement de capacité à personnaliser ces modèles, à l'endroit où vous pouvez aller à plusieurs sites qui sont construits sur le même modèle et vous n' auriez aucune idée qu'ils ont été construits sur le même cadre exact. Squarespace est des modèles, ils sont incroyables à travailler et ils sont également vraiment personnalisables. Une autre raison est tout simplement leur service client chez Squarespace est phénoménal. Ils sont 24 heures sur 7, ils sont toujours là. Vous pouvez ouvrir un ticket d'assistance et ils seront de retour avec vous en un rien de temps. Une autre grande question que je reçois à propos de Squarespace est-ce un référencement convivial ? Oui, ça l'est. Honnêtement, SEO au sein de Squarespace, ils le rendent très simple. Ils l'ont intégré dans la plateforme. Il y a une poignée de choses que vous modifiez, mais j'ai mon propre site Web et j'ai quelques articles qui sont de haut rang sur le référencement, et ils me attirent beaucoup de trafic chaque mois. Je sais par expérience personnelle que les sites Squarespace peuvent être parfaits pour le référencement. Un autre excellent outil est que vous pouvez utiliser l'intégration de Google Apps avec Squarespace. Si vous utilisez Google Apps pour votre entreprise, pour héberger votre e-mail et Google Drive et tout cela, vous pouvez lier cela directement avec Squarespace, ce qui rend une intégration vraiment simple et transparente. Une autre nouvelle fonctionnalité qu'ils viennent de sortir, ce qui est extrêmement impressionnant, est qu'ils ont une intégration Getty Images. Getty Images est un site photo stock, mais c'est l'un des meilleurs au monde. Squarespace a mis en place afin que vous puissiez obtenir n'importe quelle photo de stock que vous pouvez rechercher à travers leur marché pour seulement 10$. La dernière raison pour laquelle je vais juste parler de Squarespace, c'est simplement le coût. Avec Squarespace, vous avez un coût d' environ 8$ à 16$ par mois selon le plan que vous devez utiliser. Alors que immédiatement certaines personnes vont penser que c'est en fait plus cher que dire, hébergeant votre propre site Web ailleurs, la vérité est, encore une fois, vous n'avez pas à vous soucier de la maintenance. Vous n'avez pas à vous soucier de payer les gens pour ces améliorations. À long terme, Squarespace est en fait beaucoup moins cher. Les frais mensuels ne sont pas si mauvais, et le fait que cela va vous faire économiser l'argent sur la maintenance et que les gens réparent votre site, cela va vous faire économiser de l'argent à long terme. Il y a des moments où un site n'est pas adapté à Squarespace cependant. Je veux le dévoiler dès le début, pour que vous sachiez, à l' avance et que vous ne plongez pas dans ce cours si ça ne vous convient pas. Nous allons passer en revue quelques choses maintenant et les raisons pour lesquelles vous ne voulez peut-être pas de Squarespace. L' une des principales raisons pour lesquelles les gens peuvent avoir à s'éloigner de Squarespace, est qu'ils veulent avoir un site d'adhésion. Ils veulent que les gens se connectent et créent des profils. Vous pouvez le faire via la plate-forme de développement de Squarespace, ce qui rend le site Web, toute la plate-forme open source, mais honnêtement, vous n'êtes probablement pas intéressé par cela si vous venez sur ce site sans code Bien sûr. Mais si vous avez besoin de connexions et de tout pour votre site, vous devrez peut-être regarder d'autres plateformes ou embaucher un développeur pour construire un site pour vous. Un autre problème que parfois les gens rencontrent, est d'avoir une base de données, peut-être stocker une grande quantité d'informations, données consultables ou avoir à nouveau, cette base de données de site d'appartenance. Ce sont des choses que la plate-forme normale de Squarespace ne peut pas faire. Cela peut être fait avec la plate-forme des développeurs , mais probablement pas quelque chose que vous allez vouloir plonger dans. Mais ce sont vraiment les seuls gros problèmes que vous allez rencontrer. Parfois, vous pouvez rencontrer des problèmes, où vous ne pouvez pas modifier un design comme vous le souhaitez avec la plate-forme normale, mais vous avez vraiment une tonne de personnalisation. Je pense que vous allez être très heureux avec la plateforme. Pour tous ceux qui sont à la recherche d'un site d'information simple pour leur entreprise, site de e-commerce, une plateforme de blogs ou tout simplement simple entreprise en ligne qui n'est pas un site d'adhésion, Squarespace est un choix phénoménal et j'ai vraiment pensez que vous allez adorer la plateforme et aimer travailler avec elle. En fin de compte, si vous ne savez pas si Squarespace est un bon ajustement ou si vous n'êtes pas sûr, vous pouvez toujours exporter vos données à tout moment et vous pouvez les exporter directement dans un fichier WordPress, qui à peu près n'importe quel autre système de gestion de contenu de site Web vous permettra de télécharger cela, et si vous êtes sur WordPress ou sur Tumblr ou toute autre plate-forme, vous pouvez facilement importer votre site Web à partir de ces plates-formes. Chez Squarespace, ne vous sentez pas comme un engagement pour la vie. Si jamais vous voulez le laisser, vous pouvez, mais je suis à peu près sûr après que vous commencez à jouer avec elle pendant un certain temps et que vous obtenez votre site opérationnel, je suis sûr que vous allez adorer. 4. Comment planifier votre site Web: Maintenant, nous allons plonger dans la phase de planification de notre site Web. Beaucoup de gens veulent simplement sauter et commencer à concevoir leur site Web et à lancer du contenu, mais ils ne pensent pas vraiment à ce qui va être sur le site ou à quel but de leur site est à l'avance. Dans cette section, nous allons parler un peu de la façon de planifier votre site Web à l'avance. La première question que vous voulez vous poser lorsque vous planifiez votre site Web est quel est le but de ce site Web ? Pourquoi tu fais ça ? Faites-vous cela pour héberger votre portefeuille en ligne ? Vous faites cela pour vendre des produits e-commerce ? Espérez-vous que cela va rassembler des pistes ou créer une prise de conscience ? Vous devez comprendre quel est l'objectif de votre site Web avant de vous plonger et commencer à le créer ou à le concevoir. Parce que si vous n'avez pas un objectif ou un but réel derrière votre site Web, il est facile pour un visiteur de se laisser vraiment confus lorsqu'il visite votre site Web ou ne sait pas quoi faire. Alors votre site ne fait rien pour vous aider. Vous devez vraiment penser sur le front-end et répondre à la question, quel est le but de ce site ? La prochaine question que vous voulez poser est, quel contenu va être sur ce site ? Combien de pages vais-je avoir ? Quelles informations vais-je mettre là-haut ? De quelles images ai-je besoin ? De quelles vidéos ai-je besoin ? Vous devez commencer à penser, quel est le contenu qui va être sur votre site Web ? Essayez de penser à cela à l'avance et pas seulement commencer à jeter des choses là-haut. Une excellente façon de le faire est de créer un sitemap pour votre site Web. Vous pouvez le faire avec un stylo et du papier si vous voulez, ou il y a un outil que j'aime vraiment appelé MindMeister, et vous pouvez créer un compte gratuitement. Vous pouvez créer un sitemap sur leur plateforme qui vous permet de parcourir et de montrer, quelles sont les pages individuelles que je vais créer ? Qu' est-ce qui va être sur toutes ces pages ? Vraiment commencer à penser ça à travers. Quand j'arrive à la deuxième moitié de ce cours, et que je pars en fait à travers la conception d'un site Web du début à la fin, je vais vous montrer comment utiliser MindMeister et vous donner un peu de concepts autour de l'outil. Alors maintenant que vous avez un but pour votre site Web et que vous avez réfléchi un peu au contenu, continuons à vous plonger et commencez à configurer votre compte Squarespace et à vous apprendre comment construire un site Web sans écrire code. 5. Une courte tournée de Squarespace 7: Dans cette vidéo, je vais vous faire une visite de base de Squarespace 7 et de l'interface. Une fois que vous avez configuré votre compte, et il vous posera quelques questions d'identification supplémentaires tout au long de cela. Mais quand tu auras fini tout ça, ça va t'emmener à cet écran juste ici. Selon le thème que vous choisissez, il peut sembler un peu différent ici j'ai un site Web différent, mais fondamentalement c'est ce à quoi il va vous amener, et c'est l'interface maison de Squarespace. abord, ce que vous allez remarquer est ici sur la gauche, c'est que vous avez ces différents onglets pour les pages, conception, le commerce, les mesures, les commentaires, les paramètres et l'aide. Vous avez aussi votre profil ici. Tu n'auras pas trop à t'inquiéter de ça. Mais si vous avez plusieurs sites, c'est vraiment génial parce que vous pouvez basculer entre plusieurs sites très rapidement. Mais vous n'allez probablement pas y faire face trop tôt si c'est votre premier site. Mais ce que vous pouvez faire est fondamentalement ici, vous pouvez avoir toutes ces différentes options que vous pouvez sélectionner. Ensuite, ici, voici notre éditeur de site web en direct. C' est ce que vous voyez est ce que vous obtenez plate-forme d'édition de site Web. Je peux littéralement faire défiler vers le bas et voir tout le contenu ici sur ce site, donc vous avez un grand site de défilement vertical ici. Vous allez voir des petites choses comme ça qui dit, « Galerie », « Ajouter des images ou des vidéos ». Vous verrez « Contenu de la page », où je peux modifier, cliquez sur « Paramètres ». La chose étonnante à propos de Squarespace est, tandis que d'autres plateformes vous ne pouvez pas vraiment voir ce que vous faites en même temps. Littéralement, si je veux changer ça, c'est situé à Manhattan. Eh bien, je modifie du contenu de démonstration, alors il va me demander si je veux le faire. Je vais cliquer sur « Oui ». Mais fondamentalement chaque fois que vous commencez un thème dans Squarespace, vous avez ce contenu de démonstration qui y est intégré. À des fins de démonstration, je peux juste vous montrer, j'ai littéralement juste cliqué sur « Modifier », je change ce que je veux, New York, et cliquez sur « Enregistrer ». Aussi facile que cela, j'ai changé le texte sur le site. Vous pouvez le faire avec ces en-têtes ici. Encore une fois, si je veux changer cela à Old American Dining, double-cliquez dessus, venez ici et cliquez à nouveau sur « Enregistrer ». Encore une fois, je vais passer en revue toutes ces fonctionnalités beaucoup plus en détail. Mais juste en vous donnant un aperçu de base du fonctionnement de Squarespace. Vous pouvez modifier les paramètres sur vos différentes pages, tout cela. C' est vraiment ce que vous voyez, c'est ce que vous obtenez. Je vais parcourir tout cela beaucoup plus en détail, travaillant avec la navigation et tout dans un peu. Mais avant de plonger plus loin, je vais juste vous guider à travers chacun des onglets ici sur la gauche. Le premier onglet est l'onglet Pages. Ici, fondamentalement si je viens ici et que je clique dessus, cela va me montrer ma navigation et littéralement toutes les différentes pages et le contenu du site. L' onglet pages est vraiment là où tout contenu de votre site va vivre. Maintenant, pour revenir aux autres, je vais cliquer sur « Accueil », et ça me ramène ici à l'écran d'accueil. La section de conception du site. Celui-ci est l'endroit où vous allez télécharger des éléments comme votre logo, ou vous pouvez sélectionner de nouveaux modèles, que nous aborderons dans la prochaine vidéo. Vous pouvez faire l'éditeur de style, changer les couleurs, changer les polices, changer les tailles, tout ça. Vous pouvez modifier votre page de paiement pour le commerce électronique. Ensuite, il y a un tas de fonctions qui encore une fois, je vais plonger dans un peu plus en détail dans les vidéos ultérieures. Mais je voulais juste vous donner un aperçu de base de la plate-forme ici. Nous allons revenir et cliquer sur « Commerce ». Encore une fois, cela vous emmènera dans le côté commercial des sites. Si vous voulez gérer un magasin de commerce électronique ou vous voulez vendre des produits, des produits numériques, des produits physiques. Dans ces sections de commerce où vous faites cela, beaucoup de sites que vous n'aurez peut-être jamais besoin de toucher à cela. Vous pouvez simplement passer en revue les sections commerciales ultérieures. Ici, dans les métriques, si vous allez à cela, cela va, encore une fois vous donner un aperçu de base du trafic, de l' utilisation mobile, ou de vos abonnés à peu près quelque chose comme ça. C' est un moyen vraiment basique d'obtenir de bonnes mesures et données sur vos sites Web. Ensuite, vous avez des commentaires. C' est si vous avez des blogs et que vous avez des commentaires passant par Squarespace comme plate-forme. Vous avez vos paramètres ici. Cela reviendra dans plus de détails beaucoup qui se passe et ce domaine. Ensuite, si vous avez besoin d'aide, vous pouvez cliquer sur « Aide » et cela vous mènera à help.squarespace.com. aide de Squarespace est phénoménale. Ils répondront à beaucoup de questions pour vous, et si c'est quelque chose qui va au-delà de ce qu'ils aident, ils seront toujours heureux de vous référer à des spécialistes Squarespace comme moi ou quiconque peut vous aider à résoudre les problèmes sur votre site. C' est un aperçu très basique de Squarespace 7. Encore une fois, nous allons plonger dans toutes ces sections beaucoup plus profondes et d'autres vidéos. Mais c'est tout ce que j'ai pour celle-là. Dans la prochaine vidéo, je vais vous montrer comment aller et changer les modèles sur votre site. 6. Comment choisir le bon modèle: Dans cette vidéo, je vais vous montrer comment installer de nouveaux modèles Squarespace, et je vais aussi vous donner un aperçu des différents thèmes et fonctionnalités et essayer de vous donner une petite ligne de basse sur le choix de votre thème et quelle direction vous voulez aller. Maintenant, vous pouvez changer votre thème à tout moment en bas de la ligne afin qu'il n'y ait absolument aucun souci là-bas. Mais le thème que vous choisissez va faire une grande différence en termes de fonctionnalité et de look et de sensation de votre site web. Je vais vous expliquer tout ce que je vais passer et démo quelques-uns de mes thèmes préférés pour vous les gars. Pour commencer, nous allons descendre ici et cliquer sur « Design ». Après avoir cliqué sur le design, nous allons cliquer sur « Modèle ». Une fois que nous cliquons sur le modèle, nous allons cliquer sur « Installer un nouveau modèle ». Cela va vous ramener à ce premier écran que nous avons vu quand nous avons ouvert notre compte Squarespace. Il va vous montrer à nouveau tous les différents thèmes que Squarespace a ici, dont il y a beaucoup à choisir parmi plus que je ne peux l'expliquer probablement dans ce cours, mais je vais vous montrer quelques-uns de mes favoris. Pour commencer, l'un des premiers ici est un nouveau thème de Squarespace appelé shift. Ce que je vais faire, c'est juste vous montrer si vous cliquez sur l' un de ces thèmes et que vous cliquez sur Afficher. Ça va vous permettre de voir le site, une petite démonstration. Il s'agit d'un nouveau modèle, donc il n'y a pas beaucoup d'exemples. Mais d'autres sites auront en fait beaucoup de sites clients qui sont utilisés sur ce même modèle. Ceux-ci sont vraiment cool pour avoir une idée de ce que le look global et le sentiment que c'est vers juste regardant le site d'exemple qu'ils vous donnent. Encore une fois, si nous cliquons sur « Afficher la démo en direct », puis je recommande toujours simplement de cliquer sur ce lien afin que vous puissiez le voir en plein écran. Mais ce qu'il va faire est essentiellement d'ouvrir le site qu'ils ont ici. C' est une sorte de site de démonstration qu'ils ont construit pour vous. Ce que vous allez voir est ici sur la gauche, nous avons le logo, vous avez des éléments comme la navigation ici. Vous avez cet appel à l'action avec un sous-texte et un bouton. C' est en fait une grande caractéristique du thème. C' est dans une poignée de sites. Mais Bedford et shift sont deux thèmes qui sont vraiment définis par ces grandes images avec les deux lignes de texte et le bouton. Encore une fois, cela fait partie du thème que vous voyez juste là avec ce que cela ressemble. En descendant ici, vous pouvez commencer à avoir un peu de sens pour ça. Vous voyez que ce thème semble a un effet de parallaxe sur ces images. Vous pouvez voir à nouveau toutes ces choses et certaines des fonctionnalités et fonctionnalités. Maintenant, la couleur du texte, la police, les couleurs des boutons, les photos, tout cela peut être personnalisable, mais ce que vous cherchez vraiment quand vous regardez un thème ou quelles sont ces fonctions qui se produisent. Encore une fois sur ceux-ci, vous voyez qu'ils ont ces curseurs de base ici où vous pouvez avoir un peu de texte, puis sur l'endroit où vous cliquez et en savoir plus. Encore une fois, des sites très cool, modèle très cool. Celui-ci et Bedford est un autre modèle, ils sont très similaires et je les recommande fortement. Nous reviendrons ici et nous allons cliquer sur « X » hors de ça. Nous allons revenir dans l'installation d'un nouveau modèle. Nous allons jeter un oeil à certains des autres thèmes ici. Horizon est un autre nouveau modèle de Squarespace, mais un modèle très cool et je vais vous montrer un peu pourquoi. Vous cliquez sur « Horizon ». Encore une fois, nous allons venir ici pour l'aperçu en direct. Sur celui-ci, ils ont effectivement quelques exemples de sites de clients. Vous pouvez cliquer à travers ces exemples et jeter un oeil à ces sites. Certains d'entre eux sont vraiment super pour vous donner une idée des fonctionnalités et de ce qui peut être fait avec le thème. Si vous en regardez assez, vous commencerez à voir quelques similitudes et comment elles fonctionnent, comment la navigation des différentes entités fonctionne. Cela nous allons obtenir un aperçu en direct, et encore une fois cliquez sur celui-ci afin que je puisse juste le voir en plein écran. Ici encore, nous avons cette navigation de base sur le dessus. Nous avons ces images énormes en arrière-plan. Nous avons des textes avec un bouton, puis un achat sur iTunes. Au fur et à mesure que nous descendons, nous commençons à voir seulement quelques-unes des fonctionnalités et à quoi ressemble le texte. Nous voyons ces options de tournée juste ici. Certaines des choses vraiment cool à propos de ce thème est qu'il vous permet de réellement construire des pages complètes sur le dessus des images. Avec le thème Bedford et shift que nous avons juste regardé, thème ne fonctionne que de sorte que vous ne pouvez avoir vraiment comme un titre dans une phrase ou deux sur votre image. Mais avec horizon, vous avez en fait cette possibilité de thème plus avancé, il est plus difficile de travailler avec, mais vous pouvez réellement construire sections entières ou des pages entières de votre site sur un arrière-plan comme celui-ci et avoir cette pile verticale effet. Encore une fois, modèle très cool, fortement recommandé. C' est un peu plus avancé, mais vous pouvez obtenir une sensation vraiment cool avec elle. Si vous avez une bonne photographie, c'est un thème phénoménal pour vous. On va sortir X de ça. Reviens ici. Encore une fois, cliquez sur « Installer un nouveau modèle ». Ça me ramène à cette page. Adversaire, je ne vais pas aller jusqu'ici. Mais un autre thème très similaire à Bedford et shift, il a le même gros texte similaire et un bouton d'appel à l'action. Mais celui-ci a d'autres fonctions et regarde. Je recommande de vérifier dans celui-ci aussi. vois, on va en venir à quelques autres. Hayden, un autre très semblable à Bedford et à changer et tous ceux et adversaire, que je viens de mentionner. Vous allez voir cela beaucoup où vous avez ces différentes tailles de police différentes et un appel à l'action. Squarespace fait sur beaucoup de leurs thèmes, c'est une bonne pratique en design web. C' est une caractéristique qu'ils ont sur beaucoup d'entre eux. Encore une fois, celui-ci a à similaire, Hayden a ce look et sensation similaire aussi bien. Je vais cliquer sur tous les dessins. On va descendre et cinq. C' est l'un des thèmes les plus anciens de Squarespace. Probablement un de mes favoris. Je construis mon site web personnel à ce sujet. J' ai probablement construit plus de sites clients sur cinq aussi. C' est un thème très simple. Il est aussi très puissant parce que c' est probablement le thème le plus proche ce à quoi vous penseriez quand vous pensez à un blog standard. C' est très typique, vous avez votre navigation de base ici, vous avez votre logo, et vous avez la navigation sur le côté, vous avez vos icônes de médias sociaux juste ici. Ensuite, vous avez ces grandes images de bannières et vous avez le contenu juste ici. Un autre grand avantage et quelque chose à surveiller dans vos thèmes est que tous les thèmes n'ont pas une barre latérale sur le blog. Certains thèmes ont des blogs en pleine page. Mais cinq a une barre latérale sur le blog, qui est une fonctionnalité vraiment puissante et probablement si votre objectif principal de ce site est de construire un blog, cinq peut être un très bon modèle pour aller avec. Encore une fois, je l'exécute sur mon site personnel et j'adore absolument ce thème. C' est vraiment très polyvalent. Nous allons sortir de là, y retourner et je vais en couvrir un peu plus avant de passer à d'autres contenus. Descendez ici chapiteau, c'est un autre thème vraiment cool. Encore une fois, l'un des thèmes probablement plus populaires sur Squarespace, mais ce qui rend ce si grand est la fonctionnalité parallaxe. Je vais te montrer ça très vite. Ce dont je parle quand je dis le mot fantaisie parallaxe. Mais quand je dis cela, fondamentalement, vous voyez comment l'image se déplace lentement lorsque vous faites défiler et révèle et dévoile différentes parties de l'image. C' est ce qu'on appelle la parallaxe. Ce thème fait vraiment, vraiment bien. C' est très robuste et probablement l'un des thèmes les plus populaires de Squarespace. Ne pas dire que c'est une mauvaise chose, c'est encore une fois. Tout cela peut être personnalisé, les polices, les photos, les couleurs. Tout peut être personnalisé, sorte que vous pouvez vraiment intégrer cela dans le site que vous voulez qu'il soit. On va revenir et je vous raccompagnerai à travers les derniers. J' ai l'impression d'arriver à la fin, mais il y a tellement de bons modèles mais c'est difficile pour moi de décider. Wexley est cool pour disons, photographie ou les portefeuilles conçus. Nous avons un autre très similaire à cinq avec quelques fonctionnalités différentes, mais un site très cool et j'aime vraiment celui-ci. C' est à côté de cinq, probablement le site sur lequel je construis plus de sites clients que tout autre. On va descendre et voici Bedford que j'ai mentionné. Vous avez juste un peu un avant-goût de mes sites préférés sur nos thèmes sur Squarespace. Encore une fois, cela ne veut pas dire que ces autres sont mauvais. Ils ont tous des choses vraiment cool. Certains d'entre eux sont en fait très différents dans l'aspect et la sensation. Encore une fois, l'aviateur est en fait un look complètement différent de celui que je vous ai montré. Fourniture, encore une fois très intéressante avec une navigation latérale. Il y a tellement de choses que tu dois vraiment jouer avec eux. Mes espoirs sont que cette vidéo vous a montré quelques-unes des différences au sein des thèmes et vous a également donné quelques critères pour les évaluer au fur et à mesure que vous commencez à choisir votre propre thème. Mais encore une fois, ne vous inquiétez pas, vous pouvez changer votre thème à tout moment. Ce n'est pas une grosse affaire si vous n'aimez pas le thème ou si vous entrez dans et il ne regarde pas comme vous voulez. Vous pouvez toujours changer le thème et il apportera tout ce contenu avec vous à tout moment. 7. Comment installer un modèle: Dans la dernière vidéo, je vous ai donné un aperçu des thèmes. Mais dans cette vidéo, je veux vraiment vous montrer comment installer et changer vos thèmes. Une fois que vous avez traversé tout cela et que vous trouvez un thème que vous aimez, je vais aller avec cinq, souci de simplicité et de familiarité. Je pense vraiment que c'est un très bon thème pour commencer, c'est très basique, très simple à utiliser, et très bon à travailler. Encore une fois, nous allons cliquer sur « Voir cinq ». Alors cette fois, puisque nous savons que nous allons aller avec celui-ci, nous ne faisons pas autre chose, je vais cliquer sur « Installer le modèle ». J' ai reçu cette petite notification que l'installation a été réussie. Maintenant que je suis de retour ici dans l'éditeur de Squarespace, je remarque que j'ai maintenant deux thèmes ici, mais pourtant rien n'a changé, j'ai toujours ce même thème du Pacifique et tout ce genre de choses ici. Ce que je vais faire, c'est que je vais venir ici et je vais devoir cliquer sur « Aperçu » sur le modèle cinq. Ce que cela va faire est maintenant de me prendre en mode aperçu. Si vous avez travaillé un tas sur Pacific, et que vous n'êtes pas sûr si vous l'aimez vraiment, vous pouvez venir ici et en fait juste un aperçu. En ce moment, il change le contenu, parce que ce sont le contenu de base du thème. Mais si vous avez votre propre contenu et tout ce qui est déjà intégré dans le site, et que vous voulez juste aller prévisualiser un modèle différent, il n'y a pas de mal fait. Vous pouvez facilement revenir en arrière à tout moment. Vous pouvez même travailler là-dessus. Pendant qu'il est en mode aperçu, je peux revenir ici et je peux juste commencer à jouer avec ce thème. Je peux même venir ici dans les pages et commencer à jouer avec, ce qui sont des démos, donc je dois créer la page à chaque fois. Mais je peux vraiment venir ici et commencer à éditer la navigation. Je peux commencer par ça. Je peux vraiment aller ici et changer le texte, ou je peux aller dans l'éditeur de style, qui sont toutes choses que je vais vous montrer dans un peu, alors ne soyez pas trop débordée encore. Mais vous pouvez réellement opérer un peu dans ce mode de prévisualisation. Voyez si vous aimez où va ce thème, et sinon, vous revenez au modèle et vous pouvez cliquer sur « Annuler l'aperçu », et il va revenir à n'importe quel thème que vous aviez sélectionné auparavant. Ce thème reviendra tout droit ici au Pacifique. Mais puisque nous aimons cinq, nous aimons où cela va, nous allons définir ceci comme notre modèle en direct. Alors êtes-vous sûr de vouloir rendre ce modèle visible ? Cela le rendra visible sur le front de votre site, donc si votre site est déjà en ligne, tout le monde le verra. On va appuyer sur « Confirmer ». Boom, nous avons maintenant mis à jour avec succès notre modèle en direct. Chaque fois que nous revenons, chaque fois que nous travaillons sur ce, travaillaient essentiellement sur le modèle cinq pour l'instant. Aucun mal n'est fait si vous laissez ces autres modèles installés. Si vous avez réellement un design en cours sur l'un de ceux-ci, il garde tous ces presets, garde cet aspect, vous pouvez toujours revenir plus tard sur la ligne si vous trouvez toujours que vous n'aimez pas le thème avec lequel vous travaillez maintenant. Tout est sur la façon d'installer un thème dans Squarespace. 8. Comprendre les pages: Dans cette vidéo, je vais vous montrer et vous expliquer l'onglet Pages ici sous le menu principal. Pour commencer, ce que nous allons faire est de descendre ici l'onglet Pages et ce que vous allez voir est un tas de contenu de démonstration, a ce mot démo à côté. Fondamentalement, ce que vous voyez est que vous avez déjà tout ce contenu chargé dans. Quel que soit le thème que vous choisissez dans Squarespace, vous allez avoir un peu de contenu de démonstration ici. Généralement, vous pouvez faire quelques choses. Vous pouvez simplement le supprimer et cliquer sur « Se débarrasser de cela, et juste se débarrasser d'eux. Ou si vous voulez et que vous aimez le look qu'ils ont, vous aimez juste ce design et vous pensez, je veux une page juste comme ça. Vous pouvez entrer ici au contenu de la page et cliquer sur « Modifier ». Il va vous demander si vous voulez créer une page comme celle-ci. Soudain, nous avons maintenant une page qui est sur notre site et nous pouvons aller la concevoir pour être géniale. Je veux dire que la photo est assez géniale. Mais oui, on peut aller ici et on peut éditer tout ce site, qui encore une fois dans une vidéo plus tard, je vais vous montrer comment utiliser tous ces outils d'édition. Mais sachez juste que si vous aimez le design, vous aimez la mise en page d'une page et vous ne voulez pas avoir à la reconstruire, si vous voulez comment tout cela est et que vous voulez juste changer les images et changer le texte, vous peut le faire en créant simplement la page et en cliquant dessus. Encore une fois, nous allons venir ici et il suffit de cliquer sur « Corbeille » sur tous ces éléments et supprimer ce contenu de démonstration. Se débarrasser de tout ça. Vous allez aussi remarquer qu'ici, c'est mon contenu de démo sur le thème du Pacifique. Tout ça peut aller aussi bien. Des trucs dont on n'a pas besoin. Cela semble être un fardeau, mais honnêtement comme je l'ai dit, si vous pouvez cliquer sur l'une de ces pages, il suffit de les éditer. C' est un excellent moyen de commencer à Squarespace et ne pas avoir trop à se soucier de la mise en page. Vous pouvez littéralement simplement aller sur leurs thèmes, changer des choses, et travailler à partir de là. Mais honnêtement, je préfère juste construire à partir de zéro et c'est ce que je suis sûr que vous les gars comment faire ici aussi aujourd'hui parce que c'est honnêtement, je pense qu'un peu plus facile. Encore une fois, en supprimant tout ce genre de choses et on y va. On n'a rien ici. Nous avons maintenant supprimé tout notre contenu de démonstration dont nous n'avions pas besoin, et ce que nous allons faire maintenant est juste de faire quelques pages ici sur notre site Web. Je vais les faire. Je vais venir ici, je vais cliquer sur le bouton « Plus » sur navigation principale et je vais créer une page juste là à partir de cela. Je vais frapper « Home ». Ce que vous remarquerez, c'est que nous avons juste une icône d'accueil ou un truc d'accueil apparaît dans notre navigation juste là. Maintenant, si je veux ajouter une autre page, et je viens de vous montrer comment je viens d'ajouter des pages maintenant, mais vous pouvez également ajouter des pages de couverture, que je vais expliquer plus tard, des produits, des dossiers, des blogs, galeries, des événements, des liens, tout ce qui J'irai dans un peu plus tard. Mais je vais créer une autre page. Je vais faire juste une page à propos. Maintenant, nous voyons que nous avons A propos et nous avons Accueil dans notre navigation. Mais que se passe-t-il si je veux créer une page et que je ne la veux pas dans la navigation ? Eh bien, je vais juste venir ici, je vais m'occuper et le ramener à la section non liée. Page ici rafraîchit. Maintenant, nous voyons que sur, nous pouvons toujours accéder à la page, nous pouvons toujours y arriver, mais il n'est plus lié dans notre écran d'accueil. Encore une fois, l'un de ceux que nous voulons supprimer, il suffit de cliquer sur ce petit « Corbeille » peut ici. Si jamais nous supprimons quelque chose et que nous ne voulons pas, nous pouvons cliquer sur « Pages supprimées » ici. Encore une fois, vous pouvez voir tout le contenu de démonstration que j'ai supprimé. Si vous supprimez accidentellement tout votre site Web, ne vous inquiétez pas, tout n'est pas perdu. Il restera dans les pages supprimées pendant sept jours avant qu'il ne soit effacé. Revenez ici aux pages. Je vais juste vous montrer à nouveau ces liens ici. Je vais juste marcher à travers ces autres. Page de couverture, je vais couvrir dans une vidéo plus tard. Mais le dossier est vraiment, vraiment puissant aussi. Disons que nous créons un dossier et nous créons le dossier « À propos de nous ». Ce que vous verrez, c'est que ça va apparaître chaque fois qu'il se rafraîchit. Nous avons maintenant ce dossier A propos de nous et il ne semble pas que nous ayons fait quelque chose de différent. Mais maintenant, si nous le voulons, nous pouvons imbriquer quelques pages sous ce dossier. Nous les traînons ici dans toute cette zone, et maintenant si nous faisons défiler autour de nous à la maison et à propos de la liste déroulante. Encore une fois, c'est vraiment, vraiment puissant chose. Si nous voulons ajouter à nouveau, ajouter encore plus à cela, nous pouvons venir ici et ajouter un lien. Voici le titre du lien donc nous allons dire lien vers Google, puis ici nous allons juste aller google.com et cliquer et décider ce que nous voulons. Maintenant, c'est quelque chose que nous allons là-haut. Tu as remarqué comment une partie de ça a été coupée avant ? Eh bien, si je fais défiler ici sur la gauche, ça fait apparaître cette fenêtre. De temps en temps, c'est une petite chose bizarre à Squarespace. Mais si vous travaillez sur un petit navigateur comme je suis en ce moment, alors vous allez réellement remarquer ce petit problème parfois où partie de votre interface est coupée et vous devez faire défiler ici. Une fois que nous avons ce lien vers Google, nous pouvons cliquer sur « Ouvrir » dans une nouvelle fenêtre et nous appuyez sur « Enregistrer » les maintenant. Maintenant, on y va. Nous avons cette Accueil, A propos et nous avons un lien vers Google ici sur notre site, très pratique dans le cas où quelqu'un ne sait pas. Mais ce n'est qu'un aperçu de base de la section à propos de nous. Je vais entrer dans les pages de couverture, la galerie, et certaines de ces autres fonctionnalités un peu plus. Mais cela vous montre juste un peu sur la façon de construire l'arborescence du site de base et la structure de votre site Web. 9. Une visite étendue de Squarespace: Maintenant que vous avez configuré votre compte et que vous avez commencé avec Squarespace, je vais vous donner une visite prolongée et commencer à parcourir chacune des zones du site et à expliquer ce que tout fait. Ceci est long, et il peut y avoir des parties que vous pouvez ignorer qui ne sont pas pertinentes pour votre entreprise. Mais je pense que cela va vous aider à mieux comprendre ce que tout fait sur Squarespace en tant que plateforme et ce dont il est capable. 10. Comprendre l'onglet de conception: Dans cette vidéo, je vais vous donner un bref aperçu de l'onglet Conception, et nous n'allons pas aller trop loin dans tout ce qui concerne cet onglet en ce moment, mais je veux vous donner un aperçu de base et juste une visite de base de cela. Donc, je vais venir ici, et je vais cliquer sur Design, et ici vous allez voir une poignée d'options différentes. Tout d'abord, nous avons notre logo et notre titre. Nous pouvons changer le titre du site sans code. Chose. Il suffit d'ajouter un petit quelque chose là-dedans et de le faire paraître fantaisie. Nous pouvons avoir la ligne de balise, qui ne supporte pas tous les thèmes une ligne de balise, mais si nous voulons le mettre, c'est facile. Alors on peut mettre ça là-dedans. Mais sur ce thème 5 ne supporte pas la ligne de balise, donc il n'y a pas de souci là. Logo, si nous voulons, nous pouvons réellement télécharger et échanger un logo sur ce que je vais vous montrer dans une seconde. Ou si vous n'avez pas de logo, Squarespace a ce petit créateur de logo dandy pratique ici, et donc très cool. Je vais juste l'essayer, sauter là-dedans, et nous allons juste dire quelque chose comme Squarespace. Vous pouvez réellement commencer à rechercher des symboles ou simplement faire défiler vers le bas et voir tout ce qu'ils ont ici. Ainsi, vous pouvez simplement rebaptiser le Squarespace comme ce diamant, ou cette vieille radio ou un voilier, parfait. Il y a des trucs très cool que vous pouvez faire avec leur petit créateur de logo de base. Je ne vais pas entrer en profondeur dans ce domaine car beaucoup d' entreprises et beaucoup de gens quand ils commencent ont déjà leurs propres logos, mais c'est quelque chose juste un peu basique qui peut vous aider et vous aider à démarrer. Donc, je vais à X hors de ça. Ensuite, vous avez votre icône de navigateur ou votre favicon, comme on l'appelle, et ici vous pouvez ajouter une image pour cette petite section ici, où vous voyez ce cube en ce moment pour Squarespace. Vous pouvez ajouter le vôtre afin que vous puissiez voir une photo de vous-même ou une petite version de votre logo là-haut. On le sauvera une fois qu'on aura fini. On va frapper Design pour revenir en arrière. Nous avons déjà parcouru l'onglet modèle, donc vous êtes familier avec cela. Vous avez l'éditeur de style qui est vraiment l'une des caractéristiques de base de Squarespace, donc je vais vraiment passer une vidéo entière à ce sujet dans un peu, aller plus loin et vous montrer comment aller et éditer toutes ces différentes couleurs, toutes ces choses différentes qui ressemblent beaucoup, mais je vous promets que ce n'est pas si compliqué, c'est très simple. Donc je vais vous le montrer dans une prochaine vidéo. Vous avez votre éditeur de style de page de paiement, similaire à l'éditeur de style, mais c'est pour si vous avez un site de commerce électronique et les gens sont vérifier et acheter sur votre site. Vous avez une barre d'annonce, ou vous pouvez ajouter cette petite barre d'annonce de base en haut et dire quelque chose ici, et donc si vous voulez dire, oh, nouveau cours maintenant disponible, vous pouvez mettre quelque chose de très cool là-bas, une petite annonce pour votre peuple. Donc, c'est vraiment bon pour un lancement de produit ou pour attirer l'attention sur quelque chose sur votre site. Très cool chose, vous pouvez ajouter une URL pour que de cliquer à travers, ou une page spécifique sur votre site Web. Donc, nous allons désactiver ça pour l'instant. On va frapper Save, rebondir hors d'ici. Hit Design. Barre d'informations mobiles, encore une fois, similaire à une barre d'annonce, mais c'est quelque chose que vous ajoutez et il vous permet d'afficher différentes choses comme votre e-mail si vous voulez votre numéro de téléphone, votre emplacement, vos heures d'ouverture. C' est quelque chose qui n'apparaîtra que sur la version mobile de votre site Web, mais si vous êtes un restaurant ou une petite entreprise et que vous savez que les gens vont probablement venir sur votre site pour rechercher choses comme vos heures ou sont ils s'ouvrent ou quelque chose comme ça, vous pouvez faire une petite barre d'information mobile vraiment basique, et c'est très pratique à avoir. Donc je vais frapper Save, retournez au design. Badge Squarespace, si vous voulez montrer peu d'amour, vous pouvez activer ce petit badge Squarespace, et juste ici dans le coin inférieur, vous pouvez voir cela alimenté par Squarespace, ou vous pouvez l'ajuster comme vous le feriez comme. Mais encore une fois, très cool petite plate-forme juste là. Probablement, tout le monde ne voudra pas cela, mais si vous voulez montrer une certaine fierté de Squarespace. CSS personnalisé. Encore une fois, c'est un peu avancé, si vous connaissez un codage du tout ce qui n'est pas vous. Vous n'avez probablement pas cliqué sur ce cours si vous connaissez le codage. Mais ici, vous pouvez faire du CSS personnalisé et c'est quelque chose d'un peu plus avancé si vous voulez sortir des fonctionnalités existantes de Squarespace, puis vous avez cet onglet Avancé, et encore une fois, probablement pas trop Tu vas t'inquiéter ici. Cet identifiant de kit de type pour les polices et la vue de l'appareil est juste une petite chose de base si vous avez cela activé, et vous voyez comment il simule un téléphone comme mon navigateur devient plus petit. C' est ce qu'est la vue de l'appareil. Donc, si vous n'aimez pas ça, et que vous voulez juste le garder simple, toujours ressemblant à un bureau, vous désactiverez cela. Mais c'est une vue d'ensemble de base de l'onglet de conception. Encore une fois, je vais plonger dans cet éditeur de style plus en détail dans une vidéo ultérieure. 11. Comprendre l'onglet des métriques: Dans cette vidéo, je vais en fait sauter le commerce, car je vais vous le montrer un peu plus tard. Je sauterai ici à l'onglet Métriques. Comme vous le remarquerez, je ne suis plus sur notre site Web sans site de code. Mais j'ai sauté sur mon site personnel parce qu'il n'y a pas de métriques de l'autre côté, donc ce serait ennuyeux de regarder. De cette façon, vous allez voir un peu de ce que cela ressemble et ce que font les fonctionnalités de métriques intégrées. Tout d'abord, l'onglet Metrics intégré au Squarespace est vraiment puissant. Pour ceux d'entre vous qui sont intéressés à utiliser Google Analytics, vous pouvez facilement lier cela aussi, et je vais vous montrer comment le faire dans une vidéo ultérieure. Mais même sans cela, les outils Metrics intégrés sur Squarespace sont assez robustes et peuvent déjà vous montrer des trucs très cool. Pour commencer, nous allons cliquer sur « Aperçu du trafic » sous Métriques. Ici, cela va me montrer mes visites régulières afin que je puisse réellement voir combien de personnes viennent sur mon site sur une base quotidienne. Ici, vous voyez des sauts jusqu'à 256 et d'autres ici. Vous pouvez commencer à voir juste fondamentalement toutes les informations. Ce que vous remarquerez, c'est que vous verrez un premier pour la taille de l'audience, un second pour les visites et le prochain pour les pages vues. Qu' est-ce que ça veut dire ? Cela signifie que 192 personnes différentes sont apparues sur mon site. Cela signifie 218 visites sur mon site, donc il semble qu'une poignée de personnes y sont revenus plus d'une fois par jour, puis il y a eu 377 pages vues, donc beaucoup de ces personnes ont cliqué sur plusieurs pages aussi. Encore une fois, vous pouvez commencer à voir ces tendances. Vous pouvez le voir ici sur un format graphique à barres. Ici, il vous montre le type de visites moyennes au fil du temps, et quelques informations vraiment cool ici. Ici, vous pouvez voir les navigateurs. Qu' est-ce que les gens surfent réellement dans ? Qu' est-ce que les gens utilisent réellement lorsqu'ils viennent sur votre site ? Vous pouvez tous voir les systèmes d'exploitation, ou le Mac, Windows, et quelle version également. Ils ont Android, et iPhone, et toutes les choses différentes ici aussi. Quelques trucs très cool ici sous le Traffic Overview. Cliquez sur Retour à Metrics. Maintenant, nous allons cliquer sur « Utilisation mobile ». Ici, nous pouvons commencer à voir que 78 pour cent des téléspectateurs sur le bureau, 21,3 pour cent sont sur mobile. Vous commencez à voir cela vous montre juste, encore une fois, votre pourcentage de mobile dans un jour donné et quels jours qui tire vers le haut. Encore une fois, des choses très cool apparaissent dans les systèmes d'exploitation de bureau et aussi vos systèmes d'exploitation mobiles. Ensuite, nous allons venir ici, et nous allons cliquer sur « Abonnés ». Cela vous donne une vue vraiment cool. Vous pouvez regarder tout ce qui a un flux RSS et vous pouvez voir le nombre d'abonnés à ce flux. Si vous cliquez sur Blog, vous pouvez voir toutes les personnes qui ont lecteurs de flux qui sont liés à ce site afin que peut-être tirer cela aussi bien. Vous pouvez le faire à nouveau sur podcast et vous pouvez regarder cela sur différents types de bases et en termes d'abonnés et tout le long de ces lignes. Une chose très cool. Permet de voir les personnes qui s'abonnent à vous avec RSS. Ensuite, vous allez regarder les références. C' est, encore une fois, une information très cool. Vous voyez que 40 pour cent de mon trafic vient de Google, 37 pour cent vient directement. Nous avons ce pourcentage provenant de thefreelancereport.com, ce pourcentage provient de How Design. Vous pouvez commencer à voir toutes ces références différentes et d'où vient votre trafic. Encore une fois, ce sont des informations extrêmement utiles, surtout que vous commencez à construire une bonne quantité de trafic, et quels différents sites Web vous liant. Nous revenons et descendons à Contenu populaire. Encore une fois, cela va vous montrer certains de vos contenus les plus populaires et le pourcentage de votre trafic global qui est constitué cette semaine. Encore une fois, vous pouvez cliquer sur mensuel si vous voulez, ou vous pouvez même simplement regarder tous les jours dans n'importe quel sens de cela. Si nous regardons cela, nous voyons que ce billet de blog représente 57 pour cent de mon trafic. Assez populaire qui se classe haut sur Google. Un autre 10 pour cent viennent à ma page d'accueil, 7,86 pour cent vont à mon blog, et ont ces autres messages qui sont très populaires à l'époque. Toutes ces choses différentes, vous pouvez réellement commencer à voir quels sont les contenus les plus populaires, et regarder cela sur une période de temps. Requêtes du moteur de recherche Encore une fois, c'est très cool parce que vous pouvez commencer à voir quels termes les gens cliquent et comment ils vous trouvent. Vous allez obtenir beaucoup de ce pas fourni dans le cadre de la chose avec Google et les recherches protégées. Mais vous pouvez commencer à voir tous ces termes différents que les gens viennent sur mon site à travers et ce qu'ils recherchent réellement sur Google quand ils viennent sur mon site. Encore une fois, des choses très utiles commencent vraiment à vous aider à voir comment vos classements SEO sont réellement performants. Descendez ici au journal d'activité. Encore une fois, cela va juste vous montrer quand les visiteurs entrent, et donc vous pouvez commencer à voir les adresses IP et ce qu'ils font réellement. Si vous faites un lancement de produit et que vous voulez voir quelque chose en direct, encore une fois, une petite fonctionnalité très cool ici. Puis dernier, aperçu des ventes. Encore une fois, je n'ai pas de produits que je vends actuellement pour mon site, donc cela semble assez ennuyeux, mais si vous avez un site e-commerce, cela vous donnera des statistiques sur toutes vos ventes. C' est un peu à propos de l'onglet Mesures. J' espère que le voir avec certaines données a aidé à rendre un peu plus apparent et à comprendre ce qui se passait. 12. Comprendre l'onglet et les disques: Dans cette vidéo, je vais vous présenter l'onglet commentaires, et parler un peu des commentaires sur votre site Squarespace. Donc, si nous venons ici et cliquez sur Commentaires, ce que nous allons voir, c'est que nous avons fondamentalement une petite section où tous les commentaires qui apparaissent, nous pouvons les approuver, ou nous pouvons voir lesquels sont non modérés, ceux qui sont approuvés, et ceux que nous signalons qui sont erronés, ou que nous jugeons inappropriés, ou du spam, ou quelque chose sur notre site. Maintenant, si vous avez remarqué quand nous sommes allés sur mon site Web précédemment et que je vous ai montré les statistiques, l'onglet commentaires n'était pas vraiment là, et c'est parce que Squarespace a ce système de commentaires intégré. Si vous venez de configurer votre site et que vous ne faites rien d'autre, vous avez ce système de commentaires intégré dans Squarespace, et c'est bon et ça fonctionne très bien. Mais Squarespace s'est également intégré à cette plateforme appelée Disqus, et c'est essentiellement la plus grande plateforme de commentaires sur Internet. Donc, la plupart des blogs, la plupart des plateformes là-bas, sont alimentés par Disqus, et vous avez probablement vu quelque chose qui ressemble à ceci, où vous avez ce système de commentaires et vous avez cet avatar dans ce profil, et donc ce Disqus fait est qu'il vous permet de créer un profil, et fondamentalement de loger cela sur votre blog, et quand vous faites cela, il est en fait capable de, n'importe quel site Web vous allez à un nouveau commentaire, un lien vers votre profil, qui puis des liens vers votre site Web, et il y a une énorme base d'utilisateurs. Donc la plupart des blogueurs, la plupart des commentateurs sont sur Disqus, et dans la vidéo de montage, je vais en fait vous montrer comment faire ça. Dans une vidéo plus tard, je vais vous montrer toute l'intégration ici avec Disqus. Mais je voulais juste expliquer ça rapidement, qu'avec Disqus, vous voudrez probablement l'intégrer un peu plus tard. Alors continuez à regarder, et je vais vous montrer que, et honnêtement, si vous n'êtes pas blogue, si vous ne mettez pas de contenu comme ça, vous faites juste un site d'information ou c'est un site de portefeuille sans commentaires, vous n'aurez vraiment pas à vous soucier de cet onglet du tout et vous pouvez simplement le laisser. Mais si vous bloguez, consultez les vidéos ultérieures où je vais vous montrer comment faire l'intégration complète avec Disqus. 13. Comprendre l'onglet pt 1: Dans cette vidéo, je vais vous accompagner à travers l'onglet Paramètres ici et Squarespace et en quelque sorte expliquer beaucoup de ce qui se passe sous chacun de ces onglets et ce que tout est. C' est une partie vraiment importante du site. Il y a beaucoup de choses ici, alors préparez-vous et plongons dedans. Donc, d'abord, je vais cliquer sur les paramètres là-bas dans la gauche, vous verrez que nous avons une poignée d'options, puis même dans le menu avancé qui va dans plus d'options. Donc je vais passer par ceux-ci par Won. Fondamentalement, nous allons commencer par une information de base. Si vous venez à l'information de base, vous pouvez choisir si votre site est une entreprise, e-commerce, à but non lucratif, personnel, ce n'est pas une affaire énorme. Ne fera pas beaucoup de différence dans la fonctionnalité ou quoi que ce soit sur votre site. Vous pouvez définir une courte description du site, certains thèmes que nous utiliserons cette majorité de thèmes n'utilisent pas cette description du site. Mais je recommande d'écrire quelque chose ici d'une façon ou d'une autre parce que c'est aussi un domaine utile pour l'optimisation des moteurs de recherche pour mettre un genre de mots de somme ici. Vous pouvez autoriser la promotion Squarespace. Ils vont parfois promouvoir des sites Web qu'ils pensent vraiment bons ou ils vont les mettre comme l'un de ces modèles d'exemple sur leur site Web, et ensuite vous pouvez venir ici pour les informations commerciales, heures, téléphone, e-mail, tous ça. Ainsi, vous pouvez mettre votre numéro de téléphone, votre adresse e-mail. Vous pouvez le configurer sur une carte, choisir vos heures d'ouverture, et tout cela. Encore une fois, une poignée de thèmes, nous allons réellement tirer cette information et en quelque sorte la brancher dans le thème pour vous, donc c'est une fonctionnalité très cool pratique à avoir, pas tous le faire, mais cela vaut probablement la peine de mettre information là dans les deux sens. Donc, quand nous reviendrons des informations de base, nous reviendrons aux paramètres. Une fois que nous sommes de retour ici dans le menu des paramètres, nous allons cliquer sur entendre sur la langue et la région, et c'est vraiment pour que vous puissiez définir la région dans laquelle vous êtes, la zone, ce qui est pertinent, surtout si vous faites sur votre site Web. Squarespace a une sorte de calendrier d'événements intégré. Si votre fuseau horaire est mal défini , tous vos événements de calendrier vont apparaître incorrects pour toute personne qui vient sur votre site Web. C' est assez simple, tout ce que vous faites vraiment est de comprendre à peu près sur une carte où vous êtes ou où votre entreprise est basée. Vous allez cliquer sur ce que les petits points soufflés vont bouger là, et j'ai réussi et parfaitement cliqué sur Denver, qui est là où je suis basé. Mais parfois, si vous êtes dans la zone difficile, peut-être que j'essayais de cliquer sur Phoenix ou Boise, mais oui, j'ai juste cliqué sur Denver, et on y est. Nous venons de définir le fuseau horaire, ce qui est maintenant correct, comme vous le verrez, l'heure en bas correspond à mon heure là-haut. Nous avons maintenant défini notre fuseau horaire, et appuyez sur « Enregistrer ». Je vais revenir aux paramètres et on va aller de l'avant. Nous allons donc cliquer sur suivant sur « Domaines ». C' est là que nous allons réellement travailler avec des domaines horaires. Domaine étant http://websitewithoutcode.squarespace.com. Je voulais, je pouvais cliquer dessus, et je pourrais le renommer en sitewithoutcode2. Je pourrais changer l'URL du site. Je ne vais pas vraiment faire ça parce que je n'ai pas vraiment besoin de le faire maintenant, donc je vais juste annuler. Mais c'est aussi là que plus tard, nous allons lier le domaine. Donc, chaque fois que vous êtes prêt à lancer votre site Web en direct et dites que vous essayez de lancer un sitewithoutcode.com ou jakejorgen.com. Vous essayez de le mettre en direct sur votre nom de domaine. C' est là que nous allons aller pour le faire, et je vais l'expliquer plus en détail un peu plus tard. Aussi, si vous voulez, vous pouvez cliquer sur obtenir un domaine gratuit, et fondamentalement ce qui se passe si vous choisissez d'acheter un compte annuel et vous avez acheté une année de Squarespace, Vous obtenez un domaine gratuit avec votre site. Donc encore une fois, très cool, très pratique petite fonctionnalité qu'ils valent la peine d'examiner et vous pouvez descendre ici et obtenir un .org, .net, .biz ou l'une de ces choses cool. C' est tout ce que nous allons couvrir sur les domaines d'écriture maintenant. Encore une fois, je vais vous montrer plus tard comment lancer réellement votre site web en direct. Ensuite, nous allons venir ici pour envoyer un e-mail, et c'est quelque chose qui est nouveau dans Squarespace 7.0 Et une fonctionnalité super intéressante, une fonctionnalité qui va vraiment plonger dans un peu plus une fois que nous commencerons. Mais vous pouvez connecter SquarePace à vos Google Apps dans des comptes de messagerie. C' est vraiment, vraiment cool parce qu'il est vraiment vraiment difficile beaucoup de fois de comprendre comment lancer votre domaine et ensuite le faire sans gâcher votre adresse e-mail. Donc, si vous avez un compte Google Apps, vous pouvez littéralement vous connecter juste là avec votre compte Squarespace, et il fait tous les enregistrements, tout le routage sur le backend, sorte que vous n'avez pas à vous soucier d'aller dans et jouer avec tous ces paramètres DNS et les enregistrements MX pour vous assurer que votre e-mail ne s'affiche pas lorsque vous lancez votre site Web. Donc, si vous êtes un utilisateur de Google Apps, je vous recommande fortement de vérifier cela. Je te montrerai ça plus tard. Je veux vous montrer comment configurer Google Apps nous allons le faire sur un thème différent, mais c'est un compte de démonstration de Squarespace, donc je ne peux pas vous montrer ici sur celui-ci. Ensuite, nous allons venir ici pour les permissions, et c'est vraiment les permissions ont été appelées, je pense, conseiller les contributeurs, mais ils ont changé le nom à ce sujet. Il est très utile si vous voulez ajouter des personnes supplémentaires à votre site Web. Donc, disons que je veux avoir un de mes amis ou un collègue ou un écrivain travailler sur le site avec moi. Ce que l'oeil peut faire est soit d'ajouter un auteur de base, qui est juste fondamentalement voulu lui donner, il ne va pas en fait créer un compte, il va juste créer une sorte d'avatars de sorte que quand je blogue, je peux dire que cet auteur est par, ou ce billet de blog est par, si et ainsi. Donc, vous pouvez créer un avatar, vous pouvez mettre une photo avec cela. Vous pouvez le lier à leur Google Plus juste ici. Vous pouvez mettre dans une bio complète dans les comptes sociaux et tout juste là. Encore une fois, une chose très cool de simplement ajouter un auteur de base, mais cet auteur n'a vraiment aucun moyen de se connecter. Tout ce qu'ils font vraiment est de dire, par exemple, je suppose qu'un cas d'utilisation de la façon dont vous utiliseriez cet auteur est de dire, que vous exécutez un site Web de blog et que quelqu' un vous soumet un post invité ou quelque chose qu'ils veulent publier sur votre blog. Eh bien, peut-être que vous ne voulez pas vraiment leur donner des connexions à votre site et qu'ils essaient de comprendre comment le publier par eux-mêmes, et au lieu de cela, vous préféreriez simplement prendre le mot document d' eux et le publier sur votre site. Ce que vous feriez est fondamentalement les ajouter en tant qu'auteur, y mettre des informations de base et tout ici, et puis de cette façon quand vous mettez ces messages, vous pouvez dire que le post était par qui, quel que soit son nom, plutôt que d'avoir l'impression que ça vient d'être écrit par vous. C' est donc un moyen de publier du travail d'autres personnes sans avoir à les faire connecter à votre site et à définir tout ce genre de choses. Maintenant, nous allons jeter ça. l'autre côté, vous avez ce contributeur, donc vous avez un auteur de base qui ne fait rien sur le site, c'est vraiment juste une sorte de profil d'un écrivain sur votre site, et ensuite vous avez un contributeur. Un contributeur est quelqu'un qui obtient réellement des autorisations pour travailler sur votre site, et il existe ces différents niveaux d'autorisations. Donc, par exemple, je pourrais taper John Doe ici et JohnDoe@gmail.com. J' espère que ce n'est pas une vraie adresse e-mail, c'est probablement le cas, mais oui, et puis fondamentalement je pourrais les inviter et leur donner une poignée de différents types d'autorisations et de privilèges sur le site Web. Donc, si je leur donne un administrateur, alors ils ont littéralement un contrôle total sur le site Web. Ils peuvent concevoir, ils peuvent modifier la facturation, ils peuvent faire n'importe quoi sur le site. Donc, les administrateurs, fondamentalement, vous êtes un administrateur acheter par défaut lorsque vous configurez un compte. Un administrateur serait quelqu'un d'autre qui a tous ces mêmes privilèges. Par exemple, chaque fois qu'un grand nombre de mes clients m'ont engagé pour faire le design de Squarespace pour eux, ils m'ont mis en place en tant qu'administrateur parce que j'ai vraiment besoin d'un accès imbécile pour éditer tout sur leur site pour pouvoir concevoir et faire tout là-bas. Donc, le suivant est un éditeur de contenu. Cette personne peut entrer, ils peuvent éditer du contenu sur le site, ils peuvent éditer du texte, des billets de blog, n'importe quoi de ce genre de choses, mais ils ne peuvent pas changer le design, ils ne peuvent pas aller dans les paramètres, la facturation, n'importe lequel de ces trucs. Donc, si vous embauchez peut-être juste un rédacteur pour votre site, c'est un très bon moyen de leur donner juste les privilèges d'écriture de copie. La prochaine est la facturation, et c'est vraiment simple, mais disons que vous êtes dans une entreprise et que vous devez donner des comptes fournisseurs, peut-être qu'ils ont deux entrer les informations de facturation pour cela. Maintenant, vous pouvez configurer juste un profil de facturation sur eux, eh bien littéralement, la seule option qu'ils vont avoir est juste de venir, connecter et de configurer la facturation. Encore une fois, un moyen très simple d' avoir quelqu'un se connecter et juste configurer son compte de facturation. Rapports. Encore une fois donne juste fondamentalement un accès aux statistiques. Modérateur de commentaires. Ce serait encore très simple si vous avez beaucoup de blogs dans votre site peut-être. Vous avez une position ou une autre entreprise juste modérer les commentaires. Vous pouvez le faire aussi. Vous pouvez définir quelqu'un comme commentateur de confiance. Encore une fois, je vais vous montrer plus tard comment définir vos paramètres de commentaire. Mais, vous pouvez avoir des paramètres de commentaire où fondamentalement aucun commentaire n'est publié tant que vous ne l'avez pas approuvé. Mais vous pouvez définir quelqu'un comme commentateur de confiance et dire, « Oh, je savais que Joe met toujours de bons commentaires sur il y a une personne digne de confiance qu'il ne va pas me spamper. Je peux le mettre comme un commentateur de confiance. » Ensuite, le dernier profil est un gestionnaire de magasin. Fondamentalement donne à quelqu'un l'accès à travailler avec tout le commerce électronique, gérer les commandes des clients, n'importe lequel de ces choses et également éditer le contenu sur le site. Voici les moyens de base que vous pouvez inviter quelqu'un à collaborer et à contribuer sur votre site Squarespace. On va reculer d'ici, et on va se défausser. C' est tout juste sur l'onglet Autorisations, et maintenant je vais revenir ici à Paramètres. La suivante et une très importante est Social. Ce que vous avez ici est une poignée d' options différentes pour gérer vos réseaux sociaux. La première chose que vous allez vraiment vouloir faire lorsque vous configurez votre compte et que votre page fonctionne, est de descendre ici sur Social et de cliquer sur «  Comptes connectés  » Lorsque vous cliquez sur Comptes connectés, où vous pouvez réellement faire est de venir ici et vous cliquez sur « Connect Account ». Il va vous donner toutes ces différentes options de médias sociaux pour tout, de Dribbble à Facebook, Twitter, Google Plus, Tumblr, YouTube, toutes ces différentes intégrations. Fondamentalement, tout ce que vous faites, c'est que vous cliquez simplement sur un. Si nous allons avoir sur mon clic pour lier mon profil Twitter. Si vous êtes déjà connecté, alors il va littéralement venir à l'écran pour autoriser, donc je vais autoriser l'application. Je viens de connecter mon compte Twitter aussi facile que ça. Maintenant, quand je vais sur mon site Web et dire que je veux ajouter des liens de médias sociaux n'importe où dans les sites, ou le thème a quelque chose intégré comme ici nous avons dans cinq vous venez de voir cette icône Twitter apparaît ici. Tout cela est en fait automatiquement connecté à mon compte Twitter maintenant. Juste à partir de cette simple intégration de compte de connexion. Encore une fois, je peux revenir en arrière et le faire pour Facebook, Google plus cependant beaucoup de comptes sociaux que je veux faire. Maintenant, vous pouvez le faire avec Instagram ainsi et quelques-uns d'entre eux, Twitter, Instagram, YouTube, et une poignée d'entre eux ont même des petites applications qui sont intégrées dans Squarespace, je vais montrer plus tard. Mais certaines fonctionnalités vraiment cool sur la façon dont vous pouvez réellement utiliser ces intégrations de médias sociaux et comment vous venez de les connecter et puis fondamentalement vous obtenez ces applications et vous pouvez faire de petits widgets sur votre site. C' est la partie des comptes connectés de Social. Ensuite, nous allons descendre ici pour les boutons de partage. Sur beaucoup de modèles et surtout avec les blogs, vous avez ces boutons de partage. C' est si quelqu'un lit un billet de blog ou qu'il est sur une page qu'il aime, vous pouvez ajouter ces petits boutons de partage et puis il partagera fondamentalement ce post automatiquement à ces différents comptes. Fondamentalement ici, vous pouvez dire, voici toutes les choses que je veux qu'ils soient en mesure de partager deux faire. Eh bien, peut-être que j'aime Facebook, Twitter, Google Plus, LinkedIn, mais je ne me soucie pas vraiment du Tumbled Upon, du marché Pinterest ou de Tumblr. Ce n'est pas vraiment mon truc. Ou peut-être que c'est le cas et vous pouvez laisser ça allumé. Ensuite, quand vous le refaites, il va s'activer lui-même. Mais oui, fondamentalement, vous pouvez choisir les réseaux sociaux vers lesquels vous voulez partager, sorte que vous ne surpeuplez pas votre site Web entier avec trop de boutons de partage où c'est juste laid et écrasant. Vous pouvez choisir ceux que vous aimez. Il y a un autre très cool qui est un Pinterest Pin-It Button. Si vous activez cela, vous pouvez essentiellement l'activer pour les blogs ou pour les blogs et les pages. Ce que cela va faire est fondamentalement avoir une petite superposition sur vos sites Web qui permettra essentiellement à quiconque épingler l'une de vos images ou vos billets de blog ou différentes pages. C' est une petite fonctionnalité très cool. Voici un exemple de ce à quoi cela ressemblera. Disons que vous avez cette photo et que quelqu'un peut venir ici et l'épingler. Voyons voir. N' ont pas encore enregistré, donc il n'a pas tout à fait intégré. Mais vous pouvez choisir à nouveau, petit ou grand. Vous pouvez choisir une forme, un rectangle ou un cercle pour le logo Pinterest. Vous pouvez juste descendre ici et gâcher les paramètres. Encore une fois, changez toutes ces choses. Mais c'est vraiment pratique surtout pour, disons que si votre marché est sur Pinterest les gens que vous voulez obtenir devant, c'est une fonctionnalité super pratique. Très cool de l'avoir permet vraiment beaucoup plus immédiate interaction sociale intégrée automatiquement juste là à travers vos sites. Vous devez faire n'importe quel codage personnalisé. Tout ce que vous faites est juste d'ajouter cette petite option Pinterest Pin-It Button. Mais pour l'instant, je vais laisser ça éteint et appuyer sur « Désactiver ». On va revenir et on va sauver. Ensuite, nous reviendrons à Social. Maintenant, je dois vous montrer la dernière section sur le social. Mais en fait, j'ai sauté sur mon compte personnel pour vous montrer celui-ci parce que c'est un peu plus facile à démontrer. Mais si je reviens sur social, et que je clique ici sur « Page Facebook », ce que nous allons voir est, que je peux réellement transformer une seule page mon site en une page Facebook et en faire un onglet sur ma page Facebook. C' est très cool. Ce que j'ai fait est fondamentalement choisir maintenant j'ai toutes ces différentes pages Facebook que je gère pour moi-même et les clients. Je vais essentiellement choisir la Liste Liée à ma page Facebook personnelle. Encore une fois, pour que chacun d'entre nous travaille, vous devez d'abord lier votre compte Facebook à Squarespace. Alors ce que je peux faire, c'est que je peux venir ici et que je peux installer un onglet de galerie si je le veux et avoir peut-être un portfolio ou une galerie de mon travail. Ensuite, je peux aussi avoir un onglet de page Squarespace. Ce que vous pouvez faire, c'est que si vous cliquez dessus, cela va littéralement me montrer toutes les pages de mon site que j'en ai pas mal quelques-unes. Mais j'ai l'inscription à la liste d'email de Jake Jorgovan. Ensuite, je peux réellement changer ce titre sur ce, et définir cet onglet de page Squarespace de base. Maintenant ce que ça va faire, je vais sauter sur Facebook ici et vous montrer. Est-ce que si je suis ici sur ma page de fan Facebook, encore une fois c'est sur une page de fan pas ma page de profil personnel, J'ai toutes ces différentes options ici pour la timeline sur les photos. Maintenant, j'ai cette petite option pour m'inscrire à la newsletter e-mail de Jake. C' est super cool parce que si quelqu'un clique juste dessus, ils voient littéralement la page Squarespace exacte que j'ai construite sur mon site. Ceci est une page sur mon site Web qui est maintenant juste fondamentalement été construit écrire ici dans ma page Facebook. Super fonctionnalité pratique, vous pouvez l'utiliser pour peut-être votre portefeuille, vous pouvez même le faire avec la page d'accueil de votre site afin qu'il renvoie à d'autres choses. Pour moi, je l'ai fait pour une simple inscription à la newsletter par e-mail. Mais c'est une fonctionnalité super cool d'une manière que vous pouvez vraiment personnaliser votre page de fans Facebook et des moyens que beaucoup d'autres personnes ne peuvent pas faire c'est quelque chose qui est assez cool et unique à Squarespace. 14. Comprendre l'onglet pt 2: Nous allons continuer ici avec les paramètres et maintenant je vais descendre, je vais cliquer sur l'option suivante, bloguer. Nous arrivons dans les blogs, la première chose que nous allons voir est ce format d'URL de post. Ce que vous allez voir est en ce moment par défaut il va dire /année/mois/jour/title. Fondamentalement ce que cela signifie, c'est que si je vais sur mon blog en ce moment et je clique sur ce premier projet sur pourquoi les créatifs doivent avoir des projets secondaires. Ce que vous allez voir, et ce que je vais vous recommander c'est que vous avez juste le titre comme partie de votre URL, parce qu'une URL est fondamentalement tout cela ici et par défaut, ce qu'il va faire est de faire l'année, le mois et le jour. Si je ne changeais pas cette option, il dirait, 16/01/2015/ pourquoi les créatifs doivent avoir des projets secondaires. Si je n'ai pas fait ce que je suis sur le point de vous montrer, qui est de supprimer ces autres options du format URL, tous mes blogs ont cette très grande URL longue, qui n'est pas un grand fan de. Je préfère l'avoir aussi court que possible. Ce que je vais faire est fondamentalement juste supprimer tous ces éléments. De cette façon, il est vraiment juste /blog/le titre de l'article et pour ce faire, je vais littéralement venir ici et frapper retour arrière. Supprime simplement chacun de ces éléments, le /year/title tout cela. Ce que nous allons juste finir avec ce titre et c' est l'option que j'ai sur mon site en ce moment. Lorsque vous allez sur mes blogs, ce que vous avez vu est /blog/pourquoi les créatifs doivent avoir des projets parallèles, le titre de l'article. Ensuite, je vais vous montrer comment lier les disqus, le système de commentaires que j'ai mentionné précédemment, site squarespace de deux ans. Nous sommes toujours là sous l'option Blogging et ce que je vais faire, c'est que j'ai besoin d'entrer mon nom court de disqus. La première chose que je dois faire est de me rendre sur les disqus et je recommande de mettre en place un site ou de créer un profil pour vous-même, ce que je ne vais pas vous guider dans tout ça. Je pense que vous pouvez vous inscrire pour un profil par vous-même. Mais ce que nous allons vouloir faire, c'est une fois que vous êtes connecté, venez ici, cliquez sur votre profil et appuyez sur « Admin ». Une fois que vous êtes ici dans ce tableau de bord disqus, je peux cliquer sur ce lien ici et ajouter un nouveau site web. Mon site est un site Web sans code à websitewithoutcode.disqus.com, mais il est pris. Je vais faire un site jakes sans code et celui-ci n'est pas pris. C'est sympa. Je peux choisir et nous dirons qu'il s'agit d'un site d'affaires. On va finir l'inscription ici. Une fois que nous arriverons par là, il va nous demander d'intégrer avec une plate-forme et voir ici vous pouvez voir ce code universel WordPress, blogueur type pad, Tumblr, toutes ces choses. Mais on va cliquer. Il y a une belle icône de l'espace carré juste ici au milieu. Cliquez dessus. Maintenant, il va nous montrer essentiellement les instructions de configuration pour le prochain Squarespace. Ce que nous allons avoir est fondamentalement à nouveau, il va vous dire comment les paramètres généraux d'administration, qui est en fait un peu daté sur le site Web là-bas. Notre Squarespace a changé, comme vous le voyez, nous sommes maintenant sous les options de blogs, donc ce sont des disqus incorrects que vous devez mettre à jour. Mais la chose pratique ici est qu'il va vous donner votre nom court et votre nom court disqus est vraiment tout ce dont vous avez besoin. Je vais copier ce petit nom court ici. Je vais coller ce droit entendre dans le compte Squarespace et nous avons juste là disques liés notre système de commentaires a été totalement remplacé par des disqus et le système interne de commentaires Squarespace a maintenant été échangé pour disqus. Très simple. La dernière chose sur cette page est que nous avons un goût simple. Ce petit billet de blog optionnel où quelqu'un peut dire, j'aime votre post, c'est cool et vous pouvez choisir d'avoir cela ou non. Alors voici aussi si vous dites ne pas avoir votre nom court de disqus, que je vais en fait laisser cela dehors une seconde parce que pour vous montrer, mais dire que vous n'utilisez pas de disqus. Nous venons ici pour les commentaires et les paramètres. Nous pouvons en fait définir une poignée de paramètres de commentaires sur notre site. Comme nous pouvons activer les commentaires globalement ou nous pouvons les désactiver et il n'y a littéralement aucun commentaire sur notre site Web. Nos blogs ne sont que des articles, mais il n'y a pas de commentaires à leur sujet. Nous pouvons permettre aux gens d'aimer les commentaires. Nous pouvons exiger une approbation, ce qui signifie que tout va se passer cette file d'attente de modération avant de réellement apparaître en direct sur votre site Web. Vous pouvez choisir si vous voulez que les gens commentent de façon anonyme ou s'ils doivent fournir des informations. Commentaires threadés, les gens peuvent-ils répondre à d'autres commentaires. Vous pouvez avoir un fil sur l'endroit où quelqu'un commence une discussion et tout le monde continue à jouer de ça. Que vous souhaitiez afficher les avatars ou simplement envoyer un texte à côté des commentaires, puis si vous voulez activer commentaires ou vous pouvez réellement désactiver ou activer les commentaires au fur et à mesure que vous parcourez et publiez chaque billet de blog. Sur cette option suivante ici, comment désactiver la valeur par défaut des commentaires. Je vais être franc, honnête et te dire que je ne sais pas ce que ça fait. Aussi simple que ça, nous allons juste passer à autre chose. Je ne sais pas tout à fait. Je pense que c'est le temps qu'il faut dans un commentaire modéré va juste disparaître mais je pourrais me tromper. Évidemment, je ne l'ai jamais utilisé, donc je ne pense pas que ce soit terriblement important. Vous pouvez choisir votre ordre de tri des commentaires, ce qui fait tous les commentaires les plus récents que vous aimez, vos commentaires les moins appréciés en premier. Alors voulez-vous que les gens soient en mesure de marquer les commentaires et de définir cela. Ensuite, choisissez le nombre de commentaires, si un commentaire reçoit un drapeau, alors il est automatiquement réglé sur en attente de modération et peut-être que vous avez un site à trafic élevé et si cinq personnes le signalent, alors il va dans le en attente de la section de modération. Résumez des choses simples autour de la façon dont vous pouvez éditer vos commentaires là-bas. On va juste sauver ça. Reviens ici pour bloguer. En fait, j'aime ce petit lien de disqus donc je vais juste revenir et ça me ramènera ici à Squarespace, juste là où il était. Nous allons juste coller dans ce nom court de disqus, appuyer sur « Enregistrer » et nous avons maintenant mis en place cela. Nous pouvons toujours entrer dans ce paramètre de modération des commentaires et même si nous avons activé les disqus, toutes ces options, vous pouvez toujours régler ces options ici sur votre site Web. C' est tout ce qu'on a ici sur la section des blogs. Référencement, optimisation des moteurs de recherche. Il s'agit essentiellement de votre classement Google et de la façon dont vous vous affichez quand quelqu'un tape des mots clés pertinents à Google. Nous allons cliquer sur « SEO » et ici vous pouvez entrer dans une courte description pour votre site web. Encore une fois, c'est un moyen très pratique de mettre quelques mots clés ici, choses que vous voudriez rechercher. Mais essayez de ne pas simplement l'empiler avec des mots clés, mais essayez de décrire votre site Web un peu, rendre quelque chose de lisible. Google n'aime pas quand les choses sont simplement croustillées avec des mots clés. En fait, il préfère le vrai contenu organique. Puis aussi, si vous êtes jamais dans cette section SEO, comment ils vous recommandent de cliquer sur ce lien sur la façon d'augmenter la visibilité de votre moteur de recherche. Je vais examiner cela plus en détail, mais cela a changé au cours de la vie de Squarespace depuis qu'ils ont déployé de nouvelles options. Mais cette page vous dit tout sur la façon d'optimiser votre site pour le référencement. Il y a d'autres trucs que je vais vous montrer en cours de route, mais c'est un bon endroit pour commencer. Le cadre suivant se trouve ici au format de titre de la page d'accueil. Probablement vous avez très peu de chances que vous changiez cela. Mais si tu veux, tu peux passer la souris ici. Tu vois un peu plus à ce sujet, mais je doute que tu t'occupes trop de ça. Ensuite serait un titre de collection. Donc, c'est en fait assez pratique. Donc, disons, vous avez un titre de collection comme le blog slash, ou une galerie ou quelque chose comme ça et quelqu'un va à un billet de blog. Maintenant, c'est en gros choisir à nouveau, comment voulez-vous que cela apparaisse ? Voulez-vous juste que le nom du site slash l'URL ou voulez-vous que votre nom de site slash blog slash le nom de l'article. Donc, encore une fois, si vous vous débarrassez de cela, raccourcit votre URL encore plus et vous n'aurez pas ce blog barre oblique là-dedans. Ensuite, ce sont des choses individuelles à nouveau, comme le billet de blog, vous pouvez simplement raccourcir cela si vous voulez ou vous pouvez avoir le titre de l'article là aussi. Encore une fois, pas des choses extrêmement importantes, mais si vous êtes sérieux, vous construisez un blog, beaucoup de contenu, ce sont des choses qui valent la peine d'être étudiées. Ensuite, nous allons venir ici à la sécurité. C' est une fonctionnalité très pratique, mais dites que votre site est en mode brouillon. Si vous tapez un mot de passe ici, et fondamentalement ce que cela fera est à chaque fois que quelqu'un vient sur votre site Web, il doit entrer un mot de passe pour regarder le site. C' est très pratique si vous construisez une nouvelle version d' un site Web ou si vous travaillez sur un projet de grande envergure et que vous ne voulez pas que les gens le sachent. C' est une façon cool de le cacher. Vous pouvez travailler dessus en interne et personne ne peut le voir à moins qu'ils aient ce mot de passe. Facturation dans le compte. Ceci fondamentalement, vous allez venir ici, et si vous voulez voir vos factures, combien vous avez payé, vous voulez regarder l'historique de votre connexion, ou vous voulez juste supprimer le site Web et vous pouvez le faire ici, vous pouvez également entrer ici et simplement entrer vos informations de facturation. Je fais ça sur un site de démonstration de Squarespace, donc il dit juste que c'est un site gratuit. Mais sinon, vous pouvez entrer ici et cliquer sur vos informations de facturation. Entrez tout ce paiement et tout. La dernière fois, nous allons venir ici pour avancé, ce qui ouvre un tas de trous plus. Mais je vais passer par ça assez vite, pas une grosse affaire. 404 page d'erreur introuvable, Cela signifie essentiellement si quelqu'un va et ils font une faute de frappe sur votre site ou vous avez un lien mort. Vous pouvez essentiellement envoyer ceci à un système par défaut qui dit que nous n'avons pas trouvé la page que vous cherchiez. Ou ce que je fais dans mon site est au lieu de les envoyer à une page d'erreur, je les envoie directement à la page d'accueil. De cette façon, s'ils ont un lien mort, il les ramène à la page d'accueil et j'espère qu'il ne suffit pas de les envoyer ou de penser que mon site est cassé. Une petite chose si simple là-bas. Appuyez sur Sauvegarder. Tête en arrière entendre. éditeur de texte par défaut ne voudra probablement pas jouer avec cela à moins que vous sachiez écrire markdown, qui est un format de type blogging pour écrire très rapidement. Donc ne va probablement pas s'inquiéter à ce sujet. Clé d'échappement, c'est vraiment cool mais, si je vais juste à Jake jorgovan.com, je ne suis même pas connecté à Squarespace ou quoi que ce soit écrire maintenant. Je viens de frapper l'évasion. Cela me prend littéralement et je peux commencer à travailler sur mon site Web. Si je n'étais pas connecté, il me demanderait de me connecter, mais je suis déjà connecté. Donc, c'est une chose cool, certaines personnes n'aiment pas ça, mais vous pouvez désactiver cela si vous le voulez, et il suffit d'aller sur squarespace.com pour vous connecter. Mais honnêtement, j'aime ça, je pense que c'est assez pratique. Importer, exporter. Si vous voulez exporter votre site, vous pouvez l'exporter essentiellement dans un format WordPress. Squarespace fait cela parce que, à peu près, si vous l'avez dans un format Wordpress, vous pouvez le télécharger sur presque n'importe quelle autre plate-forme. Mais si jamais vous avez besoin de déplacer votre site hors de Squarespace, Vous pouvez exporter tout le contenu, les blogs, tous ces trucs. Vous pouvez également importer du contenu. Nous pouvons venir ici et vous pouvez importer à partir de Squarespace version cinq, vous pouvez importer à partir de WordPress, Tumblr, Shopify, Etsy, Blogger, Big cartel. Donc, si vous avez déjà un site sur l'une de ces plateformes, vous pouvez simplement extraire votre contenu directement. Tellement simple. Nous allons revenir ici, et nous allons vers les services externes, et nous allons vous montrer comment configurer votre Google Analytics, le numéro de compte que vous pouvez saisir ici, ou votre tag associé Amazon. Je vais probablement plonger à beaucoup dans l'associé Amazon. Vous pouvez Google que si vous en avez besoin. C' est vraiment simple, en fait, vous mettez juste votre tag associé juste là. Ensuite, dans la vidéo ultérieure, je vais en fait vous montrer comment configurer Google Analytics sur votre site Web ainsi, mais aussi vraiment simple vous entrez littéralement juste dans votre numéro de compte Google Analytics. Donc, des trucs très simples. Ensuite, nous allons venir ici, en mode Développeur. Vous n'allez pas y toucher parce que c'est en fait si vous voulez ouvrir Squarespace et gâcher avec le code et tout, et cette classe pro est appelée site Web sans code donc, je suppose que vous n'allez probablement pas vouloir passez en mode Développeur. Injection de code. Tu ne vas probablement pas t'occuper de ça non plus. Mais, si vous avez besoin de mettre un HTML ou CSS personnalisé, ou vous devez mettre, du code dans votre en-tête pour une petite application ou un widget spécifique que vous voulez. Vous pouvez mettre ça là aussi. Encore une fois, j'espère que vous n'aurez pas à faire face à cela, mais si vous en avez besoin, c'est comme ça que vous le faites. mappages d'URL, encore une fois, ne vont probablement pas s'inquiéter de ce genre de choses. Un peu d'image avancée et d'importation, probablement ne va pas s'inquiéter de ce genre de choses ainsi qu'un peu plus avancé pour le site sans classe de code. Wow, nous avons juste la femme de chambre à travers le panneau des paramètres. Super excitant, c'était beaucoup, je sais. Alors devine quoi ? Le prochain que je vais faire en un clic. Ai-je jamais juste besoin d'aide, cliquez sur ce bouton, et il me faut à help.squarespace.com où vous pouvez rechercher leur base de connaissances. Je peux regarder leurs ateliers, impliquer avec la communauté là-bas, ou simplement soumettre un ticket ou quoi que ce soit si j'en ai besoin. Encore une fois, celui-là, très simple. Nous venons de terminer notre visite de Squarespace. Si incroyablement simple. J' espère que cela a été utile, je sais que c'était beaucoup de détails, mais je pense qu'avoir une bonne compréhension de l'endroit où se trouve tout, comment deux naviguent, cela va vous aider à aller de l'avant. Dans les sections suivantes, nous allons vraiment commencer à plonger dans l'édition des pages, l' édition du contenu, la stylisation, le plaisir de faire tout ce qui est amusant et de commencer à faire un site qui semble plutôt bon. Alors traîne avec moi, c'est sur le point de s'amuser. 15. Une visite étendue de Squarespace outro: Je vous ai montré des outils différents. J' espère que c'est devenu excitant pour vous les gars de réaliser tout le potentiel que vous pouvez faire et à quel point c'est facile de travailler avec Squarespace. Maintenant, dans la section suivante, nous allons commencer à nous pencher sur la façon de rendre votre site bien paraître. Nous allons utiliser l'éditeur de style et commencer à concevoir et styliser votre site Web afin que vous puissiez le modifier et le faire ressembler au site de vos rêves. 16. Une introduction à l'éditeur visuel: Le but de l'éditeur visuel ici est, encore une fois, c'est une différence. Vous avez votre éditeur visuel et ensuite vous avez votre éditeur de style. Les éditeurs de style allaient changer vos polices, vos couleurs, tout ça, et votre éditeur visuel va vraiment nous permettre de commencer à changer tout le contenu qui se trouve sur le site. Ici, nous ne sommes pas vraiment, encore une fois, nous ne allons pas travailler avec tous les styles et polices réels. Mais au lieu de cela, ce que nous allons faire, c'est d'ajouter et de mettre en page du contenu sur le site Web. Nous allons venir ici sur cette simple page d'accueil que nous avons. Ce qu'il dit, nous avons la maison et nous n'avons vraiment rien ici. Une page web complètement vide et vierge. Ce que nous allons faire, c'est dans ce thème cinq, nous avons cet en-tête ici. On ne va pas trop s'inquiéter de ça maintenant, mais on va s'en occuper dans une seconde. Mais ce que nous allons faire, c'est que nous allons venir ici et nous allons voir le contenu de l'en-tête d'accueil, nous allons voir ce contenu de pied de page de la page et ce contenu de pied de page d'accueil. Je n'utilise pas trop l'en-tête et le contenu du pied de page. Mais le contenu de la page, c'est vraiment là qu'une grande partie du contenu de votre page va vivre. Ce que je vais faire est d'abord cliquer sur « Modifier » ici. Vous verrez que nous avons un éditeur visuel qui apparaît et je peux juste commencer à taper sur mon site Web. Dites, bonjour, c'est le texte pour le site. On peut aller ici et on peut utiliser cet éditeur de texte et faire l'gras, italique, n'importe quoi. J' aimerais passer par tout cela un peu plus en détail dans une vidéo séparée. Mais nous avons aussi cette capacité de voir ces petits cercles ici. Nous pouvons ajouter des choses ci-dessous, au-dessus et ci-dessous. Si je viens ici et que je clique sur ce petit cercle, je peux ajouter tous ces différents petits widgets et blocs. Dites que je veux ajouter une image. Je peux le faire. Je peux cliquer sur l'image, et je reçois ce petit outil de téléchargement d'image. Je viens ici pour ajouter une image et cliquez sur ce téléchargement. Maintenant, je peux essentiellement venir ici et trouver les images que je veux télécharger. Je vais télécharger ce tir de héros ici. Je ne vais pas trop m'inquiéter pour ça. Nous allons entrer dans l'image un peu plus dans une vidéo plus tard. Mais je vais laisser ce téléchargement. J' aurais probablement dû le compresser avant de le faire, mais à des fins de démonstration, ça marchera. Une chose, juste à tout moment sur les sites Web que vous voulez essayer de compresser des images, généralement autour de 250 kilo-octets ou moins d'un méga-octets est généralement une compression de taille décente pour le web. Alors essayez de le compresser sans perdre trop de qualité. Mais celui-ci n'a pas été comprimé, donc ça prend un peu. Une fois cela va prendre un moment pour traiter et redimensionner. Ensuite, nous avons une image sur notre site. Nous venons d'ajouter du texte. On peut ajouter une légende. Voici une légende cool. Vous pouvez revenir ici à nouveau et ajouter un autre bloc. Voyons, à quoi voulons-nous descendre ? Qu' est-ce qui serait cool ? Nous voulons peut-être ajouter des liens sociaux. Je veux avoir des liens vers tous les profils des médias sociaux. Eh bien, je vais cliquer sur « Liens sociaux », je peux jouer avec l'alignement, faire le mot à dire, rester à gauche où se trouve le texte. Ce que vous voyez, c'est maintenant cette petite icône Twitter. Rappelez-vous comment dans les vidéos précédentes, nous venons d'intégrer le compte Twitter. Eh bien, vous voyez l'icône Twitter ici, mais si j'avais connecté Facebook, Instagram et YouTube, toutes ces icônes apparaîtraient ici aussi. Je peux changer la taille de ceci et travailler avec toutes ces différentes options ici, changer le style et beaucoup de choses cool. Je peux vraiment personnaliser cela pour regarder à quoi je veux qu'il ressemble. On va sauver ça. Mais tout ça, peut-être que ça ne marche pas comme je veux. Peut-être que je veux cette icône sociale sous ce texte et que je veux que l'image soit assise à droite. Comment puis-je faire ça ? Eh bien, l'autre chose cool à propos des éditeurs visuels, vous pouvez vraiment glisser et déposer. Je vais prendre cette photo et je peux commencer à la traîner. Si vous regardez ça, je peux commencer à le déplacer. Donc, voyez cette épaisse ligne grise ici. C' est là que je vais laisser tomber ça. Donc, si je le dépose ici, l'image sera maintenant au-dessus du texte. Regarde ça. Maintenant, nous avons l'image au-dessus du texte et nous avons l'icône des médias sociaux juste en dessous. Peut-être que nous le voulons sous l'icône des médias sociaux. Glissez-le ici. Maintenant, nous avons ces au-dessus. Aussi simple que cela, je peux littéralement réorganiser la mise en page du site. Je peux aussi venir ici. Si je vais sur le côté, je peux commencer à le mettre dans ces colonnes et la chose de côté devient un peu déroutante. Je vais le dire. Donc, vous allez remarquer que dans différents domaines, différentes choses se produisent. Tout d'abord, si je viens jusqu'à droite, j'ai ce très grand bar qui va jusqu'à droite. Ce que cela a fait est créé une colonne entière. En fait, je vais juste coller un tas de texte sur ce site. Donc, vous pouvez voir que je viens de créer une colonne en la mettant là où j'avais cette grande barre verticale. J' ai créé une colonne pour le site. Mais recommençons et revenons. Et si je viens ici où j'ai ce genre de boîte grise ? Eh bien, si j'ai cette boîte grise, et que le texte va s'enrouler autour d'elle. Les boîtes grises vous permettent de faire cet effet enveloppant de textes. C' est une autre façon cool de le faire. Ensuite, l'autre chose que nous pouvons faire, c'est que nous pouvons littéralement venir ici et simplement les faire venir juste à droite et ça ressemble à une colonne. Mais ce que vous allez voir, c'est que ce bloc est encore pleine largeur. Dites si j'avais plus de texte ici, ou si je copierais et collez. Maintenant, parce que je l'ai réglé à l'endroit où cette barre juste spam la hauteur verticale de ceci, j'ai créé une colonne côte à côte avec cet élément ici. Mais tout le reste, il n'y a pas de colonne complète sur le reste de la page. Encore une fois, c'est un peu déroutant. Il faut un peu de temps pour s'y habituer, mais c'est vraiment, vraiment puissant. Vous pouvez ajuster ceci et littéralement saisir, rendre cette image plus petite, ou vous pouvez agrandir cette image. Vous pouvez vraiment ajuster cela à votre goût et obtenir une mise en page qui ressemble exactement à ce que vous voulez. Si je veux que le texte s'enroule autour du côté gauche, venez ici, faites la même boîte grise et maintenant avec le texte enveloppe ici et faites la même chose, rendre plus petit, le rendre plus grand, et vraiment ajuster la taille de l'image et tout très, très simplement. Ceci est la vue d'ensemble de base de l'éditeur visuel. Je vais m'arrêter ici sur cette vidéo. Ensuite, dans la prochaine vidéo est que je vais obtenir un peu plus détaillé. Je vais vous montrer quelques autres choses autour des paramètres de la page et comment se débarrasser de la barre latérale ici et quelques trucs comme ça. Ensuite, je vous montre beaucoup de trucs cool et je me sens un peu plus profond, plus loin dedans. Mais j'espère que c'était un aperçu décent pour vous familiariser avec le fonctionnement de toute cette chose. 17. Comprendre l'onglet les paramètres de page: Dans la dernière vidéo, je vous ai montré un peu comment simplement mettre en page et travailler avec le contenu de la page ici. Mais avant de plonger dans ça, nous devrions vraiment nettoyer certains de ces autres trucs. Cet en-tête n'a pas l'air très joli en ce moment, la barre latérale n'est pas très agréable. Nous aimerions que cela ressemble un peu plus à un site Web afin que nous puissions vraiment commencer à concevoir à l'intérieur de cela. Pour ce faire, ce que nous allons vraiment faire, c'est de venir ici à l'onglet Paramètres de page. Nous pouvons aller le faire en superposant juste ici et aller dans les paramètres. Cela va montrer cette page de configuration, l'onglet Paramètres de page. Ou si vous ne pouvez pas trouver cela parce que certains thèmes ont ceci dans un endroit légèrement différent. Vous pouvez toujours cliquer sur cette petite icône en forme de roue dentée à côté de la page sur laquelle vous travaillez. Nous allons cliquer sur ce juste ici, l'icône engrenage, il faut et il fait apparaître les paramètres de la page. La première chose que nous pouvons faire est de changer la navigation et le titre de la page. Peut-être qu'au lieu de chez moi, je veux que ça dise bienvenue. Nous pouvons activer ou désactiver cette page si nous le voulons. Vraiment, vous n'avez pas besoin de vous inquiéter à ce sujet à moins que vous ne fassiez un compte de niveau inférieur et que vous ayez peut-être une limite de pages. Nous pouvons choisir d'avoir d'autres barres latérales à une barre latérale, ce soit des deux côtés, vous allez avoir deux barres latérales à droite ou à gauche ou vous pouvez aller pleine largeur pour des raisons de démonstration, et que je n'ai pas vraiment veulent barre latérale sur ma page d'accueil, je vais aller à pleine largeur. Encore une fois, selon le thème sur lequel vous êtes, tous les thèmes n'ont même pas de barre latérale, donc vous pouvez même ne pas avoir cette option juste là. Vous pouvez avoir un onglet de description de page. Encore une fois, pas très important avec beaucoup de thèmes. Certains thèmes utiliseront cela en particulier des thèmes comme bedford et shift. Mais pour cinq ans, il n'a pas d'impact visuel. Mais encore une fois, c'est aussi un autre endroit pour mettre ici quelques informations d'optimisation des moteurs de recherche. Nous pouvons changer l'URL. Peut-être que je veux que ça dise bienvenue au lieu de la maison. Nous pouvons mettre un mot de passe sur cette page. Disons qu'il y a peut-être une partie de votre site qui est seulement que vous voulez disponible pour les membres ou les clients, vous pouvez le protéger par mot de passe. Alors la dernière chose ici, qui va rendre cette page nettement meilleure, beaucoup plus rapide, est que nous pouvons ajouter une image miniature. Je vais cliquer pour télécharger l'image miniature. On va télécharger ça ici ou fermer, n'a toujours pas compressé ce type, donc ça va prendre une seconde. Mais pendant qu'il télécharge, je vais juste aller de l'avant et parler de ces prochaines choses. La dernière chose est que vous pouvez faire ici sous les paramètres de page, ou vous pouvez définir ceci comme la page d'accueil, ce sera la page par défaut sur laquelle quelqu'un atterrit sur laquelle nous allons faire. Vous pouvez également dupliquer cette page. Peut-être que vous faites une chose de portfolio dans la page et que vous voulez faire quelque chose de très similaire avec la même mise en page. Vous ne voulez pas avoir à refaire toute la mise en page, mais vous voulez juste échanger des images et du texte. C' est très, très pratique pour ça. Ou si vous voulez peut-être faire une sauvegarde et essayer deux choses différentes. C' est là que tu as là. Ensuite, sous avancé, encore une fois si vous avez besoin d'injecter du code dans votre en-tête, peut-être que vous faites une application intégrée et ils disent, mettez ce code d'en-tête là-haut, vous pouvez le faire mais encore une fois c'est un site Web sans code, j' espère que vous n'avez pas besoin de toucher à cela. La dernière chose que nous allons faire est juste de définir ceci comme notre page d'accueil. On va appuyer sur « Confirmer ». Maintenant, on va le sauver. Lorsque nous l'enregistrons, il va recharger la page pour refléter nos changements. Maintenant, notre image miniature comme vous le verrez dans le thème des cinq, est reflétée ici dans notre bannière juste ici. Accueil a changé pour accueillir et notre barre latérale a disparu parce que nous sommes sur pleine largeur. Maintenant, ce texte a littéralement élargi pour prendre toute la largeur du site Web. Une dernière petite astuce que je vais vous montrer, c'est. 18. Comment gérer le texte dans Squarespace: Dans cette vidéo, je vais plonger un peu plus dans l'éditeur visuel et vous montrer spécifiquement comment travailler avec du texte et des polices à l'intérieur de Squarespace. Pour commencer, nous allons revenir ici, et nous allons y aller et nous allons passer le curseur cette édition sur le contenu de la page ici, je vais cliquer sur « Modifier ». Maintenant, nous revenons à ce que nous avons créé avant. Je vais supprimer quelques-unes de ces choses juste pour qu'on n'ait pas autant de maux de tête et de trucs sur le chemin. Nous pratique petite chose, mais si jamais vous voulez supprimer quelque chose, vous avez deux façons de le faire. Le premier est que si vous avez un élément de bloc comme celui-ci, vous pouvez simplement double-cliquer dessus, puis appuyez sur « Supprimer », appuyez sur « Confirmer », et tous mes liens sociaux ont disparu. Mais peut-être que je veux me débarrasser de cet élément de texte ici. Oups, j'ai juste fait ça, mais avec du texte, c'est un peu bizarre mais tu ne peux pas prendre un texte au milieu parce qu'il va l'éditer. Ce que vous faites, c'est que vous survolez le côté du texte et que vous commencez à obtenir ce petit coup de main. Quand tu auras cette main, tu pourras faire toutes les mêmes choses déplacer comme on l'avait fait avant. Je peux attraper la chute là-haut. Je peux l'attraper là-bas et pour une raison quelconque, ce n'est pas seul. On y va. Déposez-le à droite. Toutes ces choses amusantes. Ou si je veux, je peux venir ici et le supprimer. Je peux simplement supprimer en cliquant à nouveau, en faisant glisser vers la corbeille et en supprimant. Nous voici, retour à une large page ouverte. Maintenant, je vais vous montrer essentiellement comment éditer et gérer certains contenus sur votre site. Pour ce faire, ce que je vais faire, c'est que j'ai cette déclaration d'artiste. En parcourant ce site, je vais travailler sur ce site pour une artiste Elizabeth Cairnes. Je viens de passer à mon Google Drive, j'ai copié ce texte. Je vais venir ici et je vais coller ça dans Squarespace. Maintenant, une chose avec laquelle vous voulez être vraiment prudent, est que Squarespace va automatiquement inhérer à n'importe quelle mise en forme ou il va essayer de faire les polices ou l' une de ces choses que lorsque vous importez quelque chose dans votre site. Si vous remarquez, tout est un peu justifié à droite si je commence à taper ici, il tape à gauche mais, pour une raison quelconque, ils sont tous indentés. Tout cela est essentiellement dû au fait que j'ai copié et collé du texte dans Squarespace. C' est quelque chose que vous voulez faire vraiment quand vous copiez et collez du texte dans Squarespace, est que vous voulez venir vous voulez mettre en évidence du tout, et vous voulez mettre en surbrillance sur ce petit Remove Format. Quand tu fais ça, voilà, soudain, ton formatage est normal et il n'y a pas de bizarre qui se passe avec ça. Nous avons ce texte ici maintenant, il n'y a pas de mise en forme. Ce que nous allons faire de base maintenant est juste venir ici, je vais ajouter un titre, Artists Statement. Cela va être l'en-tête de la page donc avec ces pages, nous allons avoir cette déclaration d'artiste, mais nous voulons que cette déclaration d'artiste se démarque. Nous ne voulons pas qu'il ressemble au reste du texte, nous voulons qu'il ressemble à un en-tête ou à un titre de cette section. Ce que je vais faire, c'est que je vais mettre en évidence cette déclaration d'artiste, et il y a une poignée de choses que je peux faire. D' abord, je peux frapper Bold, et je pourrais juste le rendre audacieux si je le voulais. Je pourrais le rendre italique. Je pourrais le transformer en un lien si je le voulais et il y a un lien apparaîtra et je peux taper elisabethcairnes.com et en faire un lien si je le veux, je peux l'ouvrir dans une nouvelle fenêtre ou non. Mais nous ne ferons pas ce lien maintenant. Je peux le rendre justifié à gauche, au centre justifié, ou à droite, et de même je peux le faire avec tout ce bloc. Si je mets tout en évidence, je le place au centre, à droite ou à gauche. Mais c'est la partie puissante ici. Nous pouvons venir voir maintenant que nous avons un format de paragraphe normal. Si je vais simplement mettre en évidence la déclaration de l'artiste et je clique sur « Titre 1 ! vous remarquez que nous obtenons cette option titre. Peut-être que je veux un peu plus petit et je peux cliquer sur un « Titre 2". Vous remarquez que ça va changer en orange, mais je vous expliquerai ça dans une seconde. Peut-être que je veux encore un peu plus petit d'un titre et obtenir un titre 3. Fondamentalement, nous pouvons choisir ce que je vais laisser comme une rubrique 1. Ce que je veux expliquer ici, c'est que, lorsque vous travaillez avec le web, vous n'avez pas vraiment de taille de police. Vous ne dites pas, « Oh, je veux que ce soit une police de 22 points et je veux que ce soit 16. Au lieu de cela, la façon dont Squarespace fonctionne et le Web fonctionne, c'est que vous avez ces en-têtes et que vous avez votre texte normal, et à tout votre texte normal devrait être le même et tous vos en-têtes seront cohérents. Fondamentalement, tout ce que vous choisissez soit comme titre 1, titre 2 ou titre 3. Nous arrivons à l'éditeur de style, je vais vous montrer comment vous pouvez les ajuster et pourquoi, comment vous pouvez faire celui-ci où il ne tourne pas orange ou ne tourne une couleur différente si vous le souhaitez ou il peut être une police différente, et comment vous pouvez ajuster cela. Mais la raison derrière ces titres 1, Titre 2 et Titre 3, est qu'ils créent de la cohérence sur l'ensemble de votre site. Une des plus grandes erreurs que les gens qui ne savent rien sur le web design font quand ils commencent à faire des sites, est qu'ils font littéralement cette chose de cette taille, cette chose de cette taille et ça se transforme en cette moche, site horrible où rien ne semble bon et cohérent. En passant, Squarespace a conçu ceci où vous n'obtenez que ces trois options de titre et une option pour un devis si vous le souhaitez. Cela rend vraiment là où votre site va avoir l'air bien. Cela va ressembler à un site Web professionnel parce que c'est ainsi que concepteurs web professionnels fonctionnent. Peu d'autres choses disent, nous voulons que ce soit une liste. Nous pouvons simplement le faire et maintenant nous avons une liste 1, 2, 3 juste ici. Je ne sais pas si je viens ici. Ou peut-être qu'on ne veut pas que ce soit une liste et qu'on veut que ce soit des points à puces. On peut aussi faire des points forts. Ou nous pouvons cliquer à nouveau et revenir à la normale, nous pouvons indenter cela à droite ou non. Ensuite, nous pouvons également effacer le formatage. Maintenant, la dernière petite chose que je vais vous montrer est cette option de collage en texte brut. Supprimer le formatage fait la même chose, mais disons que nous ne voulons pas le coller dans tous les funky et nous voulons juste qu'il vienne parfaitement. Tout ce que je peux faire, c'est que je peux venir ici, je peux cliquer sur « Coller comme texte brut » et je vais juste le coller ici et encore une fois vous voyez tout le formatage bizarre, l'indentation de la police, j'ai frappé « OK ». Il va apparaître parfaitement, pas de formatage bizarre ou tout ce qui est dans le chemin. Encore une fois, je voulais l'autre option, le coller, avoir le formatage bizarre et les indentions et autres choses, et je viens de cliquer sur « Supprimer le formatage » et que tout disparaît. Mais encore une fois, soyez prudent. C' est un gros problème que je vois avec beaucoup de sites Squarespace où les gens disent  : « Je ne sais pas pourquoi cela semble bizarre ma police. » Une partie de la raison pour laquelle cela semble différent de tout le reste, et souvent c'est parce qu'ils ont copié et collé du texte dans Squarespace, et la mise en forme a fait cela comme ça. 19. Travailler avec des liens: Dans cette vidéo, je vais vous montrer comment travailler dans les liens de Squarespace. C' est un très puissant quand vous voulez faire un lien hypertexte ou quelque chose comme ça, mais ce que nous allons faire est simplement ajouter un petit texte ici dit, « Voir mon portfolio », Nous allons transformer cela en un lien. Ce que nous allons faire, c'est, cliquez sur cette option « Modifier le lien » juste ici. Comme je vous l'ai déjà montré sur la façon de créer un lien, mais je veux y aller un peu plus en détail. Donc nous allons cliquer dessus, et cette fenêtre de lien apparaît. Nous pouvons taper un lien vers lequel nous voulons que le site aille, puis nous pouvons choisir si nous voulons qu'il ouvre une nouvelle fenêtre ou non. Si nous ne choisissons pas ouvrir dans une nouvelle fenêtre, fondamentalement ce qui va se passer, est votre site actuel, le navigateur dans lequel ils sont, va réellement remplacer cette fenêtre. Donc ça va être retiré totalement de votre site. Si vous choisissez de l'ouvrir dans une nouvelle fenêtre, il va ouvrir un nouvel onglet, comme celui-ci. Il va toujours garder votre onglet ouvert avec le site. Généralement, si je suis lié à quelque chose hors des sites, je vais ouvrir dans une nouvelle fenêtre. Si je suis lié à quelque chose dans les sites, je vais généralement le laisser ouvrir dans la fenêtre, c'est généralement une bonne règle empirique. Une autre chose que vous pouvez faire, c'est que vous avez ce lien externe, c'est un lien externe, mais je peux aussi cliquer sur le contenu. Donc peut-être que je veux créer un lien vers ma page À propos, ou si nous avions une page de portefeuille faite, je ferais un lien vers cela. Mais j'ai juste cliqué sur « À propos », et vous verrez qu'il a maintenant changé ce lien vers la page À propos. Mais quand je clique sur le lien ici, il fait apparaître cette option pour supprimer le lien hypertexte ou le modifier. Donc, je vais revenir pour l'éditer. Parce que encore une fois, je peux choisir si je veux ouvrir une nouvelle fenêtre aussi. Maintenant, je l'ai ouvert dans une nouvelle fenêtre. Donc, si quelqu'un clique dessus, ça m'amène à la page À propos, et l'ouvre dans une nouvelle fenêtre. La dernière chose que je vais vous montrer sur les liens, c'est que vous pouvez télécharger des fichiers. Peut-être que je veux avoir un PDF de portefeuilles, mais pour l'instant, nous allons juste télécharger cette photo branchée juste ici. Ce fichier va être téléchargé, comme nous l'avons fait avec les photos précédentes, mais maintenant ce sera un fichier téléchargeable. Donc, beaucoup de fois, vous pouvez le faire pour peut-être un PDF, un document, ou quelque chose comme ça, un e-book ou quelque chose que vous voulez que les gens puissent télécharger. Vous pouvez littéralement télécharger ces fichiers sur Squarespace en utilisant ce petit éditeur de fichiers, et il va les enregistrer pour que nous puissions réellement les lier à tout moment. Cela devient un nouveau fichier sur le back-end Squarespace. Si nous voulons créer un lien vers elle, il suffit de cliquer ici. Maintenant, c'est réglé, ça va l'ouvrir dans une nouvelle fenêtre, et nous avons dû définir ce lien à l'endroit où il va maintenant lier à cette image. Pour démontrer, je viens ici. Aussi, nous allons aller en plein écran, donc je ne suis pas en mode éditeur et je peux le voir. Maintenant, je clique sur « Voir mon portfolio ». Il s'est ouvert dans une nouvelle fenêtre, et maintenant il charge cette image. On y va, on vient d'être lié à cette image juste ici. Encore une fois, vous pouvez le faire avec un PDF, n'importe quel type de fichier que vous souhaitez télécharger sur Squarespace. C' est ainsi que vous allez travailler avec des liens. Chaque fois que vous avez besoin de les changer dans le futur, vous pouvez juste venir ici, et vous pouvez cliquer sur « Modifier ». En outre, vous allez remarquer maintenant que cela ne ressemble pas beaucoup à un lien, et c'est parce que c'est encore une fois, une autre chose dans l'éditeur de style, nous allons voir un peu plus tard, qui va vous montrer comment changer les couleurs, les looks, les champs, et les polices de vos liens, vous êtes en tête, vos textes, tout ça. ce moment, vous ne pouvez probablement même pas dire que c'est un lien, mais une fois que nous arriverons à la section de l'éditeur de style, vous verrez que je vais éditer et styliser cette page, et vous pouvez voir que je peux changer la couleur du lien faire la couleur que je veux que ce soit. 20. Comment utiliser le bloc d'image: Dans cette vidéo, je vais vous montrer comment télécharger des images et gérer tout avec le bloc Image dans Squarespace. Maintenant, dans la vidéo précédente, je vous ai montré comment télécharger une image, mais je n'ai pas vraiment fouillé tout autour. Je veux y voir un peu plus en détail. Pour commencer, descendez à nouveau au contenu de la page et cliquez sur « Modifier », me ramène à cet éditeur visuel. Je vais ajouter une image ici. Encore une fois, je peux voir toutes ces lignes différentes de l'endroit où cela va apparaître. Je veux que cette ligne grise apparaisse en bas sous « Voir mon portefeuille ». Cliquez dessus. Je vais aller ici et je veux ajouter un bloc d'image. Ensuite, je vais choisir de télécharger une image ici, je vais juste cliquer sur cette icône de téléchargement. Mais avant que je fasse ça, je veux vous montrer, vous pouvez aussi rechercher Getty Images, et c'est super cool. Squarespace a conclu un accord avec Getty Images. Fondamentalement, vous pouvez acheter n'importe quelle image qui est là à travers ce moteur de recherche ici pour 10$. Donc, je peux obtenir n'importe laquelle de ces superbes photos folles pour seulement 10$ à travers Getty Images. Tellement incroyable, tu peux chercher ce que tu veux. Vous voulez des photos d'horloges, choisissez des horloges, laissez-le chercher, et maintenant j'ai tous ces pour 10$ et obtenir ces images incroyablement génial, très cool, stylisées de Getty Images. Donc très cool, fortement le recommander. Si vous le souhaitez, vous pouvez même en prévisualiser, et il apparaîtra sur votre site, puis il aura un peu de superposition dessus parce que ce n'est pas officiel et que vous ne l'avez pas encore acheté. Mais c'est un moyen cool pour vous de voir et de prévisualiser les images avant de les acheter. Ensuite, lorsque vous êtes prêt, il vous suffit de cliquer sur ce bouton « Licence » et vous pouvez passer par réellement la licence. Je vais supprimer cela cependant, parce que je ne veux pas une image d'une horloge ici. Je vais venir, et je vais appuyer sur ce bouton « Ajouter une image ». Ensuite, je vais me diriger vers les fichiers clients ici, et je vais à nouveau télécharger cette photo de héros. Cela va télécharger ici, et pendant qu'il est en téléchargement, je vais vous montrer quelques autres choses. Ici, juste en dessous, vous avez cette option d'opportunité pour les sous-titres. Vous pouvez choisir « Légende ci-dessous », « Ne pas afficher la légende », « Superposition de légende » ou « Superposition de légende en survol ». Donc je vais vous montrer ça comme exemple. Vous pouvez modifier le nom de fichier de l'image. Peut-être que je veux que ce soit quelque chose de différent. C' est vraiment pratique pour l'optimisation des moteurs de recherche, donc je pourrais le changer en « elisabethcairnes.jpg ». Ensuite, le nom de fichier serait différent, et c'est vraiment bon pour l'optimisation des moteurs de recherche et tout. Extensible. Celui-ci n'utilise pas souvent, mais vous pouvez le faire pour étirer et couvrir la taille du conteneur. Lightbox. Je vais allumer ça pour te montrer. Mais fondamentalement, quand quelqu'un clique dessus, l'image apparaîtra dans une boîte lumineuse et la rendra un peu plus fraîche et plus grande à voir. Eh bien, si je désactive cela, alors cela va réellement me donner une autre option, qui est une « URL de clickthrough ». Si je fais cela, c'est comme toutes les options de lien que nous avons traversées dans la vidéo précédente, où nous pouvons lier à une page, lien externe ou un fichier. Si vous choisissez Lightbox, cela disparaît car Lightbox devient l'action de clics. Donc, je vais cliquer sur « Enregistrer » très rapidement. Je vais venir ici et je vais voir que nous avons occasion d'écrire ici. Donc c'est la légende. Nous avons cette valeur sur Superposition des sous-titres sur le vol stationnaire. Nous devons également définir la Lightbox. Donc, je vais économiser très vite pour que je puisse montrer et vous montrer ce qu'ils font réellement. Donc, si nous sommes ici sur le site, c'est intéressant que la légende soit ici même si je ne suis pas en vol stationnaire. Mais il y a la fonctionnalité Lightbox juste ici. Encore une fois, nous n'avons pas de lien de clics, donc quand je clique dessus, une Lightbox apparaît, et c'est ce qu'est une Lightbox. Donc, cela ne semble pas faire grand-chose ici, mais si votre image est vraiment petite, c'est très pratique car alors quelqu'un peut prendre votre petite photo qui est conçue dans votre site et la voir en plein écran. Alors revenons vite et voyons si j'ai peut-être fait quelque chose de mal ici avec le Overlay sur Hover. Non, c'est juste. Mon hypothèse serait que, c'est parce que nous sommes en mode aperçu. Parfois, lorsque vous travaillez en mode Aperçu, cela devient un peu glitchy, mais je suppose que cela serait corrigé sur le devant du site. Légende Overlay, qui fait ressembler à ce qu'il était en fait juste de faire ou il est toujours là. Ensuite, Légende ci-dessous met la légende juste en dessous de cette image, ou je peux Ne pas afficher la légende, et elle disparaîtra réellement. Laisse-moi sauver ça. En fait, il apparaît ici, mais quand vous allez le voir sur le devant du site, il devrait être parti. Oui. Donc, vous avez toujours cette légende, ce qui est vraiment bon pour l'optimisation des métadonnées ou des moteurs de recherche, mais vous ne pouvez pas voir les légendes, pas visibles n'importe où sur le site. C' est un peu sur la façon dont vous téléchargez et créez des images dans Squarespace. 21. Comment utiliser le bloc de galerie: Dans cette vidéo, je vais vous montrer comment travailler avec les galeries et squarespace. Les galeries sont essentiellement une poignée d'images toutes regroupées. Avant de vous montrer comment définir la galerie, ce que je vais faire est en fait en créer une. Je vais le faire dans la section Non lié, et je vais expliquer pourquoi dans un instant. Je vais cliquer et je vais créer une galerie juste en bas entendre sous cette section Non lié. Je vais juste dire Photos. Ensuite, je vais venir ici à cette section photo, et je vais ajouter des images ici. Cliquez sur ce bouton, puis vous pouvez choisir si vous voulez qu'il s'agisse d'une vidéo, d'une image ou vous pouvez acheter une galerie d'images auprès de Getty. Je vais juste aller à « Upload Images », j'ai ma première image, qui sera à nouveau ce héros tourné. Une fois que ce plan est téléchargé, je vais cliquer sur Enregistrer et publier, et il le publie maintenant dans la galerie, et si je le veux, je peux ajouter un titre d'image et des descriptions et ajouter un clic à travers les liens ici. Ceux-ci sont vraiment pratiques, surtout si vous dites, peut-être que vous voulez que votre image de galerie soit liée à quelque chose. Mais je ne vais pas entrer trop profondément dans tout ça en ce moment, car ça peut ne pas être pertinent pour tout le monde. Nous publierons cette première photo. Ensuite, je vais vraiment vous montrer un petit truc cool qui vous permet de télécharger beaucoup plus rapidement. Dis que tu veux prendre une poignée d'images, donc j'ai ces trois images ici, temple, camion, et mur, que j'aime. Je vais marquer et je suppose que cela devrait fonctionner sur Windows aussi. Si je le veux, je peux juste attraper ces images, les faire glisser ici sur ce téléchargement, et il commence juste à télécharger les trois d'entre eux à la fois. C' est une excellente petite fonctionnalité pratique si vous voulez télécharger par lots une poignée d'images toutes à la fois. Maintenant, une fois que toutes ces images ont été téléchargées, je vais vraiment revenir ici aux pages, et je vais revenir ici à la page d'accueil, je vais faire défiler ici, et je vais modifier le contenu de ma page . Je vais aller de l'avant et juste supprimer cette image que j'avais avant, qui si vous vous souvenez nous venons de cliquer et de le faire glisser vers le bas à la poubelle, et maintenant je vais ajouter une galerie d'écriture ici. Cliquez sur Ajouter, utilisez la zone de galerie. Maintenant, vous vous demandez probablement pourquoi nous avons installé cette galerie avant, et maintenant nous mettons en place une autre galerie sur la page. Eh bien, ce que nous venons de faire avant c'est que nous avons créé une galerie qui serait considérée comme une galerie existante, et si je veux, je peux juste venir ici, cliquer sur Utiliser des galeries existantes, cliquer sur Photos, et maintenant vous voyez que nous avons littéralement une galerie de photos juste ici, que vous ne pouvez pas encore voir parce que je vais ici pour concevoir et faire de cela une grille pour que vous puissiez voir un peu mieux ce qui se passe. Mais là, on y va, on a une galerie d'images juste ici. Je vais expliquer la grille dans une seconde, mais je veux d'abord clarifier cette distinction. Parce que nous avons créé une galerie sous l'onglet Pages, nous pouvons maintenant simplement créer un bloc de galerie dans l'éditeur visuel en lien avec cette galerie quand nous le voulons. C' est une fonctionnalité très pratique, disons que vous avez votre portfolio ou que vous avez une galerie que vous pourriez référencer et plusieurs endroits sur le site, c'est vraiment génial parce que vous pouvez télécharger ces fichiers une fois, et alors vous n'avez jamais pour vous soucier de télécharger et de créer à nouveau ces fichiers. Maintenant, alternativement, si c'est le seul endroit sur notre site entier cette galerie apparaîtra, c'est juste peut-être pour juste avoir un but, nous pouvons cliquer sur Upload Media, et nous pouvons venir ici et nous pouvons télécharger images et glisser-déposer comme nous l'avons fait auparavant. Littéralement, cela nous donnera tous les mêmes options exactement comme nous l'avons fait quand nous avons téléchargé dans l'onglet Pages. Mais pour cela, nous allons garder ça ici et nous allons utiliser cette galerie existante. Maintenant, cela a expliqué les différentes versions de l'utilisation de la galerie existante, les avantages de cela et le téléchargement, je vais vous montrer un peu sur l'onglet Conception. Je vais cliquer sur Design, et ici nous avons des options pour quelques modèles de galerie différents. Nous pouvons choisir un diaporama. Nous pouvons le définir pour passer automatiquement entre diapositives toutes les nos ou secondes si vous le voulez, deux secondes c'est assez rapide, ou vous pouvez le faire quelque chose de plus long, comme 10 secondes ou cinq secondes et il passera. Nous pouvons choisir Afficher Suivant dans les contrôles précédents, puis vous voyez ces petites flèches pop-up et les gens peuvent cliquer sur ceux pour aller à la photo suivante ou précédente, il passe à cinq alors regardez ce sentiment pour cela. Recadrer automatiquement les images. Fondamentalement, ce que cela fera est qu'il déterminera un dénominateur commun de toutes vos images, et il va recadrer des images pour s'adapter à ce que je crois être la première image que vous téléchargez. Je pourrais me tromper là-dessus, mais fondamentalement ce que cela va faire est de recadrer des images pour tenir dans le cadre. Si vous ne le faites pas, alors vous pouvez vous retrouver avec un peu d'espace blanc sur les bords de certaines de vos images, mais vous allez obtenir que la résolution complète est un petit espace blanc car c'est une résolution légèrement différente de la victoire avant. Encore une fois, recadrer automatiquement les images, il va recadrer toutes les choses mais, et encore, celui-ci que vous voyez maintenant il étend toute la pesée jusqu'à la fin. Si nous choisissons Recadrer automatiquement, tout s'étend jusqu'à la fin. Afficher les vignettes. Si vous voyez si je fais défiler vers le bas, en fait, j'ai toutes ces vignettes des images que les gens peuvent également cliquer sur pour les voir en plein écran. On peut s'en débarrasser si on veut, et on n'en a pas là. Nous avons juste les flèches ou les flèches de la galerie de médias aussi si nous voulons. Mais si nous montrons des vignettes, nous pouvons changer la hauteur de la bande de vignettes, nous pouvons changer la distance entre l'image et les vignettes pour donner un peu d'espace là si nous le voulons. Maintenant, nous pouvons également choisir si nous voulons montrer le titre et la description dans lesquels je n'ai pas ajouté de titres, mais si vous vous souvenez chaque fois que je vous ai montré des photos téléchargées, vous pouvez modifier ces titres et descriptions sur chacun d'eux et vous pouvez avoir ces superposer l'image également. Vous pouvez choisir ici où cette superposition sera placée dans l'image. Ensuite, vous pouvez également définir une visite du titre et la description ne s'affiche que lorsque vous passez le curseur sur l'image. Encore une fois, nous n'avons pas de titres et de descriptions là-dedans, donc je ne peux pas tout à fait vous montrer cela, mais j'espère que cela vous aidera et vous donnera une compréhension. La prochaine chose que je vais te montrer est un curseur. Honnêtement, nous ne pouvons pas tout à fait voir ce qui se passe parce que cette fenêtre est en route. Ce que je vais faire juste à des fins de démonstration est de démontrer une autre caractéristique de Squarespace appelée l'espaceur et je vais ajouter un bloc ici. Je vais utiliser cet espaceur. L' espaceur, ce qu'il fait est littéralement crée juste un espace blanc vide. Maintenant, je peux saisir cet espace blanc que j'ai créé, le ramener ici et créer une petite colonne sur le côté de cette image ou de cette galerie. Maintenant, vous pouvez voir que nous avons cet espace ouvert blanc vide et cette galerie ne prend que la moitié de l'écran. Ce n'est pas vraiment ce qu'on veut maintenant, mais ça me permet de le montrer un peu mieux pour vous les gars. Je vais revenir ici pour concevoir. Nous avons maintenant un curseur. Nous allons automatiquement passer d'une diapositive à l'autre. Il le fera toutes les trois secondes. Ce que vous voyez, c'est au lieu de s'évanouir comme nous l'avions eu avec un diaporama, vous obtenez cet effet glissant fou. Encore une fois, définissez les contrôles suivants et précédents afin que vous puissiez le faire également. Ensuite, vous pouvez également définir l'alignement, qui ne fonctionne pas tout à fait avec la façon dont la configuration de cette photo, mais si vous avez ses photos où elles sont peut-être différentes largeurs, parfois vous pouvez réellement voir la photo suivante comme elle apparaît dans le cadre. Vous n'avez pas la possibilité de contrôler le rognage et tout sur celui-ci car il est déjà intégré dans la façon dont celui-ci fonctionne. La prochaine et l'une de mes fonctionnalités préférées est la grille. Celui-ci, j'utilise beaucoup dans tous les types de choses. Une fois que nous avons la grille, comme vous le voyez, cela rend une grille de vos images assez impressionnante. Vous pouvez descendre ici et vous pouvez choisir le rapport d'aspect, ce qui signifie essentiellement les dimensions de celui-ci. On peut choisir trois par deux. Maintenant, tous vont être trois par deux de largeur ou nous pouvons les rendre verticaux, ce qui ne fonctionne pas vraiment pour eux , donc vous obtenez tout cet espace blanc. Ou vous pouvez les rendre carrés. Ils n'ont pas l'air carré parce que ce qui se passe réellement n'est pas vraiment tout carré et il y a tout cet espace blanc au-dessus et au-dessous, mais il les traite comme s'ils l'étaient. Mais si j'appuie sur « Recadrer des images », maintenant vous voyez qu'il force fondamentalement tout cela dans le carré et recadrée dans l'image. Je peux également choisir le nombre de vignettes par ligne. Peut-être que je ne veux que deux par rangée. Maintenant, nous avons cette grille qui est empilée verticalement. Ou peut-être qu'on veut faire comme 10 par rangée. Alors ce que vous allez voir, c'est qu'ils sont vraiment petits et minuscules maintenant. Nous allons le garder à deux par rangée maintenant pour des raisons de cohérence. Ensuite, vous pouvez également changer la séparation autour des images. C'est cool. Vous ne pouvez pas faire de séparation du tout, mettre un pixel là-dedans, deux. J' aime les deux pixels. Le design épuré et minimaliste. Ou vous pouvez les espacer si vous voulez, leur donner beaucoup d'espace, un peu d'espace. Tu peux juste remplir ce qui est bon pour toi. Ensuite, vous avez la possibilité de l'effet lightbox, qui encore une fois j'ai démontré sur la vidéo d'image précédente, mais je vais vous montrer en ce moment. Une fois que vous activez cet effet lightbox, venez appuyer sur « Enregistrer ». Maintenant, je regarde cette galerie, mais, oh, ça ressemble à une photo cool. C'est un peu trop petit. Je ne peux pas dire ce qui se passe. Rendez ce petit peu plus grand d'abord. Donc, un peu à petit. Si je clique dessus, cette image sort totalement non recadrée dans une lightbox pour que je puisse voir ce qui se passe. Effet très cool là-bas. Je vais revenir et vous montrer le reste du bloc de la galerie. Double-cliquez dessus à nouveau pour éditer. Si jamais vous voulez modifier n'importe quel bloc dans Squarespace, n'importe quelle image, n'importe quoi, il suffit de double-cliquer dessus. Nous reviendrons et je vais vous montrer la dernière caractéristique, l'image empilée. Celui-ci, il n'y a vraiment pas de personnalisation sur. Mais c'est vraiment génial pour les graphistes ou les personnes qui ne sont que des photographes, même où vous voulez juste empiler et faire quelque chose de vraiment simple et rapide. Vraiment cool. Il les empile juste également. Très simple. C'est ainsi que vous gérez le bloc d'image dans Squarespace. C' est une chose vraiment puissante, vraiment utile. Avant que je parte, je vais te montrer une dernière petite astuce que je pense que tu vas aimer beaucoup. Je ne sais pas pourquoi ce type est là, ce brouillon, on va l'effacer. Disons que nous voulons, si nous sommes ici dans la recherche d'éditer notre galerie, et que nous cliquons, disons ce petit outil de crayon, ce que nous allons obtenir est cet éditeur de photos. Je ne vous ai pas montré ça, mais vous pouvez le faire dans le bloc d'images aussi. Cet éditeur de photos est très cool. C' est basique, mais il vous permet de recadrer vos photos si vous le souhaitez et de les changer. Vous pouvez le transformer en un carré, désordre avec différentes dimensions. Prends-le comme tu veux. Vous pouvez le redimensionner si vous le souhaitez. Par exemple, comme je l'ai dit, ils ne sont pas compressés. Je pourrais peut-être redimensionner ça à 600 et ils pourraient prendre un peu moins de place. Vous pouvez ajouter du texte dessus si vous le souhaitez. Encore une fois, je ne veux probablement pas faire ça. Vous pouvez même faire un peu de contraste de luminosité, certains effets, et une poignée de choses d'édition différentes ici. Je n'irai pas trop là-dedans. Il n'est pas Photoshopped, mais il est vraiment pratique, en particulier pour certaines des fonctions de recadrage et de redimensionnement qui sont intégrées ici. C' est très pratique. Puis aussi sous la galerie ou vraiment n'importe quelle image sur le site, vous pouvez cliquer sur cette icône d'engrenage. Cela va me laisser entrer ce titre. Le titre va ici. Une dernière chose que je vais faire est de cliquer sur ajouter l'URL et dire elisabethcairnes.com. On va frapper « Sauver ». Fondamentalement, ce que nous venons de faire est maintenant transformé cette image en un lien parce que nous avons ajouté cette URL de clic. Si je reviens ici, je viens à cet écran de bienvenue, je vais tester ça, je vais tourner l'effet lightbox. Mais non. Si je fais défiler ces images et rien, pas de changement. Si je fais défiler écrire ici, je vois qu'il devient un lien cliquable. Si je clique dessus, nous avons juste ce que nous venons de lier à elisabethcairnes.com. Une chose très cool. Vous pouvez littéralement transformer n'importe quelle image en lien. Cela devient très pratique lorsque vous essayez de faire un portefeuille de projets ou de liens vers un tas de choses différentes, ou lorsque vous voulez utiliser des images comme des liens vers différentes parties de votre site. Outil très pratique juste là. J' espère que cela vous aidera à mieux comprendre les images et la fonctionnalité de la galerie. 22. Comment utiliser le bloc de citation: C' est un court rapide mais pratique néanmoins. Dans cette vidéo, je vais vous montrer comment travailler avec le bloc Quote. Descendez ici pour le contenu de la page, modifiez-le à nouveau. Je vais jeter mon bloc de galerie que nous avons construit dans la dernière vidéo, jeter ce gars à la poubelle, jeter mon entretoise comme vous verrez qu'il y a encore une grande entretoise ici, se débarrasser de ça. Je vais ajouter un bloc de citation, ajouter un bloc ici et je vais créer un bloc de citation afin que nous ayons cette copie de citation et collé. « Chaque fois que vous vous trouvez du côté de la majorité, il est temps de faire une pause et de réfléchir », de Mark Twain. Nous avons cette petite citation cool juste ici, et quand nous gardons ça, nous remarquons qu'elle apparaît dans ce genre de citation juste ici, et nous avons l'auteur juste ici. Quelque chose de cool que nous pouvons faire avec les blocs de citation est même si c'est du texte, nous pouvons faire ce genre d'enveloppement, alors vérifiez cela. Vous avez maintenant cette petite citation qui apparaît sur le côté de ce texte juste ici très cool petite chose, quand nous arrivons à l'éditeur de style, vous pouvez travailler avec la police et la taille de ces guillemets indépendamment. Je vais vous montrer comment travailler avec ça un peu plus tard, mais encore une fois, un petit outil très pratique, super à avoir. 23. Comment utiliser le bloc vidéo: Dans cette vidéo, je vais vous montrer comment travailler avec le bloc vidéo Squarespace, un autre outil très puissant construit au sein de Squarespace. Quand je viens à travers et j'ajoute un bloc, je ne l'ai pas vraiment montré trop, mais vous voyez n'importe où je clique vraiment, je peux réellement ajouter un bloc n'importe où. Vous voyez ces lignes qui apparaissent partout. Si je clique ici, il va mettre un bloc vidéo entre la déclaration de l'artiste et le paragraphe. Je vais cliquer, je vais ajouter un bloc vidéo, et vous voyez que je dois ajouter une URL à résoudre. Mais je peux entrer une URL vidéo ici. Ici, nous avons le chipmunk dramatique. Grande petite vidéo, recommande fortement si vous ne l'avez pas vu. Ensuite, nous pouvons essentiellement télécharger une vignette personnalisée si nous le voulons. Alors peut-être que nous ne voulons pas voir le chipmunk d'abord mais surprendre les gens, et nous pouvons télécharger notre petit coup de héros. Nous pouvons choisir que nous voulons utiliser cette vignette personnalisée. Vous pouvez activer ou désactiver cette option si vous le souhaitez. Mais nous allons l'activer et une fois que cela sera téléchargé, vous verrez qu'il va réellement échanger la vignette existante avec cette nouvelle image personnalisée que nous avons téléchargée. Vous pouvez choisir si vous voulez ou non afficher la légende sur la vidéo, et vous pouvez écrire votre légende directement ici. Parce que nous avons lié à YouTube, il va automatiquement tirer partout où la légende est de YouTube. Puis dernière ici, comme vous le voyez, nous venons de terminer le téléchargement. Maintenant que vous voyez un bouton de lecture juste ici, nous avons une vignette personnalisée et tout fonctionne comme ça. Encore une fois, si nous nous débarrassons de l'utilisation de la miniature personnalisée, et il peut revenir en arrière ou nous pouvons simplement le supprimer aussi. Nous pouvons également intégrer des liens Vimeo. Vous pouvez également le faire si vos vidéos ne sont pas sur YouTube. C' est ainsi que nous utilisons le bloc vidéo Squarespace. Sauvons une fois que nous aurons fini. Juste pour un peu de divertissement, je vais jouer sur ce très vite, pour que tu puisses voir. Oh mon Dieu, un chipmunk dramatique. Impressionnant. C'est le bloc vidéo Squarespace. 24. Comment utiliser le bloc / créer une boîte à caractère facebook: Dans cette vidéo, je vais vous montrer comment utiliser le bloc de code dans Squarespace, et aussi en même temps, vous montrer comment ajouter une boîte Facebook à votre site Web. C' est une question assez courante et demande que je reçois, donc j'ai pensé que j'assommerais deux oiseaux avec une pierre. Quand je reviendrai ici, jusqu'à notre contenu de page, et appuyez sur « Modifier », puis je vais mettre une petite boîte blanche juste ici au bas de cette déclaration d'artiste. Mais pour ce faire, ce que je vais faire est d'abord cliquer sur cette petite « Icône de cercle » pour ajouter quelque chose ici et je vais descendre et j'ai besoin d'ajouter un bloc de code. Maintenant, je sais que c'est un site Web sans code, alors ne me donnez pas de FLAC ici parce que ce n'est pas vraiment nécessaire. Mais beaucoup de fois, peut-être que vous travaillerez avec une tierce partie. Comme par exemple, j'utilise beaucoup SoundCloud pour mon podcast. Ils me donnent un peu de code pour mettre quelque chose sur mon site. Chaque fois que vous travaillez vraiment avec un plug-in tiers, peut-être que vous voulez intégrer votre profil LinkedIn sur votre site Web ou quoi que ce soit du genre. Vous pouvez essentiellement utiliser ce petit bloc de code. Nous n'écrivons aucun code, nous copions et collons simplement du code. Je vais cliquer sur le « Code Box » ici. Je ne vois pas pourquoi ça ne s'est pas produit. Peut-être que je l'ai raté. Essayez-le encore. On y va. Une petite boîte à code apparaît, et vous obtenez ce petit Bonjour, Monde ! Quelque chose ici, et vous pouvez juste supprimer ça. Tu n'as pas besoin de ça. Mais c'est là que vous allez copier et coller du code , puis il mettra ce code sur votre site Web. La prochaine chose que nous allons faire est, parfois je vais vous montrer comment ajouter une boîte comme Facebook est juste aller à Google, et Google Facebook comme boîte. Cliquez simplement sur ce premier lien. C' est le site Facebook Developers. Tu vas venir ici et ça va t'emmener à cette petite page. Il va demander l'URL de votre page Facebook. Je vais venir ici et prendre l'URL de ma page Facebook, et coller cela là-dedans et quand je clique sur « Tab », il va l'actualiser et vous obtenez quelques options. Est-ce que je veux montrer les visages de mes amis ? Est-ce que je veux montrer mes messages récents ? Lorsque vous partagez vos messages récents, il devient assez grand, donc vous pouvez ou ne pas vouloir cela. Tu peux te débarrasser des visages de tes amis si tu veux. Vous pouvez afficher une bordure ou ne pas afficher une bordure. Vous pouvez même décider si vous voulez un en-tête là ou non. Nous voulons enlever cela, garder les choses très simples. Un peu comme Jake Jorgovan. Ensuite, nous allons cliquer sur ce bouton qui dit Obtenir le code et ne pas être submergé. Je sais que c'est du code, mais c'est bon parce que tout ce que nous allons faire, c'est prendre cette section supérieure ici, et appuyer sur « Contrôle C » pour copier ça. Nous passerons sur le site ou un site, et mettrons ce petit script là-dedans. Reviens ici. Vous voyez ici, et puis venez saisir ce deuxième morceau de code ici aussi, et nous allons juste coller ça juste dans ce bloc aussi. On va frapper « Sauver ». Ce que vous allez voir en fait, c'est que rien ne s'est passé et la raison en est que lorsque vous travaillez dans ce mode Aperçu, Squarespace ne rend pas JavaScript. Cette boîte comme Facebook est un peu de JavaScript. Parfois, chaque fois que vous faites cela, lorsque vous travaillez avec ces blocs de code, souvent le code ne va pas réellement s'afficher correctement lorsque vous êtes connecté à un Squarespace et que vous l'éditez. Ce que vous pouvez faire est soit de vous déconnecter de Squarespace, ou je viens d'ouvrir Firefox. J' ai Chrome ici, et puis j'ouvre Firefox, et je le regarde juste dans un navigateur différent. Si je vais sur un site web avec code.squarespace.com, ici je peux voir un site Web et si je viens ici, cela ne fonctionne pas. Ce serait parce que je n'ai pas sauvé vous devez enregistrer aussi pour que ces changements soient reflétés. Je viens de sauvegarder ce contenu. Revenons ici, et rafraîchissons cette page et si nous faisons défiler vers le bas, je peux maintenant cliquer ici, et quelqu'un peut aimer ma page Web ou aimer ma page Facebook d'ici sur mon site Web. C' est un peu sur le fonctionnement du bloc de code. C' est un peu délicat. Peut-être un peu plus avancé que tout le monde n'en a besoin, mais c'est pratique. C' est une question commune que je reçois. J' espère que cela a été utile, et j'espère que cela vous a aidé à mieux comprendre le bloc de code et comment ajouter cette boîte comme Facebook à votre site Web. 25. Comment utiliser le bloc de formulaire et créer une page de contact: Cette vidéo est un autre double whammy. Je vais vous montrer comment utiliser le bloc de formulaire et aussi comment créer une page de contact sur votre site en même temps. Tout d'abord, juste un peu de rafraîchissement. Je vais venir ici et je vais ajouter un bouton de contact sur le site, alors appuyez sur cette petite icône plus, et ajoutez une nouvelle page. Descendez ici et tapez « Contact ». Pendant que nous y sommes, je vais me débarrasser de ce dossier, parce que ce n'est pas vraiment ce que je veux et nettoyer un peu ça. Il commence à ressembler un peu plus à un site Web réel. Je ne veux pas ce lien Google ou ce dossier « À propos de nous », donc je vais juste supprimer ceci ici en appuyant sur cette poubelle. Maintenant, nous avons ce Bienvenue, A propos et Contact. Ici, sur la page contact, encore une fois, vous allez remarquer qu'il a ce fond gris, c'est parce que nous n'avons pas de téléchargement de vignettes sur la page, et il a aussi cette barre latérale, que nous ne voulons pas sur la page non plus. Ce que nous allons faire, c'est de cliquer à nouveau sur les paramètres de la page, nous pouvons le faire ici, ou en cliquant sur la roue dentée ici à côté de la page de contact. Nous allons changer la mise en page d'une barre latérale à pleine largeur, puis je vais descendre ici et je vais télécharger une image miniature. On va utiliser ce super cool ici du camion. On y va. Nous avons maintenant notre camion téléchargé pour une image miniature. Lorsque nous appuyez sur « Enregistrer », nous verrons que cela vient d'être mis à jour ici, mais maintenant nous voulons avoir une petite page de contact. Je vais descendre au contact de la page ou du contenu et appuyer sur « Modifier ». Je vais taper « Contact », et je vais le mettre en évidence et en faire un en-tête 1, donc de cette façon c'est joli, grand et joli. Ensuite, sous Contact, ce que je veux faire est de créer un petit formulaire, un moyen pour les gens de me contacter. Je vais cliquer sur ce petit bouton ici, et j'ajoute un bloc de formulaire. Vous allez voir que ça vous donne un point de départ assez décent juste ici, quand vous travaillez avec votre formulaire. Pour une raison ou une autre, c'est grisé pour moi. Je pourrais supprimer ceci et revenir en arrière et le relire, mais honnêtement, Squarespace, ça va pénicher un peu comme ça parfois, et parfois c'est leur faute ou parfois c'est votre connexion Internet. Je vais frapper « Escape » et cette forme disparaît. Si jamais vous avez une fenêtre de vol stationnaire et que vous frappez escape, il sera fondamentalement x cela dehors. Mais le bloc de formulaire est toujours là, donc je vais double-cliquer dessus pour le modifier. J' ai un problème ici et je ne sais pas pourquoi. Encore une fois, je vais essayer d'écraser le formulaire et de recommencer. Jetez-le à la poubelle. Nous allons ajouter une boîte à nouveau ici. Cliquez sur « Formulaire ». On y va. Je ne sais pas ce que c'était, je ne sais pas pourquoi il a fait ça, mais c'est juste une partie de ça. Squarespace est une plate-forme web, donc parfois des choses avec votre ordinateur ou votre navigateur, il y a des problèmes là-bas, donc de temps en temps, vous devez juste vous inquiéter à ce sujet. Vous pouvez donner un nom au formulaire ici, ce qui n'est pas trop important. Cependant, vous nommez le formulaire, fondamentalement, c'est le sujet de l'e-mail, qui viendra quand il est e-mail à formulaire de code. Je viens de nommer le site sans formulaire de code. Vous pouvez modifier et vous pouvez avoir ces différents champs ici que vous pouvez choisir. J' ai le mien en ce moment. Par défaut, il va me donner un nom, une adresse e-mail, un sujet et un message. Peut-être que je ne veux pas vraiment que quelqu' un écrive un sujet ou je ne veux pas leur donner une autre ligne pour cela, donc je vais juste frapper la poubelle dessus et l'enlever. Regarde ça, on n'a plus cette ligne d'objet là. Mais peut-être que je veux un numéro de téléphone. Si vous appuyez sur cette petite icône plus ici, il vous donne toutes ces autres options différentes. Vous pouvez faire un texte, une zone de texte, qui est un bloc comme celui des messages là-bas. Vous pouvez faire un menu déroulant, des cases à cocher, radio, sondage, nom, tout cela, un mot de passe. Toutes ces choses intéressantes et façons que vous pouvez collecter des informations de quelqu'un, leur adresse e-mail ou leur compte Twitter. Peut-être qu'on veut leur numéro de téléphone, alors je vais juste cliquer sur « Téléphone » et je vais cliquer sur « Terminé ». Maintenant, nous avons cette jolie petite liste déroulante ou cette petite boîte d'entrée pour un numéro de téléphone. Mais peut-être que je veux le numéro de téléphone au-dessus du message, je n'aime pas que le numéro de téléphone soit en bas. Eh bien, vous avez ces petites icônes grises juste ici à gauche, ces petits points. Si je survole, je vois que ma souris se transforme en une petite flèche vers le haut. Si je clique sur un, je peux juste le faire glisser, et regarder cela, juste là sur la gauche, il se reflète partout où je le dépose. Très cool, très intuitif et facile à utiliser. Maintenant, avant d'appuyer sur « Enregistrer » et de finir ici, nous allons vouloir aller sur le deuxième onglet ici qui dit « Stockage ». Je vais cliquer sur « Stockage ». Par défaut, la méthode de stockage sera qu'il va envoyer un e-mail quelle que soit votre adresse e-mail par défaut que vous avez sur le compte. Donc, par défaut, cela m'enverra un e-mail avec toutes les informations qui ont été entrées dans le formulaire. D' autres intégrations, c'est que vous pouvez réellement l'ajouter à un document Google, donc c'est idéal pour les inscriptions d'événements, collecte d'adresses e-mail, ou tout simplement garder tout organisé en un seul endroit. La dernière chose, vous pouvez également le connecter à Mailchimp, et c'est vraiment bon, encore une fois, pour les inscriptions à la liste de courrier électronique ou quoi que ce soit du genre. Aimez Mailchimp sur un grand utilisateur, et les deux sont grands. Vous cliquez simplement sur eux et fondamentalement vous allez vous connecter à votre compte, et la connexion est assez simple. Puis dernier, sous « Avancé », vous avez quelques options ici. plus de dire « Soumettre », vous pourriez dire « Bonjour » ou quelque chose comme ça. Vous pouvez changer le texte, et cela reflétera une fois que j'ai appuyé sur « Enregistrer ». Vous pouvez choisir l'endroit où vous souhaitez aligner ce bouton, à gauche, au centre ou à droite. Je pars à gauche. Ensuite, après avoir cliqué sur le bouton Soumettre ou sur le bouton « Dites bonjour », vous pouvez y mettre du texte, « Merci d'avoir dit bonjour ». Vous pouvez configurer tout ça. Il y a d'autres choses ici, sans doute que vous ne voulez pas trop vous inquiéter. Le mode de la boîte lumineuse est intéressant. Ce que cela fera est essentiellement d'avoir un petit bouton et puis quand quelqu'un clique dessus, cette forme entière apparaîtra dans une boîte lumineuse, similaire aux images. Encore une fois, probablement pas quelque chose que vous voulez faire sur une page de contact, mais c'est une chose pratique à avoir. C' est tout ce que je vais vraiment couvrir là-dessus. Les autres choses dont vous n'aurez probablement pas à vous soucier trop, mais une fois que nous aurons fini, nous allons juste aller de l'avant et appuyer sur « Enregistrer ». On y va. On a cette forme, mais ça a l'air un peu grand, je ne vais pas mentir. C' est un formulaire de contact vraiment énorme. Ce que j'aimerais faire, c'est que mes coordonnées soient listées ici. Ce que je peux faire, c'est créer une zone de texte, et ce que je vais faire, c'est juste mettre mes coordonnées, Jake Jorgovan. Par défaut, lorsque vous appuyez sur « Entrée » dans Squarespace, il va se casser et vous donner une grande ligne comme celle-ci, donc mon nouveau texte commence bien en bas, mais si vous appuyez sur « Shift », « Enter », ça ne fera pas cette pause, et vous pouvez écrire juste en dessous. C' est juste un petit truc, une petite chose pratique à avoir. Ce qu'on a fait, c'est que j'ai juste mis mon nom et mon adresse de site. Probablement pas mettre toutes les informations de contact dans ce petit cours ici, mais ce que je vais faire maintenant c'est venir ici, et encore une fois, je peux glisser et déposer cette boîte. Je peux cliquer ici, voir comment ça tourne avec la main. Je vais le faire glisser et l'aligner à droite de ce formulaire. Maintenant, nous avons mes coordonnées à droite de ce formulaire et je peux mettre mon numéro de téléphone si je veux juste là. Je ne veux pas que tout le monde m'appelle dans ce cours. Nous pouvons avoir nos coordonnées et ensuite un formulaire de contact juste là. Si nous le voulons, nous pouvons même ajouter une photo ici. vous montre juste quelques exemples de façons d'utiliser un tas de ces outils ensemble. Je vais télécharger une image. Nous allons prendre une photo juste pour mon site très rapidement, et va appuyer sur « Enregistrer ». La photo est un peu grande, mais ça marche. Maintenant, nous avons cette page de contact cool, où nous avons ma photo, le formulaire juste ici, puis mes coordonnées énumérées ci-dessous. Nous avons frappé « Enregistrer » et voilà, nous venons de créer une petite page de contact astucieuse ici sur notre site. J' espère que cela a été utile en vous apprenant à utiliser le bloc de formulaire, et aussi en essayant de le mélanger et de vous montrer une poignée de choses différentes en même temps dans cette vidéo. espère que je ne vous ai pas submergé, mais au lieu de cela vous a donné quelques utilisations plus concrètes sur la façon d'utiliser la plate-forme. 26. Comment utiliser l'outil cartographique: Dans cette vidéo, je vais vous montrer comment utiliser et travailler avec le bloc de carte à l'intérieur de Squarespace. Comme d'habitude, je vais venir ici, ajouter un nouveau bloc, et descendre au bloc de carte. Ce que vous avez à faire, c'est de venir ici maintenant et d'ajouter un nom d'entreprise. Donc Jake est génial bureau. Vous avez mis une adresse, que j'ai copié la merveilleuse adresse de 45 Rockefeller Plaza comme de mes adresses en quelque sorte situé à Manhattan, ce qui ne l'est pas. Ensuite, vous venez ici et vous appuyez sur Sauvegarder. Maintenant, par défaut, ce que cela va faire, c'est juste de vous donner une carte pleine largeur juste ici, et cela va vous donner un zoom par défaut sur elle aussi. Mais certaines choses que vous pouvez faire, c'est que vous pouvez réellement changer le zoom sur la carte, et vous pouvez également ajuster les dimensions et la largeur de celui-ci aussi. Peut-être que nous voulons que la carte soit un peu plus grande, et nous pouvons venir ici et cliquer sur ce petit cercle, glisser et rendre cette carte un peu plus grande ou plus petite. Peut-être que je ne veux pas que ça soit large. Eh bien, vous ne pouvez pas simplement faire glisser la carte vers la gauche, place ce que vous feriez est de saisir un bloc d'espacement ou un bloc de texte si vous voulez quelque chose assis là, et il va tirer l'espace ou sur le côté de celui-ci. Peut-être que c'est un peu trop petit, mais on va faire à peu près cette taille. Ensuite, nous irons un peu plus grand ici, et ensuite quelque chose que vous voudrez peut-être faire est de zoomer sur la carte. En ce moment, ça montre que c'est sur l'île de Manhattan. Mais que se passe-t-il si je veux vraiment entrer et voir les rues qui l'entourent ? Eh bien, si vous double-cliquez dessus, et je vais déplacer ça pour que vous puissiez voir, et puis vous faites défiler la carte et vous utilisez votre molette de zoom, ou par exemple, sur un ordinateur portable, donc je fais juste défiler à deux doigts, et je il suffit de zoomer et de faire défiler, et je peux même cliquer et faire glisser la carte autour, je peux obtenir tout le chemin ici afin que vous puissiez même commencer à voir que les entreprises et tout ce qui est autour d'ici. Très cool chose où vous pouvez réellement zoomer sur la carte, ou vous pouvez zoomer sur la carte aussi bien si vous ne voulez pas obtenir que près. Fonctionnalités très pratiques autour de la fonctionnalité de la carte. J' espère que cela a été utile et surtout si vous avez un emplacement physique pour votre entreprise. 27. Techniques de mise en page avancées avec l'outil ligne: Dans cette vidéo, je vais vous montrer comment travailler avec l'outil de ligne horizontale dans Squarespace et quelques petites astuces que vous avez. C' est en fait un peu plus que l'outil de ligne horizontale, je vous montre en fait quelques astuces de mise en page cool dans Squarespace. Ici, une fois que nous éditons le contenu de la page, je vais d'abord supprimer ce bloc de citation juste pour qu' il n'interfère pas avec ce que j'essaie d'afficher. Mais disons, je veux déplacer ce texte et en fait faire deux colonnes. Au lieu de lire verticalement comme ça, nous avons une colonne ici et une colonne ici. Eh bien, maintenant, si j'essaie juste de saisir le texte, tout vient comme une seule chose. En fait fait fait une colonne parce que j'avais un espaceur, et supprimez cet espaceur à nouveau pour ne pas gêner le chemin. Mais si je veux, dites ces deux lignes à s'asseoir à droite de ceux-ci. Comment puis-je les attraper sans saisir tout le bloc ? Eh bien, c'est là que cet outil de ligne horizontale entre en place. Ce que nous pouvons faire est juste défiler ici et cliquer pour ajouter un bloc. Ce qu'on va faire, c'est ajouter une « ligne ». Comme vous le voyez cette ligne horizontale, très mince mais subtile, mais utile petite ligne apparaît. Nous pouvons l'utiliser comme élément de conception si nous voulons séparer des parties de notre site, ou nous pouvons réellement l'utiliser pour séparer des blocs de texte. C' est quelque chose que je l'utilise pour tout le temps et puis je peux supprimer la ligne et ensuite. Mais maintenant, nous avons ces deux blocs de texte distincts. Je peux venir ici, attraper le fond, et venir ici. Regardez ça, nous venons de séparer ce texte en deux lignes distinctes ici. Mais si nous voulions, disons, la « Déclaration de l'artiste » s'asseoir sur sa propre ligne. Nous n'aimons pas comment cela assis ici et nous voulons que cela lise tout horizontalement à travers. Encore une fois, nous pouvons venir ici sous « Déclaration de l'artiste », ajouter une « Ligne » horizontale, et nous venons de séparer le texte « Déclaration de l'artiste » du texte ci-dessous. Nous pouvons saisir cette « Déclaration d'artiste », venir ici et nous voyons maintenant que cela va aller tout le chemin à travers la verticale par opposition à ici, qui est son positionnement actuel. On va le déplacer ici. Ensuite, une fois que nous avons fini avec ça et que nous l'avons séparé, nous pouvons « Supprimer » notre « Ligne » et nous n'avons plus besoin de cela. Maintenant, nous avons le texte et ces deux colonnes de paires, tout comme nous l'avons juste ici. Si nous voulons utiliser la « Ligne » pour quelque chose, disons que nous avons une nouvelle section du site ici. On peut passer par là et ajouter une « ligne ». Maintenant, remarquez qu'il y a ces deux cercles et ils sont juste à côté de l'autre. C' est quelque chose que je n'ai pas vraiment démontré à beaucoup, mais quand vous avez des colonnes comme celle-ci, nous avons séparé la grille en deux colonnes. Je peux venir ici et cliquer. Si nous voyons ici, cette « Ligne » ne couvre que le côté droit. Eh bien, si j'ajoute une « Ligne » en ce moment, vous voyez que « Ligne » ne couvre que cette colonne juste ici verset, si nous la prenons et nous allons sur l'extérieur où nous voyons la « Ligne » grise va tout le chemin à travers. Si nous cliquons dessus, la « Ligne » couvre désormais toute la largeur de la page. Nous pouvons faire la même chose ici, nous pouvons ajouter une « Ligne » juste ici sous cette colonne. Comme vous pouvez le voir, l'outil « Ligne », c'est un élément de conception cool, mais il est également très fonctionnel et simplement l'utiliser pour séparer du texte, ou pour organiser des choses, puis créer ces supports d'espace temporaires. J' espère que cela a été utile. Essayez d'entrer même un peu dans les choses avancées avec un éditeur visuel, mais toutes les choses utiles quand même. J' essaie juste de te montrer quelques trucs du métier, si tu veux. 28. Comment créer des boutons: Dans cette vidéo, je vais vous montrer comment utiliser l'outil de bouton dans Squarespace. Comme d'habitude, nous allons commencer par éditer le contenu de la page. Notre objectif sur cette vidéo sera de transformer ce lien « Voir mon portfolio » en un bouton. Pour ce faire, nous allons venir ici et nous allons ajouter un petit bloc juste en dessous où il dit, « voir mon portefeuille ». Ensuite, nous allons faire défiler ici et nous allons venir à cette fonctionnalité de bouton et nous allons cliquer sur le bouton. Nous allons changer ce texte dans ce bouton. Je vais déplacer ça ici pour que vous puissiez voir ce qui se passe. Il est écrit : « Voir mon portfolio ». Nous allons ajouter une URL à cairnes.com et l'ouvrir dans une nouvelle fenêtre. Ensuite, nous pouvons changer la taille du bouton ; être petit, moyen ou grand bouton ou juste un peu plus. On va rester avec le médium sur ce gars juste là. Ensuite, je peux aligner ceci à gauche, au centre ou à droite. On va juste le laisser aligné à gauche. En ce moment, c'est une sorte de bouton ennuyeux. C' est juste noir et c'est assez simple. Mais il est néanmoins fonctionnel et chaque fois que nous arrivons à l'éditeur de style, nous pouvons réellement commencer à éditer et manipuler le style du bouton, la forme de celui-ci, la couleur et tout cela. Donc ça n'a pas l'air si excitant pour le moment, mais on vient de créer un bouton et on va revenir à ça dans le futur. En fait, nous partirons comme « voir mon portfolio » ici pour une démonstration de liens plus tard. Nous allons revenir à cela dans une prochaine vidéo dans l'éditeur de style et je vais vous montrer comment changer et styliser ces boutons. 29. Comment utiliser le bloc de résumé: Dans cette vidéo, je vais vous montrer comment utiliser ces blocs de résumé dans Squarespace. Pour ce faire, j'ai vraiment sauté sur mon site Web puisque nous n'avons pas vraiment contenu à utiliser dans le bloc récapitulatif de notre site actuel sans code. Mais pendant que nous sommes, je voulais aussi vous montrer que tout ce site web que j'ai construit et tout ce que je passe ici est en fait construit au sein de Squarespace et sur le thème des cinq. Donc, vous remarquerez que même si cela semble très différent, je n'utilise pas l'image de la bannière ou quelque chose comme ça. J' ai un site Web très propre et net tout construit ici dans le modèle Squarespace. C' est donc un thème vraiment cool, vraiment robuste. Vraiment profiter de l'utiliser. Mais pour l'instant, ce que je vais vous montrer, c'est utiliser le bloc récapitulatif. Bloc récapitulatif est très cool. C' est très utile pour les deux galeries, mais l'endroit le plus commun que je l'utilise est vraiment basé sur les blogs. Donc ce que je vais faire, c'est, j'ai cette page de démonstration ici, et je vais ajouter un bloc. Je suis un clic sur le bloc de résumé. Ce qu'un bloc récapitulatif fait, c' est qu'il crée ces petites vignettes, un style magazine. Recherchez une poignée de vos billets de blog récents ou vos billets de blog les plus populaires. Donc ici, je clique sur mon blog, et ce que vous voyez est maintenant tous ces messages, mes billets de blog récents apparaissent ici dans un format de résumé. Si je le voulais, je pourrais aussi aller de galeries et je peux faire un résumé de ma galerie d'art, et vous pouvez voir quelques-unes de mes œuvres d'art folles ici. Mais je veux rester avec un blog parce que c'est un peu plus pertinent et ce que je pense est plus couramment utilisé. Je peux aussi faire une galerie de produits, si vous le souhaitez. Donc, une fois que nous aurons choisi ce dont nous allons créer un résumé, nous allons venir ici pour la mise en page, et nous pouvons choisir parmi une poignée de différentes façons de le mettre en page. Donc, en ce moment, ce que vous voyez est le mode grille, très similaire à la grille de la galerie. Nous pouvons faire une liste et vous verrez une liste de tout. Vous remarquerez que mes messages récents n'ont pas de photos miniatures, mais tous mes anciens, vous pouvez voir les vignettes apparaissent juste ici sur la gauche. Vous pouvez rendre la taille du texte petite si vous le souhaitez, vous pouvez le rendre extra grand si vous voulez devenir un peu fou ou juste moyen et le rendre normal. Votre rapport d'aspect, cela détermine votre rapport pour vos images. Si vous le mettez sur auto, alors cela va viser à ne pas recadrer quoi que ce soit ou essayer recadrer aussi minime que possible ou ce qui est le meilleur ajustement ou vous pouvez les faire carrés si vous voulez ou vertical ou tout ce qui correspond à votre fantaisie et que vous aimez pour votre site. Déplacez ceci sur auto pour l'instant. Vous pouvez choisir la taille de l'image, et si je veux, rendre l'image vraiment grande. Faisons une heure juste ici. Mais vous pouvez voir que je peux rendre l'image vraiment grande avec l'histoire sur le côté de celui-ci ou je peux venir ici et rendre l'image petite et faire en sorte que le texte prenne la majorité de l'écran. Encore une fois, ce que vous préférez, votre image alignée à gauche, ou vous pouvez définir l'image à droite et texte-aligner, vous pouvez faire sa gauche, le centre ou la droite. Donc encore une fois, des fonctionnalités très cool là-bas. Positions des métadonnées, donc ce serait la date juste là. Je peux vous montrer comment vous pouvez changer ça. Je peux mettre les métadonnées au-dessus du titre. Alors maintenant, vous voyez que ce jour vient juste d'apparaître au-dessus de notre titre. Nous pouvons le faire juste en dessous du titre et la date apparaît juste là, ou en dessous du contenu tous ensemble. Ensuite, je vais venir ici pour afficher et choisir le nombre d'objets que je voulais afficher. Je peux afficher jusqu'à 30. Donc maintenant, nous avons une tonne de billets de blog qui remontent beaucoup en arrière qu'il montre. Ou si je le voulais, je pourrais limiter ça à mes trois derniers ajustements un peu. Je veux faire ces grands changements, et là vous voyez les récents que j'ai. En fait, il montre cinq, c'est bizarre. Je dois passer un problème à essayer de le faire tant, mais on y va. Maintenant, on est à trois ans. Vous pouvez choisir les informations que vous souhaitez afficher. Le titre, si vous vouliez cette miniature, qui encore une fois, je vais vous montrer où cette miniature est tirée plus tard dans la section des blogs. Donc je peux juste avoir un titre si je veux. Laisse-moi rendre ça un peu plus grand. Vignette serait à nouveau les images. Alors maintenant, les photos ont disparu. L' extrait est le texte. Donc on peut juste avoir les titres et le texte si on veut. Ensuite, vous pouvez également choisir ce que vous voulez que ces métadonnées soient. Donc, en ce moment, vous voyez que les métadonnées sont la date de la publication. Je pourrais aussi en faire les tags qui sont sur le post. Je peux en faire l'auteur du post. Emplacement, commentaires, tout ça. Donc encore une fois, une certaine personnalisation autour de là et vous pouvez avoir un deuxième morceau de données aussi bien. Je peux donc avoir ma date et le nom de l'auteur. Vous pouvez également filtrer par catégories. Donc, par exemple, j'ai plusieurs catégories sur mon site web. Donc, si je ne sauve juste le créateur ciblé, cela va juste tirer tout ce que j'ai marqué sur le créateur de focus, qui est une poignée de billets de blog qui ont été présentés autour de cet e-book que j'ai publié. Ou je peux venir ici et faire le même filtrage avec des balises. Je peux mettre un tag de freelance, et ici je reçois celui-ci des messages que j'ai réellement marqués freelance sur. Vous pouvez donc utiliser des catégories et des filtres, que je vais vous montrer comment les ajouter plus tard dans la section des blogs. Je peux les enlever. Puis dernier, il ya une fonctionnalité aussi dans les blogs où vous pouvez définir un certain poste est en vedette messages. Donc, si je clique dessus, vous pouvez réellement commencer à voir ces messages les plus populaires que j'ai choisi d'être présenté. Nous pouvons désactiver cela, et encore une fois, par défaut, il va juste choisir vos messages les plus récents. Donc, encore une fois, vous pouvez voir le bloc de résumé est très robuste. Honnêtement, on commence juste parce qu'il y a encore plus de choses cool que je vais te montrer. Vous avez vu que tout ce que je viens de vous montrer était au format de liste. Remontons à la grille. Ce que nous remarquerons, c'est que si nous allons à la grille, toutes ces choses différentes changent. Donc, nous pouvons maintenant changer notre largeur de colonne à nouveau, et nous pouvons faire notre largeur deux colonnes larges et essayer d'en faire un tas de colonnes de large là où il est vraiment dense, ce n'est probablement pas trop beau. Mais vous pouvez vraiment gâcher avec cela et vous pouvez changer la gouttière, qui est l' espacement entre les deux, faire en sorte qu'il n'y a pratiquement pas d'espace et ces mots pompent directement vers le haut. Encore une fois, n'a pas l'air très bon, mais vous avez l'idée de ce que vous pouvez faire avec. Encore une fois, vous avez tous les mêmes alignement de texte, métadonnées et affichage, et juste peaufiner ici pendant que je joue avec tous ces paramètres. Encore une fois ici, vous pouvez choisir toutes ces mêmes options et tout ici. Peut-être qu'on ne veut pas de la grille ou de la liste. Eh bien, en voici un autre cool, carrousel. Ce que fait le carrousel est une chose cool où vous pouvez voir ces petites flèches qui défilent à travers. Eh bien, je peux dire ici sont mes messages en vedette et encore avoir toutes ces mêmes choses. Je peux choisir le nombre d'articles que je veux dans une rangée, donc nous en dirons quatre. Ensuite, pour le bien d'avoir une des images, je vais aller à la vedette, et chose vraiment cool une fois que vous avez ceci. Nous avions sauvé pour que je puisse le démontrer pour vous les gars. Avec les messages en vedette, vous avez effectivement ces petites flèches et c'est avec une option de carrousel, et vous pouvez commencer à faire défiler et avoir cette chose de magazine vraiment cool. Juste comme ça, pas de code ou quoi que ce soit. Vous obtenez juste de faire des petites fonctionnalités cool comme ça en utilisant leurs widgets intégrés. Encore une fois, ce sont les principaux juste là, et je vais double-cliquer sur notre bloc récapitulatif, revenir ici et vous montrer la dernière, les colonnes auto. Ce qui cette fois de plus cool, il crée cette mise en page de magazine soignée. Je pense que celui-ci fonctionne mieux sans l'extrait. Reprenons l'extrait. Enlevez aussi le filtre en vedette, et je pense que vous allez en voir un peu plus. On va le rendre un peu plus grand, mettre un tas d'hôtes ici. Dis comme 30 de ces types. On donnera une seconde à charger. Mais cette colonne automatique, ce qu'il fait est qu'il crée automatiquement ces colonnes juste en fonction de la hauteur de l'image, de la quantité de texte et de tout ce qui est là. C' est encore une fois, une autre mise en page très cool, très style magazine. Mais c'est quelque chose que vous pouvez générer très rapidement par vous-même. Encore une fois, je peux rendre ces colonnes toutes plus petites si je veux. Encore une fois, cela n'a probablement pas l'air bien avec tout ce texte, mais peut-être avec des images, ça pourrait fonctionner. Je peux rendre la largeur de la gouttière plus grande ou plus petite, et juste gâcher avec tous ces paramètres. C' est donc une fonctionnalité vraiment cool. Encore une fois, ne pas rendre justice en ce moment avec ce qu'il peut vraiment faire. Mais encore une fois, c'est une façon vraiment sympa, très cool de mettre en page votre contenu. Donc, le bloc de résumé est vraiment puissant outil sur Squarespace, surtout si vous bloguez, podcasting, publiez du contenu régulier, il vous permet d'obtenir un peu personnalisé autour de la façon dont vous mettez réellement votre contenu sur votre site Web. Donc vraiment puissant, vraiment robuste, probablement l'un de mes outils préférés dans tout Squarespace. Il est donc fortement recommandé de le vérifier et de jouer avec. Je pense que vous apprécierez vraiment cet outil. 30. Comment intégrer les réseaux sociaux: Dans cette vidéo, je vais vous montrer comment ajouter des boîtes de médias sociaux à votre site Web et juste quelques-unes d'entre elles, mais avant cela, je veux juste vous montrer que je viens aussi de joindre, connecter mon compte Instagram à Squarespace sous la section du compte Connect des médias sociaux, que je vous ai montré les gars dans une vidéo précédente, mais sinon, vous allez simplement dans Paramètres, comptes Social Connect et vous êtes là. Tu vas venir ici et on va encore travailler sur cette page ici. Ce que je vais faire, c'est juste venir ici ajouter une nouvelle boîte. Je vais vous montrer des choses différentes. Tout d'abord, je vais faire la boîte de liens sociaux et ajouter les liens sociaux. Ce que nous verrons ici, c'est que nous avons automatiquement les icônes Twitter et Instagram, que j'ai déjà ajoutées au site. Vous verrez que le thème a également ces dans le pied de page ainsi. Nous allons aligner cette gauche, ou nous pouvons l'aligner à droite si nous le voulons, et il apparaîtra juste ici. On va le laisser au centre. Nous pouvons jouer avec la taille à nouveau, rendre grand, petit, nous pouvons le rendre carré et ce style knockout, ou nous pouvons faire une bordure. Encore une fois, beaucoup de façons différentes nous pouvons faire pour gérer cela. Vous pouvez même choisir la couleur, si vous voulez qu'elle soit claire ou foncée, ce qui changerait et c'est très utile, surtout si vous avez un fond sombre sur votre site, ou vous pouvez simplement l'avoir standard. Il va apparaître comme ces couleurs de médias sociaux standards que vous auriez appris à connaître et à aimer. C' est tout ce que je vais vous montrer sur celui-ci, très simple mais très cool fonctionnalité d'avoir. La prochaine chose que nous allons faire est de vous montrer comment ajouter un compte Twitter, et pour ce faire, nous allons venir ici, ajouter une boîte, faire défiler ici et ajouter l'icône Twitter. Choisissez Compte, puis Jake Jorgen. Pour une raison ou une autre, cela ne fonctionne pas pour moi, donc je vais aller ajouter un compte et essayer d'ajouter ceci à nouveau. Voyez si cela résout le problème. Encore une fois, il y a de petits bugs ici et là, mais la plupart d'entre eux sont des choses que vous pouvez juste travailler juste autour. Nous venons d'ajouter un nouveau compte et regarder, celui qui fonctionne. Je ne sais pas pourquoi l'autre ne travaillait pas, mais nous y voilà. Nous pouvons maintenant voir tous mes 10 derniers tweets que j'ai ici. Je peux réduire cela à trois, puisque 10 pourrait être un peu beaucoup à avoir sur le site. Encore une fois, si vous allez très vite, parfois il ne le lit pas, donc vous devez aller lentement. Là, vous pouvez réellement le voir ou vous pouvez juste en avoir un et juste avoir mon dernier tweet. Je peux choisir si je veux montrer mon avatar ou non. Ça disparaît, mon nom d'utilisateur ou non. Ensuite, je peux en fait avoir un petit bouton de suivi ici aussi bien. Les gens vont à nouveau juste là sur le site, juste suivez-moi. Encore une fois, très pratique petit outil juste là avec le bloc Twitter. Encore une fois, si nous ne voulons pas qu'il couvre tout le chemin à travers, nous pouvons venir ici, ajouter un espaceur, faire glisser ce gars juste là et maintenant nous avons une taille beaucoup plus normale que le petit widget Twitter regardant. À droite de ce widget twitter, nous allons ajouter une boîte Instagram. Je vais venir ici, ajouter une boîte, faire défiler ici pour Instagram. Je vais choisir un compte pour Jake Jorgen. Encore une fois, il ne s'agit pas de lire mes comptes que j'avais précédemment connectés. Je ne sais pas pourquoi, nous allons donc cliquer sur Ajouter un compte. Encore une fois, il y a des problèmes de temps en temps, mais la plupart du temps, vous pouvez travailler en eux. J' avais déjà été connecté, mon mot de passe a été enregistré, donc il est allé de l'avant et a saisi mes informations. Je vais faire ça pour que nous puissions, et nous choisissons comment nous voulons que ça marche ? Avec le bloc Instagram, nous avons ce compte et nous avons cet onglet de conception ici. Vous pouvez choisir le nombre d'éléments que nous voulons afficher, qui en ce moment il ressemble à un, mais c'est parce que nous sommes en mode diaporama. Maintenant, allons en mode curseur, où va commencer à glisser et nous pouvons voir le suivant avant de cliquer dessus. Allez en mode grille et pour obtenir cette fonctionnalité de galerie de grille. Encore une fois, et choisissez le type de nos miniatures par ligne. Combien nous voulons en inclure, disons, trois. Changez votre rembourrage et toutes ces choses amusantes si vous le souhaitez aussi. Ici, vous pouvez voir quelques-uns de mes petits dessins folles et juste quelques expériences et quoi pas. Ensuite, vous pouvez choisir aussi si vous voulez la boîte de lumière pour que les gens puissent cliquer sur ceux-ci et voir ces images un peu plus grandes. Si nous revenons, nous pouvons également voir ces images empilées. Encore une fois, ceux-ci sont très similaires aux fonctions de la galerie qui sont déjà construites dans Squarespace, mais maintenant cela vient juste de tirer de mon flux Instagram. Je suis là à Paris à la tour Eiffel. J' espère que cela a été utile pour vous donner une compréhension de certains blocs de médias sociaux. Il y a certainement plus que vous pouvez travailler avec, mais j'espère que ceux-ci vous donneront quelques-uns et le reste d'entre eux. Pour certains de ces autres réseaux sociaux, vous pouvez comprendre par vous-même. 31. Comment modifier votre pied de page: Ensuite, je vais vous montrer comment modifier le pied de page de votre site Squarespace. C' est très simple, mais quelque chose avec lequel beaucoup de gens se battent, et ils auront en fait ce genre de texte de base ou le pouvoir de Squarespace au bas de leur site quand ils n'en ont pas besoin. Pour modifier votre site Squarespace pour modifier le pied de page. Tout ce que vous allez vraiment faire est de venir à l'onglet de la page, cliquez sur « Bienvenue » sur la page que vous voulez, ou n'importe quelle page vraiment. Vous allez faire défiler ici jusqu'à l'endroit où il contient votre contenu de pied de page et vous allez « Modifier ». Je peux venir ici et changer ce texte en quelque chose de personnel. J' ai tout gâché. Donc, il dira Changer ce texte. Nous pouvons aussi avoir le blocage des liens sociaux ici. Peut-être que je ne veux pas ça parce que c'est déjà intégré dans le thème. Donc je vais supprimer ça. Je peux ensuite venir ici et ajouter des blocs. Si je veux ajouter un autre bloc de texte et dire 1-2-3 adresse. Je peux commencer à déplacer ce texte et en fait simplement construire et personnaliser un pied de page comme tout le reste. Je peux mettre des photos ici si je veux ou une citation ou tout ce que je veux vraiment. Donc c'est super puissant. Vous pouvez vraiment personnaliser votre pied de page pour être ce que vous voulez qu'il soit. Ce pied de page va répliquer sur tous les différents sites, toutes les différentes pages de votre site. Donc, par exemple, vous voyez sur mon site, j'ai ce pied de page ici avec cette inscription par e-mail et mes icônes de médias sociaux. J' ai ceci sur chaque page de mon site Web. Donc, peu importe ce que quelqu'un clique sur, quand ils vont à cela, ils le verront en bas de la page. En outre, vous pouvez aller styliser ce pied de page via l'éditeur de style. Si vous revenez simplement à la vidéo de l'éditeur de style, vous verrez comment modifier la couleur de la police ou la taille de la police ou quelque chose du genre dans votre pied de page. J' espère que cela a été utile pour vous donner un peu plus de compréhension sur la façon de travailler avec les pieds de page. 32. Outro en visuel: Maintenant que vous connaissez votre chemin plateforme de Squarespace et que je vous ai montré un peu ce dont elle est capable, je veux vous montrer l'éditeur visuel qui est l'une des pièces de base de Squarespace. L' une des choses que vous allez utiliser les plus courantes lors de la construction de votre site. L' éditeur visuel est l'interface glisser-déposer de Squarespace. C' est vraiment simple mais il y a beaucoup de trucs avec ça et beaucoup de choses différentes que vous pouvez faire et c'est vraiment puissant et je sais que vous allez l'adorer. Vous remarquerez que cette section est assez longue. Eh bien, c'est parce que je couvre beaucoup d' outils différents qui sont dans l'éditeur visuel de Squarespace. Maintenant, certains d'entre vous voudront peut-être regarder chacune de ces vidéos et voir tous les outils, d'autres peuvent simplement regarder les outils qui vous intéressent, et d'autres peut-être vous regarderez quelques vidéos, vous aurez une idée de ce qui se passe, et vous allez juste vouloir plonger et bricoler vous-même. Mais quelle que soit votre approche, je sais que vous allez tirer beaucoup de valeur de cette section, car c'est l'une des fonctionnalités les plus importantes et les plus essentielles de la plate-forme Squarespace. 33. À propos du éditeur de style: Jusqu' à ce point du cours, je vous ai expliqué comment vraiment configurer votre site, gérer les paramètres et mettre du contenu sur votre site, mais nous n'avons pas vraiment parlé de design. Dans cette section, je vais vous montrer ce qu'on appelle l'éditeur de style. C' est la partie de squarespace qui vous permet de vraiment passer à travers et styliser et concevoir votre site selon vos goûts. C' est l'une des autres caractéristiques principales de Squarespace. Est incroyablement facile à utiliser et incroyablement puissant. 34. Utiliser le éditeur de style pt 1: Cette vidéo, je vais vous montrer comment travailler avec l'éditeur de style dans Squarespace. Pour y arriver, nous allons d'abord cliquer sur l'onglet Design ici. Ensuite, nous allons venir ici et nous allons cliquer sur Éditeur de style. Ce que nous obtiendrons, c'est cette liste de tous ces attributs ici à gauche. Nous pouvons faire défiler cette liste de haut en bas. Comme vous le remarquez, il y a une barre de défilement à droite que je peux attraper. Nous avons toutes ces listes et attributs. Ne vous inquiétez pas, ça semble accablant au début, mais je vous promets que ce n'est pas le cas. Peu de choses à savoir sur le. Editeur de style d'abord. C' est que les attributs et tout, c'est-à-dire que tous sont individuellement uniques à chaque thème ou modèle. Certains d'entre eux, si vous travaillez sur le thème des cinq, vous verrez tous ceux que j'ai ici. Mais si vous travaillez dans Pacific, Marquee ou Bedfat ou l'un des autres modèles, vous pouvez avoir certains de ces attributs qui sont différents. Certains d'entre eux que vous n'avez peut-être pas, et d'autres seront uniformes à tous. Juste quelque chose à penser, et si vous regardez un thème différent, pourquoi certaines choses pourraient être un peu différentes. Mais ma recommandation avec vous est de simplement passer par une liste, commencer à jouer avec tout. Vous commencerez à voir assez rapidement et à comprendre comment cela fonctionne. Je vais commencer et commencer à descendre la liste et à les expliquer un par un. Le premier est l'arrière-plan du site. C' est assez simple, mais c'est l'arrière-plan du site. Je vais aller vraiment drastique ici, rendre le rouge pour mettre en valeur ici. Mais ce que nous voyons en fait, c'est que ça ne change rien. C' est honnêtement parce que l'arrière-plan du site n'est pas vraiment un attribut trop important sur ce thème. Mais c'est un qui les traverse tous. En fait, si nous allons à la largeur du site au lieu de la pleine largeur, ici nous commençons à voir l'arrière-plan du site. Encore une fois, certains de ces attributs, ils sembleront qu'ils ne feront rien. Mais en fait, certains d'entre eux pourraient simplement dépendre d'autres variables étant certaines façons. Par exemple, ici, nous avons un attribut pleine largeur du site et pleine largeur. Si je vais à pleine largeur, alors les sites et tout va jusqu'à travers. Si je vais à la largeur du site, alors je peux réellement utiliser le curseur pour déterminer la taille de ce site, sa largeur. Certains vraiment cool genre de fonctionnalités et de fonctionnalités ici. Juste pour alimenter les choses que vous m'avez peut-être vu faire cela il y a une seconde, mais zoomez et arrière. Si vous appuyez sur Command Minus ou Command Plus sur votre clavier, ou si je crois que c'est Control Minus ou Control Plus sur un Windows, ce que vous pouvez faire est en fait zoomer et zoomer. C' est vraiment pratique à faire dans Squarespace à certains moments, quand vous voulez pouvoir voir un peu plus, ou si vous travaillez sur un petit navigateur, comme je suis ici. Mais on ne veut pas vraiment ce fond rouge, alors on va mettre ce type ici en blanc. Maintenant, vous pouvez aussi, si vous le souhaitez, vous pouvez définir cette image d'arrière-plan sur une image si vous le souhaitez. Vous pouvez donc télécharger une texture ou n'importe quoi si vous le souhaitez. Comme vous le voyez, c'est assez simple lorsque vous téléchargez les images, vous avez les mêmes options que vous faites pour télécharger et tout. Ensuite, vous pouvez également jouer avec le positionnement juste ici et essayer différentes positions et voir comment cela fonctionne là. Vous pouvez choisir la taille et comment cela fonctionne. Je recommande simplement de jouer avec ceux-ci et de voir ce qui fonctionne le mieux pour votre site. Encore une fois, il y a beaucoup d'attributs différents dans l'éditeur de style et chaque thème a ses propres attributs. Donc, c'est vraiment quelque chose que vous venez de jouer avec un peu et de vous amuser un peu. Ensuite, voici la largeur du site, et comme vous le verrez, comme je le fais plus petit, le site entier commence à devenir un peu plus petit et tout devient un peu plus étroit. Donc quelque chose de nouveau, juste pour regarder dehors et un autre attribut. Beaucoup d'attributs ont ces capacités de glissement avec eux. Encore une fois, nous sommes déjà passés par le réglage Canvas juste là. Vous avez cette opportunité pour un décalage Canvas. Vous verrez que cela crée cet écart ici en haut. Vous avez ce rembourrage en toile. Encore une fois, vous verrez comment cela, fondamentalement ce que cela fait est d'ajouter du rembourrage ici. Encore une fois, certains d'entre eux se contentent et vous verrez exactement ce que chacun de ces attributs fait. Soyez également prudent car parfois cela affecte plus d'une chose sur votre site. Par exemple, le rembourrage a affecté la navigation vers le haut, mais il l'affecte également directement ici. Vous pouvez choisir une taille de bordure pour votre Canvas. Vous commencerez à voir cette bordure s'afficher. Auparavant, j'avais zéro pixels, mais maintenant j'ai cette bordure, qui encore une fois, je ne veux pas tout à fait. Donc on va se débarrasser de ça. Vous avez cette petite chose, cette petite barre oblique juste ici entre la navigation s'appelle le délimiteur. Je peux les cacher si je veux. Ou je peux les changer et je les rendrai rouge vif. Vous pouvez voir ce délimiteur, cette petite barre oblique entre les éléments de navigation est devenue rouge. Mais cela est également lié directement à notre ligne horizontale ici, qui devient rouge aussi. 35. Utiliser le éditeur de style pt 2: Peu d'autres choses que nous pouvons travailler avec l'arrière-plan de l'en-tête et encore une fois, nous allons en fait ce serait un attribut que nous devons changer certaines choses à voir. Mais si vous vous souvenez, derrière ces images, nous avons cette couleur grise juste ici. Et si je ne veux pas que ça soit gris et que je voulais être rouge vif. Encore une fois, ça a l'air terrible. Mais une autre petite caractéristique ici ou je peux le rendre blanc ou une poignée de choses. Vous pouvez également créer une image d'arrière-plan d'en-tête, ce qui deviendra l'image par défaut ou peut-être une texture que vous y mettez. Je peux changer les couleurs du titre du site. Encore une fois, peut-être que je ne veux pas que le titre du site ici en fait, désolé que ce soit faux. Cette couleur de titre du site, sera en fait, et puis nous allons revenir ici maintenant et fixer cette petite largeur juste là parce que nous avons vraiment aimé et comme dans ce regard beaucoup plus. Nous avons la couleur du titre du site et donc ici vous pouvez voir que je change le site sans textes de code, et la couleur juste là. Mais notez aussi que si vous téléchargez un logo, que je vais vous montrer les gars un peu plus tard quand je vais dans la conception du site. Si je télécharge un logo qui remplacera réellement le texte ici et alors la couleur du titre du site devient réellement hors de propos sauf si le logo qu'il ne charge pas. Vous pouvez choisir une couleur de survol pour cela, qui encore une fois je suis en mode aperçu donc vous ne pouvez pas la voir, mais je peux le faire fonctionner lorsque vous passez la souris sur que la couleur change. Ici, nous avons le titre de la page, et vous allez remarquer deux attribut. Vous allez remarquer le titre de la page et la couleur du titre de la page. Souvent, chaque fois que vous regardez un attribut de police réel, vous obtenez ces différentes choses multiples que vous pouvez essentiellement choisir la couleur. Encore une fois, si je voulais que ce soit rouge ou blanc, on le laisse en blanc juste parce que ça marche. Ensuite, nous avons également ce menu déroulant pour le titre de la page. Ici, chaque fois que nous faisons cela, c'est une chose courante, vous allez voir cette petite fenêtre de texte à chaque fois que vous choisissez un élément de texte. Donc, la première chose que vous voyez est le nom de la police, le style, la taille de la police, la hauteur de la ligne, transformation du texte et l'espacement des lettres. Changons ça très vite et nous allons passer de Proxemi ANOVA à Josefin Sans. Maintenant, je vais faire Open Sans Joseph Sans est une police que j'aime très féminine jolie police. Open Sans est un autre très bon que j'utilise beaucoup. Donc, je choisis Open Sans et vous pouvez voir le changement de police ici. Je peux également choisir l'épaisseur que je veux que cette police devienne vraiment super épaisse avec elle, et audacieuse si je veux. Je peux changer la taille de la police, je peux changer la hauteur de la ligne il semble qu'il fait beaucoup ici, mais ce n'est vraiment pas le cas. La hauteur de la ligne est la hauteur entre la ligne, donc je vais réellement le démontrer sur l'autre contenu plus tard et vous pourrez voir un peu plus de ce qui se passe réellement. Transformation de texte, vous pouvez faire toutes les majuscules si vous le souhaitez ou vous pouvez mettre toutes les minuscules. Vous avez aussi cet espacement des lettres, alors peut-être que nous voulons que ce lettrage de bienvenue soit vraiment espacé. Vous pouvez faire des expériences et vous amuser là-bas. Ce sont quelques-uns des attributs de base autour de l'édition des polices et vous allez voir cette fenêtre à nouveau, je vais vous montrer plusieurs fois. Slogan du site. Encore une fois, nous ne voyons pas vraiment l'attribut slogan du site ici. Ensuite, vous avez l'espacement de la zone de bannière et ceci est un autre qui est unique à cinq. Encore une fois, tous les thèmes ne vont pas avoir ceci, certains d'entre eux peuvent avoir des options différentes. Mais je peux venir ici et je peux commencer à rendre la bannière énorme. Ou je peux venir ici, et rendre la bannière vraiment petite et je peux vraiment commencer à expérimenter et m'amuser avec ça. Une chose que vous remarquerez si vous vous souvenez de mon Jake Jorgovan.com peut-être que je devrais sortir ici. J' utilise cinq, mais je n'utilise pas du tout la bannière, j'ai littéralement la bannière mise à zéro et je vais changer un autre attribut que je vais vous montrer dans un instant. Cela me permet vraiment d'avoir ce site Web propre et minimaliste et de le faire sans avoir à me soucier d'avoir la bannière ici ou d'avoir une bannière sur chaque page. Encore une fois, nous allons juste continuer à baisser, et vous verrez que cela est réglé à zéro, mais à cause d'un autre attribut, il est en fait toujours là et je vais vous montrer comment réparer ça chaque fois que je descends là-bas. Vous avez cette couleur de superposition sur la bannière. Par défaut, c'est quelque chose que vous verrez dans beaucoup de thèmes comme une superposition et cela m'amène à une autre chose. C' est essentiellement que cette image a cette superposition dessus et donc je peux la rendre rouge, je pourrais la rendre verte si je le voulais. En ce moment, c'est juste gris donc c'est un peu gris et vous pouvez lire la police. Une chose que vous allez remarquer, vous allez voir ceci A et le 0.2 qui est l'opacité. Donc, si je commence à faire glisser cela vers la droite, la superposition devient littéralement une couleur unie à l'un. Alors, si je descends jusqu'à gauche, je peux faire de cette superposition zéro. Ou si je ne veux pas la superposition, je peux simplement cliquer sur transparent, et là nous voyons juste l'image sans superposition du tout. Encore une fois, maintenant vous verrez que dans beaucoup de thèmes différents comme option de superposition. Une largeur de texte de bannière à nouveau c'est quelque chose que vous pouvez faire avec ce texte de bannière ici. Si vous avez quelque chose de vraiment long, vous pouvez choisir la largeur que vous voulez que cela soit. Puis un contenu de bannière, c'est l'attribut dont je parlais précédemment. moment, vous voyez que j'ai le titre de la page, je peux aussi le changer pour dire le titre du site ou le logo sur le slogan. Maintenant, je n'ai pas de logo ici mais au lieu de cela il flotte sur cette image, ou si je choisis vide, alors ce qui se passe est que le titre de la page n'apparaît pas du tout. Si je reviens ici à la hauteur de la bannière, je peux littéralement faire disparaître cette bannière. Maintenant, nous n'avons pas cette bannière du tout, nous avons littéralement la navigation et ce site Web. Donc, c'est vraiment cool chose si vous voulez un site Web de base, vous ne voulez pas vous soucier de toutes les autres choses, vous pouvez juste vous débarrasser de cela. Autre chose que tu remarqueras, je vais te montrer ça maintenant. Est-ce que quand je déplace ma souris ici, petites sections deviennent bleues ou je vois des lignes pointillées ou quoi que ce soit. Partout où je clique, il va immédiatement me montrer cet attribut, de sorte que vous pouvez voir qu'il y a un espace entre la navigation et l'endroit où commence cette page, et c'est parce que j'ai défini mon espacement sur 100. Ou peut-être que je ne veux pas 100, et je veux que ça s'assoit un peu plus près du haut, et je veux m'asseoir à environ 24 pixels vers le bas. Encore une fois, j'ai juste pu cliquer dessus et nous avons juste ajusté ça juste là. Je peux également cliquer sur le logo ici, et encore une fois je peux changer le titre du site, couleur ou quelque chose comme ça. Je peux changer la police ici à laquelle je vais accéder sur cette liste. Mais c'est vraiment cool chose que vous pouvez simplement cliquer autour et modifier différentes choses. Si jamais vous voulez revenir à la liste principale, il vous suffit de cliquer sur Afficher tout, et nous sommes de retour à notre liste principale normale. Donc ça vous montre beaucoup, comme je peux le voir, j'espère que vous le prenez, c' est un outil vraiment puissant. Encore une fois, si vous êtes submergé, je vous encourage à plonger dans, et à commencer à jouer avec tout et à changer d'options et à essayer parce que chaque thème a ses propres choses individuelles. 36. Utiliser le éditeur de style pt 3: La prochaine chose que je vais vous montrer est l'arrière-plan de navigation. Mais en fait, tu sais quoi ? Avant d'y aller, je veux vraiment une bannière. Je voulais vous le montrer, mais j'aime cette photo et je vais la laisser. Sauter à cela cependant, l'arrière-plan de navigation. Dites que je veux rendre ce fond de navigation rouge. Je viens maintenant de tourner la navigation en rouge. C' est une chose très pratique là-bas. Mais encore une fois, je n'aime pas comment c'est juste ici. Je voudrais en fait que ce soit le site complet. Encore une fois, si nous revenons ici et que nous faisons le réglage Canvas, si nous faisons toute la largeur, tout va tout à coup tout le chemin avec le site. Je vais aussi me débarrasser de ce rembourrage ici, ce décalage Canvas que j'ai initialement commencé. Hé, ça commence à ressembler un peu plus à un site web. Je ne veux pas d'arrière-plan rouge, donc je vais revenir ici. Je faisais juste sauter un peu, vous montrant une poignée de choses différentes, espérant que cela vous donne une idée de la façon d'éditer des choses. Nom du site, si je veux changer cette police, encore une fois, j'obtiens ce menu déroulant. Saute ça à Open Sans. Tu veux espacer un peu ces lettres et peut-être les rendre très minces. Ouais, regarde ça. Ensuite, nous allons descendre, nous pouvons aller aux polices de navigation. C' est en fait cette police sur les éléments de navigation. Nous allons changer cela en Open Sans aussi, et vous voyez que la police vient de changer. Encore une fois, j'ai toutes ces mêmes options. On peut les espacer. Amusez-vous avec ça aussi. Je peux changer la couleur du lien, l'état du lien survol, le lien actif. La couleur du lien est juste par défaut qu'ils sont gris, cette couleur grise juste ici. Je vais changer ça. La couleur du lien, en moment j'ai comme rouge mais c'est rose. Je vais faire la couleur du vol stationnaire comme vert, juste beaucoup à des fins de démonstration. Je vais faire la couleur active en bleu. Ce que vous verrez ici, c'est que les liens sont nativement rouges, ils étaient naturellement tous rouges, alors je suis sur la page d'accueil donc la page d'accueil devient bleue. Encore une fois, il ne va pas le faire pendant que sur l'éditeur de style, mais si je survolais, il deviendrait vert. Encore une fois, pas le plus beau, mais j'essaie juste de vous montrer quelques éléments là-bas. Nous avons également cet espacement de navigation. Encore une fois, c'est une autre chose que vous pouvez remarquer, est que voir ces lignes bleues comme je survolais ici, regarder en haut et vous verrez ces lignes bleues. En survolant cet espacement de navigation, ces lignes bleues apparaissent et me montrent ce que je suis sur le point de faire. Comme je commence à augmenter l'espacement de navigation, je commence à voir que cela met le rembourrage sur le haut et le bas ou je peux le rendre vraiment minuscule comme ça. Ensuite, nous allons à nouveau, également travailler avec la position de navigation. Est-ce que nous voulons cela au-dessus de la bannière ou nous pouvons le mettre en dessous de la bannière ? Peut-être que nous ne voulons pas de navigation du tout et nous voulons juste ce site propre, simple sans la navigation, pourrait fonctionner pour un site Web d'une page, probablement pas beaucoup d'autres. Encore une fois, nous allons laisser ça là. Nous pouvons également choisir, voulons-nous la navigation à gauche, au centre ou à droite. Vous remarquerez avec certaines de ces icônes de médias sociaux s'ajustent pour s'adapter en conséquence. 37. Utiliser le éditeur de style pt 4: fins de démonstration, je viens de mettre en place ces trois rubriques. Je suis allé les ajouter ici, et ce que vous voyez est un titre 1, un titre 2 et un titre 3. Ici, dans l'éditeur de style, sous le contenu principal, vous verrez des sections pour le titre 1, en-tête 2, l'en-tête 3 et votre corps de texte. Rappelez-vous dans la vidéo de police où j'ai expliqué que c'est ainsi les sites Web sont configurés avec ces attributs de titre. Eh bien, si je veux ce que je peux faire, c'est juste venir ici et je peux changer ceci en Open Sans ou changer la police, et ici ce changement est sous mon attribut de titre 1 ici. N' importe où sur le site où j'ai un titre 1, il va automatiquement le changer pour correspondre à ces attributs et correspondre au style. Il en va de même pour la rubrique 2. Nous ne voulons pas que ce soit jaune, mais nous voulons qu'il soit vert fou. Encore une fois, nous pouvons passer en revue et simplement changer ces attributs de titre 2, et cela va changer cela tout au long du site Web. Encore une fois, nous allons le faire dans la rubrique 3 également. Changez cela, peut-être que nous voulons que ce soit un peu plus grand, et vous pouvez travailler avec chacun de ces attributs aussi, et nous allons appuyer sur « Afficher tout » pour revenir à tous. Mais comme je vous l'ai déjà dit au début, les sites Web et le web en général sont conçus autour de ces options de titre, et donc quand vous créez ces trois, vous allez essentiellement faire, rubrique 1 devrait être la plus grand, rubrique 2 devrait être la deuxième plus grande, et la rubrique 3 devrait être la plus petite, et ensuite vous n'avez qu'à les utiliser sur tout votre site, où que vous les voyiez appropriés. Maintenant, je vais vous montrer quelques autres choses sous le contenu principal. Vous pouvez modifier votre arrière-plan de canevas, qui est ce que vous pensez être un arrière-plan de site. Mais votre arrière-plan de toile est en fait l'arrière-plan de votre page. Donc, la page réelle où tout votre contenu est. On va laisser ce blanc. Peut-être que vous voulez que votre site Web noir, donc vous pouvez le faire aussi et rendre tout votre texte blanc si vous le souhaitez. On va venir ici, je vais te montrer le texte du corps. Le corps du texte est vos polices de base et le texte de votre site Web normal. Encore une fois, je peux changer cela en Open Sans, nous voyons que tout réfléchi ici, je peux changer la taille de la police si je le veux, je peux changer la hauteur de la ligne, et cela j'ai essayé de démontrer plus tôt, mais la hauteur de la ligne est la quantité d'espace entre chaque ligne. Encore une fois, vous l'avez gratté, ou très grand, ou quelque chose de agréable entre les deux. Vous pouvez également faire l'espacement des lettres, et cela pourrait devenir un peu difficile à lire, mais vous pouvez les espacer si vous le souhaitez. Vous pouvez changer la couleur du corps du texte, encore une fois peut-être que vous vouliez ce rouge, ou quelque chose comme ça, et ensuite votre couleur de lien, nous allons faire ce bleu ciel. Ce que vous verrez ici, c'est le lien voir mon portefeuille ici. Tu te rappelles comment on a fait ça comme un lien ? Maintenant, nous venons de devenir ce bleu, et maintenant tout le monde sait que c'est un lien. Parfois, c'est quelque chose à penser, mais beaucoup de gens aiment ces très petites polices minces, qui est ce que j'ai ici. Mais il est vraiment difficile de voir ces changements de couleur et honnêtement de lire d'une manière. Donc, si je bosse ça un peu jusqu'à 400, soudain cette couleur de lien est beaucoup plus définie et tout est en fait un peu plus facile à lire. Je peux aussi choisir la couleur du vol stationnaire. Beaucoup de fois, ce que vous pouvez faire est de faire la couleur de vol stationnaire à un état légèrement plus léger. De cette façon, c'était un petit changement, mais ce n'est pas drastique. Si nous avions une citation de bloc, rappelez-vous comment nous avons fait la citation de bloc plus tôt dans un petit bloc de guillemets, vous pouvez changer la police sur ceux-ci et changer la taille de la police et tout là aussi, et vous pouvez modifier votre espacement de page est le dernier ici que je vous ai montré ici et avec qui nous avons travaillé avant. espacement de votre page est la distance entre le haut du site et votre contenu, l'espacement entre les deux. Une dernière chose que je vais vous montrer avant de continuer sur cette liste, c'est une grande liste, je sais, mais nous faisons notre chemin, c'est que si vous voulez éditer des boutons, je vous ai montré plus tôt dans une vidéo précédente comment faire boutons. Si vous cliquez sur « Voir mon portefeuille », vous pouvez commencer à changer le style des boutons. Donc, nous avons le solide, ou nous avons un style contour, ou ce style surélevé. Nous allons en fait rester avec solide pour l'instant. Mais peut-être que nous n'aimons pas ce carré ennuyeux, nous voulons un carré arrondi. Vous remarquez ces couleurs, c'est subtil mais arrondi, ou peut-être que nous voulons ce look ovale pilule, et peut-être que je veux que mes boutons soient verts, donc je peux changer la couleur des boutons aussi bien. Je peux aussi changer la couleur du texte. Donc peut-être que si je veux ce texte rouge ou noir et qu'il ait l'air horrible et Christmassy, mais je laisserai ça blanc. Je peux même changer la police dessus aussi. Ainsi, vous pouvez obtenir un réglage très fin ici et travailler sur le stylisage de vos boutons également. Je vais retourner montrer tout et continuer à descendre l'éditeur de style avec les gars. Faites défiler vers le bas, nous avons fait le contenu principal, nous avons fait la navigation, maintenant nous allons aller au pied de page. Je ne vous ai pas montré comment éditer. Maintenant, nous allons faire le pied de page, et ce que nous allons faire ici n'est pas le pied de page, vous avez vraiment seulement une poignée d'options, mais vous pouvez changer le texte ici. Si vous voulez, encore une fois, un texte différent, vous pouvez changer le style, tout ça. Encore une fois, très normal et vous pouvez l'aligner à gauche, au centre ou à droite. Ensuite, aussi par nature, vous allez remarquer cette petite bordure de pied de page juste ici. Nous allons fondamentalement, si vous voulez, vous pouvez simplement désactiver cela, vous pouvez simplement désactiver cela, et soudain il n'y a pas de frontière entre le pied de page et le bas. Vous pouvez choisir vos icônes sociales dans le pied de page et la taille que vous voulez que ces gars soient, qui est maintenant en train de s'ajuster. Ça pourrait être là-haut. Je suis désolé, on n'est plus dans le pied de page. Ce sont les icônes sociales qui sont intégrées dans le thème cinq, et les icônes sociales qui sont ici, sont réellement construites à travers le widget d'icône sociale, donc désolé de vous y confondre. Vous pouvez changer la couleur de ces icônes si vous le souhaitez, les rendre rouge vif. Encore une fois, vous pouvez choisir le style et la façon dont vous voulez qu'ils ressemblent. Donc, comme nous l'avons fait avant, et puis vous pouvez également choisir si vous voulez qu'ils soient en haut seulement, en bas seulement, en haut et en bas, ou pour les cacher. Si nous les mettons en bas, vous allez remarquer que cela apparaît, et c'est un peu différent de ça ici, parce que c'est un bloc de squarespace. Ceci ici est en fait intégré dans le thème. Ensuite, nous allons venir ici sur le blog. En fait, je reviendrai voir ce type dans le futur, une fois que je vous montrerai le chapitre sur les blogs et qu'on aura mis en place. Puis le dernier ici encore, vous avez aussi vos blocs de boutons. Remarquez comment il dit moyen ici, cela ne montre que le médium parce que c'est la seule taille de bouton que j'ai construit. Mais si vous avez aussi un petit bouton et un grand bouton, vous pouvez les coiffer différemment. Donc tu peux te rattraper. Vous pouvez avoir votre petit bouton pour être rouge et vos boutons moyens pour être verts. Encore une fois, beaucoup ici, beaucoup que je viens de vous montrer, et je sais que cela semble écrasant, mais dans la section suivante ou la zone suivante, chaque fois que je commence à réellement passer par la conception du site, je pense que vous allez voir cela en cours d'utilisation beaucoup plus. Vous aurez à voir quelques exemples du monde réel avec elle, mais en réalité, vous avez juste besoin de jouer avec cela. Vous devez avoir un oeil décent pour le design, et juste gâcher avec différentes choses, et je pense que vous serez impressionné par ce que vous avez trouvé. 38. Comment configurer un blog: L' une des fonctionnalités les plus puissantes de Squarespace est la plateforme de blogs. C' est vraiment robuste et très simple à utiliser. Dans cette vidéo, je vais vous montrer comment configurer et démarrer votre propre blog. Pour commencer, nous allons revenir ici à l'onglet Pages, et nous allons revenir à notre navigation principale, et nous allons appuyer sur cette icône « Plus ». Nous allons faire défiler vers le bas jusqu'au blog et cliquer sur « Blog », et nous allons donner le titre de ce blog et le garder assez simple et simple. Maintenant, ce que vous verrez, c'est que cela va apparaître et nous amener à cette page de blogs, que vous verrez a cette barre latérale. Je vais vous montrer comment travailler avec ça dans une seconde. Ensuite, ici sur la gauche, nous avons ce genre de gestionnaire de blog où nous verrions tous les brouillons, revue, et programmée. Donc, ce que nous voulons faire pour simplement créer d'abord un billet de blog est de cliquer sur ce bouton Ajouter un message. Lorsque nous ajoutons des publications, il va faire apparaître cette fenêtre de l'éditeur de publication à cette fenêtre Modifier la publication. Nous allons dire Nouveau blog 1. C' est notre titre ici dans le texte, et je dis : « C'est un tout nouveau blog. » Ce que vous allez remarquer cependant, c'est ce que j'aime dans la plateforme de blogs, c'est que vous avez l'éditeur complet. Vous pouvez mettre n'importe lequel de ces blocs d'image, vous venez de mettre dans une image, une galerie, ou une vidéo, quelque chose comme ça. Vous pouvez facilement simplement brancher ce toutes ces mêmes fonctionnalités directement dans un billet de blog et qui le rend génial et vraiment, vraiment facile à utiliser. Certains trucs de base là, vous pouvez à nouveau, suffit de faire un blog entier messages ce que vous voulez. Utilisez une image, utilisez tous les widgets, et tout ce qu'il contient. Donc vraiment, outil vraiment pratique à avoir, vous avez le même éditeur de texte de base et tout ici. Tout cela fonctionne très similaire à ce que je vous ai appris dans les vidéos précédentes. Maintenant, une fois que vous avez votre blog écrit et que vous avez tout ici. Vous voudrez aller ici et venir à la section Options, et vous allez avoir quelques choses ici sous cet onglet Options. abord, vous allez avoir une image miniature, et donc nous allons venir ici et juste télécharger une image miniature pour un post. Cela va encore être la miniature de base, certains thèmes vont tirer cela et l'utiliser dans le cadre de la conception. D' autres ne le feront pas, mais ces choses comme le bloc de résumé comme je vous l'ai montré avant qu'il va tirer cette image miniature. Maintenant, vous n'avez pas besoin d'avoir une image miniature, mais c'est recommandé ou si vous voulez l'avoir dans ce type de conception de votre site. Nous avons également cette section URL de poste ici. Ceci est vraiment utile pour l'optimisation des moteurs de recherche parce que votre URL, donc par exemple, cette balise que nous avons ici est votre URL. C' est ce qu'on met dans cette boîte en ce moment. Nous avons le jake-jorgovan/blog recherche le nom du post. On va dire, le nouvel hôte-numéro 1. On peut taper ça ici. Vous pouvez changer l'auteur. Donc, si vous avez plusieurs profils sur votre site Squarespace, vous pouvez changer cet auteur. Vous pouvez utiliser l'URL source si vous dites, juste mettre quelque chose dedans comme un extrait d'un autre site, vous pouvez lier à la source. Ensuite, vous avez un extrait. C' est l'extrait, je ne peux pas épeler extrait. Si vous vous souvenez du moment où nous travaillions avec le bloc récapitulatif, il y avait cette option pour les extraits et il y avait ce texte, ce résumé du message. C' est ce que c'est, et je vais même vous montrer sur mon site. Ici, j'ai la liste de tous mes billets de blog et ces petits blurbs en dessous, ce sont les extraits que j'ai. Ils ne sont pas le post complet, mais ils sont un teaser, puis les gens peuvent cliquer et lire plus, puis ils peuvent voir le post complet et tout ici. Encore une fois, les extraits sont utiles dans une fonction de blogs et aussi pour le bloc de résumé. Si vous vous souvenez aussi, sur le bloc de résumé, j'ai mentionné les capacités des messages en vedette. Si vous le souhaitez, vous pouvez cocher quelque chose comme un message en vedette si vous le souhaitez. Alors on y va et je te montrerai d'autres choses. Vous pouvez marquer un emplacement avec votre post si vous le souhaitez. Vous n'avez pas à le faire, mais si vous êtes un blogueur de voyage, cela pourrait vous intéresser. Vous pouvez publier automatiquement des messages sur les réseaux sociaux, que je ne veux probablement pas publier sur mon Twitter ou mes abonnés me détesteraient parce que je les publierais sur rien, je ne le ferai pas. Mais vous pouvez le publier automatiquement vos différents comptes Twitter ou Facebook ou quoi que ce soit du genre. Ensuite, une dernière chose que je veux vous montrer, retour ici sur l'onglet contenu est les Tags et Catégories. Si vous venez ici et que vous cliquez sur « Catégories », vous pouvez choisir de créer une catégorie. Peut-être que je dirai affaires, et je dirai photographie, et je pourrais avoir une autre catégorie pour l'art. Vos catégories, ils ne sont pas extrêmement importants, mais si vous voulez que quelqu'un puisse rechercher votre site, vous pouvez le faire. Vous pouvez lier deux catégories ou vous pouvez utiliser le bloc de résumé, comme je me souviens, je vous ai montré avant le filtrage différent avec des balises et des catégories. Vous pouvez le faire aussi. Ensuite, vous avez aussi cet attribut Tags, et c'est encore une fois un endroit vraiment important où vous pouvez mettre des mots-clés d'optimisation des moteurs de recherche ici, et c'est utile. Vous pouvez également mettre d'autres choses que vous voulez peut-être catégoriser le poste par. Donc peut-être la Thaïlande, ou l'endroit, ou quelque chose comme ça. Encore une fois, ces balises et catégories lorsque vous commencez à construire un blog vraiment grand avec beaucoup de contenu, ils peuvent être vraiment utiles pour commencer à filtrer et affiner votre contenu. Lorsque vous avez terminé, vous pouvez descendre ici, et vous pouvez cliquer sur « Enregistrer » et il apparaîtra dans un mode brouillon, ou vous pouvez cliquer sur « Enregistrer et publier », et il sera publié sur votre site Web. Donc, je clique sur « Enregistrer et publier », et voilà, nous avons le nouveau blog 1 apparaît juste ici. Nouveau blog 1 apparaît et c'est un tout nouveau blog. Donc oui, on peut voir juste un peu ici de ce qui se passe. Mais finalement, je ne veux pas de cette barre latérale. Je n'aime pas vraiment ça. Donc il y a quelques choses que vous pouvez faire. abord, si vous dites que vous voulez la barre latérale sur votre blog, vous voulez quelque chose ici que les gens peuvent opter pour une adresse e-mail ou autre chose. Vous pouvez simplement faire défiler et appuyer sur « Modifier » dans votre barre latérale. Vous pouvez simplement supprimer l'exemple de contenu qui est ici, et encore une fois, cela fonctionne comme toutes les autres choses que je vous ai montrées. Je peux simplement les faire glisser et les supprimer comme l'éditeur visuel, mais nous avons juste affaire à une barre latérale maintenant, donc il ne s'empile que verticalement. Vous pouvez mettre un texte ici, « Inscrivez-vous à ma liste de diffusion », ou tout ce que vous voulez ici. Maintenant, nous avons cette barre latérale, et nous pouvons l'éditer si nous le voulons. La chose cool à propos de la barre latérale est qu'il apparaîtra indépendamment de si vous êtes dans le post, ou si je vais juste à la page du blog. Si vous remarquez quand je fais défiler la page du blog, je vois l'extrait, et la miniature, puis quand je vais à Read More, je vois que c'est un tout nouveau blog et le texte réel de celui-ci. Mais la barre latérale reste là indépendamment, parce que j'ai essentiellement dit que je veux barre latérale sur mon blog. Et si je ne veux pas de barre latérale sur mon blog, comment faire pour que ça disparaisse ? Pour ce faire, lorsque vous êtes de retour ici dans les paramètres du blog, vous allez cliquer sur votre petit changement de vitesse comme vous le feriez pour ajouter des paramètres de page. Je vais faire défiler vers le bas et j'ai ces options de mon blog similaires aux paramètres de page, mais quelques choses différentes. Nous allons aller à la mise en page, et nous pouvons aller à Split Sidebars si nous le voulions, ou nous pouvons aller à Deux Sidebars Sidebars, aggraver ou Full Width. Nous pouvons également choisir le nombre de messages par page, nous pouvons ajouter une description, changer la limace si nous le voulions, et nous pouvons également ajouter une image miniature. Encore une fois, je ne vous montrerai pas tout ça. Le poste par adresse e-mail que vous pouvez ou ne pas vouloir utiliser, mais toutes ces choses sont juste des outils très simples que vous pouvez utiliser pour personnaliser. Mais si j'ai frappé Full Width et j'ai frappé « Enregistrer », et ceux qu'il va rafraîchir et maintenant il n'y a pas de barre latérale sur le blog. D' autres choses que je veux vous montrer. Si vous venez à avancé sur le blog, vous pouvez venir ici pour modifier vos tags et catégories. Encore une fois, probablement rien ne vous inquiétez trop à ce stade précoce, mais peut-être quand vous deviendrez un peu plus gros, puis la syndication, et vous n'allez probablement pas vous inquiéter trop du tout non plus. C' est ainsi que vous avez mis en place un blog dans Squarespace, mais comme je vous l'avais promis, je devais vous montrer comment coiffer votre blog aussi. Si nous revenons ici, et nous allons jusqu'à la maison, et nous allons à l'éditeur de style. Design, éditeur de style. Nous remarquons que nous avons en fait toute cette section ici dédiée juste à coiffer un blog. La première chose que nous pouvons faire est que nous avons ce méta-texte, que vous remarquez la date et tout cela ici est un méta-texte. Encore une fois, je peux changer la police, taille de la couleur, et des trucs comme ça. Je peux changer la couleur si je le voulais ou la rendre vraiment légère. Je peux m'amuser avec ça. Vous avez l'espacement des articles, qui encore une fois, vous ne verrez pas cela trop parce que je n'ai qu'un seul article. Mais par exemple, sur le mien, cet espacement des articles créerait plus d'espacement entre chacun de ces messages sur la page ici. Affichage de la liste des blogs, vous pouvez choisir entre plein ou en-tête et pied de page seulement, ou peut-être même juste l'en-tête seulement sans les métadonnées. Encore une fois, vous pouvez choisir si vous voulez cette image là ou non. Vous pouvez choisir le Blog Byline. Que vous vouliez ça en bas, en haut, ou peut-être que je suppose que c'est mon site, tout le monde saura que c'est moi et je vais le cacher. Vous pouvez choisir la date du blog, et vous pouvez choisir si vous voulez que ci-dessus, ci-dessous, ou tout simplement le cacher. La pagination du blog. Donc la pagination ce serait quand vous frappez sur ces 20 messages et il a le suivant ou le précédent. Vous pouvez modifier votre police dans votre couleur. Alors je vais te montrer ici. Lorsque je fais défiler vers le bas de mon blog, c'est la pagination juste ici, et donc je peux changer cette police ou la couleur si je le voulais. Je peux également désactiver une bordure sur cela si je le veux. Normalement, il y a juste une petite frontière là-bas. Encore une fois, je peux cacher les vignettes si je le veux, je peux cacher ces icônes, et je peux simplement cacher les catégories de balises si je le souhaite. Donc, je peux commencer à devenir vraiment simple avec ça et tout. Mais je peux vraiment être personnalisé ici avec la façon dont je veux que mon blog regarde et les styles qui sont autour d'elle. J' espère que cela a été utile pour vous donner une idée de la façon de mettre en place un blog dans Squarespace. 39. À propos de la plateforme Blogging de Squarespace: À ce stade du cours, vous avez appris comment configurer votre site Squarespace, comment y ajouter du contenu et maintenant comment le styliser et le concevoir. Maintenant, je vais plonger dans certaines des autres fonctionnalités qui sont vraiment importantes pour beaucoup d'utilisateurs de site Web. Dans cette section, je vais parler spécifiquement des blogs. Squarespace dispose d'une plateforme de blogs extrêmement robuste et simple d'utilisation. En fait, je l'utilise sur mon propre site web personnel et je l'adore absolument. Dans ce cours, je vais vous montrer comment configurer un blog, comment ajouter de nouveaux billets de blog et tout ce que vous pouvez faire autour de la plateforme de blogs de Squarespace. 40. Utiliser le bloc de produits eCommerce: Dans cette vidéo, je vais commencer à vous montrer et à vous donner un aperçu de base de la section e-commerce. Pour commencer, pour accéder au commerce électronique, nous allons venir et cliquer sur « Commerce » depuis notre navigation principale ici. Chaque fois que vous démarrez un nouveau compte commercial, la première chose que vous voulez vraiment faire est de cliquer sur cet onglet « Mise en route ». Vous remarquerez que j'ai un zéro sur les quatre options de mise en route. Lorsque nous passons à travers, vous verrez essentiellement ces quatre options que vous devez faire pour démarrer votre boutique de commerce électronique. Tout d'abord, vous allez devoir évidemment ajouter quelques produits. La seconde est que vous allez devoir créer une option d'expédition. Le troisième est que vous allez devoir connecter un compte Stripe. C' est quelque chose juste pour être conscient que Squarespace ne s'intègre qu'avec la bande. Mais, si vous dites que vous avez des problèmes ou que vous voulez intégrer avec PayPal ou d'autres solutions de paiement, il y a cet autre excellent outil appelé Ecwid. Je vous recommande fortement d'examiner cela si cette bande est un briseur d'affaire pour vous, comme je sais que c'est pour certaines personnes. Mais honnêtement, Stripe n'est pas une grosse affaire, c'est comme PayPal. n'y a pas de frais mensuels ou quoi que ce soit. C' est vraiment génial de travailler avec. Une fois que vous avez configuré ces autres options, vous pouvez basculer le commutateur et votre magasin peut être mis en ligne. Maintenant, notez également qu'ils ont beaucoup d'articles utiles ici. Je recommande certainement de les vérifier car le commerce électronique est l'une des sections les plus complexes de squarespace. Le commerce électronique en général est tout simplement complexe. Donc, ce n'est pas une faute de Squarespace, mais juste que c'est une chose plus complexe à faire sur le web. La première chose que nous allons vouloir faire est simplement d'ajouter quelques produits. Pour ce faire, nous allons cliquer sur ce numéro un et ajouter des produits. Ce que vous allez remarquer, c'est que c'est très similaire à la fonctionnalité de blogs et comment cela a fonctionné. Rappelez-vous comment nous avions la même option ici. Eh bien, ici, au lieu d'ajouter un billet de blog, nous allons ajouter un produit. Une fois cela fait, il va nous donner cette option pour sélectionner un type de produit. Vous pouvez choisir un produit physique, peut-être quelque chose de physique que vous allez réellement envoyer à la personne. Vous pouvez choisir un produit numérique. Si vous dites, la vente d'un e-book ou d'un cours numérique, vous pouvez l'utiliser et il vous donnera quelques options pour le téléchargement de fichiers une fois qu'ils payent. Ou vous pouvez vendre un service et peut-être que je peux vendre un service de conseil ou un produit I service avec cela aussi bien. Nous allons aller de l'avant et commencer avec le numérique pour simplifier les choses. Ce que nous allons faire ici est venir et, vous allez remarquer que, encore une fois, c'est similaire à la fonctionnalité du blog, mais un peu différent. Nous allons avoir le nom du produit, The Focus Creator. Nous allons télécharger des images pour ce produit. Ici, une fois que nous avons une photo, nous allons télécharger cette image du produit. Nous pouvons fixer un prix sur ce produit si nous le voulons, ou nous pouvons le laisser à zéro et le garder libre. C' est un e-book gratuit que j'ai écrit, donc je vais le garder comme gratuit. Nous pouvons mettre une petite description, « Apprenez l'art de suivre et d'atteindre vos objectifs ». Ici, nous avons essentiellement mis en place l'image de base, description et le titre. Venez ici, nous pouvons les catégoriser et les étiqueter. Encore une fois, si vous avez beaucoup de produits, cela devient vraiment utile. Pour que les gens puissent dire, je veux fouiller tous vos livres. Je veux fouiller tous tes cours, tes chemises, tu es un pantalon, comme tu veux le faire. Vous pouvez l'étiqueter. Encore une fois, j'ai fait quelques magasins de commerce électronique où les gens l'ont étiqueté par couleur ou par un certain type de style. Certaines choses que vous pouvez faire autour de ça aussi. Ensuite, nous allons passer à la tarification et le téléchargement. Ici, je peux télécharger un fichier PDF ou n'importe quel fichier numérique que quelqu'un peut télécharger. Une fois que nous avons ce fichier, il suffit de cliquer et de le télécharger. Ici, il va juste télécharger ce fichier. Lorsque quelqu'un l'achète ou clique sur « Acheter », cela lui donnera une option pour télécharger ce fichier. Donc, nous allons juste voir que cela va télécharger juste là, et ensuite nous avons notre produit numérique juste là et sur notre site. Vous pouvez voir la finale de The Focus Creator dans tout ce qui est à ce sujet juste là. Vous pouvez venir à des informations supplémentaires. Si nous le voulons, nous pouvons mettre des informations supplémentaires ici. Ce n'est pas une soupe totalement nécessaire, mais sur la page des ventes, vous verrez cela. Nous pouvons avoir un formulaire et vous pouvez exiger des éléments d'eux. Peut-être que je veux que quelqu'un crée un formulaire appelé « Le Créateur Focus ». Peut-être que je veux quelqu'un juste leur adresse e-mail, et obtenir ça d'eux chaque fois qu'ils s'inscrivent. outre, quelque chose en fait je ne vous ai pas montré les gars sur la vidéo de formulaire précédente, mais vous pouvez également cliquer sur requis ou non lorsque vous travaillez avec des formulaires pour les rendre obligatoires ou non. Quelqu' un doit me donner son adresse e-mail quand il télécharge le livre. Je peux venir ici et deux options. Je peux changer l'URL des produits. Je peux utiliser un ajout personnalisé. Donc, au lieu de dire « Ajouter au panier », peut-être que je veux dire « Télécharger le livre ». Je peux choisir un produit en vedette ou non qui, encore une fois, quand vous regardez le bloc de résumé, c'est important pour des choses comme ça. À noter, vous pouvez également utiliser le bloc récapitulatif pour toutes les fonctionnalités de commerce électronique. Reportez-vous à cette vidéo de bloc récapitulatif et nous l'utilisons pour les blogs, mais vous pouvez également le faire pour le commerce électronique aussi. Enfin, voulez-vous publier ceci sur n'importe quel canal de médias sociaux ou non ? On ne veut pas, alors on va sauter dessus. Lorsque nous avons terminé, nous appuyons sur « Enregistrer et publier ». Nous allons juste cliquer dessus juste ici, c'est « Enregistrer et publier ». Nous venons de créer notre tout premier produit. Maintenant, ce n'est pas vraiment trop excitant tout parce que vraiment nous n'avons ce produit nulle part sur notre site. On vient de le créer. La prochaine chose que nous devons faire est d'obtenir ce produit sur notre site, et il y a deux façons de le faire. abord, si nous revenons tout le chemin et que nous allons aux pages, nous verrons que nous pouvons venir ici et à la page d'accueil. Descendez ici pour le contenu de notre page. Si je le veux, je peux venir ici, ajouter un bloc, et faire défiler vers le bas. Je peux ajouter un bloc de produit. Je vais chercher le produit. Je vais donc chercher Le Créateur Focus que je viens de créer. On verra que ça surgit là-haut. Maintenant, j'ai toutes ces options. Laissez-moi bouger ça pour que vous puissiez voir. Je peux activer ou désactiver l'image, ce qui sans elle, il n'y a vraiment rien là-bas. Je peux avoir le titre et montrer le prix, montrer la description que j'ai créée, et montrer le bouton « Ajouter au panier », qui pour une raison quelconque que l'on ne fonctionne pas ou ne montre pas correctement en ce moment, mais nous allons enregistrer quel que soit. Nous venons d'ajouter notre premier produit à notre page. Maintenant, le bouton « Ajouter au panier » ne fonctionne pas. Essayons peut-être de rafraîchir et de voir si cela le corrige. Encore une fois, parfois vous avez ces petits insectes dans Squarespace, donc je vais juste y travailler avec vous les gars juste ici. Il est là. Je ne sais pas pourquoi il n'apparaissait pas avant, mais actualisez la page et tout est corrigé. Nous venons d'ajouter notre produit. Si quelqu'un clique sur le produit, j'en amène certains à la page des ventes, où ils peuvent passer par. C' est cette information supplémentaire que nous avons donnée. Si je vais télécharger le livre, quelqu'un doit me donner son adresse e-mail et ensuite il peut télécharger le livre. C' est une petite configuration de base sur la façon d'ajouter des produits au commerce électronique, puis sur la façon d'utiliser réellement le bloc produit également. 41. À propos de la plateforme eCommerce de Squarespace: Dans cette section du cours, je vous expliquerai comment mettre en place une boutique de commerce électronique sur votre site web. Maintenant, certaines personnes peuvent simplement ignorer cela si vous n'êtes pas intéressé par avoir un magasin de commerce électronique sur votre site. Mais si c'est le cas, Squarespace le rend très simple. Dans cette vidéo, je vais vous montrer comment configurer et utiliser la plateforme e-commerce. 42. Un aperçu du commerce électronique: Dans la dernière vidéo, nous avons créé notre premier produit. Dans cette vidéo, je veux vous montrer un peu plus sur la façon de créer plus de produits et ensuite nous allons plonger un peu plus loin dans le commerce électronique. Si vous vous en souvenez, nous avons créé ce premier produit à partir de l'onglet Démarrage initial sur le commerce électronique. Une fois que vous faites cela, vous remarquerez que si vous venez ici, il y a ces Nouveaux Produits qui sont apparus dans votre section non liée. Vous remarquerez que le petit signe $ signifie qu'il s'agit d'un produit. Eh bien, d'abord, je ne veux probablement pas ça appelé Nouveaux produits. Donc, ce que je peux faire est que je peux cliquer sur cette petite icône d'engrenage juste ici, et je peux changer cela en seulement Produits. Je peux me débarrasser de la barre latérale si je ne veux pas de barre latérale ici, faites-le pleine largeur sur mes pages de produits. Je peux changer cette limace de sorte qu'il est juste Produits pas Nouveaux Produits. Encore une fois, très similaire aux autres, mais vous voulez le faire pour la page produit aussi. Maintenant, nous remarquons que la page produit est en fait pleine largeur. En fait, non, c'est la page du produit en général. Quelque chose que vous pouvez faire, disons, nous mettons cela dans la navigation principale, c'est que maintenant si quelqu'un clique simplement sur « Produits », il va obtenir cette page de conception de produit cool et beau. Lorsque vous ajoutez plusieurs produits qui se répliqueront automatiquement sur ceux-ci. Si nous sommes juste dans l'onglet Pages et nous cliquons sur ce Produits va nous ramener à nouveau à cet éditeur de type de blog similaire où nous pouvons ajouter plus de produits ou cliquer sur « Paramètres » et ajuster les paramètres de ce produit si nous en avons besoin. C' est juste un peu sur la façon dont vous pouvez travailler avec plus de produits et créer plus de produits à l'avenir. Maintenant, nous allons passer au commerce électronique, et plonger un peu plus loin dans ce domaine. Lorsque nous revenons à l'onglet Mise en route, nous remarquons que nous n'avons terminé qu'un sur quatre. Nous allons voir que nous devons créer une option d'expédition si nous voulons vendre des biens physiques. Encore une fois, pour l'instant, si je ne fais que vendre un produit numérique, je n'en ai pas vraiment besoin. Je peux frapper Skip si je veux. Mais si vous avez besoin d'expédier quelque chose, vous voulez cliquer sur ceci et entrer dans toutes vos informations d'expédition. Ensuite, troisièmement, si vous cliquez simplement sur cela, vous connecterez votre compte Stripe, et une fois que vous avez terminé les trois de ces opérations ou que vous avez appuyé sur Skip va vous donner cette option pour basculer le commutateur et passer en direct. Maintenant, une fois que vous êtes en direct, vous allez remarquer que cette page de commerce devient le hub et la maison de tout votre commerce sur votre site. Si je passe aux commandes, je peux venir ici et voir mes commandes en attente, terminées ou annulées. Je peux vraiment aller voir tout ça. Vous pouvez voir n'importe quelle activité de paiement, quels paiements ont réellement été effectués, quels remboursements, échecs ou retraits j'ai. Je peux voir l'inventaire. Donc, si j'ai un produit physique, je peux réellement définir l'inventaire afin de savoir combien de cela j' ai et je peux déduire de cela et configurer cela en cours de route. Eh bien, j'ai des dons et nous pouvons avoir une option de dons où les gens peuvent faire des dons. Est une autre chose que vous pouvez configurer avec votre boutique de commerce électronique afin que vous puissiez suivre cela aussi bien. Vous avez vos options d'expédition. Donc, si jamais vous avez besoin de travailler sur votre expédition ou de changer quoi que ce soit, vous pouvez le faire ici. Vous pouvez également connecter votre compte à la station d'expédition, qui est une autre application Web pour l'expédition de produits e-commerce. Si vous souhaitez vous connecter à la gare maritime, vous pouvez vous connecter ici. Encore une fois, c'est vraiment puissant si vous exploitez un magasin de commerce électronique. Coupons, vous pouvez définir des coupons ou créer tout ce que vous voulez. Vous pouvez définir des taxes et avoir des taxes différentes pour différents pays et tout. Vous pouvez donc définir des règles pour différentes zones ou régions. Vous pouvez regarder votre comptabilité et si vous le souhaitez, vous pouvez configurer avec Xero, qui est un logiciel de comptabilité populaire. Vous pouvez réellement connecter votre compte square space ici via Xero. Regardez ce qu'il a fait et je vais cliquer dessus. Vous pouvez également configurer vos paramètres de messagerie. Si quelqu'un reçoit un support client ou s'il reçoit un e-mail de votre part, par défaut, il viendra de noreply@squarespace.com. Mais peut-être que je veux qu'il vienne de jake@jake-jorgovan.com. Ainsi, vous pouvez commencer à travailler avec ceux-ci aussi. Ensuite, vous pouvez également être averti chaque fois que le stock de votre e-mail commence à courir bas. Vous pouvez venir ici et configurer et personnaliser vos e-mails également. Vous pouvez entrer ici et commencer à définir les textes individuels, la mise en page et le style de chacun de vos e-mails individuels. Encore une fois, des trucs très cool. C' est un peu plus complexe parce que nous entrons dans le code et certains de ces trucs, donc ce n'est pas aussi simple. Puisque c'est un site Web sans code, après tout, vous ne voulez probablement pas plonger dans cela. On va revenir au commerce. Encore une fois, vous avez quelques paramètres de magasin ici. Encore une fois, votre compte Stripe, dans quelle devise fonctionnent, vos mesures, vos numéros de commande, le paiement express, si vous voulez changer le schéma de couleurs plus foncées et claires. Mailchimp, tu peux te connecter avec ça ici. Vous pouvez avoir un formulaire de paiement personnalisé si vous le souhaitez et configurer votre politique de durée, vos conditions d'utilisation, votre politique de confidentialité, tout cela. Comme vous pouvez le voir, le commerce électronique, il y a beaucoup à cela. Mais encore une fois, il suffit de cliquer sur tous ces menus, travailler à travers ceux-ci et vous obtiendrez votre boutique en un rien de temps. C' est tout ce que je vais vraiment couvrir sur le commerce électronique. J' espère que cela vous donne un aperçu de base. Il y a évidemment beaucoup plus de profondeur, je ne peux pas y aller. Encore une fois, si la plate-forme Squarespace intégrée n'est pas assez robuste pour vous ou si vous avez besoin de fonctionnalités supplémentaires, jetez un oeil à Ecwid. C' est une très grande plate-forme, vraiment facile à intégrer et simplement intégrer dans Squarespace. Il va vous donner cette intégration PayPal et d'autres fonctionnalités qui peuvent être importantes pour vous en tant que propriétaire de magasin de commerce électronique. 43. Comment créer des pages de couverture: Dans cette vidéo, je vais vous expliquer ce que sont les pages de couverture et comment les utiliser. Donc, pour commencer, nous allons venir à la navigation principale et nous allons cliquer sur « Plus ». Nous allons créer une page de couverture et nous allons dire « Afficher la galerie ». Une fois ça fait, ça va nous emmener dans cet éditeur de page de couverture. Cela a l'air un peu différent de beaucoup d'autres choses sur Squarespace. Mais fondamentalement, ce qu'est une page de couverture, sont les simples sites Web d'une page. Ce scénariste, le script n'est que le début, voir le travail. C' est fondamentalement comme un site Web d'une page qui a été construit et est personnalisable. Donc, il n'y a pas beaucoup de fonctionnalités, il n'y a pas un éditeur de mise en page entier, mais cela vous permet de faire des choses vraiment cool. Vous remarquerez que si nous cliquons sur « Modifier la mise en page », nous avons en fait beaucoup de choses que nous pouvons choisir. Nous pouvons donc choisir tous ces types de pages de couverture qui ont ces différentes caractéristiques et qui les regardent, et choisir celui qui nous convient le mieux. Alors choisissons celui-ci ici, Debut. Nous allons sélectionner celui-ci et nous dirons, j'aime ça, ça marche, ce positionnement global et le style de celui-ci est quelque chose que j'aime. On va cliquer sur « Sauver ». Nous retournerons à la page de présentation de la galerie, et nous allons venir ici et nous allons changer la marque et le texte. Donc nous pouvons avoir un texte ou nous pouvons en faire un logo, si nous voulons télécharger un logo, ou nous pouvons dire Elisabeth Cairnes, ou nous allons juste dire E. Cairnes parce qu'il semble que c'est un peu long en ce moment pour le faire simple. Vous pouvez avoir ce titre ici, Présentation de la galerie à venir. Nous allons dire Denver Colorado, et vous remarquez que pendant que je fais ça, ce texte est en train de changer ici sur la page. Vous pouvez choisir si vous voulez que les icônes sociales soient là ou non. Une fois que nous avons cela, nous remarquons que nous avons fondamentalement changé notre Branding et Text de base. Revenez à Galerie Affichage et nous pouvons intégrer une vidéo si nous le voulons. Donc, c'est vraiment cool parce que c'est en fait une vidéo plein écran que nous avons ici. Si je viens ici, je remarque que je peux jouer et vraiment jouer une vidéo si je le veux, mais je n'ai pas de vidéo configuré dans ce moment, donc, ça ne marchera pas, mais c'est une fonctionnalité vraiment cool de cette page de couverture. Peut-être que ce n'est pas ce que nous voulons, alors, nous allons choisir une Imagerie, et nous viendrons ici et nous allons télécharger une image. Nous retournerons à ce tir de héros que nous avons et téléchargeons ça, et cela remplacera cette image qu'ils ont ici. Ensuite, une fois que cette image vidéo est téléchargée, vous remarquez que, tout l'arrière-plan change maintenant avec cette nouvelle image que nous avons. Nous appuyons sur « Enregistrer », revenons à la Galerie Affichage, et nous pouvons choisir les Actions, créer des boutons, des liens et des formulaires. Vous pouvez avoir des boutons, ou nous pouvons avoir une navigation avec une poignée d' options et de liens différents vers lesquels il peut aller, ou nous pouvons avoir des boutons et avoir un formulaire qui va avec cela, afin que nous puissions travailler et construire un formulaire dans ici où peut-être nous capturons des informations sur la galerie ou la RSVP. Donc, nous allons juste sauver cela et nous allons juste dire RSVP sur ce sujet, et nous pouvons changer le lien vers cairnes.com. Maintenant, nous avons ajouté ce petit lien RSVP et il fera un lien vers notre site Web afin que quelqu'un puisse RSVP pour l'événement. Nous économiserons, retournerons à la Galerie Afficher, et nous pouvons aussi venir ici et nous avons un petit éditeur de style miniature ici aussi. Donc, nous pouvons commencer à changer cela et en faire une police que nous aimons. Je vais faire Josef, et on peut commencer à travailler et éditer les styles. Encore une fois, l'éditeur de style va dépendre totalement de la page de couverture avec laquelle vous voulez travailler. Comme vous le voyez, nous venons de faire cette page de couverture vraiment cool, simple, agréable, et c'est très basique, quelque chose de très cool que nous pouvons simplement utiliser pour promouvoir un événement à venir ou une galerie. Encore une fois, il y en a une tonne, et beaucoup d'entre eux ont des caractéristiques différentes. Encore une fois, celui-ci est très simple, il se concentre juste autour de cet appel à l'action de base. Voyons voir. Celui-ci a une option d'intégration audio, de sorte que vous pouvez incorporer une piste si vous êtes un musicien. Celui-ci ici est un autre qui a une vidéo intégrée dans le modèle. Donc, il y a beaucoup de choses vraiment cool que vous pouvez faire avec ça et je vous encourage à juste jouer avec eux. C' est une nouvelle fonctionnalité vraiment cool qui est exclusive à Squarespace, mais c'est un moyen de faire une page vraiment cool juste se démarquer et de vraiment promouvoir quelque chose ou de mettre quelque chose à part. 44. Sur les pages de couverture: Donc je t'ai montré beaucoup de choses dans ce cours jusqu'à ce stade. Mais j'ai une autre fonctionnalité qui est vraiment cool que je sais que tu vas adorer. Il y a cette fonctionnalité dans Squarespace appelée Pages de Couverture. Les pages de couverture vous permettent de créer un site Web simple d'une page que vous pouvez utiliser pour promouvoir, disons, un événement à venir, un lancement de produit pour présenter une vidéo. Il y a beaucoup de façons différentes que vous pouvez l'utiliser, mais c'est une fonctionnalité vraiment cool, elle vient de sortir récemment sur Squarespace et c'est une que j' aime absolument et je sais que vous allez être excité quand vous le voyez. 45. À propos de cette section du cours: Donc, jusqu'à maintenant, je vous ai montré beaucoup de fonctionnalités et montré beaucoup de choses différentes dans Squarespace. Mais honnêtement, le site tel qu'il est en ce moment, il semble assez terrible. J' ai vraiment essayé de vous montrer des fonctionnalités et d'expliquer des choses à Squarespace. Eh bien, dans la seconde moitié de ce cours, ce que je vais faire est de parcourir et de concevoir un site Web du début à la fin. Je vais marcher à travers et expliquer la théorie derrière la façon dont j' aborde la construction de ces sites Web, puis je vais réellement enregistrer la vidéo de capture d'écran entière que je passe et faire chaque morceau de création du site Web et le lancer en direct. Donc je sais que regarder ce processus se produire en action, il va être précieux pour vous de voir un site entier construit à partir de zéro. 46. Comment créer une sitemap de sitemap et planifier votre site: Pour commencer, avant même d'entrer dans squarespace, je vais sauter dessus et utiliser cet outil appelé MindMeister dont j'ai parlé un peu plus tôt. Je vais utiliser cet outil pour créer un sitemap et vraiment planifier mon site squarespace. Vous pouvez simplement vous rendre à MindMeister, vous pouvez vous inscrire gratuitement, et vous pouvez faire trois cartes gratuitement. Une fois que vous vous connectez, je vais utiliser une carte d'esprit ici, et nous allons avoir un plan de site vierge de base. Je vais changer le nom de ce sitemap en ElisabethCaimes.com, et ce que je vais commencer à faire est essentiellement mon but est juste comprendre quelles sont les pages qui vont être sur ce site, et ce que je veux que quelqu'un fasse quand ils arrivent à chaque page ? Ce sont deux questions vraiment importantes à comprendre parce que beaucoup de fois, les gens auront des pages sur leur site Web et il n'y a aucun but pour eux. n'y a pas d'appel à l'action ou quoi que ce soit qu'ils veulent faire. Notre plan est d'essayer de planifier cela et de le faire comprendre à l'avant. Pour ajouter cela, je vais d'abord cliquer ici sur juste le petit hub central. Viens ici et frappe un plus ici. Je vais sauver ici, nous allons avoir une page d'accueil. Je vais revenir ici et j'en ajouterai un autre. Ajouter une page À propos. Je vais en avoir une autre pour une page de contact, puis j'aurai une page de photos. Je n'aime pas que ça soit tout le chemin là-bas, donc je vais le tirer et le déposer ici. Comme vous pouvez le voir, ce sera un site assez basique. C' est tout ce dont j'ai vraiment besoin pour ça maintenant. Mais la question se pose alors en deux quel est le but de cette page ? Qu' est-ce que je veux que quelqu'un fasse sur cette page ? Vous voulez répondre à cette question pour chacune des différentes pages que vous traversez. Dans le but de la Page d'accueil pour attirer l'attention et demander à quelqu'un de cliquer sur une autre page. Ici, nous avons le but de la page d'accueil, et encore une fois, je suppose que voulons-nous faire ? Cliquez pour regarder les photos. Encore une fois, nous ferons la même chose sur l'autre. But de la page À propos. Le vrai but de cette page est assez simple, mais c'est de donner au spectateur des informations sur Elisabeth, et que voulons-nous faire ? Quelqu' un pour le faire dans cette page ? Eh bien, on va leur donner deux options ici. Quand quelqu'un va à ça, peut-être qu'ils ont fait les photos en premier ou peut-être qu'ils ne l'ont pas fait. Nous voulons que quelqu'un ait la possibilité de cliquer pour regarder des photos. Ou nous voulons que quelqu'un clique pour contacter. La page Photos, le but. Affichez les photos de manière propre et professionnelle, et que dois-je faire ? Eh bien, sur cette page, nous voulons qu'ils regardent les photos parce qu'il dit une partie centrale du site, et nous voulons qu'ils cliquent également sur ou contacter, puis dernier, le but de la page de contact. Donnez aux propriétaires de galeries ou aux visiteurs une chance de contacter, et que voulons-nous qu'ils fassent ? Nous voulons qu'ils remplissent simplement le formulaire de contact. Assez simple, mais beaucoup de gens vont sauter sur cet exercice et vous n'avez pas à le faire dans MindMeister, vous pouvez le faire sur papier aussi bien si vous le souhaitez. Mais cet exercice aide vraiment à planifier votre site à l'avance. Pour un petit site comme celui-ci, cela peut ne pas sembler aussi important. Mais quand vous arrivez à un très grand site, ces cartes mentales peuvent être de gros sitemaps massifs et tout, et plus votre site devient plus facile il est de perdre de vue le but, et soudain vous avez juste des tonnes de juste petits widgets et tout ou appels à l'action, tout votre site pour toutes les choses différentes. En étant clair sur le but de chaque page et ce que vous voulez que quelqu'un fasse, cela va vraiment aider votre site à se réunir et à avoir un bien meilleur flux. 47. Créer le cadre du site: Une fois que nous avons créé un sitemap, nous allons aller de l'avant et nous allons passer à Squarespace, et nous allons essentiellement mettre en page ce sitemap dans Squarespace. Encore une fois, je vais juste supprimer tout ce que j'ai joué ici pour que nous n'ayons pas un tas de trucs en excès. Je vais juste me débarrasser de toutes ces choses, parce qu'on n'en a pas vraiment besoin. Maintenant, nous avons essentiellement cette page d'accueil. Si nous revenons sur le plan du site, nous aurons le Accueil ou Bienvenue, le À propos, Photos et Contact. Nous allons créer la page Photos, nous allons créer la page À propos et nous allons créer une page Contact. Nous voilà, nous avons nos quatre pages de base, et si vous vous souvenez de la galerie que je vous ai montrée tout à l'heure, comment nous allons mettre en place une galerie dans la section non liée. Nous allons aller de l'avant et le faire dès maintenant afin que nous puissions simplement télécharger nos photos et ensuite nous pouvons les utiliser partout où nous le voulons sur tout le site. J' ai créé cette galerie, et je vais aller de l'avant et télécharger une poignée de photos. Venez ici, allez-y et téléchargez tous ces que j'ai maintenant compressé pour le web. Encore une fois, chaque fois que vous avez une photo, vous remarquez qu'il s'agit d'environ 271 kilo-octets pour une photo. C' est probablement une bonne taille, environ entre 100 et 500 kilo-octets est une bonne taille. Mais si vous voyez vos tailles de fichier dans les mégaoctets, alors vous voulez commencer à chercher un moyen de les compresser. Vous pouvez le faire via Photoshop, vous pouvez le faire via Preview sur Mac, ou il ya une poignée de juste chercher comment compresser des images sur Google, et vous trouverez une poignée d'outils là-bas. Je vais prendre ces images que nous avons choisies pour utiliser sur le site. Je vais juste faire glisser et déposer ceux-ci ici, et laisser tout cela aller de l'avant et télécharger. Encore une fois, en mettant tous ces éléments dans une galerie non liée, je peux alors essentiellement les référencer n'importe où sur le site et de cette façon si je veux les utiliser à un endroit différent sur le site ou quoi que ce soit, je peux le faire aussi, chose si très pratique que vous pouvez faire là. Nous pouvons aussi les réorganiser, j'aime cette image, mais ce n'est probablement pas mon préféré. Nous allons faire défiler vers le bas et nous allons commencer à les réorganiser dans un ordre différent. Choisir une commande qui correspond au goût et comment l'ordre dans lequel nous voulons qu'ils soient présentés. Personnellement, ce camion est mon préféré, donc je vais laisser tomber ça. Nous allons juste les réarranger un peu et les mettre dans l'ordre que nous voulons. Maintenant, il semble que tous ont téléchargé et traité. Nous allons revenir aux pages, et nous venons de créer essentiellement toutes les pages dans le contenu de base d'un site. 48. Comment créer une page de photographie: La prochaine chose que je vais faire, maintenant que nous avons téléchargé notre galerie, c'est que je vais sortir cette galerie sur notre page Photos. La première chose que vous remarquerez est que nous avons toujours une barre latérale sur notre Galerie et nous ne voulons pas cela. Donc, je vais venir aux Paramètres sur la page Photos et mettre cette page à pleine largeur. De cette façon, nous n'avons pas à nous soucier d'aucune barre latérale. Je vais cliquer sur Enregistrer. Une autre chose pratique à remarquer est cette remarque qu'il n'y a pas d'en-tête là-dessus. Mettons un texte ici. Mais maintenant, il n'y a pas d'en-tête sur cette page. Si je télécharge une image, nous verrons un en-tête apparaître ici. Dites que je télécharge cette photo ici. Nous allons remarquer que l'en-tête apparaîtra alors. Je vais juste télécharger ça, pour vous montrer les gars, je vais cliquer sur Enregistrer. Soudain, parce qu'on a mis une photo ici, on a cette énorme bannière ici. Encore une fois, sur cette page, nous ne voulons pas que cette bannière je vais juste aller de l'avant et supprimer cela parce que je préférerais juste me concentrer sur la galerie de photos dans son ensemble. On va mettre des photos ici et je dirai « Photographie ». Ça semble un peu plus professionnel. Nous allons vraiment centrer cela, mettre cela juste au milieu et je vais modifier le contenu de cette page à nouveau. Désolé, je continue d'aller et de retour avec l'épargne. Maintenant, il est toujours bon d'économiser beaucoup parce que, encore une fois, si vous perdez la connexion Internet ou que quelque chose se passe mal, ce n'est pas une bonne chose. Alors économisez souvent. Je vais ajouter un petit bloc ci-dessous où il est dit Photographie et Galerie. C' est ridicule, mais Squarespace a mis à jour l'interface utilisateur entre, littéralement, hier, quand j'ai enregistré le reste de ces vidéos vous montrant comment faire ça avec le bloc Galerie. Maintenant, ils les ont mis en place et à leur manière. Un peu fou comment ça s'est passé. On va essayer quelques-unes d'entre elles. On va essayer de voir ce qu'on aime. On va commencer par le mur. C' était les colonnes auto. Je vais venir ici, et je ne veux pas que ces métadonnées soient là, plutôt les voir comme des images. Débarrassez-vous de cette miniature. Nous avons besoin de la vignette, mais ce sont nos photos. Nous ne mettrons pas de limite à cela juste au cas où nous téléchargerons plus. Je vais venir ici à Layout et regarder cela, c'est toujours similaire, mais maintenant ils ont juste changé cette navigation de la façon dont vous y arrivez. On va changer la largeur de la gouttière, rendre un peu plus petite. Il faut un peu à charger. Nous allons rendre nos colonnes un peu plus larges donc nous avons deux colonnes de large. Nous allons sauver et voir comment nous aimons ça. N' aime pas comment ils ne sont pas parfaitement alignés. Mais encore une fois, une autre petite chose pratique, juste pour que vous sachiez, nous avons ce bloc de galerie juste ici. En fin de compte, ces fonctions et le fonctionnement de ces colonnes automatiques dépendront largement de l'ordre des images. Vous remarquez comment j'ai quatre horizontaux. Eh bien, si je tire une de ces images verticales pour dire le haut, alors ça va changer complètement l'apparence de cette galerie. Encore une fois, je viens ici à la galerie, allons amener ce type ici. Maintenant, nous avons un horizontal et un vertical. Cela devrait totalement changer la façon dont cette totalité des colonnes automatiques ressemble et s'alignent. Encore une fois, si nous venons ici maintenant, nous voyons que c'est un peu plus décalé, a vraiment changé l'apparence de l'ensemble. On n'a plus ces incohérences gênantes. Je pense que c'est bon pour l'instant. Je pense que cela fait du bon travail de le montrer. Nous allons entrer ici et il semble que nous avons Lightbox allumé, ce qui est bon, je voulais ajouter Lightbox. Il semble que nous ayons mis en place une galerie simple mais nous voulons revenir à notre page. Encore une fois, que voulons-nous que quelqu'un fasse sur notre page Photos ? Eh bien, nous voulons afficher les photos d'une manière propre et professionnelle. Nous en avons fini avec ça. Quelqu'un peut regarder les photos et même Lightbox les. Ensuite, nous voulons leur donner la possibilité d'en apprendre davantage sur Elizabeth ou de la contacter. Donc, je vais faire défiler vers le bas ici et ajouter le contenu de la page. Nous allons avoir du texte le plus simple ici. Il est écrit : « Apprenez-en plus sur Elisabeth. » On va laisser ça ici. En fait, tu sais quoi ? On va en faire un bouton. Je pense qu'un b