Squarespace 2025: crie um site profissional em pouco tempo

1. INTRODUÇÃO DO CURSO: Ei lá e bem-vindo ao meu curso no Squarespace. Neste curso, você aprenderá tudo o que precisa saber para começar a usar este incrível criador de sites. Vou levá-lo para a a Z para configurar, fazer login, escolher um modelo, editar nosso modelo, alterar o design. Vou levá-lo pelas configurações no back-end e mostrar a você a maneira mais fácil de colocar seu site on-line em pouco tempo. Meu nome é Kevin. Sou web designer e tenho feito cursos sobre hacks de produtividade com produtos do Google, como Gmail, Agenda e drive. E agora decidi começar a criar alguns cursos baseados em web design e as ferramentas são usadas no setor. Se isso parece ser o curso para você estou ansioso para vê-lo lá dentro. 2. Visão geral do curso: Ei lá e seja bem-vindo ao primeiro vídeo deste curso. Neste vídeo, vamos ter apenas um resumo rápido do que vamos abordar nos vídeos futuros. Então, vamos pular direto para dentro. Apenas um esboço aqui. Juntos, vamos começar o curso inscrevendo-se no Squarespace. Se você já tiver uma conta do Squarespace. Caso contrário, passaremos todo o processo desde o início. É muito simples, de qualquer forma. Uma vez designados, vamos escolher um modelo para começar a construir nosso site. O Squarespace é baseado em todos esses modelos que são sites pré-construídos. Realmente. O que vamos fazer é pegar um desses sites pré-projetados, alterar algumas imagens, algumas fontes, algumas páginas, e basicamente fazê-lo processar como queremos que nosso site seja. É uma maneira muito rápida de começar e uma maneira muito popular, e é isso que torna o Squarespace, eu acho tão único. Em seguida, vamos criar algumas páginas e criar algumas páginas e apenas ter uma visão geral sobre como fazer tudo isso. Você sabe, crie algumas configurações globais. Talvez desejemos que todos os botões um site pareçam de uma maneira específica, ou queremos certos elementos que tenham as mesmas cores em todo o site para obter consistência, podemos fazer tudo isso no visão geral de configurações e design. Em seguida, veremos o próprio editor do Squarespace. Então, como mover e adicionar conteúdo a páginas específicas. Então, iremos para talvez a página inicial para começar. E o que faremos é remover itens, adicionar itens , remodelar e redesenhar coisas e mostrar como fazer isso sozinho também. Em seguida, vamos adicionar um ícone fab, que é o pequeno ícone que aparece na guia do seu navegador. Você veria o nome do site com o pequeno ícone ao lado dele. Que vamos basicamente alterá-lo e remover o Squarespace padrão uma vez. Então, se você tiver um logotipo com o qual já está trabalhando, podemos adicioná-lo lá. E eu realmente vou nos dar um resumo rápido sobre como fazer logotipos muito rápidos e fáceis de qualquer maneira, usando o Canva, que é gratuito, totalmente gratuito a propósito. Sim, vamos pular e fazer isso. Então, no final, quando tivermos nosso site preparado e pronto para começar, veremos um plano do Squarespace que se adequaria a você. Portanto, o squarespace é um serviço de assinatura. Eles incluem tudo para que você não precise fazer como configurações do WordPress e plug-ins instalados e tudo mais. Jazz. Você acabou de vir ao Squarespace, diga a eles como seu site quer ser. Podemos adicionar um domínio no final. Há opções e opções de preço também para fazer isso. E o Squarespace, em seguida, apenas tira uma taxa de você todos os meses ou anualmente, eles também lhe darão um desconto, faz alguns pequenos complementos, bem como opções diferentes, dependendo que tipo de site você está procurando. Então, esse é realmente apenas um nível muito alto do que vamos fazer e como vamos trabalhar nos próximos vídeos para levá-lo a pé e continuar. Então o que você precisa é só de você mesmo, um computador, obviamente com alguma conexão com a internet, caso contrário você não estaria me observando agora. E talvez um chá, café ou o que quer que você goste naquele segundo, você pode ignorá-lo. Acabei de colocar isso por diversão. Então, o que você gosta de ter para relaxar e apenas ter calma para a próxima hora ou mais enquanto passamos por isso juntos, o que algumas pessoas acham útil é que elas podem assistir para o curso apenas ter calma para a próxima hora ou mais enquanto passamos por isso juntos, o que algumas pessoas acham útil é que elas podem assistir para o curso e depois assista novamente. Por que construir o site juntos. Isso é algo que você pode achar útil também. Ok, com tudo isso em mente, vamos e pular direto para dentro. Vamos usar o Squarespace para fazer de você um site em pouco tempo. Então, vejo você no próximo vídeo quando começarmos. 3. Como fazer login no Squarespace: Ei lá e seja bem-vindo de volta. Então, neste vídeo, vamos entrar no Squarespace ou nos inscrever Squarespace se você ainda não o fez. Então, vamos pular direto para dentro. Estou em uma página em branco do Google aqui. E o que vou fazer é digitar o Squarespace, SQL ou ESP ACE. Se você pesquisar no Google, encontrará muitos resultados aqui. Você também pode ir diretamente para squarespace.com ou SQL puro ou comer Spac.com. Certo, e isso nos levará à página inicial do Squarespace. Agora, talvez você não veja isso quando estiver seguindo este curso. Às vezes, eles mudam esse layout com bastante frequência. Portanto, não hesite se você vir algo diferente do que estou vendo agora. Basicamente, é a página inicial do Squarespace. Eles nos contam algumas coisas sobre o que eles fazem de melhor. De qualquer forma, tudo o que precisamos fazer daqui é clicar no botão Começar no canto superior direito. Então, quando clicamos em Começar, isso nos levará a um questionário. Nós realmente não precisamos ser muito específicos aqui. O que o Squarespace está tentando fazer é tentar determinar que tipo de modelo ele quer nos mostrar. Então você pode colocar qualquer coisa aqui, se quiser. Se você estava construindo um site que tenha alguns serviços, talvez você seja um carpinteiro ou talvez seja consultor. Denote que podemos preencher algumas informações aqui. Então eu não sei, vamos apenas dizer tecnologia. Sobre o que o site vai ser? Talvez seja um lado da tecnologia, talvez seja um site de marketing. Eu não sei. Não precisamos ler para nos concentrar muito aqui. Assim, você pode clicar em uma ou duas coisas e clicar em Avançar. Diz, quais são seus principais objetivos? Então eu não sei, talvez você queira ter um formulário de contato. Talvez queiramos vender algum genoma de serviços, ou pelo menos apenas comercializar meu negócio, eu acho. Mais uma vez, não é muito importante aqui. Você pode colocar algumas coisas para baixo. Você pode ignorá-los inteiramente, se quiser também. Certo. Por que onde você está no processo? Mais uma vez, podemos pular isso. Eu só vou dizer que crescer um negócio existente em nada. E vou clicar em Concluir. Então, tudo o que está fazendo é tentar encontrar os modelos certos para nós. Então estamos aqui e basicamente vamos começar a passar por algumas ideias de modelo. Agora, isso é tudo o que há para entrar no Squarespace e configurar. Vamos criar alguns detalhes em breve sobre o que gostaríamos. Mas no próximo vídeo, vamos ver alguns modelos e talvez escolher um para trabalhar. Então, vou aprofundar um pouco mais em seu próprio vídeo sobre esses detalhes. Então, vejo você. 4. Como escolher um modelo: Ei lá e seja bem-vindo de volta. Então, vamos pular direto e encontrar um modelo para trabalhar. Então, estamos aqui com todos os modelos que o Squarespace fornece excesso. Aqui estão alguns modelos mais bem combinados com o que você está procurando. Como você pode ver ao rolar a página, temos algum tipo de visualizações para modelos de sites existentes que poderíamos usar. Há muitos aqui, muito para trabalhar. No topo aqui, temos o tipo de site que estamos fazendo à esquerda e alguns tópicos aqui à direita. Agora, atualmente, os serviços profissionais são destacados. Eu poderia voltar e clicar em todos os modelos aqui. Você sabe que se você quiser procurar talvez um negócio local, você poderia selecionar este ou site de comida, você pode selecionar isso. Mas, novamente, sinta-se à vontade para apenas navegar e descobrir qual deles combina com você. vez, vamos dar uma olhada neste aqui para que possamos clicar no botão de visualização aqui. E isso visualizará um dos modelos para nós em um pequeno quadrado, como quase um site. Em um site. Certo, e à medida que rolamos para baixo, isso nos dá uma prévia muito rápida de como será este site. Temos uma seção de biografia, seção de título aqui. Então, dois bits para trabalhar. Novamente, algumas páginas, todos esses modelos também incluem essas páginas. Eles também incluem o layout de design e você também pode selecionar Exibir site de demonstração, que basicamente carregará o site em sua própria guia para que você dê uma olhada em dois. Então, isso é muito útil. Mais uma vez, não vou escolher este. Acho que vou dar outra olhada novamente. Vou voltar e selecionar todos os modelos. E acho que estamos procurando algo muito simples para o qual possamos ter uma página inicial. Talvez tenha alguns detalhes sobre sua empresa e talvez algumas coisas sobre os serviços que você oferece. Então, como você pode ver, há alguns layouts e designs muito bons aqui. Não precisamos nos ater exatamente às fotos e ao conteúdo que são usados em cada uma delas. Estamos autorizados a mudar isso. Gosto deste. Então, podemos dar uma olhada neste. Vamos visualizar este juntos. Então, temos nossa navegação aqui no canto superior direito, onde talvez um botão que peça ao usuário para fazer alguma coisa. O título no canto superior esquerdo, temos o call to action aqui. Temos um título, algumas informações e um botão. Portanto, não parece um botão, mas é um link. Talvez possamos mudar isso mais tarde. Algumas aulas futuras. Mais uma vez, não precisamos, podemos mudar isso para dizer o genoma de nossos serviços e mudar a foto sobre o que fazemos. Se você é um carpinteiro ou se você é eletricista ou mecânico ou qualquer coisa ou negócio de consultoria, você pode colocar fotos e títulos de seus serviços aqui e, em seguida ver mais serviços se quiser gostar. Mais uma vez, não é muito ruim. Nossos instrutores. Sim. Quero dizer, podemos mudar essa informação para se adequar a nós mesmos. Isso é absolutamente bom. Sim, quero dizer, mesmo essas coisas aqui em cima podem ser alteradas. Novamente, isso é tudo sobre realmente o layout. Este é um bom layout? Gosto da simplicidade disso. É muito minimalista de certa forma, muitos espaços em branco e sou um grande fã disso, não vou mentir. Acho ótimo para um tutorial também. Então, vamos voltar. E basicamente, quando você escolhe seu modelo, você pode selecionar, começar com este modelo. Então comece com carvão Lima. Acho que isso está frio. Então, se eu selecionar que eram chamados de lêmure, basicamente vai tudo bem. Se você quiser continuar trabalhando com este modelo, precisará criar uma conta conosco, certo? Então você tem algumas opções diferentes aqui, pessoal, para criar uma conta. Você pode continuar com o Google, Apple ou talvez um endereço de e-mail, Juno. Então, vou continuar com o Google aqui, ok? E isso vai me trazer algum endereço de e-mail à distância que eu uso para meus cursos de Skillshare. Então, se você estiver conectado ao Google, você pode usar isso ou simplesmente se inscrever com um endereço de e-mail, senha, esse tipo de coisa também. Certo. Então, vou me inscrever com esta conta do Google aqui. Então, com meu gmail.com. E o que é feito é basicamente configurar meu site para mim. Então diz, ok, você criou uma conta conosco. Você está basicamente aqui o seu modelo com o qual você decidiu. E podemos dar a ela um site, um nome aqui. Então, agora que entramos, podemos dar ao site uma nota para este exemplo. Só vou dizer meu site. Certo. Quero dizer, você pode colocar qualquer coisa aqui ou eu poderia, eu acho, se eu estivesse fazendo se eu estivesse fazendo este site sobre cursos, como nós os chamamos de cursos do Kevin. Cursos de Kevin. Digamos que eu vou criar um site onde coloquei todos os meus cursos lá. Não consegui fazer isso. Então, os cursos do Kevin, vou clicar em Continuar. Mais uma vez, algumas informações aqui. Vamos passar por tudo isso de qualquer maneira. Só está nos dizendo o que podemos fazer. E quando você clicar nisso, você será desembarcado para este painel. Agora, vou terminar este vídeo aqui. E no próximo vídeo, teremos uma visão geral do que está acontecendo aqui. Mas é isso mesmo selecionar um modelo, verificar qual deles combina com você, selecionando um para entrar. E então, quando você criar sua conta, você será trazido para esta área aqui. Então, no próximo vídeo, veremos este painel e trabalharemos em nosso caminho e eu lhe darei uma visão geral de tudo. Então, vejo você. 5. Visão geral do painel: Ei lá e seja bem-vindo de volta. Então, aqui estamos no painel. Acabamos de entrar e escolher um modelo. Então, o que você fez agora ao se inscrever é que você iniciou um julgamento de 14 dias com o Squarespace, então você tem duas semanas inteiras para enlouquecer. Você pode mexer com esses sites. Adicione conteúdo, remova conteúdo, quebre algumas páginas, adicione isso, adicione isso. E depois da avaliação de 14 dias, vamos nos inscrever para um plano de assinatura. Então, o que é realmente útil sobre esse serviço é que você pode criar seu site primeiro e ver se ele combina com você antes de se comprometer com qualquer tipo de assinatura. Então esse é um recurso muito popular para o Squarespace. Hum, então, de qualquer forma, olhe, vamos dar uma olhada no painel aqui. Mais uma vez. Do lado esquerdo, temos nossa lista de por que eu disse novamente, esta é a nossa primeira vez olhando para ele. No lado esquerdo, temos uma lista de opções aqui que nos ajudam a configurar para citar. As páginas nos ajudarão a adicionar e remover páginas no site. O design permitirá alguns controles de design. Podemos selecionar este se quisermos fazer algum trabalho de comércio eletrônico mais tarde, se você quiser vender itens, não vamos realmente cobrir isso neste curso. O marketing nos ajudará a configurar algumas ferramentas de marketing e SEO para o site. Agendamento. E novamente, não é muito necessário aqui, não vamos cobrir muito agendamento. Esse é outro recurso que você pode adicionar. Podemos, eu poderia fazer isso em um curso separado. Análise. Steve, se você tiver visitantes e de onde eles estão vindo para visitar seu site, configurações de perfil e alguma ajuda. Ok, vamos passar por esses um por um de qualquer maneira. Aqui está o ícone do Squarespace no canto superior esquerdo. Então, se você estiver em uma configuração e não tiver certeza para onde ir, basta selecionar isso e isso sempre o levará de volta à sua conta em seu painel. Agora, se você aparecer nisso, basta clicar no site novamente. E isso nos levará de volta para onde estávamos. Então aqui está nosso site à direita. É uma espécie de prévia do site. Ok, então é assim que nosso site atualmente se parece. Temos nosso ganho, temos nosso título ou imagem ou barra de navegação. No topo, temos a página que estamos vendo atualmente, que é a página inicial. Se eu selecionar nossos instrutores, ele mostrará a página de nossos instrutores. Ele nos dirá se a página foi publicada ou não. que significa que está disponível para as pessoas visitarem quando estiver ao vivo, que é o caso aqui. Podemos não publicar essas páginas também, para que elas não fiquem visíveis para os usuários. No lado direito, temos apenas alguma visualização móvel e visualização de desktop, o que é incrível, considerando que mais da metade de todos os visitantes de sites atualmente estão no celular. Portanto, podemos ver como o site se parece no celular a partir deste painel, o que é realmente útil. Mais uma vez, podemos interagir com, uh, como você faria em um dispositivo móvel. E vamos desfazer isso de volta para nossa visualização de desktop. Se eu quisesse ver o que isso parece como visualização completa, posso selecionar essa seta aqui e ela preencherá essencialmente a tela para nós. É assim que o site ficará sem nenhuma barra de ferramentas para o usuário. Então, novamente, é tudo sobre configurar seus sites da maneira que você gostaria que se parecesse. Ok, então essa flecha ainda está lá. Então, se selecionarmos isso, isso nos trará de volta. E esse é realmente nosso painel aqui. Quando estivermos prontos para editar o site, selecionaremos Editar. E isso abrirá as ferramentas de edição com as quais podemos jogar aqui. Então, como você pode ver, uma edição selecionada. E agora temos todas essas caixas, mas ainda não vou entrar nisso. Vamos configurar algumas configurações universais primeiro à esquerda. Ok, então no próximo vídeo, vamos simplesmente pular para a seção Páginas. E o que vou trazer você através de alguns dos detalhes lá. É importante que passemos um pouco de tempo acertando nosso layout e nossa nosso layout e nossa base ao construir o site. Porque dessa forma você sabe como suas páginas são chamadas, onde elas estão, como elas estão conectadas. E então você pode adicionar todo o conteúdo que você gostaria. E isso torna a vida muito mais fácil para mais tarde. Tão legal, vejo você no próximo vídeo em que editamos e adicionamos algumas páginas. E te vejo lá. 6. Adding, deleting e edição Pages.mp4: Ei lá e seja bem-vindo de volta. Neste vídeo, veremos a seção de páginas. Então, vamos pular direto para dentro. Assim, podemos passar o mouse para a esquerda aqui e selecionar Páginas. Agora, à esquerda, temos nosso menu de navegação principal aqui, que é basicamente qualquer uma das páginas que estão conectadas à nossa barra de navegação aqui. Portanto, temos uma página Sobre, temos nossos instrutores, temos nossas aulas, localização e blog. Ok, então há algumas coisas aqui que precisamos, não precisamos, vamos criar um site muito simples, então não precisamos muito disso. Aqui embaixo. Temos algumas páginas não vinculadas. Novamente, que essas páginas não estão na nossa barra de navegação, mas elas existem no site. Então é assim que esse lado esquerdo está quebrado. Podemos selecionar em nosso, digamos nossa página inicial aqui. E nossa página inicial não está no menu de navegação, mas podemos colocá-la no menu de navegação. Tudo o que simplesmente temos que fazer é segurar e arrastá-lo para o topo. E isso será atualizado e a casa será adicionada à nossa navegação. Agora, alguns sites gostam de fazer isso e outros não. Então, novamente, cabe a você. Muitas pessoas podem perceber que quando você clica neste site, nome do site, ele o levará para casa. Mas algumas pessoas gostam de ter casa no menu de navegação também. Então, vamos deixá-lo lá por enquanto caso isso seja algo que você gostaria de fazer. Agora, podemos ver que a página inicial aqui está destacada. Há uma lata de lixo no lado esquerdo. Então, se quiséssemos excluir esta página, poderíamos simplesmente selecioná-la. E há um ícone de engrenagem aqui ao lado da página inicial. Então, se eu selecionar nesse ícone de engrenagem, basicamente temos algumas configurações gerais sobre esta página. Então aqui temos algum título da página. Nós o chamamos de casa, como ele aparece na navegação. Nós o temos em casa também. O slug de URL é simplesmente como ele aparece aqui na barra de URL. Agora, quando sua página é definida como a página inicial, ela nunca mostra a barra de floresta em casa. É como ir para facebook.com. Quando você clica em Facebook.com, você é levado para a página inicial. Mas se você olhar para a barra de URL, não diz facebook.com, barra para frente para casa, que era para seu facebook.com. Então está tudo bem. Mas se essa fosse outra página, você poderia mudar isso também. Você pode proteger esta página com senha, se quiser. Assim, você pode adicionar uma senha aqui e essencialmente conhecido seria capaz de acessá-la, a menos que eles tenham a senha para a página. E você também pode duplicar esta página. Então, se você quisesse nos duplicar e talvez criar outra página semelhante a esta, essa também é uma boa opção. No lado esquerdo, temos mais algumas opções em relação ao SEO. Vamos olhar um pouco para isso mais tarde, tudo bem, imagem social, que você possa adicionar uma imagem aqui para ver como seria sua página se você compartilhasse nas mídias sociais, então basicamente um ASR, um a imagem surgirá. E há algumas configurações avançadas aqui, como se você quisesse adicionar algum código, mas não vamos nos concentrar nisso por enquanto. Mais uma vez, isso é bem simples, não é? Portanto, há nossas configurações gerais para nossa página. Então, vou clicar em Fechar. Ok, nós, vamos dar uma olhada e ver quais páginas vamos manter. Ok, então nós basicamente, queremos uma página inicial, nosso site uma vez e sobre página, talvez apenas algumas palavras sobre quem somos e o que fazemos. Nossos instrutores podem ser nossos instrutores. Isso não vai ser uma aula de instrução. Então, vamos mudar esta página para nossa equipe ou nossa equipe, digamos que nossa equipe. Então, vamos clicar no ícone de engrenagem ao lado de nossos instrutores. E vamos mudar o título da página para nossa equipe. Agora na navegação. Queremos mudar isso lá também. Então, vamos mudar isso para nossa equipe. E o URL Slug. Não vamos seguir adiante cortar nossos instrutores. Também vamos mudar isso para encaminhar nossa equipe de traço. A página está ativada. Não queremos excluí-lo e não queremos duplicá-lo, não queremos como página inicial, então está absolutamente bom agora. Certo, acho que isso é muito bom. Vou para nossos detalhes de SEO. Esse é o tipo de detalhes que aparecem no Google quando esta página pesquisou. Faremos uma rápida recapitulação mais tarde. Mas se você quisesse entrar agora, você poderia selecionar o SEO e simplesmente mudar isso para nossa equipe também. Observe que quando eu digito detalhes, o que vem aqui é como será no Google um pouco. Mais uma vez, voltaremos a isso mais tarde. Sim, então isso é realmente tudo o que precisamos fazer por enquanto. Ok, certifique-se de clicar em Salvar no canto superior esquerdo. E então nossas alterações são salvas. E olha, temos nossa equipe, nossa equipe. Diz nossos instrutores por enquanto, mas isso está na própria página. E vamos cobrir isso em breve. Tudo o que estamos fazendo é realmente mudar os títulos quanto ao que está aqui e o que está em nosso painel poderá mudar isso muito em breve. Aulas, não acho que vamos chamar essas aulas, digamos que nossos serviços. Ok, então novamente, vou clicar no ícone de engrenagem, mudanças nos serviços. Vou mudar isso para serviços. Você é uma página de serviços de barra direta habilitada. Legal. Vou apenas ir para a guia SQL, mudar isso para serviços. Mais uma vez. Você não precisa fazer esse SEO por enquanto. Vou clicar em Salvar aqui. E ele deve ser atualizado aqui. E ele deve ser atualizado aqui. Localização. Nós realmente não precisamos disso, não é? Pode ser um formulário de contato seria bom. E geralmente você pode colocar a localização, também estamos em contato. Portanto, podemos alterar esta página para contato. Cliquei no ícone de engrenagem e vou mudá-los de local para contato. Ok, contato de barra para frente. Legal. No SEO, vou mudar isso para um. Estou aqui, entre em contato. Certo, vou clicar em Salvar. Então isso está começando a parecer um pouco melhor. Este blog aqui, veja, temos um blog. Não quero que meu site tenha um blog. Nós realmente não precisamos disso. Ok, então vou mover este blog aqui para os itens não vinculados. Então você pode manter este blog se quiser experimentar um mais tarde. vez, um site de blog é, é um pouco diferente, certo? Vai mostrar alguns itens do blog. Posso criar um curso separado para criar sites de blog do Squarespace. Então, por enquanto, na verdade, não vamos usar um blog. Então, vamos nos certificar de que estamos em nossas páginas e você sabe o que vamos fazer, vamos lixar isso. Vamos usar o ícone do compartimento no lado esquerdo do blog e vamos colocar isso no compartimento. Sim, eu confirmo. Adeus. Fora do caminho. Não precisamos mais nos preocupar com isso e ficar confusos com isso, ok? Certo. Acho que isso é muito bom. O livro é uma aula. Vamos excluir isso também porque não vamos reservar nenhuma aula aqui. Certo, vamos remover a página dois. E temos esse grande botão chamado Booker class aqui. Vamos mudar isso em breve. Talvez façamos disso a página de contato e em vez disso, mas vamos atualizá-los mais tarde. Certo, legal. Procure Agora, conseguimos editar as páginas existentes no modelo e adicionar nossos próprios detalhes. Então, estamos indo muito bem. Estamos chegando lá e estamos conseguindo a configuração das fundações. Se você quisesse adicionar outra página ao site, por exemplo, digamos que não havia. Você queria outra página para obter mais detalhes sobre algo específico. Você pode simplesmente adicionar uma nova página acessando o botão Adicionar aqui ou o botão Adicionar aqui. Então, em seguida e não vinculado, se você clicar no botão Adicionar, poderá adicionar muitos tipos diferentes de páginas. Você pode adicionar uma página em branco. Você pode começar com um design ou layout, ou você pode agendar como uma reserva ou uma página de reserva de aulas. Isso é algo que faremos, talvez em um curso separado. Novamente, ou se você estivesse configurando um blog, é aqui que você configuraria um blog. Se estivéssemos configurando uma loja de comércio eletrônico para vender itens, você poderia criar uma página aqui para ver todas essas opções. uma vez, um portfólio também. Então, o que podemos fazer aqui é onde você pode criar uma página em branco e olhar, basicamente ela criou uma página vazia para eu jogar mais tarde e eu posso dar ao nome da página. Vou chamar isso em branco. Vou chamar essa página em branco. Vou clicar em Salvar. Eu realmente não vou usar isso, mas é assim que você criaria. Ou você pode selecionar um desses layouts de página. E o que você tem aqui é muito bom layout aqui. E esta é provavelmente a melhor maneira de fazer isso. Aqui. Olha, se você quiser adicionar alguns detalhes, como uma página de galeria. Aqui estão algumas opções sobre como adicionar uma galeria ou talvez algumas páginas de galeria pré-construídas aqui. Eu poderia selecionar esta galeria uma e depois chamá-la de galeria. E clique em Enter. Em seguida, temos uma página de galeria para o site. Muito legal, e podemos editar todo esse conteúdo em um vídeo posterior quando vamos ao editor. Então, nós cobrimos um pouco. Nós abordamos como alterar detalhes de páginas existentes, excluir páginas, adicionar páginas. Mais uma vez, estamos apenas recebendo nossa configuração de fundação. Então, no próximo vídeo, vamos dar uma olhada em algumas configurações de design. Você sabe, talvez obtendo uma visão consistente em nosso design em todo o site. E estou ansioso para vê-lo então. 7. Estilos do site e configurações globais: Ei lá e seja bem-vindo de volta. Neste vídeo, veremos a guia Design do lado esquerdo. Então, voltei ao painel aqui do nosso site Squarespace e vamos clicar em design. Então, aqui temos muitas opções diferentes e vamos voar rapidamente por algumas delas e apenas ver o que elas fazem com o nosso site. Então, novamente, diz aqui introduzindo sites, estilos de site. Isso é algo que eles introduziram recentemente no Squarespace. Então você pode achar isso muito útil. Acho incrível. Não defina alguns estilos que você pode usar em todo o site, Roterdã, em todos os lugares e clicando em cada título, cada pedaço de imagem, alterando as configurações em mudança em todo o site. Novamente, quando você muda, quando você disse essa configuração global aqui, isso afetará tudo o que está definido para efeito em todo o site. O que significa que, se você quiser atualizar uma fonte mais tarde, você deseja alterar a fonte de todos os títulos. Você simplesmente o altera em um só lugar e todos os títulos são atualizados. Isso torna a vida muito mais fácil. De qualquer forma. Vejamos os estilos do site aqui. Em design, nossa primeira opção aqui é Estilos do Site. Então, vou clicar em Fechar aqui e tudo bem. Dependendo da janela que você está olhando, às vezes pode abrir uma nova guia à esquerda, mas para mim ela está aparecendo à direita. É o mesmo tipo de coisa. Então, novamente, podemos alterar alguns estilos de sites aqui. Podemos atualizar a fonte. Então, atualmente, nosso pacote de fontes está usando o Acumen Pro. Podemos mudar isso, você sabe, como se eu pudesse alterar o tamanho da fonte, o tamanho base. Então, o tamanho inicial em que tudo se baseia. Temos nossos estilos tecnológicos globais aqui. Por exemplo, isso é realmente o que queremos olhar. Nossos títulos estão usando o Acumen Pro, que é este aqui. Esses então são os parágrafos. Eles estão usando Poppins e os botões estão usando outra coisa. Mas, na verdade, vamos olhar para o Bob e separadamente muito em breve de qualquer maneira. Então, sob títulos, digamos que queremos mudar os cabeçalhos para não, vamos mudá-lo para um controle. Vamos realmente mudar de departamento para que ele corresponda ao corpo. Certo, isso não é muito ruim. Vamos talvez tentar outra fonte para que possamos realmente procurar fontes aqui, temos muito com que trabalhar. Há uma fonte que eu gosto de usar chamada Montserrat. Lá vamos nós. Certo. Gosto dessa fonte. Então essa é a nossa nova fonte para o título com o qual vou ficar. Então eu selecionei meses ou em, e posso simplesmente clicar de volta aqui. Certo? Então, nossa fonte é essa. Podemos alterar o peso para denotar um título de pedregulho. Denote talvez não seja tão ousado. Novamente, quando podemos mudar o estilo, você pode tamanho itálico coisas, você pode alterar os títulos. Portanto, o cabeçalho é para ir para, está definido para odores indo para baixo. Vamos definir isso para três indicados como títulos diferentes aqui. Então, novamente, dependendo do tipo de cabeçalho, também podemos definir um valor universal para eles. Aqui, como todos os nossos Título 1s, parece um bom tamanho. Acho que isso é uma cabeça e quatro. Então o que vamos fazer é talvez, derrubar isso um pouco de novo assim. Mais uma vez, podemos alterá-los individualmente mais tarde. O Título 2 talvez os derrube um pouco, sim, um pouco assim. cabeçalho 3s está dentro dessa caixa, talvez derrubá-los. Mais uma vez. Posso estar gastando muito em valores globais. Você não precisa gastar tanto tempo. Você poderá fazer tudo isso individualmente mais tarde de qualquer maneira. Então, novamente, há alguns estilos de fonte legais com os quais você pode brincar se quiser entrar em cores, ok, eu posso escolher uma paleta de cores. Você pode basicamente editar a paleta aqui. Você poderia dizer andar, pilotos são brilhantes que eu gosto daquele cinza. Talvez esse cinza precise ser um pouco diferente, talvez um pouco amarelo. Olha, está atualizando nossos botões e são, são, são links. Aqui temos um bom ouro. Gosto disso. O verde e o dourado são bons. Vamos meio que, é meio que experimentar etanol. Talvez eu não esteja escolhendo o ouro certo aqui, temos algumas predefinições que são meio legais. Podemos escolher entre uma predefinição também. Então eu seleciono em uma predefinição aqui e ela atualiza o site com base na predefinição que selecionei. Talvez haja muito azul acontecendo. Este aqui, este branco, amarelo e preto. Vamos clicar nisso e escolher essa predefinição. Certo, bom. O grande tipo de aviso aqui não é, isso não parece muito acolhedor e caloroso. Então, vamos clicar no botão Desfazer aqui. E isso deve desfazer algumas de nossas predefinições. E isso pode nos trazer de volta à nossa predefinição original. Sim, eu gostei do fato de que era meio cinza e preto, mas vou adicionar essa cor dourada. Isso parece bom. Certo? Então você tem a opção aqui de definir sua própria paleta e substituir as cores escuras aqui e as cores brilhantes, e até mesmo escolher algumas predefinições de paletes que também funcionam. Então é assim que você afetaria as cores em seu site. Certo? E então você pode meio que efeito aqui. O que é que você pode definir um certo mais claro, você pode definir certos tons das cores com as quais estamos trabalhando, o que também é legal. Animações. Ok, então eu não acho que este site tenha animações, mas o que você pode fazer aqui é que você pode selecionar no desvanecimento. Então assista enquanto carregamos nosso site, esses, esses tipos de elementos desaparecem à medida que rolamos para baixo. Isso é legal, não é? Então isso é algo que eu realmente gostaria. Há outros aqui como escala. Eles aparecem deslizam para cima. Observe que esses dias meio que deslizam para cima. Olhe para isso aqui. Isso desliza bem. Clipe. Aqui está outro. Meio que o desvanece na taxa spot. Ele não sabe que já sabe a diferença entre nenhum. Flexiona um pouco legal, onde ele meio que vem do fundo. Isso é um pouco legal extra como flexionar um, eu não vou mentir. E você pode mudar a velocidade aqui para que você possa fazer isso acontecer muito rápido. São muito lentos. Talvez não seja muito lento, mas o mais rápido, meio legal. Sou um grande fã do destino. Não vou mentir. Eu só acho que o fade é bom e simples, direto ao ponto. E você não pode dar errado em apenas desaparecer em detalhes. Então, na verdade, vou deixar desaparecer como minha animação. E isso é ótimo porque essa animação é definida em todo o site, o que é ótimo. Certo, vai tornar a vida muito mais fácil para você. Há algumas opções de espaçamento aqui. Quero dizer, você pode definir a largura da página para certos detalhes, como você pode baixar dessa maneira. Então, apenas sua página é meio magra. O conteúdo no site está bloqueado em uma determinada largura. Vou trazer isso para o padrão de 1400. Não me importo com isso realmente. E você tem um leve casamento e também. Mais uma vez, eu nem mesmo mexeria com isso. Basta deixá-lo como padrão se você quiser o modelo porque nós o escolhemos e, em seguida, basta deixá-lo por padrão. Eles são muito legais. Olha, isso é realmente meio que saltar para os estilos do site. Eu só não quero que esses vídeos continuem um pouco tempo demais, então eu quero mantê-los de tamanho mordido se você quiser saltar de volta para mais tarde. Então, vou criar o próximo vídeo com base em botões. Então eu vou te ver naquele vídeo. 8. Botões de estilo: Ei lá e seja bem-vindo de volta. Neste vídeo, vamos ver os botões. Botão aqui em Estilos do Site. Então, vamos pular direto para dentro. Certo? Então, analisamos as fontes, cores, animações e espaçamento. Então, vamos selecionar botões aqui. Então, o que podemos fazer é definir um estilo de botão para ser usado no site. Por exemplo, temos um botão aqui. Temos um botão aqui, um botão aqui e ali, e um botão aqui. E como você sabe, eles são todos iguais. Há duas versões diferentes dos botões aqui. Como você pode ver, há um tipo de fundo dourado com texto branco e esse fundo dourado com texto branco. Mas isso também quer, este aqui tem um fundo branco com texto dourado. Assim, podemos alterar a aparência do botão padrão, você sabe, então é um bom ponto de partida para mais tarde. Então, vamos até ficar de olho neste botão aqui e podemos mudar para dizer, os estilos do lado direito. Portanto, nosso texto é atualmente Poppins. O peso. Podemos tornar o peso mais ousado alterando 500 para 700. Vamos deixar isso às cinco. Mais uma vez, temos a opção de fazer um esboço. Então, como você pode ver, estou fazendo um esboço no botão. Isso é um tipo de delinear com uma pequena linha azul ao redor , o que é bom. Ele faz isso para o top 1 primeiro de qualquer maneira, por enquanto, mas sairemos sem um esboço. Acho que o único problema que tenho com esses botões no momento é que o espaço ao redor deles é bem grande. Um pouco mais desajeitado e D. Então, temos algumas opções aqui para afetar o preenchimento. Então, o que ele faz é que ele pegue o texto dentro do botão e cria um certo espaço em torno disso. Então eu acho que a largura não é muito ruim. O que podemos fazer é que não seja tão grosso na vertical. E então isso parece um pouco mais limpo para mim agora eu não vou mentir. Talvez os tenhamos tornado um pouco mais largos. E isso está afetando o botão na parte superior da página. Mas o que podemos fazer, então o que podemos dizer aqui é aplicado a todos os tipos de botões. Mas também podemos afetar outros tipos de botões aqui também. Então, temos alguns botões de território. Portanto, não é uma má ideia afetar todos esses botões da mesma maneira. Então, o que você pode fazer aqui embaixo, como você pode dizer, aplicar a todos os tipos de botões, aplicado a todos. E, essencialmente, a forma que criamos agora é universal em Todos os tipos de botões. Certo, então isso é muito legal. Então nossos botões têm um estilo definido em um sentido que eles pensaram em botões lá. Eles têm a mesma fonte sempre, a mesma forma, o mesmo contorno e o preenchimento. E podemos afetar as cores mais tarde. Mas todos eles vão ter o mesmo estilo, o que é importante. Ok, então isso é tudo que realmente você precisa saber. A configuração Botões globais. Muito curto, não há muito lá, mas você pode se sentir livre para experimentar o quanto quiser. No próximo vídeo, vou entrar e ver nosso ícone fabuloso e nosso logotipo. Na verdade, mesmo antes de terminarmos de olhar para blocos de imagens, não me preocuparia com isso. Isso é um tipo de configuração de certos blocos de imagem que faremos individualmente no site. Isso é muito, muito aprofundado que realmente não precisamos olhar. Você pode brincar com isso se quiser. Mas realmente não precisamos olhar para blocos de imagem, o que significa que nossos estilos de site classificados realmente não é que estamos atrás do efeito em alguns estilos de sites. Então, quando quisermos terminar com isso, você selecionará aqui à esquerda. Pronto, basta clicar em Salvar para ter certeza e clicar em. E quando você clica em Concluído, voltamos às nossas opções à esquerda sob design. Certo, muito legal. No próximo vídeo, veremos o ícone do navegador e talvez algumas ideias para criar um logotipo. Então estou ansioso para vê-lo então. 9. Ícone e logotipo do Canva: Ei lá e seja bem-vindo de volta. Neste vídeo, veremos a seção de ícones do navegador em nossa guia Design. Então, vamos pular direto para dentro. Então, basicamente podemos selecionar nosso próprio ícone de navegador para o seu site. Então eu acho que o que você está falando como um ícone do navegador Kev, é esse carinha aqui em cima. Então, como você pode ver ao lado dos cursos de Kevin, temos um pequeno cubo, e esse é o cubo Squarespace, mas podemos adicionar nosso próprio ícone para torná-lo um pouco mais profissional. Quero dizer, se eu abrir uma nova guia e eu for para facebook.com e abrir o Facebook. Olha, temos um logótipo F para o Facebook lá. Se eu for ao Twitter e clicar no Twitter, temos o ícone do Twitter para que você possa definir seu próprio ícone para o seu site. Agora, se você já tem um logotipo para o seu site, este é um lugar fantástico para usá-lo. Então, se você está construindo um site para sua empresa ou seu portfólio ou o que quer que você esteja construindo seu site. E você tem um logotipo, então você precisa enviá-lo aqui. Mas esteja ciente, tudo bem, que não é suposto ser um arquivo muito grande. Assim, você pode ter um arquivo PNG, que é como um arquivo de fundo transparente, mas certifique-se de que ele seja bem pequeno, então ele se encaixa nisso. Agora, se você não tem um logotipo e não tem certeza do que fazer em relação a um logotipo. Posso mostrar rapidamente como talvez montar um no Canva. Então, se você não ouviu falar do Canva antes, é muito útil. Então CAN VA e você pode ir canva.com também. E é totalmente gratuito se inscrever no Canva. Então, basicamente, na página inicial aqui você pode clicar em inscrever-se no canto superior direito. E novamente, vou entrar com minha conta do Google que tenho, minha Gmail que eu uso para o discurso. Mas você pode entrar com a conta que quiser. Você pode dizer aqui para que você quer usá-lo. Não sei, apenas uso pessoal, talvez depois pular toda essa tela, muito útil para esse tipo de coisa. Então, no topo, aqui, podemos criar um design e olhar aqui. O logotipo é uma terceira opção. Então, quando selecionarmos isso, ele abrirá uma nova guia. E o que o Canva é basicamente é como um pequeno estúdio de design que é como um pequeno estúdio de design online ao qual você pode adicionar coisas. Agora há muitas coisas aqui que fazem parte da versão profissional deles, então não podemos usar algumas dessas coisas. Mas há muitas opções gratuitas aqui que podemos usar e meio que fazer e quebrar e acostumar com as nossas. Por exemplo, vamos ter uma rolagem aqui para baixo. Selecionei logotipo e barra de pesquisa, e estamos sob a opção de modelos. Então, quero dizer, olha, já existem alguns logotipos que podemos usar que são licenciados gratuitamente para usarmos para possamos adicionar o que quisermos. Então, quero dizer, se eu só quisesse selecionar qualquer um aleatório aqui, só estou procurando algo bem simples, mas eles são todos uma garantia muito artística. Vamos dar uma olhada neste k, k para Kevin. Então, funcionou muito bem. Então o que podemos fazer aqui é talvez fazer esse ouro, ok, eu só vou fazer isso talvez não exatamente os mesmos objetivos que temos no site, mas está perto o suficiente. Isso é apenas para mostrar se você queria fazer isso. Assim, você pode selecionar os itens aqui e mudar para cor. Vou passar o mouse e arrastar tudo isso e torná-los um pouco maiores, o que você pode fazer também simplesmente fazendo isso. E isso é o que estamos procurando. Algo assim realmente, não é? Certo, legal. Assim, podemos usar isso como nosso logotipo. Por exemplo. Quando queremos usar isso, o que podemos fazer é clicar em Compartilhar no canto superior direito, baixar. E basicamente sim, como um PNG, e você pode usar o tamanho de 500 por 500 pixels. Você pode torná-lo maior ou menor. Na verdade, você pode fazer com a versão gratuita. Tudo bem. E basta baixar. Agora está comemorando que estamos baixando. Então isso é muito simples, não é? Vamos voltar ao nosso site Squarespace. Podemos adicionar um favicon ou cinco ícones. Eu continuo dizendo isso errado. E eu vou arrastar nossa imagem que usamos e você verá o que acontece aqui. Então é o k. e posso clicar em Salvar. E ainda não está entrando em ação, não é? Não é bem? Então, vou clicar em Salvar e voltar ao design. Vou atualizar esta página. Veja o que acontece. Certo, ainda não. Deve surgir em breve, ok. Às vezes, leva algum tempo para se propagar ou para se configurar e mostrar no site. Talvez, se precisássemos olhar para o, vamos pegar esse URL aqui e abrir esse URL em uma nova guia. Está aparecendo aqui, talvez eu saiba que está nos trazendo de volta para o outro. Eu não me preocuparia com isso. Certo. Isso essencialmente substituirá seu ícone no canto superior esquerdo mais tarde. E definitivamente vamos dar uma olhada nisso juntos. É, é, vai ser o novo ícone. Então, em vez desse pequeno cubo, você pode adicionar seu próprio logotipo. Agora vou manter essa imagem para mais tarde quando criarmos a página. Talvez você queira colocar um logotipo aqui para algo assim. Mas Canva, voltando a isso, é uma ótima ferramenta. Sinta-se à vontade para usá-lo. É fantástico para o que você pode precisar e você pode achá-lo muito útil. Então eu recomendaria que isso seja realmente, muito útil. Canva.com. Legal. Então, isso é realmente tudo relacionado ao logotipo do seu site ou um logotipo mais pequeno ícone no navegador. Podemos usar o mesmo local e como criá-lo no Canva. Então, o que mais o vídeo está ficando muito longo? Estou ansioso para vê-lo no próximo vídeo, onde veremos algumas das outras opções aqui. E então passaremos rapidamente para nossa próxima seção. Certo? Então, vejo você. 10. 404 configurações de página e de variados: Ei lá e seja bem-vindo de volta. Neste vídeo, vamos passar pelo resto das configurações do InDesign. E então, no próximo vídeo, depois disso, vamos começar a editar as páginas. Então você verá como tudo isso foi útil quando estamos editando as páginas mais tarde. De qualquer forma, vamos pular direto para dentro. Percorremos os estilos do site. Nós nos definimos um ícone do navegador. Vamos dar uma olhada nesta tela de bloqueio. Então, o que isso é essencialmente se sua tela estiver bloqueada, mas se você tiver uma página protegida por senha, ela aparecerá e você deseja que sua tela de bloqueio pareça diferente para que você possa alterar o layout. Você pode fazer com que sua tela de bloqueio pareça de todos os tipos de maneiras. De qualquer forma, não é algo que provavelmente precisamos olhar agora, mas novamente, você pode se sentir à vontade para ajustar sua tela de bloqueio, sua página de checkout. Ainda não estamos construindo um site de comércio eletrônico, então não estamos vendendo nada neste site, mas é assim que sua página de checkout ficaria sua página de checkout ficaria quando configuramos isso mais tarde. vez, espero fazer um curso do Squarespace focado na venda de itens muito em breve. Então fique de olho nisso. Se isso for exibido no momento em que você estiver assistindo a este vídeo. Se é nisso que você está interessado , mas não precisamos olhar para isso. As quatro ou quatro páginas. Certo. Então, o que é uma página de erro 404? É basicamente uma página que é mostrada ao visitante quando uma página é excluída ou não encontrada. Então, digamos que você tenha uma página com alguns serviços e que ela estava pronta por um longo tempo e as pessoas pudessem visitar a página da Web. E então você decidiu excluir a página. Bem, e se alguém ainda tiver um link para essa página? Você sabe o que acontece se eles clicarem em um link em algum lugar e ele for lá, mas a página não existe mais. Isso é o que uma conta de quatro ou quatro páginas. É quando uma página de quatro ou quatro entrará em jogo. Ele basicamente dirá, Ei, erro, não há página que exista. Então você pode usar o padrão do sistema aqui, o que basicamente diz: Ei, não poderíamos procurar sua página infelizmente. Mas o que você também pode fazer é redirecionar os usuários para uma de suas outras páginas para que você possa configurá-la para que você basicamente enviaria usuários para sua página inicial. Então, se alguém clicar em um link quebrado para uma página que não existe mais. Ele detectará que um usuário foi a algum lugar que não deveria estar e isso fará com que ele vá para a página inicial automaticamente. Então isso é algo que muitas pessoas fazem. Ou você pode configurá-lo para outra página dois. Agora, estou logo depois de selecionar outra página no meu navegador, squarespace decidiu fugir de mim. Certo, acabei de atualizar a página e estamos de volta. Então, o que você pode fazer é que eu gosto de configurá-lo como a página inicial. Você também pode configurá-lo como uma nova página. Assim, você pode realmente criar uma nova página vazia e trabalhar com essa, ou essa é a nova página que criamos anteriormente. Erro. Eu entendi isso por um segundo. Então você pode criar uma página individual e basicamente diz, oh hey, você parece ter clicado em um link quebrado. Isso não existe mais, mas fique à vontade para ir a outro lugar para que você possa editar a página 404 essencialmente e criar sua própria personalizada que possa ser mais relevante. Alguns sites fazem ótimos exemplos desses. Agora vou tê-lo pronto para casa. Então, basicamente, ele enviará o usuário para a página inicial toda vez. Portanto, certifique-se de clicar em Salvar se é isso que você faz também. E voltaremos à tela de acesso de design negado. Tudo bem. Não estamos fazendo nenhum tipo de página de membro, então tudo bem. Não precisamos olhar para isso realmente para o propósito deste curso e compartilhamento social. Então, basicamente, diz aqui quando social, ao compartilhar suas páginas nas redes sociais, Squarespace usará essa imagem para representar o conteúdo. Então, o que você pode fazer é adicionar um logotipo social. Quero dizer, eu poderia selecionar meu logotipo que adicionei aqui. Então, se alguém compartilhasse este site em uma plataforma, ele usará esse logotipo para representar meu site se for necessária uma imagem. Então você pode fazer isso com CSS personalizado. Se você quiser personalizar o CSS, que é basicamente o design de codificação, você pode projetar alterações usando o código. Sinta-se livre para fazer isso aqui, se quiser. Novamente, não é o propósito deste vídeo, não precisamos olhar para isso. Ok, se eu clicar de volta e trouxer casa e nós somos muito rockin, ok, então isso é tudo o realmente precisamos olhar lá fora. A maior coisa realmente lá foi olhar para a página 404 e apenas garantir que possamos ver as diferentes opções sobre o que você pode fazer lá. Ok, então no próximo vídeo, vamos realmente começar a editar nossas páginas. Então, estou ansioso para vê-lo então. 11. Como editar a página inicial: Ei lá e seja bem-vindo de volta. Então, neste vídeo, vamos começar a analisar a edição das páginas. Então isso é algo muito emocionante. Então, essencialmente à direita, estamos de volta ao nosso painel aqui e vamos começar a fazer com que o site pareça mais nosso site agora o que queremos, para que possamos selecionar no botão Editar aqui no canto superior esquerdo uma vez que estivermos na página inicial, e ele abrirá o editor para a página inicial. Então, o que é útil aqui é que temos, como você pode ver, essa caixa azul que está pairando em torno dessa área conhecida como seção. Certo. Portanto, todo o site é composto por seções. Observe como eu fluo para a próxima caixa azul, essa é outra seção. Então, quando dividimos nossa página da web em seções diferentes, isso meio que torna a vida muito mais fácil, não é? Ele nos permite fazer configurações em locais específicos e diferenciar informações. Novamente, abra o topo aqui, este é um cabeçalho, então isso é realmente universal em todo o site. Não vamos afetar isso até breve. Portanto, não se preocupe com isso por enquanto. Olhando para nossa seção principal aqui. Então o que temos é que temos uma imagem de fundo são textos intitulados, alguns textos menores e esse tipo de botão vinculado aqui. E você pode ver aqui que temos uma caixa de texto aqui que está flutuando por aí. Então, tudo isso é texto e temos essa imagem de fundo. Agora, se eu fosse selecionar apenas esse plano de fundo aqui, o que temos são algumas opções. No canto superior direito, temos a opção de editar esta seção duplicada para saber. Então, se eu clicar em duplicar, agora temos duas das mesmas seções. Mas o que vou fazer é ir para este que eu criei e apenas clicar no ícone do compartimento. E isso basicamente significa que eu removo uma seção. Então agora podemos basicamente duplicar e excluir um. Mas vamos selecionar a seção Editar. Temos algumas configurações aqui para trabalhar. Temos algumas opções de altura. Atualmente, a altura desta seção é grande. Podemos configurá-lo para médio e podemos configurá-lo para pequeno. Então, como você pode ver lá, é meio que trazendo a página para cima. Não me importo que seja grande. É um pouco bom grande. E você tem alguns pontos de árvore aqui onde você pode fazer sua própria configuração personalizada. Um 100% sendo a altura da sua tela geralmente é o que parece. E Dino desceu para dez. Então você tem algumas opções de altura aqui. Vou voltar e deixá-lo em grande largura de conteúdo. Portanto, a largura do conteúdo que pertence a esta seção. Então, no momento, é pequeno, médio e grande. Então, vou colocá-lo em pequeno. Ok, olhe para esta caixa azul contorno aqui. Se eu mudar para médio, isso fica mais largo e então grande é muito largo, vou sair. É um pequeno e isso é absolutamente bom. Esta próxima seção é muito interessante. O alinhamento do conteúdo nesta seção para que possamos definir, atualmente ele está definido para se alinhar à área inferior, mas podemos colocá-lo no meio. Podemos colocá-lo no topo. Na verdade, gostei do meio. Não vou mentir. E nós o temos alinhado à esquerda. Você poderia colocá-lo no centro ou colocá-lo no lado direito também. Portanto, cabe completamente a si mesmo como você gostaria alinhar o conteúdo na página. Vou colocá-lo para centralizar e alinhar à esquerda porque isso é um pouco melhor para mim. A guia de fundo aqui então, ok, Então, novamente, você pode fechar este pop-up aqui. Temos algumas opções para alterar a imagem de fundo. Ok, então você pode basicamente remover a imagem aqui e substituí-la por outra imagem. Você tem a opção de fazer upload de sua própria imagem, selecionando em uma biblioteca de imagens. No momento, não temos nenhum, mas você pode selecionar imagens gratuitas aqui, o que é muito legal e premium. Então, alguém, você tem que pagar. As imagens gratuitas são bem legais porque muito trabalho nas imagens gratuitas, como você pode dizer, é bem centrado na fotografia. Mas você não precisa selecionar um desses. Você pode realmente usar suas próprias imagens, se quiser. Então vamos apenas dizer, eu não sei, digamos que este site seja uma agência consultora de arquitetura ou algo assim. Talvez eles lhe ofereçam serviços de arquitetura. Vamos apenas dizer que é uma empresa de arquitetura porque vejo algumas fotos de edifícios aqui. Então, vamos selecionar este. Quero fazer disso a imagem de fundo do site. Então, como você pode ver, é meio que substituí-lo. Tudo bem, é o carregamento. Oh, olhe para isso. Isso é muito legal agora e agora estou muito feliz com a aparência disso. E temos essa nova imagem e nosso plano de fundo com o conteúdo na frente dela. Você pode fazer como uma inserção ou uma hemorragia total, a largura de fundo. Então você pode criar essa borda branca em torno dela, que é muito artística e moderna. Então você pode fazer isso também. Vou deixar um sangramento total por enquanto. Certo. Há uma capacidade de sobreposição aqui. Então, quanto mais eu puxo isso para a direita, mais escuro o fundo fica. E isso é útil porque temos textos na frente. Então, não queremos que seja completamente brilhante. Mas queremos colocar, talvez, eu não sei, cerca de 30%, 35%, isso faz com que o texto seja legível, não é? Então você também pode fazer alguns efeitos nas imagens. Como algumas pessoas gostam desse tipo de efeito líquido. Você sabe, talvez você poderia adicionar um grão de filme, esse efeito de grão. Novamente, eu não vou usar nada disso, mas há algumas coisas que você pode fazer aqui que eu não sei se não está fazendo nada com essa. Talvez. Zoom panorâmico. Na verdade, não no momento. Está tudo bem. Não vou escolher nenhum. Não quero nenhum efeito de imagem na parte de trás, então esse é o plano de fundo. Você poderia adicionar um vídeo aqui, se quisesse. Você poderia adicionar alguma arte. Mais uma vez, vou deixar isso como pano de fundo. E então temos algumas cores. Assim, você pode selecionar um tema de cores para essa área. Tudo bem. Você pode deixar isso como está. Isso é muito bom. Certo. Estou feliz com isso. Estou depois de alterar a imagem de fundo e é assim que você faria alterações de configuração nessa seção. Agora, o que podemos fazer é realmente mudar esse conteúdo aqui também. Então, se selecionássemos aqui neste texto, temos a opção de alterar o tipo de texto que está no cabeçalho 123. Vou torná-lo um título novamente, lembre-se, fizemos algumas configurações de estilo para o que eram famílias anteriores que estão liderando um. Você pode destacar isso aqui e deixar isso em negrito ou não fazê-lo. Acho que está absolutamente bom do jeito que está. Mas, novamente, você sabe, você tem a opção de centralizar este texto alinhado à esquerda, alinhado ao genoma do arroz. Vou deixá-lo do jeito que está. Eu acho que isso está bom também. Vou mudar como cuidar de sua mente, corpo e alma. Só vou dizer que projetamos edifícios. Talvez mova-o para dois. Certo. Sim. Sim, vamos fazer isso. Listado como projetamos edifícios aqui. Na próxima seção, vamos dizer que estamos. Os principais designers de edifícios do mundo. Depende realmente do que você está construindo seu site. Este sou eu meio que brincando. Certo. Então, depende do que você está procurando em um site. Ok, então na próxima seção aqui temos, aqui temos a classe Booker. Eu gostaria que isso fosse um botão. Não vou mentir. Na verdade, eu só vou remover isso. E vamos colocar um botão aqui em vez disso. Então, o que podemos fazer é notar aqui que temos esse ícone de mais que me permite adicionar um elemento entre o que existe. Então, se eu quiser um botão abaixo da frase, posso selecionar este ícone de mais. E olha, basicamente temos muitas opções de coisas que posso adicionar. Então eu posso adicionar mais tags, abotoar um formulário on-line, dar uma olhada em todas as coisas aqui e brincar com elas e me divertir muito com elas. Certo? Agora vou selecionar um botão. Botões depois de aparecer. Vou mudar isso para serviços. O que posso fazer é vincular isso à nossa página Serviços clicando neste ícone de engrenagem. Posso ir para a página e na lista de páginas, temos serviços, o que criamos anteriormente. Certo, perfeito. Vou clicar em Salvar. E lá vamos nós. Temos um botão para serviços. Agora, vou passar o mouse sobre o ícone de design aqui, e vou alinhar à esquerda. Certo, é o que vou fazer. Você pode centralizar e fazer certo. Só vou alinhar à esquerda. E quando eu clico nisso, terminamos. É isso. Tenho minha coisa aqui, meu título. Você pode colocar mais aqui se quiser. Somos os líderes mundiais projetados para entrar em contato hoje para descobrir como podemos ajudá-lo. E então você tem serviços. Certo, legal. Então isso é incrível. Acabamos de criar nossa seção de heróis. Então, temos um call to action aqui, o que é muito legal. Olhando para nossa próxima seção aqui, poderíamos mudar isso, desculpe-me, poderíamos mudar isso para serviços. Então, ao clicarmos nessas caixas existentes, você pode ver isso como uma caixa de imagem com texto no meio. Então você pode simplesmente clicar na caixa e há um ícone de edição lá novamente. Então, como você pode ver, tudo é composto por esses elementos em widgets. E isso nos permite alterar os detalhes que estão dentro deles. Então, vou substituir essa aeróbica. Vou olhar para a biblioteca novamente. Novamente, você pode fazer upload de suas próprias imagens aqui, mas vou olhar para esta biblioteca novamente e vou pesquisar o prédio. Acho que há alguns edifícios nisso. Vou procurar sim, olhe para isso. Então, vou selecionar este. Vou adicionar essa imagem. Então, como você pode ver , tem que ser grande. Eu posso simplesmente arrastar isso de volta para cima olhando para a parte inferior. Esse pequeno ícone de arrastar aparece. Posso arrastar isso para que ele corresponda ao nosso outro site. Há outra caixa, perfeita. E eu poderia alterar o link do botão para a imagem. Então, se você selecionar em qualquer lugar dessa imagem, ela vai para uma determinada página. Deixe-me abrir esse backup. Vou enviá-lo para a página de serviços novamente. Certo, legal. E o design que eu acho que é praticamente ordenado. Tudo bem. Há uma animação aqui. Tudo bem. Não se preocupe com isso. Isso parece bom para mim. Oh, é chamado de aeróbica de iogurte. Talvez devêssemos mudar isso para outra coisa. Eu posso realmente mudá-lo aqui. Posso dizer design de classe mundial. Certo, talvez remova isso completamente. Eu poderia desfazer isso lá fora. Clique nas configurações da caixa de imagem novamente. Deve haver uma opção aqui para talvez não ter que digitar aqui. Certo, está tudo bem. Nós removemos. Opa, eu tenho que clicar às vezes você para clicar nele, clicar de volta sobre ele. Eu notei que você pode apenas dizer, na verdade, eu vou mudar esses serviços. Vou destacar isso e torná-lo um título dois. Vou remover isso. Então, o que você pode fazer é clicar nisso e clicar no ícone de compartimento. Aqui vou ter uma seção Sobre. Isso vai para a página de serviços e isso foi para o Sobre nós. Novamente, vai para o parágrafo, mas posso mudar isso para dois ocultos, e isso fica bom e grande. E também posso alterar essa imagem clicando nas configurações de design, vá e substitua, selecione na biblioteca. E novamente, posso escolher outro, vamos escolher uma casa. Você pode digitar house no clique em Pesquisar. E temos algumas ideias aqui. Não exatamente o risco de arquitetura, mas meio que verificando este. É colorido. Talvez esta tenha sido a primeira casa que projetamos. Vou clicar no link. Vou mudar o link para ir para o botão ou lamentar a imagem. Então, se clicarmos em qualquer lugar na imagem, o link será criado. E o link vai para a nossa página sobre. E clicamos em Salvar. E eu quero arrastar isso novamente apenas para combinar com nossa outra imagem. Incrível. Bem, é um pouco longo. Legal. Sim, podemos removê-los. Eu realmente não gosto deles. Vamos apenas remover isso e mover esse bloco e remover esse osso. Então olhe o que fizemos. Criamos uma boa seção aqui. Há um pouco mais de preenchimento na parte superior, então há a parte inferior o. Como você pode ver, há um widget espaçador aqui. Assim, podemos clicar nesse espaçador e removê-lo, talvez arrastá-lo um pouco, talvez negócios. Vamos apenas terminar. O que podemos fazer então é, sim, agora é uma parte superior e inferior pares. Podemos até clicar na seção em si. Vá para a área da seção de edição aqui. E podemos mudar esta seção oi para talvez médio ou talvez personalizado. Faremos uma altura personalizada como essa. Talvez incrível. Portanto, temos nossas configurações de configuração inicial ou serviços de seção inicial e sobre nós. Eu realmente não acho que precisamos de nada aqui agora. Talvez eu direi o que este vídeo está ficando um pouco longo. Vou fazer outro vídeo, ok? E o que faremos é continuar projetando a página inicial no próximo vídeo. Estou ansioso para vê-lo, então espero que isso seja interessante e você esteja aprendendo muito. Então, te vejo em breve. 12. Mais edição de página inicial!: Ei lá e seja bem-vindo de volta. Então, vamos continuar a página inicial aqui. Durante minha pequena pausa entre esses dois vídeos, eu estava pensando em nós. E o que podemos fazer é nesta seção, podemos gostar do Adam Meet the Team e basicamente removemos nossa equipe aqui. Portanto, podemos remover duas páginas para dez páginas completamente e ter apenas algumas caixas aqui. Então eu acho que essa pode ser uma boa maneira de fazer isso apenas para tornar a página inicial um pouco mais animada. E também, o que é ótimo Squarespace é que temos permissão para fazer essas mudanças. E quando temos permissão para mudar de ideia e movimentar as coisas com bastante facilidade. Então, olhando para esta seção aqui, como você pode ver, ela já tomou aquele lindo fundo dourado que colocamos na frase anteriormente. Vamos remover esse texto aqui. Podemos bin d block e, em seguida, este bloco aqui, há um espaçador teria sido isso para este texto aqui. Vamos dobrar isso e vamos estar em todos eles aqui. Ok, então temos basicamente uma seção vazia, esta seção aqui sem nada nela. Então, é basicamente sempre revertido para textos para que possamos continuar removendo esses textos, mas sempre haverá algo lá, tudo bem, e isso é absolutamente bom. Então, o que vamos fazer é adicionar um bloco. Então, ao passar o mouse sobre o texto você pode ver o ícone de mais acima e abaixo. Portanto, não importa onde adicionamos isso agora porque vamos remover o texto em breve. Então, vamos clicar em um ícone de mais. Aqui temos algumas opções, então vamos dar uma olhada. Temos algumas integrações, empréstimos comerciais aqui. Só estou pensando que podemos acabar olhando para esta imagem aqui. Então, vamos ver a imagem aqui. Temos algumas opções sobre o que fazer. Podemos criar uma visão em linha na guia Design. Temos algumas opções sobre que tipo de imagem ou vai colocar. Assim, podemos criar um cartão, por exemplo. Então eu gosto dessa opção. Então dê um objetivo a eles. Há diferentes aqui. Você pode ter uma imagem de fundo com texto na frente. Você pode ter textos que Amish deixou com textos à direita. A sobreposição em que se sobrepõe ligeiramente, o que é chique. Meio colagem como. Olhe para isso como um pouco legal. Na verdade, eu poderia usar este talvez e empilhe. Então você pode ter uma imagem com alguns textos por baixo. Então, o que podemos fazer é realmente fazer esse tipo de colagem. Certo, legal. Então, olhando para trás, vamos para o conteúdo. Ok, então queremos adicionar uma imagem aqui. Vamos adicionar uma imagem. Você poderia, se você tivesse uma imagem sua e da equipe ou de si mesmo, poderia fazer o upload do arquivo aqui ou selecioná-lo na biblioteca. O que podemos fazer, só por enquanto, vou obter uma imagem gratuita. Só vou digitar as pessoas. Essas não serão exatamente as pessoas da sua equipe, mas vou colocá-lo nesta imagem aqui. Mas vamos imaginar que esta é uma imagem da sua equipe ou das pessoas que trabalham para você, você e seu amigo ou para si mesmo, você coloca uma imagem de si mesmo. E essas são as pessoas que trabalham com você. Então, o que você poderia fazer então é que você não precisa ter isso ligado , tudo bem. E então você pode mudar o design aqui. Você pode colocar a imagem à direita, os textos que saíram. Você pode mudar a forma do que você quer imaginar ou você pode simplesmente manter um quadrado, eu gostaria de quadrado. E você pode fazer alguma animação. Então, meio que desaparece quando você vem aqui, o que é bom. E então podemos voltar ao conteúdo. Realmente. O que podemos fazer então é basicamente digitar esses blocos. Assim, podemos fazer isso como um título três e ir para nossa equipe. Certo? E então aqui podemos ir. Nossa equipe é composta por alguns compostos pela melhor tecnologia. Meu Deus, não consigo soletrar. Estou sob pressão porque estou em vídeo. Arquitetos. Pode me ignorar, por favor. Momento de derretimento cerebral. Nossa equipe é formada pelos melhores arquitetos do mundo. John é novo na equipe. Então ele é o líder da equipe. Não sei, colocando o que quiser. Mary é nossa consultora de marketing. Você sabe, você pode deixar as pessoas aqui. E vamos até ver a forma como esses blocos funcionam. Por exemplo, temos isso, temos esse tipo de basicamente essa seção, essa seção externa com esse bloco de imagem no meio. Você sabe, você pode clicar no botão Editar para este bloco de imagem. E, claro, faça suas configurações aqui e altere-as lá. Você também tem permissão para passar o mouse sobre esta seção aqui e clicar em Editar seção. Mais uma vez, você pode alterar seus layouts e tal. Quero dizer, se você quisesse adicionar uma nova seção entre esses dois. Em seguida, você selecionaria a seção Adicionar aqui e, basicamente, olhar para todas essas opções diferentes que você obtém, você tem muitas pequenas opções. Olha novamente, é usando nosso layout aqui que estamos usando há um minuto. E todas essas outras opções à esquerda que você pode escolher do genoma se quiser listar, talvez você queira que essa opção de lista seja ótima para a equipe também se você quiser adicionar isso, porque você poderia colocar um membro de cada equipe e um pequeno ícone e texto embaixo deles. Então, se eu adicionei isso agora, ele apenas adicionará isso ao site. E eu poderia mudar cada uma dessas fotos. Posso clicar na edição de conteúdo aqui. E eu poderia mudar cada uma dessas fotos e cada um dos títulos para corresponder a isso. Agora vou clicar em Excluir porque não vamos usar isso. Mas você poderia fazer isso se quisesse. Agora, aqui embaixo, nossa última seção na página inicial, é um boletim informativo. Você pode continuar usando isso e editar um botão de newsletter aqui. Assim, você pode digitar basicamente o boletim informativo ou boletins informativos estranhos para que você possa configurar isso nas configurações mais tarde. Quero dizer, pessoalmente, eu gosto de ter um feed do Instagram nesses sites. Então, o que podemos fazer é, na verdade excluir este boletim informativo completamente. Vamos procurar uma imagem de fundo diferente. Porque eu não acho que essa consultoria de ternos e arquitetos, se isso faz sentido, vamos substituir isso. Vamos buscar mais imagens gratuitas de uma cidade. Vamos digitar isso. Sim, vamos fazer isso. Por que não? Certo. Vou deixá-lo um pouco mais escuro. Então, vou aumentar a opacidade, torná-la mais escura ou talvez como 50. E o que podemos fazer então é adicionar um bloco aqui, que é basicamente uma integração. Assim, podemos integrar o Instagram, por exemplo. Eu poderia colocar o bloco do Instagram aqui e olhar, ele vai nos mostrar algumas fotos de exemplo de como seria. Assim, podemos ir ao design aqui e basicamente reduzir o número de liberdade condicional de Tom Neils ou simplesmente remover, reduzir o número de unhas de Tom completamente no preenchimento ao seu redor. Você pode configurá-lo para um carrossel, o que eu acho que provavelmente é um pouco melhor empilhado. Portanto, se for um carrossel, você pode ter uma transição automática entre itens. Denote o alinhamento deixado ao arroz. No entanto, a grade é provavelmente muito boa. Então você pode adicionar uma grade de 4812 lá. Você pode cortá-los ou não cortados. E na seção da conta, basicamente você pode definir o número de itens. Agora isso não vai realmente fazer um efeito agora porque isso ainda é apenas o padrão, mas você pode dizer oito itens, então ele só tem um papel para em uma linha para esta seção não seria muito grande. Mas você pode adicionar uma conta do Instagram aqui. E, basicamente, isso é algo que permitirá que você faça login e autorize sua conta do Instagram com este site. Então você pode configurar isso se quiser. Mas isso é essencialmente o que seria um feed do Instagram. E isso é algo que é muito popular de se fazer. Certo, acho que nossa página inicial está pronta. Temos muitas seções legais aqui. Então, pode ser muito bom. O que podemos fazer é simplesmente percorrer algumas das outras páginas rapidamente e configurar nosso cabeçalho e rodapé. E espero que você esteja aprendendo muito sobre isso até agora. Novamente, todas essas páginas são compostas de seções e apenas esses elementos de bloco dentro delas que fazem coisas diferentes. E sim, é divertido e emocionante. Então, espero que você tenha aprendido muito ar. Sempre certifique-se de clicar em Salvar nas alterações de configuração. Então, como você vê aqui, certifique-se de clicar em Salvar e salvar as alterações. E lá parece agora e nossa prévia que estávamos vendo mais cedo. Legal. De qualquer forma, verei você no próximo vídeo que fazemos mais alterações. Falarei com você em breve. 13. Como finalizar nossas páginas: Ei lá e seja bem-vindo de volta. Neste vídeo, vamos executar rapidamente algumas configurações rápidas que mencionamos antes sobre a remoção de algumas páginas e apenas fazer as últimas edições finais. Acho que temos a ideia com a edição. Eu não acho que vou nos levar por todo o site novamente, porque realmente não temos um objetivo final construído por propósito aqui. É meio que apenas para mostrar os conceitos básicos de edição e como fazer as coisas em andamento. Portanto, não vamos gastar muito tempo no lado da edição das coisas porque estamos quase até o fim agora. Mas espero que você esteja aprendendo muito até agora. De qualquer forma, como mencionamos, vamos voltar para a área da página aqui, ok. Porque vamos nos livrar da nossa equipe porque dissemos que excluiríamos isso porque já temos isso na página inicial. Então, vamos bater na cama ao lado da nossa equipe. E como veremos aqui, ele é removido, o que é perfeito. Vamos ver a página Sobre. A página inicial está concluída. Vejamos a página Sobre. Então, novamente, na página sobre, se eu selecionei editar, vou mudar isso para um poço, vamos configurar agora é sobre nós. Mas quero dizer, como você pode ver, temos algumas opções aqui para, novamente, olhar para cada seção, clicar no conteúdo que queremos alterar e, em seguida, ir para o botão do editor de conteúdo. Você pode alterar essa imagem lá novamente. Eu vou super, super rapidamente mudei alguns desses. Vou mudar para liderar essa imagem de construção novamente. Por que não? E à esquerda aqui dia e podemos adicionar alguns conteúdos. Então, se eu tivesse uma biografia sobre o negócio, eu a adicionaria a esta seção aqui. Este é um bloco de imagem, então as configurações nos permitem alterar a imagem. Vou arrastar isso de volta se puder ou talvez não. Certo, e está tudo bem. Então, o que faremos então é essencialmente quando você quiser adicionar algumas informações aqui, você basicamente, você pode entrar fisicamente e simplesmente remover e adicionar o que deseja. Então você adicionaria seu título e seus detalhes, blá sangrenta e sangrenta o suficiente para seu genoma do objetivo. E será o mesmo nessas seções aqui, esta é uma imagem de seção de fundo. Então, como você pode ver, estou clicando na imagem e nada está realmente acontecendo. Mas temos uma seção de edição aqui que aparece. E, em segundo plano, temos o cara em pé quando esta posição de ioga. E você pode inserir seus próprios detalhes se você não gosta de seção, você sempre pode simplesmente excluir esta seção. Vou removê-lo. Você sempre pode adicionar outra seção que você sente. Seja legal. E você também pode fazer suas edições nisso. Você sabe? Então, vou clicar aqui em baixo. Vou clicar em Salvar. Não vamos gastar muito tempo na página Sobre, na página de serviços. Novamente, isso é algo em que este é um bom layout, o modelo e muito trabalho para nós. Se eu selecionar Editar, eu poderia colocar, eu poderia alterar essa imagem. E esta seção aqui para dizer, você sabe, nós projetamos edifícios. Este poderia ser, também nos concentramos no design paisagístico e mudamos isso para o design paisagístico. E então você poderia colocar alguns preços e todo esse tipo de coisa. Você pode remover esta seção aqui, por exemplo, porque ela fala sobre reservar uma aula. Ou você poderia simplesmente dizer no final, em vez de reservar uma aula, ele diria Entre em contato. Então você poderia dizer entre em contato hoje para uma cotação. Você sabe o que você poderia fazer isso? E você pode editar esse botão e editar os detalhes no botão que diz Obter contato. E você pode alterar o design ou até mesmo o link. Altere o link. Certifique-se de que seja, a página está definida para contato. Você. Clique em salvar, e lá vamos nós, entre em contato. Então, quando você olha para os serviços, você fica como, ok, isso é legal. Certo. Vou entrar em contato e entrar em contato com vocês. Então isso é outra coisa que você poderia fazer lá. Novamente, tudo depende do contexto em que você está fazendo seu site. A última que eu quero fazer é uma página de contato porque notei que esta página de contato não tinha nenhum formulário de contato. Ele só tem uma localização que é boa. Mas vamos abrir esta página de contato e selecionar Editar. Agora, vai ser bom, digamos também, eu não sei. Vamos apenas, vamos remover esta caixa. O Google Maps nos diz tudo realmente não faz isso por enquanto. E também temos o endereço aqui na parte inferior, que mudaremos em breve. Então, vou excluir essa contagem, esta caixa de informações aqui. O que você percebe é que o mapa fica maior, ocupa mais espaço. Mas vou adicionar um novo bloco chamado Formulário. O que posso fazer é arrastar este formulário e subir a página até que fique parecido com a esquerda, essa barra azul começa a aparecer. É que eu não quero que ele fique por baixo. Não quero que ele vá para esse lado. Eu quero que ele vá para a esquerda deste mapa, e eu solto. Temos um espaçador aqui. Posso tentar aquele espaçador entre onde a linha azul aparece. Ok, agora temos espaço. Agora vamos a base do grande. Mas olhe para esta pequena linha aqui. Posso arrastar meu mapa para ser maior. Posso arrastar meus formulários seria um pouco menor. Ok, isso parece legal. Podemos centralizar esses detalhes. Então, na seção, nas configurações da seção, certifique-se de que tudo esteja centralizado. Isso é muito bom. Legal. E estamos praticamente balançando. Então você pode mudar a cor aqui para o tema escuro. Você pode mudá-lo para satélite já original. Para o seu mapa. Você também pode colocar em seu endereço. Então, se eu coloquei em uma área local para mim, se eu coloquei em Dublin, Dublin, Polônia, eu não sabia o que era na Polônia. Tudo Dublin LIN. Então, eu não sei. Eu poderia colocar Dublin ou poderia colocar um endereço específico. Rua Dez Grafton. Acho que não. Sim. Lá vamos nós. Londres não. Tudo bem. Tudo bem. Isso não importa. Você sabe exatamente de qualquer maneira, qual endereço você estará colocando , e isso é tudo o que importa. Aqui. Empreste legal. Você pode mostrar controles de terreno alto. Você pode mostrar controles, como controles, tabelas nesse tipo de coisa. Então você tem um bom mapa lá. Neste formulário. À esquerda, temos a opção de editar o formulário. Então, por exemplo, queremos o nome e-mail. Sim, isso é perfeito. Queremos todos esses campos, tudo bem. Você pode definir o endereço ou enviar sua mensagem depois. O que acontece quando alguém atinge Enviar? Design? Poderíamos alinhar os botões, a esquerda e a direita, é claro, e talvez usar uma caixa de luz para que você possa clicar em Abrir formulário. Forma de abertura quando você faz isso. armazenamento então basicamente é onde o e-mail será enviado quando alguém se sentir descendente. Você pode, obviamente, no momento em que ele está configurado para enviar por e-mail o endereço de e-mail para se inscrever. Vamos receber notificações, mas, caso contrário, você também pode armazená-las em outro lugar. Então lá vamos nós. Quer saber, Vamos mover esse espaço ou no meio. Posso excluir esse espaço, senhor? Sim. Tudo bem. Vamos um pouco mais legal. Não há maneira real de eu meio que derrubar isso mais centrado. Seja bom centralizá-lo, não é? Ou estou pensando demais sobre isso. Oh, lá vamos nós. Então, logo abaixo do mapa, podemos arrastar para cima e para baixo nosso mapa. E isso faz com que pareça um pouco mais agradável. Podemos mudar isso de local para entrar em contato conosco. Brilhante. Como você pode ver, estamos fluindo absolutamente. Certo, legal. Essa é a página terminada antes de passarmos muito tempo. No próximo vídeo, vamos editar o cabeçalho e o rodapé e, em seguida, nossos sites praticamente acabaram. E só temos algumas coisas para terminar depois disso. Então, vejo você no próximo vídeo. 14. Cabeçalho e rodapé: Ei lá e seja bem-vindo de volta. Então, neste vídeo, vamos editar o cabeçalho e o rodapé. Então, vamos pular direto para dentro. Então, aqui em cima, enquanto você percebe que esse cabeçalho é usado em todas as páginas da Web no site. Então, quando clicamos em Salvar e Concluído em nosso último, não importa no que clicamos. Observe como são as mesmas informações na parte superior e são os mesmos detalhes que são compartilhados. Então, o que podemos fazer é clicar em editar, mouse sobre para digitar o topo e ele diz Editar cabeçalho do site. Então temos algumas opções aqui para brincar com base no tema que escolhemos. Por exemplo, podemos realmente definir um logotipo do site. Então, em vez desses cursos de Kevin, podemos definir um logotipo. Então eu poderia adicionar isso aqui, e podemos realmente usar o que adicionei anteriormente, que é o k. Denote. Pode não ser ótimo porque está em um plano de fundo que não é exatamente um logotipo transparente. Mas se definirmos a altura e definirmos alguma altura máxima para mais bile, então posso adicioná-los todos pelo logotipo separadamente. Se esse fosse um fundo transparente como um logotipo feito profissionalmente, então ele se encaixaria muito bem, não seria? Mas temos esse fundo branco de antes. Mas isso é apenas um exemplo. Se você tiver um logotipo para o seu site, você pode colocá-lo aqui também. Você também pode simplesmente remover o logotipo e, essencialmente, manter o nome. Tudo bem, lá, você sabe, até mesmo use o nome do seu site em vez disso. Mas há um exemplo sobre como definir o logotipo do seu site. Ok, temos nossos elementos, então temos um botão aqui, certo? E o que eu poderia fazer na verdade é que eu poderia fazer esse botão. Eu poderia remover o todo, não estamos mais fazendo uma aula, então não precisamos disso. Então, vou mudar isso para entrar em contato. Vou fazer links curtos para nossa página de contato. E economize. Temos opções para links sociais para que possamos adicionar em nosso Instagram e Facebook. E você tem o aplicativo. Você pode basicamente conectar suas mídias sociais ao Squarespace e ela as conectará corretamente. Você também pode alterar o tamanho do ícone lá. E sim, isso é praticamente o rock in do lado dos elementos. Então temos estilo. Então, temos algumas opções aqui para trabalhar com alguns gradientes, alguns temas. Podemos colocar um fundo branco lá em cima que parece legal, Não parece se clicamos na página inicial ou podemos voltar para casa? Não exatamente no momento, mas vou te dizer o quê. Vamos deixar isso apenas o estilo genérico porque eu realmente gostei do estilo original. Dinâmico. E temos a opção de adicionar uma borda, o que realmente não parece ótimo. Então, vamos deixar isso em paz. E você pode configurá-lo para uma posição fixa. Então, basicamente, o que isso significa é que nunca vai redimensionar de certa forma, vai ficar exatamente do jeito que é. Agora, você pode usar isso muito básico ou desligá-lo até mesmo legal. Então, o que temos aqui é que você pode realmente criar uma visualização específica para desktop e dispositivos móveis. Então, no desktop aqui, isso é o que vai parecer e eu sou mais bile, é assim que vai parecer. E você pode ter algumas configurações aqui. Você pode alterar o ícone do menu. Você pode alterar a espessura do ícone Menu. Você pode olhar, mostrar como será o menu quando você abrir o menu no celular. Então isso é muito, muito bom. Dessa forma, não é? Então desktop também? Não muito para isso. Sabe, o que precisamos fazer é clicar em Salvar aqui. Portanto, sempre clique em Salvar. E vou me certificar de que removemos esse contato aqui. Então, vou remover esse contato a seção não vinculada porque queremos manter a página. Não quero excluir a página. Só quero ter certeza de que não está na navegação. Então agora olhe o contato se destaca, o que é um pouco bom. Se eu voltar para a página inicial, como você pode ver, ela será atualizada. Então agora está realmente começando a tomar forma muito bem. O que faremos a seguir é examinar as informações na as informações parte inferior da página aqui para filtrar tipos de fotos que também usam em todos os sites. Então você pode vir aqui e basicamente mudar isso. Eu não notei um conjunto para a equipe, mas você pode mudar isso para o nome do site, as aulas de Kevin. Se você está fazendo isso para uma agência, você pode dizer feito com ou et cetera. Ou você poderia apenas dizer algo que os direitos autorais 2022. As aulas de Kevin. Mesmo sendo um símbolo de direitos autorais, não sei como criar um símbolo de direitos autorais no meu teclado. Talvez seja necessário copiar e colá-lo de algum lugar. Podemos apenas anotar direitos autorais. Aqui. Temos nosso endereço. Você pode colocá-lo em detalhes aqui basicamente, você sabe, 12 tree or candles street, Dublin, Irlanda. E, em seguida, um número de telefone, 0112222. Certo. Aqui basicamente, temos a opção de adicionar, como você pode ver, algumas das páginas, para que as páginas de alguém sejam completamente removidas. Agora. Então, como você pode ver, este diz sobre e está vinculado à página sobre. Ainda é chamado , não é? É. Claro, tudo bem. Localização. Podemos mudar isso para contato. Destaque isso. Clique no ícone do link e altere o link para o endereço da Web. E você pode basicamente, ou você pode alterá-lo para página, desculpe, e depois entrar em contato e salvar. Certo, Cool. Então, basicamente, você pode dizer que eles são alterados para mudar a cor e subjacentes de acordo com o tema. De qualquer forma, é assim que está configurado. E você pode mudar cada um deles ou você pode removê-los completamente se quiser. E então esses links basicamente estão funcionando exatamente da mesma forma que no acima. Se você quiser ter certeza de que tem seu Instagram e links sociais conectados corretamente, você precisa basicamente clicar neles. Clique em qual você deseja exibir um anúncio na URL. E isso é o mesmo para o nosso cabeçalho um aqui em cima. O que você pode fazer é realmente adicionar mais links sociais. Então, você pode digitar no YouTube se quiser. Você precisa clicar em editar e adicionar um link social, desculpe, YouTube. Tudo o que você precisa digitar o URL em si e ele puxará o ícone. Meu erro. Então, se você tiver um URL, coloque-o lá, ele puxará o ícone. Certo, legal. Isso é essencialmente isso. Pessoal, até onde eu sei daqui, parece que estamos praticamente fazendo nosso site. Só para dar uma olhada rápida no que isso parece. Clicamos em salvar, voltamos. Acho que isso é muito rockin, não vou mentir. Podemos ir para celular. E como você pode ver, o Squarespace é muito legal em Lincoln essas coisas para celular, ele faz um ótimo trabalho. Você queria editar qualquer uma dessas páginas. Você pode abrir o editor e clicar no ícone do celular aqui também. E você verá que isso abrirá as opções para editar nosso celular, o que nos permite fazer as alterações dessa maneira. Mas, como você pode ver, as coisas são realmente, muito responsivas usando um, usando o Squarespace para que você realmente não possa dar errado. Ok pessoal, isso é tudo o que temos pronto para este vídeo. No próximo vídeo, vamos apenas ver basicamente as últimas configurações ao longo da esquerda aqui. E inscrever-se no Squarespace e que tipo de plano você deve escolher se quisesse escolher um plano. Então estou ansioso para vê-lo nesse vídeo. 15. 15 domínios, assinaturas e julgamentos: Ei lá e seja bem-vindo de volta. Neste vídeo, vamos encerrar algumas coisas no Squarespace. Ok, então, voltando às nossas configurações com nosso adorável site novo, veja como isso é ótimo. Isso nos leva a todos os lugares que queremos ir e fazer as coisas que queremos fazer. Então, com este site em mente, vamos dar uma olhada nas configurações finais do Squarespace. Então aqui temos páginas. Já olhamos para isso. Temos nossa loja online. Não vamos olhar para a loja online no momento. Vamos fechar isso e voltar. Vou tentar criar outro curso completamente baseado na loja online. Certo? Então isso não é algo que estamos vendo agora. Marketing. Em marketing aqui temos algumas opções para campanhas de e-mail, perfis, alguns detalhes de SEO. Então você tem algumas listas de verificação de SEO e coisas que você pode trabalhar aqui. Por exemplo, você pode definir as configurações de SEO da página inicial aqui para, você sabe, para o título do seu site. Então, você sabe, quando você pesquisa no Google e se eu pesquisei genoma, web design, web design, veja como as opções têm um título e uma espécie de bile ou meta descrição abaixo desse título. E a meta descrição pode ser personalizada. Essencialmente, isso é o que você pode fazer aqui. Em vez dos cursos de Kevin, poderíamos colocar designs como modernos por uma fração do custo. Esse pode ser o título. E então, basicamente, você pode alterar sua descrição. Você poderia ir como entrar em contato hoje, quando se você quiser, et cetera, et cetera. Novamente, isso tem muito a ver com SEO. Tudo depende das palavras-chave que você deseja usar. Talvez você não precise digitar algo assim lá dentro. Mas tudo depende do que as pessoas estão procurando. Então, definitivamente, se você sabe um pouco sobre SEO, isso vai ser divertido para você ter um pouco de crack aqui de qualquer maneira, clique em Salvar depois de qualquer momento que você fizer alterações nas configurações de qualquer maneira, com certeza. Então isso está voltando ao nosso gerenciamento de localização de marketing, não algo que precisamos olhar agora. Isso está em um grande pop-up promocional. Você pode fazer pop-ups aparecerem assim. E você poderia fazer basicamente mudar o que eles dizem e o que eles fazem. Há muitas coisas aqui. Você poderia dizer, junte-se à nossa lista de discussão e alguém digitaria a lista de discussão e se inscreveria. Você pode decidir o que basicamente vai acontecer depois que eles fizerem isso. É um recurso premium. Então, depende do tipo de recurso, que tipo de pacote escolhemos em breve, o que vou mostrar a você. Mais uma vez. Vamos até voltar. Analytics é onde você visualizará as análises do seu site, dependendo de quem visitou seu site, onde e como. É muito interessante, eu definitivamente me divertiria olhando esses perfis. Você não precisa se preocupar com perfis. Você provavelmente será o único usuário sua conta. Sinto muito. Não, estou desnatando. Claro. Alguém acha que eles não são apenas tão importantes para começar. E assim, você sabe, configurações, este é o grande realmente. Quero dizer, atualmente ou um site é privado. Então, se quiséssemos disponibilizar nosso site , na verdade não podemos. Temos que atualizar primeiro, mas é aí que você mudaria isso. E o próximo grande aqui realmente é, são nossos domínios e nosso espaço de trabalho. Então, olhei isso na seção de domínios, podemos realmente comprar um domínio ou domínio de usuário que você possui. Então, com o Squarespace, se você quiser comprar um domínio, você pode selecionar, Obter um domínio. Você pode essencialmente se inscrever no domínio profissional. Então, o courses.net do Kevin está disponível. E posso adicionar isso à cesta. E basicamente por esse domínio do Squarespace e eles vão conectá-lo ao meu site para mim, hey, desculpe, eu acredito que meu vídeo cortado por um segundo para que eu possa desaparecer, desaparecer bem ali. Mas de qualquer forma, como eu estava dizendo, basicamente sim, você pode selecionar, Obter um domínio aqui, encontrar o domínio que está disponível na web, e você pode adicioná-lo à sua conta e viés do Squarespace então você nem precisa lidar com terceiros. Então essa é outra coisa muito útil que você pode encontrar, porque senão você tem uma espécie disso, este é o seu domínio no momento, coruja de coco. Portanto, pode não ser muito útil se você tiver um domínio que você possui, você sempre pode conectá-lo usando o domínio que você digita no domínio, se você o possui em outro lugar, e você pode vinculá-lo digita no domínio, se você o possui em outro lugar, e você pode vinculá-lo mais tarde também. Agora, o espaço de trabalho do Google também está aqui. Então, o que você poderia fazer é que, quando você tiver seu domínio classificado, você é capaz de se inscrever essencialmente no Gmail, mas qual é o seu negócio? Então, se meu negócio fosse o courses.net de Kevin, eu poderia ter um endereço de e-mail chamado Kevin no Kevin courses.net ou informações no Kevin courses.net. E isso pode ser algo útil. E você pagaria por isso através do Squarespace apodreceu em se inscrever para eles diretamente. Então eles estão realmente dando a você muitas opções aqui para realmente centralizar tudo. Muito facilmente. Agora, a última coisa que vejo aqui é o faturamento, ok, então, em nossas assinaturas, ele diz que não temos uma assinatura no momento. Estamos em uma assinatura de avaliação no momento. Vamos clicar no site. E temos nosso julgamento por mais algumas, duas semanas. Se eu selecionar uma atualização, veremos algumas opções. Certo? Então, aqui estamos olhando para o início, começa em €11 por mês. Isso é para mim. Agora, se eu colocar em dólares americanos talvez ou eu tenho é esse dólar australiano? Aud, talvez você seja libras. Só vou olhar para os Euros por enquanto. São 11€ por mês. Não sei quanto dólares isso é. Talvez 1213, $14. O que você pode fazer é pagar anualmente ou pagar mensalmente. Então, atualmente, é anualmente. E o plano pessoal permite que você basicamente lhe dê um domínio gratuito nos primeiros 12 meses. Então, os domínios estavam apenas analisando todos esses planos. Dê a você um ano gratuito de um domínio, que normalmente é como 20 ou dez ou US $20 por ano. Então isso é legal. Você obtém seu SSL. Todas as coisas legais incluíam armazenamento de vídeo. Então, se você quiser adicionar muitos vídeos, você deseja obter até 30 minutos de armazenamento de vídeo. E há todas essas coisas que estão incluídas aqui, o que é muito bom. Agora, você pode olhar para o plano de negócios aqui e ver algumas das coisas que o plano de negócios oferece. Como, por exemplo, se você quiser vender itens on-line, terá que obter o plano de negócios porque essa é a integração do e-commerce. Há taxas de transação com este plano de negócios. Se você não quisesse taxas de transação, seguiria o plano de comércio. É um pouco mais todos os meses. Mas se você está vendendo lotes e muitos itens, e esse 3% é mais do que essa taxa extra, talvez valha a pena. Você tinha produtos? Você pode aceitar doações, vales-presente. E, como você pode ver, há muitas coisas aqui sobre como quase como ferramentas de coisas aqui sobre como quase como marketing e ferramentas de comércio eletrônico que você pode precisar atualizar. Acho que para o tipo de site que vimos hoje, o plano pessoal é provavelmente muito bom. Você pode pagar mensalmente se quiser, mas são €15 por mês. Mas se você pagar pelos primeiros 12 meses, você basicamente funciona €11 por mês e você paga tudo de uma só vez. Então, se eu selecionar isso, essencialmente hoje, ele vai me cobrar um 132 mais IVA a 162 Euros. E se eu só quisesse morder um mês, deixe-me voltar lá para atualizar mensalmente, selecione. Vai cobrar-me 15 mais gordura, 23% na Irlanda, que é 18 Euros, 40. Então eu compraria aqui basicamente. Então é assim que funciona. Se você quiser citar por apenas alguns meses, talvez mensalmente, é melhor uma opção melhor para você se você quiser comprar um ano legal para isso. Se você quiser cancelar isso e se divertiu muito construindo um site juntos, mas você simplesmente não tem interesses e não quer que eles acompanhem um irritante você mais tarde. Você pode selecionar Cancelar avaliação aqui e excluir sua conta. Isso é absolutamente bom também. Mas eu sugiro que, se você não gosta de aprender muito sobre criação e codificação de sites , e tudo o que vem com o Squarespace é realmente a solução tudo-em-um. É fantástico. Ele faz ótimas coisas que você pode fazer com isso, este site, apenas ferramenta e livremente. Você pode integrar muitas coisas com ele. De qualquer forma. Dito tudo isso, acredito que cobrimos tudo o que me propus a cobrir neste curso. Estou recapitulando. Vimos como se inscrever, escolher um modelo. Escolhemos algumas imagens, algumas basicamente reconstruíam algumas páginas, renomeamos algumas páginas, adicionamos páginas. Editamos todo o conteúdo das seções. Não editamos todos eles. Mas você tem uma ideia do que quero dizer, onde você saberá melhor sobre o que você quer colocar todas essas páginas extras para o seu negócio. Mas nós fazemos, como o que eu sugeriria é dar uma olhada em todos os elementos. A maneira como poderíamos arrastar uma caixa de fotos e uma mensagem de texto, ele faz meio que blocos muito, como apenas criar uma página de teste e apenas adicionar lóbulos dos homens e apenas ver o que acontece e se divertir com ela, e arrastá-los ao redor, arraste-os para a esquerda, arraste-os para a direita e veja como os elementos se encaixam um com o outro. A melhor coisa que você pode fazer é deixar uma hora de lado e simplesmente enlouquecer com isso porque você não precisa dar a eles detalhes de cartão de crédito. Para começar a criar um site com o Squarespace, você pode construir o que quiser primeiro, aprender com todos os seus erros e depois se inscrever quando estiver pronto para se inscrever, sabe, e espero que este curso ajuda você no intestino. Você começou com isso. Porque você tem 14 dias para tentar isso, o que é muito tempo para fazer muitas coisas brincalhões. De qualquer forma. Muito obrigado pelo curso. Por fazer este curso. Se você tiver alguma dúvida, coloque-as na guia de discussão ou me envie uma mensagem. E se você quiser o curso, por favor, deixe-me um comentário. Se você acha que há algo que eu possa melhorar, sinta-se à vontade para me informar também o melhor. E espero talvez ter mais alguns cursos como este em breve. Então, confira se eles estão disponíveis no meu perfil. Se não, está tudo bem. Provavelmente os tenho em breve. Então, de qualquer forma, muito obrigado e obrigado por tomar o tempo para fazer este curso. E desejo-lhe tudo de bom.