Nesse vídeo você vai aprender todo o passo a passo de como criar um blog completo e profissional do absoluto zero mesmo que você nunca tenha criado um blog antes e pode ficar tranquilo que nós não vamos utilizar nada de programação nem vamos gastar rios de dinheiro vamos utilizar apenas ferramentas acessíveis e fáceis de usar que são o WordPress e o elementor Vale ressaltar também que o blog que vamos Criar pode ser facilmente adaptado a qu qu quer nicho então fica comigo até o final porque eu tenho certeza que vai valer a pena pois nem curso
pago ensina tudo que eu vou te passar nessa aula aqui e de graça fala pessoal tudo bem Rodrigo aqui do canal aprendendo sites e antes de mais nada eu peço que você não esqueça de deixar o like aqui já no início do vídeo porque essa aula aqui Demorou vários dias para ficar pronta teve todo um trabalho de edição e se Você achar que a aula tá ruim você pode desfazer ali o seu like e sair do vídeo beleza e também já se inscreve no canal para você tá aprendendo tudo sobre o mundo aí de criação
de sites WordPress e sem Muita enrolação vamos lá então pro nosso [Música] tutorial beleza pessoal vamos lá então para fazer a criação aí do nosso blog eu vou primeiro deixar aqui para vocês algumas observações bem importantes tá Eu peço que vocês Leiam com atenção enfim vejam essas observações aí e não pulem essa parte do vídeo porque é muito importante tá para mim explicar exatamente o que eu vou ensinar para vocês como que eu vou ensinar e o que vocês vão aprender aqui com essa aula beleza sem Muita enrolação vou aqui para a minha primeira observação
é que você não precisa ter experiência para seguir este tutorial se for necessário Veja essa aula mais de uma vez tá então mesmo Aí se você for Total iniciante se você nunca enfim H fez um site antes você nunca fez um blog antes você vai conseguir fazer seguindo esse meu passo a passo é tudo bem detalhado eu vou mostrar para você aí clique a clique bem certinho o que eu vou fazer e é só você pegar enfim e fazer aí né e copiando e fazendo igual tá minha segunda observação aqui é que esse blog ele
pode ser adaptado a qualquer nicho tá então no meu caso aqui Eu vou fazer um blog pro nicho de tecnologia mas por exemplo você aí Talvez queira fazer um blog pro nicho de culinária pro nicho de política de Finanças de viagens enfim a estrutura do blog ela vai ser exatamente a mesma tá aí você só muda então as imagens do blog né você muda ali os textos o estilo né porém a estrutura do blog vai ser a mesma a gente vai ter uma página inicial vai ter uma página de post de categorias uma barra de
pesquisa ali para usuário Buscar enfim eh posts ali ou informações no blog tá e também uma coisa que eu esqueci de colocar aqui é que todo o conteúdo desse blog Ele É fictício tá pessoal então os textos eu vou pegar desse site aqui ó Loren Y Loren Y é um é um esquema de de texto aqui que os designers usam aí para preencher espaços tá então isso aqui é tudo fictício beleza os textos também você pode estar gerando com inteligência artificial Inclusive tem vídeo aqui no Canal que eu ensino a como fazer isso vou estar
deixando aí na descrição são as imagens Olha só eu peguei todas elas aqui no freck freck é um banco de imagens aí que você pode Tá acessando e pegando as imagens para utilizar aí no seu site inclusive aqui no meu computador ó eu já baixei todas as imagens aí que a gente vai utilizar na nossa aula tá é tudo 100% fictício é tudo só para ilustrar mesmo beleza já baixei também aqui o Logotipo o logotipo eu peguei aqui do canva mesmo ó então entrei aqui fiz logotipo vou ensinar para você como dimensionar ele depois é
como colocar ele bonitinho lá no seu site vamos para a nossa terceira observação aqui então o que é domínio hospedagem WordPress e elementor tá vou tentar fazer um resuminho bem rápido aqui h desses termos né Porque eu sei que muita gente fica perdida e não faz a menor Ideia Nossa o que que é domínio o que que é hospedagem o que que é aquilo o que que é aquele outro então vou fazer aqui um resuminho bem rápido para já enfim descartar aí todas as suas dúvidas aí logo no início do vídeo beleza ó o domínio
então ele é o seu endereço online por exemplo o meu domínio é www.aprendendoprofissoes.com.br eu vou te ensinar como fazer essa contratação aí de domínio essa configuração beleza Hospedagem o que que é hospedagem então a hospedagem é o local o lugar né da internet onde onde o seu site vai ficar armazenado então Imagine que você tem um domínio e quando a pessoa acessa esse domínio né quando ela coloca ali por exemplo aqui ó aprendendos sites.com ó a pessoa acessou o domínio e rapidamente aqui já abriu o meu site tá então esse meu site aqui ele tá
armazenado em um servidor na internet né porque olha só ele tem imagens ó deixa eu vir aqui Nessa outra página ó ele tem textos ele tem aqui imagens e tudo isso aqui tá armazenado em um servidor tá então é importante você ter consciência que para você ter qualquer site online qualquer seja blog enfim qualquer projeto online Você vai precisar de um domínio né para as pessoas acessarem e esse domínio ele tem que estar conectado a uma hospedagem então que é o servidor aí onde vão ficar as informações onde vai ficar tudo que você precisa aí
pr as pessoas acessarem O seu site o seu blog tá WordPress então o que que é WordPress WordPress é uma ferramenta de criação de sites então na sequência já eu vou ensinar para você como configurar domínio hospedagem e dentro dessa hospedagem a gente vai instalar WordPress né WordPress é uma ferramenta de criação de sites Então dentro do WordPress você consegue criar aí enfim Praticamente todo tipo de site que você imaginar tá inclusive hoje em dia aí mais de 43 % de todos os sites Que existem online né e Existem milhares e milhares aí de sites
43% são feitos em WordPress tá então WordPress É de longe a ferramenta aí de criação de sites mais utilizada no mundo e daí dentro do WordPress a gente tem uma infinidade de plugins nesse caso aqui a gente vai utilizar o elementor e o que que é o elementor então o elementor ele é um construtor de páginas através do elementor a gente vai vai conseguir construir o nosso blog de uma forma bem Mais intuitiva sem utilizar programação sem utilizar nenhum tipo de enfim linguagem complexa então ali quando eu começar a criar o nosso blog com elementor
você vai ver que é super tranquilo de fazer qualquer pessoa consegue fazer eu vou fazer tudo no esquema arrasta e solta né então a gente vai escolhendo ali né os títulos os textos as imagens e a gente vai arrastando ali pro nosso editor e vai criando o nosso blog de uma maneira bem Intuitiva vai e bem simples beleza Vale ressaltar que aqui ó o domínio eu vou ensinar para você na sequência aqui então a como contratar domínio e hospedagem tá o domínio eu vou te mostrar uma maneira de você ganhar o domínio grátis a hospedagem
vai ter um custo tá pessoal afinal não tem como seu site e o seu projeto ficar online e você não pagar por isso né então eu vou te indicar aí uma solução tá que é bem barata e você vai ter tudo junto você Vai ter tudo isso aqui ó domínio hospedagem Word press elementor você vai ter absolutamente tudo isso aqui junto por um preço muito barato muito acessível e você vai conseguir fazer todo esse esquema aqui com pouquíssimos cliques tá só que falando assim Pode parecer um Bicho de Sete Cabeças né Mas você vai ver
que é bem simples em questão aí de minutos você já vai ter o seu domínio a sua hospedagem o seu WordPress e o elementor tá Ah Vale Ressaltar também que você só vai pagar no caso aqui pela hospedagem tá WordPress é gratuito O elementor ele é gratuito também porém a gente vai utilizar uma extensão aqui do elementor que é o elementor pro tá então também vai ter um custo aí do elementor pro Só que vai ser um custo básico um custo mínimo tá pessoal então a ideia desse vídeo é te ensinar justamente é como criar
um blog da maneira mais enfim profissional possível e gastando o Mínimo possível tá os custos aí que você vai ter ao longo da aula são custos mínimos tá e creio que são custos aí que cabem no bolso de todo mundo tá que é a hospedagem e é o elementor pro Beleza eu vou ir aqui pra minha próxima observação siga o passo a passo exatamente como eu mostro tá Por que pessoal porque tem gente que às vezes Segue o passo a passo aí de uma maneira diferente e daí eles vêm aqui comentar no vídeo que tá
dando errado Enfim que não tá igual eu mostro tá só abrir um parênteses aqui também existe uma diferença muito grande entre wordpress.com e wordpress.org tá então tem pessoas que contrato WordPress através do wordpress.com Só que essa aqui é a pior maneira para você fazer por quê Porque aqui você vai ter um custo muito mais alto tá pessoal então wordpress.com Você pode até acessar aí conferir depois e no nos preços deles lá você vai gastar uma Média aí de R 1000 por ano para você manter tudo tá domínio hospedagem WordPress eles vendem tudo como um serviço
tá porém dessa maneira aqui que eu vou te ensinar que é contratar o hospedagem e dentro da hospedagem instalar WordPress que no caso a gente instala esse WordPress aqui ó wordpress.org dessa maneira vai sair tipo cinco vezes mais barato talvez três vezes mais barato dependendo aí dos planos que você escolher tá então Realmente eu tô ensinando da maneira mais barata possível e ao mesmo tempo da maneira mais profissional possível para você criar criar aí o seu blog e para você não ter incomodação não ter dor de cabeça e ao mesmo tempo ter um blog que
ele vai ficar online né né ele vai ficar online a qualquer hora do dia vai abrir rápido enfim vai te trazer aí Bons Frutos aí pro seu projeto pro seu negócio Beleza então na sequência aqui eu já vou fazer a contratação de domínio E hospedagem e nós vamos instalar WordPress nessa hospedagem e a gente vai seguir então aqui com a criação do blog do El mentor beleza vamos lá então beleza então pessoal pra gente estar fazendo a contratação e configuração ali de domínio hospedagem Wordpress tudo junto eu vou deixar esse link aqui na descrição do
vídeo e esse aqui é o link da hostinger tá o site dele está assim talvez se você acessar esse site mais no futuro Talvez daqui 1 ano 2 anos esteja Alguma coisa aqui um pouco diferente às vezes esse banner aqui enfim mas a estrutura do site aqui ela vai ser a mesma tá você vai entrar nesse site O link tá na descrição é o primeiro link aqui da descrição você vai rolar um pouquinho para baixo aqui e aqui vão aparecer três planos de hospedagem tá Vale ressaltar que todos esses planos aqui que que eles incluem
eles incluem a hospedagem né obviamente que é o servidor aí onde o seu site vai ficar Online elas incluem o domínio né todos eles aqui tem domínio gratuito que eu já vou mostrar como que você faz para enfim tá resgatando o seu domínio gratuito e também incluem aí a instalação do WordPress né você consegue instalar WordPress aqui em qualquer um desses planos Tá eu vou vir mais para baixo aqui ó aqui tem um comparativo tá tá então você pode fazer um comparativo aí do que que faz sentido para você ou não nesse caso eu não
vou explicar aqui toda Essa lista enorme aqui de coisas porque você mesmo pode vir aqui ó e colocar o mouse aqui nesse pontinho de interrogação e ó e daí vai aparecer todas as informações beleza nesse caso aqui eu vou indicar para vocês esse plano aqui ó o plano Business tá Por quê Porque esse plano ele tem um desempenho melhor ele tem aqui ó desempenho aprimorado em até CCO vezes então o seu site vai abrir super rápido nesse plano né enfim aí o seu blog E Também você consegue não apenas criar aí o seu blog Como
você consegue criar até 100 sites nesse plano aqui então isso é simplesmente incrível tá ele já tem tudo que a gente precisa já tem SSL backups tem e-mail também enfim tem absolutamente tudo que você precisa e o custo benefício é ótimo Tá Porém você pode estar contratando os outros aqui tá Vê o que faz sentido aí para você beleza eu recomendo esse aqui ó vou clicar aqui em adicionar ao carrinho e nessa próxima Etapa agora é muito importante que você escolha aqui o ciclo de pagamento então aqui ó tem um mês 12 meses 24 meses
48 meses tá que que acontece aqui então eu recomendo que você contrate 12 meses porque você contratando 12 meses você vai ganhar um ano de domínio grátis tá então se você contrata um mês o domínio você não ganha grátis Tá então você vai ter que enfim contratar o domínio separado e vai acabar que vai ser bem mais caro eu recomendo esse plano aqui Ou o de 24 meses né Ainda mais se você tiver um projeto mais aí a longo prazo ou até mesmo de 48 meses né Você tem um projeto grande aí enfim você sabe
que que você quer trabalhar nisso né bom vai lá e contrata aqui ó 48 meses 4 anos já e você já tá 4 anos garantido aí com a sua presença online tá nesse caso aqui ó vamos pegar o mais básico mesmo o de 12 meses ó só para mostrar para você como que funciona tá você vem mais embaixo Aqui e aqui você vai criar a sua conta Então você vai est colocando aí seu e-mail uma senha ou fazendo login aqui com Google com Facebook enfim você cria sua conta normal aí né e na terceira etapa
aqui então você vai selecionar o pagamento tá E olha só que legal aqui tem a opção de cartão de crédito e se você deixa selecionada essa opção você consegue parcelar em até 12 vezes o seu plano então você paga um pouquinho por mês e fica mais barato ainda tá aqui tá o plano então né hospedagem Business Plano 12 meses aqui tem o valor tá Porém você vai vir mais embaixo aqui e vai clicar nessa opção ó tem um cupom de desconto e daí você vai inserir o cupom aprendendo sites vou clicar em aplicar e aqui
ó cupom aplicado e aqui deu mais um descontinho ó pessoal então tem esse desconto Extra aí do cupom aprender dend do sites Beleza então você utiliza esse cupom o cupom vai estar na descrição também junto com o link e daí você preenche Aqui então com seus dados normalmente e você clica aqui com os termos de serviço né para você concordar e tal e clica em enviar pagamento seguro beleza lembrando também que aqui você pode selecionar pxs se você preferir pagar tudo de uma vez boleto PayPal enfim tem várias opções aqui tá vou deixar cartão de
crédito e vamos clicar aqui em enviar pagamento seguro após isso então você vai estar recebendo um e-mail tá vou clicar aqui em verificar e-mail e aqui eu já fiz Login então na conta da hostinger e basicamente aqui a gente tem algumas opções então tem o início site hospedagem e-mails domínios VPS e faturas tá aqui ó você vai ver que Logo no início vai aparecer então a sua hospedagem ó que você contratou né nesse meu caso aqui o plano Business e aqui aparece também ó Resgate seu domínio grátis a qualquer momento que é o domínio que
eu posso estar registrando beleza e primeiramente então eu vou Clicar aqui no resgatar domínio e aqui você vai escolher então o domínio que você quer registrar né enfim seja a o seu nome. comom o nome da sua empresa.com do seu projeto nesse caso Vou botar aqui ó canal aprendendo sites tá aí tem as extensões ó pon com tem várias extensões aqui deixa eu vir mais para baixo aqui para mim achar o pcom.br ó que é enfim bastante usado aí né o pcom.br ou o p com que é a que eu indico tá então você vai
clicar aqui em ver Disponibilidade e ó nesse caso aqui esse domínio já está em uso porque ele já está registrado tá pessoal então vou colocar aqui um domínio diferente vou colocar aqui por exemplo projetos aprendendos sites.com tá esse aqui vai ser meu domínio enfim E você também pesquisa o seu aí e vê o que está disponível ó vou clicar em ver disponibilidade e beleza ó esse domínio tá disponível eu vou clicar aqui então em resgatar meu domínio grátis Tá Lembrando pessoal muito importante quando você registra esse Domínio Não tem como alterar ele depois tá então
certifix aí de enfim registrar trar o domínio aí da forma correta porque depois só registrando um novo domínio tá vou clicar aqui então em resgatar domínio e aqui vai aparecer essa telinha então ó finalizar registro de domínio aqui você vai selecionar o seu país né no caso todo o Brasil aqui se é pessoal ou se é para uma empresa vou deixar Empresa vou clicar em próximo e aqui então você vai estar colocando aí os seus dados aqui que ele vai pedir tá então ele vai pedir nome sobrenome e-mail empresa ã cidade endereço CP telefone eu
vou preencher tudo rapidinho aqui vou pular o o vídeo tá ó já preenchi tudo aqui vou clicar em finalizar registro o domínio está sendo registrado ó temos uma boa notícia se éu domínio está sendo preparado prepare-se para ficar online vou clicar em Continuar aqui ele vai pedir pra gente contratar um plano de hospedagem só que a gente já tem o nosso plano de hospedagem então vou clicar aqui em pular e beleza ó tá aqui o domínio tá agora eu vou vir aqui no início mais uma vez ó o domínio aqui ele já tá configurado olha
ficou com essa bolinha verdinha aqui agora vamos configurar hospedagem aqui vou clicar na hospedagem configurar e e aqui vai pedir então ã para quem você está criando o site essa Etapa ela é opcional tá você pode estar pulando Ou se você quiser você preenche vou deixar selecionado aqui WordPress vamos pular aqui vai perguntar qual o nome do seu site Então você coloca ali o domínio ali né que você acabou de criar de registrar vamos clicar em próximo aqui o público alvo né então se você tá no Brasil seleciona Brasil se você tá nos Estados Unidos
ou enfim qualquer outro desses países aí você seleciona o país beleza Isso é para garantir aí que O seu site carregue aí o mais rápido possível aí enfim com os servidores da hostinger tá vou clicar em próximo agora vai fazer uma configuração Zinha rápida aqui vamos aguardar um pouco e beleza agora vai abrir essa tela aqui do painel de controle aqui apareceu Ó status do domínio não está apontado para os nossos name servers tá então o que que acontece o domínio quando a gente registra ele é normal que ele demore algumas horas para ele propagar
na internet tá pessoal isso É normal em qualquer hospedagem de qualquer maneira Olha só vou vir aqui em domínios tá aqui o domínio ó vou clicar em gerenciar e aqui ele está apontado então para os servidores da hostinger tá então a gente só tem que enfim aguardar aí o período de propagação desse domínio beleza ain enquanto isso eu vou vir aqui em sites e aqui vai aparecer então a lista Aí dos Sites que você tem dentro da sua hospedagem Tá eu vou clicar aqui em gerenciar agora você pode ver que já Não apareceu aquela mensagenzinha
de erro lá ó vou vir aqui em Auto instalador agora e agora a gente vai instalar então o WordPress ó vou clicar aqui em selecionar Vamos dar um título aqui para nosso site vou colocar aprendendo o site mesmo assim aqui o e-mail do administrador então aqui eu recomendo que você coloque algum e-mail seu enfim do ook do Gmail enfim algo que você tenha enfim fácil acesso tá aqui o nome de usuário então no caso aqui tá Rodrigo aprendendo sites você pode deixar só o seu nome Vou deixar só o Rodrigo aqui ó que esse que
esses dados aqui pessoal a gente vai utilizar para fazer login lá no painel do WordPress tá E aqui em senha Então você vai est colocando aí uma senha que você vai lembrar também aqui em avançado não precisa a gente mexer vamos deixar assim mesmo V clicar em próximo Vamos só mudar o idioma aqui ó tá em inglês vamos achar a opção português do Brasil ou se você Quiser deixa em inglês também ou enfim o idioma que você quiser aqui a versão do WordPress é sempre a última versão aqui eu vou deixar padrão e vamos clicar
em instalar vamos aguardar um pouquinho e beleza vai aparecer essa telinha aqui então e agora então a gente já tem um domínio conectado a uma hospedagem e nessa hospedagem a gente já tem o WordPress instalado Tá eu vou voltar aqui ó você vem em sites vem em gerenciar vem aqui ó em painel de Administrador vai aparecer essa opção e quando você clica Ó você vai ser redirecionado um minutinho aqui ó para o painel do WordPress e aqui então que a gente vai criar aí o nosso projeto beleza outra maneira aqui de você ã enfim acessar
o WordPress é dessa maneira assim ó deixa dar um CRL C aqui vou vir aqui numa guia anônima vou dar um cont CRL V tá então vai ser o nome do seu site aí P com ou.com.br enfim bar WP tracinho admim ó vou dar um enter aqui ó E daí vai aparecer então a tela de login para você colocar então ali aquele usuário e aquela senha que você escolheu ali agora a pouco para instalar o WordPress beleza aqui eu não vou mexer eu vou vir aqui no painel inicial do WordPress e vamos partir então pra
criação aí do nosso projeto e agora então que a gente já tem o nosso painel do WordPress aqui vamos colocar a mão na massa tá primeira coisa vamos vir aqui em aparência temas e aqui você vai ver Que já tem alguns temas Aqui pré-definidos tá o que que é o tema o tema basicamente é a aparência do site nesse caso aqui eu vou clicar em Adicionar novo tema eu vou instalar esse tema aqui ó hello elementor tá se não aparecer aqui você vem em Pesquisar temas e pesquisa por Hello elementor desse jeito assim ó com
dois Ls e a gente vai utilizar esse tema porque esse tema ele é desenvolvido pela própria equipe do elementor tá então como eu Falei a gente vai estar utilizando aí o elementor para criar né o nosso blog Então faz sentido a gente utilizar o próprio tema deles tá esses outros temas aqui ó posso estar selecionando eles e posso estar excluindo porque a gente não vai mais precisar deles e excluir Beleza quando você instalar o tema Hello elementor vai aparecer essa mensagenzinha aqui ó Agradecemos por instalar o tema Hello e da esse botãozinho para você instalar
o Elementor vamos clicar nesse botãozinho então e daí ele vai fazer a instalação aqui do elementor Ó vou clicar aqui em ativar plugin Beleza vou fechar essa janelinha aqui por Por enquanto vou vir aqui em plugins plugins instalados e aqui você vem então que tem o elementor tá e aqui você consegue fazer a gestão dos plugins então por exemplo ó se o elemento você não conseguir instalar por ali ó você pode vir aqui em adicionar plugin e pesquisar ó por Elementor ó ele vai aparecer aqui ó nesse caso ele já tá mostra né que ele
já tá ativo né Aqui tem vários outros plugins então tem milhares de plugins tá nesse caso vamos deixar assim não vamos mais mexer e agora pessoal vamos fazer então a instalação aqui do elementor pro né o elementor pro também é barbada Tá eu vou vir aqui no meu site eu vou clicar nesse último link aqui ó plugins e temas Premium WordPress esse link eu vou deixar na descrição Também beleza pessoal vai ser aí o segundo link da descrição o primeiro link vai ser do hospedagem o segundo link vai ser esse tá esse aqui é o
link da full e através da full então a gente consegue ter acesso aí a diversos plugins e temas Premium para WordPress por um preço muito barato tá só para vocês entenderem ó tá selecionado elementor aqui só para vocês entenderem pessoal o elementor ele é Originalmente aí vendido em dólar E Convertendo aí na cotação atual uma licença do elementor pro tá custando aproximadamente R 300 tá porém a full aqui eles adquirem H vários planos aí com mais de 1000 licenças então ele eles vendem a um preço aqui bem mais acessível e aqui você vê que uma
licença para um site tá apenas R 39,90 né então como eu falei lá no início do vídeo o intuito aqui desse tutorial também é te mostrar como gastar o mínimo possível né então hospedagem Ali você vai gastar 200 e pouco e o elementor pro você G vai gastar esse valor né Se fosse lá pelo wordpress.com e pelo site oficial do elementor você gastaria aí uns R 1.300 r 15.500 aqui só nessa brincadeira tá ó posso clicar aqui em comprar Ah esse site da fu aqui lembrando que ele é 100% seguro tá pessoal se vocês tiverem
qualquer dúvida vocês podem vir aqui ó tem esse botãozinho do WhatsApp e vocês falam com eles aí pelo WhatsApp beleza e Aqui você vai clicar então em finalizar compra tá você vai preencher ali os seus dados e vai fazer o pagamento via cartão de crédito ou pix Beleza eu vou abrir aqui por imagem tá pessoal Porque eu já tenho a licença comprada lá pela full E no caso eu desativei eu vou ter que reativar tá então o meu passo a passo aqui vai ser diferente do seu tá presta atenção Então como que vai ser o
seu passo a passo Ó você vai finalizar a compra aqui normalmente tá você Finalizando a compra você vai acessar de novo aqui o site principal da full E você vai vir aqui em acessar meu painel tá você vai fazer login ali com usuário e senha tá Se você não souber ali usuário e senha você pode estar indo em em esqueci minha senha e e recuperar e tal e aí você vai est caindo nesse painel aqui ó exatamente aqui deixa eu botar em tela cheia aqui para ficar melhor aqui ó então vocês podem ver que aqui
é o meu painel e aqui eu já tenho Alguma lista né de alguns sites aqui que eu já ativei plugins tá primeira coisa você vai clicar aqui em conectar site aí no segundo passo aqui vai aparecer exatamente dessa maneira Ó você vai colocar aqui em URL do site a URL do seu site né então no meu caso aqui ó projetos aprendendos sites p com beleza aqui ó url de login do painel administrativo você vai colocar então o seu site né projetos aprendendos sites.com bar WP tracinho admin tá Exatamente tá aqui só que dai com o
seu domínio deixa sempre aqui o https Beleza você vai clicar aqui em concordo com os termos da full e você vai clicar em conectar site no próximo passo vai aparecer feito você será direcionado para o site informado para para concluir a conexão tá é importantíssimo que nesse momento o seu site aí ele esteja já logado no mesmo navegador tá pessoal você esteja com o painel do WordPress aberto já no mesmo Navegador porque aí ó vai aparecer essa autorização aqui direto no seu painel do WordPress Você vai clicar aqui em sim aprova esta conexão feito isso
ele vai direcionar de novo aqui pro site da full dizendo que foi que deu tudo certo tá aí você vai clicar aqui em ativar plugin e daí vai aparecer então o elemento né que você comprou Ele vai aparecer aqui ó você clica em prosseguir Aqui você clica em prosseguir de novo e aqui em solicitar a ativação e daí vai aparecer Que o plugin foi ativado com sucesso tá isso aqui demora alguns segundos até 1 Minuto tá E daí você clica em fechar você volta aqui no seu no seu painel dos plugins aqui do WordPress e
você recarrega a página e aqui vai aparecer então o elementor pro ó pessoal nesse momento então eu pulei aqui um pouquinho o vídeo tá ã questão de 5 minutinhos eu voltei lá na full e eu reativei a licença ali que eu já tinha do elementor Ó vou recarregar Aqui e ó pode ver que agora tá aqui o elementor pro vai aparecer também esse plugin da full aqui e do elementor pro então agora a gente já tem o elementor pro posso vir aqui em elementor ã licença e aqui é uma licença aqui que tá ativa então
aqui vai ter o e-mail de administrador e é uma licença 100% original tá que você pode est enfim aí que você vai est aliás utilizando aí no seu WordPress beleza vamos vir aqui no início Então beleza então que que a gente fez até o momento a gente já contratou a hospedagem a gente já enfim instalou WordPress a gente já configurou aqui a aparência o tema né do WordPress aqui na aparência e a gente já configurou os plugins que a gente vai precisar tá só um detalhe também vou vir aqui em plugins esses outros plugins aqui
ó que tem ó ã Inteligência Artificial assistente da hostinger e da hostinger se você quiser você pode estar Desativando tá nesse caso eu vou deixar aqui eu não vou mexer neles tá esse Light Speed Cash ela ele é um plugin aí De Cash que se você quiser você pode estar ativando tá ele deixa basicamente o teu WordPress um pouquinho mais rápido beleza próximo passo agora vamos vir aqui em páginas todas as páginas aqui por padrão você vai ver que WordPress também vem com algumas páginas nesse caso aqui vou mover tudo pra lixeira e aqui você
vai adicionar então As páginas do seu blog ó vou clicar em adicionar nova e aqui eu vou colocar então a página de home ou a página de início né enfim essa aqui vai ser a página principal do seu blog vou clicar em publicar Beleza vou voltar aqui no WordPress vou adicionar uma nova página e aqui eu vou adicionar então a página de arquivos de blog assim ou enfim últimas notícias últimas postagens enfim o blog é seu você configura da maneira que você quiser Beleza vou clicar em Publicar vou voltar aqui e aqui você adiciona quantas
páginas Você Quiser ao seu blog tá e na sequência a gente vai personalizar essas páginas beleza pessoal vou colocar aqui também página de sobre aliás categorias primeiro categorias assim adicionar nova página e uma página de sobre aqui que você pode colocar enfim sobre você ou sobre a empresa ou sobre a ideia do blog Enfim vou clicar em Publicar vou voltar aqui beleza ó essas aqui são as páginas do meu blog E você adiciona aí as suas páginas beleza Ah você quer só a página inicial não tem importância tá deixa só a página de home aqui
que a gente já vai fazer toda a personalização dela beleza próximo passo vou vir aqui aqui em aparência menus Vamos criar o menu ó voltou aqui ã nome do menu Vou colocar aqui menu principal e vou clicar em criar menu esse nome aqui que você dá Pro menu ele não vai interferir em nada tá pessoal só Para você reconhecer mesmo o menu aqui essas páginas ó vou clicar em selecionar todas e vou adicionar ao menu e aqui eu vou ordenar elas ó Então vou colocar aqui a home primeiro depois a arquivos de blog depois categorias
e depois sobre tá Então nesse momento a gente tá fazendo o qu a gente tá fazendo toda a estrutura aí do nosso blog né a gente tá criando as páginas a gente vai criar aqui um Menuzinho daqui a pouco eu vou inserir algumas categorias alguns posts e depois Sim a gente vai partir pra personalização a gente vai personalizar essas páginas uma a uma do nosso jeito tá só para você entender aí para não ficar perdido Beleza vou salvar aqui esse menu agora eu posso vir aqui em posts ó categorias e aqui já criar também as
categorias do meu blog nesse caso aqui eu tô fazendo um blog fictício ó vou Criar aqui algumas categorias então Ó metaverso aqui Slug não precisa mexer Tá pessoal programação como é um blog de de tecnologia né eu adiciono as minhas categorias e você adiciona aí as suas categorias tá e aqui não tem limite você consegue adicionar aí quant as categorias você quiser beleza adicionar Beleza vou deixar assim ó internet segurança programação metaverso tá essa aqui seriam aí as quatro categorias do meu blog tá agora eu vou vir aqui em Todos os posts e por padrão
aqui o WordPress ele já vem com esse post ó vou clicar em ver ó esse postzinho aqui olá mundo mundo ó tá assim o nosso blog tá nós vamos deixar ele bonito vou voltar aqui nesse caso eu vou tá excluindo aqui esse post E aí é aqui que você vai fazer toda a gestão dos posts do seu blog tá pessoal o que que eu vou fazer aqui eu vou adicionar alguns posts aí já no nosso blog porque senão não vai ter como a Gente configurar o layout né sem ter os posts ali pra gente ver
então eu vou adicionar aqui aí uns 9 10 posts fictícios Beleza e você também adiciona aí no seu os seus posts pelo menos uns cinco posts aí só para você ter como base para conseguir e configurar tudo bonitinho Beleza você pode vir aqui inclusive criar com inteligência artificial ó no caso a inteligência artificial da hostinger tá nesse caso eu não vou ensinar nesse vídeo aqui mas eu Vou est fazendo um outro vídeo ensinando especificamente sobre a inteligência artificial e outro vídeo vai est depois aí na descrição beleza nesse caso aqui eu vou criar normalmente mesmo
tá você pode vir aqui em Adicionar novo post e aqui você coloca o título do seu post e aqui você enfim digita aí o seu post né nesse caso eu vim aqui no no site Lauren Y aqui ó eu vou pegar aqui um texto fictício ó vou copiar ó é só para ilustrar mesmo tá pessoal vou vir aqui Vou colar Então esse aqui seria o título da minha postagem agora vou vir aqui vou pegar mais um pouquinho de texto aqui vou copiar vou vir aqui e vou colar ó posso dar um enter pegar mais um
pouquinho de texto e mais um pouco pouquinho vou copiar vou colar vou pegar só mais um pouco aqui para ele ficar mais preenchido ó vou colar Tá e da que que você faz você faz nesse mesmo esquema Ó você quer vir aqui por exemplo ó clicando no maizinho Você pode Adicionar aqui um parágrafo uma citação Você pode até mesmo colocar uma imagem né então você pode estar enviando imagens aqui do seu WordPress ó aqui você envia as imagens aí do seu computador para WordPress e aqui você insere a partir de uma RL tá então Ah
se você quer utilizar uma imagem que tá em outro site talvez você cola o endereço da imagem aqui e você vai criando então o seu post aqui da maneira que você bem entender e você cria quantos posts aí Você quiser vindo aqui do ladinho em posts ó visibilidade vou deixar público t t modelo padrão URL vou deixar assim por enquanto eu já vou ensinar para você como que muda autor Ó aqui tá o meu nome porque é o meu nome de usuário aqui do WordPress tá vi mais para baixo aqui categorias ó aqui você vai
selecionar categoria aí desse seu post ó vou colocar por exemplo internet tá aqui nas tags você pode Estar adicionando tags aí enfim que faça sentido dentro do seu blog né E aqui na imagem destacada você vai colocar imagem então que vai aparecer aí no seu post né na sua postagem nesse caso aqui ó eu vou vir aqui no meu WordPress ó e vou pegar por exemplo essa imagem essa aqui ó essa primeira aqui ó vou arrastar ela vou arrastar aqui pro meu WordPress ó tá fazendo o envio beleza ó fez o envio da imagem ó
vou clicar em definir imagem destacada Então Esso aqui vai ser a imagem principal aí da minha postagem aqui em resumo Você pode escrever um resumo se você quiser e aqui em discussão você pode ocultar comentários ou permitir vou clicar em permitir Enfim vou clicar aqui em publicar ó Será que publicou publicar beleza ó vou clicar aqui em ver post ó tá assim o meu post tá ele tá todo feio não puxou a imagem mas a gente já vai ajeitar isso tá vou voltar aqui no meu Painel do WordPress vou vir aqui em todos os posts
ó e esse aqui então o meu primeiro post tá que que eu vou fazer agora vou pausar o vídeo aqui e eu vou voltar daqui a pouco tá e nesses minutos aqui eu vou publicar mais ou menos uns 10 posts aqui aqui para mim conseguir configurar e junto com você na sequência o layout enfim personalizar tudo bonitinho beleza e daí você pausa o vídeo aí também se quiser e vai fazendo Os posts né como eu falei faz um quatro cinco posts aí adiciona aí os posts coloca o título O o conteúdo ali do post a
imagem seleciona a categoria E publica Beleza já volto Então beleza pessoal voltei aqui ó pode ver então que eu adicionei nove posts aqui e aqui tem as categorias ó então internet programa segurança metaverso enfim aqui vai aparecer as suas categorias aqui o autor né no caso só tem eu aqui de autor Mas você pode vir aqui em usuários deixa eu Abrir aqui numa nova guia ó todos os usuários e aqui você faz a gestão dos usuários tá inclusive se você quiser vir aqui ó em editar e ó aqui em apelido você pode est mudando o
seu nome tá então enfim você quer colocar Talvez o sobrenome enfim você muda aqui seu nome nome você pode escolher aqui uma fotinha de perfil também para você tá alterando Deixa eu voltar aqui nos usuários e aqui também Você pode adicionar mais usuários né no caso você Queira aí que o seu blog aí tenha mais pessoas publicando né Você pode vir aqui ó coloca o nome do usuário da pessoa o e-mail da pessoa preenche aqui as informações ela vai receber uma senha aí pelo pelo e-mail dela tá você pode estar também mandando a senha para
ela e aqui ó Ó você escolhe a função tá lembrando que administrador o administrador ele vai ter a função geral então ele vai poder até mexer nos plugins aí fazer tudo tá e aqui ó o autor ele Consegue estar publicando artigos aí então se você vai adicionar uma pessoa recomendo você escolher aqui como autor ou até mesmo editor tá editor consegue editar as páginas também e autor consegue publicar e Alí Você adiciona o novo usuário e envia os dados de acesso aí para essa pessoa beleza uma coisinha também que eu esqueci de fazer eu vou
vir aqui em configurações ã links permanentes deixa eu sair aqui dessa página aqui talvez vai tá padrão para Você eu recomendo você vir aqui e marcar essa opção ó nome do post tá Por quê Porque aqui ó deixa eu clicar aqui nesse artigo Ó tem o nome tem o o Aliás o meu domínio né projetos aprendendos sites.com barra e aqui tem um p50 ó enfim aqui vem vai puxar um número ali aleatório né então o que que eu recomendo você fazer configura como nome do post ó salve salvei as alterações agora vou vir aqui ó
vou recarregar ó agora sim tá aparecendo Aqui o nome do post tá outra coisa também venho aqui em leitura sua página inicial exibe e aqui você vai selecionar uma página estática e aqui ó vai puxar as páginas aí que eu tenho no meu blog Nesse caso a minha página inicial vai ser a página de home tá se você não faz essa configuração ele vai puxar automaticamente aqui os posts recentes tá só que eu recomendo deixar assim porque assim a gente vai conseguir personalizar Enfim fazer um negócio Realmente bonito e mais personalizável tá vou salvar as
alterações tô fazendo aqui com vocês todas essas configuraçõe zinhas mais chatas enfim mais demoradas né para daí sim a gente botar a mão na massa aí e conseguir criar o nosso o nosso blog agora conseguir personalizar tudo isso aqui que a gente fez ó porque ó eu vou vir aqui na minha página inicial ó minha página inicial tá assim ó vou vir aqui no meu painel ó os meus posts ali como vocês já Viram ó eles estão assim agora vamos deixar isso aqui bonito vamos realmente personalizar isso aqui tá ó eu vou vir aqui em
modelos e tem builder vamos clicar aqui no tem builder e aqui o tem builder do elementor né É uma opção aí que obviamente só tem disponível nível no elementor pro e através daqui então que a gente vai criar o nosso Raider aí do nosso blog que vai ser aquela parte Inicial então que vai ter o logotipo o menu a barrinha de pesquisa a gente vai Conseguir criar também o fter Né que é o rodapé do site que vai ser aquela página página não aquela parte final do site né que vai ter ali as informações de
contato e tal aqui a página individual de post a página de arquivo a página de busca de resultados aqui a gente vai conseguir criar todas as páginas aí do nosso site de uma maneira bem intuitiva e simples tá primeira coisa vamos criar então aqui o nosso Raider vou clicar aqui no Raider e no maizinho que vai est Abrindo o editor do elemento então pela primeira vez eu vou clicar nesse x aqui ele já vem com alguns modelinhos prontos aqui se você quiser tá utilizando aí você pode utilizar Tá eu vou ensinar do zero aqui porque
creio que fica mais fácil para você entender ó aqui tem algumas configurações aqui eu não vou mexer antes de mais nada eu vou vi aqui nesse menuzinho ó bem no canto configurações do site e eu vou definir as cores aqui Do meu blog tá as cores aí que você vai utilizar aí aqui ó você vem aqui e você coloca as cores Aí talvez da sua identidade visual as cores do seu logotipo enfim todas as cores aí que você vai usar nesse caso aqui eu separei aqui no meu bloco de notas ó esse tom de verde
ó vou copiar vou vir aqui em adicionar cor e vou colar eu vou usar esse Tonzinho de verde e também eu vou utilizar o preto Ó essas são minhas cores beleza são as cores lá do meu Logotipo e tal e daí você coloca as suas cores Ok vou voltar aqui vou salvar as fontes também então aqui ó minha fonte primária eu vou utilizar essa fonte aqui ó deixa eu copiar ó apareceu a fonte Então essa aqui vai ser a fonte que eu vou utilizar aí pros meus títulos colocar tamanho 56 aqui assim aqui você regula
o peso espaçamento entre as letras aí perfeito fonte secundária vai ser a fonte Monserrat aqui ó tá aqui ela 16 assim enfim se você quiser você vai configurando igual eu tô fazendo ou vai fazendo aí de acordo com o seu gosto tá de acordo com a sua identidade visual Enfim vou fechar aqui agora que a gente já definiu as fontes e as cores que a gente vai utilizar no nosso blog inteiro agora vamos partir então aqui vamos criar o nosso cabeçário né o Raider do site beleza vamos lá então eu vou clicar aqui no maizinho
vou selecionar a opção de flexbox aqui ã nesse caso aqui eu vou Selecionar essa estrutura aqui ó com dois contêiners eu vou selecionar uma aqui e vou vou dup vai ficar três ó só para você entender eu vou clicar aqui vou vir em plano de fundo aqui estilo e vou colocar aqui ó a minha cor preta ó poderia puxar minha cor verde também nesse caso vou puxar a cor preta tá E que que eu vou fazer aqui então nesse primeiro container Zinho eu vou adicionar o logotipo do meu blog nesse aqui do meio eu vou
colocar o menuzinho E nesse outro aqui eu vou colocar a barra de pesquisa tá vai ser nesse esquema assim se você quer fazer diferente você quer colocar Sei lá só o logotipo e talvez a barra de pesquisa ou só o logotipo e o menu você vem aqui ó e você exclui um contêiner e deixa só dois nesse caso eu vou deixar três beleza aqui no contêiner também ã eu já vou ensinar para você a Como regular aqui a largura Ó mas aqui você consegue regular a largura depois quando eu adicionar os Elementos Ali você vai
entender melhor tá eu vou deixar padrão aqui em 1140 primeira coisa então eu vou vir aqui eu vou colocar uma imagem ó vou arrastar uma imagem para cá e aqui eu vou colocar o meu logotipo tá então eu tenho aqui no meu computador esse logotipo ó deixa eu abrir ele aqui esse aqui é um logotipo que eu fiz no canv ali enfim só para ilustrar mesmo porém ele tá com umas bordas aqui e eu vou cortar ele da maneira correta tá então eu vou vir Nesse site aqui ó photopia.com fotopia pessoal é basicamente um Photoshop
online ó vou arrastar para cá cá você acessa o site também se você quiser fazer isso aí com seu logo esse aqui é um passo Extra na verdade né que eu só vou ensinar porque tem gente que às vezes fica um pouco perdida e daí dá erro ó vou clicar aqui no corte ó e vou cortar o meu logotipo para ele não ficar do tamanho completo tá senão não vai dar certo lá no site ó aqui ó deix eu Aproximar ó aqui tem as letras em branco ó ó tá está assim então meu logotipo e
o seu também você tem que deixar ele mais mais ou menos assim ó tem essas bordinhas ó aqui ó porque se ele fica com essas bordas grandes assim ó essas bordas vão aparecer no site não vai ficar legal tá ã Beleza vou vir aqui ó arquivo exportar como png Vou salvar aqui ó já fez o download pro meu computador tá vou voltar aqui enviar arquivos deixa Eu vir aqui nos meus downloads aqui ó tá aqui ele Ó vou arrastar para cá vou selecionar tá aqui o meu logotipo Então vou vir na imagem aqui pixels e
aqui ó você configura o tamanho Vou deixar pra esquerda nesse caso vou deixar uns 180 pixels desse jeito assim e eu já pego aqui o link do meu site ó ã projetos aprendendos sites.com venho copiar venho aqui na imagem coloco aqui ó URL link venho aqui e colo criando usuar ele clica aqui ó Ele já é direcionado automaticamente pra página inicial aqui do meu site Beleza meu blog tá deixa eu achar a opção de menu aqui ó nave menu ó se não aparecer aqui ó você vem aqui e pesquisa por nave menu vou arrastar para
cá e aqui automaticamente ó ele puxou aquele menuzinho que eu criei antes lá em aparência lembra então primeiro eu criei as páginas depois eu criei o menuzinho e agora eu vou personalizar esse menuzinho aqui deixa Eu só vir aqui nesse contêiner eu vou diminuir um pouquinho aqui ó a porcentagem dele tá para esses outros aqui ficarem com mais porcentagem vou deixar em 50 esse aqui deixa eu ver 60 talvez deixar assim esse aqui vou deixar em 25 ó 25 60 esse aqui tem que ficar menor né tá beleza ó vou clicar aqui no menu vou
deixar ele alinhado ao centro aqui em layout Ó você pode estar mudando também Tem o drop Down também que eu vou deixar só no no celular não acho legal no no computador assim ó aqui você tem várias opções deixar sem esse Pointer aqui ó que é o aquela parte sublinhado ali que aparece embaixo ó ou manter ó tá vendo quando eu passo o mouse nesse caso aqui eu vou deixar sem e Claro você pode estar explorando aqui as opções e ir mudando tá aqui eu vou deixar assim mesmo beleza aqui não vou mais mexer muito
tá vou vir aqui em estilo e aqui ó Eu vou botar minha fonte secundária que aquela fonte Monte Serrat que eu tinha configurado lá a cor eu vou deixar Branca quando passa o mouse eu vou deixar na cor verde e quando tá ativo eu vou deixar na cor verde ó ficando dessa maneira assim a gente já vai otimizar isso aqui também pro pro celular tá pro tablet para o celular eu vou colocar aqui uma barrinha de pesquisa também ó Shark form se não aparecer aqui você pesquisa aí que vai Aparecer tá ó vou arrastar para
cá aqui ó deixa eu só vir nesse contêiner aqui vou vir avançado eu vou colocar uns 20 pixels superior e uns 20 pixels inferior aqui de espaçamento que eu acho que fica melhor tá vou clicar aqui nesse formularz aqui você coloca o texto Então vou colocar aqui ó pesquise e três pontinhos Aí você coloca o texto que você quiser aqui tem o o layout né ó nesse caso eu vou deixar aqui esse clássico mesmo e aqui ó se você quiser Você coloca um botãozinho ou deixa o ícone vou deixar o ícone mesmo aqui você regula
o tamanho do ícone enfim sempre que pessoal em em conteúdo Ó você vai definir as configurações né em estilo você sempre personaliza ó vou vir aqui em estilo vamos puxar minha fonte secundária ó pode ver que mudou ali Vamos colocar aqui fonte preta o background vou deixar Branco a borda aqui não vou mexer eu quero mexer é no botãozinho ó quero Deixar ele Verde assim ó e o texto do botão deixar ele preto ó dessa maneira assim então ó usuário pesquisa aqui eu só vou salvar o rascunho para mim não perder esse meu acesso tá
recomendo também que você faça isso vamos ver aqui no tablet ó no tablet tá assim ó que que eu posso fazer aqui no tablet posso clicar aqui nesse primeiro container colocar aqui em porcentagem e colocar ele 100% esse segundo aqui também Porcentagem 100% e esse terceiro aqui também porcentagem 100% agora eu clico aqui no principal venho em layout direção vertical desse jeito assim agora eu venho aqui nessa imagem ó calizo a imagem venho aqui nesse menu V em conteúdo e o black Point aqui eu vou deixar só nos dispositivos móveis tá o black Point é
quando ele muda ó então ó no desktop abre assim e aqui abriria assim tá Nesse Estilo black Point aliás Black Point não drop Down Tá eu vou deixar só no celular no celular daqui a pouco você vai ver então que ele vai abrir daquela maneira lá e aqui essa barrinha de pesquisa deixa eu ajustar aqui deixar em 20 50 Opa 20 50 20 inferior 50 ó nosso menuzinho fica assim no tablet você vê que é uma visualização Bem agradável o logotipo as páginas aqui e o botãozinho de pesquisa ó no desktop assim agora no celular
ele tá sim vamos só ajustar aqui no no celular eu vou vir aqui em avançado e Ó você viu que aqui no tablet ó eu coloquei essas medidas aqui em pixels e no celular ele puxa automaticamente então no celular eu vou zerar aqui eu vou manter um 10 superior e um 10 inferior assim colocar também um 10 na esquerda Aliás na direita e um 10 na esquerda ó tá assim no no celular eu Só vou alterar isso aqui para ficar mais bonito mais agradável Então essa imagem aqui posso pegar vou colocar ela aqui pro lado
esquerdo e vou diminuir um pouquinho o tamanho assim esse menuzinho aqui vou deixar ele aliás aqui ele fica centro aqui embaixo que eu vou mexer ó aqui ó vamos colocar ele para cá vamos vir aqui em estilo aqui o botão ó vamos colocar esse botão na cor branca aqui você regula o tamanho desse botão ó vou deixar assim mesmo aqui tem mais Algumas opções quando passa o mouse no caso como tá no celular é quando o usuário clica né a cor você pode mudar deixar Verde ó nesse caso eu vou pegar esse menuzinho vou colocar
uma margem negativa ó para ele ficar ali em cima ó ficar assim então no celular visualização agradável Lembrando que aqui ele vai puxar 360 Piel on eu tô com meu mouse porém a maioria dos celulares são maiores e abrem nessa resolução aqui de 420 tá Então vai Abrir assim na maioria dos celulares beleza ã que que a gente pode fazer aqui ah configuração importante tá vem aqui nos index e coloca o número mais alto que do que os outros tá nesse caso aqui os index ele serve para um elemento ficar na frente do outro tá
pessoal então por exemplo Ah se esse logotipo aqui ele tem os index um esse aqui ele tem que ser os index do para ele ficar por cima tá nesse caso aqui eu vou colocar un 50 Aqui desex nesse menu para nenhuma outra informação fic sobreposta nele tá para não dar aí nenhum problema Beleza vou vir aqui no drop Down ó alterar aqui o background aqui o texto vou deixar Branco assim quando passa o mouse o texto fica verde e o background aqui pode ficar preto mesmo assim ó e quando tá ativo o texto pode ficar
verde o background pode ficar preto mesmo ó no celular vai abrir assim Então posso vir aqui nessa barrinha de pesquisa colocar uma margem superior para ela ficar um pouquinho mais para cima só um pouquinho aí uns 10 aí ó deixa eu ver se eu consigo corrigir esse alinhamento aqui centro aqui ó aí ficou melhor assim então no celular no tablet e assim no desktop Agora sim vou clicar em publicar muito importante aqui adicionar condição deixar selecionado ent site ou seja no site inteiro vai Apcer Men cabeç ali é vir aqui na minha inicial Então minha
pgina inicial comeando ganhar forma aí o nosso blog vamos fazer agora então a criação do Rod aqui do nosso site ó vou vir aqui no painel Wordpress elementor aliás modelos aqui tem builder ó aqui já tem o Raider então né agora vou vir aqui em fter e ó vou adicionar então o fter e a gente vai fazer nesse mesmo esquema aqui Aqui tem alguns modelinhos ó vou fechar Vamos partir então aqui para criação ó vou clicar aqui no maizinho flexbox nesse caso aqui eu vou selecionar esse contêiner Aqui para baixo beleza eu eu vou vir
aqui em estilo eu vou colocar ele da cor verde assim ó vou vir aqui também avançado vou colocar um 100 pixels superior um 100 pixels inferior e agora vou vir aqui ó dentro dele eu vou adicionar mais um contêiner assim eu vou clicar aqui nesse contêiner e esse aqui ele vai ficar a Cor preta assim desse jeito assim tá agora vou vir aqui ã vou colocar um título e aqui pessoal a ideia colocar um um formularz de contato ou até mesmo uma newsletter aí pro pessoal tá entrando em contato né para você conseguir engajar o
pessoal então vou colocar aqui inscreva-se para receber atualizações Mas como eu falei o blog ele é seu você faz exatamente da maneira que você quiser beleza vamos botar aqui uma corzinha Branca tipografia aqui ó Já Puxou minha tipografia primária vou clicar aqui nesse coner Vamos só colocar um preench ento nele colocar aqui uns 70 mais ou menos assim ó e aí se você quiser você muda né você coloca aqui sei lá entre em contato deixe sua sugestão enfim isso aí vai variar de de blog para blog né A ideia é que realmente com a aula
você aprenda a criar aí qualquer tipo de blog Ok ainda aqui nesse contêiner deixa eu vir aqui em estilo borda vou adicionar Aqui uns 20 de Rai da borda desse jeito agora vou vir aqui no pro e aqui tem essa opção de formulário ó vou arrastar para cá o formulário ó aqui então aí puxou o formularz tá nesse caso aqui ó você pode pedir o nome da pessoa o e-mail mensagem tem vídeo completo aqui no canal ensinando a como fazer isso tá nesse caso aqui ó eu só vou deixar e-mail eu vou vir aqui aqui
em Place holder eu vou colocar digite seu e-mail muito Importante é deixar obrigatório aqui eu vou colocar em coluna 70% assim aqui eu vou colocar médio mais ou menos Label ó desativei vou vir aqui no botão agora ó tá aqui o botãozinho ó vou colocar médio também coluna 30 ó ele fica do lado aí aqui ó eu vou colocar cadastrar ou enviar ou enfim o que você quiser tá agora vou vir aqui em ações após envio e aqui você escolhe o que que acontece depois que o usuário preencher então que eu vou Deixar selecionado só
essa primeira opção aqui ó para ele coletar os envios Mas você pode deixar selecionado o e-mail ó e daí toda vez que alguém preencher aqui você recebe o contato da pessoa no seu e-mail ó daí você vem aqui em e-mail e coloca ó qual e-mail você quer receber o contato da pessoa Beleza tem um vídeo de 20 minutos aqui no canal que eu ensino todo o passo a passo aqui do do formulário do do elementor pro tá então vou est deixando esse vídeo aí na Descrição para essa aula Justamente não ficar tão longa tá pessoal
senão vai ficar horas e horas e horas e horas de aula se eu for ensinar tudo do zero Tá mas eu espero que você esteja pegando a ideia aqui nesse caso Vou deixar só coletar envs aí depois quando eu eu enfim testar aqui você vai ver para onde que vai os e-mails beleza opções adicionais ó aqui você configura as mensagens que vão aparecer aqui embaixo ó então por exemplo ó enviado Com sucesso tá vou deixar assim e aqui em estilo a gente personaliza o nosso formulário ó colocar aqui minha fonte secundária aqui ó você configura
também aqui no Field colocar o preto aqui tá 500 assim aqui o botão vamos ver como que fica legal esse botão acho que na cor verde né assim texto aqui na cor preta e a Fonte secundária assim só vou colocar mais Peso nessa fonte aqui 700 assim ó tá assim nosso formulário tá aqui em mensagens aqui são as mensagens que vão aparecer embaixo Aqui ó eu vou colocar tudo da cor Branca tá Se tiver alguma coisa que você não tá entendendo aqui no passo a passo enfim não tá acompanhando Fica tranquilo porque ao longo aí
do passo a passo você vai entender tá deixa eu salvar o rascunho aqui para mim não perder o meu progresso vou pegar um coner aqui ó vou adicionar aqui embaixo Ó vou clicar nesse contêiner vou colocar a direção horizontal e eu vou adicionar mais outro contêiner aqui e vou duplicar e aqui eu vou colocar por exemplo ó deixa eu pegar esse textinho aqui que tá pronto ó vou copiar vou vir aqui vou colar vou colocar na cor preta Vou colocar aqui siga-nos no Instagram assim só vou diminuir um pouquinho essa fonte aí um 36 aqui
eu posso pesquisar ó por lista de ícones ó arrastar aqui embaixo e aqui Colocar o Instagram ó Instagram inserir daí aqui ó você coloca nome deixar nome de usuário aqui ó você coloca seu Instagram ó vou excluir aqui agora vamos vir em estilo ícone da cor preta tamanho assim e o texto aqui tipografia secundária cor preta vamos deixar um pouquinho maior assim vamos vir aqui nesse texto de cima aqui nesse Título só vou colocar uma marzin aqui assim ó então você coloca outro texto também se você quiser enfim é o que faz sentido para você
beleza vou duplicar de novo aqui ó agora nesse aqui eu vou colocar entra em contato aí você vem aqui ó você troca o iconeinstagram aqui ó vou olhar o conteúdo para cá vou clicar nesse outro contêiner principal e aqui eu posso diminuir um pouquinho o layout ó deixa eu ver como é que fica 800 Acho que uns 900 aqui assim ó vou deixar meu layout assim tá aí você repara que esse primeiro aqui o Raider né eu deixei aqui em 1140 esse aqui o certo seria deixar 1140 para manter padrões tá Só que essa esse
rodapé aqui eu acho que ele fica mais bonitinho assim comp né do que deixar uma largura maior ó ó deixar grande assim eu já enfim eu não acho tão bonito ó eu acho mais interessante é deixar assim deixar 900 agora eu posso vir aqui Embaixo e adicionar um rodap pezinho final aqui enfim que você pode estar colocando ali o seu seu CNPJ aquele testinho ali de todos os direitos reservados enfim o que fizer sentido para você tá ó deixar na cor branca centralizar tipografia secundária tá Dea eu só vir aqui nesse contêiner colocar um 15
superior aliás um 20 Ó ficou assim então esse testinho eu vou diminuir ele mais Ainda assim ó deixa eu só vir nesse outro contêiner aqui vou colocar uns 80 assim ó então você vê que tem uma uma visualização é bem agradável informações Claras né E esse rodapé aqui ele vai ser rodapé que vai aparecer também aí no seu blog inteiro tá E aqui tem as informações como eu falei bem Claras né o usuário ele vai vir aqui ele vai se cadastrar ele vai seguir ele vai ver o seu contato então aí Tudo de fácil acesso
tá vamos ver aqui os outros dispositivos vou manter 100 aqui aqui vou manter uns 80 20 Opa 8020 assim esse textinho aqui eu acho que eu vou diminuir ele uns 28 assim esse outro aqui uns 28 ó fica assim no tablet no celular aqui tá todo feio vamos ajustar isso aqui ó primeira coisa clicar no container vi avançado como eu coloquei 70 pixels aqui ó no no desktop né ele puxa automaticamente aqui ó nesse caso aqui vou deixar só em 20 aliás vou Deixar uns 40 superior uns 40 inferior esse texto aqui Vamos diminuir ele
também Colocar assim ó esse outro contêiner aqui vamos ajustar ele para cá assim esse textinho ó tamanho 28 ficou legal esse outro texto aqui tamanho 28 ficou legal também deixa eu só ver esse outro aqui TAM 36 assim acho ó tô fazendo na hora aqui tá pessoal tô ajustando na hora ó na maioria dos celulares vai abrir Exatamente assim então uma visualização é bem legal aqui eu esqueci de falar ó aqui você consegue adicionar o link ó vem aqui em conteúdo cadê Aqui ó link ó se você quer colocar o link pro seu Instagram você
coloca o link e aqui pro e-mail também ó você quer colocar o e-mail ó você vem aqui digita mail to dois pontos e coloca o e-mail ó vou copiar aqui vou colar desse jeito assim ó usuário clica Já vai abrir ali no no computador ou no celular dele para ele est enviando o e-mail tá vou publicar adicionar condição site inteiro salvar e fechar vou vir aqui na minha página inicial ó tá aqui então nosso Raider e aqui nosso foter E aqui onde tá escrito home é onde a gente vai personalizar agora então a nossa página
inicial Ok vou vir aqui no meu painel WordPress Então vou vir em páginas todas as páginas e aqui estão as páginas então agora vou clicar na página De home né e vou clicar aqui em editar vai abrir assim a gente vai clicar aqui em editar com elementor e agora vai abrir o elementor a gente vai fazer a personalização então aí da nossa página inicial Tá primeira configuração importante ó muita atenção aqui você vem em layout da página e aqui você vai deixar selecionado elementor largura Total desse jeito assim porque vai sumir aquela escrita de home
ali beleza ó se você deixar tela do elementor vai ficar Uma página em branco tá isso aqui é ideal para você criar Landing page por exemplo ó padrão vai ficar escrito home aqui a gente não quer isso tá a gente quer desse jeito assim ó mostrando apenas o o o cabeçalho né e o rodapé embaixo Beleza vou clicar aqui no maizinho vou selecionar esse contêiner aqui então vou clicar sobre ele vou vir em estilo e aqui eu vou colocar uma imagem de fundo tá eu vou vir aqui no meu Computador ó selecionei essa imagem aqui
para mim colocar de fundo beleza sobre o tamanho da imagem deixa eu vir aqui em propriedades detalhes ela tá nesse tamanho aqui ó onde eu tô com meu mouse ó 1920 por 1279 Então essas imagens de fundo aí para você usar no seu blog o ideal é desse tamanho tá pessoal que no caso é a largura tá sempre 1920 de largura por alguma coisa de altura pode ser 1000 de de altura 10000 1300 1400 O importante Mesmo é a largura tá Ah sobre os posts do blog também eu não sei se eu falei mas as
imagens aqui ó viem propriedades detalhes elas estão nesse tamanho aqui ó 1380 por 920 tá você pode estar se baseando nesse tamanho também ou colocando outro tamanho semelhante beleza a única regra mesmo é aqui as imagens de de fundo que eu vou colocar agora que é essa aqui tá 1920 de lar Beleza vou arrastar ela para cá ó aqui vou selecionar beleza aqui eu vou Configurar resolução da imagem completo posição vou deixar centro anexo rolar repetir não repetir e tamanho cobertura desse jeito assim agora eu vir aqui no layout altura mínima vou colocar em VH
eu vou colocar 90 VH porque 90 VH é 90% o tamanho da tela se você colocar 100 VH vai dar 100% o tamanho da tela se você colocar 50 VH vai dar 50% tamanho da tela do dispositivo de quem vai acessar beleza pessoal nesse caso aqui eu tô acessando Em um computador aqui com 17 polegadas tá se você acessar num computador de talvez 14 polegadas vai abrir diferente se você acessar em um computador de de 20 polegadas vai abrir diferente tá então eu vou manter um padrão aqui de 90 aí qualquer computad que for aberta
aqui essa primeira sessão Ele sempre vai ocupar aqui ó 90% do tamanho da tela beleza essa imagem aqui OK posso adicionar um título aqui no meio Ó posso voltar aqui no contêiner aqui ó se você quiser deixar o título ao centro ou no final ou em cima nesse caso eu vou deixar em cima vou vir no contêiner e vou adicionar aqui uns 200 aliás uns 250 de de espaçamento para ele ficar nessa posição assim eu vou vir aqui eu vou centralizar vou colocar na cor branca vou pegar mais um pouquinho de texto aqui só para
ficar uma visualização mais bonita tá pessoal V aqui vou colar o texto posso até est Aumentando um pouquinho esse texto assim ó um tamanho 72 aqui em cima ó vou colocar mais um titulo Zinho e aqui vou colocar home que é a minha página inicial vou colocar ele na cor verde Porém na minha outra tipografia ó eu vou ajustar aqui para ele ficar mais discreto e ao mesmo tempo mais bonito ó e daí vocês viram então que aqui eu utilizei essa imagem né que eu peguei lá no no freck no banco de imagens e essa
imagem aqui Onde tô com meu mouse ó ela é toda vazia ó e ela tem esse elemento aqui no fundo então eu ajustei aqui o texto de uma maneira que ele fique bonito né Por exemplo se esse texto aqui ó deixa eu vir aqui no contêiner colocar para baixo ó já não fica uma visualização agradável tá então você configura aí da maneira que você achar melhor ó vim aqui ó posso colocar menos posso deixar assim posso colocar mais enfim você ajusta na maneira que Fica bonito e que fica agradável para você beleza ó no tablet
ficaria assim o layout do Tablet também tá 90 VH eu só vou vir aqui no tablet e colocar menos colocar um 150 assim ó assim no tablet no celular esse texto tá muito grande então Vamos diminuir Vamos colocar um 36 no celular deixa eu ajustar aqui vou deixar em 100 ó no celular ele tá em 90 VH também ou seja 90% da tela posso até tá diminuindo um Pouco ó deixar assim tipo uns 70 ó assim até ficou melhorzinho no celular ó deixar assim mais ou menos Beleza vou clicar aqui no maizinho vamos adicionar mais
um um contêiner aqui vou configurar aqui um 100 pixels superior um 100 inferior e aqui eu vou adicionar então algumas categorias vou adicionar outro contêiner aqui ó clicar nele direção horizontal ó vou duplicar aqui ó e cada quadradinho desses eu vou colocar o link para uma Categoria tá então aqui fica o seu critério no meu caso aqui eu vou colocar botão aqui ó eu vou pegar esse esse botão no caso eu vou colocar aqui categoria ã internet assim ó deixa eu só abrir aqui uma WordPress em outra aba copiar colar só para mim pegar aqui
os links das categorias ó categorias aqui estão as categorias então do meu blog ó tá aqui a categoria internet Ó vou clicar aqui nela ó copiar o endereço do link vou voltar aqui link Vou colar ó usuário clica ele é direcionado para categoria em questão beleza vamos só ajustar aqui deixar assim cor de fundo assim a cor do texto cor preta eu vou vir aqui no preenchimento ó e eu vou ajustar manualmente alinhamento posso deixar justificado assim ó Posso copiar Agora posso vir aqui posso colar colar e colar e ó cada botãozinho aqui eu o
vou mudando a categoria então aqui ó categoria metav Vera ó vou copiar vou Vir aqui nesse outro meta verso vou vir aqui dar control V ó Colei o link aqui categoria programação ó vou copiar vou vir aqui programação vou vir aqui no link vou copiar o link colar ali o link vem aqui internet Ó aliás segurança agora ó vem aqui copiar vem aqui e substituo ó segurança tem aqui cont control V tá ali o linkzinho ó daí o usuário clica e é direcionado para a categoria tá aqui você consegue inclusive ó vim aqui eh Duplicar
enfim adicionar quantas categorias aí faz fizer sentido a pro seu blog pro seu negócio tá você pode vir aqui também se você quiser deixar Redondo os botões ó pode deixar redondar também nesse caso vou deixar em 10 assim ó deixa eu copiar o estilo aqui colar nos outros ó deixar levemente arredondado vamos ver aqui ó no tablet fica assim no celular fica assim só vou ajustar uma coisa aqui deixa eu clicar nesse contêiner vou zerar aqui Vou zerar os contêiners ó aqui vou zerar também assim ó você pode configurar também para quando os usuário passar
o mouse ele fazer alguma animação ó ou até mesmo mudar de cor ó vamos copiar aqui essa animação ó colar nos outros colar colar aí ó usuário passa o mouse faz animação beleza e daí você configura se você achar necessário também ó vem aqui coloca uma uma imagem ó coloca uma imagem para cada categoria também ficar bem interessante tá nesse caso vou Deixar assim mesmo beleza vou vir aqui no maisin agora vou adicionar mais outro contêiner deixa copiar esse textinho aqui já tá formatado vou vir aqui vou colar ó nesse caso vou deixar ele na
cor preta e aqui eu vou colocar últimas postagens assim vamos só reduzir um pouquinho o tamanho aí ó agora você vem aqui ó e aqui no pro vai ter essa opção de posts ó arrasta para cá e ó aqui que eu falei então agora puxou automaticamente aqui os Posts do blog ó puxou os últimos seis posts vamos ajustar isso aqui mais bonito então aqui você escolhe a aparência Ó tem várias aparências eu vou deixar clássico mesmo aqui as colunas né Ó quer deixar só em uma coluna por exemplo Ó você consegue eu vou deixar em
três colunas mesmo ã a posição da imagem recomendo deixar no topo tamanho da imagem completo essa opção vou deixar desativada aqui você ajusta ó os tamanhos das imagens ó Porcentagem mostrar o título sim aqui a a descrição ó se você quer ocultar se você quer mostrar aqui eu vou deixar ativo o título a descrição aqui é um número de de palavras ó que vai aparecer eu não sei por que não tá mudando aqui enfim vamos continuar aqui tá vou deixar assim mesmo deixa eu só abrir aqui numa nova para ver como que tá ficando hum
tá ó aqui eu vou deixar 25 palavras tá é o número de palavras pesso Que vai aparec aqui nessa desinha deixa eu só clicar de novo aqui atualizar aqui ó deixi 2 palavas ó eando 2 palavas tá aqui no editor não sei por qual motivo não está aparecendo beleza mas aqui ó tá puxando você vem aqui nessa opção ó eu vou deixar selecionado posts e aqui você faz a configuração né da eu vou aqui no caso tá selecionado a data todas as datas e a ordem né começando do do do último para o primeiro tá
mas aqui você consegue mudar Ó você consegue botar do primeiro para o último ou dos mais crescentes tá aqui tem a opção da paginação também nesse caso eu vou deixar desativada aqui a página ação aqui ó posts por p eu vou colocar todos os posts aqui que eu fiz ó que são nove assim no caso você pode colocar nove aqui ó vim aqui ativar a paginação ó colocar aqui por exemplo para aparecer só três ó deixa eu ver se vai atualizar É aqui não tá puxando paginação vou deixar assim tá vou deixar sem a paginação
aqui pessoal porque fica uma uma visualiza visualização mais agradável Beleza vou deixar aqui ó posts por página n se Aliás não nove assim fica melhor agora vamos ajustar aqui os títulos tá V vir aqui no conteúdo ó o título então eu vou manter minha tipografia aqui S vou puxar uma cor preta e vou diminuir esse Tamanho obviamente ó colocar um tamanho menor deixa eu ver tá aqui não muda a altura da Linha vou deixar assim esse meta aqui eu quero desativar Ah deixa eu ver título tá botão de ler mais deixa eu só configurar aqui
que eu esqueci leia mais esse meta aqui eu vou tirar assim em estilo então conteúdo o meta eu tirei as palavras aqui ó vou ajustar para minha tipografia secundária e o botão de ler mais vamos deixar na cor verde Tipografia secundária também só vou aumentar aqui um pouco para ficar mais visível assim ó vou atualizar V abrir aqui numa nova guia ó tá assim então as postagens aí do nosso blog Beleza deixa eu só vir aqui nesse título dar um espaçamento eu acho que aqui pessoal vou botar uma fonte Monserrat que eu acho que vai
ficar Melhor espaamento aqui vai ficar em zero o tamanho vou deixar a uns 24 assim 700 e aqui altura da Linha tá Vou atualizar aqui vamos ver aqui numa nova guia ó achei que ficou uma visualização mais agradável assim eu vou vir aqui também ó no meu contêiner eu vou adicionar aqui um espaçamento de um 100 eu vou atualizar Olha abriu aqui numa nova guia ó tá exatamente assim Então o nosso blog tá agora vamos fazer a configuração aqui no nos dispositivos né no tablet e também no celular então vou selecionar tablet aqui olha ele
tá puxando assim Primeira coisa eu vou vir aqui nesse contêiner eu vou deixar Zerado aqui na direita vou colocar uns 20 na esquerda uns 20 inferior 100 ó ele tá ficando assim tá lembrando que esses textos longos aqui tá ficando só no editor tá pessoal é um bugzinho aqui do elementor quando Você atualiza ali ó e vai de fato para cá ele não tá assim Beleza deixa eu vir aqui no celular esse últimas postagens aqui Vamos diminuir o tamanho deixar um 36 assim os posters assim Beleza vou clicar em atualizar e só para vocês conseguirem
visualizar melhor ó vou até colocar aqui no modo responsivo ó no tablet ele tá abrindo assim exatamente desse jeito e no celular ele tá abrindo assim ó ó então aqui é visualização real mesmo de como tá abrindo aí o nosso Block beleza pessoal ó tá assim beleza bom agora que que a gente precisa fazer aqui quando o usuário pesquisa alguma coisa ó colocar aqui Um textinho dar um enter ó tá desconfigurada a página Então a gente vai configurar essa página aqui vamos configurar aqui essa página de de arquivos de blog também a página de de
categorias também a página de sobre também e a página aqui ó quando a pessoa clica na categoria em questão E além Disso a página individual de post que é o que tá desconfigurado ainda que ainda falta a gente configurar beleza lembrando então que nessa aula vou ensinar esses itens restantes aí que falta né porém se você tiver qualquer dúvida também vem aqui no meu canal ó aprendendo sites e aqui basicamente tem vários vídeos tá pessoal então aqui no caso Ó tem vídeo ensinando a como colocar botãozinho do botãozinho do WhatsApp aqui no canto tem vídeo
Ensinando aí a como gerar a página de política de privacidade para você colocar aqui no finzinho do site ó aquelas páginas lá de política de privacidade de termos de uso tem tem vídeo ensinando a como criar botão de voltar ao topo tem vídeo ensinando aí como instalar a tag do Google o Pixel do Facebook a Como deixar o teu site aí enfim o teu blog mais rápido enfim aqui no canal tem uma infinidade de vídeos para você conferir beleza só não vou Ensinar tudo numa aula porque já tem tudo no canal né então não faz
sentido o objetivo da aula é ensinar você a fazer apenas o blog Tá mas depois você pode estar maratonando o canal aí e aprendendo a fazer muita coisa legal beleza agora na sequência então eu vou personalizar primeiro essas páginas aqui e depois a gente parte pro resto ali pros outros detalhes que eu falei beleza eu vou deixar essa minha página de home aqui ó no elementor aberta tá vou deixar Aberto aqui deixa eu dar um Ctrl C aqui no meu painel do WordPress vou vir aqui vou colar e vou est abrindo aqui o WordPress em
outra guia ó ess aqui eu vou fechar ó tá aqui meu WordPress e tá aqui a página aberta tá vou vir aqui em página todas as páginas ã vou ajustar a página de arquivos de blog agora eu vou vir nela aqui então vou clicar em editar editar com elementor ó primeira coisa aquela configuração que a gente já fez lá no Outro né ó elementor largura total agora V aqui na home ó eu vou pegar esse contêiner né enfim toda essa parte aqui que tá pronta vou vir aqui vou colar aqui ó eu só vou substituir
assim arquivos de blog tá aqui você pode colocar um texto e aqui eu vou pegar as postagens ó deixa eu copiar vou vir aqui vou colar vou excluir aqui esses últimas vou dar um 100 aqui e aqui nos posts posts por página vou colocar nove posts Mesmo porém daí você vem aqui você ativa a paginação ó que daí quando você passar dos nove posts aí por página vai aparecer a paginação aqui pro usuário e vendo os outros posts tá Ou se você quiser também você coloca quantos posts você quiser quer colocar sei lá 100 posts
coloca 100 posts tá da usuário vai baixando e vai aparecendo todos os posts do blog né E aquele negócio que eu falei você vem aqui ó na na fila ó e você configura eles né para aparecid doos Mais recentes ou enfim o que fizer sentido para você você essa imagem aqui ó como a gente tá em outra página você pode estar alterando essa imagem colocando uma imagem diferente ó vou atualizar aqui vou abrir uma nova guia ó arquivos e blog abre assim então vai puxando todos os blogs enfim se tiver 1000 1000 posts aí vai
puxando todos os posts né não todos os blogs se você tiver enfim 1000 posts aí 1000 postagens no seu site vai puxando tudo Tranquilamente Beleza eu vou vir aqui agora na página de categorias todas as páginas categorias aqui ó editar essa outra aqui eu vou fechar ó editar com elementor e vamos fazer edição agora da página então de categorias layout elementor largura Total vamos pegar essa primeira parte aqui também ó copiar e aqui vou colar aqui vou colocar categorias eu vou pegar essa partezinha aqui ó vou Copiar vou vir aqui e vou colar e ó
com poucos cliques está pronta a nossa página de categorias claro que daí fica seu critério né se você quer enfim colocar mais categorias você quer fazer algo mais bem elaborado aqui como eu falei o ideal é cada página você alterar a imagem né para ficar uma imagem diferente Beleza ou até mesmo se você quiser deixar sem essa página né deixar só assim bom fica ao seu critério beleza ó vou atualizar aqui vamos voltar aqui Pro nosso painel de WordPress V em todas as páginas e agora faltou a página de sobre vamos editar ela editar com
elementor Vamos definir aqui elementor largura Total ó mesmo esquema aqui vou copiar vou vir aqui e vou colar is aqui vai ser Então a nossa página de sobre aí você pode vir aqui ó adicionar um contêiner de texto ó deixa eu vir aqui eu posso pegar esse textinho pronto ó copiar aqui eu aqui você coloca né sobre Mim enfim sobre a empresa ó arrastar um texto para cá só pegar Um textinho maior aqui aí vou deixar assim mais ou menos tá vamos configurar aqui aí ó Pininha de sobre Tá pronta aí se você quiser aqui
adiciona uma imagem ó vem aqui deixa eu botar em pixels ó vamos pegar alguma imagem pronta ó ó você coloca uma imagenzinha e coloca ali o texto de sobre que você quiser Beleza vou atualizar vamos voltar aqui no nosso Site principal ó P página de home ok arquivos de blog categorias e sobre tá V voltar aqui no início agora vamos personalizar essa página aqui ó quando o usuário pesquisa para isso deixa eu fechar essa aqui não essa aqui de home vou deixar aberta tá para isso eu vou vir aqui no painel de WordPress vamos vir
em modelos e vamos vir no tem builder mais uma vez Agora vou vir aqui ó nessa página de Resultados ó vou clicar no maizinho mais uma vez o elementor vai est carregando ó ele já dá alguns modelinhos prontos aqui se você quiser usar nesse caso vamos criar uma aqui ajustar aqui em 100 aqui em 100 deixa eu copiar esse texto aqui tá resultados da sua pesquisa pesquisa assim ó e aqui ó puxar o elemento de posts de arquivos ó e DAE já vai puxar automaticamente tá deixa eu ver se eu consigo copiar o estilo uma
vez não dava Vamos ver se Agora dá polar estilo é ainda não dá não dá mas aqui ó você vem aqui e você faz aquela mesma configuração que você fez lá nos outros ó colocar aqui 25 tirar esse meta data botãozinho aqui lei mais assim ah esqueci de falar também aqui ó você pode colocar para abrir numa nova guia tá se você quiser nesse caso vou deixar assim mesmo ã tá tá aqui não vou mexer paginação não vou mexer avançado aqui não vou mexer agora é só a gente mexer Aqui no estilo ó o título
vou deixar Monte Serrat 24 700 assim na cor preta o espaço assim aqui as palavras embaixo ó monto serrate também o botão aqui ó na cor verde ali o botãozinho ó essa tipografia assim aqui a mensagem de quando não encontra nada né vou deixar na cor preta essa tipografia beleza vamos clicar em publicar e deixar marcada aqui ó essa opção aliás antes de eu salvar eu vou fazer diferente tá vou Fechar aqui eu vou excluir esse resultado das da pesquisa porque vai ficar mais prático a gente fazer dessa maneira aqui ó Então essa pagin Zinha
padrão ela vai aparecer nos resultados das pesquisas e para aproveitar o embalo aqui eu vou adicionar ela também nas categorias tá ó deixar selecionado todas as categorias Vou salvar e fechar beleza vamos testar agora se deu certo ó vou vir aqui na minha página inicial vou fazer uma pesquisa aqui ó tá digitar Esse textinho aqui que ele tem em todos os posts né vou dar um enter ó pinaz inha padrão então pode ver que aqui apareceu aquela paginação que eu tinha falado antes ó que não tá aparecendo ó clicar no dois aqui ele pula aqui
pr pra próxima página né nesse caso aqui ele exibe o resultado das páginas e também dos posts tá ó agora vamos vir aqui nas nas categorias aqui categorias vamos clicar na categoria internet por exemplo vamos Ver se vai puxar aqui ó puxou os posts da categoria internet metaverso Ó puxando automaticamente os posts tá programação ó então é só você fazer desse esquema aí que vai puxar automaticamente todos os posts certinhos beleza agora eu acho que só faltou mesmo a página individual de post né que é o que a gente vai est fazendo agora e é
bem fácil também pra gente tá enfim configurando vou vir aqui no painel de WordPress vamos vir em modelos tem builder aqui eu já tenho Então o meu Raider o meu fter e eu tenho essa página de arquivo aqui que serve tanto para as categorias quanto para as pesquisas agora vamos criar aqui um single post ó vou clicar aqui no maizinho e a página individual de post é bem tranquilo também pra gente tá criando eu vou criar do zero Beleza vou adicionar um contêiner aqui 100 pixels 100 pixels desse jeito assim e aqui do ladinho Ó
Você puxa Então os conteúdos né nesse caso aqui ó a imagem destacada ó vou arrastar para cá ó automaticamente aqui ele puxou a imagem destacada Deixa eu botar ela então em completo do último post tá pessoal do último post que eu fiz ali mas daí Isso aqui vai se aplicar a todos os posts posso vir aqui ó título do post deixa eu ver acho que fica legal colocar em cima o título né aqui ó puxou o título Vamos colocar ele na cor preta assim mesmo e tem várias outras Informações aqui que você pode est adicionando
Como por exemplo o post info as informações do post ó então aqui vai puxar automaticamente o autor a data o horário os comentários Lembrando que aqui nessa aula em específico eu não vou ensinar como colocar comentários porém ter outra aula lá no canal que eu ensino como inserir aqui um campo de comentários aí pro pessoal comentar direto com o Facebook tá que fica bem mais prático para fazer eu só não vou Fazer porque é um tutorial bem diferente desse aqui tá pessoal mas vai tá aí na enfim na descrição para você ver ó nesse no
caso aqui eu vou tirar os comentários eu vou deixar assim ó o usuário né que automaticamente puxa o meu nome do usuário a data e o horário eu vou deixar eles sem link aqui ó vou desativar aqui você ajusta o formato da hora ó aqui a data também ó você ajusta o Formato da deixar assim e aqui no estilo Então você configura o ícone deixar assim o ícone e aqui o texto deixar Preto assim posso até clicar aqui nesse coner de ele menorzinho assim para ficar uma visualização mais agradável 800 talvez 800 Ficaria legal e
aqui ó vamos puxar o conteúdo do post ó vou puxar para cá e aqui automaticamente ele vai puxar o conteúdo do post nesse caso Aqui ó vou colocar cor preta tipografia secundária aqui embaixo também posso adicionar alguns botõezinhos de compartilhar deixa eu ver era para est aparecendo aqui pesquisar aqui hum não aqui ó sh buttons vamos arrastar para cá ó esses botõezinhos então quando o usuário clica neles automaticamente abre uma nova janela aí no navegador para ele compartilhar então aqui ó no Facebook Vamos deixar deixa eu ver o Facebook Qual é que é mais usado
aqui o telegram vamos adicionar outro aqui WhatsApp o e-mail também ó então você pode estar inclusive configurando esses botões ó deixando somente o ícone assim por exemplo deixa eu deixar eles Redondo assim ó ó então tem as informações aqui o usuário vai ler se ele quiser compartilhar ó por exemplo lá clicou no WhatsApp já vai abrir automaticamente ali o WhatsApp com o Título da postagem para ele compartilhar beleza daí tem o campo de comentários que eu vou estar deixando a aula aí na descrição que é outra aula caso você tenha interesse em em fazer né
Vamos só ver aqui como que tá nos outros dispositivos deixa ajustar isso aqui aqui ó 100 aqui vou deixar em 20 em 100 em 20 no tablet abre a assim então e no celular Vamos só diminuir um pouco aqui esse título ó abre assim então no celular o nosso blog deixa eu vir aqui Na home posso pegar aqui esse últimas postagens ó copiar vi aqui e colar em baixo ó desse jeito assim só que nesse caso aqui para não ficar uma uma visualização ruim eu vou deixar só as últimas três postagens assim ó daí fica
a paginação beleza vou cá adicionar condição ã posts aqui ó em posts todos só vai fechar beleza vamos vir aqui na nossa Página inicial aqui ó vamos clicar em algum post para ver se puxou aqui ó agora sim Tá bonitinho ó E aqui as últimas postagens ó de usuário pode navegar aqui ó que vai aparecer todas as páginas beleza pessoal tem só uma uma configuração Ah aqui ó no e-mail ó usuário vai vir aqui ó vai digitar o e-mail ó vai clicar em cadastrar ó enviado com sucesso tá como que você faz para ter acesso
a esse contato você vem aqui no painel do WordPress você vem Aqui em elementor e nessa opção aqui ó submissions ou envios e tá aqui ó vou clicar em ver ó tá aqui o contato então que eu acabei de mandar Beleza então você vai ter acesso aqui ao e-mail da pessoa né daí Claro você consegue adicionar ali para você pedir o nome o telefone enfim todas as informações que você quiser e tá aqui o contato o elementor também você consegue integrar aí com várias Ferramentas de mail marketing né como mail shimp o Active Company para
você tá fazendo suas campanhas aí de de mail marketing tá outra coisa também você pode vir aqui em aparência personalizar e aqui vi em identidade do site e aqui você consegue será então o título do site né a descrição do site e o ícone do site Deixa eu voltar aqui que é esse iconeinstagram imagem publicar ó pode ver que já Apareceu ali ó ó agora sim então ficou assim o nosso blog eu acho que a aula era isso então pessoal qualquer coisa deixa aí nos comentários que eu sempre me proponho a ajudar todo mundo beleza
valeu e até a [Música] próxima n
![1000 DÓLARES POR MÊS! COMO VIVER DE BLOG [AULÃO GRÁTIS]](https://img.youtube.com/vi/eXXUkMgF5fY/maxresdefault.jpg)
![Como Criar uma LANDING PAGE Incrível em 1 hora [Atualizado 2024]](https://img.youtube.com/vi/cOQED9pnCAM/maxresdefault.jpg)
![Um dos Melhores Temas para WordPress [Tema Blocksy + Templates Grátis]](https://img.youtube.com/vi/53nsYR83BUc/maxresdefault.jpg)
![Como Criar um BLOG NO WORDPRESS e Elementor [Passo a Passo e Profissional]](https://img.youtube.com/vi/hERIy1nyI7A/maxresdefault.jpg)
