Crie seu site de portfólio usando o Squarespace 7. 1 (para criativos)

1. Introdução do VO: Você se sente sobrecarregado quando pensa em criar seu próprio site de portfólio, além de um milhão de outras coisas que você já está fazendo como empreendedor criativo? Bem, eu estive lá e entendo perfeitamente como pode ser assustador lançar seu site sozinho quando você não tem nenhuma experiência ruim em web design. Olá, sou artista e designer de superfícies da Índia. Eu vendo minha arte em vários produtos, como tecidos, papel de parede, acessórios e outros produtos de estilo de vida. Nesta aula do Skillshare, mostrarei como você pode criar seu próprio site de portfólio usando o Squarespace Seven, 0.1. Se você é um artista, designer de superfície, ilustrador ou qualquer outro criativo que não tenha nenhuma experiência anterior em web design. Sou artista desde criança, mas era mais um hobby para mim. E quando você deixa de ser um amador para se tornar um artista profissional, você precisa de um lugar onde possa mostrar sua arte e construir uma comunidade. Então, quando comecei a criar meu próprio site de portfólio, tive que colocar tudo de várias fontes diferentes. Portanto, nesta aula, tornarei essa tarefa gigantesca muito fácil para você, mostrando um método passo a passo de criar seu próprio site de portfólio sem usar nenhum tipo de revestimento. Esta aula foi totalmente projetada para iniciantes e você não precisa ter nenhuma experiência anterior em web design para fazer essa aula. Esta não é uma aula avançada de web design, portanto, a baixa codificação estará envolvida. Você pode se inscrever na versão gratuita do Squarespace 7.1 e passar esse período de teste para ver se gosta ou não. Nesta aula, você aprenderá como planejar antes de começar a criar seu site, como criar seu site de forma simples e inteligente. Algumas noções básicas de SEO, otimização de mecanismos de pesquisa, como publicar seu site e uma aula bônus em que como publicar seu site mostrarei como criar um link na página de destino da biografia para o Instagram. Então você está pronto para me acompanhar? E dentro de alguns dias, seu site estará pronto para ser publicado. Eu posso esperar para ver como você cria seu lindo site. Temos muito a cobrir, então vamos começar. 2. Seu projeto do curso: O projeto de classe que você precisa para criar e publicar seu site. Em seguida, você pode fazer capturas de tela de páginas diferentes e fazer o upload do apex para a seção de projetos e recursos. Ou faça upload de capturas de tela de uma a duas páginas. Se você decidir não publicar seu site imediatamente. Você pode compartilhar o link da URL para sua etapa publicada, digamos que você tenha criado nesta classe. Começar com algo novo é a parte mais difícil. Então, eu encorajaria você a não se abrir e começar com isso. Compartilhe na galeria do projeto para que eu e seus colegas críticos possamos encorajá-lo e dar feedback. 3. Como planejar antes de criar: Bem-vindo à aula. Agora, antes de começarmos a realmente projetar o site, sugiro planejá-lo primeiro e tornar esse processo de planejamento ainda mais fácil para você. Eu forneci a você um download da lista de verificação em PDF na seção de projetos e recursos. Baixe o guia em PDF e comece com o planejamento. E aproveite seu tempo com isso. Pense em qual nome de marca, lago ODU ou nome de domínio e veja de antemão se ele está disponível ou não. Por mais produtivo que possa parecer. Você precisa pensar no seu cliente ideal ou público ideal para quem você está criando este site? É um diretor de arte que gostaria de licenciar sua arte? Ou é um entusiasta da arte que gosta de comprar sua arte? Ou você o está projetando para outros criativos que gostam de aprender com você? Pense também em quem você gostaria de fazer uma pesquisa ou não? E que tipo de cores eu gostaria de ter em seu site. Esses Squarespace oferecem alguns temas básicos de cores, mas você também pode ter as cores da sua própria marca, se quiser. Não pense demais nisso, porque você sempre pode mudar isso mais tarde. Mas pelo menos você precisa ter uma ideia clara de como você quer que seu site se pareça. Existem ótimos recursos disponíveis on-line para criar uma paleta de cores personalizada, como a roda de cores e os resfriadores da Adobe. Eu fornecerei todos os links na descrição. Além disso, pense no que as empresas gostariam de usar. Agora, eu uso o Canva, que é uma plataforma de design gráfico para criar minhas miniaturas para o meu site. Eu escolho uma fonte, que também está disponível no Canvas. Você pode fazer isso, mas lembre-se de mantê-lo limitado a duas a três fontes. Para essa classe, você pode usar um script serif e sans serif e um script sensível para facilitar o processo. Da mesma forma, faça um layout aproximado do que as páginas realmente querem ter em seu site. Não pense demais nisso, apenas faça um planejamento aproximado. Você também pode assistir às aulas do Skillshare sobre branding para saber mais sobre isso, para que esse processo se torne ainda mais fácil para você. Lembre-se também de manter todas as suas imagens na Lowe's está Alicia, ou seja, 72 DPI. Salve-o como JPEG ou PNG se quiser um fundo transparente. Além disso, mantenha todos os seus links de mídia social pois eles são links nítidos prontos para serem usados. Por isso, sugiro baixar a lista de verificação e planejar um pouco antes de se inscrever no Squarespace. que dentro disso, para mim, nesse período de seca, você tenha tudo pronto. Se você gosta ou não. Se você quiser continuar com o Squarespace ou não, é melhor ter tudo pronto antes. A próxima aula em que começaremos a usar o Squarespace. 4. Como começar com o Squarespace 7.1: Bem vindo de volta. Vamos ver como podemos trabalhar com questionários. Ok, então vamos começar acessando squarespace.com. E aqui vamos até o final e clicaremos em preços. Agora, aqui você encontra quatro tipos de opções de preços. Você pode optar pelo plano pessoal se quiser, o plano de negócios. E alguns propósitos únicos são abrir uma loja ou loja com o Squarespace, então eu recomendaria optar pelo plano de comércio eletrônico ou de comércio avançado. Aceitou todas essas opções e os benefícios disponíveis com as opções específicas. Você pode escolher de acordo com sua conveniência e o que for mais benéfico para você. E os planos de negócios também vêm com o espaço de trabalho do Google. Então você pode conferir. Você também pode ver o preço acordo com o pagamento mensal ou anual e escolher o que for mais econômico para você. Então, eu escolho o Squarespace porque você obtém o domínio e hospedagem diretamente no Squarespace. E também fornece ferramentas de SEO, análises e mapeamentos de URL integrados . Entre outras coisas. É muito fácil de usar e facilmente personalizável, mesmo para alguém que tem 0 experiência em web design, como eu. Ele é otimizado para todos os tipos de dispositivos. E você também obtém esses lindos modelos que você pode personalizar facilmente. Portanto, é importante para mim ser criativo. Basta se inscrever para o teste gratuito e ver se você gosta ou não. Agora, se você clicar em Login aqui, poderá continuar com o Google ou criar uma nova conta. Então, para fazer isso, clicaremos em Criar conta no canto superior direito. Aqui também, você pode continuar com o Google ou continuar com o e-mail. Então, vou continuar com o e-mail. E eu vou, vou preencher rapidamente todos os detalhes. Agora, se você clicar em Continuar, você será direcionado para a página de configuração de inscrição. E aqui você pode clicar no Painel da Conta para esta página, onde você obterá todos os controles. Agora, aqui você pode clicar em Enviar verificação e receberá um e-mail do Squarespace em seu ID de e-mail, que deverá ser verificado. Então você pode voltar para esta página. Agora, se você clicar em Configurações da conta no perfil, poderá alterar sua foto do perfil ou seu nome de exibição. E se você clicar em contas e segurança aqui, sugiro ativar a autenticação de dois fatores. Você também pode configurar as etapas de recuperação da sua conta clicando aqui. Se você clicar na notificação, poderá optar por ser notificado do Squarespace ou não ativando e desativando essa opção. Aqui. Se você acessar o idioma, poderá alterar o idioma do seu site. Agora, se você clicar em Ajuda, você será direcionado ao centro de ajuda, onde você terá todas as suas perguntas respondidas. Você pode navegar por produtos. Existem muitos artigos. Também existem vídeos que você pode conferir ou, se alguma vez, enfrentar algum tipo de problema. Então você tem tudo nesta página. Você pode marcar esta página como favorita para referência futura. Isso é adequado para o seu procedimento de inscrição. Então, vamos nos encontrar na próxima aula. Nos vemos na próxima aula. Vamos escolher um modelo. 5. Como escolher um modelo: Bem-vindo de volta à aula. Agora que você criou uma conta, vamos escolher um modelo que usaremos para criar um site. Então, vamos clicar em Criar site. E aqui o que faremos é que já existem muitos tipos disponíveis aqui. Se você quiser uma categoria específica de modelos, basta clicar aqui e ela mostrará muitos modelos. Mas, nesta aula, mostrarei como criar um site de portfólio. Então, vou clicar no portfólio. E vamos apenas verificar todas as opções que estão disponíveis. Se você clicar nessa prévia, ela mostrará a aparência real do site e você poderá rolar e ver sua aparência. Agora você também pode conferir como fica na guia do celular. Então, você pode conferir todas essas coisas para escolher um modelo para criar nosso site de portfólio. Especificamente, eu sugeriria escolher algo assim, talvez ou talvez algo assim , em que tenha uma visualização em miniatura na página inicial. Mas não existe uma regra rígida porque você sempre pode personalizar um modelo ao seu gosto. Como você quiser. Você pode simplesmente clicar nessa prévia e ver como ficou a aparência que eu mostrei antes. Para esta aula. Particularmente, vou escolher esse modelo Nevins por causa de sua simplicidade. E, como eu disse, é totalmente personalizável. Então, vamos ver como fica. Vamos para a próxima vista superior. Você vê como é simples. Acho que escolhi isso. E também já temos uma seção de blog, que mostrarei como você pode adicionar. E usaremos esse design. Então, clicaremos em Começar com este design. Isso o levará ao back-end de seus controles do site. Aqui você pode alterar o título do site se quiser clicar em Continuar. Aqui, ele mostrará uma prévia de como você pode editar as páginas e tudo o que abordarei em detalhes nas próximas lições. Portanto, não se preocupe com isso. Você pode simplesmente clicar em começar. Nos vemos na próxima lição, onde mostrarei quais são todas essas configurações. 6. Visão geral das configurações do Squarespace: Bem vindo de volta. Vamos analisar essas configurações. Uma coisa que eu gostaria de dizer é que, se você quiser voltar para a página do painel, basta clicar nesse logotipo do Squarespace e ele o levará à página do painel. Agora, aqui, se você clicar no site, poderá voltar aos controles da página de configurações do seu site. Aqui, como você pode ver, existem diferentes opções fornecidas aqui. Agora, vamos analisar tudo isso rapidamente para que você se sinta um pouco familiar ao usá-los para personalizar seu site. Então, se clicarmos nas páginas, levaremos você a esta página aqui e aqui você poderá ver a navegação principal. O que quer que você adicione aqui, ele será exibido na sua página principal ou na sua navegação. Na seção não vinculada, tudo o que você adicionar aqui, ele estará ativo, mas não será exibido na sua página de qualquer maneira. Mostrarei como você pode adicionar todas essas páginas nas próximas aulas. Se você clicar no design, é aqui que você pode controlar todas as suas cores, fontes, animações, botões de espaçamento, blocos de imagem e muitas outras coisas. Se você clicar no ícone do navegador, agora verá um pequeno cubo preto aqui. Este é o ícone do navegador ou o tecido. E eu vou te mostrar como você pode adicionar seu próprio favicon na próxima aula. Se você clicar na tela de bloqueio, se tiver uma página protegida por senha, é aqui que você poderá personalizar sua tela de bloqueio. Então, a página de checkout é importante: se você tem uma loja em seu site, a foto das páginas, se você tiver algum link quebrado, então você precisa ter uma foto por página, são a página 404 para que você pode direcionar seus clientes ou visualizadores do seu site. Algumas páginas relevantes. A próxima tela é negada não entrará nisso. E o ambiente social é que você sente que você clica nele. Você pode adicionar um logotipo social, o que quer que você compartilhe do seu site, você pode ter um logotipo para ele. Aqui. No CSS personalizado, é onde você pode adicionar suas codificações, quais não abordaremos porque essa é uma nova classe de codificação. Tudo isso gira em torno de seus designs. Agora, se você clicar na loja online, mostrarei todas essas configurações na próxima lição, onde adicionaremos uma loja ao nosso site. Você clica em marketing. É aqui que você pode fazer as campanhas de e-mail. Se você tiver uma lista de e-mails por meio do Squarespace, poderá usar suas campanhas de e-mail. Depois, há os perfis. E o SEO é onde você pode fazer alguma outra otimização para sua página. Veremos isso na próxima lição. Gerenciamento de localização. Você pode adicionar sua localização aqui. Depois, há barras de anúncios promocionais pop-up e muitas outras opções de promoção que também não entrarão no xi dueling. E as análises são onde você verá as análises da sua loja e também as análises do seu site. Abordaremos um pouco disso na próxima lição. Em seguida, os perfis são onde você verá seus assinantes, clientes e outras coisas. Em seguida, nas configurações, você terá opções mais avançadas. Dentro da disponibilidade, você pode publicar seu site aqui, eu vou te mostrar como. Então, na área de membros, como você pode ver, isso é um mm-hm. Planeje porque onde quer que você veja essa seta, isso significa que é um plano de pagamento. Portanto, se você tiver um plano de negócios ou evocar, poderá usá-lo. Se você é membro em idioma, idioma e motivos, você pode usar o idioma do seu site e fazer as configurações originais aqui. Depois, há informações comerciais quais você pode adicionar seu número de telefone de contato, seu contato masculino e sua localização física. Nos links sociais, você pode conectar todas as suas mídias sociais, como aqui você vê na navegação. Todos esses ícones, você pode vinculá-los diretamente à sua página de mídia social aqui. Então, se você acessar contas conectadas aqui, também poderá conectar seu Facebook, Pinterest e outras coisas ao seu site, que serão exibidas na sua página inicial. Esta extensão e permissão aqui, você pode transferir a propriedade do seu site para outra pessoa, não entrarão nisso. Em domínios. Você pode obter um domínio que seja o domínio do comprador ou usar um domínio se já tiver comprado o seu. Se você clicar no domínio de dados aqui, poderá adicionar seu nome ou nome comercial e ele mostrará muitas opções disponíveis. Você pode simplesmente clicar em qualquer um deles e comprá-lo no próprio Squarespace. Depois, há o Google Workspace. Acho que você entenderá que isso funciona melhor com o plano de negócios. Há o faturamento, que é uma fatura com informações de pagamento de assinatura. Depois, há a barra de informações móveis, que é um recurso premium, então não vamos entrar nisso. E os cookies e os dados do VIsta, mostrarei como criar um banner de cookie. Isso é importante e há blogs em que podemos fazer uma personalização mais avançada da página do nosso blog. E o avançado, onde podemos adicionar nosso próprio código, se eles quiserem. Mas não abordaremos nada disso porque essa é uma classe sem codificação. Então, sim, isso é tudo sobre as configurações do Squarespace. Agora, vamos nos encontrar na próxima aula. A próxima aula, onde começaremos com a criação do nosso site adicionando. 7. L7 VO: Antes de começarmos a criar as páginas do seu site, quero fornecer informações atualizadas sobre o recente lançamento do Squarespace, pois isso mudará a forma como costumamos editar no Squarespace. Então, nesta aula, mostrei como editar usando o editor clássico, que ainda recomendo para o negócio. E agora a squarespace lançou o motor fluido para a versão 7.1, que sem dúvida oferece muita flexibilidade e liberdade criativa aos designers. Mas isso pode ser um pouco cansativo para iniciantes. Mas quero que você conheça as duas opções e escolha a que quiser usar. Se você me acompanhar. Você pode usar o editor clássico que mostrei nas próximas lições e, posteriormente, você pode atualizar para o editor do motor de fluidos, se quiser. Então, para o meu site também e ainda no editor clássico, eu ainda não o atualizei. Mas se você passar o mouse por aqui, receberá essa opção de upgrade. Se você usar o editor clássico, você também terá essa opção em seu site, basta clicar em Atualizar e atualizar para o motor de fluido. Mas uma vez que você o salva, ele é permanente. Você não pode então voltar ao editor clássico. Então, eu sugiro que primeiro se acostume com o editor clássico. Depois, você pode duplicar uma página e ver como o motor de fluido funciona. E então você pode atualizá-lo se quiser. Agora, se você acessar as páginas e quiser adicionar uma nova página, você precisa clicar em Mais. Agora, não se preocupe com tudo isso. Eu abordarei tudo em detalhes nas próximas aulas. Então, se você clicar em Layout da página, obterá esses modelos que você pode escolher adicionar à sua página. Agora, se você quiser ir, esses são os modelos de motores fluidos. Se quiser acessar o editor clássico, você verá essa opção aqui na parte inferior. O livro. Eles usam apenas o novo editor Fluid Engine. E se você quiser usar o editor clássico, você pode clicar aqui. Então, aqui você também terá todas essas opções. Agora, embora esses modelos possam parecer muito semelhantes , a edição seria diferente. Se você quiser me acompanhar, você pode escolher essa opção e acessar esta página. A partir daqui. Você pode usar o layout que quiser e continuar com a aula. Mas se você quiser usar o motor de fluido, mostrarei como você pode fazer isso. Então, vamos primeiro voltar aqui. Vamos adicionar uma página. Talvez. Vamos ver. Vamos adicionar uma página simples. Vamos adicionar essa página. Agora, não estou mostrando a personalização ou o SCO desta página porque vou mostrá-la nas próximas aulas. Se você clicar em Editar e no editor clássico, o que acontece é que você também tem essa seção Adicionar no editor clássico. Então, se você clicar na seção Adicionar e adicionar algo à nossa edição clássica que eu possa mostrar as duas. E vou apenas adicionar isso. A seção dois é um editor clássico. Agora, essa é a edição clássica. Como você pode ver, a opção de atualização está aparecendo. Isso significa que estamos na edição clássica. A principal diferença é que você não pode mover esses blocos para onde quiser. Seja qual for o layout que você escolher. Se você quiser adicionar algum espaço ou se quiser se mover para esse lado, clique em mais e, em seguida, clique no espaçador. E esse espaçador, você pode arrastar e soltar para movê-lo em direção ao mesmo e talvez abrir espaço entre essas duas seções, o que quiser. Mas se chegarmos a essa seção que adicionamos anteriormente, agora esse é o motor de fluido. Como sabemos que, se você clicar e mover isso, poderá mover qualquer coisa para qualquer lugar nesta página. Você verá que essas caixas são grade por trás desse bloco de texto. Então essa é a principal diferença entre o editor clássico e o fluido e J. Agora, se você quiser, se quiser tornar a grade visível, então você tem que pressionar G no teclado. Para torná-lo visível. Esta grade permitirá que você coloque todos os blocos de conteúdo corretamente para adicionar qualquer nova seção ou qualquer bloco neste editor clássico, você precisa clicar nessa classe. Mas aqui você precisa clicar em Adicionar bloco. Digamos que você queira adicionar um bloco de imagem. Então, um gráfico de imagem é adicionado. E agora você pode beber esse bloco para inovar. Digamos que esta seja sua prancheta. Então, todo o seu conteúdo é bloqueado. E você pode movê-lo para qualquer lugar aqui. Agora, se você clicar em Editar, poderá adicionar a imagem. Então, agora, como você pode ver, a imagem foi adicionada. E se você clicar nele, poderá aumentá-lo ou diminuí-lo. Você pode simplesmente arrastá-lo e colocá-lo em qualquer lugar que quiser, mas isso não é possível. E o editor clássico. E outra coisa, se você clicar nessa opção Editar imagem, poderá editá-las. Design desta imagem também, você pode clicar em Ajustar. Se você quiser mudar a proporção. E digamos que você queira esse bloco de texto acima dessa imagem. Você também pode fazer isso. Então, para fazer isso, você clica no texto obtém essa opção de edição. Agora, aqui você pode adicionar um plano de fundo ao texto, se quiser. E você pode fazer outras mudanças. Você pode torná-lo menor ou maior arrastando-o manualmente. E você também pode alterar o alinhamento do áudio. Basta arrastar os cantos e fazer você mesmo manualmente clicando. Então, se você clicar no texto, e aqui você vê, siga em frente. Se você clicar em avançar, ele virá para a frente. Agora, digamos que queremos essa imagem acima desse texto. Clicamos nessa imagem e chegaremos a ela por acaso, fomos pegos. É assim que você pode organizar todas as camadas como quiser, o que antes não era possível. Agora você pode aumentar o tamanho dessa grade também arrastando esse símbolo abaixo, acima, o que aumentará ou diminuirá as linhas na grade. Você também pode fazer isso clicando nesta seção de edição. Aqui você pode aumentar a contagem de linhas ou diminuí-la. Você também pode remover os espaços entre a grade, se quiser. Ou você pode clicar nesses três pontos e fazer isso manualmente. Aqui também, você obtém todas essas opções de altura, alinhamento e tudo mais. Agora, essas opções também estão disponíveis no editor clássico, mas de uma forma diferente. Mas lembre-se de que algumas das coisas que não mudaram no Fluid Engine, como os layouts da galeria e os layouts da lista, não mudaram. Portanto, é o mesmo que vemos no editor de edição clássico que veremos nas próximas lições. Agora, outra coisa a ter em mente também é que, se você estiver usando o motor de fluido, sempre verifique a visualização móvel pois quaisquer alterações que você fizer na próxima versão podem não ocorrer é que, se você estiver usando o motor de fluido, sempre verifique a visualização móvel, pois quaisquer alterações que você fizer na próxima versão podem não ocorrer. dispostos adequadamente na visão móvel. Mas também oferece a flexibilidade de mudar tudo na visualização móvel. Você pode ter um layout completamente diferente para sua visualização móvel. E é um layout completamente diferente para a visualização da sua área de trabalho. Mas você tem que manter isso em mente. Anteriormente, no editor clássico, tudo estava sendo organizado muito bem para a visualização móvel. Mas então você não tinha essa liberdade criativa que o motor bruto mantém você ligado. Portanto, no momento da gravação deste vídeo, ainda não há nenhuma personalização disponível para a visualização do tablet e, também, para os leitores de tela os blocos aparecerão na ordem que foram adicionados ao página. Portanto, esteja atento a isso. Além disso, acho que esse é um avanço muito bom do Squarespace, que oferece muita flexibilidade e liberdade criativa para alterar ou criar sua página. Mas então use o que for conveniente para você. Se você quiser simplificar, basta usar o editor clássico e depois atualizá-lo para o motor de fluidos. Também gostaria de mencionar que ainda faltam algumas coisas no motor de fluidos, como os layouts de blocos de imagem e a animação, que espero que o Squarespace resolva em breve. Mas, por enquanto, não é uma opção com motor fluido. Então, tudo isso era sobre motor fluido. Perguntas sobre o Launchpad. 8. Como adicionar uma página inicial: Bem vindo de volta. Vamos ver. Como eu faço? Agora, vamos começar adicionando uma página inicial. Então, para fazer isso, vamos clicar em Páginas. Agora, aqui está uma página. Algumas páginas já foram adicionadas. Você pode personalizar esta página já disponível. Clique neste sinal de mais. E então você pode escolher entre diferentes opções aqui. Mas você também pode clicar em uma página em branco, se quiser personalizar tudo sozinho. Mas se você é um iniciante completo, eu diria que clique em Layout da página. Aqui, você terá muitas outras opções. Agora você pode explorar todas essas opções aqui, mas vamos clicar na galeria e eu escolho uma aqui. Vamos escolher a luta na galeria. Agora você verá aqui, vamos chamá-lo de casa. Agora, ao passar o mouse sobre esta página, você verá uma opção de exclusão aqui e verá uma configuração aqui. Então, vamos clicar nessas configurações. E aqui você pode personalizar sua página. Então, agora vamos manter a página. Aqui. Você pode duplicar a página e defini-la como página inicial. Digamos que você tenha uma página diferente e queira definir essa página como a página inicial poder ir até essa configuração e definir esse salário como página inicial. Você também pode excluir a página aqui. Agora vamos até um CEO. Agora, o mais importante é dar um título ao SEO e uma porta de descrição permanece opcional, mas eu sugiro que você personalize isso para cada página porque é assim que funciona. Os mecanismos de pesquisa encontrarão suas páginas. Então, vamos dar um título à sua página inicial. Portanto, ocultaremos esta página dos resultados da pesquisa, não faremos isso. Mas eu vou te mostrar onde você precisa escondê-lo das pesquisas e faremos isso mais tarde. Mas, por enquanto, vamos continuar assim. E na imagem social. Se quiser personalizar cada página com uma imagem diferente, você pode fazer isso aqui. Mas se você quiser uma imagem generalizada ou única para cada página, você pode fazer isso. Nesta opção de compartilhamento social. Vou te mostrar onde. Por enquanto. Você pode simplesmente adicionar qualquer coisa se quiser avançar. Nós não precisamos disso. Se alguma injeção de código for necessária, você poderá fazer isso aqui. Então, para conceber, sempre clique em Salvar. Então, agora vamos editar nossa página. Então, vamos clicar nele. E aqui, como você pode ver, há três seções aqui. Ao passar o mouse sobre qualquer seção, você encontrará esse botão Adicionar seção. Ao clicar nele, você terá outras opções, como adicionar mais imagens ou adicionar uma seção de texto ou até mesmo adicionar uma página em branco, se quiser. Agora, para editar esta seção, precisamos clicar nesta seção Editar. Quando você passa o mouse sobre cada um deles, se eu mostrar o que ele faz. Isso duplicará esta seção. Isso o excluirá e o moverá para baixo. Se você clicar em mover para baixo , a seção será removida. E você pode clicar novamente aqui para movê-lo para cima. E se você clicar na seção de edição aqui, verá que a grade está ativada agora. Simples. Se você clicar nas tiras, assim que elas aparecerão. Você também pode clicar no meu slide azul Sundry. Então, o que você quiser para este vídeo, vou mantê-lo simples. Você pode guardar um prato ou tigela cheia. E você também pode alterar a proporção. Digamos que você não tenha todas as imagens em um aspecto quadrado e também tenha algumas em retangular. Portanto, você pode fazer isso alterando a proporção. Vou manter isso em quadrado. Você pode adicionar ou excluir as colunas aqui. Você quer. Você. Aqui você pode alterar o espaçamento entre as imagens. Se você deslizar, poderá alterar o espaçamento. Eu perdoo as legendas, digamos que você tenha dado alguma descrição à sua imagem, que mostrarei em apenas um minuto como você pode fazer isso. Se você mantiver as legendas ativadas, a descrição aparecerá abaixo da imagem. E então, se você inverter uma animação, podemos continuar alimentando, escalando, o que você quiser. Se você mantiver a caixa de luz acesa, o que ela fará é se alguém clicar na imagem e abrir a tela cheia. E as pessoas podem simplesmente percorrer as imagens aqui. Então, eu gosto de manter a caixa de luz acesa. Isso é x e as cores você não precisa se preocupar com isso. Nós vamos mudar isso. Mais tarde. Eu vou te mostrar como você pode mudar as cores e as fontes de todo o site. Então, faremos isso mais tarde. Então, agora vamos fazer as imagens e adicionar as nossas , tão importantes que você possa clicar nessa imagem. Sã. E aqui clique em uma imagem, segure a tecla Shift e clique na última imagem e você pode excluir. Agora, eu só adiciono algumas imagens do meu computador que eu já salvei. Se você clicar no sinal de mais, poderá pesquisar imagens se quiser. Se você já tinha algum imediato, eu já tinha isso na minha biblioteca. Tão destruidor. Você também pode clicar nas imagens gratuitas. Mas para este vídeo, já que estamos criando imagens de portfólio , obviamente queremos nossas próprias imagens. Então, vou clicar e fazer o upload e ele o levará para as pastas do seu computador. E a partir daí, você pode simplesmente adicionar quantas imagens quiser. Então, vou adicionar rapidamente algumas, algumas imagens agora. Então, como você pode ver, as imagens foram adicionadas. Então, se clicarmos em uma das imagens agora aqui, podemos dar a descrição que será exibida abaixo da imagem quando tivermos as legendas aqui também, você pode vincular a imagem se quiser, o que não é obrigatório aqui. Mas se você quiser, você pode fazer isso. Vamos fechar isso e podemos fechá-lo aqui, e ele o salvará. Agora você vê, como eu mantive a legenda, ela está mostrando a descrição da imagem abaixo. Aqui, podemos alterar essa fonte quando fizermos isso posteriormente em todo o site. Então, aqui nós adicionamos. Então, digamos que aqui você queira adicionar algo. Então você vê que aqui está um espaçador, que é uma forma de adicionar algum espaço entre talvez uma seção de texto ou entre duas imagens ou qualquer coisa entre qualquer coisa, se você quiser adicionar algum espaço. Então você tem que fazer isso usando um espaçador. Então, digamos que eu não queira esse espaçador, vou apenas clicar nele. E a opção de exclusão será exibida e clicaremos em Excluir. Agora já existe uma opção de texto aqui, mas se você, digamos que você queira adicionar outra coisa. Então, clicaremos nesse sinal de mais ou neste mais. Se você quiser adicionar um abaixo disso ou acima disso, você sempre pode arrastá-lo e trazê-lo para onde quiser. Digamos que eu queira adicionar outra caixa de texto. Então você vê agora aqui está uma caixa de texto e aqui está outra caixa de texto. Agora, se eu apenas arrastar e segurar, posso trazê-lo para o topo. Digamos que eu acrescente outra coisa aqui. Talvez eu acrescente, vou adicionar um botão aqui. Então, clicaremos no sinal de adição e clicaremos no botão. Aqui. Você pode manter um nome no botão. Aqui. Você pode vincular o botão a uma página separada se quiser solicitar um endereço da web. Digamos que você tenha um brinde ou algo assim e queira direcionar as pessoas para esse brinde, você pode dar o link aqui. Você pode fazer o upload de um arquivo. Se você tiver um arquivo PDF ou algo assim, faça o upload aqui para que as pessoas cliquem e possam baixar as lutas em PDF. E também se você quiser como formulário de contato, poderá fazê-lo no seu número de telefone. Eu clico em Design aqui. Essas são algumas das opções desse botão, quais você pode simplesmente clicar e ver como fazer isso e o alinhamento do botão também, você pode alterar a partir daqui. Selecione isso. Vamos ver, eu quero apenas escrever algo aqui. Então eu posso mudar esse texto também compartilhado. Se eu clicar, posso aumentá-la. Se eu quiser, posso colocá-lo em negrito e selecionar o texto e colocá-lo em negrito. Então você também pode alterar o alinhamento, você sabe,. Vou apenas alinhá-lo ao centro. E o que você quiser ou você pode dizer que já tem algo escrito em um documento do Word ou em um documento do Google. Você pode fazer isso clicando aqui, copiando e colando aqui. E se você clicar em OK, ele será colado aqui. Agora, digamos que eu queira desfazer algo que não faço por engano, fiz algo e quero desfazer. Você sempre pode ir aqui e clicar em Desfazer novamente. Então é assim que você pode adicionar texto e um botão. Se clicarmos nessa edição, podemos alterar a altura da seção aqui. Além disso, podemos clicar aqui e, manualmente, podemos arrastar isso para alterar a altura da seção aqui. Podemos mudar a largura aqui. E alinhamento. Agora, aqui podemos mudar o plano de fundo. Eu posso simplesmente tirar o fundo. Vou clicar em Substituir. E vou tirar uma imagem já salva no meu computador. E eu vou fazer o upload aqui. Depois que nossa imagem for carregada, podemos simplesmente alterá-la novamente na tentativa de inserção ou sangria total. E também podemos alterar essa opacidade de sobreposição, se você quiser. E também se você clicar em Efeito de imagem, poderá dar algum efeito. Imagem que nem sempre é ideal, mas eles podem morrer e ver como fica. Eu simplesmente não recebo nenhum. É isso mesmo. Se fosse assim que podemos personalizar uma seção. E esta seção, vou simplesmente excluí-la. Eu não preciso disso. E está pronto. Então, nossa página inicial está quase pronta. E, por favor, não esqueça de clicar em Salvar. E vou sugerir que continue fazendo isso no meio. meio de editar, você sabe, jatos ou está editando algo, clique em Salvar e depois em Editar. Clique em editar novamente e faça o resto da edição. É assim que você pode adicionar uma página inicial. A próxima lição, em que adicionaremos uma página Sobre. 9. Como adicionar uma página sobre: Bem-vindo à aula. Vamos ver como adicionaremos uma página sobre. Agora que adicionamos nossa página inicial, agora vamos adicionar uma página Sobre ou uma página de biografia. Então, clicaremos nesse sinal de mais e voltaremos ao Layout da página e nos preocuparemos com isso. Então, você pode ver que existem diferentes layouts fornecidos aqui. Você pode escolher o que você mais gosta. Vamos apenas adicionar esse. O primeiro, cerca de Georgia Strait. E clicaremos no modo Configurações e verificaremos se tudo está correto aqui. Não me deixando ir ao SEO e dar um título. Aqui, você pode nos dar uma descrição. E imagem social. Como eu disse, você pode adicionar uma imagem social diferente, mas cada promessa, ou você pode ter a mesma imagem social para cada página. E clicaremos em Salvar. Então, ela realmente clicou em Editar. E relacionado. Esta seção. Clicará nesta seção de edição. E veremos isso menor. Vamos ver qual é a largura do conteúdo. Não, eu gosto. Talvez maior. E o plano de fundo. Quero mantê-lo limpo para não adicionar nenhuma cor de fundo. Faremos isso mais tarde. Agora, vamos editar a imagem. Então, se você clicar aqui na imagem, você terá essa opção de edição. Aqui. Você pode alterar a imagem, então vamos removê-la. Vou apenas adicionar minhas fotos de perfil que já salvei no meu computador. Depois que a imagem é adicionada, ela pode adicionar algum texto alternativo, se você quiser, que você possa ser bom para seu SEO. Algo que você pode adicionar aqui. Como eu disse em minha aula de preparação e planejamento, eles precisam renomear suas imagens corretamente. É importante para o aspecto ACO. Então eu vou fazer isso. Algo parecido. Estou feliz com isso. E podemos mudar o design aqui também. Agora está em alerta. Vamos ver se fazemos a colagem de sobreposição. Talvez. Eu gosto mais disso. Além disso, você pode alterar a imagem para ficar à esquerda ou à direita. Você pode alterar a forma da imagem em. Então aqui, se você quiser fazer essa animação, vamos ver. Vamos voar para cima. Ok, vamos pular isso por enquanto. E clicaremos nele, clicaremos em algum lugar externo. E se alguma vez você encontrar isso, você está clicando nele, mas isso não está sendo fechado, tem que salvá-lo porque isso é uma indicação de que algo pode acontecer agora. Então, basta clicar nele e marcaremos uma data novamente. Então, aqui a forma da imagem é alterada, então eu a mudarei de volta para a original. E aqui você tem que escrever algo sobre você. Se você já copiou em algum lugar antes, basta clicar aqui e colar aqui. E você pode colar o texto aqui, diretamente. Aqui também, você pode alterar essas letras. Estilo, têxtil, eu, nós podemos fazer isso. E as fontes mudarão isso na classe de fontes e cores, a classe de design. Então, veremos como podemos fazer isso. Então, isso era sobre a página Sobre ou a página de biografia. Você pode personalizar mais se quiser. Você pode adicionar uma seção aqui. Se você quiser. Você pode clicar em Adicionar seção. E talvez você queira adicionar mais texto ou mais imagens. Seja como for. Você pode fazer isso aqui. Ou talvez você queira adicionar um boletim informativo ou qualquer coisa. Qualquer coisa que você quiser. Você pode adicioná-lo clicando na seção Adicionar. E você pode adicioná-lo aqui. E sempre guarde. Então, sim, é isso. Agora vamos nos encontrar na próxima aula onde mostrarei como podemos adicionar uma página de contato. Nos vemos na próxima aula. Vamos adicionar ao convés qual sobredosagem. 10. Como adicionar uma página de contato: Bem-vindo à aula. Vamos ver como vamos adicionar isso. Nesta aula. Mostrarei como podemos adicionar uma página de contato. Então, para fazer isso, clicaremos em mais e, em seguida, clicaremos no layout da página. E clicaremos em Contato. E a partir daqui, podemos escolher um layout que nos agrade. Eu apenas escolho o primeiro e vamos chamá-lo assim como eu ou contato, você quiser. Clique nessas configurações e verifique se tudo está correto ou não. Vá para SEO, como eu disse, forneça seu título e sua descrição e clique em Salvar. Agora, eu não escrevi nada. É por isso que não está se movendo e basta mudar esse. Clicaremos em Salvar. Então, agora vamos clicar em Editar e relacionar esta seção. Agora podemos personalizar isso. Agora você vê o espaçador aqui. Então, isso é para adicionar um pouco de amarelo, alguma distância entre essas duas seções, seção de tecnologia e a seção de formulário. Agora, se você não quiser a seção do formulário aqui, se eu ainda precisar do espaçador e trazê-lo para o fundo, talvez. Talvez eu queira mostrar um link para este site. Talvez eu o tenha colocado aqui assim. Podemos personalizá-lo. Assim, você pode personalizá-lo como quiser. E digamos que você também queira personalizar esse formulário. Você pode fazer isso clicando em Editar. E isso o levará a esta seção do formulário. Aqui você pode editar o formulário. Digamos que você queira adicionar mais algumas seções a isso. Só há nome, mensagem de e-mail. Você pode clicar em Adicionar campo. E talvez você queira um site. Então, vamos clicar nisso. Você pode adicionar novamente. E talvez desta vez você queira o texto literário. E aqui você pode clicar nesse texto e também alterar o nome do texto. Além disso, eu não quero que sejam textos escritos. Então você pode fazer isso. Você pode adicionar uma descrição para que as pessoas que preenchem o formulário tenham uma ideia mais clara do que exatamente você deseja que elas preencham. Então você pode fazer isso. Você pode clicar em obrigatório ou não obrigatório. Se quisermos tornar isso obrigatório e você clicar em Solicitar. E você também pode excluir o campo se não quiser. Digamos da mesma forma, você pode editar tudo isso, todas as seções do formulário clicando aqui. E você pode fazer isso. Depois que você terminar. Você pode clicar em publicar em algum lugar. Digamos que alguém tenha enviado este formulário e você queira enviar uma mensagem personalizada e personalizada para essa pessoa. Então você pode fazer isso aqui. Agora, se você puder redirecioná-los para uma página separada, talvez se quiser. Digamos que eles tenham enviado o formulário e agora você possa redirecioná-los para a página do seu portfólio ou para a página seu blog para qualquer lugar que quiser. Você pode fazer aqui. É assim que você personaliza o formulário. Aqui você também pode alterar o design do formulário, se você clicar na opção lightbox, o que acontece são esses formulários. Este formulário agora está compactado e sempre que alguém clicar em Abrir fórum, ele será aberto como um formulário completo. Então, aqui, na seção de formulário aberto, você também pode escrever outra coisa, como clicar aqui para entrar em contato. Para algo assim. Você pode fazer isso. E você pode clicar em armazenamento. E aqui você pode se conectar ao seu e-mail, boletim informativo. Você pode se conectar ao MailChimp ou ao Zapier. Você pode se conectar por e-mail, provedor inútil, como escândalo flutuante. Ou você pode se conectar ao Google Drive, que pode ser conectado ao seu e-mail, se quiser. Você pode fazer com aqui. Agora, é assim que é feito. Agora, outra coisa, se clicarmos em editar, na seção do formulário, você também poderá alterar o alinhamento do botão. Agora eu quero mantê-lo no meio, já que eu joquei boxe. Então, agora o que acontece é clicar primeiro em Salvar. Então, isso salvará tudo aqui. Agora, quando alguém clicar aqui, ele será exibido neste outono e eles podem simplesmente preenchê-lo e clicar em enviar. E ele clicará em Editar novamente. Podemos anexar nosso link social aqui. Então, clicaremos em Editar. E aqui você pode Instagram ou seu Facebook, ou você também pode adicionar outro link social, talvez o seu Pinterest. E você pode mudar o design disso. Digamos que você tenha 12 bordas ou faça com que ela seja redonda assim. Você sabe, todas essas muitas opções estão aqui para que você possa ver qual delas você mais gosta e fazer isso. Então é assim que você pode personalizar sua página de contato. Vamos adicionar algum plano de fundo ou algo assim aqui. Então, o que faremos é clicar aqui e clicar no plano de fundo. E aqui talvez adicionemos uma imagem. Eu salvei uma imagem, imagem de estoque já. Então você pode fazer isso. O que você pode fazer é clicar na imagem de pesquisa e acessaremos as imagens gratuitas. E talvez busquemos algo como contato. E você vê algumas imagens de anos e nós podemos, podemos simplesmente escolher qualquer coisa. Ok? Então é assim que vai aparecer. Mas se você não quiser, basta excluí-lo. E clicaremos aqui também, você pode alterar a altura da seção ou a seção com o que quiser. Você pode personalizá-lo aqui. Ok? Então, sim, é assim que você pode personalizar sua página de contato. Você pode adicionar uma página de contato. Você pode alterar esse layout da maneira que quiser. Talvez se você não quiser apenas uma seção de texto, você pode adicionar uma imagem aqui. Você pode fazer o máximo de personalizações aqui. Na próxima aula, quando adicionarmos uma loja ou uma loja. 11. L 11 editado: Bem-vindo de volta à aula. Agora vamos ver como você pode adicionar uma página de loja ao seu site. Então, vamos clicar aqui e clicaremos na loja. Agora, aqui você pode escolher qualquer layout que desejar. Vamos escolher esse. E vamos apenas chamá-lo de loja. Escolha. Diga. Primeiro de tudo, vou clicar em Configurações. E verificaremos se tudo está correto ou não. Se você clicar em Categoria, poderá criar a categoria do seu produto. Digamos que, se você quiser adicionar impressões artísticas, sejam estacionários ou de diferentes tipos de produtos. Então você pode fazer isso clicando em Criar categoria. E basta digitar o nome da categoria do seu produto aqui e clicar em Adicionar. Vamos adicionar outro. Estacionário. Talvez. Nós clicamos nele. E se clicarmos em SEO, como eu disse antes, o título e a descrição do SEO são muito importantes. É assim que, no mecanismo de busca, encontramos nossa loja. Então você tem que digitá-lo aqui. E na imagem social, você pode colocar uma imagem personalizada para sua loja ou loja. Agora clique em Salvar. Agora, se clicarmos nessa seta aqui. Agora, aqui podemos clicar em adicionar um produto para adicionar um novo produto, se você quiser. Ou também podemos clicar aqui para adicionar um novo produto. E se você clicar em Configurações, poderá adicionar suas categorias e tudo de SEO, caso ainda não tenha feito isso ao criar a página da loja. Se formos para essa categoria antiga, encontraremos aqui todos os produtos que já estão listados. Então, se você clicar em qualquer um desses produtos, agora aqui ele o levará para a página específica do produto. Você pode editar seu produto aqui. Se você clicar em passar o mouse sobre aqui, você pode clicar em Editar produto ou editar design. Vamos clicar em Editar produto. E você pode editar um produto aqui. Se você clicar aqui, poderá editá-lo. Você pode enviá-la para a parte superior ou inferior, movê-la ou excluí-la. Agora, digamos que sejam produtos físicos e talvez você queira adicionar um download digital. Então, para fazer isso, vamos desmarcar isso e clicar em Adicionar produto. Você pode clicar aqui ou aqui, em qualquer lugar está bem. E aqui você pode ver os diferentes tipos de coisas que você pode vender. Você pode vender uma associação ao serviço, vale-presente e todas essas coisas. Então, clicaremos no download digital e ele o levará a esta página. Aqui você pode dar um título ao produto. E aqui você terá que dar uma descrição. Aqui. Se você clicar aqui, poderá adicionar qualquer informação adicional, como vídeos ou imagens, e clicar em Aplicar. Aqui. E aqui vamos clicar e adicionar algumas imagens dos meus produtos que eu já salvei no meu computador. Agora você pode adicionar várias imagens para o mesmo produto. É melhor ter de duas a três imagens para um único produto para que as pessoas possam rolar e ver a aparência real do produto. Para produtos digitais, você pode simulá-lo de maneiras diferentes e adicioná-lo aqui. Aqui, se você clicar em Carregar arquivo, poderá fazer o upload de um PDF real para o produto aqui. Vou fazer isso rapidamente. Então, depois de enviarmos nosso produto, podemos apenas fornecer um preço. Digamos que seja $25. Aqui. Você pode mantê-lo à venda se quiser. E digamos que depois, digamos que vamos 20. Então, se você clicar em Adicionar aqui, já adicionamos alguma categoria. Agora, digamos que este seja um download imprimível. Clicará em Adicionar. Este produto será adicionado a esta categoria agora. E agora, aqui podemos adicionar tags para digitar sua tag e clicar em Enter, e você pode continuar adicionando mais textura. E aqui, você pode alternar a visibilidade para pública. Se você estiver pronto para publicá-lo. Caso contrário, você pode mantê-lo oculto, então ele não o mostraria ao público. Você pode torná-lo um produto especial. Se quiser adicionar, você pode adicionar qualquer produto relacionado. Além disso, se quiser, você pode adicionar avaliações de produtos. E aqui abaixo você pode alterar o SCO e o URL. Se você clicar em Editar aqui, poderá fornecer um título e uma descrição de SEO, o que é muito importante para sua loja, porque é assim que sua nitidez será. Ele será classificado nos mecanismos de busca. Aqui você pode fornecer um URL personalizado. Digamos que isso seja um loop, e clicaremos em Aplicar aqui nas redes sociais. Além disso, você pode clicar em editar e adicionar uma imagem. Se você quiser, e se você clicar em Aplicar. Então, se você clicar aqui, poderá conectá-lo às suas contas de mídia social, que mostrarei nas próximas aulas. E aqui você pode personalizar seus botões e formulários, o que podemos fazer mais tarde. Além disso. Eu vou te mostrar como. Depois de terminar com isso, se você passar o mouse sobre aqui, isso lhe dará três opções. Salve, publique e ela fez. Se você salvá-lo, não estará pronto para publicá-lo. Você pode salvá-lo como rascunho editá-lo e publicá-lo posteriormente. Você pode publicá-lo imediatamente. Além disso, você pode escolher. Se você clicar no sombreador, poderá indicar uma hora e uma data. E isso ela fará com aquela hora e data específicas. Então, vou clicar em Publicar. E aqui está. Nosso produto foi publicado aqui. Agora, se você clicar em Editar produto aqui, poderá voltar novamente para essa página. Se você clicar em Editar design, você será direcionado para a página do produto, onde você poderá clicar na seção de edição e editar o layout desta página. Além disso, se você quiser. Você pode mantê-lo inteiro ou pela metade. Vou manter as coisas simples. Você também pode alterar as cores. Você também pode alterar a proporção, se quiser. O alinhamento do texto, a navegação do produto e emite espaçamento e outras coisas, como galeria com. E também há algumas outras opções de personalização disponíveis aqui. Você pode fazer isso e também pode alterar a cor desta página aqui, se quiser. Ao clicar aqui. É assim que você pode mudar isso. Agora, vamos clicar em Salvar. E é assim que nossa página de produto ficará. Agora, se você não quiser todos esses produtos, basta clicar neles e clicar em Excluir. Agora, se você voltar, voltaremos aqui também em uma loja online. Então é aqui que você obtém configurações ainda mais avançadas para personalizar a página da sua loja. Agora, aqui, ele mostrará como configurar sua loja. Adicionamos os produtos e você precisa adicionar, aguarde o pagamento. Podemos nos conectar ao PayPal. Mas lembre-se de que esse é um recurso premium. Você precisa de um plano comercial ou comercial ou sobre, bem, esse recurso, você precisa escolher uma assinatura e depois publicar sua loja. Eu só queria mostrar que é muito fácil montar uma loja no Squarespace. Mas isso precisa de um plano comercial ou de comércio avançado. Então, aqui você pode fazer outras mudanças. Por exemplo, você verá os pedidos aqui e seu inventário, o que você adicionou e seus clientes, e você pode dar descontos. Você também pode usar essas ferramentas de venda, como impressão sob demanda ou Facebook e Instagram. Então aqui você pode ter outra personalização, como se você clicar em pagamentos aqui, a mesma coisa que mostrará aqui outra coisa, você pode alterar a moeda, a moeda da sua loja, a minha, é definido em USD clicando aqui, você pode alterar ou escolher qualquer moeda que desejar. E se você entrar na página de checkout agora aqui, poderá fazer outras personalizações, como a recuperação do carrinho abandonado. Seus clientes receberão e-mails se tiverem algo no carrinho, então você tem que coletar assinantes de e-mail, se quiser. Você quer usar a modelagem de nossos gostos como um endereço de cobrança por padrão? Se você quiser um valor mínimo de pedido ou não. Portanto, todas essas configurações podem ser personalizadas de acordo com sua conveniência. Se você clicar em campos adicionais. Agora, aqui você terá ainda mais opções. Agora. Você também pode usar, se estiver usando um tema escuro, então você pode usar esse esquema de cores claras para seu carrinho para que ele fique visível para seus clientes. E as políticas da sua página de checkout. Aqui você pode fornecer suas políticas por escrito, termos de serviços e sua política de privacidade, você não precisa escrever tudo aqui. Você pode simplesmente clicar no link aqui. Você pode vinculá-lo à página da política de privacidade e fazer o mesmo com todas as outras. Então, essas são algumas das personalizações que você pode explorar. Mas, para isso, você precisa ter um plano de comércio eletrônico ou de comércio avançado. Você tem que verificar o que é necessário. Então é assim que você configura uma paralisação. 12. Como adicionar uma página de loja: Agora, e se o seu dormitório quiser abrir uma loja, mas você já tem algumas lojas online, como algumas lojas impressas sob demanda que você deseja vincular, vinculadas ao seu site para que as pessoas possam Venha visitá-los, o que os levará diretamente para aquela loja. Então, para isso, o que fazemos é muito bom, novamente nas páginas e clicaremos nesse sinal de mais. E o que eu vou fazer é clicar no layout da página. Gosto dessa página de serviços. Então eu clico neste, clicamos em serviços e você obtém o primeiro. Eu o renomeei de forma nítida. E clicaremos bem nas configurações e verificaremos se está tudo bem. E a mesma árvore mudará o título e a descrição do SEO. E agora vamos editar essa página. Clicaremos em Editar. E você pode simplesmente editar tudo aqui. Então, se eu clicar em editar conteúdo, agora, diferentes tipos de seções são layouts, têm formas diferentes de edição, como em algum lugar onde ele será exibido para editar o conteúdo, mas em algum lugar só isso estará lá. Então, isso está oscilando porque isso permitirá que você edite cada uma dessas imagens aqui. Então, se clicarmos em editar conteúdo, agora, aqui, você pode escolher esse título para aparecer ou não. Será que vai desligar? Eu quero esse botão. Esse botão. adicionemos um botão diferente. Eu não quero isso. Ali. Eu quero a imagem, o título e o corpo. E aqui um botão de controle para que eu tenha esse botão aqui. Em seguida, clicaremos no conteúdo. E podemos clicar em cada item e editá-lo. Então, vamos colocá-lo com alguma coisa. Você deve guardar suas maquetes de algumas das imagens da sua loja para que eles possam adicioná-las aqui. Vou apenas adicionar meu bastão. E então, no título, você pode clicar em Nitidez. Digamos que seja um seis cíclico. Aqui. Dê uma descrição como essa. Um pouco nu, elaborado. E no texto dos botões, eu quero comprar. Aqui. Aqui vamos vincular a loja. Para clicar sobre isso. Compartilharemos o que você poderia fazer no endereço da web. E aqui você coloca o URL da sua loja e clica em abrir uma nova janela. Então, o que ele fará é quando, sempre que alguém clicar em comprar aqui, ele o levará até ela, abrirá em uma nova guia e ele poderá ver sua loja lá. Portanto, você pode simplesmente editar tudo isso. Se você clicar em voltar. Se você quiser adicionar mais, basta clicar em Adicionar e a lista será adicionada. Você pode fazer isso, siga o mesmo processo para editar. Agora, se você clicar no design, hoje em dia, em uma lista simples, você pode escolher slides banidos para escolher o que quiser. Basta manter uma lista simples. Você pode alterar o alinhamento do texto aqui. Você pode optar por manter o conteúdo em primeiro lugar na mídia. Quem pode aumentar ou diminuir as colunas aqui e também o tamanho da imagem, se você quiser. E agora vamos clicar lá fora. E agora, se você clicar aqui, poderá fornecer uma imagem de fundo para toda a página, se quiser. Ou então vamos mudar a cor e a fonte aqui. Então, sim, é assim que você pode adicionar suas lojas on-line a uma página do seu site. Agora, clicaremos em Salvar. Então, o óxido está lá. Digamos que eu queira, não quero manter este site de turismo na minha página de navegação principal porque, à medida que adicionamos as páginas, você pode ver que todas essas páginas estão sendo adicionadas aqui. Agora, se você quiser organizar a ordem disso, você pode fazer isso apenas clicando, digamos que eu queira que a casa fique no topo para ser melhor A primeira. E então eu quero talvez sobre a página e talvez um contato assim. E digamos que eu não queira essa proposta de loja. Então, vou trazê-lo para a seção desvinculada. Agora aqui, nossa página de contato já estava lá. Você pode usar isso para este modelo. Como fizemos nosso próprio contato, basta clicar em excluir a página que você não quiser. Você acabou de excluí-lo. Digamos que você não, sua história ainda não está pronta. Você não quer mostrá-lo aos mecanismos de busca à noite no momento. O que você pode fazer é clicar aqui e ir para o SEO e ir para o final. E aqui, oculte páginas das regiões de pesquisa. Podemos esconder isso porque não queremos confundir o uso da pesquisa. Não queremos que nossa loja apareça lá porque ainda não ativamos essa página. Então, vamos escondê-lo dos resultados da pesquisa e dizer: É assim que você pode nos direcionar para a página da oficina automotiva em seu site. Nos vemos na próxima aula, onde ele concordou antes da página Para você. 13. L 13 editado: Você está indo muito bem. Agora vamos ver como você pode adicionar uma página de portfólio ao seu site de portfólio. Ok, agora vamos criar nossa página de portfólio para a qual estamos construindo nosso site. Vou usar esta página de trabalho que já vem com este modelo, que é perfeita para o seu portfólio. Mas se você quiser, você pode adicionar um diferente. Você pode simplesmente clicar no sinal de adição e clicar no portfólio. E ele fornecerá layouts diferentes. Você pode escolher qualquer outra coisa que quiser. Mas eu vou com este. Então, primeiro de tudo, vamos clicar na roda de configurações e vamos chamá-la de nosso portfólio. Título de navegação também. Os URLs de urato. No SCO. Não precisamos fazer nada agora. Então, vamos clicar em Salvar. E agora vamos clicar nessa seta aqui. E aqui. Se você clicar nessa caixa, ela permitirá que você edite os portfólios individuais. Então, clicaremos em editar. Mas antes disso, se você clicar nesses três pontos, poderá acessar as configurações desta página e alterar as configurações aqui. Incrível. Primeiro, vamos até Editar. E aqui você pode mudar o texto. Você pode escrever algo sobre sua coleção ou qualquer coisa, sua coleção de cartões ou suas ilustrações ou qualquer outra coisa. E eu vou escrever algo aqui. Aqui. Você pode alterar o texto, torná-lo maior ou menor. E também se você clicar aqui, poderá alterar a altura e a largura. Faça-o menor ou maior. Você pode fornecer uma imagem de fundo também mudará a cor mais tarde. Agora vamos clicar nesse ícone de imagem. E primeiro excluiremos todas essas imagens pressionando a tecla Shift. E clicamos em Excluir. Aqui. Gostei de algumas das imagens que já salvei no meu computador. E você pode dar uma descrição de cada uma das imagens aqui. Se você quiser. Vamos escrever algo rapidamente. E eu vou clicar em Fechar. Agora, clicaremos nessa seção de edição. E aqui você pode alterar o tipo de galeria, se quiser. Vamos ver. Eu o faço um pouco menor. Você pode mantê-lo completo, sangrar, cheio ou inserir o que quiser. E você pode criar a legenda para poder ver a descrição aqui. Você também pode aumentar o espaçamento entre as imagens e a animação. Além disso, você pode clicar na caixa de luz para que qualquer pessoa que a visualize, se clicar nas imagens, ela terá uma visualização em tela cheia. Agora, o que tudo o que podemos mudar? Podemos mudar a cor mais tarde para que você possa fazer. E agora vamos clicar em Salvar. E vamos clicar nessas configurações agora. E vamos mudar o nome aqui. E aqui você pode alterar a imagem e adicionar uma imagem diferente aqui. Eu costumo fazer minhas miniaturas no Canadá. Então, se você quiser, você pode fazer isso. E você pode criar suas próprias imagens de capa e enviá-las aqui. Agora aqui eu mudo o URL Slug também. Se você clicar em um CEO, aqui poderá adicionar o título de SEO e a descrição da coleção específica ou da coleção de ilustrações ou livros de arte. E você pode clicar em Salvar. E agora aqui a imagem é alterada. Agora, você pode fazer tudo isso adequadamente. Agora, se você clicar na imagem, basta clicar e segurar e colocá-la em qualquer lugar que quiser. É assim que você pode fazer sua coleção, seu portfólio. Da mesma forma, se clicarmos em uma imagem, ela o levará para essa página. E aqui você pode editar as páginas individuais. Agora, deixe-me clicar em tudo isso e selecionar vários e clicaremos em Excluir. É assim que você pode criar uma página de portfólio. Vou criar rapidamente mais dois aqui. Sim, eu fiz mais duas páginas aqui. E clicamos nos outros dois e eu clicarei na data. Agora, para ver a aparência de nossas páginas. Clicamos nesta seta para cima aqui. E isso nos dará uma visão de página inteira. E se clicarmos nessa imagem, ela será direcionada para uma página de coleção. E aqui podemos ir até as outras páginas padrão ou as outras páginas de coleção em seu portfólio. Portanto, sempre que você criar uma página, sempre verifique sua aparência na pré-visualização móvel. Então clique aqui e clique em como fica no celular. Esses Squarespace fazem um trabalho muito bom ao personalizar tudo para a visualização móvel. Mas ainda assim é só verificar se está ficando bem no celular ou não. Sim, eu não mudei a imagem da capa disso. Você pode fazer isso enquanto faz o seu. É assim que você pode criar seu portfólio. Agora vamos nos encontrar na próxima aula e vamos refinar nossa página de portfólio. 14. Refinar a página de portfólio: Então, agora vamos refinar um pouco mais nossa página de portfólio. Digamos que você faça diferentes tipos de arte, como faz desenhos em aquarela pintados à mão, mas também faz padrões. Você também faz ilustrações digitais e quer mantê-las separadas. Você não quer incluí-la na página M1. Então, para fazer isso, primeiro de tudo, vamos limpar a criação de uma pasta e clicaremos nesse sinal de adição. E quando você clica em uma pasta, nomeie-a como minhas obras de arte, você pode nomeá-la como quiser. Primeiro de tudo, vamos arrastar nossa página de portfólio para essa pasta. Então, sempre que você criar essa pasta, você pode arrastar várias páginas para essa pasta e eu vou te mostrar o que acontece se você fizer isso. Então, clique nesse portfólio dentro da pasta. Vamos criar outra página e clicar no layout das páginas. Talvez você possa escolher uma página de galeria. E vamos escolher esse. E vamos nomeá-lo e pintá-lo. Ok, agora vamos trazer isso para dentro dessa pasta para ver como isso está se conectando dentro dessa pasta. E agora vamos adicionar outra página. Você pode clicar aqui para adicionar uma página. E vamos lá e eles simplesmente se deitam novamente e clicam na galeria. E vamos escolher esse novamente. E vamos chamá-lo de ilustrações, talvez ilustrações digitais. E agora vamos clicar nessa tela de configuração. E vamos ver se está tudo bem ou não. E vamos escolher Salvar. Então, agora, quando clicarmos nessa seta e passarmos o mouse sobre ela, ela mostrará essas pastas, menu suspenso de suas pastas. Assim, você pode clicar em qualquer um e acessar essa página. E ele clicará nas ilustrações digitais. Isso o levará a essa página. Portanto, isso se torna muito conveniente se você tiver diferentes tipos de categorias, obras de arte que você está criando. Então você pode fazer isso. Agora, vamos trazê-lo para um pouco abaixo. Talvez. E clique nesta arte pintada à mão. Aqui você pode alterar seu SEO as descrições e o título. E você pode fazer o mesmo com ilustrações digitais. Então, vamos clicar na arte pintada à mão e editaremos esta página primeiro. Vou clicar em Editar. Escreva algo sobre sua arte. Clique nesta imagem. Ícone, excluirá todas as imagens primeiro. Nós adicionamos algumas imagens. Agora, não tenho nenhuma imagem em aquarela ou feita à mão salva no momento. Então, vou apenas pesquisar no Unsplash. Então, vou adicionar algumas dessas imagens. Obviamente, você adicionará suas próprias imagens, mas para esta aula, adicionarei algumas imagens gratuitas aqui. E, novamente, você pode clicar nesta seção de edição e alterar esse tipo de galeria. As colunas, o layout, o espaçamento e a animação e a caixa de luz. Agora, eu sugiro que, se você está adicionando animação às suas páginas, não tente mantê-la consistente em todas as suas páginas. Quero dizer, não o deixe esmaecendo em uma página e depois escalando na outra. Apenas mantenha-o consistente para que pareça mais coeso. Então, sim, é assim que você pode fazer isso. E vamos clicar em salvar. E, da mesma forma, adicionaremos algumas ilustrações digitais. E então eu adiciono rapidamente e volto para você. Então, sim, eu adicionei algumas imagens e vou editar rapidamente esta seção. Assim, você pode editar essa seção de texto. Da mesma forma que editamos tudo antes. Você pode alterar a altura da seção, nascimento da seção e os alinhamentos. Você também pode fornecer uma imagem de fundo, se quiser dizer que é assim que você pode configurar sua página de portfólio completa. Agora, se formos para uma visualização de página inteira e se eu clicar em, quero dizer que passo o mouse sobre minhas obras de arte. Eu posso clicar no portfólio. Então, aqui eu posso clicar em qualquer coleção e navegar. Isso. Eu posso ver que uma arte pintada à mão está bonita. E também ilustrações digitais. Se alguma vez você ver que sua página não está carregando, basta recarregá-la e atualizá-la aqui. Porque às vezes isso acontece porque quando adicionamos mais e mais imagens, às vezes acontece. Talvez seja a próxima aula. Veremos como adicionar uma página de blog. 15. Como adicionar uma página de blog: Bem-vindo à página do blog da turma. Ok, então agora vamos adicionar uma página de blog. Agora. Um blog já fornecido com este modelo. Mas se você quiser criar o seu próprio, basta clicar neste sinal de adição. E você pode clicar no blog. E isso lhe dará alguns layouts. Você pode escolher o que mais quiser e precipitar. Mas eu vou continuar com isso. Então, primeiro de tudo, clico nas Configurações e as mantenho como um bloco. Em seguida, o acilo fornece um título e uma descrição adequados. Limites sociais que você pode escolher agora ou não. Você pode fazer algumas outras alterações como Gerenciar categorias e tudo mais. Mas como ainda não temos nada , vou fechá-lo. Então, agora, se eu clicar em Bloquear, recebo esta página aqui. E aqui. Para adicionar um novo bloco, basta clicar nesse sinal de adição e personalizá-lo. Então, primeiro de tudo, deixe-me mostrar o que já existe. Então, vou clicar aqui e clicar em Excluir. Então, por engano, se você excluir uma postagem, ela será armazenada na lixeira. Então, primeiro de tudo, vamos clicar aqui e ir para as configurações. E aqui você pode editar a imagem. Então, vamos removê-lo e adicionar uma imagem clicando em. Vou apenas acrescentar algo. Aqui. Você pode nos dar pequenas frases, como uma a duas sobre como descrever seu blog. E aqui está o nome do autor que você pode dar ao URL de origem também aqui e ir para a opção. Aqui, o status é publicado. Mas você pode mantê-lo como rascunho ou precisa ser revisado para poder voltar mais tarde e filtrá-lo por essas opções. E você pode editar os artigos ela realmente para uma data ou hora específica. Então você também pode fazer isso. Outra coisa nas opções. Se você acessar as tags, podemos adicioná-las aqui. Vamos ver. Vamos adicionar algo. E se você continuar pressionando Enter, isso permitirá que você adicione muitos táxons. Em seguida, clicaremos em voltar. Você pode adicionar uma categoria dois. Além disso, você pode permitir os comentários ou não. Se você quiser. Você pode fazer disso uma postagem especial. Se você fosse do SEO Jia, você pode dar um título ao seu bloco. E aqui podemos dar uma descrição como temos feito com todos os outros SRA. Só para que você possa fazer isso da mesma forma aqui. Para a imagem social, você também pode optar por adicionar uma imagem diferente, se quiser. E você pode localizar e clicar em Salvar. Então, agora você vê que está aparecendo, já que eu cliquei aqui, se você clicar aqui, você pode filtrá-lo por. Talvez você também possa ver quantas postagens existem que ela não precisa publicar. Então, da mesma forma, você pode fazer isso. Agora, se você clicar nessa caixa, ela o levará a esta página do blog. Agora, aqui, se você clicar em editar, primeiro de tudo, permitirá que você edite esta seção. Aqui você pode alterar o alinhamento do texto para o centro ou para a esquerda. E você pode escolher a largura do conteúdo para ser estreita, média ou branca. Ou você pode alterá-lo manualmente arrastando este. Você pode alterar a posição do Meta, significa esta data ou o que quer que esteja aqui. Aqui você forneceu talvez o nome do autor ou algo assim, para que você possa escolher abaixo. Aqui. Eles podem mostrar a categoria. Ele mostrará a categoria e mostrará a data. Vamos clicar em Mostrar nome do autor. Então, além disso, o nome do autor. Agora, o perfil automático para perfil automático é se, se você se lembra, enquanto nos registramos no Squarespace, você precisa acessar as configurações da conta e fornecer uma foto do perfil e tudo mais. Portanto, se você tiver feito isso, ele será exibido na parte inferior e algumas outras opções de estilo e também nas quais você poderá explorar as cores que podem ser alteradas nesta página. Se você quiser. Agora selecione isso, você pode dar o título do seu blog aqui. E aqui você pode mudar a imagem. Então, se eu clicar aqui, você pode adicionar uma imagem. Se você já salvou em seu sistema, vamos apenas perguntar algo. E a legenda aqui você pode alterar se quiser ter a legenda abaixo. Você não quer sobrecarregar a legenda. Se você clicar em Design, poderá alterá-lo para pista 4x2 ou outras opções. Aqui você pode ver que podemos ativá-lo na caixa de luz e outras coisas que você pode fazer se quiser. Você também pode vincular uma imagem a uma página ou endereço da web diferente. Então, sim, é assim que você adicionará uma imagem. E aqui você pode dar uma descrição. Aqui você pode escrever sobre seu blog basta clicar e selecionar tudo, excluí-lo e escrever sobre sua postagem no blog. Então é assim que você pode adicionar uma postagem no blog. E você pode, se quiser, clicar neste sinal de adição e adicionar uma seção de texto ou imagem ou qualquer outra coisa que você queira. Agora, basta clicar em Salvar. E aqui você pode ver sua postagem no blog. E enquanto estiver nesta página, se clicar em Editar, você também poderá editar esta página. Portanto, se você clicar na seção de edição, ela mostrará como você deseja ter seu layout. Portanto, há muitas opções. Você pode simplesmente diodar qual deles você mais gosta. E apenas mantenha-o na grade básica. E você também pode optar por adicionar mais colunas, se quiser. E o espaçamento horizontal e o espaçamento vertical. E aqui você pode clicar para mostrar , exceto para que qualquer pequena descrição você tenha dado seja exibida aqui. Você também pode alterar o alinhamento do texto aqui. É assim que você pode editar a segunda página do seu blog e mudar a cor. Além disso. Veja na próxima aula, o que vai ser divertido, porque tudo se resume. 16. L 16 editado: Bem vindo de volta. Agora vamos ver como podemos mudar as cores e as fontes do site. Então, agora que adicionamos todas as nossas páginas que queríamos. Então, agora vamos mudar a cor e a fonte do nosso site. Então, vamos clicar aqui novamente e ir para Design. E clicaremos nas estadias do site. Aqui é onde você pode alterar as fontes, cores, animação, botões de espaçamento e blocos de imagem. Então, deixe-me clicar aqui. E clicaremos nas fontes. Aqui há muitos pacotes de fontes. Portanto, se você clicar na fonte aqui, poderá escolher entre os pares que o Squarespace já forneceu. Sua serifa sensorial e também mista. Vamos escolher alguma coisa. Então, às vezes acontece, você não conseguirá ver isso, mas pode clicar em Salvar e depois poderá ver. Isso está parecendo, ok, mas eu quero outra coisa. Vamos clicar na fonte novamente e clicaremos na fonte aqui. E combina com este. Então, por causa dessa aula, vamos continuar com isso. Portanto, você também pode alterar esses títulos e parágrafos individuais . Aqui você pode alterar tudo manualmente, mas eu simplesmente escolho o padrão. Mas se você quiser, você pode mudar isso. Você também pode alterar seus botões. O texto do botão e tudo mais. Você pode mudar isso. Se você clicar em Atribuir estilos, poderá atribuí-los. Se você quiser um título no título do seu site. Obviamente, queremos um título. Estamos no site para celular, como você quer? Mas para isso também, eu costumo usar o padrão, mas você pode alterá-lo para e nós simplesmente voltaremos. E outra coisa, se você clicar nas fontes, você pode adicionar sua própria fonte, mas ela solicitará alguma codificação, que eu não vou mostrar nesta classe. Mas se você quiser, você pode, se quiser mudar, usar uma fonte diferente ou quiser mudar essa fonte aqui, você pode fazer isso. Além disso. Clique nesses títulos e clique nesta família aqui. E aqui você pode procurar todas as fontes. Você pode pesquisar a fonte se quiser. Rl, então você pode simplesmente navegar a partir daqui. Você pode escolher qualquer fonte que quiser. Se você clicar em, vamos voltar e agora você clica no parágrafo. Lembre-se de ter um tipo de fonte para títulos e um tipo de fonte para seus parágrafos. Se você não tiver certeza sobre os pares de fontes, sugiro que escolha o Squarespace adie os itens padrão que eles já forneceram. Caso contrário, você também pode pesquisar em todas as fontes aqui. E você pode escolher o que quiser. Então, agora vamos clicar em Cores. E aqui, se você clicar em Editar paleta, poderá adicionar as cores da sua própria marca aqui. Então é assim que você pode adicionar, clicar em uma cor e escolher o HSL ou clicar em hexadecimal. E você pode alterar o código hexadecimal aqui se quiser apenas digitar o código hexadecimal aqui e salvar as cores da sua marca aqui. Além disso, o squarespace tem algumas combinações de cores padrão. Então você pode escolher isso se quiser. Para esta aula, vou usar esses temas aqui. Vamos usar essa cor. Para simplificar, essas paletas fornecidas aqui ou você pode simplesmente clicar aqui e salvar as cores da sua marca aqui e usá-las em todas as páginas. Agora, isso está sendo aplicado a todas as páginas, então você não precisa clicar individualmente em cada página e editá-la. Mas se você quiser, você também pode fazer isso. Eu vou te mostrar como isso mostra o estilo do seu tema. Se eu clicar nisso, você pode mudar tudo isso. As mesmas cores intituladas. Todas essas cores são personalizáveis e você pode alterar tudo o que quiser aqui. Você pode fazer isso se quiser. Agora, clicaremos em voltar. E clicaremos na animação. E como eu disse, mantenha um único tipo de animação para Altair, todas as suas páginas. E você pode fazer isso aqui também. Vamos clicar em Escala. E você pode tê-lo em lento, médio ou rápido. Então, se você clicar no espaçamento, isso também poderá alterar os botões para todo o site. Assim, você pode alterar o texto do botão. E também existem diferentes tipos de botões , como secundário, primário e terciário. Você pode fazer todos os tipos de personalização aqui. E isso se aplicará a todos os botões. Peso do site. Da mesma forma, com o bloco de imagem , se quiser, você pode alterar tudo isso. Agora, esse é um estilo de colagem. Eu acho que você pode simplesmente mudar isso se quiser ouvir. É assim que você pode aplicar essas alterações em todas as páginas do seu site. Eu me sinto perto aqui e clicaremos em Salvar. Então, todas as suas páginas em um prédio. E agora, se você quiser alterar uma página específica, você pode clicar nessa página. E você pode clicar na seção de edição e ir para Cores. E aqui você também pode alterar as cores e o estilo de tom dessa página específica, se quiser. É assim que você pode adicionar cores e fontes ao seu site. Agora que terminamos com as cores e as fontes, agora vamos ver como podemos editar o cabeçalho e adicionar um logotipo. 17. L 17 editado: Vamos ver como adicionaremos um logotipo a um site e também editaremos o cabeçalho. Agora que adicionamos algumas cores ao nosso site. Então, agora vamos editar o cabeçalho. Então, clicaremos em Editar. Tudo bem se você estiver em alguma dessas páginas. Então, clicaremos em Editar e aqui você verá o cabeçalho Editar site. Clique nele e ele fornecerá todas essas opções. Agora, para o site, título e logotipo. Clique nele. E se você não quiser ter um logotipo, basta ter o título do seu site, que é o nome da sua empresa ou seu nome. Se você quiser adicionar um logotipo, basta escolher os quadris aqui e fazer o upload de um arquivo. Eu já salvei um logotipo para essa aula que criei no Canva. Mas se você estiver bem familiarizado com o Illustrator, poderá fazer um no Illustrator. Eu fiz o upload do logotipo aqui. Agora, aqui você pode aumentar ou diminuir a altura do logotipo. Então, eu quero que meu logotipo seja maior, para que as pessoas possam vê-lo e também para dispositivos móveis. Agora, deixe-me aumentar a altura do celular e depois verificar. Caso contrário, se quiser, você pode adicionar um logotipo separado para ângulos de visão móveis. Mas vamos ver como isso funciona aqui. Vamos clicar em voltar. Se você clicar nos elementos, esses serão os elementos ou status do ícone exibidos no, em seu cabeçalho. Então, se você continuar desligado, ele não aparecerá aqui e é melhor tê-lo. E se você clicar em Editar, poderá adicionar outras contas de mídia social. Eu gosto do Pinterest ou do TikTok ou o que você quiser. Então, basta clicar aqui e fornecer um link para o seu perfil do Instagram. E você clica em Salvar e conecta seu Instagram, Facebook e outras mídias sociais a esse ícone. Além disso, você pode diminuir ou aumentar se quiser. Se eu aumentar o tamanho do ícone social, o tamanho aumentará. Se você tiver uma página de loja, você pode clicar neste carrinho e o carrinho será exibido aqui. E esse tamanho do ícone do carrinho também pode aumentar um pouco se quiser. E se você clicar nos botões, se quiser ter um botão no cabeçalho para vinculá-lo a outro lugar, você pode tê-lo aqui. Mas eu vou ficar desligado. Vamos voltar. E se você clicar em estilo, aqui, ele mostrará diferentes estilos de logotipo e seu estado de navegação. Vamos ver, está em dinâmica. Agora, vamos mudar para rosa. E de acordo com a questão, as cores podem mudar. Lute com isso. E você pode manter uma fronteira. Se você clicar na borda aqui, uma borda aparecerá. E se você não quiser, pode optar por desligá-lo. Ou, se quiser, você também pode aumentar a espessura aqui. E você também pode mudar a posição. Talvez você queira apenas uma linha abaixo dela. Então você pode fazer isso. E clicamos em voltar. E agora você pode ter, você pode optar por tê-lo como uma posição fixa. E aqui você pode mudar a permanência à frente ST. Agora clique aqui para ver como ele é visível em um estoque de tecnologia e em um dispositivo móvel. Layout do cabeçalho. Se você clicar nisso, haverá layouts diferentes. exemplo, se você quiser ter seu logotipo no meio, então você pode tê-lo assim, ou você também pode tê-lo assim, se quiser. Você pode mantê-lo inserido ou diminuir o preenchimento vertical ou aumentá-lo. E também o espaçamento dos elementos, você pode aumentar ou diminuir. E aqui também o espaçamento dos links, você pode beliscar e toda essa navegação você pode fazer aqui. E também verifique no celular como seu logotipo está visível. Então, para mim, parece bom o suficiente, então vou continuar. Se você quiser. Você pode. Além disso, adicionou logotipo diferente para o seu celular também. Aqui também é possível alterar o estilo de navegação móvel. A configuração local. Você pode ter uma configuração diferente para dispositivos móveis e computadores. Esse é o ícone do menu. E você pode fazer a espessura pequena, média ou grande. E é assim que você pode personalizar seu cabeçalho. Digamos que estamos nessa equipe. Assim, podemos mudar a cor do nosso cabeçalho também se quisermos. Então você pode fazer isso aqui. E aqui. Digamos que você esteja nessa equipe. E se eu clicar nessa opção Editar, aqui, você verá o cabeçalho. Agora, os links de navegação estão pretos. Você pode mudar a cor para azul se quiser . Para que você possa fazer. Qualquer uma dessas equipes é personalizável. Você pode simplesmente clicar na opção Editar e alterar o que quiser. Começando com botões, imagens, tudo. Muitas configurações estão aqui. Assim, você pode personalizá-lo de acordo com você mesmo. Para que possamos voltar. E sim, é assim que você personaliza sua cabeça. E vamos nos encontrar na próxima aula e eles serão editores. 18. L 18 editado: Bem-vindo à aula. Vamos ver como vamos editar a pegada. Ok, então agora vamos editar nosso rodapé. Então, basta clicar em editar e vamos até o final. E aqui você verá Editar rodapé. Então clique aqui. Então, vamos ver o que podemos fazer aqui. Se você clicar na seção Editar. Aqui, você pode alterar a altura da seção. Você pode clicar aqui e alterá-lo manualmente, se quiser. Você pode alterar a largura dela. Serão pequenos, médios ou grandes. E o alinhamento, se você clicar no fundo, você pode adicionar uma imagem ao fundo, se quiser. Se você usar cores, como fizemos com o cabeçalho, poderá alterar as linhas do rodapé. E aqui também você pode clicar aqui e mudar o legado aqui. Há um cabeçalho. E se você rolar para baixo até os links aqui, dependendo do tipo de seção. Digamos que este seja um link de texto aqui abaixo da opção de menu aqui. Podemos vir aqui e podemos mudar a cor se você quiser. Você pode alterar os ícones. Se você quiser. Tudo o que você pode fazer aqui em todo o site. Além disso. Então você pode personalizar tudo aqui. E se você voltar e fechar isso e realmente conectá-lo novamente. Então, este, se você não quiser ter esse, você pode optar por removê-lo e clicar nele. E aqui você pode assumir o design e mudar sua aparência. E você também pode adicionar mais links clicando aqui. E você pode adicionar outro link aqui. Agora, aqui ele mostrará como você pode. Se você não quiser, você pode optar por removê-lo aqui. Ou então você pode simplesmente adicionar outro link, se quiser. Se você quiser adicionar mais alguma coisa aqui, talvez você possa clicar em. Talvez você queira usar mais tarde. Então, clique neste plus e, em seguida, você pode clicar no bloco de newsletter, e ele aparecerá aqui. E este também você pode personalizar quiser usar. Você pode alterar o design aqui. Se você quiser empilhar ou flutuar. Agora, basta clicar em Salvar. E agora é assim que nosso rodapé é, e é assim que nosso cabeçalho. Agora, se você clicar na visualização móvel, vamos ver como está no filme. É assim que aparecerá no celular. Ok, agora que adicionamos nossa comida, agora deixe-me mostrar como você ainda pode adicionar um lote de biscoitos, que é um bom lote de gdpr. Então, voltaremos e clicaremos em Configurações. E clicaremos em cookies e dados de visitantes. Aqui, clicaremos neste banner de cookie. Agora, aqui você pode mantê-lo em octanagem ou optar por não participar. Você pode fazer um pop-up, mas se quiser, pode guardá-lo como uma garrafa. Então, você também pode primeiro salvá-lo e depois personalizá-lo ainda mais. Você pode guardar os biscoitos, mas na parte superior. Mas eu prefiro mantê-lo no fundo. Você pode tê-lo como claro ou escuro. O que queremos fazer? E você pode ter um botão para a chamada à ação, esse botão de aceitar e recusar. E você também pode personalizar isso se quiser. Essa é a grade. E você precisa ter isso. E agora vamos clicar em Salvar. Então, sim, é assim que você pode adicionar uma forma de cookies na parte inferior do seu site. Agora vamos nos encontrar na próxima aula onde mostrarei como você pode adicionar uma conexão do Instagram ao seu site. 19. Como adicionar o Instagram Connect: Agora vamos ver como podemos adicionar nossa página do Instagram à nossa página inicial. Então, para fazer isso, vá para Configurações. E aqui vamos para contas conectadas. E clicamos em Conectar conta. Em seguida, clicamos no Instagram. Então, se você já tem seu Instagram logado aqui, então você pode fazer isso facilmente. Caso contrário, deixe-me fazer o login rapidamente. Você clica em Permitir e distorcer. Podemos clicar em Salvar. Agora, o que faremos é clicar em Adicionar ao Chrome aqui. Podemos clicar em Consortium. Aqui. Você verá esses, você sabe, layouts de como compartilhar a arte das mídias sociais. Então, deixe-me escolher um deles. Pego esse. Agora, clicaremos na seção Editar e alteraremos todas as configurações aqui. Vamos torná-lo menor. E clique aqui. Edite aqui, clique na conta conectada e clique nela. Agora, seu perfil do Instagram será exibido aqui. Então, aqui, se você clicar, poderá aumentar os itens que deseja mostrar aqui. Ou você pode diminuí-lo. Você quer clicar em Design. E aqui você pode mudar o aspecto, mas eu sugiro colocá-lo no Scratch e vermos o feed do Instagram em quadrados. E aqui você pode fazer mais algumas configurações, como, novamente, aumentar o tamanho da miniatura e tudo mais. Podemos diminuir ou aumentar o espaçamento entre eles. Se você quiser. Se você clicar em uma caixa de luz e clicar nas imagens, elas irão para a página do instagram se quiserem. Clicamos em Ok, agora vamos ver o que mais podemos criar. Se clicarmos em links abertos em uma nova janela. Então, ele abrirá em uma janela diferente para que você possa fazer isso, você pode mudar a forma como ele está mostrando você. Quero dizer, se você quer que seja um escravo da nossa grade, eu empilhei o que você quiser assinar para pular e grelhar pratos como você pode fazer isso. Agora basta clicar em Salvar. E agora, na escola, na página inicial, podemos ver o recurso de conexão do Instagram. Agora você também pode alterar esse. Apenas volte a isso. E se você clicar aqui, poderá alterar isso corrigido ou se quiser. É assim que você pode coletar a conta dela no Instagram em seu site. Talvez na próxima aula mostremos como você pode criar um ícone. 20. L 20 editado: Bem-vindo à aula. Vamos ver como vamos criar uma adição em um navegador. Agora, deixe-me dizer como você pode adicionar um ícone do navegador. Você verá esse ícone aqui, o cubo aqui. Podemos mudá-lo para o que quisermos ter lá. Então, vamos ver como podemos fazer isso. Iremos para Design e clicaremos em Resnick. Aqui, podemos adicionar um tecido. Em primeiro lugar, deixe-me contar como podemos fazer isso. Acabei de abrir uma nova página de GUI e vou pesquisar tecido no gerador para o site. Aqui você terá muitas dessas opções. Então você pode ir com quem quiser. Vamos clicar no primeiro aqui. Assim, você pode adicionar uma imagem PNG aqui e torná-la um ícone do navegador ou um texto, que é a maneira mais fácil. Aqui você pode simplesmente clicar sobre isso. E agora aqui você pode escrever qualquer texto que quiser para alterar todas as configurações aqui. E em alguns minutos, você pode ter o ícone do seu navegador, que ficará mais ou menos assim, se você quiser. Mas se você quiser ter uma imagem como a que eu tenho para o meu site também, eu tenho esse pequeno ícone de flor. Então você pode fazer isso. Deixe-me mostrar como você pode fazer isso. Agora, se você clicar no PNG aqui, podemos arrastar e soltar uma imagem PNG. Agora, eu geralmente tenho minha imagem em um tamanho maior, como 2 mil por 2 mil pixels ou 2500 por 2500 pixels. Vou apenas fazer o upload do PNG, dessa dimensão e podemos tê-lo. Eu sugeriria ter uma imagem arredondada ou quadrada. A maioria dos sites que você verá terá essa imagem redonda ou quadrada. Então, basta arrastar e soltar algo aqui. E eu tenho esse ícone e agora vou clicar em Baixar. Você receberá um arquivo zip. E você precisa extrair primeiro o arquivo zip. Agora voltaremos ao nosso back-end do nosso site. E aqui clicaremos em Adicionar carro familiar. E eu só uso da pasta aqui. Agora vamos ver isso de 192192 a cinco. Como parece. Agora, basta clicar em Salvar. Imediatamente. O polígono não é atualizado. Você pode atualizá-lo, atualizar sua página algumas vezes. Mas mesmo que ele não seja atualizado depois disso, o que você pode fazer é simplesmente limpar seus dados de navegação ou consultar a central de ajuda do Squarespace. Eles têm artigos sobre como você pode fazer isso. E você pode sair e fazer login novamente, e ele aparecerá. Então, deixe-me fazer isso rapidamente. E agora você pode ver o ícone do navegador foi atualizado aqui. Então é assim que você pode adicionar sua própria imagem ou texto Azur mil. Agora vamos nos encontrar na próxima aula onde mostrarei como você pode adicionar uma página protegida por senha ao seu site. 21. L 21 editado: Bem vindo de volta. Agora, vamos ver como vamos adicionar uma página protegida por senha de x. Então, digamos que se você quiser proteger alguma parte do seu portfólio por senha. Então, para fazer isso, vamos primeiro duplicar uma página. Vou apenas duplicar esta página inicial e clicaremos na página de configurações. Aqui, clicaremos na página Duplicada. Clique em Confirmar. Então, isso nos dará outra página. Portanto, limitaremos a proteção por senha e nos certificaremos mantê-la na seção não vinculada. Porque não queremos que ele fique visível na navegação principal. Clicaremos novamente nessa roda de seis configurações. E vamos ao SEO. E aqui vamos escondê-lo dos resultados da pesquisa porque você não quer um mecanismo de pesquisa. Então, faremos pesquisas e clicaremos em Salvar. Agora, clique em Editar. E aqui você pode excluir todas essas imagens e adicionar. Esses padrões são obras de arte que você deseja proteger por senha, que não deseja exibir e manter em segredo. Para alguém que tem a senha, basta fazer o login e fazer esta página. Então você pode simplesmente fazer isso. Eu não vou fazer isso agora. Então, depois de fazer isso, clique em Salvar e, novamente, vá para as configurações. E aqui daremos uma senha. Portanto, você precisa se lembrar da senha, seja qual for a senha que você fornecer. Então, vamos dar uma senha. E clicaremos em Salvar. Agora você vê esse ícone de cadeado aparecendo. Isso significa que agora esta página está protegida por senha. Agora, outra coisa que você pode fazer é fornecer um link para que seu público possa ser acessado. Caso contrário, como eles saberiam que você tem esta página protegida por senha? Então, para fazer isso, talvez em algum lugar na página inicial ou talvez, digamos, na página do Portfólio. Vamos apenas clicar em editar aqui. E talvez possamos adicionar uma seção. Você pode adicionar algo como um texto, como alguns textos com um botão. Vamos editar o texto aqui. Vamos adicionar esse. Você pode escrever algo e torná-lo um pouco menor. E então aqui você pode clicar novamente e adicionar um botão. Ele tem, você pode escrever a solicitação de senha ou algo assim. Então você pode. O que você pode fazer é clicar aqui e vinculá-lo à sua página de contato ou e-mail. Se você estiver vinculando-o à página de contato. E as pessoas podem ir lá e conhecer você. E a partir daí, você pode enviar a eles uma senha para ver esse discurso. Você pode fazer isso se quisermos. Clicamos em Salvar. E agora, sempre que alguém clicar aqui, ele o levará para a página de contato. Então, primeiro de tudo, clicaremos em Concluído. Mais uma coisa que você pode fazer é na página de contato. O que você pode fazer é se conectar como eu fiz. Então, faça no local onde adicionamos a página de contato, como adicionar este formulário. Então, aqui você pode editar os campos do formulário. E se você quiser acrescentar mais alguma coisa, mais detalhes você quer deles. Você pode fazer isso. Você pode anexá-lo assim. Agora, quando alguém visitar a página do portfólio, também terá a opção de ver seu portfólio completo. Então, eles recebem uma solicitação de senha aqui. E se eu clicar aqui, eles serão direcionados para sua página de contato. Aqui e aqui, eles podem clicar e fazer o melhor para obter a senha. Agora, vamos personalizar essa página protegida por senha, na qual as pessoas digitarão a senha. Portanto, há uma maneira de personalizar essa página também. Então, para fazer isso, vamos para Design e aqui clicaremos na tela de bloqueio. Aqui, o que você pode fazer é alterar o layout, se quiser. E há diferentes layouts aqui. Você pode escolher isso ou isso pode ser. Em seguida, você pode clicar em Salvar, Kia. E na marca e no texto, você pode alterar todo esse texto aqui. Se você quiser. Você pode fornecer seu logotipo aqui ou simplesmente digitar seu nome. E aqui você pode escrever algo como x é meu portfólio aqui. E no corpo você pode escrever alguma coisa. Também se você quiser. Você pode clicar aqui para exibir o cadeado. Em seguida, você pode clicar em Salvar. Novamente. Se você voltar aqui, poderá adicionar qualquer imagem, se quiser. Então, novamente, se você for ficar aqui, poderá mudar a cor do fundo, pois eu já coloquei uma imagem aqui. Então, eu adoro fazer isso. Você pode dar uma borda à página se quiser. Agora, aqui você pode alterar esse cadeado dizendo que se quiser aumentá-lo, você também pode alterar a cor do cadeado. Você pode alterar a forma do pulmão, o texto da senha e tudo mais. Você pode alterá-lo para um retângulo. Você pode alterar a fonte se quiser listar coisas, você pode mudar aqui. E você pode mudar a cor e o texto. Agora, novamente, clique em Salvar. E agora lembre-se de que, se você decidir fazer isso e as pessoas solicitarem a senha da página, você deverá fornecer o link da sua página protegida por senha. Então, para fazer isso, vá para as páginas. E se você acessar a página protegida por senha aqui, você clica neste círculo. E aqui você deve fornecer a eles esse URL Slug sozinho com seu nome de domínio www.example.com slash URL Slug protegido por senha. Você tem que dar a eles este link para que eles possam clicar nesse link e eles voltem. Eles serão direcionados para esta página que acabamos de personalizar. Liderar. Eles podem simplesmente digitar a senha e ver a página completa do seu portfólio aqui. É assim que você pode adicionar uma página protegida por senha. Vamos nos encontrar na próxima aula, onde mostrarei como você pode criar uma página 404 personalizada para o seu site. 22. L 22 editado: Bem-vindo de volta à aula. Vamos ver como podemos criar uma página 404 personalizada. Vamos economizar um pouco, qualquer link de oferta está quebrado por acaso. Portanto, as pessoas não devem ficar presas em uma página de erro. Quero dizer, mesmo que seja uma época ou o link esteja quebrado, você deve fornecer a eles algum link para que eles possam voltar para outra página. Ou talvez eles possam procurar outra coisa, se quiserem. Então, eles devem ser capazes de fazer isso. Então, primeiro de tudo, vamos criar, na seção não vinculada, vamos clicar nesse sinal de adição. E vamos gravar uma página em branco. E vamos chamá-lo de 404. Então, aqui clicaremos em Editar e aqui podemos clicar em Adicionar seção. E talvez eu ame, vamos adicionar isso aqui e vamos escolher isso, e clicaremos em Plano de fundo. Agora vamos deletar isso e vamos pesquisar imagens e adicionar algo. Vamos mudar isso. Avalie alguma coisa. Vamos deletar esse botão aqui. E eu não quero isso aqui. E então eu vou adicionar mais um pouco de texto aqui, talvez. Aqui você pode redirecioná-los para sua página inicial. Digamos que toda a sua página de portfólio. Talvez. Vamos escrever algo aqui. Assim, podemos mudar a cor do texto também se você quiser. E vamos mudar a cor aqui também. E clique e selecione abaixo do texto aqui e clique no símbolo deste link. Aqui. Podemos clicar aqui e ir para a página aqui, selecionar sua página inicial e clicar em Salvar. Agora, se alguém clicar aqui, poderá voltar à sua página inicial. E você pode até torná-lo um pouco mais bonito se quiser. Digamos que vamos torná-lo maior. E você pode adicionar alguma outra imagem também aqui, se quiser. A ideia é direcionar as pessoas para a página correta, se alguma vez elas aparecerem. Portanto, eles não devem sair do seu site imediatamente. Agora clique em salvar e agora você pode simplesmente clicar em Configurações e ir para o SCO e ocultá-lo dos resultados da pesquisa. Não queremos isso em um socialismo, então clicaremos em Salvar novamente. É assim que você pode criar uma página 404 personalizada. Agora, para conferir os links, se estão funcionando ou não, basta clicar aqui. E isso está levando isso de volta à nossa página inicial. 23. L 23 editado: Bem vindo de volta. Agora vamos falar sobre otimização de mecanismos de busca. Então, vamos falar sobre SEO, e isso é otimização de mecanismos de busca. Agora eu sei que pode parecer um pouco técnico e assustador, mas não é. Você precisa saber sobre a otimização de mecanismos de pesquisa porque é assim que você melhorará a visibilidade do seu site. E é assim que seu site será ranqueado em mecanismos de busca como o Google. Em primeiro lugar, o Squarespace tem uma lista de verificação de SEO muito boa que você pode seguir. Se você for ao marketing e clicar em um CEO. Aqui você encontrará a lista de verificação de SEO. Então, aqui eles forneceram o que você deve fazer antes de publicar e o que você deve fazer depois da publicação. E também à medida que seu site evolui. Eu já abordei um pouco disso nas aulas. como você pode adicionar o título de um site, como adicionar descrições de SEO. Eu falarei sobre como você pode adicionar descrição do site na próxima aula. E você também sabe como adicionar os títulos e como adicionar um ícone do navegador e escolher a concha para salvar imagens, criar uma foto personalizada para a página. Eu cobri tudo isso. Depois, outras coisas, como você pode conectar o domínio personalizado que eu também mostrei. Como se conectar às mídias sociais. Mostrarei como você pode garantir que o SSL esteja ativado. Você também deve verificar sua escória de URL eu também mostrei como você pode fazer isso. E escolha o formato do URL da postagem do seu blog, como você pode adicionar sua localização e como publicar sua localização on-line. Então, eu já mostrei um pouco disso em minhas aulas. Eu vou te mostrar na próxima lição. Então, basta ler esta lista e ver se você fez tudo isso. Essa é uma ótima maneira de otimizar os mecanismos de pesquisa. Você tem que passar por isso. Então, eles também têm as melhores práticas de conteúdo. Que tipo de imagens são necessárias, que tipo de como escrever o texto, o conteúdo, suas páginas e coleções, tudo. Então, basta ir até esta lista e isso é muito útil. A próxima aula se reunirá e eu mostrarei algumas das maneiras que você pode usar para otimizar ainda mais seu site. 24. L 24 VO: Agora vamos ver como podemos otimizar nosso site. Então, primeiro de tudo, vamos ao marketing e é legal para o SEO. E aqui é onde você pode dar uma descrição do site e uma descrição adequada do site. Isso ajudará na visibilidade do seu site. Dê uma descrição e descreva-a com palavras-chave relevantes. exemplo, digamos que se você é ilustrador, escreva algo sobre isso. Só uma descrição. Como eles escreveram aqui. Ele deve ter entre 50 e 300 caracteres. Em seguida, o próximo passo é voltar e agora clicar em Configurações. Agora, clique aqui nas contas conectadas e clique em Conectar conta. Agora você verá um Search Console, o Google Search Console. Então, site conectado, Google Search Console, login com o e-mail que você usou e faça login rapidamente aqui. Então, depois de fazer login, ele solicitará que você confie no Squarespace e no console de busca elitista. E você terá que clicar em Permitir. Em seguida, esse pop-up aparecerá onde está escrito que o Google Search Console está conectado e pode levar até 72 horas para indexar seus dados. Lembre-se de uma coisa que aqui. Se você voltar para esta página, se você for para o Analytics. Agora, aqui, muitas coisas estão lá, mas algumas delas são recursos premium. Então, digamos que, como um produto do tipo venda na seção de comércio, como você pode ver, esse é um recurso premium. Portanto, alguns deles estarão visíveis e outros não serão visíveis. Se você não tiver um plano avançado básico de comércio automático de comércio eletrônico. Então você tem que ver o que é visível e o que não é. Então, vamos confirmar se o SSL está protegido ou não. Então, para fazer isso, vamos para Configurações e vamos para Avançado. E o SSL está ativo. Então, clicaremos nele e nos certificaremos de que está marcado. Seguro. E estamos bem. Agora também mostrei como você pode otimizar cada uma dessas páginas. Portanto, se você acessar as páginas e clicar em Configurações e acessar aqui, poderá fornecer um título e uma descrição de SEO. Como eu disse em todas as lições, isso é importante. E é assim que você pode otimizar cada uma de suas páginas. Em seguida, também atua sobre como você pode adicionar um título de site, uma palavra-chave. Portanto, se você for editar em qualquer página, poderá clicar no cabeçalho Editar site. Aqui, se você for ao site, eles aprenderão Logo. Aqui você pode escrever ou dar uma descrição. Então, eu só escrevi meu nome, mas eu diria para escrever algo mais, como dizer algo sobre o que você faz. E você também pode incluir seu lugar. Algo parecido com isso. Do meu lado, se alguém digitar o URL do meu site, você verá como ele é mantido designer de padrões de superfície, artista. Então é assim que eu o otimizei. Você pode fazer isso fornecendo o título do site aqui. Você também pode incluir seu lugar. Agora podemos clicar em Salvar. A seguir, se você tiver muitas páginas na seção não vinculada e não precisar de algumas dessas ou de nenhuma dessas páginas que não esteja usando. Em seguida, basta clicar aqui e desativaremos a página. Você também pode fazer isso. Se você for para SEO, também poderá ocultá-lo dos resultados da pesquisa. Portanto, qualquer uma dessas duas coisas, você pode desativá-la completamente ou ocultá-la dos resultados da pesquisa. Em seguida, você deve otimizar suas imagens. E vamos primeiro para esta página Sobre, forneça alguns textos alternativos a todas as suas imagens. Vamos clicar em Editar. E se você clicar na imagem, aqui é onde você pode adicionar um texto alternativo. E você também pode incluir algumas palavras-chave, se quiser. E sempre certifique-se de fazer o upload de imagens JPEG compactadas. Normalmente, se for uma imagem pequena, como uma captura de tela, eu a mantenho no máximo 500 pixels dentro de uma tendência de 200 KB. E se for uma imagem média e for um quadrado, você pode tê-la em mil por mil pixels. Ou se for um retângulo, você pode criar mil por 51500 pixels dentro de 100 a 400 KB. Se for um banner grande, você poderá tê-lo no máximo de 2 mil a 2500 pixels, mas deve ser mantido em menos de 500. Portanto, lembre-se de todas as especificações. Caso contrário, o que acontece é o carregamento de suas páginas afetado. A página não será carregada corretamente. Então, isso não é bom para o seu site. A seguir, como eu disse, você deve renomear suas imagens antes de fazer o upload. Então, renomeie-o com uma palavra-chave adequada e uma descrição relevante. E eu já te disse como podemos fazer um alimento 0 para a página. Portanto, isso também é importante para você como CEO. Então, essas são algumas das poucas coisas que eles podem fazer. E para obter mais informações, você sempre pode seguir lista de verificação de SEO do Squarespace e ver se precisa mais otimizar o site deles. 25. L 25 editado: Bem-vindo de volta à aula. Você fez isso. Agora, finalmente chegou a hora de publicar seu site. Portanto, agora você deve se orgulhar de ter construído seu site completamente e agora é hora de publicá-lo. Então, vamos fazer isso. Portanto, antes de publicar, você pode comprar seu domínio aqui acessando as configurações e clicando no domínio. E aqui você pode obter um domínio. Se você clicar em seu nome, ele mostrará a disponibilidade de todos os domínios. E você pode clicar em um e decodificar o byte aqui. Caso contrário, você pode simplesmente usar seu próprio domínio que você já comprou. E iremos para Configurações. E aqui clicaremos em Disponibilidade do site. E aqui clicamos em Atualizar para publicar. Agora o ILP não está fazendo isso, pois tenho que pagar por isso. Mas ao fazer isso, você será solicitado a selecionar um plano. E você pode escolher um plano de acordo com sua conveniência. E então é bastante autoexplicativo. Squarespace perguntará como você pode fazer isso. Você pode simplesmente fazer o pagamento e revisá-lo e depois poderá publicá-lo. Espero que esse método passo a passo tenha sido fácil o suficiente para você criar um site. Na próxima aula, contarei tudo sobre como você pode obter apoio e ajuda do Squarespace. Agora, a parte mais difícil está feita. encontraremos na próxima aula, onde aprenderemos tudo sobre o suporte e a ajuda do Squarespace. 26. L 26 VO: Se você já enfrentou algum problema ao criar seu site, ou mesmo depois disso, squarespace tem uma Central de Ajuda muito boa. Você pode acessar isso clicando nesta ajuda. E aqui você encontrará a base de conhecimento onde eles fornecerão muitos artigos. Você pode ler. Nossa, eles terão um workshop em vídeo para você. E eles têm webinars, ou você pode contratar um especialista se quiser. Muitas dessas coisas estão aqui. Então, você pode fazer isso acessando a base de conhecimento. Aqui. Eles fornecerão muitos artigos que você pode dar uma olhada e descobrir se seu problema foi resolvido ou não. E se você clicar nesse ponto de interrogação. Agora, aqui você também pode conferir com eles. E esse é o assistente de suporte. Você pode fazer isso se quiser. Há muitas coisas. Também existe um fórum que pode fazer sua pergunta e você receberá duas respostas. E você pode fazer isso. Existe um bom sistema de saúde robusto que está dentro do Squarespace. Então você pode acessar isso. 27. O que fazer em seguida: Bem-vindo à aula. Agora vamos ver como podemos conectar nosso site ao Google Analytics e ao Google Tag Manager. Então, agora que você tem um site blister, a próxima etapa mais importante é conectar seu site, seu Google Analytics usando o Google Tag Manager, para que você possa rastrear todos os seus dados e estatísticas de seu site, que será útil para a otimização de mecanismos de pesquisa e o aspecto de marketing. Se você é um iniciante completo , pode parecer um pouco confuso mesmo se eu lhe mostrar como fazer isso. Então, forneci um guia completo com uma descrição passo a passo. Começando com a criação de uma nova conta, você está conectando sua conta no Google Analytics. Você encontrará esse guia na seção de projetos e recursos. Portanto, não esqueça de fazer o download. 28. L 28 editado: Bem-vindo de volta à aula. Agora, esta é uma aula bônus em que mostrarei como você pode criar um link na página de destino da biografia, mas é diferente. Então, nesta lição, mostrarei como você pode criar um link na página de destino da biografia. Por exemplo. Normalmente fazemos isso usando a árvore de links, mas você também pode fazer isso usando seu próprio site. Então, vamos começar como podemos fazer isso. E vamos até Pages. E aqui na seção não vinculada, você clica neste plus. E vamos adicionar uma página em branco aqui e daremos apenas um nome a ela. Agora vamos para a roda de configurações e vamos para o SEO, e vamos ocultá-lo dos resultados da pesquisa. Clique em Salvar. Agora. Agora, nesta página, clicaremos em Editar. E aqui vamos começar a adicionar alguns textos e alguns botões. Então, primeiro de tudo, eu quero adicionar algum texto. Então, vamos ver. Você pode escrever qualquer coisa. Vamos escrever de boas-vindas. Selecione-o e altere a cor dele. Agora, continuaremos adicionando botões. Então, digamos que esse seja seu link para sua loja, talvez. Então você escreve para loja e clica aqui fornece um URL da sua loja e clica em Salvar. Da mesma forma, adicione outro botão. E vamos apenas escrever, digamos que seja o Pinterest. Da mesma forma, você acessa aqui e clica no endereço da web e pode fornecer o URL do Pinterest aqui. E vamos adicionar outro botão. Talvez leve você a ter algum brinde ou seu boletim informativo. Então você pode fazer isso. E aqui, mesmo negócio, basta clicar aqui, clicar no endereço da web e fornecer a URL aqui. E talvez apenas os direcione para uma página onde você tenha seu brinde, seu boletim informativo, o que quiser. E então vamos adicionar outro botão. E vamos escrever contato. E você pode vincular esta página, esse botão à sua página de contato em seu site e clicar em Salvar. Então, agora vamos dar um bom histórico. Talvez você possa adicionar um pouco da sua imagem, se quiser. Adicione uma imagem e eu já salvei algo. Sim, algo assim. Isso parece bom. Então, podemos clicar em Salvar. Agora, o que precisamos fazer é clicar aqui e copiar esse URL. Slug, talvez dê um nome diferente, como links ou algo assim. Ou clique aqui. Algo parecido. E você pode clicar em Salvar agora. E agora o que você precisa fazer é clicar nesta página aqui e copiar esse URL Slug daqui. Isso significa que www dot your website.com slash links. E copie esse URL e depois cole na sua cama de biografia do Instagram. Você precisa fornecer um link, então colado lá, e pronto. Qualquer pessoa que clicar nesse link chegará a esta página. E você poderá clicar em todos esses botões e acessar as respectivas páginas. Então, vamos ver como fica em um celular. Então, aqui está a aparência em um celular e está muito bem. Então é assim que ficará na sua página do Instagram. Então isso foi para sua aula extra. Espero que tenha sido útil. 29. Considerações finais: Obrigado por participar desta aula. Estou muito feliz que você tenha decidido dar o primeiro passo para começar. Espero que essa aula tenha sido útil para você e tenha facilitado muito a árdua tarefa de criar um site. Agora que você criou um site, sugiro trabalhar na otimização, definindo um site lentamente para que você possa atrair seu público ideal. Eu não encorajaria você a enviar seus projetos para a seção de projetos e recursos para que todos possamos nos ajudar a melhorar nosso trabalho. Além disso, entrega, se possível, porque isso seria útil tanto para mim quanto para outros alunos que desejam fazer essa aula. Eu realmente agradeço. Você pode me seguir no Skillshare e no Instagram em color by manmade. E você também pode acessar meu brinde assinando meu boletim informativo. Nos vemos na próxima aula.