Como criar um site profissional usando Elementor e o tema Hello

1. Introdução: Bem-vindo ao curso e meu nome é David e eu vou orientá-lo através do passo um a passo feito, como criar um site com elemental. Este curso é perfeito para qualquer pessoa que esteja procurando um curso intensivo sobre como os elementos foram funciona. Assim, você pode aprender e entender e ir em frente e criar qualquer tipo de site que você quiser. Nós vamos estar usando a versão gratuita de elementos ou bem como o tema Olá. E essas duas coisas funcionam muito bem juntas para tornar a criação de um site rápido e fácil. O único design uma limitação neste curso é que porque estamos usando a versão gratuita de elementos ou você não pode ajustar e editar a seção de crescimento do blog , bem como postagens individuais do seu site. Então, se blogar é importante para você, eu definitivamente sugiro atualizar para elementos são profissionais, mas se você é uma pessoa criativa que está procurando criar, digamos, um portfólio on-line ou talvez você seja uma pequena empresa e você é legal com a concepção de um pequeno dez para dizer 30 site página. E você está bem em projetar cada página individualmente. Este curso é para você. Os recursos e ferramentas serão usados neste curso são nomeados ovelhas como nosso registrador de nomes de domínio, host azul como nossa conta de hospedagem compartilhada. Então vamos instalar o WordPress em design ou site. Então, se você está olhando para começar com elementar, Este curso é para você. Clique no próximo vídeo e te vejo lá dentro. 2. Visão de sites - O que vamos fazer: Ok, então neste tutorial, eu vou estar instruindo você sobre como usar elementos ou para projetar cada uma das três seções do seu site. Então elementos ou tijolos ou website até o heterossexual do que o corpo e o rodapé. E eu vou mostrar a vocês como editar cada um usando apenas elementos ou a versão gratuita. Não há nada adicional para pagar. Vou mostrar-lhe como adicionar este cabeçalho agradável, como adicionar botões, como fazer o botão ser e links âncora, você clica nele, ele leva você a algum lugar no site. Como adicionar esta imagem de herói agradável no fundo com uma sobreposição de texto e, e como torná-lo para que a imagem permaneça colocado como o site se move. Como adicionar diferentes blocos e diferentes idéias de design. Eu tive que adicionar um formulário emo opt-in na parte inferior. Como ajustar e editar seu rodapé, como adicionar links de mídia social, Google Analytics e alguns pensamentos sobre um blog como ele se relaciona com mentores. Então, de qualquer maneira, vamos começar. 3. Obtenha seu domínio e hospedagem: Bem-vindo ao name2.com. Assim chamado barato é um registro de nome de domínio. Isso significa que este é um lugar onde você pode ir e registrar nomes de domínio. Então, para começar é muito simplesmente digitar o nome de domínio que você deseja registrar e clique no ícone de pesquisa. Agora, a razão pela qual eu recomendo chamado barato é porque eles têm os preços mais baixos ao redor para registrar um nome de domínio. Então vá em frente e coloque o nome de domínio que você deseja. Clique no ícone de pesquisa. E, em seguida, na próxima página, ele irá dizer-lhe se o nome de domínio está ou não disponível para registro. E então este é, então vamos apenas ir em frente e adicioná-lo ao nosso carrinho. Agora, se o domínio não estiver disponível, você tem que inventar outra coisa. Agora, vamos em frente e conferir. E lá vamos nós. Então agora Randy checkout página aqui mesmo para que o registro de nome de domínio, você pode se registrar por um ano até dez anos de antecedência. Você pode definir a renovação automática, se quiser. Então, depois disso, como quando o nome de domínio está pronto para ser renovado e se você tem nuance automático, ele vai apenas cobrar seu cartão de crédito novamente. Portanto, cabe a você e você recebe quem está de guarda gratuitamente e isso mantém suas informações de contato privadas porque parte das regras da ICANN ao registrar um nome de domínio é que você precisa fornecer informações de contato precisas. E então quem é Deus mantém toda essa informação privada e você recebe um completamente de graça. Então, de qualquer forma, basta ir em frente e confirmar o seu pedido e você terá que criar uma conta Name Cheap. E é isso. Depois de obter seu nome de domínio, você precisará de uma conta de hospedagem compartilhada. Então, o que é uma conta de hospedagem, é apenas um servidor que está em 24 horas por dia. Então seu site está disponível 247. É apenas um requisito de ter um site. E por isso, pessoalmente, gosto de recomendar golpes. Golpes é o host web número um recomendado pelo WordPress. Então, para começar é muito simplesmente vir aqui e clicar neste botão que diz Get Started, super-duper simples. Ok, então agora aqui eles têm um monte de plantas diferentes. Então eles têm básico Plus Escolha pós impro. Portanto, o Pro é para grandes sites estabelecidos que obtêm tráfego AY que você não precisa de sonda. Basic é muito bom, mas você só pode ter um site na conta que é muito, muito limitante. Então, os que eu gosto e gosto em recomendar seriam o plano mais e a escolha mais. Eu pessoalmente gostei de cada escolha mais avião porque este plano é poderoso o suficiente para permitir que você cresça um site de alto tráfego. Mas, novamente, depende de suas necessidades. Então, se você é apenas como uma pequena empresa e você só precisa colocar um site em funcionamento. Eu diria o mais ou básico, ou encontrar uma pessoa que é provavelmente a vantagem porque você começa vários sites, mas é totalmente até, você sabe, se você é alguém que quer talvez construir um blog de alto tráfego, então eu preferiria que você escolhesse mais, mas novamente, a decisão é sua. Então eu vou com escolha mais, e tudo que você tem a fazer é clicar em selecionar. Ok, então agora neste discurso, você pode criar um novo nome de domínio ou usar um nome de domínio que você possui. Então, se você for com criar um novo nome de domínio, isso vai registrar um nome de domínio através de golpes, que eu não recomendo porque enquanto folha nomeada foi 888 ano golpes cobra 1799 por ano para nome de domínio. Então é por isso que estamos usando batota de nome porque é mais barato. Então vamos usar um nome de domínio que você possui, ok, então coloque o domínio que você acabou de registrar, chamado ovelha bem aqui. Ok, então uma vez que você fizer isso, vá em frente e clique em Avançar. E aqui vamos nós. Então isso é apenas uma informação de conta, ok, então eu não vou insultar sua inteligência e orientá-lo sobre como pagar por algo online. Basta preencher as informações da sua conta, OK, vá embora e preencha as informações da sua conta e as informações do pacote aqui mesmo. Então você pode escolher 12 meses, 24 ou 36 meses. Pessoalmente fora provavelmente ir com o plano de preços 2024 mês. Se você está, se você está querendo construir um blog porque geralmente leva dois anos para construir um blog de alto tráfego. E então você pode tomar uma decisão se você quer ou não dizer glicose ou não. Novamente, isso é totalmente com você. Agora, nós viemos aqui, pacotes extras, falta de site. Não precisamos de trava de mira. E aqui em baixo temos informações de pagamento, e é isso. E então vá em frente e clique nesta pequena marca de seleção que você concordou em ser termos de mangueiras e, em seguida, clique no botão verde Enviar e você está pronto para ir. Bem-vindo ao blues.com. Então, depois de enviar o pagamento, você será apresentado com algum tipo de processo de integração. Você pode simplesmente pular através de tudo e este vai ser o seu painel de controle. Agora, lá em cima está o seu site. Você pode estar percebendo algo como caixa temporária 1234. A razão pela qual isso está aparecendo é porque você tem que definir servidores de nomes que precisam ser baratos para apontar para sua conta mangueira azul. Parece muito mais complicado, mas vou mostrar-te como preparar tudo. 4. Instalar o Wordpress: Agora você tem seu nome de domínio em um registrador de nome de domínio e você tem uma conta de hospedagem compartilhada com azul is. Então, como você conecta os dois? É um processo muito simples. Você só tem que mudar os servidores de nome em ovelhas nomeadas para estar apontando para sua conta de hospedagem no Blue Host. Isso parece muito mais complicado do que é, mas é uma coisa muito rápida e fácil de fazer. Demora cerca de cinco minutos e vou mostrar-te como se faz agora. Vamos configurar servidores de nomes. Assim, cada host web irá enviar-lhe um e-mail de boas-vindas quando você comprar um pacote de hospedagem e golpes não é diferente. Então você deve ter algo que você diria, bem vir a golpes e, em seguida, seu nome de domínio que você usa como o nome de domínio principal na conta. E então aqui vamos nós. Então eu escolhi mais hospedagem na web. Então, enquanto nós rolamos aqui para baixo, bem aqui, você está no seu painel, devo dizer que é uma caixa temporária, qualquer que seja o que temos para configurar os servidores de nomes. Assim, para blues, os servidores de nomes são muito simples para MS1 golpes em glicose NF2. E então tudo que você tem a fazer é apenas destacar isso e, em seguida, copiá-lo e colá-lo em sua conta barata nome. Então você tem que fazer login para nomear barato e entrar em sua lista de nomes de domínio e clicar no botão Gerenciar para o nome de domínio que você deseja editar. Então você quer vir aqui onde diz servidores de nomes. Agora, agora, o seu deve dizer Nome barato do DNS básico, que você precisa fazer é descer aqui e selecionar DNS personalizado. Então tudo que você tem que fazer é digitar e golpes S1 e NST blues.com, e é isso. E, em seguida, certifique-se de clicar nesta pequena marca de verificação verde. E assim que você clicar que a pequena marca de seleção verde vai aparecer dizendo que os efeitos podem levar 40 horas. Pessoalmente, eu nunca vi uma tomada 48 horas. Normalmente são uns dez minutos. Então talvez faça uma pausa, tome uma xícara de café, volte em cinco ou dez minutos, e tudo deve estar se propagando corretamente. Então você deveria estar vendo seu nome de domínio aqui. Mas de qualquer forma, é assim que você ajusta servidores de nomes. Agora ele enviar para lançar WordPress. Então, uma vez que você sentar servidores de nome e dar-lhe como cinco, talvez dez minutos no máximo, isso deve se propagar conforme apropriado e você deve ser capaz de ver seu domínio aqui. Então eu vou ter que fazer é uma espécie de como apenas um lançamento seu site e blues irá instalar WordPress para você e tudo. Mas eu não recomendo fazer isso porque eu quero ter controle sobre como meu nome de usuário, minha senha, e-mail de recuperação, todos esses pequenos detalhes que eu quero ter controle sobre. Então eu vou ir em frente e clicar nisso e eu vou excluir o site. Sim, exclua para dizer que está tudo bem, porque vamos instalar tudo do zero. Então, com o boom do meu site, clique em Adicionar site. Ok, então agora temos o WordPress e temos o construtor azul de quem? Então eu tenho outro vídeo tutorial sobre o BU que é construído se você quiser verificar, mas nós vamos estar usando WordPress. Tão rápido, use WordPress. Tudo bem, então agora temos que criar um novo site WordPress. Então nome ST, o nome ST deve ser o nome do site. Então eu vou usar meu nome, então eu vou colocar isso aqui. Agora, slogan do site, você pode colocar qualquer coisa. Então, olá mundo. Agora você sempre pode alterar essas coisas mais tarde quando estiver conectado ao WordPress. Não se preocupe muito com isso. Agora o importante é clicar na Deborah avançada aqui. Agora endereço de e-mail, este vai ser o e-mail de recuperação. Então, se você esquecer sua senha, quer saber, IMO, vai para você. E, em seguida, seu nome de usuário de administrador Wordpress e senha de administrador, que eu pessoalmente gosto de definir. Não quero que os Golpes me gerem automaticamente um nome de usuário e senha. Então, de qualquer forma, vou colocar no meu e-mail. Ok, lá vamos nós. E nome de usuário do administrador, ok, e senha do WordPress. Ok, e agora estamos prontos para ir, vá em frente e clique em Avançar. Ok, então agora você pode instalar azul ou você pode começar no WordPress em um diretório. Eu não recomendo isso. Queremos instalá-lo no que é conhecido como o nome de domínio raiz. Então Wordpress instalado em todo o nome de domínio, não só ao contrário dizer blog barra por exemplo. Enfim, deixe isso em branco. Agora, plugins gratuitos úteis. Podemos desmarcar tudo isso porque não precisamos dele. Em seguida, cabras, clique em Avançar. E o WordPress foi instalado com sucesso. Sim, é muito simples assim. Então vá em frente e clique em fazer login no WordPress. Bem-vindo ao WordPress. Então este é o seu painel WordPress e agora você está logado em seu site. Então deixe-me ir em frente e sair. Agora, sempre que você quiser entrar em seu site, você só tem que ir para o nome de domínio barra WP admin, e é isso. E então você será apresentado com a tela. E tudo que você precisa fazer é colocar o nome de usuário que você acabou de criar, na senha que você acabou de criar. E é assim que você entra em seu site todas as vezes. 5. Configurações de Backend e preparação de design: Perma links em configurações. Então, agora que temos um Wordpress instalado em nosso site, há apenas algumas coisas técnicas chatas que fazemos no backend. Então eu vou fazer, eu vou manter isso breve e vamos direto ao ponto. Então a primeira coisa que eu quero que você faça é navegar para a sua seção permalink, ok? E assim permanente pode ser encontrado em Configurações e, em seguida, permalink, ok? E assim nx permanente significa como o link permanente para suas páginas web. Então, e isso é particularmente importante se você vai estar blogando. E assim você pode, aqui é onde você pode alterar a estrutura de URL do seu blog. Então você tem plein, dia e nome, mês e nome, numérico, etc Agora a melhor estrutura é realmente depende do que você está fazendo. E assim como mês em nome ou data, isso é bom. Se você tem um site orientado para notícias, se você não tem um site orientado notícias usando datas para terrível idéia. Em seguida, temos pós-natal. Nome do post é bom para. Quero dizer, isso é ideal se você vai ter como 50 blogposts, talvez. Mas, em geral, eu recomendo fazer algo como barra blog barra nome post se você estiver indo para ser blogando porque isso dá uma arquitetura de site agradável, mas é totalmente até você fora bom nome do post ou estrutura personalizada. Agora você também pode incluir categorias dentro disso. Então, por exemplo, eu poderia continuar com a adição de categoria, ok? E assim temos categoria blog, nome do post. Isso é ideal se você estiver construindo como um site realmente enorme que vai ter como milhares de páginas e você pegar várias categorias. Para a maioria das pessoas, isso é muito excessivo. Então eu só faria algo onde é como nome do post, estrutura personalizada. Clique aqui barra blog barra nome da postagem, e apenas deixá-lo assim. Ok, então agora a próxima coisa que eu quero que você faça é navegar para onde ele diz que os usuários em todos os usuários agora aqui é onde você tem seus diferentes usuários para o seu site. Então agora temos uma conta que é o administrador. Mas se você quiser adicionar novos usuários, você pode simplesmente clicar neste botão e isso é Adicionar novo. E assim aqui mesmo dentro do WordPress, você tem um monte de papéis diferentes que você pode assinar para as pessoas. Então, por exemplo, como dizer que você traz alguém que vai ser apenas um autor e todos os seus trabalhos, apenas para publicar conteúdo. Você pode criar uma nova rota, novo papel no autor de chamadas, ok? E é isso. Isso é o que você gostaria de fazer se você vai trazer escritores, etc. Agora eu só quero trazer outra coisinha também. Então, se notarmos bem aqui, este é o nome de usuário. Vamos em frente e clique em Editar. E então aqui, é onde você pode definir um nome de exibição publicamente como outra coisa. Por exemplo, se não quero esse David 99, só quero dizer que quero ser o David. Eu não preciso do 99, basta colocar o apelido lá e então você pode selecionar o nome lá. E assim exibir o nome publicamente como seu nome, por exemplo. Então você gostaria de fazer isso porque você já viu como em postagens de blog na parte inferior poses escritas por David ou o que você não quer dizer admin ou algo assim correu, você quer tê-lo como realmente ser um nome. Então aqui, temos a informação biográfica. Este é o parágrafo que será exibido dentro de sua postagem no blog. Então, por exemplo, se David é um web designer e especialista em SEO, bla bla bla deserto. É de onde isto se populou. E então aqui você tem sua foto de perfil. E assim você pode mudar sua foto de perfil na gravidade. E então vamos abrir a gravidade. E então o que é a gravidade, é apenas um serviço onde você pode associar uma foto a um e-mail. Então é daí que isto está sendo povoado. E, em seguida, aqui é onde você pode definir uma nova senha para sua conta para que você saiba sua senha de login WordPress. Se você quiser mudá-lo, você pode apenas mudá-lo aqui. E é isso. Os temas de elite e plug-ins. Assim, com qualquer instalação do WordPress, você só tem um monte de temas e plug-ins já pré-instalados. Então vamos simplesmente apagar algumas coisas que não precisamos no nosso site. Então, de qualquer forma, a primeira guia que eu quero que você navegue é sua guia Tema. Então, novamente, você tem que ir para a aparência e depois temas. Agora, estes são os seus temas WordPress acima aqui você pode procurar por diferentes deems ou você pode adicionar novos temas como quiser. E assim, por exemplo, nós viemos aqui para temas WordPress.org. Este é o lugar onde podemos vir e instalar um novo tema. Então venha aqui e procure por deem. Então, a coisa que vamos estar usando é o tema Olá de elementos ou assim apenas digite Olá, literalmente apenas, apenas chamado Olá. E aqui mesmo, por isso é olá elementos são. Então vamos em frente e clique em instalar. Tudo bem, então agora ele foi oficialmente instalado e nós podemos apenas ir em frente e clicar em Ativar. Tudo bem, fantástico. Então agora o Luthien está ativado e podemos ir em frente e excluir todos esses outros temas padrão. Ok, então novamente, nós temos o tema 201720182020. Eu tenho duas turnês na verdade em cada uma dessas equipes se juntar, confira se você quiser aprender a projetar com eles. Mas para este tutorial, vamos estar usando elemento ou no tema Olá. Então, de qualquer maneira, vamos em frente e apagar isso. Então nós clicamos nisso, então nós clicamos aqui no botão vermelho que diz excluir, clique em OK. E lá vai você. Faça isso para cada um desses temas. E lá vamos nós. Então agora temos o nosso tema instalado. Agora vamos navegar para ligar. Então você vai para plugins, plugins instalados. Uma vez um plugin. Plugin é como um pequeno pedaço adicional de software que é que eu posso adicionar ao WordPress a adicionar algum tipo de funcionalidade. Então, vamos definitivamente estar instalando alguns plugins com elementos ou livro. Agora temos um monte de plugins padrão que não precisamos. Então o Kismet não é um plugin anti-spam. Eu recomendo ativar e usar isso. Se você vai estar blogando, se você não vai estar blogando, então você pode simplesmente ir em frente e excluir isso. Em seguida, temos azul, por isso não precisamos deste azul como plugin instalado, podemos apenas clicar em desativar. E queremos ir em frente e clicar em excluir. Em seguida, o email criativo por contextos constantes, então não precisamos disso instalado. Vá em frente e clique em excluir. E infelizmente é olá bonecas uma boneca Olá só deixa I citações dentro do seu painel WordPress. Não é particularmente útil foi apenas ir em frente e excluir isso. Ok, e último é jetpack tem, então jetpack traz um monte de como WordPress.com recursos para sua instalação WordPress.org com sua conta Blue Host. Então a coisa que eu mais gosto sobre jetpack no que diz respeito a blogs é que como você pode adicionar posts relacionados ou você sabe o que eu quero dizer? Como você vem para a parte inferior de uma postagem de blog e você vê como quadrados se relacionam vinculando a outras postagens de blog. Isso é uma coisa que eu gosto no jetpack e eles vão supervisionar a análise, etc. Depende de você se quer ficar com ele ou não. Vou ficar com ele por enquanto, porque acho a mochila a jato muito útil, mas é com você. Mas de qualquer forma, isso é tudo que você tem a ver com relação ao que as coisas que você tem que excluir em que plugins padrão que veio com sua instalação WordPress que eu quero que você exclua, e é isso. Agora é hora de instalar os elementos, seu plug-in, bem como alguns outros plugins essenciais que eu recomendo. Então vamos a isso. Então, para instalar plugins é muito simples com WordPress, você apenas navegar por aqui onde ele diz plugins e nós apenas ir para adicionar novo, ok. E, e agora aqui embaixo queremos procurar por plugins e fomos digitar Lehman, e lá vamos nós. E assim você pode baixar e instalar elementos ou em sua instalação WordPress completamente gratuitamente aqui. Oh, mentor construtor de sites. Clique em Instalar agora. Em seguida, clique em Ativar. Ok. Então agora você vai ser apresentado com esta tela de boas-vindas porque você acabou instalar elementos ou agora este é o primeiro plugin essencial que precisamos. Vamos instalar mais dois que são realmente úteis. Então, novamente, queremos navegar de volta para plugins e você quer ir para adicionar novo. Então, vamos clicar no ícone Adicionar novo do topo lá. Agora, primeiro conecte, eu quero que você instale o plugin Yost SEO. Então, o que um CEO faz, ele só permite que você tenha um pouco mais de controle sobre sua descrição de SEO na página. Ok, então vá em frente e instale e clique em Ativar. Então o que eu quero dizer com isso, vamos apenas fazer uma pesquisa rápida, diria criativo pro. Então nós fazemos isso, por exemplo, nós vemos assim uma pequena descrição bem ali e como este título bem ali, tudo isso é alimentado por Yost. Como com Yost, Você tem o pouco controle específico do seu site onde você pode fazer as coisas configuradas como este é chamado sua descrição meta. Este é o seu título para a página SEO foi que você tem todo o pequeno controle de detalhes sobre o SEO na página, por isso é muito útil, plug-in útil, definitivamente recomendo instalá-lo como estamos nos preparando para obter tudo configurado para o tutorial de qualquer maneira, vamos continuar. Então, mais um plugin. Então, novamente, vá para adicionar novo. E o próximo plugin é chamado smush it. Lá vamos nós. Ok, agora vá em frente e procure. Ok, então aqui, este é esmagado imagens de carregamento preguiçoso, otimizando imagens compactadas. Vamos em frente e instalar isso. Agora, este plugin é muito importante porque otimiza qualquer tipo de imagem para cima sua instalação WordPress. E você é tipo, bem, por que isso é importante? Bem, é porque você vai ter um monte de imagens, ok? E assim como quando você clica e abre um site, o que o servidor está fazendo, ele está carregando todas essas imagens. Então ele tem que carregar esta imagem e esta imagem e sua imagem de fundo, o que quer que adicionemos ao nosso site para que você queira ter certeza de que tudo está otimizado para que tudo carregue rapidamente e é isso que smoosh ele faz, ajuda a otimizar seu site para velocidade, que seu site seja carregado mais rapidamente. Agora, um plugin adicional eu também recomendo instalar depois que o tutorial é chamado dinheiro total. Certo, para o dinheiro total, lá vamos nós. Ok, então este plugin é importante porque ele configura um cache de dinheiro W3 Total configura um dinheiro heróico. O que é isso? Bem, isso só significa que, como a sua web, ele vai salvar uma versão do seu site em navegadores da web de alguém acordado quando eles revisitam seu site, carrega muito mais rápido e fornece uma melhor experiência de usuário. Google gosta porque suas cargas mais rapidamente. Agora eu recomendo instalar isso após o tutorial, porque vai ser um pouco irritante editar o site constantemente com uma versão em cache e, em seguida, você tem que gostar de recarregar a página, etc. Então, é melhor apenas instalá-lo em seu site, obtê-lo feito. E então uma vez que é como principalmente dengue feito, vá em frente, instalá-lo W3 Total dinheiro. Mas estranhamente, isso desinstalado por enquanto. Como estamos apenas no processo de concepção do nosso site, mas eu só quero mencionar este B. Então você está ciente de que este é outro plugin essencial que você deve ter em sua instalação WordPress. Eu enviaria para definir uma página inicial em uma página de postagem de blog. Então, do que estou falando? Então, se você visitar um site WordPress alimentado, site grande pro.com, esta é uma página, esta é apenas uma página que tem um design personalizado. E então, como o WordPress é mais uma ferramenta de blogs, eles também exigem que você defina uma página para ser a página de postagem do blog. Então este é um ótimo produto, blog barra calma. Isso é como o layout da postagem do blog. Está bem? E assim, se dermos uma olhada no nosso site com o tema Olá de elementos ou parece fantástico. Ok, isto precisa de muito trabalho, mas esta é a nossa página de arquivo, modo que a sua página de arquivo é esta. Ok. Então elementos ou por qualquer razão que eles chamam de rolo de blog, eles chamam de página de arquivo. Portanto, não queremos editar a página de arquivo e queremos criar uma página inicial. Está bem? E para fazer isso, precisamos criar duas páginas. Então, de qualquer maneira, vamos descer para as configurações, vai descer para a leitura. Vamos abrir isso. Tudo bem, então aqui sua página inicial exibe uma página estática. Ok, e então a página inicial agora temos a página de exemplo. Então nós realmente temos que entrar e criar uma página inicial dedicada e uma página de postagem de blog dedicada. Ok, e então coloque aqui. Então, de qualquer maneira, vamos em frente e fazer isso. Clique nas páginas. Tudo bem, então vá em frente e clique em Adicionar novo. E agora vou criar uma página e chamá-la de página inicial. Tudo bem, então home page. Lá vai você. Ok, então na próxima coisa que você faz é vir aqui, ok, e porque nós instalamos os EUA como CEO aqui, você pode dar uma descrição da página, ok, então, por exemplo, a página inicial, deve ser o título do site, separador de página e, em seguida, uma descrição de palavra-chave. Ok, então eu vou apenas ir em frente e deletar isso. Ok, então deve ser o site. Vou apenas dizer o nome do site, separador de página, chave, palavra, descrição. Ok. Então isso depende de qualquer coisa que diga que você está construindo. Está bem? E é isso. E então a meta-descrição, novamente, como eu disse anteriormente, é como o pequeno parágrafo que aparece por baixo aqui. Definitivamente colocar algo aqui que explique o que seu site é sobre. E então vá em frente e clique em publicar e depois publicar novamente. E lá vai você. Então agora você acabou de criar sua primeira página. Então, clique no ícone do WordPress. Ok, agora adicione novo. Agora precisamos fazer isso mais uma vez e precisamos criar uma página de postagem de blog. E vou ligar para este quarteirão, está bem? Agora, se descermos aqui e certifique-se de verificar a descrição do Euro por isso é domínio name.com barra blog. Então, novamente, você já deveria ter configurado sua ala de autorização. Então ele deve dizer como o blog título da página. Se ele diz como número alguma coisa, certifique-se de definir o seu permalink. E quero que faça a mesma coisa de novo, venha aqui porque instalamos o SEO do Joe. Agora você tem um pouco mais de controle sobre a descrição da pesquisa para sua página de blog. Então, se você apenas dar uma olhada rápida como com Lipset criar bro, Eu chamá-lo de o site criar, sondar estudos de casos altos, tutoriais, e ganhar dinheiro na linha. Então você pode definir algo bem aqui. Então, o que quer que eu vou chamá-lo de blog de viagens. Está bem. Seja lá o que for. Está bem. Então dê a ele um separador de página de descrição, e então o título do seu site, seja lá o que for, e então vá direto aqui , meta-descrição, escreva seu blog em algumas frases. Vá em frente e clique em publicar e publicar novamente. Certo, então agora temos essas duas páginas. Clique no ícone do WordPress, vá para configurações, vá para leitura. Vou escrever uma página estática, homepage. Eu quero ser a página inicial, post page. Eu queria ser a página do blog. Tudo bem, então aqui, páginas do blog mostram no máximo dez postagens, bosques que falam, isso só significa bem aqui. Ok, então quantas postagens de blog você quer que ele mostre? Está bem. Então você pode configurá-lo bem ali. Eu tipicamente ir com nove porque a maneira que eu gosto projetar um blog é como por este três por três grade. Então, é totalmente com você, mas é disso que isso está falando aqui. E, em seguida, cada publicação e feed inclui um resumo de texto completo. Então este é RSS, este é um tipo de tecnologia de dados que ninguém realmente usa mais e visibilidade do mecanismo de busca. Portanto, aqui certifique-se de que isso não é clicado porque queremos que nosso site seja indexado. De qualquer forma, vá em frente e clique em salvar as alterações. E é isso. Ok, então agora você acabou de dizer homepage. Então vamos em frente e dar uma olhada no nosso site agora. Oh, uau, tão lindo. Então agora estamos, agora estamos finalmente prontos para começar o processo de projetar nosso site com elementos ou terminar o tema Olá. 6. Design de cabeçalho manual: Ok, então finalmente temos nossos sites configurados. Temos os elementos Olá ou tema instalado, temos o elemento ou página Golding plugin instalado. Agora estamos prontos para projetar nossos sites. Então eu só quero criar uma introdução rápida. Apenas expliquei a você como os elementos são funcionam para que você possa entender conceitualmente o que estamos fazendo, porque ele funciona um pouco diferente de outros temas WordPress. Agora elementos ou divide seu site em três seções. Você tem sua cabeça, seu corpo no rodapé. Então seu cabeçalho é onde os logotipos no menu. Então você tem seu corpo onde você pode colocar elementos ou blocos, como você quiser chamá-lo. E, em seguida, o rodapé é onde você gostaria de sua política de privacidade Termos de uso, divulgações de isenção de responsabilidade, tudo isso legalmente vai. Então vamos projetar cada seção uma por uma. Vamos começar pelo cabeçalho. Então vamos nos mover para o corpo. Então eu vou te mostrar como desenhar o rodapé. Então, se você estiver pronto, vamos continuar escondendo o título da página com elementos ou algo assim. A primeira coisa que precisamos fazer é nos livrar do título da página. Por quê? Bem, se você der uma olhada como uma página inicial, você vê algum lugar onde diz homepage? - Não. Bem, eu posso te dizer isso porque eu crio este site como a página inicial do site Grande Bro é na verdade chamado homepage, ok? Mas eu tenho isso escondido da própria página real para que ele possa adicionar em meus próprios títulos como eu achar melhor. E você pode fazer exatamente a mesma coisa com elementos ou algo assim. De qualquer forma, você só quer clicar na página de edição, venha aqui. Agora é hora de editar com elementos ou assim este é WordPress é editor, ok, isso é chamado de editor Gutenberg. Agora, se você clicar neste botão onde ele diz que a edição com elementos ou o que está acontecendo agora é elemento ou está assumindo o design completo do site. Ok, então agora podemos começar a projetar com elemental, mas você apenas arrasta e solta as coisas no lugar que quisermos. Mas aqui ele ainda diz homepage e dizer, como você se livra disso? Como você deleta? Não, você tem que ter um título de página. Você não pode deletá-lo. Se você se você excluiu ele vai apenas dizer, vamos apenas dizer como Nenhuma página ou algo assim. Então, a ideia é muito simples, mas é outra vez, meio confusa. Então dentro de elementos ou você quer vir aqui onde diz este pequeno ícone de engrenagem bem aqui, que são suas configurações. Ok, você quer clicar nisso? O título é Homepage, o status é publicado. Queremos esconder o título. Está bem. Queremos esconder o título. Lá vamos nós. E lá vai você. É literalmente assim tão simples. Está bem? E então vá em frente e clique em Atualizar, ok, e é isso. Isso é tudo que você tem que fazer para esconder os títulos das páginas. Vamos editar o cabeçalho do nosso site. Então o cabeçalho é esta seção superior, bem em cima aqui. E então há duas maneiras de fazê-lo. Há a maneira manual e, em seguida, há a maneira onde você pode simplesmente baixar um modelo de forma rápida e fácil. Vou mostrar-te como ambos funcionam. Agora eu estou apenas criando esta seção porque eu sei que as pessoas vão ser como clicar no customizar e eles seriam como wher, onde está o cabeçalho? Eu não entendo como ok, você tem que instalar um plugin, ok, é X fora disso. Tudo bem, então nós queremos vir aqui e você quer navegar para onde ele diz plugins, e então você quer adicionar um novo plugin. E então o que queremos adicionar é como elementos são cabeçalhos e rodapés bloqueiam algo assim. Então, de qualquer forma, é bom para os homens. Cabeçalho da turnê foi colocado isso. Agora, os plugins corretos devem aparecer. Ok, boom, bem ali. Elementos são modelos de cabeçalho, rodapé e bloco. Então. O que este plug-in faz, particularmente com o tema hello, é que nos permite editar o cabeçalho e o rodapé do nosso site. Então vá em frente e clique em ativar. Tudo bem, fantástico. Então agora podemos navegar para a aparência, e agora temos uma opção chamada cabeçalho, cabeçalho, rodapé e blocos. Tudo bem, lá vamos nós. Então aqui é onde podemos agora definir um cabeçalho. Então vamos em frente e lixo. Isso está tudo bem. Então, para começar a desenhar um cabeçalho, basta ir aqui e clicar em adicionar novo, ok? E agora é aqui que você pode editar um cabeçalho com elementos ou assim podemos selecionar o tipo de modelo que estamos criando. Então temos cabeçalho antes do cabeçalho, rodapé bloco personalizado. Ok, então como eles querem dizer como antes do rodapé? Então deixe-me abrir isso aqui. Antes de antes do rodapé. Não significaria esta seção aqui em cima. Agora, a razão pela qual você gostaria de editar como antes do rodapé é porque às vezes você gostaria uma mensagem como esta ou você quer ter um e-mail opt-in formulário, o que quer que seja. É como a seção que você usaria lá. Agora estamos projetando o cabeçalho, certo? E agora queremos exibir. Então aqui você tem uma tonelada de opções com o elemento dois. Elementos são, é fantástico no sentido de que lhe dá este tipo de controle realmente específico. Então você pode tê-lo, você pode ter sua exibição de cabeçalho em todo o seu site, em, apenas na página 404, em post específico, qualquer coisa. Para a maioria das pessoas assistindo a isso, como se você só quisesse que tudo fosse exibido em todo o site, ok? E é isso. E assim user_roles direita que topo aqui. Então isso, o que isso faz é que define quem pode editar o cabeçalho. Ok, então você sabe, se você tem uma equipe de pessoas entrando em seu site, você quer ter este conjunto para limitar as pessoas que têm acesso a coisas específicas. Para a maioria das pessoas assistindo a isso, você provavelmente é apenas um cara ou menina editando ou site. Então, não é assim tão importante. Agora, para editar o cabeçalho real vai apenas dar-lhe o cyto realmente. Vamos chamá-lo de manual de cabeçalho. Ok, que seja. Basta clicar em Editar cabeçalho ou editar. Quais elementos são a nossa taxa. Então, agora elementos ou deve carregar. E este é um, ok agora o que você está olhando aqui não é uma página no seu site. O que você está projetando aqui é você projetando uma seção de cabeçalho para o seu site, ok? E assim você pode fazê-lo manualmente. Então, você sabe, se nós dermos uma olhada em um cabeçalho, como deve ser um cabeçalho? Espere, oh, você sabe, você tem seu logotipo aqui e então você tem o menu aqui, certo? Então é assim que você quer totalmente até você como você quer projetar seu cabeçalho. Mas eu faria algo assim. Então, queremos clicar no sinal de mais, adicionar nova seção. Que tipo de saída para ser um? Bem, eu meio que quero esse tipo de baleia onde a conta de logotipos será menor e encontrou a esquerda e os menus à direita. Vá em frente e faça isso. Tudo bem, então agora em cima aqui é onde o nosso logotipo está, ok, ou onde o menu está. Então lá em cima, queremos adicionar um logotipo para que possamos digitar algo como logotipo, ok? E então temos o logotipo desses sites. Podemos arrastar isso, soltar, arrastar e soltar isso lá dentro. Ok, agora você só vai ter esta caixa genérica. Por quê? Bem, isso é porque precisamos realmente criar um cabeçalho e carregá-lo para os sites. Ok, então nós queremos apenas editar e carregar uma imagem. Você tem que clicar neste pequeno ícone de lápis ali. Peguei-o. Certo, vamos clicar nisso. Tudo bem, agora nós queremos ir para o estilo aqui. E por baixo disto ou desculpa, queríamos ficar sob o conteúdo. Ok, então agora temos uma imagem personalizada. Sim, lá vamos nós. Isso é o que eu quero dizer, aquele elemento que tem muitos controles. Lá vamos nós. Então agora podemos escolher a imagem que queremos fazer upload. Então nós realmente temos que criar um logotipo. Vou mostrar-lhe isso em um pouco mais tarde no tutorial. Mas se você tem um local pronto, tudo que você tem a fazer é clicar em Escolher imagem. Você pode arrastá-lo e soltá-lo no espaço e ele deve preencher o logotipo conforme apropriado. E você pode definir o tamanho da imagem, a legenda do alinhamento, provavelmente desativada, etc. Muito bem, agora queremos adicionar um elemento a isto aqui, por isso clicamos nisto. Então, o que queremos acrescentar? Queremos adicionar em um menu para que você possa simplesmente digitar como menu. Tudo bem, então você sabe, você tem um monte de coisas diferentes aqui. Eu recomendo o menu de navegação. Arraste e solte isso bem ali. Ok, então nada deve estar aqui porque não temos menus em nossos sites. E assim não há menus em seu site. Então temos que ir para a tela do menu e criar um. Então vamos em frente e fazer isso. Então, criar um menu para o seu site, é muito fácil. Você tem que ir para a aparência e então você quer ir para os menus. Vamos abrir isto. Tudo bem, então vamos dar uma olhada rápida. Agora, normalmente a maioria dos sites tem dois menus. Você tem seu menu de navegação principal na parte superior e , em seguida, na parte inferior, você normalmente pode ter um menu de rodapé. Então vamos fazer isso. Então agora estamos editando o Menu Cabeçalho. E então agora precisamos criar um novo menu. E agora temos a página inicial, página exemplo, etc. E então eu meio que quero que eu quero excluir isso, ok, então eu realmente não preciso do link da página inicial no menu, então nós poderíamos talvez chamar isso de casa, renomeá-lo. Está bem, então diz “casa”. E nós temos o blog. Ok, isso parece legal. E, em seguida, temos página de exemplo, que apenas como um pj padrão no jogo com a instalação do WordPress. Então podemos ir em frente e remover isso. E vamos deixá-la aí mesmo. Então vamos chamar isso em vez de muitos um, vamos chamar este menu principal, principal. Pode chamá-lo do que quiser. E assim, de qualquer maneira, vamos em frente e criar menu. Ok, muito bom. E assim exibir localização, este será o nosso menu principal, então vamos em frente e clique em Salvar. Ok, então agora dentro deste menu tem menus de edição e você tem locais gerenciados. Está bem? E então agora nós temos um ele primário porque nós só temos um, nós temos apenas um local de menu projetado até agora em nosso site, que é este que nós acabamos de criar. Ok, e agora temos o menu principal que está lá em cima. Ok, então deixe-me ir em frente e recarregar isso. E vamos começar do zero. Tudo bem, então novamente, vamos clicar no sinal de mais. Boom, bem ali. Agora vamos aqui. Vamos digitar o logotipo novamente, logotipo do site, arraste e solte isso aqui. Tudo bem, então agora vamos clicar sobre isso e vamos para Menu e menu de navegação bem ali. Ok, então agora temos nosso menu preenchendo esta seção bem no topo. Está bem? E é realmente assim tão simples. Ok, então de qualquer maneira para começar a editar, você sempre quer ter certeza de clicar no pequeno ícone de lápis porque este é o, quais são os itens nesta seção direita lá em cima. Certo, então agora vamos dar uma olhada. Temos estilo de conteúdo e avançado, então chegamos ao estilo, por exemplo, temos preenchimento horizontal para que possamos mudar a largura, ok, para o espaço entre. Temos preenchimento vertical se quisermos mover o menu para baixo. Então, digamos que se você tivesse um logotipo maior e quisesse mover o menu um pouco para baixo. Você pode fazer esse espaço entre, ok, pode meio que brincar com isso por conta própria. Então a cor do texto está aqui. Agora queremos fazer isso preto. Podemos ir em frente e fazer isso. Vamos fazer com que se destaque um pouco mais. E então é isso. E então você tem um monte de opções diferentes. Então, piscar efeito e assim, por exemplo, como o link passar por exemplo, como quando eu passar o mouse sobre o link, sim, ele deve fazer alguma coisa. Então, tipicamente, podemos ter uma linha dupla por terra subjacente emoldurada, o que seja. Então, você sabe, talvez tenhamos subjacente. Está bem. E assim como quando eu passar o mouse sobre ele, sublinhados faz algo para tipo de dar uma indicação de que ele pode ser clicado, etc. Ok, então é isso mesmo. Então podemos vir até aqui e então você aciona um ícone. Então, acima de cima, aqui podemos alterar itens adicionais para o menu. Tudo bem, então de qualquer maneira, vamos para avançado. Então aqui temos margens diferentes. Então, margens como, você sabe, apenas, você pode apenas brincar com isso como você achar melhor. Então ele faz a mesma coisa onde, você sabe, dá espaço entre cima ou para baixo. Então, você sabe, e em outro lugar tem acolchoamento direito, lá em cima. Então o que o preenchimento faz é dar todo, todo elemento é um pouco mais de espaço. Isso faz qualquer sentido. Tudo bem, então efeitos de movimento é realmente útil porque efeitos de movimento você pode ter animação de entrada. Então, se quisermos que ele desapareça, por exemplo , o site carrega, o menu desaparece assim, etc. Ok, então de qualquer maneira, apenas navegue de volta para o conteúdo. Tudo bem, então agora vamos até aqui, menu principal. Tudo bem, woo, woo. Ok, agora nós descemos para, bem, lá vamos nós. Agora. Tudo bem. Então, sob layout de conteúdo, é aqui que você pode mudar a baleia. E assim, por exemplo, é horizontal. Queremos uma horizontal, mas talvez a queiramos à direita assim. Talvez não a queiramos à esquerda, seja lá o que quisermos, centralizada assim. Isto é tipo de onde você pode tipo de mudar coisas assim. Está bem? E então como o ponto de interrupção, como qual é o ponto de ruptura? Então Breakpoint significa como quando isso se torna um menu móvel? Está bem. Então você pode mudar isso para o que você achar melhor. Eu, pessoalmente, deixaria como está. Então deixe-me apenas abrir o site Lake criar pro.com só para mostrar-lhe isso. Então, como por exemplo, se este é o menu, certo? Então, se eu for para Inspeccionar e agora olhar para isso, é um menu de hambúrgueres. Certo, por que faz isso? Bem, isso é porque tudo está comprimido e esses são os pontos de interrupção. Então é isso que isso significa aqui, esse ponto de interrupção. Então, quando alguém faz em um tablet, este será um menu de hambúrguer ou exibição como este? Isso vai te ajudar a tomar essa decisão. Está bem? E então isso é realmente, é, é realmente tão simples. Ok, então pode ser um pouco confuso, mas não é muito, não é muito complicado. Ok, então você só tem que criar um menu no seu painel WordPress aqui. Certifique-se de que este é o menu que você deseja. Então eu chamo este menu principal. Eu literalmente acabei de nomear este menu principal. Você pode nomeá-lo o que quiser, você quiser Nina, menu ABC123. Vá em frente e chame o que quiser. Agora, sob o conteúdo, você quer prestar atenção ao layout, porque layout é onde você pode alterar o layout dos itens de menu, seja esquerda ou direita. Normalmente, a saída de tudo na taxa. E nós viemos para o estilo. E estilo é onde você pode alterar elementos específicos do menu, como a cor, qualquer tipo de animações, sublinhado, etc. E é realmente assim tão simples. Então, de qualquer maneira, vamos em frente e criar um logotipo. 7. Crie um logotipo: Vamos projetar um logotipo, então eu definitivamente recomendo que você fique com logotipos simples e elegantes. Você não precisa de um grande complicado, difícil de ler Vogue. Quero dizer, podemos dar uma olhada em um site. Óptimo protocolo. É, é um logotipo tão simples. É literalmente imposto com as palavras pro maiúsculas. Então não é que você não, não se preocupe em ter algum excessivamente complicado e até mesmo olhar para o global para Canva, é literalmente um círculo com a palavra Canva. Logotipos de hoje devem ser simples. Então você tem um monte de opções diferentes com a edição de um logotipo. Eu tenho outros vídeos sobre como usar este fabricante de logotipo site. Mas uma vez que eu realmente gosto é realmente Canvas, então vamos apenas ir em frente e começar. Quero que escreva a miniatura do YouTube, está bem? E esta vai ser a nossa tela em branco para criar um logotipo para o, certo? Então lá vamos nós. Então agora nós apenas navegamos para textos e eu só quero criar textos. Ok, então eu vou chamar isso de meu nome porque o nome do site. Está bem. E vamos colocar isso em um segundo. Está bem. E vamos levar isso para lá. Lá vamos nós. Tem que consertar isso. Ok. Então deixe-me ir em frente e consertar isso. Então eu vou apenas fazer isso nós vamos fazer este 150. Lá vamos nós. Ponha isso aí. E eu quero fazer este 150 também. Então eu estou prestando atenção a esse número lá em cima, então nós vamos apenas escalar isso para 150. Tudo bem, então agora o Canva ajuda você a alinhar tudo rapidamente e facilmente. Lá vai você. Então deixe-me mover isto, dar algum espaço a isto. Tudo bem, então agora só temos que projetar isso. Então deixe-me ir em frente aqui, acho que vou atrasar esse Poppins. E acho que vou fazer este. Eu só vou fazer pop in sport, totalmente com você, o que você quiser adicionar. E então mantenha assim. Eu acho que parece agradável, simples e elegante, mas você pode adicionar mais a ele, se você quiser. Então, por exemplo, se você quisesse adicionar um elemento, OK, e eu quisesse, eu quero talvez um globo por qualquer motivo. Posso colocar um globo aqui. E eu poderia fazer esta posição ficar atrás de tudo. Ok, então você pode apenas vir aqui e adicionar elementos como quiser. Eu vou embora, é simples, mas novamente, para adicionar elementos, você vem para a posição aqui. Você pode mover as coisas para frente e para trás, ok? E assim você pode brincar com as coisas em um anúncio, as coisas que você quiser, como você acha que elas parecem boas. Então deixe-me apenas ir em frente e deletar isso. Mas é realmente assim tão simples. Agora, em termos de edição dos textos reais, você tem um monte de, você realmente tem um monte de opções diferentes. Então, é muito bom. Então você pode vir aqui para efeitos. E então efeitos que você pode adicionar em como um chicoteado ou sombreado ou nenhum, ou uma falha e fazer com que pareça estranho assim. Você também pode vir aqui. Aqui, nesta lista, podemos ter o mais molhado e a altura da linha. Então, por exemplo, se eu quiser que o espaçamento das letras seja um pouco maior, eu posso vir aqui e talvez nós façamos isso cinco. Ok? E o que gostaríamos que agora venha aqui. Podemos fazer a mesma coisa e estamos apenas de olho nela onde você acha que parece bom. Então talvez isso seja muito humor. Você gostaria apenas um pouco como talvez de novo, vamos fazer cinco. Lá vamos nós. Acho que isso parece legal. Certo, agora temos a configuração do logotipo. Então vá em frente e faça o download. Agora, normalmente para sites, eu definitivamente recomendo que você baixe coisas como um PNG. Mas como este é o nosso logotipo, queremos que ele seja de alta qualidade, nítido e nítido. E também não vai ser uma imagem tão grande. Pngs. Certo, então vá em frente e baixe o arquivo. Ok, então agora o arquivo deve ser baixado com sucesso. Vou tirar isso do caminho. Tudo bem, então arraste e solte isso bem ali. Ok, então agora nós precisamos editar esta abertura é para cima e eu vou abrir com o gerente de imagens do Office. E você pode usar o editor de fotos que quiser. A única coisa que precisamos fazer. A única coisa que precisamos fazer é cortar espaços em branco mais antigos. Não precisamos de todo o espaço de controle, um osso assim. Traga-o de baixo, bem ali. Certo, e da direita só um pouquinho. Lá vamos nós. E pela esquerda, lá vamos nós. Ok, em seguida pode editar imagens e, em seguida, você só quer redimensionar a imagem. Então não precisamos dessa imagem grande e massiva. Podemos redimensionar isso para algo como quinhentos e quatrocentos e cinquenta, trezentos, algo assim. Não muito grande, nem muito pequeno. Então, reduzimos isto para ultrapassar 50, cinco. Está bem. Tudo bem, então isso está bom. E vamos clicar em Sim, eu vejo isso como está. Tudo bem. Agora que tem, agora como você pode ver a forma como ele fica na minha área de trabalho, que tem um fundo branco, mas olha, este não tem. Então, como você faz isso? Bem, há muitos vídeos tutoriais sobre como remover fundos de imagens. Mas honestamente, você pode usar um site que é super simples. Chama-se ponto jpg movido. E você só vem aqui e você pode carregar uma imagem e ela automaticamente usa aprendizado de máquina para remover o fundo branco de qualquer imagem que você carrega ou simplesmente remove o fundo de qualquer imagem. Então você pode apenas usar isso, você pode usar este site se remover o fundo é importante para você. Então, por que você quer um logotipo transparente? A única vez que você gostaria de transplantar logotipo é se você acha que seu cabeçalho vai ser um fundo coberto, você vai estar brincando com cores diferentes. Você quer mudá-lo, o que for. Mas se você não vai fazer, eu tenho, você sabe, certeza Armour enviou que sua cabeça vai ser branca e apenas deixá-lo branco. De qualquer forma, agora temos a nossa imagem. Então queremos ir em frente e chamar nossa imagem de algo lógico, lago como, tipo logotipo, você sabe, algo assim. Então sabemos o que é. Ok, então agora estamos de volta em nossos elementos são, e agora podemos carregar nossa imagem. Ok, então novamente, temos que ir para o logotipo do site. Novamente, você tem que clicar na imagem personalizada, e, novamente, você tem que clicar em Escolher imagem. Ok? E então agora podemos apenas arrastar e soltar ou imagem no lugar. Tudo bem, e lá vamos nós. Então, agora nós descemos aqui nós temos o texto alternativo. E assim o texto alt que devemos colocar no logotipo. Certo, então isso descreve a imagem. Agora bem aqui, podemos ir em frente e inserir mídia. Tudo bem, e então há o nosso logotipo com bom aspecto. Então aqui embaixo podemos mudar o tamanho também. Então, por exemplo, são 300 por 300, mas você percebe que não é tão nítido e afiado e então você definitivamente só quer deixá-lo totalmente pessoalmente, ok? Porque cheio terá a imagem olhar o seu melhor. Então, honestamente, você vai ter que provavelmente brincar com o tamanho do logotipo. O que eu quero dizer é que eu venho aqui aberto com, em seguida, literalmente editar o tamanho do logotipo para o tamanho que você acha que vai expressar onde ele é nítido e nítido, etc. Ok, então é isso que você precisa para brincar porque se você vir aqui e ajustar o tamanho da imagem conforme apropriado, vai fazer com que pareça não nítida e afiada. Certo, essa é a única maneira de descrever isso assim. Isso só parece um pouco embaçado. Então eu gosto de deixar tudo na íntegra. Ok. Então tudo é bom e afiado e parece fantástico. Ok, e assim, em geral, isso é tudo que você tem que fazer para editar o logotipo com elementos são então você tem que instalar os cabeçalhos, cabeçalhos e rodapés plug-lo. E agora você tem acesso a apenas adicionar blocos como você vê se encaixa para criar seu logotipo. Ok, e uma última coisa é como, eu sempre me perguntam é como eu mudo o tamanho da fonte do menu? Portanto, pode ser muito frustrante com elementos ou porque você está clicando no ícone aqui, você está entrando em avanço estilo de conteúdo. Não vejo nada que mude o tamanho. Bem, a razão é porque é isso que você quer editar é a topografia. Está bem. E a opção de topografia não é. Aqui. Temos que clicar no menu de hambúrgueres. Agora, aqui estão suas configurações de site temático preferências de usuário mais antigas. Então você quer ir para as Configurações do site. Uma vez que eles estão agradecidos, você tem que ir para topografia. Agora o que você quer editar é que você quer editar links, ok, então agora nós temos que vir aqui. E assim não vejo tamanho. Bem, isso é porque você tem que clicar no ícone de lápis. Agora viemos para a topografia. Agora aqui podemos mudá-lo para outra coisa. Então, por exemplo, meu logotipo é pop-in, então talvez fazer o menu Poppins. Ok, lá vamos nós. E a seguir eu quero talvez fazer o tamanho da fonte um pouco maior. Ok, então talvez para combinar com o logotipo um pouco mais, nós podemos fazer, nós podemos fazer como um grande design ousado como esse. Talvez tipo, talvez como se estivesse tudo bem. Desça aqui o espaço da carta e espalhe-o um pouco. Ok, então vamos em frente e clique em Atualizar. Ok, e então vamos voltar para a carta, e lá vai você. Ok, então se você quer saber como ajustar os itens do menu no topo, isso vai ajudá-lo a fazer isso. Você tem que entrar em tipografia e é aí que você pode tipo de ajustar o tamanho, espaço da letra e assim como a família de fontes com 0s. Ok, assim que o menu estiver pronto, basta verificar novamente e certificar-se de que está ativado no topo. Ok, então agora no menu não está ativado. Então, vamos descer aqui. Então este é o cabeçalho que acabamos de criar. Portanto, certifique-se de que você vem aqui, selecione o cabeçalho da opção, exibir em todo o site. Lá vamos nós e vamos em frente e clique em atualizar. E assim que salva o cabeçalho que acabamos criar como o cabeçalho de nossos sites irá recarregar o sate. E lá vai você. Aí está o nosso cabeçalho, certo? E criar um cabeçalho é tão fácil com elemental. 8. Cabeçalho de elementos de Envato: Então, nós apenas projetamos a seção de cabeçalho manualmente, mas há uma maneira de fazê-lo de forma rápida e fácil, apenas carregando um modelo. E a resposta é sim, absolutamente. Então, uma das coisas legais sobre elementary é que há um monte de desenvolvedores de terceiros lá fora que fazem um monte de plugins realmente úteis que permitem que você crie como seu cabeçalho e rodapé rapidamente e facilmente com o clique de um botão. Então, um designer de cabeçalho que eu realmente gosto é um plugin chamado elementos vitais. Então vamos em frente e instalá-lo. Então vamos voltar para Plugins e vamos adicionar novo. Ok, então você quer digitar e Vo2? O imenso. Lá vai você. Então, convide, Oh, se você não sabe, eles são a empresa por trás da floresta temática. Então força feixe é esta área teias aqui, lá, um dos desenvolvedores mais populares WordPress tema no mundo, na verdade eles não são temáticos da Oprah, mas seu mercado para temas WordPress e eles oferecem um monte de outras coisas aleatórias são realmente úteis como áudio, vídeo, gráficos, etc Então, em seguida, U é que eles têm um plugin que é realmente grande e elementos vitais foto e elementos estão em modelos. Vá em frente e instale isso. E clique em Ativar. Ok, então agora que ele está pronto para ir, então vamos voltar para a nossa página inicial e vamos em frente e clicar em editar com elementos que são. Agora uma coisa que você vai notar que foi adicionado é convidar. Oh, oh, lá vamos nós. Então há um pequeno ícone verde que está folheando. Veja isso é como os elementos são normalmente parece agora que temos o plugin elementos, que temos este carregado, agora queremos ajustar o cabeçalho para que temos que entrar e voltar para a nossa seção onde podemos editar o cabeçalho. Então, o que está de volta para fora disso e para trás para fora disso, e para trás para fora disso. Ok, então novamente, vá para Aparência e vá para cabeçalho e rodapé. Lá vamos nós. Então cabeçalho e rodapé é deixe-me apenas ir em frente e excluir este. Ok, então vamos em frente e adicionar novo. Tudo bem, então eu vou ligar para isso e vaso cabeçalho. Lá vamos nós. E agora o que vamos editar com elementos ou mais, vamos em frente e clicar nisso. Ok. Então tudo o que temos que fazer é clicar neste ícone aqui, e aparecer em vadose. Então, queremos navegar até onde diz blocos livres. Agora, o que queremos bloqueado? Bem, estamos instalando um cabeçalho, então queremos o bloco de cabeçalho. E aqui você tem um monte de blocos de cabeçalho gratuitos. Você pode simplesmente clicar e instalar aqui. E é assim que é fácil. É muito bom. E assim eles têm um monte de opções diferentes para um realmente deu você quer como um logotipo preto ali mesmo, azul. Você pode, obviamente você pode apenas carregar isso e ajustar como quiser. Vou usar este aqui que tem um bom botão. Então vamos em frente e inserir modelo. E então agora ele vai importar o modelo. E maravilhoso. Então agora temos alguns elementos diferentes aqui, temos um botão ali. Temos uma seção para o menu. Temos o nome do site e temos este ícone. Então, se você quiser apenas ter um logotipo baseado em texto, aqui está. Então você pode apenas vir pular aqui e se ajustar conforme necessário. Se você quiser atualizar esta imagem e torná-la sua própria imagem, você pode ir em frente e fazer isso. Pessoalmente, vou deletar esta seção inteira. E a coisa que eu quero acrescentar seria como um logotipo. Ok, então logo, site, logotipo, arraste e solte isso aí. E queremos uma imagem personalizada. Sim. E eu quero escolher a imagem. Ótima. E então eu vou fazer upload de uma versão do meu logotipo que eu fiz um pouco menor. Então este é tipo 350 pixels. Vamos em frente e inserir mídia. E isso parece fantástico. Ok, então nós não queremos isso médio, nós queremos na íntegra. E lá vamos nós. Ok, então isso é para o logotipo. Agora, vamos em frente e clicar no sinal de mais aqui. E o que queremos adicionar é o menu. E então menu de navegação, arraste e solte isso lá. Ok, ótimo. E então vamos para layouts. E quero isso do lado direito. Agora, novamente, eu apenas mostrei anteriormente link sobre como ajustar o tamanho. Então, acho que parece um pouco grande. Prefiro fazer isso um pouco menor. Então, de novo, vamos cuidar disso. Então, de qualquer forma, vamos publicar. E lá vamos nós. Tudo bem, então vamos dar uma olhada. Nossa direita, parece ótimo, então parece bom. Mas eu prefiro ter o, esses itens de menu meio que correspondem a sintaxe um pouco melhor. Então vamos em frente e editar com elementos ou. E de novo, acabei de mostrar a vocês como ajustar o menu para termos que voltar para a tipografia. Então vamos em frente e fazer isso. Ok, então deixe-me clicar no menu de hambúrguer e ir para as configurações do S8. E vamos para a tipografia. Lá vamos nós. Vamos descer para o link. Isso é topografia rápida de novo. Vamos fazer o tamanho da fonte um pouco menor, algo assim. Sim, isso parece, isso parece ótimo. Então combina com o botão um pouco melhor. E eu realmente gosto disso, então podemos deixar isso como está. Acho que está muito bonito. E então eu vou ir em frente e clicar em atualizar. E lá vai você. Assim, você pode facilmente atualizar esta seção apenas usando um elemento VO2. Então agora temos um monte de elementos diferentes aqui em cima. Por isso deixa-me sair disto. Ok, então agora para este botão específico, se você quiser ajustá-lo novamente, como sempre, clique no ícone de lápis. Nós clicamos no ícone de lápis. Aqui estão suas opções para o botão. E então aqui você pode mudar o tipo, ok, aviso de sucesso de introdução padrão, perigo. Então nós só queremos padrão, o texto, você apenas altera o texto. Então é um clique aqui, ok, como ou como o que quer que seja. Cursos onde você diz algo assim, uma piscadela. Podemos ter este link para uma página ou podemos fazer um link âncora na página, que eu vou chegar mais tarde no vídeo. Você pode alterar o alinhamento aqui e você pode mudar isso como o tamanho do botão. Então, se você quiser pequeno, extra pequeno, tudo o que puder rapidamente e mudá-lo lá. Posso espaçamento. Ok. Quão grande você quer? E assim, você sabe, você pode apenas isso lá. Vamos saltar para o estilo contra uma muda como o botão realmente parece. Pessoalmente, eu realmente gostei da maneira que parece que eu mouse sobre ele se torna preto, mas novamente, você pode apenas mudá-lo como quiser. Então temos a cor do texto, modo que muda o texto. O tipo de borda é sólido, então isso significa que a borda da ligação é uma linha preta. Novamente, se você quiser mudar isso para o dobro, você pode simplesmente selecionar onde quiser. E então é isso. E então você tem sombra de caixa e você pode adicionar preenchimento, o que você quiser. E é assim que você atualiza a seção de cabeçalho. 9. Crie um Favicon: Como adicionar um favicon em seu site que é alimentado por elementos ou mais. Você talvez esteja se perguntando, o que é um favicon de hábitos contras um pequeno ícone na aba lá em cima. Então você definitivamente quer criar algo que é duplo de marca para o seu site. Porque como quando as pessoas visitam seu site em dizer como seu iPhone e site visitado mais recentemente, você deseja ícone associado ao seu site. Também é apenas uma coisa de higiene onde apenas um pequeno detalhe que você não percebe, mas quando não está lá, você percebe. E assim agora nosso favicon é apenas o ícone do WordPress. Então vamos em frente e mudar isso. Então você quer clicar no menu de hambúrguer bem ali. E então ele foi navegar até onde diz Configurações do Site. Está bem? Agora queremos encontrar algo que diga como identidade do site logo abaixo dessas configurações. Então vamos em frente e clicar nisso. Tudo bem, então aqui você tem o nome do seu site na descrição do seu site. Então você pode mudar isso como quiser daqui, mas eu vou deixar. E então nós temos o logotipo do site, mas nós já temos isso lá em cima, então você não precisa ajustar nada aqui. A única coisa que precisamos ajustar são esses sites, favicon. E então como você cria um favicon? Agora? Cabe a você. Você tem que criar sua própria imagem. Você precisa criar sua própria imagem associada à sua marca. E então, pessoalmente, o que eu tenho é que eu tenho esta pequena imagem que eu vou usar. Eu tenho que tem um hábito como um PNG com um fundo transparente. Novamente, você pode apenas usar remover batida para remover que Bg para remover o fundo de qualquer imagem. Então vamos usar seu editor de imagens favorito, talvez fazer um círculo, ter algum tipo de design. Não precisa ser nada complicado e apenas criar algo. Ok, então vamos em frente e escolher a imagem. E eu só vou arrastar e soltar isso no lugar. Ok, isso parece bom. E vamos inserir mídia. E vamos clicar na atualização. Certo, e vamos voltar para o editor. Tudo bem, então vamos voltar para o painel de saída. E vamos ver. Ah, muito bom, tão perfeito. Como podem ver, nosso favicon foi atualizado para algo um pouco mais quebrável, e é simples assim. 10. 10 imagens de herói e sua chamada à ação: Agora é hora de adicionar uma grande linda imagem de herói com uma chamada à ação ao nosso site. Então eu já estou assumindo que você meio que brincou com sua seção de cabeçalho. Ok, então eu fui em frente e fiz meu logotipo um pouco menor, mudar a cor aqui. Você não se ajusta como acha melhor quando está pronto. Agora você quer apenas adicionar uma imagem de herói. Então, do que estamos falando aqui? Imagens como algo assim. Ok, uma imagem grande ou única que leva a parte superior do site, uma chamada à ação que diz às pessoas sobre o que é o site, etc. Então, como é que fazemos isso? Muito, muito simples. Então a primeira coisa é que você precisa fonte na imagem. Então eu definitivamente recomendaria talvez check-out como algo como em Splash.com. E você quer encontrar um monte de imagens que você acha que seriam fantásticas. Estes são completamente gratuitos para usar. Você não tem que se preocupar com nenhum tipo de atribuição ou o que quer que seja. E assim, mas apenas uma advertência é apenas para se certificar de redimensionar a imagem conforme apropriado. Então, por exemplo, como esta é como uma imagem de 1500 por 1500. Mais rápido baixar isso, seria como 6 mil por 6 mil pixels, que é uma imagem enorme. E você razoavelmente, você quer o menor possível é porque você quer que as pessoas para abrir o site e ter tudo carregar muito rápido. E então você não pode fazer isso se você tem alguma imagem massiva. Então, de qualquer forma, vamos editar com elementos ou porque vamos editar a página inicial. Ok, agora isso é, lá vamos nós. Então k, Então vamos começar a editar nossa página. Então a primeira coisa que precisamos é de um título. Ok. Por que ir? Bem, isso é o que essas frases são aqui. Como este avião irá promover sites de lucro facilitados. São títulos, está bem? Então isso é como um corpo de texto. E então vamos adicionar um título. Boom, lá vamos nós. Certo, então aqui em cima você pode adicionar o seu plano de ação. Então esta estrutura de frases aqui deve ser algo como uma chamada à ação que diz às pessoas onde elas estão, o que está acontecendo, o que os sites sobre não torná-lo longo e rápido e direto ao ponto, talvez um subtítulo Se você Quero, et cetera. Então vou colocar algo. Encontre sua vantagem vírgula e Joey, vida. Lá vamos nós. Ok, agora a próxima coisa que eu quero que você faça é navegar para onde ele diz tag HTML, você quer mudanças de H2, H1, H1. Enquanto um significa que este é o título da página. Está bem? E assim, por exemplo, assim, a postagem do blog, esta é a sua tag H1. A tag H1 é o título da sua postagem de blog. Aqui é H2. H2 é uma subposição de H1, et cetera. E é por isso que queremos que este seja o único porque é o título da página. Agora eu não quero ir para a esquerda, eu queria sensores, então basta ir aqui para alinhamento e clique no centro. Lá vai você. É assim tão simples. Agora você pode clicar no estilo. E novamente, a guia estilo é exata, que acha que é onde você muda o estilo do texto. Então, clicamos nisso e navegamos para preto ou seja lá o que for, seja qual for a cor que você quiser. E agora aqui você pode mudar a topografia como quiser, ok, é o que você quiser. Então, como por exemplo, eu vou usar Poppins. Vamos mudar para que tudo bem. Podemos mudar a forma como transformado declaração estilo. Você pode vir aqui e brincar com isso. Se você quiser reverter qualquer coisa, basta clicar em voltar para o padrão para recomeçar. Se você cometeu um erro. É realmente assim tão simples. Novamente, depois sombra de texto, ok? Se você quer ter uma sombra de texto, você não quer ter sombra de texto, esse tipo de coisa. Então, quando clicarmos nele, reverta para o padrão. Vou deixar assim. Está bem? E então eu acho que isso parece muito legal. Agora, como podemos adicionar uma imagem e dizer, eu não vejo uma opção para adicionar uma imagem em qualquer lugar. É um conteúdo e estilo, sem guia antecipado, certo? Sim. Não. Tudo bem, bem, a coisa é com elementos ou é como você está editando o título, sua edição com o elemento dentro desta caixa azul. Mas agora precisamos editar a caixa azul. Então temos que clicar nesta pequena seção ali e ver como isso muda para editar a seção, se eu clicar no ícone de lápis. Agora, editando o título, queremos editar a seção, simples assim. Ok, então agora precisamos ter o que temos é opção de baleia em nossa opção de estrutura. E assim o layout muda a maneira que qualquer coisa é disposta dentro desta seção. Mas temos que adicionar estilo a ele, que é a nossa imagem. Você clica nisso. Agora temos fundo, ok, então temos fundo, sobreposição, forma de borda, divisor, etc. Clique em Plano de fundo normal. Ok, então você tem vídeo gradiente clássico na apresentação de slides. Então você quer adicionar um vídeo, você pode fazer isso a partir daqui. Mas pessoalmente, eu definitivamente recomendo ir com clássico. Certo, então isso é clássico. Vou escolher uma imagem. Agora vou escolher uma imagem que já enviei. Então, aqui vamos nós. Esta é a minha imagem de fundo. Novamente, você pode usar algo como em salpicos, fonte sua própria imagem, o que quer que seja. Apenas redimensione. Ok, isso é como mil, oitocentos e mil duzentos. É grande, mas não é muito grande. Ok, então agora acabamos de adicionar uma imagem com sucesso. Está bem? E isso parece terrível. Por que é tão pequeno? Você tem que adicionar estofamento, ok? Então você tem que adicionar espaço a ele. Então preenchimento é a frase que você usou para descrever o espaço entre os elementos. Então, por exemplo, esta é uma frase de texto aqui. Isso tem um monte de preenchimento acima deste texto e um pouco abaixo dele. Então meio que empurra tudo para dentro, separa tudo para fora. Se você não tem nenhum estofamento, todas as armas ficam comprimidas juntas. Então é aí que você quer ir para o layout. Ok. Então você não vai para o layout. Agora você quer vir aqui para alturas. E queremos algo que possa caber na tela, certo, que pareça legal, ou talvez alturas mínimas. E quando você clicar em alturas mínimas bem aqui, você terá este pequeno mostrador bem aqui. E então eu realmente gosto disso porque é muito fácil e intuitivo para iniciantes. Podemos brincar com o jeito que isso parece bem. Então, é totalmente com você. Então, outra coisa que eu gosto nos mentores disseram isso, ele diz “Fit to Screen”. E então isso vai caber na tela não importa qual dispositivo a pessoa está lá em um dispositivo móvel vai encaixá-lo automaticamente em seu telefone, etc. Eu só vou fazer isso e a altura mínima porque, obviamente, você sabe, da maneira que eu gosto de projetar sites, eu não quero que esta imagem seja supermassiva ele. Eu não quero apenas um pouco, pouco como o almoço, um pouco de espaço branco por baixo. E lá vai você. Então eu realmente gostei do jeito que isso parece. Está bem. E então vamos voltar aqui para os textos, Ok, e então eu vou voltar aqui para este x num editando o estilo do título. Tudo bem, então agora eu posso vir aqui e podemos chegar ao conteúdo. E então temos padrão em tamanho. Talvez eu queira tornar isso maior. Vamos fazer como extra grande. Sim, parece muito melhor. Tudo bem, então agora é um pouco difícil de ler, tão estilo e tão preto. Vamos fazer branco ou algo assim, vamos fazer uma cor diferente. Tudo bem, então talvez eu precise adicionar uma sobreposição nesta imagem, ok? Porque tipo, oh, bem, eu realmente não consigo ver o texto sobre isso. Então deixe-me voltar aqui. Vamos voltar ao estilo. Agora podemos brincar com a imagem de fundo. Então você tem sua posição lá. Agora, sua posição aí, você tem que minimizar isso e ter certeza de que a imagem está ajustando corretamente. Está bem? E assim podemos mudar coisas diferentes como centro, centro OKC. Eu meio que gosto disso porque talvez o texto iria olhar um pouco mais claro e fácil de ler se eu torná-lo branco sobre esta seção da imagem. Você sabe, se você tem um sensor superior bem ali, isso parece legal. Ok, então eu posso ficar assim se eu quiser. Certo, agora temos o anexo. Então aqui podemos ter pergaminho ou consertado, ok? E então, se você apenas brincar com isso, então role, ok, isso significa que a imagem permanece colocada. Se chegarmos a fixo, isso significa que a imagem permanece fixa, ela atrás dela e então, você sabe, meio que dá aquela pequena característica agradável da imagem se movendo para trás. E eu meio que gosto do jeito que isso está funcionando. Então acho que vou mantê-lo como consertado. Tudo bem, então agora nós queremos vir aqui para onde ele diz sobreposição de fundo. Então, o que é uma sobreposição? Um? Sobreposições como adicionar cor a uma imagem. Por que você iria querer fazer isso? Bem, por exemplo, eu quero usar texto branco nesta imagem. Você sabe ler White? Você pode ler branco sobre a imagem específica? Não porque esta é uma imagem em preto e branco. Então eu tive que fazer isso blues escuros do texto aparece e se destaca. Então nós não queremos, talvez se você quiser, se você tiver que fazer isso, você pode vir aqui e fazer aquilo. Então, sobreposição de fundo, tipo de clique na opacidade do período clássico, ok? Então você pode tipo de mudar as coisas conforme necessário bem ali. Ok, então vamos vir aqui para o fundo. Certo, então agora temos um monte de diferentes, certo, na verdade, vamos voltar para a sobreposição de fundo. Tudo bem. Então, temos cor. Vou clicar em Cor. Lá vamos nós. Então agora se eu quiser mudar isso para outra coisa, como talvez preto um pouco como lá vamos nós. Assim como talvez torná-lo um pouco mais escuro, totalmente até você. Então eu não vou adicionar nenhum tipo de OEM, tipo de deixar como está. Ok, a próxima coisa que podemos adicionar é como um divisor em forma. Então, torne-se aqui, tem duas formas de divisória. E agora aqui temos o topo e o fundo, então viemos aqui para datilografar. E então você tem um monte de diferentes tipos de formas que você pode adicionar. Então, por exemplo, triângulo. Agora isso é selecionado para o topo. Isso parece meio estranho. Então vamos nos livrar disso. Kit irá clicar em nenhum. Vamos para o fundo. Ok, então agora eu posso descer aqui e ir para o triângulo bem ali. Está bem? Então isso parece muito bom. Então podemos inverter isso aqui, ok, basta clicar neste para inverter como quiser. E então eu acho que isso parece legal assim. Novamente, você pode apenas tipo de brincar com isso como você achar melhor, ok, então você pode apenas vir aqui, escolher um monte de diferentes. E assim como o meu, um dos meus favoritos é como eu pessoalmente gosto da opacidade, e eu pessoalmente gosto do triângulo um, ok? Porque o triângulo um meio que aponta para baixo, aponta o usuário para uma nova seção bem aqui. Então eu vou deixar assim. Está bem? E isso é basicamente tudo o que você tem que fazer para adicionar elementos específicos na imagem de herói adicionado com texto, com a sobreposição de texto. E é realmente assim tão simples. Como adicionar um botão à nossa chamada à ação na parte superior. Ok, então eu sei que muitos de vocês vão querer adicionar um botão. Eu, pessoalmente, não vou somar no livro. Deixa-me mostrar-te como se faz. Tudo bem, então agora eu estou editando o título e você tipo, como eu volto para os blocos? Como o que eu clico nele? Sim, clique em quadrados bem ali. Lá vai você. Agora você está de volta para onde todos os seus blocos estão. Está bem? E então agora queremos adicionar um botão e é isso. É apenas digitar botão arrastando soltar, e é tão simples. Lá vai você. Então agora podemos vir aqui e mudar o alinhamento, podemos mudar o tamanho, então eu vou fazer isso extra pequeno. Parece legal bem ali. E assim podemos vir aqui para mudar os tipos de botões. Então temos informações, temos sucesso. Ok, temos um aviso. Agora, se quisermos ir, deixarei isso como informação. Agora, se viermos aqui para estilizar, aqui é onde podemos mudar a cor do texto se eu quiser fazer di cor diferente, cor de fundo, também podemos mudar. Está bem? E isso é meio que, você sabe, muito simples assim. Assim, você pode alterar a cor do texto, seu tipo de fundo. Você pode mudar o tipo de biografia aqui. Você pode adicionar uma sombra de texto. Você pode alterar os diferentes elementos para o que acontece quando as pessoas passam o mouse sobre o botão, etc. Ok, e é realmente tão simples agora se você está tipo, bem, como eu separá-lo? Como talvez você pense como, oh, bem, os botões um pouco perto da taxa de imposto, há alguma maneira de eu dar um pouco mais de espaço e como absolutamente. E agora, enquanto esta opção específica de mistura não tem nenhuma maneira de adicionar preenchimento logo acima dele. Você só pode elemento ou vem com algo chamado espaçador. E então é basicamente apenas este arrastar e soltá-lo aqui. E agora você pode empurrá-lo tão longe quanto longe. Então eu acho que apenas um espaçador aos dez já parece bom. Palavras como OK, tem um pouco de espaço para respirar. Isso parece muito bom e você pode deixar assim. Então, se você quiser adicionar um botão, isso é praticamente tudo o que você precisa se preocupar e fazer. Está bem? E então nós viemos aqui para o conteúdo e, em seguida, o link bem ali. Este é o lugar onde você pode gostar de link para outros sites, se você quiser, e você pode alterá-lo para abrir uma nova janela ou adicionar nofollow. Portanto, apenas os links que estão fora do seu site para outra página devem ser abertos uma nova janela. Mas se você estiver vinculando uma página em seu site, não a tenha aberta em uma nova janela se isso fizer algum sentido. Mas é basicamente isso. É tudo o que temos que fazer para adicionar um botão. 11. Mensagem de boas-vindas: Certo, agora é hora de continuar adicionando blocos ao nosso site. Então agora está realmente se juntando. Temos este menu no topo. Temos um pequeno apelo à ação. E então agora você pode adicionar em blocos. E é aqui que seu próprio design e criatividade podem entrar em jogo com elementos são, então você tem algumas opções diferentes. Então, primeiro, você pode sair desse sinal de adição e, em seguida, aqui você pode alterar a estrutura do site ou a estrutura desta seção específica. E então é meio óbvio assim, se você fizer isso vai ser como dois quarteirões. Ok, então aqui, eu posso vir aqui, clicar neste sinal de mais. Eu posso adicionar em qualquer bloco que eu fui até aqui e, em seguida, clique neste sinal e adicionar em qualquer bloco que eu quiser, se isso faz sentido. Ok? E isso é tipo como elementos ou funciona e é assim que é por isso que eu gosto quando você começa o material técnico de qualquer maneira como a cabeça ou nesta coisa aqui, então é como, tudo bem, legal, agora eu posso fazer isso por um. E então o que eu recomendo é que você mesmo design personalizado coisas com um sinal de mais ou você pode simplesmente adicionar em uma seção rápida e fácil. E assim, se clicarmos neste pequeno ícone de pasta, terá o elemento ou plug-in pop-up. E ele vem com um monte de blocos diferentes, bibliotecas de blocos que vêm aqui. Agora, a razão pela qual eu tinha que instalar o plugin elementos vaso final aqui é porque o, a biblioteca para que elementar fornece, Bem, infelizmente, eles não fornecem o cabeçalho ea seção rodapé gratuitamente. Mas em Fido faz isso, é realmente a única maneira que você pode obter a cabeça um cabeçalho bonito de forma rápida e fácil. Então, de qualquer maneira, se eu vir aqui e clicar neste ícone de pasta, nós temos um monte de opções diferentes. Então eu gosto disso é fantástico. Isto parece tão bom. Então eu vou clicar em, inserir assim. Vamos clicar em começar. Agora diz conectar-se à biblioteca de modelos acessar esta biblioteca de modelos, ok? E então eu tenho que aprovar e conectar meu e-mail e, você sabe, você tem que criar uma conta gratuita para que você não tenha opção. Mas você não pode simplesmente fazê-lo de graça em um você tem que criar uma conta com elementos ou não um grande negócio? Porque então você pode simplesmente boom, lá está ele. Feito. Maravilhoso. E então como eu usaria esta seção aqui? Então esta seção deve ser sua seção de introdução, ok? E assim isso deve gostar, Hey, bem-vindos as pessoas a dizer, você sabe, hey, bem-vindo ao café maniacs.com ou sites, site dedicado sobre café, qualquer que seja o seu site sobre. Ok. E assim, para mim, isso era como um blog pessoal, por exemplo, ou um site pessoal. Diga como, hey meu joelho, eu sou, eu sou um blogueiro profissional, YouTubers, altamente avaliado nós consultor e fibra bla, bla, bla. Eu só uso aquela seção toda ali. Ok. E então você quer clicar sobre isso e ter certeza de que este é cnn diz H4. Nós queremos que seja H2 na verdade, ok. Por que você quer que isso seja H2 novamente? Porque este é um subtítulo deste. Então queremos que este seja H2. Agora este texto ali, cabe a você se você quer ou não deixá-lo como este cinza claro. Na verdade, até gosto disso. Na verdade, eu acho que parece muito bom, mas se você quiser mudar isso, você pode apenas vir para o estilo e mudá-lo e torná-lo algo talvez um pouco mais legível. Mova apenas um pouco, um pouco mais legível. Lá vai você. E então aqui temos um link Read More. E então nós clicamos nisso. E então o que eu pessoalmente faria com isso é este link para uma página dedicada sobre ou o que quer que seja. E eu acho que é fantástico. Digo, eu literalmente faço isso no site anseia pro .com porque as pessoas vêm aqui. Este é o que este site é sobre. Estamos mais, boom, clique aqui. E então você está na página sobre onde você pode aprender mais sobre web, digamos Coreia pro, Como você diz sobre mim? Ok? E é por isso que eu realmente gosto desta seção apenas, apenas para arrastar e soltar, eu apenas Boyd clicar em um botão e lá vai você. E eu acho que parece muito bom porque agora temos essa seção de heróis lá em cima. Temos a seção do triângulo bem ali, meio que apontando para baixo. Boom, um pouco acima do peso, tipo, meio que sobrepõe a imagem um pouco. E então entramos na mensagem de boas-vindas aqui mesmo. Então, de qualquer forma, é assim que você começa com a adição de seções específicas acima, particularmente a mensagem de boas-vindas. 12. Menu visual com fundamentos elementares: Elementos são essenciais. Então eu só quero mencionar brevemente que há um plug e eu realmente gosto de adicionar um mentor porque como um monte de blocos diferentes. Então você quer vir aqui e você quer ir para adicionar novo, então você quer digitar em elementos são essenciais. E então vai ser essencial, complementos essenciais para elementos. Ou agora o que isso faz, ele apenas lhe dá um monte de novos elementos para adicionar a sua palavra, OK. Por isso, dá-lhe opções para lago em um botão criativo e depoimentos, caixa de informações acordeão antecipado, abas avançadas. Então você tem eles têm as duas versões. Eles têm suas versões profissionais onde você tem que pagar por tubos de gases. E então eles têm um monte de versões gratuitas úteis como grade de postagem, texto chique, todas essas coisas boas. Ok, então se você quiser adicionar mais blocos em extensões mais específicas, isso é o que complementos essenciais fazem e se você usá-lo ou não, é totalmente com você, mas eu só quero que você esteja ciente disso. E então deixe-me voltar aos meus plugins. Porque eu sei com elementos ou você acaba tendo alguns plugins. Então, até agora temos elementos ou cabeçalho, rodapé e blocos que nos ajuda a ajustar o cabeçalho eo rodapé, site Uber e elementos vitais que nos dá blocos úteis para adicionar em muito bonito rodapé olhando, está tudo bem. O elemento ou cabeçalho e rodapé blocos apenas nos dá a capacidade de controlar a seção cabeçalho e rodapé. Ok, isso não nos dá blocos porque é a capacidade controlar essas seções e elementos vitais que eu gosto porque na verdade nos dá fotos pré-feitas de cabeçalhos pré-fabricados que podemos simplesmente jogar em muito rápido. E os átomos essenciais apenas adicionam blocos mais úteis em elementos para ajudar a projetar seu site de forma rápida e ordenada. Então você pode tipo de explorar este plugin em seu próprio país para ver quais elementos que você acaba usando. Talvez você não use nada, ele pode ir em frente e desinstalá-lo, mas apenas algo que você deveria estar ciente. O que continua projetando nossos sites. Então eu quero adicionar, como uma galeria de imagens e como talvez uma pequena introdução à galeria de imagens. Então, como começamos? Então novamente, agora, você meio que tem, novamente, como eu disse, você tem o básico de como projetar seu site e agora você é meio livre para experimentar e ser criativo porque você tem essa central está fora do caminho. Então, o que eu vou começar com, eu vou adicionar em uma nova seção. E então para ferver meio que para, eu quero tipo, talvez este layout aqui ficasse bom. Então agora eu tenho dois quarteirões bem aqui. E então o que eu terminei pessoalmente? Eu queria, eu gosto de algum tipo de imagem aqui e como talvez pequena galeria de imagens e, em seguida, um pouco de introdução de textos aqui. Então vamos em frente e começar com a adição de detecções em. Então, vamos clicar em mais. Agora, de novo, você sabe, é um parágrafo de texto, então nós provavelmente queremos ter um título, certo. Então deixe-me ir em frente e fazer isso. E então vamos tirar isso. E o que é apenas digitar como, eu faço, fazer você também. Faço vídeos do YouTube. Evangelho U2 corretamente. Faço vídeos do YouTube. Lá vamos nós. Então, novamente, vá para estilo, texto, cor, preto. Lá vamos nós. E queremos ter certeza de que o conteúdo não H2. Ou queremos H2 ou queremos que isto seja H3. Provavelmente faria este h3 totalmente até você. Mas novamente, este é um, este é H2 e fazer essa pessoa como h3. Então, agora eu quero adicionar em um parágrafo. Então, viemos aqui e só queremos um editor de texto, ok? E assim Biotech Center, porque nós só queremos adicionar em texto simples Zed. Então deixa-me levar isto, concentra-te ali. Eu só vou dobrar isso algumas vezes. E assim apenas o, apenas para fins de demonstração, você pode ir em frente e anotar seu próprio parágrafo. Agora a próxima coisa é que precisamos ter certeza de que este texto corresponde a este texto. Porque parece estranho, certo? Tipo, por que não usa duas fontes diferentes? É um grande erro. Então, o que veio aqui em cima? Parece clique no estilo do ícone de lápis. Certo, então qual tipografia deve ser usada? Bem, está pronto para governar Rubato. Vou usar Poppins. Agora eu quero editar este e eu quero vir para o estilo da topografia. Novamente. Quero colocar Poppins. Agora. Você terá que usar Poppins. Você usa o que quiser. Só estou usando pop-in, então vamos fazer um pouco assim. Ok, então eles meio que combinam, funciona um pouco melhor e nós podemos olhar isso ou você pode obter o ou você pode verificar isso para ver o número exato. Mas eu só vou olhar para ele porque não é grande coisa. Tudo bem, então isso parece bom. Então vamos para a matriz de conteúdo. E então eu acho que isso parece muito legal. Então deixe-me voltar lá em cima. Tudo bem, agora vamos vir aqui para tipografia de novo. Então talvez eu precise mudar a espera um pouco para conseguir. Lá vamos nós. Isso é perfeito. Então agora esse tipo de fósforos, isso parece legal. Certo, então agora precisamos adicionar imagens. Então, vamos clicar nisso. Tudo bem, então você tem um monte de opções diferentes que os elementos são, e eu realmente gosto disso. Então nós digitamos a imagem. Então você tem como imagem, caixa de imagem em que cuidado, galeria básica SO. Agora você verá algo que diz EA. Isso significa que esse é o plugin do átomo elementar. Então isso é porque isso está vindo de que plugging com que acabamos de adicionar poderia apenas dar-lhe mais blocos. E, obviamente, as coisas com uma fechadura ou obviamente elementos são pro. Então, é totalmente com você. Você pode brincar com isso com qualquer imagem que você deseja adicionar. Eu, pessoalmente, gosto do carrossel de imagem. Então eu vou em frente e pegar isso, deixei cair isso bem ali. Incrível. Agora precisamos de imagens. Então eu já fui em frente e enviei um monte de imagens. Então você pode simplesmente fazer upload de imagens como quiser. E deixe-me ir em frente e criar uma nova galeria. Inserir galeria. Tudo bem, então deixe-me mostrar rapidamente uma das imagens. Como eu fiz isso? Então novamente, um 100% com Canva, super-duper simples. Tudo o que eu fiz foi tirar uma captura de tela de um vídeo que eu fiz que eu fui para o Canadá, modelo de miniatura do YouTube. Eu acabei de adicionar este botão Play em cima dele e adicionar um texto que é simples. É realmente assim tão simples. Ok, e agora nós, oh, isso parece fantástico. Ok, então agora temos uma pequena galeria de imagens aqui que meio que mostra nossos vídeos um pouco com as miniaturas. E assim você pode entrar aqui e alterar o estilo do conteúdo como quiser. Então, de novo, só tenho que olhar e brincar com as coisas. Então, se eu vir aqui e chegar a meio, como é que o Medium Look? Eu realmente não gosto da aparência média. Acho que vou voltar para o estiramento da imagem em miniatura. Como é que isso parece? Oh, isso remove o espaço em branco. Não, eu realmente não gosto disso. E novamente, é por isso que você tem que fazer apenas vir aqui e brincar com as coisas. Agora, o que eu gosto é esse link e você pode ter seu próprio URL personalizado. Então você pode vincular esta seção para curtir o que quiser. Então eu venho aqui para o YouTube e nós vamos digitar, vamos voltar, vamos visitar meu canal no YouTube. E nós vamos levar este. E quando copiarmos o endereço do link, volte aqui. E então tudo o que você pode fazer é colocar em seu canal do YouTube ou um vídeo do YouTube. E agora eu sei que você vai perguntar a eles, ei, eu posso ter este link de imagem para um vídeo e então esta imagem ligada a um Não diferente. Não, você não pode este carrossel de imagem só pode vincular a um vídeo. Não é grande coisa. Escolhe o teu melhor vídeo. Então, quando alguém visita seu site e você faz isso, eles vêm aqui, eles clicam aqui, assistindo seu melhor vídeo. É assim que eu prepararia tudo. E ele meio que introduz o conceito de que você faz vídeos e apenas obtém, o foco deve ser mais sobre colocar as pessoas no YouTube e em seu canal, vídeos de Washington. Mais do que tê-los como na página inicial do seu site. Vá percorrer um monte de vídeos diferentes e clicar individualmente para assistir vídeos, as pessoas não fazem isso. Então, sim, é basicamente isso. Então, a maneira como isso funciona agora se alguém clicar nesta seção bem ali, vai ser uma boa sobreposição do vídeo em nosso site. Ok, e então vamos em frente e clique em Atualizar. Tudo bem, fantástico. Então agora tudo está salvo e é isso. Então é assim que você tipo de adicionar uma galeria de imagens e algum texto ao seu assento What. Agora eu quero adicionar em uma imagem diferente para meio que quebrar o design. Então, o que quero dizer é que abrimos o site, temos esta bela imagem lá em cima parágrafo e, em seguida, uma agradável, outra seção de texto e imagem bem aqui. Esse tipo de introduz os vídeos do YouTube, por exemplo. Não queremos que sejam dois textos, IB versus parágrafo, parágrafo, parágrafo. Queremos ter um pequeno design para isso, certo? E então vamos começar. Então eu quero fazer a mesma coisa que eu fiz aqui em cima. Ok, eu só quero ter outra imagem e texto sobre a imagem. E já te mostrei como fazer isso. Então você já deve saber o que vamos fazer. Então, novamente, eu vou ter que fazer é começar com o seu título, e então nós apenas arrastá-lo, o cabeçalho para aqui. Boom. Agora adicione o texto que você está dirigindo. Então o que eu quero fazer é criar como um link âncora na página. Então, quando as pessoas clicam no botão Curso lá em cima, elas vêm aqui para esta seção. Mas primeiro vamos criar a seção antes de criarmos o velório da âncora. Então isto vai ser para os nossos cursos. Então, sim, você pode chamá-lo de cursos, mas como sempre certifique-se de criar uma cópia atraente que chame a atenção das pessoas. Então eu vou fazer algo como cursos. É claro que isso é trabalho? Lá vamos nós. Ok. Tag Html, H2. Sim. Não quero centrado. Sim. Certo, estilo. Vamos vir aqui, o que muda do azul para o preto. E vamos para a tipografia. Roberto Roberto. Oh, não, eu quero que sejamos pop-in então, você sabe, com suas fontes, ok, ela deve ter dois fundos. Você teria uma fonte para ser seus títulos e, em seguida, um fundo TB seu parágrafo corporal, fazendo com que a fonte fosse a mesma. Mas se você vai ter várias fontes, basta escolher 21 fontes para o seu, seus títulos e seu menu lá em cima, outra fonte para o parágrafo. De qualquer forma, agora é hora de adicionar uma imagem. Então vamos em frente e fazer isso. Clique nos botões ali. Ok, e então novamente, voltamos ao estilo e queremos ir ao fundo e queremos adicionar um clássico. Agora você quer apenas fazer o upload de sua própria imagem novamente. E então eu já fui em frente e fiz isso. Então eu tenho essa imagem que eu tenho de altruísta, e é isso. E então vamos em frente e inserir mídia. Lá vamos nós. Ok, então agora nós queremos ir para os layouts, e agora nós queremos mudar a altura. Então eu quero talvez encaixar na tela. Não quero que ocupe tanto espaço como se fosse muito espaço. Só quero que isto seja um pouco mais discreto. Então é como, vamos apenas dizer, sim, talvez assim, você sabe, algo, algo mínimo. Tudo bem, então, até agora parece muito legal. Agora, podemos mudar a forma como isto está posicionado. Ok, então deixe-me apenas clicar fora disso. Tudo bem, então, por exemplo, chegamos ao estilo, ok, então a posição que queremos, talvez no centro, no centro. Ok. Então, por que queremos isso? Então, vamos apenas para o padrão. Nós viemos isso, como você pode ver, as imagens tipo de recorte. Então isso parece estranho. Nós não queremos isso. Então nós queremos ir até aqui e nós queremos ter certeza de que é centro, centro, por exemplo. Ok, vamos ver isso. Tudo bem, então ele ainda está fazendo isso onde ele está repetindo a imagem. Então, como você faz isso subjugando-os? Fácil? Então você tem que ir para repetições e ainda dizer não repetir. Ok, bem, agora vamos apenas branco. E então queremos ter, queremos o tamanho para caber. Ok. Então queríamos cobrir tudo bem. E então é automaticamente tipo, meio que zoom na imagem. Certo, então agora queremos dar uma olhada. Sim, isso parece bom. Ok, então agora para corrigir isso, se você não gosta com este visual, então tem uma fonte de imagem maior, etc. Ok, então talvez se você não gosta de como são dois cortados assim e você quer mudá-lo novamente, obter uma imagem maior então, ok, essa é a sua única opção. E então eu vou deixá-lo assim. Acho que parece bem. Agora, mas eu não estou feliz com o quão pequeno esse texto é como, vamos fazer isso maior para que fique frio aqui. Clique em, clique no ícone de lápis. Agora estamos editando o título. Tudo bem, então conteúdo, vá para estilo, topografia. Clique nisso. Aqui está o tamanho. Então aqui você pode apenas fazer a mudança para o tamanho como você uma vez. Então eu vou fazer algo como grande e ousado como isso. Tudo bem, então cursos que funcionam. Então, descemos aqui, descemos aqui. Certo, talvez seja um pouco grande demais. Vamos fazer isso como, lá vamos nós. Ok, lá vai você. E eles vão. Ok, então novamente, você pode brincar com esta seção como quiser. Então deixe-me voltar aqui. E novamente, se você não quiser que o anexo goste, você sabe, você quer que ele corrija, por exemplo, então as pessoas se movem e a imagem se move em segundo plano. Se você quiser fazer isso, novamente, basta fazer isso alterando o anexo fixo. Mas, na verdade, gosto da imagem para ficar aqui pessoalmente, mas ajuda-te a tomar essa decisão sozinho. Mas agora temos uma pequena seção agradável e então agora podemos adicionar em C, como links e imagens para nossos cursos. Por exemplo. 13. Como usar links de âncora: Como adicionar links âncora em seu site. Então você é como o que é um elo de âncora? E links âncora, um desses links em que é como OK, então quando está em seu site, boom, eles clicam nos cursos e então boom, ele o leva aqui automaticamente. Como você faz isso? Isso é chamado de link âncora. Ok, então agora para começar com esse elemento ou contra misturas fantásticas, tão fácil, faça uma busca por um widget específico chamado Âncora. Então, ancoragem do menu, então você apenas arrasta isso, arrasta e solta isso no lugar. Então eu vou colocar isso bem embaixo dos cursos que funcionam. Então, o ID do curso para isso, você pode nomeá-lo como quiser. Então eu vou apenas digitar no curso, literalmente curso. Agora vamos clicar na atualização. Então esse é o primeiro passo. Ok, então agora nós apenas definir o piscar de âncora bem ali. E agora temos que ligar isto a esta âncora uma secção piscada ali. Realmente tão simples. Então, como você faz isso? Bem, temos que saltar para a nossa cabeça. Então, volte para o seu elemento ou painel. Você quer ir para a Aparência, nós queremos ir. Lá vamos nós. Nós queremos ir para nós vamos para a aparição lá. Cabeçalho, rodapé e blocos. Tudo bem, e agora eu tenho meu convite o cabeçalho que eu criei. Quero ir ao Edit. E então queremos editar isso com elementos são ok, então é bom para editar com elementos ou e uma vez que você está lá, tudo que você tem a fazer é encontrar o seu botão e, em seguida, link você recebe a seção. Lá vamos nós. Ok, então nós vamos apenas clicar no botão, clicar sobre isso. E assim o link, o link é hashtag. Certo, vamos voltar para a página inicial. Então eu tenho esse chamado curso. Agora, para ligar a ele como uma âncora, um tem que ser hashtag. Claro, tão simples. É realmente assim tão simples. E, em seguida, vá em frente e clique em atualizar. E certifique-se de que está tudo pronto e você está pronto para ir, ok? E isso é tudo que você tem que fazer para definir uma âncora links. Então ninguém chamado visita seu site e você tem um item de menu lá em cima e eles clicam nele e você quer que eles para ir para uma página específica no site. Foi assim que você armou. Tudo bem, então agora que criamos uma seção como uma para cursos, agora envie para carregar nossos cursos, por exemplo, o que você poderia fazer, por exemplo, se você tivesse como um curso Udemy ou núcleos da Escócia são núcleos ensináveis, por exemplo, você poderia colocar uma miniatura e então o que eu faria seria colocar como um título rápido. Então, por exemplo, vamos abrir um site, criar Peru.com. Então, a maneira que eu gosto de estruturar imagens como esta onde eu gosto que a imagem e, em seguida rápido e ao ponto não zonas super palavras como você pode ir com como um título e apenas um título, uma imagem ou um título. E então no parágrafo que explica o que é a imagem. Isso faz sentido. Agora, a primeira coisa no entanto, eu quero corrigir os dois i, porque nós temos esse link âncora lá, você pode ver que é meio que empurrar o texto para cima. E então é como, eu estou meio que quero o texto um pouco mais censurado. Como você faz isso? Bem, você sabe, você tem que fazer essa coisa do espaçador. Então lá vamos nós. Ponha isso aí. Tudo bem, lá vamos nós. Então agora, agora isso está centrado mais uma vez no meio. Ok? Então, se você está se perguntando, como posso mover isso, ok, e isso é tudo o que temos que fazer. Então, de qualquer forma, vamos adicionar algumas imagens. Então eu quero clicar neste sinal de mais. E agora você tem um monte de blocos diferentes. Então, se eu vir aqui para blocos e eles digitam a imagem, nós temos muitas opções diferentes. Temos WordPress, temos carrossel de imagem, que é esta imagem de caixa de imagem galeria básica. Eu, pessoalmente, eu só vou usar a imagem básica antiga porque isso só me permite ter um pouco de imagem e, em seguida, adicionar um texto, etc. Não preciso de um carrossel. Eu não vou adicionar uma galeria, então não é isso que eu quero. Então eu vou com uma grade de três por três aqui. Então. Clique em três caixas bem ali. Tudo bem, então o que eu quero acrescentar? Quero adicionar uma imagem, apenas uma imagem simples e antiga. Vamos apenas fazer isso. Certo, arraste e solte isso. Ali. Lá vamos nós. Ok, então agora só precisamos adicionar a nossa imagem. Então vamos aqui escolher Image, certo? E eu vou carregar esta imagem, inserir mídia. Lá vamos nós. Tudo bem, então vamos em frente e clicar neste aqui. Faça a mesma coisa de novo. Vá para a imagem, arraste e solte isso, e vamos clicar em Escolher imagem e deixe-me apenas carregar esta imagem que eu tenho eu tenho um monte de imagens com cães. Ok, lá vai você. Agora, bem mais. E vamos fazer imagem, arrastar e soltar. E, novamente, escolha Imagem dragão trabalho. Lá vamos nós. E vá em frente e insere mídia. Boom. Agora, um pequeno conselho é que você vai ter que se certificar de que as imagens são todas do mesmo tamanho. Ok, não carregue uma imagem que é como 1000 pixels por 100 e esta é 800 por 478. Certifique-se de que eles são todos do mesmo tamanho para que eles se encaixem bem em conformidade. Agora podemos apenas adicionar texto, ok, então novamente, muito simples. Então venha aqui e queremos adicionar um pouco de “Heading”. Então arraste e solte um título. E então eu faria isso talvez como h3, por exemplo. E então vamos apenas criar isso e ver como criar um site ou aprender a criar um site. Vamos manter isso simples. Na verdade. Cria um site. Crie um site. Lá vamos nós. Ok. E assim, novamente, através do mesmo processo, muda para preto e torná-lo legível. Vá para o Centro de conteúdo este. Lá vamos nós. E nós podemos apenas vir aqui e adicionar novamente editor de texto logo abaixo disso. E lá vamos nós. E isso é tudo que você tem que fazer. E então você pode apenas fazer isso para cada um desses itens e apenas ir em frente e clicar, criar um pequeno título rápido. Certifique-se de que o título é como o que quer que isto seja como este deve ser H2. Eu definitivamente faria este h3 e apenas adicionar um pequeno título para cada um e, em seguida, um, um parágrafo associado. Ok, então isso saiu muito bem. Eu realmente gostei da forma como ele olha agora contra para criar links é muito simples. Basta ir para o ícone de lápis. E aqui onde diz link, aqui é onde você pode colocar um URL para dizer o seu curso específico onde, onde ele está localizado. Novamente, você pode descer para o texto novamente. E criar links dentro do texto é muito fácil apenas destacar o texto e clicar neste sinal de link, e é isso. E assim também uma outra coisa é como, Oh, bem esta é uma taxa um pouco próxima. Estes são meio que os scrunched juntos. Se você quiser adicionar mais espaço, isso é muito fácil de fazer também. Então nós só temos que ir lá em cima para o ícone quadrado. E novamente, nós só queremos usar o nosso espaçador dandy prático, mas o espaçador lá dentro, OK, Então agora você pode arrastar e soltar isso no lugar. Então o que é legal sobre isso é que você apenas arrasta e solta seções no lugar. E lá vai você. Então agora temos um bom espaço ou uma guia lá para dar um pouco mais de espaço para respirar. E eu acho que isso está se dando muito bem. 14. Design de Footer: Certo, então aqui está nosso site e saiba a principal coisa que estamos perdendo é o rodapé. Então, o que é uma foto minha? Basta abrir o site. Ótimo pro.com. Então, o rodapé é a seção inferior do site onde você normalmente tem como seus termos de política de privacidade, como um sub-menu, esse tipo de coisa. Isso é o que você só precisa de coisas no rodapé. Você precisa gostar de seus links de mídia social, o que quiser adicionar. E assim adicionar com elementos ou adicionar um rodapé com o mentor é bastante fácil. E é o mesmo processo que seguimos para a seção de cabeçalho lá em cima. Então, de qualquer forma, fomos navegar de volta para cabeçalhos, rodapés, blocos, modelos, e queremos clicar em Adicionar novo. Ok, e agora eu vou apenas chamar este “N TO rodapé”. Agora é o mesmo processo de antes com a adição do cabeçalho. Mas eu, pessoalmente, recomendo usar como convidar o, por exemplo, porque eles só vêm com alguns realmente bom cabeça construído de rodapés que fazem como projetar um site rápido e fácil. Então, de qualquer maneira, vamos fazer isso no que é trigo para amadureceu a carga. Tudo bem, ótimo, então vamos em frente e clique no convite o elementos aqui. E queremos ir para blocos livres, então queremos procurar por algo que diga rodapé. E assim rodapés bem ali. Clique nisto. E agora podemos inserir qualquer um desses modelos de forma rápida e fácil no. Então eu gosto disso porque como sim, você pode projetar isso sozinho ou você pode simplesmente pular aqui e apenas inserir automaticamente um rodapé de sua escolha. Então eu realmente gosto deste vai em frente e inserir modelo. Ok, e isso parece ótimo. Então agora temos nossos links de mídia social, temos sobre nós e temos páginas específicas. Então, o que isso significa, podemos entrar aqui e fazer esses pequenos links para gostar de nossos Termos de Uso da política de privacidade, etc. Ok? E então nós vamos apenas deixar isso como está, ok, e nós vamos voltar e editar os elementos específicos deste pouco mais tarde. Mas vamos em frente e clicar em publicar. Certo, então lá vamos nós. Então agora como o rodapé é bom para ir. Agora, se quisermos mudar elementos específicos deste, temos que clicar neste ícone direito lá em cima. Sob estilo. Sob estilo é como onde você pode entrar e mudar a cor disso e você pode mudar os links e você pode, você sabe, é assim que, novamente, é assim que você entra aqui e apenas mudar esses elementos. Mas novamente, você pode totalmente projetar isso sozinho com elementar, mas isso é o que eu gosto sobre elementos porque boom, aqui está. É bom ir para que possamos adicionar em nossos links de mídia social. Tudo bem, então de qualquer maneira, agora vamos voltar e vamos adicionar saídas você Dashboard. Certo, então vamos abrir nosso site e vamos dar uma olhada rápida. Tudo bem, então nós vamos descer aqui no rodapé não é lá. O não. Então, novamente, você está esquecendo a última parte. Você tem que adicionar isso ao estado. Então, por exemplo, o rodapé vital vapor, O que eu quero? Este é o rodapé, ok? E então o que eu quero, eu quero me inscrever para todo o site. Ok, lá vamos nós. Agora vamos em frente e clique em Atualizar. Certo, volte para o local. Vamos recarregar esse garoto mau. E lá vamos nós. Isso é simples. E então isso está parecendo bastante agradável onde temos uma boa aparência. Rodapé na parte inferior do nosso site onde podemos adicionar em algum branding, adicionando um e-mail opt-in formulário para o rodapé do site. Então, muitos, muitos projetos têm o formulário de opt-in IMO como aqui. E esse é um lugar terrível porque, como um ponto descartável, se você está falando sério sobre obter assinantes de e-mail, você quer adicionar um formulário de aceitação por e-mail bem aqui acima do rodapé. É um dos pontos de conversão mais altos para receber e-mails. Agora, para adicionar um formulário é rápido e fácil com elementos são porque, por causa deste fantástico cabeçalho e modelo de bloco de rodapé. Então, de qualquer maneira, vamos em frente e adicionar novo. Tudo bem, então agora eu vou chamar este e-mail acima do rodapé. Lá vamos nós. Tudo bem, então vamos em frente e clique em editar com elementos ou. Certo, então agora temos um monte de opções diferentes aqui. Agora vamos estar usando em elementos de vodka, mas eu só quero mostrar rapidamente por que assim elementos ou não fornecem sua própria biblioteca de blocos. Mas todas as coisas boas é pro, elementos de atualizações de presente são. Então, por exemplo, nós viemos aqui para assinar. É tudo pro, pro, pro, pro, pro. O mesmo com seus cabeçalhos e rodapés. É por isso que estamos usando e elementos vitais porque podemos contornar isso. Então, vamos apenas clicar em blocos gratuitos e vamos para a assinatura de Newsletter. Agora psi note, você pode absolutamente projetar qualquer uma dessas coisas por conta própria. Você não precisa usar um modelo. Eu só gosto de usar um modelo porque é rápido e fácil. Então, de qualquer maneira, isso é apenas vir até aqui. Você tem muitas opções que pode instalar. Eu sugeriria escolher um que obviamente se mistura em seu site. Então deixe-me dar uma olhada rápida. Sim, perfeito. Este parece ótimo. Então deixe-me ir em frente e clique em Inserir modelo. Ok, isso parece bom. Mas este texto é totalmente fora, não como o texto parece bom, mas simplesmente não se encaixa no meu site da maneira que eu o projetei. E então o que eu quero fazer é ir para o estilo, tipografia e exibição Playfair. Não, queremos Poppins como o que tenho usado e agora cinza branco. Não, quero que seja preto. Lá vamos nós. Agora, sino também confira a guia Avançado porque você também pode adicionar efeitos de movimento. Não exagere efeitos de movimento apenas fica irritante para o visitante, mas apenas um pouco. Então k como este está definido para desaparecer na duração da animação normal rápido. Então você pode brincar com isso. Então eu acho que isso parece legal. Apenas deixe assim. Ok, então agora você está percebendo como, hey, onde está o formulário de aceitação? Não vejo isso em lado nenhum. Onde você tem que adicionar isso em si mesmo, ok. Porque você obtém formulários opt-in de qualquer provedor de serviços que você usa. Então este é o kit de conversão. Podes usar o que quiseres, mas esta é a minha conta fictícia para o kit de conversão. Então, de qualquer forma, vá em frente e clique em Criar novo. E queremos adicionar em um formulário, e queremos ir para inline. E então você quer encontrar um formulário dentro do seu provedor de serviços de email marketing que seja apenas o mais simples, como este, ok, no formulário básico inline, sem frescuras. Agora, obviamente você pode editar este formulário, mudou os botões de cor como você quer dentro kit de conversão, mas este não é um tutorial converter crianças, então eu vou deixá-lo lá. Isto parece bom. Vamos clicar em incorporar. E queremos usar HTML, não JavaScript, e não Wordpress você, certo? Por que não Wordpress? Bem, isso é um plugin WordPress. Nós não estamos indo para instalar kits de conversão WordPress blog e nós estamos indo apenas para usar HTML. Clique em copiar, clique com o botão direito, copie. ego deles foi feito. Tudo bem, então agora queremos navegar por aqui e queremos adicionar um bloco HTML abaixo disso. Então, novamente, clique nos quadrados e vá para HTML. Html, arraste e solte. Largue aí mesmo. Muito bem, cola-o. E aqui está a nossa forma. E parece bom. Então vá em frente e clique em Publicar. Tudo bem, ótimo. Então agora vamos voltar para o nosso Dashboard. E vamos para antes do rodapé. E vamos apenas dizer site inteiro. Ok, clique em atualizar. Lá vamos nós. Certo, então vamos recarregar nosso site. E lá vai você. Ok, então isso é simples. Então agora temos algumas seções diferentes de nossos sites. E temos um bom opt-in formulários sentado direito no rodapé lá e, em seguida, o rodapé na parte inferior. E parece ótimo. Tudo bem, então adicionando páginas específicas ao rodapé. E agora o que é importante colocar no rodapé são principalmente suas páginas legais, especificamente sua política de privacidade em seus termos de uso. E assim, a fim de fazer isso com elemento ou é muito simples, basta clicar no ícone de lápis aqui. E agora diz lista item um e sílica. Não queremos dizer o Item da Lista 1, queremos mudá-lo para dizer outra coisa. Então, você sabe, apenas mude. Literalmente pulando aqui e dizendo Laika, política de privacidade. Priv um lugar. Lá vamos nós. E então, como você adiciona um link? A opção de link está bem ali. E então, se saltarmos para nossas páginas com nossa instalação padrão do WordPress, nós viemos ele vem com uma página de política de privacidade, ok? E então você pode apenas vir aqui e ir em frente e publicar esta página. Clique sobre isso, Publicar em, publicar. Ok. E agora temos nossa página de política de privacidade. Chegamos aqui e adiciono um link para o meu site e pronto. Certo, deixe assim. E agora temos uma política de privacidade. Então você pode notar aqui que estamos nos ligando a isso. Agora, de que páginas legais específicas você precisa? Ok, então nós temos um guia inteiro nesta web, digamos criativo pro. Vamos às páginas. Lá vamos nós. Onde é que está? Ok na segunda. Oh, oops. Oh, o que mais eu dividi meu site diretamente. Lá vai você. Como escrever suas páginas legais. Certo, então agora eu não sou um advogado obviamente, mas você sabe, você precisa de algumas páginas essenciais, então você precisa de uma política de privacidade. Então, seu ponto de suas políticas de privacidade para dizer a pessoas como o processo de coleta de informações é para o seu site, então você terá que ter uma página de termos de uso. Então, o que as pessoas concordam em cumprir quando visitam seu site? E você pode querer incluir uma divulgação se você estiver se engajando em marketing de afiliados. Então você já viu quando você está em um blog postar este post mooc e transformar links afiliados. Por favor, leia nossa divulgação de algum lugar para a página que ele precisa criar. E assim, no rodapé, definitivamente recomendo que você tenha pelo menos sua política de privacidade em termos e condições. E então você pode vir aqui e editar essas opções como você uma vez, ok? Então deixe-me minimizar isso. E, na verdade, é muito simples. Então você quer ter privacidade, outro item, outro item. Se você quiser adicionar outro item novamente, você pode simplesmente entrar aqui e então você pode simplesmente mudar a biblioteca de ícones para corresponder ao ícone ali mesmo, etc. Então não é muito, não é muito difícil, ok? E assim você pode excluir esta seção inteira se quiser ou editar esses links e torná-lo como um sub-menu, talvez torná-lo sua página Sobre, contato, página, qualquer coisa. Então, obviamente, seus links de mídia social são bastante auto-explicativos. Então, viemos para cá. Então, por exemplo, um Google Plus que não existe mais. Vá se livrar disso. Então funciona da mesma maneira. Então você pode clicar em seu Facebook e, em seguida, adicionar em seu link do Facebook bem ali, et cetera, e clicar no ícone e misturar ele abre em uma nova janela porque ele está fora do seu site se isso faz sentido. E é basicamente isso. Isso é tudo o que você realmente tem que fazer para esta seção no topo. Então, sobre nós novamente, bem-vindos ao site, o que você quiser fazer. E é isso por como eu recomendaria ajustar o rodapé. 15. Páginas essenciais: Tudo bem, então agora adicionar páginas ao seu site com Wordpress é muito fácil. Então, novamente, o que você primeiro tem que fazer é navegar sobre páginas e apenas ir para Adicionar novo. E então eu fui em frente e criei como uma página sobre nós. Agora com elemento ou você tem que projetar cada uma dessas páginas individualmente. Então eu só fui em frente e fiz um sobre nós página d rho é uma estrutura euro é sobre realmente nós apenas mudar isso e fazê-lo sobre. Lá vamos nós. Tudo bem, então vamos abrir esta página. Então, novamente, eu não vou orientá-los sobre como projetar isso porque nós apenas passamos por como projetar a página inicial. O processo é exatamente o mesmo. Ok? Então, novamente, como você tem que apenas ir editar com elementos são tão rápidos aqui, ou, desculpe, clique em editar com elementos. Ou quando você está na página sobre nós ou qualquer página que você está editando, seja a página de contato arco, todas essas coisas boas. Mesmo processo. E então você começa todo o processo novamente com uma ardósia em branco. Então, novamente, nós temos o título bem aqui, o título da página, queremos esconder isso. Clique no ícone de engrenagem novamente, título de página alta. E lá vai você. Ok, então basta seguir este tutorial novamente porque agora você tem a capacidade de personalizar a aparência de cada página individualmente. E isso é o que você tem a ver com elementos são ok. Não é como se tivesses um monte de modelos, está bem? Você tem que meio que projetar cada página individualmente, mas não é muito difícil e permite que você tenha um monte de diversão e muita criatividade. Uma vez que você realmente entender como os elementos são funciona, o que você deve entender. E isso é o que você tem que fazer para cada página adicional no futuro, estar em sua política de privacidade sobre contato, etc. Certo, então a última página que vou mostrar a vocês como adicionar é uma página de contato com seu próprio formulário de contato dedicado. Então vamos em frente e fazer isso. Vamos clicar em adicionar novo. Tudo bem, então vamos chamar esta página de página de contato. E chamaremos de contato. Ok. Clique em publicar. Lá estamos nós. Certo, então agora precisamos de um formulário de e-mail. Então temos que ter outro plug-in para isso. E plug e eu realmente gosto é WP formulários. Então, vamos para plug-ins, vai para Adicionar novo, e então você deseja procurar formulários WP. Lá vamos nós. Ok, aqui é WP Forms. Clique em instalar e clique em ativar. E aqui vamos nós. Então, esta é uma pequena introdução rápida aos formulários WB. Quero ir em frente e clique neste botão onde diz criar o seu primeiro formulário. Ok, então agora temos um monte de opções diferentes com modelos, queremos apenas criar um formulário de contato simples. Ok, então aqui está o nosso simples formulário de contato. Tudo bem, então eu quero mudar isso. Eu não quero ter que colocar as pessoas em seu nome e sobrenome. Então nós só queremos mudar isso para um formato simples. Então temos nome, e-mail, mensagem. Parece bom para mim. Agora vamos para as configurações. E agora as configurações é que você pode, onde você pode alterar o nome do formato, tornar-se para notificações. Em Notificações, desde o endereço de e-mail, ele irá enviá-lo para o seu e-mail de administrador. Agora, se você quiser mudá-lo para outra coisa, você terá um e-mail diferente. Seja o que for, aqui é onde você pode inserir isso bem ali. Mas como, como por padrão, ele vai aparecer como e-mail de administrador. E agora assunto de e-mail será nova entrada, formulário de contato simples. Então isso significa que quando alguém te envia um e-mail, vai aparecer com esta entrada. Ok. Então você pode mudar isso algo mais personalizado como meu site, formulário de e-mail, o que quer que seja. Então, mas você sabe, quando alguém lhe enviou um e-mail, de qualquer maneira, para incorporar, o formulário é fácil. Você clica em incorporar. Agora selecionamos a página existente, criamos uma nova página. Você também pode incorporar o formulário manualmente ou usar um código curto. E então eu quero usar um código curto. E então vamos destacar este código bem ali. Ok, estamos de volta. Isto vai apoiar isto. Na verdade, você sabe, nós temos que salvar. Verifique se o formulário Salvar o. Lá vamos nós. Tudo bem, então agora vamos para as páginas e queremos ir para a nossa página de contato que acabamos de criar. Clique em Editar. Certo. Agora. Lá vamos nós. Agora certifique-se de clicar com editar com elementos ou ok. E deixe-o carregar. Oh, ok, então isso parece bom. Então deixe-me ir em frente e clicar no ícone de engrenagem. Deixe-me esconder o título da página. Lá vamos nós. Tudo bem, então a primeira coisa que eu quero adicionar em um par de formas diferentes. Então eu vou apenas clicar no elemento para elemento entra biblioteca. E vamos dois quarteirões. E eu gostei muito deste quarteirão. Não sei por que gosto, mas gosto de acender muito. Então vou em frente e usar este bloco. Ok, então eu posso apenas cuidar disso e nós vamos, lá vamos nós. Tudo bem, deixe-me ligar para isso. Preciso entrar em contato. interrogação. Então, obviamente, este é o título da página. Então isso não deve ser h4, que deve ser h um. Ok, então novamente, você pode apenas ajustar este texto conforme necessário. Ok. Então, sim. Obrigado pelo seu interesse no site. Orgulho-me de e-mails e 24 a 48 horas, blá, blá, blá, etc. E então nós não precisamos mais deste ler mais Link. Podemos nos livrar disso. Certo, e agora o que precisamos? Nós só precisamos adicionar em outro bloco para habilitar nosso código curto. Mas você só precisa fazer é clicar no pequeno ícone quadrado novamente. E então você quer procurar por algo que diga código curto. Ok, lá vamos nós, código curto. Vamos pegar isso, arrastar e soltar aqui. Vou clicar com o botão direito na pasta. E lá vamos nós. E nossa forma apareceu. E agora isso parece fantástico. E, novamente, se você quiser ocultar este formulário de aceitação de e-mail na página de contato, você pode fazer isso. Só precisa ir para a seção de rodapé acima que você editou isso e apenas torná-lo uma regra para que isso tenha escondido na página de contato. Mas se não é grande coisa para você, apenas deixe assim. E lá vai você. Você acabou de criar uma página de contato bonita de forma rápida e fácil. Vamos em frente e clique no teste de atualização do ventilador. Certo, então vamos aqui. Vamos sair para o painel. Agora queremos editar o nosso menu na parte superior. Ou você pode colocá-lo no rodapé. É totalmente com você. Novamente, mostrei a vocês como editar as coisas no rodapé. Mas se quisermos adicionar algo a esse menu, novamente, você tem que ir para a aparência, ir para menus. E então você pode adicionar como contato e novo. Tudo bem, então podemos ajustar isso eu, aquilo, boom, clique no menu Salvar. Certo, então vamos abrir nosso site mais uma vez. Ok, e então nós adicionamos contato com o nosso menu lá em cima. Agora, dentro desta seção do menu, veja como eu posso ter um como esse. O que isso faz é criar um menu suspenso. Então, estou curioso, como posso criar um menu suspenso? Você pode criar lista suspensa fazendo isso. Então, embaixo de casa, haverá um link suspenso para contato e blog. Em geral, eu me afasto de dropdowns sempre que possível. Então, cabe a você, mas é assim que você faria. E é isso. E é assim que você adiciona coisas novas ao seu item de menu. 16. Toques finais: Como adicionar o Google Analytics ao seu elemento são site alimentado. Então, suponho que você já criou uma conta do Google Analytics se ainda não o fez , então você precisa acessar o Google Analytics. Está bem, chama-se Google Analytics. Criar conta. É bastante auto-explicativo, mas você quer chegar a esta página, algo assim, dependendo de quando você assistir este vídeo onde você precisa obter o código de rastreamento. Ok? E então você quer vir aqui e pegar os roteiros, ok, pegue esta cópia. Agora precisamos colocar este script no cabeçalho do nosso site. E assim, para fazer isso, eu definitivamente recomendo instalar outro plugin. Então vamos para plug-ins e vamos adicionar novo. Ok, então agora queremos instalar cabeçalhos e rodapés. Tudo bem, então insira cabeçalhos e rodapés. Aqui vamos nós. Este é o que queremos. Então vá em frente e clique em Instalar e clique em ativar. Tudo bem, então agora estamos prontos para ir processar, basta navegar para configurações e, em seguida, clicar em Inserir cabeçalhos e rodapés. Agora eu realmente amei este plugin porque é apenas ponto tão simples. Então scripts no cabeçalho, ok, então Google Analytics vai em seu cabeçalho. Então isso é tudo que você precisa fazer. Feito. É isso. E vá em frente e clique em Salvar. E você acabou de ter sucesso em um Google Analytics. Agora, depois de adicionar o Google Analytics, você poderá verificar seu site com o Google Search Console. Portanto, basta navegar até o Google Search Console do Google e fazer login no Search Console usando o mesmo e-mail com o qual você tem sua conta do Analytics. E é isso. Assim, ele deve verificar se seu site no Google Search Console é realmente poderoso, pois ele fornece muitas informações específicas sobre como seus sites se classificam no índice no Google, etc. De qualquer forma, é assim que você adiciona análises ao seu site e como adicionar botões de compartilhamento social ao seu site. Então, um serviço que eu pessoalmente gosto é chamado adicionado este. Então você tem que apenas ir para adicionar isso no log n. Ok, você vai ter que criar uma conta, criar um fazê-lo que você precisa fazer. Agora, uma vez que você está dentro, você tudo que você tem que fazer é navegar para onde ele diz Ferramentas. E agora queremos ir em frente e clicar em adicionar uma nova ferramenta. E podemos querer adicionar botões de compartilhamento. Vamos fazer isso. E agora é aqui que você pode ajustar quais botões de compartilhamento social são. Parece que você pode ter em linha ou você pode ter flutuante. Nós vamos fazer o pé. Então vamos em frente e continuar. E eu quero selecionar os botões. Então talvez eu queira que o Pinterest o mude para lá. Então temos o Facebook, Twitter, larguras do Pinterest. Livrar-se de adicionar isso. E vamos nos livrar do e-mail e ficar com esses três. Isso parece bom. Vamos em frente e desculpe, vamos continuar nos ajustando. Então, os botões móveis grandes, eu quero que eles sejam pequenos. Isso significa que quando alguém está em um dispositivo móvel, os botões aparecem na parte inferior do site. Você pode desligar isso completamente, se quiser. Então nós viemos aqui para a escola aqui em três cores. Tudo bem. Então, muito bom. No celular na parte inferior ou no esconderijo, ok? Se você não os quer em tudo. E então vamos deixar assim. Três k, Isso mostra quantas ações sociais para cada item. E então contagem de partes, eu provavelmente deixá-lo como dez. E então não mostre um número a menos que seja dez ou maior, ou você pode mudá-lo para o que quiser se quiser ter 50, o que for. Então, de qualquer maneira, uma vez que você está pronto, vá em frente e ative a ferramenta. Clique na ferramenta Ativar. Lá vamos nós. Então é isso. Ok, então vamos em frente e vamos voltar lá. Certo, vamos para as configurações. Certo, agora precisamos pegar o código. Lá vamos nós. Ok, vá até aqui e tudo que você precisa fazer é destacar este roteiro. Copiar. Agora queremos voltar aos nossos cabeçalhos e rodapés. Então fizemos isso para o Google Analytics. Então agora queremos colocar isso no rodapé do nosso site. Então vá em frente e faça isso e clique em Salvar. Tudo bem, então vamos voltar para o nosso site, vamos recarregar a página. E lá vamos nós. Então, acabamos de adicionar com sucesso botões de compartilhamento social ao nosso site. E Laszlo apenas garante que seu site fique bem no celular. E assim, por exemplo, o que veio aqui para o site ótimo pro.com. Se eu for para clicar com o botão direito do mouse, vou para Inspecionar. Agora isso está pronto para parecer um telefone. Ok. E então você só quer passar e ter certeza de que tudo está no lugar, parece bom, nada é estranho. E assim com elementos ou você pode fazer isso também. Então o que não precisava fazer é descer aqui, certo? E vá para o modo responsivo. Agora aqui você pode selecionar tablet ou celular em geral. Não se preocupe muito com o tablet, mas definitivamente como 50% ou o tráfego vai ser um celular, e é isso. E então você quer apenas dar uma olhada rápida. Agora, sempre que você editar qualquer coisa agora ele só vai ser afetado por dispositivos móveis se isso faz sentido. Ok? Porque você agora temos celular ligado. Então, por exemplo, se eu vir aqui e vamos dizer como cursos no trabalho, eu sou como, Oh, na verdade isso é um pouco grande demais e eu quero vir aqui. E eu quero vir ao estilo, talvez em boa tipografia e talvez fazer esse tamanho um pouco, um pouco maior, seja lá o que for. E talvez eu goste disso. Ok. Ele, isso só será aplicado à versão móvel do seu site e, portanto, não será aplicado ao desktop. Então, se você voltar e ir para a área de trabalho, isso não mudará. Então é só, você só está mudando as coisas no celular. Então é por isso que eu só quero passar e ter certeza de que tudo está bem, tudo está no lugar, nada é estranho. Nada está fora do lugar. E é isso. 17. Blogs com a versão gratuita do Elementor: Tudo bem, então a página do blog em seu site, esta é a única coisa que eles colocaram atrás do paywall. Então é por isso que eu disse no início do tutorial que este tutorial é um negócio. Se você quiser usar a versão gratuita de elementos estão em seu Ku que está editando individualmente cada página. Por exemplo, como a página de contato, página inicial Sobre a página e apenas adicionar elementos em blocos na página e fazer o que quiser. Elementos são, é fantástico, mas para blogs, é bom para blogs, mas não a versão gratuita porque eles apenas, eles colocam isso atrás do paywall. Então você não pode ajustar isso do jeito que parece. Você está preso com isso. Não tente como se não houvesse nada que possa fazer. Mesmo se você entrar aqui e clicar em editar com elementos ou você vai receber um erro. Então aqui vamos nós, desculpe, o conceito não foi encontrado, então clicamos em Saiba mais. E então algumas, algumas pessoas com quem trabalhei, conhecem meus corretores de site. Não, não, não, você só está usando a versão gratuita. Então aqui ou você está tentando editar a arquivo do blog ou a página inicial que mostra as postagens mais recentes. Estas são páginas arquivadas e só podem ser editadas íntimas com os profissionais, a função LM. E isso significa que você tem que ter elementos são pro, que é você tem que pagar por isso. E é por isso que você está meio que, de novo, é por isso que eu disse que você está preso. E então as postagens individuais do blog se parecem com isso e isso não é o, não o pior. Está bem. Parece que está bem. Quero dizer, você pode passar, mas novamente, não é se você realmente quer um blog, se isso é realmente importante para você do que os elementos de atualizações são pro. Mas novamente, como eu disse no início, se você é legal com apenas como individualmente projetar cada página e você quer ser muito criativo. Você deve ter a habilidade agora porque eu acabei de mostrar como editar um cabeçalho, como editar um formulário de aceitação de e-mail, editar o rodapé. Agora você está livre reinar sobre a área constante do seu site. E assim, de qualquer maneira, é isso para este tutorial. 18. CONCLUSÃO: Tudo bem, é isso para este curso. Espero que tenha gostado e espero que tenha muito valor. Espero que você tenha uma forte compreensão sobre como elementos ou funciona para que você seja capaz de usá-lo no design de qualquer tipo de site que você uma vez de qualquer maneira, eu só queria dizer um rápido obrigado por se inscrever e ter um bom dia. Tchau tchau.