Neste vídeo eu vou te ensinar a criar um blog usando o WordPress e o elemento [Música] [Música] [Música] fala pessoal tudo bem é que a Micaela do descomplicando sites e antes de partir para o tutorial vou pedir para você deixar aquele like aqui no vídeo para ajudar o canal a crescer e também para você se inscrever no canal então se você ainda não for inscrito se inscreve confere aqui embaixo se você realmente não está inscrito e se inscreva para ajudar a gente a chegar a 100 mil inscritos a noss
a meta vamos ver se a gente consegue bater até o final do ano Tá bom então é isso vamos lá para a tela do meu computador agora então vamos lá pessoal antes de começar o tutorial tem alguns avisos para dar para vocês muito importantes tá se você foi iniciante Peço que não pule esses avisos primeiro eu sempre que vou criar um site aqui no canal eu deixo para vocês um material com as cores com as imagens com a logo de tudo aqui que eu tô usando aqui para você seguir em tutorial arrisca certinho se
vocês quiserem tá E esse material no nosso drive a gente tem um drive no Google que é uma pasta e lá tem muito material aqui do canal para você achar esse drive você vai vir aqui no vídeo vai clicar sempre vai ter que a descrição do vídeo né você clica aqui em mostrar mais e aqui no final ó vai ter nosso canal do telegram Você vai clicar aí você vai ser redirecionado aqui para o nosso canal do telegram tá vendo eu sempre mando aviso aqui de conteúdo novo quando tem algum arquivo eu mando aqui pa
ra vocês e o link do drive sempre fica aqui na descrição Tá vendo você clica aqui e o link do drive fica aqui tá sempre separado por pastas lá o desse tutorial com certeza vai estar escrito blog Então você procura pela pasta de blog tá beleza outra coisa para quem é iniciante o vídeo como você pode perceber bastante longo né então assim se você estiver achando que está devagar demais ou rápido demais você pode vir aqui na engrenagem em velocidade reprodução e colocar aqui ou mais rápido ou mais
lenta tá bom para poder ficar melhor para você acompanhar outra coisa a gente sempre tá indicando materiais que você vai precisar como por exemplo plugin hospedagem que a gente vai fazer com plug elementor Qual a hospedagem hosting e o link para você conseguir comprar esse hospedagem esses plugins quando a gente disser vai estar aqui na descrição também tá vendo Então tem que adquirir o elementor pro adquira é hospedagem quando precisar tá se você tá outros vídeos se eu falar assim ó isso daqui
você pode aprender num vídeo tal que eu já falei no canal vai estar aqui na descrição também tá bom então sempre Olhem a descrição Porque todo o material de apoio vai estar aqui na descrição Tá ok beleza então vamos lá o nosso primeiro passo vai ser a compra do domínio da hospedagem domínio para quem não sabe é o link do site é o link que você coloca aqui no navegador e consegue acessar o site tá E para você ter um link assim personalizado com o nome do seu projeto com o nome da sua empresa você
precisa pagar pelo Direito de usá-lo e você foi isso anualmente só que pode ficar tranquilo que não é caro e em alguns casos você consegue até ganhar o primeiro ano de graça como por exemplo se você comprar através da hospedagem Roger hospedagem para quem não sabe são Mega computadores que hospedam os arquivos dos nossos sites e fazem com que esses arquivos apareçam na internet assim que a gente consegue acessar eles aqui no navegador e para que eles guardem mandem nosso conteúdo para internet
a gente precisa pagar por esse espaço a gente indica a hospedagem hosting como eu falei para vocês se vocês quiserem comprar a hospedagem hosting a gente tem o nosso link de afiliado e vai estar aqui na descrição do vídeo que se você comprar usando o nosso link vai ajudar muito o canal e vai ajudar a gente a trazer mais conteúdos como esse aqui para você tá a hospedagem hosting é muito boa é uma hospedagem multinacional tem vários países inclusive aqui no Brasil e aqui nesse momento que eu tô gr
avando vídeo ele tá com promoção de black friday nesse plano aqui eu já até falei sobre promoção aqui se você comprar a partir de quatro anos tá saindo a r$ 11,99 por mês tá ficando muito barato esse plano aqui que é o plano Premium deles tá se você quiser ver mais planos você vem aqui em hospedagem hospedagem de sites que aí você vai conseguir ver outros planos de hospedagem aqui tá vendo Então assim o plano que eu indico que vocês comprem é realmente a partir do plano Premium quando você for c
hegar nessa parte aqui você tem que observar algumas coisas aqui na descrição você consegue ver né Quais são as características do plano então uma das coisas que você tem que observar é a quantidade de visitas mensais ou de acessos que esse plano suporta tá então por exemplo esse plano básico aqui ele só suporta 10 mil visitas mensais e para quem tá fazendo um blog isso é muito pouco porque se você faz campanha se você faz um trabalho assim ou você espera que você tenha bastante tráfego no site
até porque é assim que a gente consegue ganhar dinheiro com blog né muitas pessoas acessando lá então assim 10 pouquíssimo tá qualquer campanha que você fizer você leva 10.000 pessoas para o seu site então é muito pouco tem que ser no mínimo no mínimo esse daqui tá que é o Premium que aí até 25 mil acessos mensais você tem direito aqui pelo plano se você pudesse tiver mais dinheiro compra o maior ainda tá se for possível compra esse aqui de 100 mil visitas mensais ou se for possível vem que hosp
edagem hospedagem Cláudio e compra desses planos aqui ó que tem quantidade de visita ilimitada é o melhor cenário mas se você não puder você pode começar com esse plano aqui e conforme for aumentando o tráfego do seu site você depois você faz um upgrade para um plano melhor tá bom beleza com esse problema de hospedagem você consegue ganhar e Meio grátis SSL limitada SSL para quem não sabe esse cadeadinho aqui tá vendo ó deixa o site mais seguro backup semanais e o que eu falei para vocês o domín
io grátis por um ano Se você comprar a partir de um ano de hospedagem tá então assim você escolhe aqui o plano que você quer clique em adicionar ao carrinho ele vai te Direcionar para essa página tá e aqui você escolhe Quanto que você quer comprar então você pode comprar um mês só e aí fica cobrando mês a mês lá de você ou você pode comprar um ano dois anos quatro anos tá bom como a gente está na black friday tá com promoção de que assim se você comprar quatro anos tá saindo bem barato tá eu vou
comprar um humano só quer um site só de exemplo aqui né então vou comprar esse aqui de 12 meses eu já tenho uma conta criada na host então eu vou clicar aqui em cima em login se você não tiver lá embaixo na hora que você for efetuar sua compra eles vão te Direcionar para criar tá vendo Então ele tem aqui crie sua conta como eu já tenho eu vou clicar aqui vou fazer o login pronto aí aqui você escolhe o método de pagamento que você quer eu vou escolher o cartão de crédito e a gente também tem um
cupom de desconto tá aqui do canal Então você vai clicar aqui tem um cupom de desconto e vai colocar o cupom do canal vou deixar o cupom escrito também aqui na descrição do vídeo tá aí você clica em aplicar ó ele já deu um pouquinho mais de desconto tá vendo aí para 196 E aí você clica em enviar pagamento ele vai te Direcionar para essa página aqui para você colocar os seus dados eu vou preencher os dados aqui do meu cartão e tudo mais depois vou clicar em pague agora pronto aí já efetuar o paga
mento ele vai Me direcionar para essa página aqui aí vou clicar em começar agora eu vou perguntar se eu quero criar um novo site eu só quero me guiar o site eu vou criar um novo site vou clicar aqui em selecionar aí ele tá perguntando se eu quero criar com que eu vou criar com WordPress mas eu vou clicar aqui em pular porque muita gente sai dessa página então eu quero mostrar como é que faz lá dentro da hospedagem tá aí aqui ó é a parte onde você escolhe um domínio Lembrando que você tem direito
a um domínio de graça se você tiver comprado um ano de hospedagem né então vou clicar aqui em selecionar aí nesse momento é interessante que você volte aqui ó fora do site da Rocha e faça a pesquisa do domínio para ver se o domínio que você quer estar disponível tá você vem aqui em domínio clica em domínio e por aqui você pesquisa porque aí você vai comprar se o domingo tiver disponível certinho o domínio que eu tô querendo é o que delícia ponto com ou está disponível esse domínio e também está
disponível a versão.com.br como a gente mora no Brasil é importante que você compre esses dois domínios se você puder porque o que que pode acontecer você pode vir aqui comprar a versão.com E aí eu tenho a mesma ideia com o mesmo nome que você e vou lá e compra versão.com.br E aí eu fico competindo diretamente com você no Google com o mesmo nome inclusive então é legal que você compre os dois nesse caso aqui por exemplo eu vou aproveitar o domínio grátis que eu tenho na rocha que eu vou comprar
esse ponto com de graça né vou pegar de graça e depois eu vou comprar esse ponto com.br comprar mesmo pagando tá então ó pesquisei aqui vídeo tá disponível então eu vou até copiar aqui que nesse caso vou digitar sem o ponto tá pode ser só o nome sem o ponto que é aqui que você escolhe a extensão se você quer.com.com.br e vou clicar em pesquisar aqui pronto vai estar disponível vou clicar em continuar aí ele vai perguntar aonde que eu quero que esteja o meu servidor eu vou deixar Brasil mesmo se
você tiver em outro país se o seu público for para outro país você pode mudar aqui também vou clicar aqui em finalizar a configurações eu tenho alguns dados aqui vou confirmar vou finalizar o registro isso aqui é para registro do domínio tá quando a gente faz a compra do domínio ele é registrado então por isso pede alguns dados pronto e agora ele vai mandar para essa página aqui tá fazendo preenchimento de alguns dados né algumas configurações tudo pronto aí agora eu posso clicar aqui em gerenc
iar site ele vai me mandar para o painel tá importante já tem vídeo aqui do canal ensinando a gerenciar esse painel aqui da hospedagem da Rocha ao longo do seu processo aí com o blog nem ganhar dinheiro com blog Você vai precisar mexer em algumas coisas na hospedagem então é importante que você domine essa ferramenta tá tem vídeo aqui no canal e eu posso até deixar o link aqui na descrição para vocês beleza Como vocês podem perceber está um cadeadinho aqui indicando que o domínio ainda não está
disponível o meu domínio pelo que eu tô vendo aqui ele já tá configurado né já tá disponível mas nem sempre isso acontece na hora se tiver vermelhinho Amarelo significa que eles ainda estão fazendo o registro do domínio então demora um pouquinho tanto que se você acessar aqui ó o domínio e tiver com a página da Rocha tá tudo pronto você já consegue começar a criar o seu site a partir desse domínio se tiver uma mensagem de erro é porque o domínio ainda não está registrado Então você tem que aguar
dar tá bom no caso aqui tá verdinho tá tudo certo você pode clicar aqui em mudar para o painel antigo que o painel antigo da hostga é esse daqui é bem mais fácil de mexer então clica para mudar o painel antigo tá e quando você for logar aqui alguma outra vez você vai cair aqui no início para achar o lugar onde que eu vou mostrar para você agora você vai clicar aqui em hospedagem E aí vai estar aqui tá vendo essa caixinha aqui o meu tem vários porque eu tenho várias hospedagens aqui dentro mas o
seu vai estar só um tá vendo o seu domínio vai estar aqui aí você vai clicar aqui em gerenciar tá e se tiver aquele daquele outro jeito você clica aqui mudar para o painel antigo que tem que estar o painel desse jeito aqui com os cardiozinhos para ficar mais fácil e como eu falei para vocês vou comprar o domínio.com.br também você pode comprar aqui por dentro da roxa que até por aqui dentro da hospedagem aqui em domínios obter novo domínio você pode comprar por aqui só que como eu já tenho uma c
onta na Biblioteca Nacional de domínio que é o registro.br eu vou comprar por aqui tá bom então vou ensinar você também ou vou pesquisar aqui que delícia.com.br que delícia.com.br vou clicar aqui em registrar aí ele vai pedir aqui o meu CPF ou CNPJ da conta clicar em continuar aí ele vai pedir para logar aí beleza né Você vai descer aqui vai clicar em ler aceito todos os termos e aí ele vai enviar para você no seu e-mail falando que todo mundo foi reservado aí ele vai analisar tá disponível e va
i liberar para você pagar é rapidinho Ó você recebe esse e-mail aqui escrito host Master falando que o seu pedido e tal tal e aí você espera mais uns minutinhos que ele manda a fatura para você pagar ó já chegou o e-mail aqui para mim efetue o pagamento aí você clica no link e ele te manda para uma página aqui mandando você escolher né selecionar o domínio meu já tá selecionado E aí ele manda você prosseguir escolheu o meio de pagamento para escolher cartão de crédito preenche que os dados aí eu
efetuei aqui o pagamento e eu espero um pouquinho chegar o e-mail de que deu tudo certo com pagamento pronto aí já apareceu e-mail aqui para mim de confirmação de pagamento se você vier aqui ó clicar no seu nome aí você vai vir aqui para relação dos domínios que você tem tá aí aqui já tá aparecendo aqui ó que delícia aí se eu clicar aqui aí eu já consigo rolar Aqui para baixo e fazer a configuração desse domínio para que eu consiga usar ele ali na Rocher tá como que a gente faz isso você vai ac
har aqui onde que tá escrito DNS vai clicar em alterar servidor DNS vai deixar aqui aberto aí você vai vir aqui na rocha vai vir aqui em hospedagem na sua hospedagem Você vai clicar aqui em adicionar site vai colocar aqui em criar um novo site vai clicar aqui em pular vai clicar aqui em usar um domínio já existente vai clicar em selecionar vai digitar o nome do domínio que delícia.com.br vou clicar em continuar aí ele vai falar assim esse Domínio Não está na Rocher BR continuar vamos finalizar a
configuração finalizar a configuração aí ele tá criando lá que é isso que a gente está fazendo aqui é criar aqui na hosting um painel aqui para a gente poder usar o domínio pronto aí agora a gente precisa conectar vamos clicar em conectar selecione o provedor Vamos colocar aqui outro vamos começar aí tá vendo esses dois linkzinhos aqui ó a gente vai clicar aqui nesse primeiro para copiar vai vir aqui no registro br E vai colar ele aqui nesse servidor 1 vai copiar esse outro vai vir aqui e vai c
olar em Servidor 2 aí a gente vai clicar em salvar alterações pronto o que que a gente faz aqui agora a gente apontou esse domínio do registro br para hostinger e daqui a pouco a gente já vai conseguir usar ele aqui dentro da Rocha vamos ficar em continuar concluir a gente já pode clicar aqui em gerenciar site que aí a gente vai para dentro da plataforma da Rocha aí tá falando aqui ó o seu domínio não está conectado a hostinga demora um tempinho quando você conecta de um lado para o outro tá ven
do ó tá aparecendo aqui uma bolinha vermelha então demora de duas horas até os 24 horas tá esse é o prazo máximo mas geralmente em alguns minutos já fica disponível é bom você vir aqui ficar dando uma olhadinha no status que aí quando não tiver mais essa bolinha vermelha aqui ou então quando você estiver acessando o domínio e ele tiver aparecendo uma página da hostgager Aí sim o domingo vai estar disponível Tá vendo Por enquanto aparece essa mensagem de erro tá se você quiser se você não quiser
comprar esse domínio você pode usar só o ponto com mesmo tá eu vou usar o.com.br que nem eu falei para você é importante que tem os dois para que você não seja prejudicado Tá eu vou esperar alguns minutos na hora que propagar o domínio eu volto para poder fazer a instalação do WordPress ó esperei uns dois dias que vai fazer as outras coisas e agora já está aparecendo aqui aquela tela que significa que o nosso domingo já tá disponível tá para Quem esperou mais tempo e deslogou da conta da Rocha n
a hora que você lugar de novo você vai vir aqui em hospedagem aí vai ter aqui né esse retângulo aqui com as hospedagem aí você vai clicar aqui em cima do seu domínio e você não tiver comprado.com.br tudo bem pode ser nesse ponto com aqui mesmo você vai clicar em em cima do domínio que você quer aí você vai clicar aqui em mudar para painel antigo e vai vir para esse tá aí você vai descer aqui embaixo em WordPress vai clicar que agora a gente vai instalar a plataforma que a gente vai usar para cri
ar o site que a plataforma WordPress a gente vai clicar aqui em instalar a gente vai dar um título aqui né para o nosso site no meu caso chama que delícia aí eu vou colocar o título aqui aqui o e-mail de contato que vai ser o e-mail que a gente vai logar lá no site tá no seu e-mail de login vou deixar esse daqui mesmo e aqui embaixo o nome de usuário Geralmente eu já pego o primeiro nome do e-mail só que aí eu vou mudar o meu vou colocar Micaela o nome de usuário também pode ser o e-mail tá se v
ocê quiser que seja a mesma coisa e aqui a senha geralmente ele já pega algum que estiver salvo no Google pode mudar sempre por aqui também aí você desce aqui em avançado aqui encaminho da instalação a gente muda para o protocolo https que é esse cadeadinho que tem aqui tá vendo no navegador para deixar mais seguro e depois a gente clica em próximo agora a gente vai escolher a língua vou escolher aqui português do Brasil importante que seja do Brasil tá se for de Portugal tem algumas palavras be
m diferentes então se você é do Brasil coloca português do Brasil e clique em instalar pronto se a gente recarregar aqui o domínio a gente vai ver que já mudou a cara do nosso site tá vendo ó esse daqui já é o nosso site ele já está no ar tá ou se alguém acessar o link do nosso site ele já vai ver isso daqui a partir do momento que a gente faz a instalação do WordPress O site está no ar eu estou dizendo isso porque várias vezes que eu posto vídeo site completo pessoal pergunta agora como é que e
u faço para pôr no ar já está no ar assim que a gente instalou o WordPress já está no ar só que isso daqui é o que as pessoas Vêm agora entendeu então conforme a gente vai mudando lá as coisas dentro do site vai mudando que as pessoas vêm pelo lado de fora mas já está no ar qualquer um já consegue acessar Tá ok estando aqui você consegue clicar aqui em editar site vai até clicar com o botão direito abrir uma nova guia aqui para a gente não sair dessa tela né que aí a gente já vai direto para den
tro do painel do WordPress que é a plataforma que a gente vai usar para criar o nosso site né que foi a plataforma que a gente acabou de instalar ele nos mandou aqui para dentro e você pode clicar aqui no símbolo do WordPress Este é o painel tá vendo se você não tiver por aqui vou te ensinar como é que você vai fazer para logar todas as vezes você não precisa só tá dentro da Rocha para conseguir logar você vai vir aqui no link do seu site tá vendo link do seu site é esse né Aí você vai colocar a
barra na frente WP traço a de mim que aí você vai para página de login que é para você colocar o seu login e sua senha tá como eu já tô logada ele já me manda aqui para dentro do site se eu não tiver logada quer ver ó vou deslogar aqui para mostrar ó tá vendo essa é a página de login neste que é o painel tá a partir de agora esse vai ser o painel que a gente vai trabalhar ok uma coisa que a gente vai fazer aqui ativar o nosso hdtps né nosso SSL que aquele cadeadinho ficava aqui em cima ele não
tá ativo Então vamos vir aqui em cima em SSL vamos ver aqui sei porque que ele Note vote automaticamente que ó que delícia geralmente ele já ativa automaticamente tá se o seu não tiver que você faz isso daqui ele não instalou automaticamente eu vou clicar aqui em instalar grátis porque é gratuito vou escolher aqui o domínio vou clicar em instalar pronto tá instalando tá vendo aqui alguns minutinhos já fica verdinho E já começa a funcionar pronto e depois de alguns minutinhos já ficou verdinho aq
ui falando que tá ativo vamos recarregar aqui o nosso WordPress a gente ver ó Isso é normal quando você instala o SSL depois que o WordPress já tá instalado né ele te desloca para você logar com a conexão segura agora tá isso é normal aí você só logo aqui de novo no WordPress tá vendo agora já tem o cadeadinho aqui tá beleza Agora vamos começar a configuração aqui do nosso site a gente vai vir aqui primeiro em setness que percebe que ele veio em inglês né mesmo a gente tendo configurado lá para
ser em português do Brasil às vezes pode acontecer esse erro dele não é pegar essa essa linguagem então a gente primeiro muda né para português aí você vai vir aqui na sede geral aí que vai ter linguagem a gente vai mudar para português do Brasil aqui embaixo português do Brasil também já pode aproveitar e mudar a data para esse tipo de classificação aqui né dia mês e ano e também o horário para esse daqui que é o de 24 horas que a gente usa aqui no Brasil né e salvar pronto e agora já mudou par
a português tá vendo outra coisa que a gente já pode aproveitar e fazer aqui é a descrição a descrição do site é o texto que aparece depois da Barrinha aqui no meu site por exemplo você vai conseguir ver ó tem descomplicar no site depois da Barrinha tem aprenda como criar sites de presta tá vendo Então é uma descrição que você coloca no seu site aqui eu vou colocar as melhores receitas encontra enfim você pode colocar a descrição que você quiser vou clicar aqui em salvar alterações Aí uma outra
coisa que a gente vai fazer é vir aqui na aparências temas o tema do nosso site que está instalado é esse daqui esse primeiro esses outros aqui não estão sendo usados então a gente pode excluir vamos clicar em cima dele clicar em excluir e em Ok Esse aqui também exclui e Ok e a gente vai clicar aqui em adicionar um novo porque a gente vai trocar o nosso tema o que a gente vai escolher agora vai ser esse daqui o Hello a gente vai clicar em instalar e depois em ativar aí como a gente vai ter ativa
do esse daqui aquele outro ele deixa a gente conseguir excluir ele agora a gente pode colocar aqui nele e clicar em excluir vai ficar só o que a gente está usando que é o Hello tá beleza agora a gente vai começar a instalação dos plugins que a gente precisa a gente vai usar o plugin elemento para criar o nosso layout do nosso site plugin são como se fosse aplicativos que a gente vai usando para ir fazendo as configurações aqui no site a gente vai vir aqui em plugins Adicionar novo ó você também
pode clicar aqui em cima e instalar o elemento porque aquele tema que a gente instala o Hello ele depende do elemento para funcionar né Para a gente conseguir criar as coisas pode clicar aqui também ou então pode vir aqui na onde que eu mostrei plugin se Adicionar novo e pesquisar aqui por elemento sempre que você precisar de um plugin é aqui nessa aba que você vai ver tá vendo instalar e ativar pronto aí o elemento te leva para essa página você pode clicar aqui em pular pular pular Pode pular t
udo aí no final ele te leva para uma página para vocês experimentar o elemento você pode vir aqui no navegador excluir esse restante e voltar para cá para o painel tá já vai ter instalado o elemento e a gente vai precisar da versão Pro do elemento porque o elemento era esse plugin ele tem a versão grátis dele e ele tem a versão paga qual versão grátis a gente consegue fazer muitas coisas e vários tipos de site só que para estruturas como blog lojas né que é o que a gente vai fazer hoje um blog a
gente precisa da versão Pro do elemento para configurar posts páginas e tudo mais então a gente vai precisar desse plug elemento Nós também somos parceiros e afiliados aqui do elemento vamos deixar o nosso link de afiliado na descrição para vocês se você quiser comprar com o nosso link que se você comprar com o nosso link que você ajuda a gente vai trazer mais conteúdo como esse tá bom e aí o seguinte aqui o elemento ele tem vários planos tá se você tiver fazendo só um site você pode comprar só
esse aqui que é o plano de r$ 49 dólares todos os planos aqui eles são basicamente a mesma coisa ou seja é o mesmo plugin a mesma ferramenta que você vai estar comprando a única diferença é a quantidade de sites na qual você vai poder usar esse daqui de 49 você pode usar em um site esse daqui você pode usar em até 25 sites esse daqui em até 100 sites esse aqui até em meu site tá vendo Então para quem vai fazer só um site esse aqui de 49 dólares super comporta tá aí você vai efetuar a compra aqu
i com ele e aí no processo de compra ele já vai te Direcionar para o login e quando você tiver feito seu login você vai vir para essa abinha aqui e aqui em cima vai ter esse íconezinho de baixar Tá vendo você vai clicar em baixar aí você vai efetuar o download do plugin que é esse daqui aí você vai vir aqui dentro de pressa e viriam plugins Adicionar novo enviar o plugin aí você vai arrastar o arquivo para cá e vai clicar em instalar depois carregar você vai clicar em ativar pronto só fazendo is
so também o elementor ele não fica funcionando você precisa clicar aqui em Connect ative a licença pode ser por aqui ou então aqui passa o mouse em cima de elemento ele vai ter Licença aqui aí você clica aqui conecte ative que ele vai te levar para essa página aqui e se você tiver logado na sua conta você vai clicar em ativar Pronto agora sim O plugin do elemento tá funcionando agora a gente vai vir aqui em plugins plugins e instalados e vamos excluir e desativar alguns plugins que a gente não v
ai usar por exemplo esse aqui alho a gente não vai usar esse aqui o light speedcast a gente não vai usar opty Monster não vamos usar e w performance também não então a gente pode selecionar todos eles clicar aqui em desativar clicar em aplicar que aí vai fazer em todos de uma vez e depois ó a gente seleciona todos menos o light e vamos excluir por que que eu não excluiu do Live speedcast o light speedcast é um plugin que a gente vai precisar usar depois para otimizar o site para deixar ele mais
rápido só que eu desativei por enquanto porque às vezes no processo aqui de criação ele atrapalha a gente porque ele fica segurando alguns configurações Então você deixa ele aqui que é inclusive depois eu quero que você Assista esse tutorial para aprender a otimizar o seu site mas por enquanto deixa ele desativado tá agora nós vamos criar as páginas que a gente vai precisar para o nosso site primeiro vamos vir aqui em páginas todas as páginas aí já tem essas páginas padrões aqui que WordPress tr
az a gente pode selecionar todas clicar aqui em ações em massa e clicar em mover para lixeira e aplicar né Vamos excluir perceba que eu tô fazendo uma limpa aqui no nosso WordPress deixando só o que a gente vai precisar para evitar lixo e para não pesar o site né então beleza agora sim vamos criar as páginas clica aqui em adicionar uma nova Vamos criar a página home que vai ser página inicial do nosso site vai ser a página que a pessoa vai acessar quando ela acessar o nosso domínio e vamos dar o
título aqui ó página home aí a gente vai clicar aqui em publicar duas vezes tá aí a gente pode voltar aqui com a setinha Vamos criar a outra página que vai chamar blog que é onde vai ter todas as nossas receitas né todos os nossos posts vamos publicar vamos voltar aí vamos criar a outra que vai ser a página de sobre nós voltar vamos criar a outra que vai ser a página de contato publicar voltar vamos criar a outra que vai ser a página de políticas e privacidade publicar voltar e pronto já fizemo
s aqui todas as páginas do nosso site agora a gente vai vir aqui e vai fazer algumas configurações padrões aqui do nosso site Então a primeira coisa que a gente vai fazer é criar o menu do nosso site para isso a gente vai vir aqui em aparência menus Vamos dar um nome aqui para o nosso menu vou colocar menu principal mesmo e vou clicar em criar menu pronto aí agora aqui ó eu vou selecionar as páginas que eu quero que tenha no meu menu que são home a página de blog né e a página de contato home bl
og e contato e vou adicionar aí aqui eu vou organizando né vou subir a home aqui para o final contato aqui para o final e a página de blog eu vou mudar o nome dela e vou escrever todas as receitas né todas as receitas OK aí eu vou salvar por enquanto salvei o menu tá vendo que tem outras opções aqui bolos massas salgados sobremesas Essas são categorias dos meus posts né categorias nas quais eu separei os meus posts para eu conseguir colocar aqui eu tenho que primeiro criar essas categorias aqui
dentro e aí eu vou fazer o seguinte vou vir aqui em posts categorias e vou criar essas categorias Então vou criar categorias bolos massa salgados sobremesa Então vou criar bolos é só digitar aqui em nome e da enter massas salgados sobremesas já vou aproveitar e criar outras que eu já estou pensando frango carnes peixes pronto essa que tem escrito assim ante categorizei significa que é sem categoria se você criar um post esquecer de colocar uma categoria ele vai por essa como padrão então para nã
o ficar feio assim eu vou clicar na edição rápida e vou mudar o nome para o nome aqui do site que é que delícia que aí dessa forma se a gente esquecer de colocar uma categoria ao invés de ficar escrito feio é um ter categorizado vai ficar escrito que delícia aí Vou atualizar pronto aí a gente pode voltar lá no menu a aparência menos aí eu vou clicar aqui em categorias ver tudo e aí vai ter todas as categorias que eu criei aí agora eu posso selecionar bolos carnes massas e sobremesas né bolos mas
sas salgados sobremesa né carnes não bolos massa salgados e sobremesas aí vou colocar em adicionar o menu E vou organizar aqui depois de todos as receitas bolos massas salgados e sobremesas pronto vou clicar em salvar o menu Lembrando que aqui você coloca as principais categorias as que você considera que as pessoas mais vão acessar tá bom que a intenção é facilitar o usuário é encontrar os posts né Então pronto já criamos o nosso menu a linguagem aí agora a gente vai criar o layout dele que é e
sse visual para isso a gente vai usar o elemento a gente vai vir aqui em modelos Adicionar novo vamos escolher a opção header ou menu se tiver escrito seu reder aí eu vou dar um nome aqui para o meu modelo vou colocar menu e vou clicar em criar modelo vou fechar aqui neste Zinho aí vou começar aqui antes de começar a criar o layout do nosso menu a gente precisa fazer as configurações padrões de cores e fontes aqui do site para facilitar no desenvolvimento e não fazer com que a gente precisa fica
r mudando toda hora então eu vou adicionar algumas coisas aqui aqui na biblioteca tá vendo vou adicionar um título vou clicar aqui no quadradinho de novo para voltar para biblioteca vou arrastar um texto para cá vou arrastar um botão para cá vou arrastar um formulário para cá quer ver se você não achar você escreve aqui ó forme arrastar um formulário para cá e vai ser isso eu vou arrastar todas essas coisas para cá e vou vir aqui nessas quatro Barrinhas vou vir em configurações do site cores glo
bais aí Essas são as cores globais do site perceba que o título está de azul os botões e links estão de verde questão puxando essas cores padrões e a gente consegue mudar então por exemplo a cor primária minha aqui vai ser esse marrom que já vai pegar em todos os títulos o laranja eu vou colocar aqui embaixo nos links vou usar ele mais em links aí esses dois aqui eu vou deixar né que é uma cor cinza que é legal para texto e para subtítulo eu vou deixar essa cor mesmo e aí eu posso clicar aqui em
adicionar cor para eu já deixar algumas cores salvas para não ter que ficar colocando toda hora eu vou pegar esse daqui ó vou clicar no quadradinho vou colocar a cor que é um cinza que eu vou usar no rodapé e já vou até escrever aqui ó para mim saber rodapé vou adicionar um novo vou colocar esse outro cinza que é da Barrinha de busca que eu vou usar pronto vou atualizar vou voltar aqui na setinha agora vou configurar as fontes globais a fonte primária que eu vou colocar que vai ser a dos título
s vai ser esse pota tá vendo que é uma fontezinha mais desenhada Então vou colocar essa fonte aqui vou deixar 600 mesmo e vou deixar tamanho 20 aqui no secundário eu vou colocar a fonte Montserrat vou deixar tamanho 18 e aqui no texto eu só vou mudar para Montserrat e aqui né acento né que é em links eu vou mudar para Josh eu vou deixar peso 400 tamanho 16 Ok eu vou clicar em atualizar agora eu vou voltar vou vir aqui em botões já vou deixar todos configurados então vou aqui na arredondamento eu
vou deixar 30 vou voltar vou vir aqui em Campos de formulário também vou deixar configurado mais ou menos arredondamento eu vou deixar 30 e vai ser mais ou menos isso vou clicar em atualizar vou clicar aqui no xizinho para fechar essa aba de configuração padrão e posso excluir tudo isso daqui aí sim eu vou começar a criar o layout aí a primeira coisa que eu vou fazer é essa abinha aqui de cima né vou clicar aqui Ah tá esqueci de uma coisa eu posso configurar a logo do site também como padrão en
tão vou voltar aqui configurações do site identidade do site aí aqui é o logo do site vou clicar e vou arrastar a logo para cá Lembrando que eu vou deixar todo esse material para vocês tá vai arrastar logo para cá o five quando o site também vai arrastar para cá vai vir com é aquele ícone Zinho que fica aqui em cima tá vendo tem um mundinho aqui no meu site tem a minha logo pequenininha tá vendo É isso que faz você conseguir identificar aqui nas Abas então eu vou colocar esse desenho Chapeuzinho
vou arrastar para cá só clicar aqui enviar arquivo e lá no seu computador e arrastar para cá pronto aí clique em atualizar clica no xizinho para sair ok uma outra configuração que a gente vai fazer é mudar a tecnologia do elemento para tecnologia do Flex Box container que a tecnologia é nova então pode ser que quando você estiver assistindo esse vídeo já esteja nativo e você não precisa fazer nada para que isso aconteça mas se você tiver assistindo você clicar aqui no maisinho não tiver um seti
nhas aqui nessas duas primeiras Então você vai vir lá no seu painel administrativo do Wordpress vai vir aqui em elemento configurações experimentos aqui em flex Box container você vai colocar ativo e vai salvar as alterações aí se você voltar aqui recarregar você clicar no maisinho tá vendo vai ter uma setinha para o lado e para baixo se o seu já tiver setinha é porque já tá nativo no seu tá beleza a gente vai pegar um container com a setinha para o lado vai vir aqui em estilo borda tipo de bord
a sólido vamos desvincular esses valores aqui de pedem e só no de cima que a gente vai colocar três de borda e aqui nas cores a gente pode clicar aqui no quadradinho inserir uma cor se a gente clicar no mundinho a gente pega aquelas cores que a gente já cadastrou padrão tá vendo Então vou pegar essa cor Nossa aqui de laranja Tá mas acho que eu vou aumentar para uns 5 aqui para ficar mais grosso beleza agora a gente vai vir aqui na biblioteca vai pegar a logo do site vai colocar aqui ele já vai p
uxar login lá que a gente tinha configurado a gente também vai vir aqui na biblioteca vai pegar os ícones de social que são os ícones das redes sociais Vamos colocar aqui aí eu vou mudar alguns que eu quero que fique Facebook Tik Tok e Instagram então vou clicar aqui em cima do ícone vou mudar isso aqui para Instagram esse daqui eu queria mudar para Tik Tok que é uma rede social também que tá em alta mas aqui no elementor ainda não tem o ícone mas eu tenho esse ícone aqui para vocês eu vou deixa
r lá no nosso drive só você clicar aqui Enviar que vai escrever vai clicar aqui em ativar selecionar arquivos aí você vai lá né dentro dos arquivos que eu vou deixar para você vai ter o ícone do Tik Tok vai selecionar vai clicar aqui para abrir vai inserir vai ficar assim aí aqui informa você vai mudar para círculo vai vir em estilo em cor você vai deixar personalizado aqui na cor primária Você vai clicar no mundinho vai selecionar laranja na cor secundária vai deixar branco e aqui no tamanho a
gente vai diminuir um pouquinho vamos deixar mais ou menos assim OK aí para a gente poder ter essa Barrinha aqui que essa é uma barrinha de pesquisa diferente a gente vai digitando e ela vai mostrando os posts aqui tá facilita a busca do usuário então é um plugin adicional que eu usei para criar essa Barrinha a gente vai voltar lá no painel de administrativador de press há uma coisa que eu não falei sempre que você tiver criando aqui com elemento clica aqui e vai clicar em salvar rascunho para i
sso acontecer alguma coisa com seu computador você não perder tá então vou voltar lá dentro do painel administrativo do WordPress vamos vir aqui em plugin se Adicionar novo aí você vai pesquisar aqui por Ajax Rush Light que é o nome do Plugin é essa daqui você vai instalar e vai ativar aí quando você fizer isso ele vai abrir uma abinha aqui tá vendo a gente vai clicar aqui em cima aquele nos disponibiliza esse código aqui que é o short code que a gente vai usar para fazer com que ele apareça lá
tudo vem em inglês então para você conseguir configurar alguma coisa aqui você pode clicar com o botão direito clicar em traduzir para o português para você conseguir ver as traduções certinhas tá vendo Então vou vir aqui em menu vou vir aqui na biblioteca vou procurar o Edition de short code vou arrastar para cá vou colar e vou colar o short code aqui ele vai aparecer aqui dentro do editor feio desse jeito mesmo tá mas aí a gente clica aqui em salvar rascunho clica aqui com o olhinho para a gen
te conseguir ver como é que tá ficando E aí aqui a Barrinha fica desse jeito tá vendo e aí aqui dentro a gente vai conseguir ir configurando o layout do jeito que a gente quer tá primeiro aqui tento substituir a pesquisa do tempo pelo formular Ajax vamos clicar em ativar e vamos vir aqui embaixo vamos clicar em salvar opções ou clique no botão direito traduzir de novo a gente vai ver que em opções de layout que é aqui que a gente vai conseguir configurar como é que a gente quer a Barrinha aí aqu
i ó eu vou mudar para esse preto curvilinho aqui que é se assemelhou mais ao que eu queria você pode ir testando alguns aqui às vezes tem algo que até fica melhor para o seu tipo de layout né eu vou pôr nesse Preto aqui com brilho e vou mudar as cores dele né como eu vou querer que ele fique cinza eu vou mudar as cores dele então Ó aqui você consegue configurar Que tipo de fonte que você vai querer que fique ali eu coloquei a fonte modo Serrat aqui é o texto que vai ali dentro mudei para faça su
a pesquisa ó aqui a cor de fundo se você quiser Substituir eu não vou querer aqui é as cores da lupa e do ícone aí eu vou querer substituir né Aí eu cliquei aqui e mudei para esse cinza eu vou colar ele aqui acordo cinza quem a cor da borda também vou clicar aqui para ativar o cinza não pegou vou clicar clicar fora e clicar em escolher tá substituir a cor da borda a cor estilo sólido e vou mudar a cor da borda para o cinza perceba que às vezes ele não fica e tem que fazer duas vezes tá a cor de
fundo vai ficar vou clicar aqui em salvar operações e vou vir aqui na página e vou ver como é que tá ficando ó já tá ficando do jeito que eu quero agora eu só preciso arredondar e que tenham border rádios né que é o arredondamento vou clicar aqui o botão direito traduzir de novo raio da borda aí eu vou clicar aqui e vou colocar todos em 30 salvar e agora eu vou carregar pronto aí já ficou arredondadinho do jeito que eu quero né então agora eu vou só configurar o espaçamento certinho aqui o prime
iro deixa eu dar uma pesquisada deixa eu ver se já tá ficando certinho ó já tá ficando né voltei aqui para o editor eu vou fazer o seguinte vou vir aqui na biblioteca vou pegar um Edition de texto vou arrastar para cá a gente vai conseguir manipular ele melhor a gente vai clicar aqui no short code vamos copiar esse código clicar com o botão direito excluir vamos pegar a hora do texto vir aqui ó na opção de texto selecionar e vamos colar o short code a gente pode clicar aqui em salvar rascunho va
mos atualizar a página ainda tá assim tá vendo que aí agora cuide de texto a gente consegue ver certinho aqui a Barrinha no editor aí vamos arrastar para cá e Vamos diminuir um pouquinho o tamanho da nossa logo se não tiver dando certo por aqui você pode vir aqui em avançado aqui em largura tá vendo pode aumentar um pouquinho para cá aqui aqui eu vou vir em avançado vou aumentar mais ou menos para uns 45 aliás 48 aí vou vir aqui na no container vou vir aqui alinhar os itens ao centro e vou vir a
qui alinhar também ao centro da tela e vai ficar assim aí eu vou vir aqui vou pegar um container com a setinha para o lado também vou vir aqui na biblioteca vou pegar o menu de navegação vou arrastar para cá e ele vai puxar aquele menu que a gente criou lá dentro depressa eu vou vir aqui em estilo tipografia vou pegar essa tipografia aqui de assento vou vir aqui tipografia vai vir em transformação vou colocar a fonte maiúscula e o peso 500 aqui em Rover já tá né alaranjado do jeito que eu quero
vou vir aqui em conteúdo aqui em alinhavo deixar alinhado ao centro vou vir aqui no container vou vir aqui em alinhamento também vou deixar alinhada ao centro e vou clicar em publicar aí aqui que eu vou determinar onde é que eu quero que apareça o menu eu vou clicar em adicionar condições que eu quero que ele fique em todo o site isso é importante tá se você tiver publicado e não souber o que que aconteceu quiser voltar nessa tela você clica aqui nesse triângulozinho vem aqui em display conditio
ns que aí você vai vir para cá às vezes acontece isso a pessoa clica em publicar e não coloca em lugar nenhum e ele não aparece em lugar nenhum do site fica assim né só você adicionar condição aparecer em todo o site salvar não vamos recarregar aqui para a gente ver Pronto já tá aqui feito o nosso menu aí agora a gente vai criar o nosso rodapé a gente pode clicar aqui clicar em sair aí a primeira vez que a gente clica em sair ele pergunta para onde que a gente quer sair quando a gente for clicar
nesse botão eu vou colocar painel administrativador de pressa e aplicar que aí toda vez que eu clicar em sair ele vai me levar aqui para o painel administrativo do WordPress tá aí a gente vai vir aqui em modelos Adicionar novo Vamos criar nosso rodapé se tiver inscrito em inglês no seu vai estar full rodapé vou dar o nome de rodapé mesmo vou clicar em criar modelo aí eu vou fechar essa abinha aqui vou pegar um container aqui com um dois três quatro esse aqui com quatro e vou clicar aqui nesse e
vou duplicar para ele ficar com cinco containers aí eu vou vir aqui na biblioteca vou arrastar o Edition logo do site vou arrastar para cá vou pegar um título vou arrastar para cá posso até como isso daqui a descrição mesmo do site eu posso até vir aqui no tag dinâmica aqui em site e puxar a descrição do site que aí ele vai puxar que automaticamente tá vendo ou então você pode só escrever o que que você quer que tem aqui eu vou fazer isso vou puxar a descrição vou deixar assim vou deixar aqui C
entralizado ouvir em estilo tipografia vou deixar o secundário e vou vir aqui em peso vou colocar peso 500 vou deixar tamanho 15 ok aí eu vou vir aqui na biblioteca arrastar um título para cá vou colocar esses títulos aqui tá vendo categorias especiais e sobre posso até duplicar só clicar com o botão direito clicar em duplicar que aí eu já vou fazendo todos de uma vez copiar aqui especiais sobre e o último onde nos encontrar bota só digitar aqui tá eu tô colando de preguiça mesmo aí você arrasta
e coloca nas suas determinadas caixinhas esse aqui eu coloco aqui esse eu coloco aqui esse eu coloco aqui pronto agora a gente vai configurar vamos ver aqui neste Vamos ver em estilo vamos ver aqui em tipografia vamos deixar secundário aqui em peso a gente vai deixar 600 E aí a gente vai clicar com o botão direito copiar e a gente Clica com o botão direito nos outros e clique em colar estilo que aí ele já vai todas as configurações tá vendo junto só precisa fazer uma vez a gente vai vir aqui na
biblioteca vamos pegar o ID de lista de ícones vamos arrastar para cá e abaixo desse Excluir todos vir aqui nesse primeiro excluir o ícone E aí a gente vai começar a fazer aqui os as categorias né aqui são as páginas vou vir aqui nesse Primeiro vou colocar todas que vai para todas as categorias vou duplicar eu vou colocar pães bolos aqui você pode colocar as categorias que você acha que são mais pesquisas tá o usuário mais vai querer saber mas e sobremesas isso né a gente vai ver aqui no estilo
texto aqui na tipografia eu vou pegar esse de acento aqui na cor eu vou pegar esse de texto e vou aumentar um pouquinho tamanho aqui desse texto vou deixar peso 500 aliás aí eu vou diminuir Então já peso 500 aí aqui ó em cada um desses você pode colocar o link tá vendo cada um desses itens tem a abinha de link para você colocar como essa daqui são categorias e páginas que já existem aqui a gente consegue só escrever e localizar ela aqui por exemplo todas é a página de blog lembra então clico e
já seleciono aí ele já pega o link aqui para mim tá vendo ó pães pães eu não criei essa categoria lá dentro né mas eu posso voltar lá dentro do site e criar post categorias pronto vou clicar com o botão direito salvar rascunho e vou carregar você também pode pegar o link das categorias assim ó aqui dentro da página de categorias posts categorias tá vendo que você passa aqui o mouse tem ver então você pode fazer assim também clicar com o botão direito aqui clicar em copiar endereço do link que aí
você também pode vir aqui ó esse é o de massas né colar o link aqui também tá então continuando se não aparecer também pode colar aqui massas já foi e sobremesas pronto aí a gente pode duplicar essa lista de ícone arrastar Aqui para baixo que também tem essas outras categorias aqui que eu não criei essas daqui né que são as especiais tá vendo Então eu posso voltar aqui na aba de categorias e criar receitas de natal receitas de ano novo que mais receitas de Páscoa receitas de festa junina e rece
ita de Dia das Mães pronto aí eu venho aqui e vou escrevendo né aí tem que lembrar de trocar o link aqui tá é que não tá puxando mas que nem eu falei pode vir aqui copiar receitas de natal vou dar uma acelerada aqui tá mas você entendeu vem aqui troca o nome né Por exemplo receitas de Ano Novo e vem aqui e troca o link copia link e troca beleza é agora essa parte do sobre né a gente vai duplicar arrastar para cá aí Aqui também eu posso excluir todos e aí Aqui são as páginas né que tem a ver com
site Então vamos vir aqui mudar esse título para quem somos e vamos pegar a página pode dar o nome que você quiser o sobrenome quem somos dupliquei aí agora temos de política e privacidade e aqui a gente pega o link da página anuncie que aí no caso vai ser a mesma página de contato Aliás não a página de sobre nós né e a página de contato agora Pronto agora vou vir aqui vou pegar o ícone de ícones de redes sociais fazer a mesma coisa do outro esse daqui eu vou mudar para Instagram esse daqui eu v
ou mudar para Tik Tok já tá o ícone que a gente já colocou pronto forma colocar círculo estilo cor oficial vou mandar para personalizado nesse primário eu vou por laranja e nesse aqui eu vou por branco e o tamanho vou diminuir um pouquinho tá aí eu vou voltar aqui em conteúdo vou colocar alinhado para esquerda e agora eu vou começar a usar alinhamentos aqui né este Card aqui é segundo vou vir aqui em avançado vou vir aqui em margem aqui na margem da esquerda vou aumentar um pouquinho para ele fi
car mais afastado desse e eu vou ver aqui nesse Card vou diminuir um pouquinho a distância entre eles para não ficar um espaço em branco tão grande e ficar um pouco mais alinhado ok vai ficar assim aí agora a gente vai fazer essa Barrinha aqui de baixo vamos ver aqui vamos pegar um container com a setinha para o lado em estilo tipo de fundo aqui na cor vamos pegar uma laranjada vamos ver aqui vamos pegar o Edition de título arrasta para cá vamos ir em estilo Vamos colocar na cor branca tipografi
a vamos deixar o de assento que é esse Vamos ir em conteúdo vamos deixar Centralizado E aí a gente vai vir aqui em tags vamos vir aqui em site data e horas atuais a gente vai vir aqui em formato da data vamos deixar em personalizar vamos excluir tudo aqui menos o y que significa anos que ele vai pegar sempre o ano atualizado a gente não vai precisar vir ficar trocando toda vez aí a gente vai vir aqui em avançado em antes a gente vai copiar o título do site copyright Vamos colocar o r e depois a
gente vai colocar a Barrinha e todos os direitos reservados aqui depois do da última palavra você coloca um espaço e aqui depois você coloca um espaço também antes de começar o próximo tá vendo aí ficou assim aí vamos ver aqui no container layout vamos deixar aqui Centralizado vamos irem avançado Vamos colocar uns 15 de pele vamos voltar aqui no título estilo tipografia vamos deixar vamos deixar 400 tamanho 17 e vamos colocar sempre em clicar aqui e salvar rascunho aí agora a gente vai fazer ess
a parte aqui de cima que a parte da newsleira newsleira dá um tipo de formulário que a gente coloca no site para pessoas se cadastrar e você ter o contato dela para depois você ficar enviando informação né Se tiver um post novo sem via se tiver alguma propaganda você envia tá então a pessoa que quer ficar recebendo novidades do seu site eu vou te ensinar a criar o formuláriozinho depois você pode integrar com outro e-mail marketing já tem vídeo de marketing aqui no canal tá Então a gente vai vir
aqui vai pegar um container com a setinha para baixo vamos irem em estilo tipo de fundo o cinza a gente vai pegar esse cinza rodapé vai vir aqui em avançado Vamos colocar 50 de pede vamos vir aqui na biblioteca Vamos pegar uma caixa de imagem arrastar para cá você pode vir aqui no site também se for mais rápido tá sempre que tiver uma imagem que você precisar você pode colocar o botão direito salvar como que aí já vai baixar tá vendo Então vou colocar aqui na imagem arrastar para cá inserir míd
ia aí aqui no título já vou copiar aqui esse ó vou colocar aqui assim na nossa newsleira e aqui no texto aqui embaixo vou colocar 600 avisado assim que surgir o conteúdo novo vou ver aqui no estilo conteúdo tipografia Aqui é do título aí vou aumentar vou vir aqui em peso vou deixar 500 mas vou aumentar o tamanho e vou vir aqui na descrição vou deixar essa cor mais escura e a tipografia vou deixar peso 500 também aliás vou pegar essa cor marrom que tá lá né Ok o espaçamento entre o título e o sub
título vou diminuir e vou vir aqui na biblioteca vou pegar um editor de formulário Vou colocar aqui embaixo vou excluir esse aqui vou deixar só o nome e e-mail aqui em rótulo que é o título aqui de cima eu vou desativar aqui em nome do formulário eu vou deixar novo inscrito na meus pronto aí vou vir aqui no estilo aqui em Campo tipografia vou mudar para esse de assento aqui vai ficar melhor pronto eu vou vir aqui no formulário vou vir avançado largura vou deixar personalizado aí eu vou deixar ma
is ou menos 50 e vou vir aqui no container layout vou deixar centralizado e alinhado ao centro que ele vai ficar tudo alinhadinho assim tá aí nós já temos aqui o nosso rodapé Falta só vir neste virem avançado eu colocar 50 de pad também para ficar com espaçamento legal e agora eu vou determinar ele para ele ficar aparecendo em todo o site vou clicar em publicar adicionar condição deixar que todo o site vou clicar em salvar e fechar pronto aí agora a gente pode fazer a configuração para o mobile
que é para o celular a gente clica aqui embaixo clica aqui em responsivo aqui no container a gente vem avançado vamos deixar 20 de padding o tamanho aqui do nosso título e tudo mais já tá legal só vou vir aqui e no espaçamento entre a imagem do título vou diminuir um pouquinho e vou vir aqui no formulário é aquele largura dele eu vou mudar vou deixar 100% que ele vai ficar na largura certinha nesse daqui eu vou vir no container vou deixar 20 que pede nesse daqui eu vou vir vou desinclar os valor
es de imagem e no restante Vou deixar tudo certinho tá com um tamanho bom e vou clicar em atualizar Pronto agora nós já temos aqui nosso rodapé agora nós vamos criar os nossos posts né nossos artigos aqui no caso do nosso tipo de site as nossas receitas para isso a gente vai entrar aqui dentro do painel de administrativo de prédios vai vir posts acionar novo é por aqui que você vai entrar sempre para colocar um novo artigo um novo post uma nova receita tá esse é o editor que você vai usar aqui v
ocê coloca o título e aqui você coloca o conteúdo ó como esse meu site que eu tô ensinando você fazer de teste você pode copiar os títulos e tudo que tá aqui ó por exemplo essa receita né vou copiar aqui o título E aí você cola aqui tá Seria legal Toda vez que você for colar o título aqui um título um texto enfim você pegar um bloco de notas primeiro né colar esse texto no bloco de notas e depois colar ele aqui para que ele não venha com lixo de CSS tá então você vem copia que você tiver de copi
ar e cola no bloco de notas depois cola aqui tá E aqui no editor você consegue fazer algumas coisas por exemplo você pode vir aqui selecionar um texto deixar em dá espaço aqui tá vendo esse daqui também você vem coloca espaço se você quiser colocar imagem vídeo o que você quiser aqui no meio também você pode arrastar imagens para cá tá vendo ó você pode tanto clicar aqui e por exemplo arrastar uma imagem para cá arrastar uma imagem para cá tá vendo ou então você pode clicar aqui quando você clic
a aparece essa Barrinha tá vendo aí você pode clicar aqui e adicionar nas coisas tá então você consegue ir adicionando aqui e tudo que você colocar nesse Campo aqui é o que vai estar aqui no corpo tá vendo no corpo então tudo que tiver daqui para baixo fora o título tá tu tiver daqui para baixo vai ficar aqui no corpo tá a imagem que aparece aqui a imagem destacada que a imagem que aparece aqui e a imagem que aparece aqui nesses cardzinhos tá vendo essa você vai adicionar aqui na aba de imagem d
estacada tá vendo aqui do lado então não se esqueça sempre tem que deixar uma imagem destacada para que o post não fique sem imagem tá então você clica aqui em definir uma imagem UPA uma imagem para cá tá E aí aqui em categorias você vai selecionar a categoria que você quer se você já tiver criado ela você não tiver criado se for uma receita nova um post novo aí se você quiser adicionar uma nova categoria você clica aqui em adicionar nova categoria por exemplo vou criar uma agora chamada lasanha
Tá vendo você clica e salva tá também você pode selecionar uma que já existe por exemplo faz parte da categoria massas também né porque é um tipo de macarrão não tem problema também selecionar mais de uma tá se for congruente tiver a ver com o tema do post pode selecionar várias também criei a nova chamada lasanha selecionei uma chamada massas né Beleza e aí depois a gente clica aqui em publicar se a gente for lá niver o post aí vai ter que o título O corpo tá vendo aquela imagem que a gente co
locou do lado de dentro só não vai estar aparecendo a imagem de cima porque esse layout do jeito que tá aqui ó esse layout bonitinho aqui a gente ainda vai criar para ficar desse jeito né Por padrão ele vem assim aí a gente consegue configurar para deixar mais bonitinho que é o que a gente vai fazer daqui a pouco tá então beleza aí você adicionou você pode clicar aqui no ícone Zinho para voltar para o WordPress e aqui em posts todos os posts é onde vai ficar todos os posts do seu blog esse Hello
hoje é um post de teste que vende todo o site WordPress você pode clicar aqui e clicar e excluir ele tá inclusive É assim que você consegue excluir clica aqui em cima clica na lixeira tá aí agora você vai adicionar todos os posts que você quer ou pelo menos uns quatro ou seis posts para a gente continuar com tutorial pode ser de teste tá se você quiser pode fazer assim ó adicionar um novo colocar um título aqui de teste colocar um texto aqui de teste uma imagem qualquer aqui do lado de teste ta
mbém só para poder a gente seguir o tutorial que eu post precisa estar criado para a gente poder configurar lá bonitinho Tá ok daí você pode fazer assim eu vou pular para parte que eu já cadastrei vários posts aqui tá para a gente não perder tempo Pronto já cadastrei alguns aqui você cadastrei no seu também E agora tem outra coisa que a gente precisa ajustar no site ó se a gente clica aqui na logo do nosso site ela nos leva para o link principal né para página inicial do site que é o nosso domín
io e você vai conseguir ver que na página inicial tem os posts aqui tá vendo a gente vai mudar isso que a gente quer que a nossa página inicial seja a página home né então a gente vai mudar duas coisas primeiro esse nome feio que tá aqui tá vendo tem escrito em x PHP e a gente vai mudar a página home para ser a página inicial para isso a gente vem aqui dentro do painel administrativo 2 de press vem configurações leitura aí aqui ó tem assim sua página inicial exibe aí a gente vai colocar uma pági
na estática aí vai escolher qual que vai ser a página que vai ser a página inicial e vamos determinar a página home e na página de posts que vai ser a nossa página oficial de blog né onde vai ter todos os posts aqui a gente vai selecionar a página que a gente criou que a página blog tá aí vamos clicar aqui em salvar alterações aí se a gente voltar aqui no site Olha só a gente clica aqui no link da logo a gente vai para a página inicial só que sem posts aqui tá vendo esse a gente clicar em todos
que a página de blog Aí sim está aqui todos os posts que a gente ainda vai configurar para ficar bonito agora vamos mudar esse index.hp que feio aqui né para isso a gente vem aqui de links permanentes Vamos mudar o tipo do link para isso é o nome do post aí a gente vem clica aqui em salvar alterações pronto ó se eu clicar aqui agora em alguma categoria ou aqui ó na página home na página de contato não tem mais aquele index.php né Beleza aí vamos começar a criar o layout da página home a gente va
i clicar aqui em home ou então você pode vir aqui dentro do painel do WordPress em páginas todas as páginas vir aqui em home clicar em editar e clicar aqui em cima em editar com elemento aí a gente vai vir aqui nas configurações ó tá vendo vai vir aqui em layout da página e vamos deixar elemento largura total para poder sumir esse título Zinho e ficar tudo em branco pronto clica aqui em atualizar a partir de agora você pode sempre clicar em atualizar para o seu computador desligar alguma coisa a
contecer não você não perder tá vamos clicar aqui vamos pegar esse container com a setinha para baixo e para a gente poder fazer esse Carrossel muito legal que eu criei aqui esse banner né que fica com os posts aqui embaixo e também fica aqui grande a gente precisa de mais um plugin vamos vir aqui dentro do painel administrativo do WordPress virei plugins Adicionar novo a gente vai pesquisar pelo plugin Prime slider que esse daqui vamos instalar e ativar eu já tenho um vídeo completo só sobre es
se plugin aqui no canal se você quiser também pode dar uma pesquisada no canal para você aprender mais profundamente sobre ele clica aqui em alô Pronto agora a gente pode atualizar recarregar a página aí a gente vem aqui na biblioteca ou vamos fechar essas abinhas aqui na abinha do Prime slider tá vendo aí vamos pegar esse daqui que é o de blog que é o Carrossel de blog vai de blog ou ele tem vários modelos aqui o que a gente vai usar vai ser esse aqui ó zinete tá vendo e aí a gente vai vir aqui
no container vamos vir aqui em largura do conteúdo Vamos deixar a largura Total vamos ver aqui em avançado impede que é o espaçamento de dentro e vamos deixar zero que aí ele vai ficar em toda a extensão da tela tá vendo todo grudado na tela aí vamos clicar no lápisinho aqui para voltar na edição do widget de aí a gente vai vir aqui vamos colocar isso aqui ó altura mínima sempre que tiver em inglês já sabe né pode clicar com o botão direito e clicar em traduzir para português para você entender
tá vamos colocar 70 de altura mínima aqui vamos ativar a altura da janela de visualização aqui quando tiver acontecendo isso se não tiver conseguindo clicar é só arrastar para cá pronto aí agora sim é habilitou a altura que a gente colocou certinho tamanho da imagem a gente vai deixar completo E aí eu vou desativar algumas coisas que eu não quero por exemplo eu não quero que mostre o nome do escritor então vou procurar aqui ó autor não quero que mostre não quer que mostra a data e nem os coment
ários então aqui ó meta que aí ele não vai puxar data os comentários aí vai ficar aqui só as categorias né ali em cima beleza aí eu vou vir aqui estilo aqui em categorias é que na cor de fundo eu vou pegar o alaranjado e na cor que a cor do texto eu vou deixar de branco e aqui na tipografia eu vou pegar essa de assento e vou só colocar mais fino aqui colocar 300 e vou aumentar aí aqui eu vou deixar o raio da borda né o arredondamento de 30 para ficar mais arredondado assim tá aí eu vou vir aqui
em cima controle deslizante vou colocar uma cor preta e vou arrastar essa Barrinha aqui para ir ficando transparente tá vendo que eu quero que faça uma cor em cima para que a fonte se destaque tá aí aqui no na tipografia eu vou deixar tamanho 45 vou pegar a fonte de Austin colocar aqui aliás vou aumentar um pouquinho vou colocar tamanho 50 peso 700 aqui do Justin ok Beleza vou clicar em atualizar e agora eu vou configurar esses botõezinhos ali tá vendo da setinhas embaixo que aqui em navegação a
qui tipo só no flutuar que é no passar o mouse aqui no tipo de fundo a cor vou pegar o alaranjado e a cor das setas vou deixar de branco que vai ficar assim Ok atualizar Pronto já temos aqui o nosso banner aí vou vir aqui embaixo vou pegar um container com a setinha para baixo vou vir avançado vou colocar 50 de pedi vou desincrosa loji padding no superior vou colocar 90 vou vir aqui na biblioteca vou vir aqui em esquema vou pegar um container e arrastar para cá eu vou duplicar esse container aí
nesse container aqui em cima vou vir vou abrir aqui embaixo né arrastar um título para cá aí eu vou copiar esse título aqui vou colar aqui vou vir aqui em estilo vou deixar peso 500 vou vir aqui na biblioteca vou pegar um botão vou arrastar para cá aí eu vou escrever assim ver todas as receitas igual tá aqui aí aqui em texto que é o texto que fica dentro do botão vou colar ver todas as receitas aí aqui no link eu vou colocar o link da página de blog que é onde tem todas as receitas vou vir aqui
em estilo aqui nesse tipo de fundo eu vou deixar de branco mesmo aqui na cor do texto eu vou pegar o alaranjado vou vir aqui em tipografia em decoração vou deixar sublinhado e em peso vou deixar P600 aí aqui impede né preenchimento que é o espaço de dentro eu vou deixar zero e vou vir aqui nesse container e vou determinar ele como linha que aí vai ficar um do lado do outro eu vou vir aqui e vou deixar essa configuração aqui ó espaço entre para que fique um do lado outro do outro tá aí aqui embai
xo eu vou vir vou pegar um mídia de caixa de item vou arrastar para cá vou excluir essa descrição aqui de baixo Vou deixar só o título aí eu vou copiar os títulos né que no caso aqui são os títulos das categorias que eu quero deixar em destaque aqui Aí você coloca as categorias que você achar melhor vou colocar várias aqui aí você fala o seguinte colocou nenhuma Clica com o botão direito duplica duplica ó vou clicar aqui no container vou colocar em linha para ficarem do lado do outro ó duplica a
té chegar nos cinco aí agora eu vou vir e vou copiar clicar e colando aqui para substituir os títulos tá vendo Na verdade são seis faltou uma a mais aqui aí eu vou vir aqui em cada uma das imagens também e vou colocar essa imagem de bolinha que eu fiz Lembrando que eu vou deixar todo esse material para vocês se vocês quiserem fazer igual tá arrasta todas as imagens para cá aí a gente vai selecionando o que é correspondente a cada uma tá pronto aí agora a gente vai vir aqui no container vai vir a
qui intervalo que é o espaçamento entre os itens vamos deixar aqui em porcentagem vamos deixar 2% E aqui em cada um dos itens a gente vai vir aqui vai vir em avançado em largura a gente vai deixar personalizar vamos deixar aqui em porcentagem Vamos colocar 15 é 15 Deixa eu fazer a conta aqui certa cada intervalo desse aqui a gente conta 2 2 4 6 8 10 então é 100 - 10 / 6 é 15 mesmo tá vendo que aí ocupa Todo o espaço da tela uma vez que a gente já configurou os 15 aqui a gente pode clicar clicar
em copiar e clicar nos outros e clicar em colar estilo Pronto agora estão todos do mesmo tamanho agora a gente vai clicar em uma dessas caixas Vamos ver em estilo a largura da imagem a gente vai deixar em 100% animação após os famosos a gente vai deixar crescer o grow se eu tiver em inglês Ok essa ação aqui de passar o mouse aqui em conteúdo aqui na no título né configuração do título a gente vai mudar a fonte para Montserrat tamanho 14 peso 500 e a cor vai ser essa secundária aqui tá esse daqui
pode ficar Ok o da imagem que é o esforçamento entre o título e a imagem a gente vai deixar zero a gente clica em copiar e cola o estilo em todos os outros pronto aí aqui você cola o link das categorias tá então assim você pega lá o link das categorias e cola aqui na onde que tem links Eu ainda nem criei lá dentro na hora que eu criar eu vou vir vou colar aqui tá ó sempre atualizando para não perder nada vou vir aqui nesse container vou vir em avançado em pede né o preenchimento vou deixar zero
Quem Vai Ficar Em toda a extensão mesmo da tela e nenhuma vai ficar quebrando a linha pronto a gente já criamos aqui essa abinha aí agora vamos para essa parte aqui agora a gente vai pegar um container com a setinha para baixo Vamos ir em avançado Vamos colocar 30 de padding vamos vir aqui na biblioteca arrastar um título para cá eu vou deixar Centralizado vou copiar já esse título aqui vou colar vou vir aqui estilo tipografia vou deixar 30 e peso 500 aqui aí eu acho que tá maior ainda né deixa
r 38 35 vou duplicar esse título vou copiar esse outro aqui também vou colar aqui vou ver aqui em estilo tipografia vou pegar tipografia do secundário aliás vou pegar tipografia do secundário e vou aumentar o peso para 500 vou vir aqui vou pegar um container arrastar aqui para cá vou vir aqui na biblioteca Eu vou pegar o widget de posts que é o posts do elemento mesmo esse aqui é o postagens basta para cá aqui ó eu vou tirar essa tradução que eu coloquei vou colocar aqui e colocar idioma detecta
da para ficar mais fácil aí aqui eu vou mudar para cartões que vai ficar assim já quase Praticamente tudo configurado em colunas eu vou deixar dois tamanho da imagem eu vou deixar completo vou desativar aqui o avatar né que a logozinha do escritor aqui em Avatar vou desativar vou desativar esses metadados aqui comentários e tudo mais e também vou desativar o resumo esse textinho quero que fique só o título apenas aí aqui em lenha mais eu vou mudar para ver receita ver receita aqui no meu caso né
se o senhor for escrito você pode deixar lenha mais aí vou vir aqui no estilo alinhamento vou deixar Centralizado vou vir aqui em cartão aliás vou vir aqui em conteúdo título a cor vou deixar esse marrom a tipografia eu vou deixar esse daqui secundário vou só terminar de configurar colocar aqui peso 600 e tamanho 16 e esse leio mais aqui também eu vou terminar de configurar vou deixar aqui em decoração vou deixar sublinhado e o peso vou deixar 500 vou diminuir também um pouquinho para 15 aí eu
vou vir aqui vou arrastar para cá ainda que no layout de cartão eu vou vir aqui em arredondamento vou deixar 10 aí eu vou diminuir espaçamento né aqui na imagem vou diminuir o espaçamento para zero que é entre o título e a imagem aqui em conteúdo também vou diminuir deixar bem curtinho esse Card vou vir aqui vou pegar um outro container Vou colocar aqui do lado vou ter que vir nesse de fora e clicar para deixar em linha para ficar um do lado do outro né Aí vou arrastar para cá o que eu quero que
um fique de cálcio de lá vou vir nesse aqui de cima vou vir em layout em largura vou deixar 1290 para ficar um pouco mais largo aí eu posso aumentar aqui a largura desse vamos ver aqui na biblioteca arrastar o vídeo de imagem para cá aqui no tamanho da imagem eu vou deixar completo e vou pegar esses postizinhos que eu fiz aqui ó para simbolizar alguns produtos para mostrar para vocês que vocês podem colocar algumas propagandas alguns produtos que o intuito do blog é você ganhar dinheiro com anú
ncio com venda de produtos né então você pode se afiliar produto na hotmart ou enfim qualquer outro lugar que você queira e vir aqui deixar um bonézinho e colocar o link aqui tá vendo ó vem aqui link URL personalizado e você cola o linkzinho seu de afiliado para pessoa comprar aqui tá vendo não vou fazer isso aí eu vou ver aqui estilo arredondamento vou deixar 10 aí vou duplicar e vou substituir aqui duplico e substitua a imagem lembra de trocar o link de todos aqui ok sempre clicando em atualiz
ar vou ajeitar o espaçamento desse aqui porque percebe que a gente Aumentou a largura aqui da sessão mas ela continua com o espaço aqui né eu vou vir aqui nesse container de dentro aqui em largura do conteúdo vou deixar a largura total e aqui no widget de posts eu vou vir nele vou vir avançado e aqui em porcentagem vou deixar 65 pronto aí aqui nesses cards eu vou vir aqui nesse vou vir e vou deixar a largura Total também que aí os cards vão conseguir ficar aqui tá vendo aí eu vou vir aqui vou vi
r em avançado em margem desenclosa los de imagem e aqui na esquerda eu vou colocar 30 para não ficar tão grudado aqui pronto aí vai dar para colocar um tamanho legal aqui de imagem tá aí nesse daqui eu vou clicar vou vir em conteúdo e vou deixar posts por página somente quatro para não ficar tão extenso vou mudar para quatro para não ficar tão extenso aqui ok sempre clicando em atualizar e também vou diminuir o tamanho da proporção da imagem Vou deixar um pouquinho mais curtinha vai ficar assim
eu vou vir aqui nesse container e vou deixar aqui alinhamento ou centro para ficar em todos alinhados eu vou clicar em atualizar aí eu vou vir aqui nesse de cima nesse principal vou ver em estilo sobreposição de fundo tipo de fundo e vou pegar uma imagem que eu criei aqui que é essa que eu fiz um paterne aqui com alguns itens de comida de alguns frustrações aqui tá vendo eu vou deixar assim e vou diminuir um pouquinho sua falsidade só um pouquinho Vou atualizar aí ficou assim a nossa sessão pron
to aí agora eu vou fazer essa parte de baixo aqui que são a intenção é colocar os mais lidos os mais procurados aqui né então a gente vai vir vai pegar um container com a setinha para baixo vai vir avançado Vamos colocar 50 de padding vou pegar esse mesmo Edition de post que tá aqui copiar colar ele aqui embaixo só que aí a gente vai vir aqui nele vai vir em avançado aí a gente vai deixar em largura e vamos deixar 100% né Só que nesse container que a gente vai vir a gente pode vir layout dá uma
diminuída nele aqui para não ficar tão largo né e vai ficar assim aí vamos copiar esse título que já tá aqui Aliás a gente pode duplicar e arrastar ele aqui para baixo aqui para cima desse e copiar esse e clicar aqui e colar aí a gente só substitui né a escrita que aí aqui vai ficar os queridinhos e Veja nossas receitas tá aí no final vai explicar vocês como que faz para configurar aqui para aparecer os mais vistos tá vou clicar aqui conteúdo aí aqui sim essa pode deixar um pouco mais vou coloca
r uns 6 ou 8 posts aqui para aparecer aqui nessa página tá essa página principal atualizou Pronto já praticamente terminamos aqui a configuração da nossa página home Agora vamos fazer um ajuste para celular e tablet para ficar bonitinho para dispositivos móveis também olha gente para você conseguir configurar no celular só você clicar aqui tá vendo onde tem esses dispositivos quem aparece aqui em cima assim a gente está configurando para computador assim a gente configura para celular e assim a
gente configura para tablet tá eu vou ensinar para celular E aí depois vocês configuram para tablet que eu não vou ficar ensinando os dois para não perder muito tempo porque é a mesma coisa só mudar para cá e fazendo as adaptações tá ó vou clicar aqui no celular aí aqui nesse do Banner vou só diminuir um pouquinho o tamanho do título então vou clicar aqui vou vir em estilo aqui na tipografia vou diminuir o tamanho para 30 e 33 Ok a altura a gente pode deixar assim mesmo que é legal que chama ate
nção né Porque é falta de comida então é legal que tenha essa imagem bonita ali aqui nesse a gente vai vir no container vai colocar 20 de padding vai vir aqui nesse título Vamos ir em conteúdo Vamos colocar Centralizado vamos ver aqui em estilo e eu vou até aumentar um pouquinho o tamanho dele aqui vou clicar neste vou ver em conteúdo vou deixar Centralizado vou vir aqui também no container eu vou deixar Centralizado e Centralizado aí nesses daqui a gente vai fazer assim vai vir vai vir avançado
vai vir aqui vai vir em largura colocar em porcentagem Vamos colocar 49%. aí a gente clica em copiar e clique em colar nos outros ó colar estilo nos outros colar colar tá vendo aí a gente vai atualizar Vamos colocar aqui no computador para gente ver tá vendo ó o que a gente mudou para celular mudou só no celular e o que a gente mudou para computador mudou só para computador tá desde que a gente não exclua nada muda nada de lugar é assim que vai ser tá beleza neste daqui a gente vai vir no conta
iner vai vir aqui vamos colocar 20 de pede o título Tá ok esse daqui também aí esse daqui a gente vai vir vai vir avançado aqui em largura a gente vai deixar largura total né 100% aqui neste também a gente vai vir vai vir aqui em layout e vai desenrolar os downloads aqui nesse a gente vai vir vai vir avançado Vamos colocar 20 de padding e neste daqui já tá configurado ok né aí a gente vai clicar aqui em atualizar Pronto já está tudo configurado para o celular sempre o tablet não muda muito aqui
né Você só tem que acertar os espaçamentos se você preferir tem um vídeo aqui no canal ensinando só como configurar o site para o mobile para o tablet para outros dispositivos tá pode acessar depois também não vou ensinar nesse para não ficar muito gigante o vídeo mas beleza então já temos aqui já finalizamos a nossa página home Então vamos lá a página blog também a página que é chamada de arquivos aqui do site WordPress porque a página onde fica todos os posts tá vendo Então todo post que você
for cadastrar lá no seu site toda receita que no caso desse blog né ele vai parar nessa página aqui que a página padrão destinada para ficar todos os posts tá E aí a gente geralmente chama essa página de blog né porque assim porque tem muita gente que confunde o site que a gente está criando a gente está chamando ele basicamente de blog porque um blog é um site que tem vários posts né E aí a gente criou aqui uma página que geralmente a gente vem e delimita algumas coisas coloca o posts que são m
ais acessados coisas que a gente acha que é converter mais aqui na página inicial e tem uma página que é a que a gente tá chamando de blog que é onde vai ficar todos os posts tá que aqui na página inicial a gente põe só alguns os principais E aí a gente tem essa outra página aqui e aí essa página aqui que a gente chama de blog a gente vai criar um layout para ela porque por padrão o tema que a gente tá usando Traz esse layout feio desse jeito e a gente com elemento vai criar uma bonitinha a gent
e vai criar essa daqui ó e aí a gente vai conseguir separar aqui as categorias de modo que a pessoa clica aí fica aqui embaixo só os posts relacionados a essa categoria E vamos fazer um sidebac do lado para a gente colocar os banners algumas chamadas e alguns posts aqui também mais populares também tá para facilitar também vender propaganda tá E para isso a gente vai vir aqui dentro do painel aplicativo do WordPress porque assim a gente não consegue editar diretamente essa página aqui com elemen
to tá página de arquivos a gente cria um modelo do elemento E aí a gente configura para ele ficar em cima dessa página padrão aqui tá Então vem aqui vem modelos Adicionar novo aí vamos selecionar o modelo de arquivo e vamos dar um nome que para nossa página eu vou colocar página de blog não vou clicar em criar modelo aí como sempre né quando você cria um modelo aqui com elemento ele já te dá algumas opções aqui ó que se você quiser você pode clicar em cima e aproveitar por exemplo se você gostou
desse modelo pode clicar aqui clicar em inserir que aí ele vai pegar bem esse modelo que tava lá ó é se você quiser você pode aproveitar eu quero criar um novo do zero Então vou dar um control Z aqui para desfazer essa adição que eu tinha feito beleza vamos vir aqui vamos pegar um container com a setinha para baixo vamos desenhar avançado colocar 30 de pé gente que é o espaço de dentro Vamos ir no estilo tipo de fundo a cor eu vou vir aqui vou pegar esse cinza do rodapé vou vir aqui na bibliote
ca arrastar um título para cá deixar Centralizado e vou escrever todas as receitas aí vou ver aqui em tipografia vou colocar tamanho 35 peso 500 Ok sempre clicando aqui salvando para se acontecer alguma coisa não perder Aí eu vou vir aqui na biblioteca aliás vou vir aqui primeiro vou pegar um container com dois aí vou arrastar esse contêiner mais para cá vou vir aqui no container principal aqui em largura eu vou deixar ele 1270 para ficar um pouquinho mais largo mais espaço aqui para a gente tra
balhar vou vir aqui na biblioteca vou pegar esse vídeo de arquivar postagens que aqui é o meu dia de semelhante o de posts que a gente usou aqui na página home tá vendo semelhante a esse só que a diferença é que esse daqui ele já vem com a configuração padrão do tema então ele já puxa automaticamente a consulta por exemplo se a gente clicar aqui em cima no menu de bolos né para ir para categoria bolos esse vídeo aqui já vai puxar automaticamente ele já vai entender que a gente quer que apareça a
qui só os posts relacionados a essa categoria desse link tá ok aí vamos configurar vamos vir aqui nele em colunas vamos deixar duas colunas aqui em Skin né que é o tipo do layout a gente vai deixar cards Vamos mudar para colunas aqui depois de Panicats aí vamos ver aqui embaixo em Avatar que é essa logosinha aqui do autor Vou tirar vou tirar também data e comentários e aqui em leia mais eu vou mudar para ver receita completa se você tiver fazendo um blog comum de conteúdo deixa leia mais mesmo t
á É porque no meu caso cabe aqui a gente colocar o ver receita completa porque tem a ver com a receita aqui no tamanho da imagem vamos deixar completo aí vamos ver aqui no estilo aquele Card né no cartão em arredondamento a gente vai deixar 10 aqui em conteúdo no título a gente vai pegar o marrom né para ser a cor e a tipografia Vamos pegar esse secundário e vamos mudar aqui o peso para 600 aqui na no resumo que esse textinho a gente vai pegar esse texto de acento e vai deixar tamanho 13 aqui e
aqui no leia mais a gente vai vir vai deixar peso 500 e decoração sublinhado e vamos deixar tamanho 15 ok aí agora a gente vai diminuir o espaçamento entre eles ó primeiro aqui na imagem vou diminuir o espaçamento entre o título e a imagem Agora que em conteúdo espaçamento entre o resumo e o título aqui embaixo espaçamento entre o resumo e o botão de ver receita completa vou diminuir o tamanho da imagem proporção vou diminuir um pouquinho vou vir aqui em estilo ainda imagem vou ativar aqui o fil
tro CSS vou dar uma mexidinha aqui no contraste vou aumentar o contraste um pouco diminuir um pouco do brilho aumentar a saturação pronto e aí ficou assim os nossos cards agora vou clicar aqui clicar em salvar e aí a gente vai usar um plugin para ser o nosso filtro para fazer aquele filtro das categorias tá a gente vai vir aqui no painel administrativo do WordPress vai vir em plugins Adicionar novo aí vamos pesquisar aqui por Ultimate Ultimate post kit que é esse daqui tá a gente vai clicar em i
nstalar e ativar ó pessoal eu vou usar ele porque ele vai ficar bem melhor aqui para nossas habilidades Só que já tem por padrão aqui no WordPress ou se você vier aqui embaixo na nos vídeos de WordPress tem que categorias ó categorias só que fica feio a gente precisaria mexer no código que ele fica só assim de lista ou então tem essa opção aqui de mostrar a lista suspensa que aí fica desse jeito assim tá vendo Então se você não quiser adicionar outro plugin você pode só colocar isso daqui de cat
egorias eu vou fazer do outro jeito que eu acho que fica mais bonito tá instalei ativei clica aqui em Alô e continue primeiro clique aqui para salvar rascunho aí recarrega a página beleza aí a gente vai descer aqui embaixo onde tem escrito Ultimate post kit Vamos pesquisar pelo widget de categorias aqui aqui ó categoria A gente vai arrastar aqui para cima ó tá vendo ele fica bem legal se você quiser você pode deixar aqui na lateral também ó que ele também fica legal aí dá para você configurar el
e tem dois estilos este um que fica maiorzinho ó e aqui você configura as colunas né então se você fosse por na lateral seria legal colocar uma coluna só ou então duas colunas né para ficar dois assim então você vê Ficaria legal aqui na lateral também se for um site mais colorido não precisa nem mexer nas configurações das cores né mas o nosso caso como a gente tem uma paleta de cores bem definida tu arrastar ele para cá para ficar aqui em cima vou deixar esse estilo mesmo e colunas eu vou deixa
r quatro vou deixar ele com alinhamento Centralizado essa opção aqui ó de show conte para mostrar quantos posts tem em cada categoria tá vendo bolos tem um lasanha tem um eu vou desativar não quero mostrando a quantidade não aquile é uma configuração que a gente faz primeiro aqui a gente determina quantos né a quantidade de categorias que a gente quer que tem aqui eu vou deixar sem nada vou apagar que aí ele mostra todas as categorias que tem tá se você quiser você pode determinar aqui também pa
ra não ficar tão grande por exemplo você pode deixar até 10 categorias né até sei lá 9 categorias né Você pode deixar do tanto que você quiser aqui eu vou apagar porque aí eu quero que apareceu todas as categorias aqui tá aí aqui é se você quiser excluir alguma categoria A gente vai fazer isso por exemplo tem a categoria que que delícia que eu mostrei para vocês no início que a categoria padrão que a gente criou né que é para se você não tiver cadastrar nenhuma categoria no post se você tiver es
quecido aí ele fica marcado como padrão E aí eu vou tirar essa categoria daqui para a gente poder excluir uma categoria A gente vem aqui na Cate dias e aí você tem que descobrir qual que é o ID da categoria tá se você clicar aqui por exemplo na categoria que delícia que é o que a gente quer tirar né esse daqui qualquer cadê ah tem duas uma com y com i enfim a gente vem aqui clica em editar aí aqui em cima tem tá vendo ó aí de 21 Então essa é o aí de 21 e essa daqui com Y que é o ai de um tá vend
o Então 21 aí se for mais de uma tem que separar por vírgula 21 e 1 tá vendo aí já excluiu daqui essas categorias Ok beleza agora vamos configurar o layoutzinho vamos ver aqui no estilo vamos ativar aqui ó é single background que é ou seja background único para a gente configurar um background só um tipo de fundo só para todos aí o tipo de fundo vou clicar aqui a cor eu vou pegar esse cinza do rodapé vou deixar aqui no Rover também vou ativar e a cor vou deixar o alaranjado tá vendo que aí fica
assim normal quando a gente passa o mouse ficar alaranjado arredondamento vou deixar 30 pede vou deixar 10 e aqui no nome que é o que a gente configura o texto de dentro tá a cor eu vou pegar esse secundário que esse cinza a tipografia eu vou pegar esse de assento e vou só mudar o peso aqui para 500 tamanho para 15 e o Hover né que é quando passa o mouse eu vou colocar Branco aí ficou assim OK beleza Vamos colocar aqui clicar em salvar aí agora a gente vai fazer a Barrinha lateral vamos vir aqui
vir aqui embaixo pegar um Edition de imagem arrastar para cá eu preferi deixar as categorias aqui em cima para que a gente ficasse com espaço aqui pelo menos no computador ficasse com espaço na lateral aqui para ter mais propaganda aí para a gente conseguir fazer uma chamada para ação melhores porque se a gente deixa já essas categorias aqui em cima ele já tampa Todo o espaço e aí não fica uma boa visão para a gente colocar uma chamada aqui para o usuário né então fazer isso peguei a imagem aí
vou pegar aqueles bannerzinhos que eu criei aqui de exemplo estilo arredondamento vou colocar 10 Lembrando que a ideia que você coloca um banner aqui de um produto que você esteja vendendo como afiliado ou algo do tipo então aqui ó você tem que vir aqui em links URL personalizado e colocar o link seu de afiliado do produto aqui tá bom de afiliado enfim se você tiver uma loja tiver vendendo produto também fica com botão direito duplica uma duplicar duas vezes aí nesse aqui de baixo vou ouvir vou
trocar o banner colocar esse ouvir vou trocar o banner vou colocar esse vou vir aqui na biblioteca vou pegar um título arrastar para cá vou escrever assim ó mais popular eu vou vir no estilo tipografia vou pegar esse do secundário e vou mudar o peso para 600 aumentar aqui para tamanho é para o tamanho 20 aí eu vou vir aqui no na biblioteca também vou pegar o widget desse plugin novo que é esse daqui ó que já vem com a listinha prontinha a gente só precisa configurar algumas coisas ó colunas vou
deixar uma ó ele vem bem bonitinho né já vem bem configuradinho aí eu vou vir aqui eu vou tirar algumas coisas que eu não vou querer o tamanho da imagem vou colocar completo para não ficar embaçado aquele Carrie aqui né adicional eu vou tirar o a categoria vou tirar o autor vou tirar a data quero que fique só o título mesmo e a imagem e esse essa animaçãozinha de passar o mouse né aí eu vou vir aqui no estilo na imagem aqui no tamanho da imagem vou alinhar aqui um pouquinho aqui no tamanho do tí
tulo né vou deixar secundário peso 600 e tamanho 15 tá aí aqui na cor do Rover que é a cor que passa o mouse aqui vou deixar alaranjado e na cor mesmo vou deixar es primário ele vai ficar assim aí eu vou vir aqui no conteúdo diminui aqui o espaçamento entre as linhas vou ver aqui itens impedem Vou deixar só uns 10 de pede quem já vai ficar assim os cardizinhos prontos OK aí vou vir aqui nesse primeiro container vou vir aqui avançado vou vir em pedi desvincular e aqui na direita eu vou colocar 50
de pés para que não fique tão grudado com a outra Barrinha ali Ok aliás acho que a gente pode colocar mais um pouquinho deixa eu ver 60 ok e vou vir nesse contêiner principal vou vir avançado vou colocar 50 de pad e vai ter ficado assim a nossa página aqui de block aí agora eu vou publicar vou clicar em publicar eu vou colocar adicionar condições aparecer em todos os arquivos e vou salvar aí agora vamos recarregar ou se a gente clicar aqui em todas as receitas já vai ter mudado já vai estar apa
recendo todas as receitas aqui se a gente por exemplo frango aí vai aparecer só o post relacionado a frango aqui se a gente clicar ali em cima no menu também ó se a gente clicar em bolos ó tá vendo Vai buscar só o post relacionado a bolos por isso que tem que estar certinho aqui salvo tá se por acaso não tiver mais aparecendo a opção de publicar para você você clica aqui com esse triângulozinho vem display conditions que aí vai aparecer essa telinha tá aí vai estar assim você clica em adicionar
e deixa todos os arquivos e salva agora vamos configurar a parte mobile parte do celular clica aqui seleciona aqui celular aí aqui a gente pode deixar do pé de que está capítulo que eu vou vir aqui no estilo tipografia vou diminuir um pouquinho o tamanho deixar tamanho 28 aí aqui nesse container de baixo vou ouvir vou deixar 20 de padding aí eu vou vir nesse container daqui vou dizer com os valores de Bege vou vir nesse widget vou vir em conteúdo aqui em colunas vou deixar [Música] duas colunas
por vez né E se eu deixar mais vai ficar muito ó se eu deixar mais fica muito embaçado deixar duas por vez aqui as categorias e o post Vou deixar um por vez aqui Ok e aqui certinho pronto eu vou atualizar eu terminar de configurar nossa página de blog agora vamos configurar a página de post individual que é essa daqui ó quando a gente clica essa daqui que é onde vai ter realmente a receita conteúdo e tudo mais só uma coisa que eu esqueci aqui foi de um bannerzinho a mais que eu resolvi colocar a
qui é o Vina biblioteca arrastar a imagem para cá deixar aqui tamanho completo e esse banner Zinho de anuncia aqui que é legal ter também para a gente deixar né um espaço aqui para um usuário Sodexo se ele quiser anunciar aqui ele entra em contato com você aí como a gente vai fazer essa Abadia na página de contato aí a gente aqui no link a gente vem e coloca para a gente contato que a pessoa clica aqui né para anunciar ela vai lá para parte de contato para falar com você tá beleza deixa essa pág
ina aberta que a gente pegar algumas coisas dela vamos vir aqui dentro do painel administrativo do WordPress vamos vir aqui em modelos adicionar um novo vamos escolher agora o modelo de post individual e vamos dar um nome vou colocar a página de posts página de post vou clicar em criar modelo aqui é a mesma coisa o elemento te dá que algumas opções aqui ó de modelinho de post que se você quiser você pode pegar mas eu vou criar o nosso tá vou fazer o seguinte vou vir aqui vou copiar pegar esse co
ntainer de baixo vou copiar vou colar ele aqui que eu já vou aproveitar essa Barrinha aqui de baixo e vou excluir algumas coisas não excluir tudo na verdade aqui mesmo Praticamente tudo aí agora eu vou começar a construir aqui primeiro eu vou vir vou duplicar esse container aí vou arrastar para cá ou vou deixar esse conter bem pequenininho aqui vou vir aqui nele vou tirar esse Bad que eu tinha deixado grande aqui né vou deixar ele bem pequeno vou precisar de um espaço bem pequeno nele e vou arra
star esse aqui para cá também Pronto agora eu vou vir na biblioteca vou pegar o Edition de título do post vou arrastar para cá ele já vai puxar tá vendo título do post aí eu vou deixar aqui Centralizado vou vir aqui vou pegar esse vídeo aqui de informações da postagem Vou colocar aqui em cima do título do post que ele vai puxar as informações aí eu vou duplicar esse primeiro aqui e o tipo dessa informação aqui eu vou colocar termos e aí o termo que eu vou colocar vai ser a categoria que aí ele v
ai ficar aqui listado aqui a categoria A qual pertence o post tá então vou deixar aqui e aquele ícone eu vou deixar nenhum pronto aí eu vou mudar só esse ícone da data porque tá destoando os outros Tá vendo só ele que tá no escuro aqui os outros tá com formatos de linha né então vou vir aqui em ícone vou deixar personalizar aí eu vou vir aqui e vou pesquisar por calendário e vou pegar esse aqui ele vai ficar assim OK aí agora agora vou vir aqui no estilo texto tipografia vou colocar peso 500 vou
deixar a montanha mesmo vou clicar aqui clicar em salvar rascunho vou clicar aqui um olhinho vou clicar em visualizar quando você clica no olhinho você consegue ver como é que tá ficando o layout aí eu vou vir aqui ó eu vou te ensinar a fazer uma configuração aqui de CSS porque eu quero deixar esse botãozinho aqui tá vendo envolvendo a categoria para fazer isso você vai clicar com o botão direito bem em cima da categoria vai clicar inspecionar ó tá vendo vai estar selecionado ali aí você vai pa
ssar o mouse aqui em cima para ficar selecionado se tiver dois por exemplo aí tá vendo que você achou que o ID Então vamos testar primeiro para você só vai de certo a gente vai colocar display selecionar aqui ó display None se sumir é porque é o certo não sumiu Vamos colocar exclamação importante ó exclamação importante sumiu não significa que é esse aí dia aqui mesmo tá certo a gente pode excluir esse display aqui aí vamos clicar aqui de novo e vamos colocar background background color vou colo
car Red Por enquanto só para a gente criar aqui e também vou colocar Border traço rádios que é arredondamento vou colocar 30 de novo board traço rádios 30 pixels PX pronto Redondo agora o espaçamento de dente vou colocar pé de 10 pixels pronto aí eu vou copiar esse códigozinho que foi formado vou vir aqui vou vir em avançado virem CSS personalizado vou colar ele aqui aí aqui eu vou ajustar esse aqui que tinha dado errado eu vou excluir essa correde aqui eu vou substituir pela cor que eu realment
e quero que é esse código eu vou substituir o Red por ele vou deixar esse código aqui no seu provavelmente deve funcionar no seu só você copiar de mim e colar aí no seu se for mesmo aí vai funcionar tá aí Aqui pede vou colocar aí aqui impede você vai deixar assim ó 5 pixels 15 pixels 5 pixels 15 pixels e no final o ponto e vírgula tá vendo para ele ficar assim que aí a gente está colocando esse do início e esse do meio é o de cima e o de baixo Então cinco de espaçamento em cima e cinco espaçamen
to embaixo e esses dois aqui é das laterais então 15 de k e 15 de k tá aí ficou assim OK aí vamos ver nesse título de baixo Vamos ir em estilo tipografia vamos deixar secundário vamos deixar ele tamanho 25 peso 600 podemos aumentar um pouquinho 27 penseicenos aí vamos vir aqui na biblioteca conteúdo da postagem a gente vai arrastar para cá aí lembra daquele conteúdo que é o texto que a gente colocou lá em cada post então ele puxa todo aquele conteúdo dele puxa para cá tá a gente vai vir aqui na
cor vamos deixar essa secundária e o peso vamos deixar 500 aí vamos deixar tamanho 15 OK aí agora a gente vai fazer essa essa parte aqui de baixo que é a parte de deixar os comentários já vou até copiar esse título aqui ó que aí eu vou pegar um título aqui arrastar para cá eu vou colocar Comente o que achou vou deixar aqui Centralizado vou vir em estilo a cor eu vou pegar o alaranjado a tipografia eu vou pegar esse secundário e o peso vou deixar 600 também 19 aí vou vir aqui vou pegar o widget d
e comentários do post vai arrastar para cá clicar aqui clicar em salvar rascunho e agora a gente vai começar a configurar esse vídeo aqui de comentários tá a gente configure ele nas configurações padrões do tema que a gente já tinha feito alguns esses que a gente faz que a gente deixou de cor salve tudo mais aí a gente vai vir aqui em cima nas três Barrinhas configurações do site aí vamos ver aqui em botões aqui em cor vou deixar a cor de fundo laranjado a cor do texto de branco e em borda eu vo
u deixar sólido e a largura zero e é tipografia eu vou pegar esse de acento e o peso vou deixar 400 OK aí agora eu vou vir aqui em formulário de formulário aqui na cor da borda é o tipo de borda sólido aí eu vou deixar a cor um cinza um pouco mais claro pronto aí agora eu vou voltar para configurar esse que tá Rosa aqui é a cor de link Então vou vir aqui em tipografia aí tá vendo que tem aqui ó link a gente consegue configurar a cor que eu vou deixar esse alaranjado e é tipografia vou deixar ess
e de assento também pronto aí agora esse deixe seu comentário aqui se não me engano é o H3 a gente pode vir aqui configurar o tamanho dele deixa eu ver H3 acho que não acho que é um H2 é ele mesmo H2 aí eu vou configurar o tamanho dele aqui deixar tamanho 20 e vou deixar de também pronto atualizei aí vou clicar no xizinho para voltar para edição normal aí já temos aqui formulário de comentário aí agora vamos para essa parte aqui dos restante dos artigos né Vamos pegar aqui um dia de divisor arra
star Aqui para baixo aí Vou colocar aqui ó adicionar um elemento texto aí aqui abriu para a gente colocar o texto eu vou escrever veja mais vou deixar alinhamento aqui para esquerda a largura eu vou diminuir diminuir a largura um pouquinho eu vou vir aqui no estilo em texto aí né tipografia vou deixar peso 500 vou vir aqui vou descer aqui embaixo vou pegar esse widite aqui ó de finalist vou deixar assim aí o tamanho de imagem vou deixar completo colunas eu vou deixar uma aqui adicionar eu vou de
ixar vou tirar a data vou adicionar o texto e vou mudar para 30 palavras o texto vai ficar assim a consulta vou mudar o SUS que é o tipo de consulta ou seja tipo assim vai aparecer o que aqui aí eu vou mudar para relacionados que ele vai aparecer posts relacionados a essa publicação aqui em adicionar ainda que tá tudo certo aí eu vou configurar o estilo vou vir aqui vou deixar tipo de bordas sólido a largura Vou deixar um a cor eu vou deixar esse novo ali borda errado eu vou deixar 10 imagem bor
der errado eu vou deixar 10 também aí no título a cor eu vou colocar esse marrom a cor de Rover que a cor de passa o mouse eu vou deixar alaranjado ó vai ficar assim a tipografia eu vou pegar esse secundário vou deixar ele tamanho 18 mesmo ok aqui no texto vou diminuir o espaçamento entre o texto e o título vou deixar do tamanho que tá mesmo a mesma cor aí aquele categoria aqui nesse tipo de borda eu vou deixar sólido largura eu vou deixar dois cor eu vou pegar esse novo border rádios eu vou dei
xar 30 e pede Primeiro vou colocar 5 depois eu vou desvincular e na esquerda e na direita eu vou deixar a 15 aí vai ficar assim tá aí aqui no Rover que é ação de passar o mouse é a cor eu vou deixar o laranja que na hora que passar o mouse na categoria fica alaranjadinho assim tá e na borda também que vai ficar assim quando passar o mouse certo aí já está aqui aí eu vou duplicar esse título aqui vou arrastar ele para cá vou escrever assim o coelho ficou aqui embaixo trazer ele para cá escrever a
ssim posts relacionados ou colocar receitas no meu caso aqui né relacionadas receitas relacionadas e vai ficar assim agora vamos vir aqui na biblioteca vamos pegar o Edition só o ícone mesmo aí vou adicionar mais alguns aqui vou colocar o do telegram que o pessoal compartilha bastante vou pegar um do WhatsApp também vou deixar essas opções aqui ah vou colocar do Pinterest também aí aqui em Skin eu vou deixar mínimo aqui na forma na forma não precisa aí eu vou vir aqui no estilo cor eu vou deixar
personalizada aí aqui na cor primária que a cor do item eu vou deixar o cabo branco e vou arrastar a Barrinha para cá para ficar transparente e aqui na cor secundária que a cor do ícone eu quero colorir só o ícone eu vou pegar esse cinza que eu deixei aqui ele vai ficar aí aqui no tamanho do ícone eu vou aumentar tamanho do ícone vou diminuir o espaço entre as linhas e vai ficar assim é que no Rover na cor secundária eu vou deixar alaranjado e vai ficar assim pronto e a pessoa vai poder clicar
aqui para compartilhar OK aí eu vou vir aqui nesse container Wolverine avançado vou colocar 30 de pé de no restante aqui do das extremidades vai ficar assim agora eu vou publicar para aparecer em todos os posts vou clicar em publicar adicionar condição aí eu vou deixar assim ó todos os singulares e vou deixar salvar e continuar aí vamos lá Vamos acessar aqui um blog Aí tem todos os posts aqui a gente clica e ele vai para essa páginazinha aqui tá vendo aqui tem uns mais populares que eu vou mostr
ar mais para frente Como que você vai fazer para listar aqui pelos mais vistos aqui a opção de comentários e aqui vai vir os relacionados faltou o principal que eu já tava esquecendo aqui que é o seguinte de imagem destacada para cá que aí ele vai puxar a imagem aqui no tamanho da imagem vamos deixar completo vamos ver aqui no estilo arredondamento vamos deixar 10 e vamos atualizar vem aqui sim ó a imagem que fica aqui no card Zinho também vai ficar aqui dentro do post Ok então agora sim está co
mpleto O nosso página singular de post agora vamos ver como é que tá ficando mobile para a gente ajustar vamos clicar aqui clicar aqui para o celular aqui a gente pode vir no compartilhamento né e diminuir o tamanho dos ícones diminui também o tamanho entre as colunas ok a gente pode vir nesse container principal aqui virem esquema e aqui no intervalo entre os itens a gente pode deixar uns 20 para ele fazer um espaço legal aqui entre cada um dos containers aí nesse aqui a gente vem vem que em co
nteúdo deixa ele alinhado aqui para o centro a gente pode até aumentar um pouquinho esse tratamento entre eles aqui o título tá com tamanho legal texto também tá com tamanho legal espaçamento ok Aqui também esse Verde A Mais a gente pode vir aqui ver em conteúdo deixar ele Centralizado e aumentar o tamanho da largura dele o título desse aqui tá legal E o restante desse aqui tá legal mais populares também tá legal então o restante Tá ok aqui para mobile né então terminamos aqui de configurar aí a
gora vamos criar a nossa página de contato agora a gente vai criar a página de contato vai clicar aqui que aí você já vai cair na página de contato aí você pode ou clicar aqui em cima e editar a página ou então você pode vir aqui no painel administrativo vir em páginas todas as páginas localizar aqui a contato e clicar em editar tá aí aqui em cima você clica em editar com elemento a gente vai começar a criar o nosso layout a gente vai vir aqui na engrenagem aqui em layout da página Vamos deixar
elemento ou largura Total vamos esperar ele carregar e vamos atualizar se tiver aparecendo o título da página aqui no seu você você pode clicar aqui em esconder o título e atualizar tá aí a gente vai vir aqui vai pegar um container com a setinha para baixo vai vir avançado Vamos colocar 30 de pedi na biblioteca arrastar um título para cá deixar Centralizado vamos escrever contato vamos ver aqui no estilo tipografia Vamos colocar também o 30 peso 500 vamos vir aqui no container vamos ver aqui em
estilo tipo de fundo e na cor vamos pegar a cor cinza do rodapé aí a gente vai vir aqui vai pegar um container com dois aí vamos colocar aqui aí a gente vai vir vai pegar um widget de formulário do elemento arrastar para cá formado o elemento por padrão ele vem nome meio e mensagem duplicar isso de nome aqui duplicar duas vezes que aí esse daqui eu vou trocar para telefone eu vou trocar aqui o rótulo que esse títulozinho que fica em cima para telefone e aqui no espaço reservado que é o Place hol
der que é esse texto que fica aqui no meio eu vou escrever assim ó seu telefone no nome também eu vou mudar vou escrever seu nome tipo o seu nome aqui seu telefone aí é que nesse do telefone a gente tem que mudar o tipo do campo para telefone nesse outro aqui o tipo do cabo vai ser texto mesmo e eu vou mudar para assunto aí por isso rodou colocar como posso ajudar aqui no e-mail vou colocar seu e-mail aqui Pronto agora vou mudar o seguinte Ah não aqui em mensagem eu vou colocar também aqui digit
e sua mensagem pronto aí aqui no campo de telefone eu vou mudar a largura da coluna para 50 no de e-mail vou arrastar aqui para cima e vou mudar a largura para 50 também eles vão ficar um do lado do outro ok aí aqui em cima vou mudar o título para novo formulário de contato pronto aí agora vamos ver aqui no estilo aqui no rótulo eu vou mudar a fonte para essa de assento e a cor para essa do primário e a tipografia eu vou deixar 500 E aí aqui no campo no do Place holder eu vou deixar também a fon
te de acento aí vai ficar desse tamanho mesmo aqui no formulário no espaço entre o rótulo eu vou aumentar um pouquinho aí eu vou vir aqui no container vou ver em avançado vou colocar 30 de padim vou virem estilo borda vou colocar uma sombra no bloco Tá vendo só que assim fica muito grosseiro aí eu vou vir vou vir aqui na cor vou arrastar essa Barrinha bem para cá para diminuir a intensidade da cor que aí vai ficar mais Sutil tá vendo vou diminuir mais ainda procure não deixar sombra muito forte
que fica muito feio tá fica grosseiro pronto arredondamento vou colocar 10 pronto aí vou vir aqui no container principal vou vir em avançado vou colocar 50 de padim vou vir aqui vou pegar um título arrastar para cá vou copiar esse título aqui como podemos ajudar vou colar ele vou deixar Centralizado o Vini estilo vou mudar tipografia para esse secundário e vou aumentar aqui o tamanho dele para 23 o peso eu vou deixar 600 aí eu vou vir aqui vou pegar um container arrastar para cá vou pegar aqui n
o container vou dar a direção dele para horizontal vou vir aqui vou pegar uma caixa de imagem ou caixa de ícone tanto faz aí eu vou duplicar aí eu vou escrever aqui e-mail no título E aí aqui no de baixo aí você escreve o e-mail tô colocando um e-mail fictício como se fosse o e-mail desse blog aqui tem vídeo aqui no canal ensinando como é que cria e-mail institucional como é que eu uso meu institucional no Gmail tá Dá uma olhadinha na playlist de e-mail do canal contato arroba que delícia.com.br
aí vou mudar para cá eu queria esse aqui primeiro pronto e o outro telefone aí eu vou colocar um telefone fictício aqui também pronto vou vir aqui nesse estilo conteúdo tipografia vou deixar esse secundário vou aumentar o peso para 700 e aumentar um pouquinho o tamanho do título aí eu vou vir aqui na tipografia da descrição vou deixar essa tipografia de acento vou vir aqui vou copiar vou colar aqui no outro aí vou vir aqui no estilo aqui de conteúdo no espaçamento vou diminuir um pouquinho e ag
ora vou colocar os ícones esses ícones eu achei no flat ícone tá tem vídeo aqui no canal mostrando vários sites que você consegue baixar ícones svg de graça o flat com ele é pago e eu vou deixar esses ícones para vocês lá no nosso material no Drive tá Então vou pegar esse ícone aqui de e-mail e vou pegar esse outro aqui de telefone eu vou vir aqui aí vou vir aqui no espaçamento entre imagem e ícone vou diminuir e vou vir aqui em avançado borda sombra do bloco colocar uma sombra também igual a da
li aí eu vou vir aqui na cor vou diminuir bastante aqui a intensidade para ficar também uma sombrinha bem leve que nem a da outra tá vendo ouvir vou diminuir um pouquinho mais e arredondamento vou deixar 10 aí eu vou clicar com o botão direito copiar colocar com botão direito colar o estilo aí vou vir aqui impede vou deixar 30 copiar colar o estilo e vou vir aqui nesse container em avançado e vou deixar 30 de padding também e vai ficar assim vou vir aqui nesse título que eu acho que eu tinha dei
xado o peso maior ainda para 700 pronto aí eu vou duplicar arrastar para baixo do container tá vendo aí eu vou mudar para esse título aqui que é onde nos encontrar vou colar aqui vou vir na biblioteca pegar o índice de redes sociais colocar aqui embaixo vou duplicar esse de Twitter eu vou mudar para Instagram esse do Facebook eu vou mudar o ícone dele Ah não vou deixar isso aqui mesmo deixa qualquer um mesmo aqui no do Twitter eu vou mudar para o Tik Tok que a gente já tem aqui né e vou deixar o
YouTube aí vai ficar assim aqui em forma eu vou deixar círculo e estilo cor vou colocar por cor personalizada e na cor primária vou colocar o alaranjado Lembrando que para você colocar o link das redes sociais Aí você vem aqui e cola tá vendo o link aqui ó e é legal você vir aqui na engrenagenzinha e deixar ativa aqui abrir em uma nova janela tá aí beleza já vamos ter a determinada parte do desktop aí agora a gente vem aqui coloca para mobile vamos ver como é que tá no celular esse primeiro con
tainer Tá ok esse daqui a gente vai vir vai deixar 20 de pé de só aqui o formulário Tá ok e nesse container a gente vem e deixa deixar E o restante está OK aí vamos atualizar Oi no celular tá ficando assim pronto terminamos aqui a nossa página de contato agora vamos fazer aqui a nossa página de quem somos né quem somos sobre nós e primeira coisa que eu vou fazer clicar aqui editar a página vou mudar o nome dessa página aqui para quem somos Deixei muito bagunçado né quem somos sobre nós isso se v
ocê quiser deixar sobre nós pode deixar vou mudar para quem somos eu vou colocar atualizar eu vou ver quem está com elemento vou vir aqui na engrenagem vou mudar o layout para elementor largura Total esconder o título já vou clicar aqui para atualizar vou clicar aqui pegar um container com a setinha para baixo virem estilo tipo de fundo a cor eu vou pegar esse cinza do rodapé vou vir aqui pegar o Edition de título deixar Centralizado colocar o título quem somos vou vir no estilo tipografia vou d
eixar tamanho 30 e peso 500 vou vir no container avançado vou colocar 30 de pele aí eu vou vir vou pegar o Edition de texto vou arrastar para cá eu já vou copiar esse textinho que eu preparei aqui tá é um texto fictício e você pode fazer uma aí no seu também Cola num bloco de notas para não vem com lixo tss depois cola aqui vou vir no estilo deixar Centralizado cor do texto vou deixar secundário tipografia eu vou pegar esse tipografia de acento aí agora eu vou fazer essa parte aqui de baixo já v
ou copiar o título vou pegar um container com a setinha para baixo vou pegar um dia de título arrasta para cá vou deixar Centralizado vou colar o título aqui vou vir no estilo a tipografia vou pegar esse secundário vou mudar o peso aqui para 700 vou aumentar um pouquinho o tamanho vou duplicar o título vou pegar esse subtítulo que está aqui vou colar texto vou ver em estilo tipografia vou deixar o secundário peso 500 e vou diminuir e aqui na cor vou deixar essa cor do secundário aí agora eu vou
vir vou pegar um container arrastar Aqui para baixo vou vir aqui vou pegar uma caixa de imagem arrastar para cá aí eu vou duplicar vou vir no container vou deixar aquele ele ele em linha né para ficar um do lado do outro vou duplicar as caixas e deixar quatro aí eu vou vir aqui eu vou colocar o nome os nomes das pessoas da equipe né se for só você pode colocar só o seu mesmo ou se não quiser colocar nenhuma informação não precisa mas enfim aí eu vou copiar o nome de cada uma E clicando aqui cola
ndo a esse textinho que eu deixei aqui embaixo é Um textinho fictício mesmo eu não fiz nenhum texto porque é só para exemplificar para vocês né que aí aqui embaixo você coloca um pouquinho sobre cada uma das pessoas eu vou vir aqui no estilo conteúdo tipografia vou pegar o secundário e o peso vou pegar o peso a segunda não mentira vou pegar o de acento e aqui no peso eu vou pegar peso 600 vou aumentar o tamanho aliás vou deixar o peso 700 e na tipografia da descrição vou deixar assento também vo
u vir aqui em espaçamento diminuir espaçamento entre o título e o texto vou vir em conteúdo aí aqui eu vou colocar a foto das pessoas Eu fiz essas bolinhas no campo tem vídeo aqui ensinando fazer formas de imagem no campo tá pessoal bem facinho coloquei aqui aí vou colocar a imagem nas outras Pronto agora eu vou vir nessa primeira vou vir em avançado borda vou colocar uma sombra no bloco vou pegar essa cor aqui da sombra diminui bastante vou vir aqui na arredondamento vou deixar 10 vou vir aqui
no layout vou deixar 30 de pedi e vou vir aqui no estilo na imagem em largura vou aumentar o tamanho da largura da imagem vou voltar aqui avançado em borda vou deixar tipo de borda sólido vou desvincular e só no inferior que eu vou deixar três e vou vir na cor e vou deixar alaranjado aí vou clicar com muita direito copiar e clicar nos outros e colar o estilo vai ficar todos assim só vou ver aqui no estilo na imagem animação passar um mouse vou deixar grow para ficar com essa animaçãozinha copiar
colar colar colar Lembrando que todas as caixinhas tem link então se você quiser deixar o link para rede social da pessoa você pode colocar aqui Tá ok vou vir nesse contene principal vou vir avançado vou colocar 50 de padim aí eu vou vir aqui na biblioteca vou arrastar um outro container para cá para baixo se não tiver dando para colocar embaixo você coloca em cima e arrasta esse container aqui para cima que é mais fácil aí nesse contêiner eu vou vir vou vir avançado vou colocar 30 de padim vou
vir aqui na biblioteca vou pegar uma caixa de imagem também vou pegar essa caixa de imagem aqui vou copiar colar ela aqui aí eu vou mudar algumas coisas vou ouvir vou aqui em Poção da imagem vou deixar alinhado para esquerda vou vir avançado borda aí eu vou tirar essa borda aqui né nenhum eu vou tirar essa sombra aí eu vou copiar o textinho que eu deixei aqui que é um texto falando para pessoa anunciar anuncie vou colar ele aqui e vou colar o textinho aqui também piá e colar vou vir aqui na ima
gem vou diminuir aqui a porcentagem dela vou vir aqui vou subir uma imagem de um desse íconezinho que eu baixei é esse daqui vou deixar ele aqui vou ver no estilo espaçamento vou aumentar um pouquinho espaçamento entre eles vou vir aqui na biblioteca vou pegar um botão Vou colocar aqui embaixo eu vou colocar assim conosco vou vir aqui no ícone vou pegar uma setinha já aqui posição da seta vou deixar depois vou deixar Centralizado que no tamanho eu vou deixar médio tamanho do botão aí eu vou vir
aqui nesse contexto vou vir em estilo em borda vou deixar uma sombra vou vir aqui na imagem vai arrastar para cá para ficar mais leve a sombra e vou colocar arredondamento 10 Já ficamos uma caixinha aqui acho que eu posso diminuir um pouquinho mais esse essa cor pronto aí eu posso vir aqui virem avançado vim margem colocar 50 de Margem em cima e 50 em baixo para ficar um espaçamento legal Ok acho que eu posso aumentar esse título aqui um pouquinho pronto aí nesse botão que a gente fale conosco a
gente coloca a página de contato para pessoa entrar em contato né querendo anunciar algum tipo de propaganda no site a gente nesse Contender aqui a gente vai vir aqui aliás vamos fazer o seguinte vamos ver aqui vamos pegar um dia te chamado Âncora arrastar para cá colocar em cima aqui pode fazer assim ó coloca aqui em cima e arrasta o container para cá pronto aí ele ficou aqui no lugar certo aí eu venho aqui e vou escrever Ok vamos ver beleza aí por que que eu fiz essa Âncora aqui para a gente
poder limpar esse link aqui debaixo tá vendo de anuncie a gente poder linkar ele com essa sessão aqui então eu vou editar na rodapé clicar aqui né aí aqui em anuncie vou colocar o link aqui da página de quem somos e depois da Barrinha eu vou colocar hashtag A não ser que aí ele vai me levar para essa sessão aqui dentro dessa página pronto aí vou voltar aqui em cima clicar em editar a página para voltar para edição da página de quem sou aí agora vamos organizar ele para o mobile clica aqui coloca
no mobile essa sessão aqui tá com um tamanho legal essa sessão aqui a gente vai vir vamos deixar 20 de padding OK OK aí esse contêiner aqui a gente vem tira a margem dele e aqui no pedem também a gente pode deixar a gente pode deixar só 10 a gente pede em deadpad é desvincula aí no inferior e no exterior a gente deixa 20 que é o de cima e o de baixo né aí vamos vir aqui em Largo da imagem Vamos aumentar e pronto já tá legal aqui para o celular né aí eu vou colocar aqui para o computador pronto
Já terminamos aqui a nossa página de quem sou agora nós vamos criar a página de política de privacidade né é muito importante estar essa página se você tem um site como blog que o intuito é capta dados que o intuito é vender que o intuitar anunciar né produtos vai colocar anúncios então é importante ter essa página tá o próprio WordPress vou vir aqui em home e vou dentro do painel administrativo o próprio WordPress já era para gente uma página com texto básico sabe para você se situar com as inf
ormações básicas pode vir aqui em configurações privacidade se você tiver a página de política de privacidade você clica aqui e clica em utilizar essa página tá se você não tiver você pode clicar aqui em criar eu vou fazer o seguinte eu vou clicar aqui em criar para que ele Gere o texto para gente tá vendo aí ele já gera todo o texto é só você tirar esse texto sugerido aqui da frente aí esse é um texto sugerido é um texto assim de exemplo com um básico que você tem que colocar o ideal é que você
deu uma estudada sobre isso sobre lgpd que a lei geral de proteção de dados tem vídeos sobre isso aqui no canal eu ensinei fazer uma página de política é mais detalhada ensinei instalar o plugin de lgpd Tá eu vou até deixar na descrição para você como dos vídeos sugeridos ó criou aqui o texto aí você pode clicar aqui em publicar duas vezes e em editar com elemento a gente vai vir aqui na engrenagem vai deixar o layout em largura Total vai colocar aqui para assumir o título vai atualizar a gente
vai vir aqui nesse vídeo de texto que ele já Puxa tá vendo todos os vídeos de texto Vamos iniciar estilo a cor eu vou pegar essa cor de secundária que é mais escuro e é tipografia eu vou deixar essa tipografia de assento aí eu vou vir aqui em avançado vou colocar 50 de padding vou vir vou pegar um container com a setinha para baixo o mesmo aqui da página de contato ó posso até copiar vou ficar com o botão direito copiar vou excluir esse daqui colar ele aqui arrasta ele aqui para cima e vou muda
r o título para políticas de privacidade OK aí vamos olhar no mobile agora para a gente ver esse com tênis de baixo aí você vem coloca 20 de pé de só e Ok já tá legal para o mobile lembrando O interessante é que você Assista o vídeo de lgpd E cria um texto certo para essa página tá tô te mostrando como que cria a página como exemplo mas você tem que fazer o texto certo tá outra coisa vamos lá vamos clicar aqui no olhinho para a gente poder ver o preview né aí se a gente tirar aqui esse link a pa
rtir da interrogação vai ser o link aqui da própria página política de privacidade aí vamos ver se esse é o link que a gente colocou aqui E aí como a gente tinha criado a outra página Ficou duas vamos ver que páginas todas as páginas nessa outra aqui ó que não tem nada a gente vai excluir vai colocar para lixeira tá aí a gente vai clicar aqui em ver copiar o endereço de link vamos vir aqui no rodapé que é assim ó você pode vir em qualquer página passa o mouse em cima de elemento clica no rodapé
aí vamos mudar o link daqui ó para página certa pronto essa daqui já tá logo do site aí aqui você sabe né tem que colocar o link das redes sociais Agora falta a gente ajustar o menu para o mobile vão passar o mouse vim aqui colocar em menu clica aqui para a gente colocar no celular aí eu vou fazer assim primeiro eu vou vir aqui no container vou virar avançado vou deixar 10 de pedem só vou vir aqui na imagem vou virar avançado vou deixar aqui a largura dela em porcentagem eu vou deixar 20% e nada
Barrinha vou virar avançado vou deixar a largura em porcentagem e vou deixar 58% ou Vou atualizar e recarregar a página para Barrinha voltar a funcionar pronto colocar aqui no celular ó o tamanho certo aqui vamos ver aqui no estilo ver se a gente aumenta a gente já tá na largura máxima né OK a esses dois aqui eu vou tirar não quero que apareça no mobile então vou clicar aqui vou virar avançado vou virem responsivo vou colocar ocultar para celular para tablet e vou fazer a mesma coisa com esse c
ontainer todo aqui vou vir aqui avançado responsivo ocultar para celular e para tablet Beleza agora eu vou fazer um outro menuzinho aqui que vai ficar bem mais legal para o mobile Então vou pegar um container com a setinha para baixo a gente vai vir aqui vai pegar o widget de avaliações que esse aqui o Carrossel de avaliações vai arrastar para cá a gente vai excluir todos vai deixar só um E aí a gente vai excluir tudo aqui tá vendo de conteúdo de nome de título e do ícone da rede social e também
aqui na imagem tá aí a gente vai usar só esse vídeo aqui de nome aqui o widget não só esse campo nome e a gente vai colocar nesse campo as informações que tem no menu home todas as receitas e algumas categorias que a gente quer deixar então vou colocar aqui home nesse aí aqui na parte de link eu coloco o link da página home vou duplicar nesse outro eu vou escrever todas as receitas e aqui no link eu vou colocar o link da página blog que é onde tem todas as posts vou duplicar aí vou colocar essa
s categorias bolos massas salgados sobremesas bolos aí aqui o link eu coloco o link da categoria Mas se não tiver como pegar por aqui você só clica com o botão direito aqui na onde que já tá no menu clique em copiar endereço do link e cola aqui tá ó vou copiar de bolos já vou copiar de massas duplico aí são substitui massas e substitui o link duplico salgados aí eu substituo aqui salgados e substitua aqui o link aí agora sobremesa substitui o link e substitui o nome e aqui agora é contato se voc
ê quiser colocar mais opções aqui de categoria nesse menuzinho aqui dá porque ele vai ficar de Carrossel aí não vai não vai aparecer todos aqui não vai ficar grandão então ele vai ficar aparecendo dois por vezes aí se você quiser colocar mais categorias aqui dá para colocar também tá beleza é 15 likes por exibição a gente vai deixar dois para parecer dois cardzinhos por vez aqui mais opções em setas né que são essas setinhas que tem do lado para o outro a gente vai desativar e aqui paginação a g
ente vai deixar progresso para ficar uma barrinha de Progresso em vez dos pontos a gente vai ver no estilo espaçamento entre os vídeos a gente vai diminuir um pouquinho cor de fundo a gente vai pegar esse cinza do rodapé pede a gente vai deixar cinco espaçamento a gente vai deixar zero separado a gente vai tirar aí vamos ver aqui no texto aí a gente colocou no nome né a gente vai configurar tipografia vou pegar essa fonte assento aqui eu vou deixar ela desse tamanho mesmo vou vir aqui nesse cont
eúdo deixa eu ver aliás vou vir aqui no estilo texto tudo bem vou deixar assim mesmo vou voltar aqui no slide e arredondamento vou deixar 30 para fazer os botõezinhos arredondados vou aumentar um pouquinho se pede um deles aqui para ficar com espaçamento melhor deixar 10 de padding e aqui em navegação aqui na cor eu vou deixar alaranjado e na cor normal vou deixar esse cinza e na cor ativa eu vou deixar laranja aí tá vendo aí agora a gente precisa desgrudar os botõezinhos desse Progresso que ele
tá com esse bugzinho né então vou clicar aqui na atualizar vou clicar aqui com olhinho visualizar eu vou vir aqui clicar com o botão direito vou gerar o código aqui para vocês e deixo tá aí eu deixo para vocês colarem aqui pronto aí a gente pode pegar virem avançado virem CSS personalizado coloca SSS aqui que aí ele vai dar um espacinho ali da barra de progressão tá vendo aí a gente vem aqui nesse container bem avançado coloca zero de pede desincula e no inferior a gente pode colocar 10 Aí ele
vai ficar assim tá vendo aí vai ficar ao menos assim que a pessoa vai passando depois eu vou fazer um CSS melhor para deixar esse texto mais alinhadinho e deixo lá para vocês Tá mas assim já tá ótimo e aí vai ficando menos Zinho aí uma coisa para a gente fazer agora vamos clicar aqui vamos ir em estilo tipo de fundo cor vamos deixar Branco avançado e fez movimento vamos deixar superior ou top se o senhor tiver em inglês que aí conforme a gente for rolar na tela tá vendo ele vai ficando fixo ali
tá vamos vir aqui em layout mas ainda que vamos deixar 10 também vai ficar em cima das coisas pronto tá lisa aí agora vamos irem responsivo e ocultar para desktop de modo que ele não apareça no computador então vamos testar aqui ó no computador ele tá assim não tá aparecendo que ele menu e no celular ou celular tá aparecendo menuzinho tá vendo se a gente clica em alguma das coisas ele vai para página que a gente clicou e ele fica aparecendo assim formato de Carrossel eu tenho a possibilidade bem
melhor do que aquele menuzinho pequeno agora aqui ainda no menu Vamos colocar para o computador e esse menu aqui que é o principal a gente vai vir aqui e fez de movimento vamos deixar ele fixo também aí vamos atualizar E se a gente rolar a página recarregar aqui não ficou aqui superior e vou ver layout e deixar Z atualizar ele agora ele vem Tá vendo só que aí ele tá aparecendo em cima das coisas porque a gente não pôs cor de fundo vamos em estilo tipo de fundo e vamos por a cor branca pronto aí
agora ele fica fixo e a gente consegue ver beleza então finalizamos aqui o nosso site Aí agora vai ter alguns avisos para dar para vocês ó nós finalizamos menu rodapé home página de posts página de blog contato sobre e páginas políticas aí Aqui tem alguns ajustes que você precisa fazer no seu site para ele funcionar bem para você conseguir né ter resultados com ele e para tudo isso tem vídeo aqui no canal então s ou que é a otimização que você faz para que o site apareça nas ferramentas de busc
a do Google né então otimização de pesquisa que a gente faz tem vídeo sobre isso aqui no canal otimização que é uma configuração que a gente faz para o site carregar mais rápido que se o site tiver muito devagar para carregar para abrir as páginas do usuário ele não vai ficar não vai esperar então quanto mais rápido o site tiver mais dinheiro consequentemente você vai ganhar porque mais usuários você vai reter lgpd que eu falei agorinha que a lei geral de proteção de é obrigatório em todos os si
tes aqui no Brasil você precisa assistir e colocar em prática no seu site vou mostrar aqui para você aqui no meu site descomplicando eu tenho aqui tá vendo ó ele aparece o aceite consentimento de cookies tem vídeo ensinando sobre isso aprender como funciona o formulário para você saber quando a pessoa Enviar mensagem para você né aqui na luz laser também lá na página de contato Então você precisa aprender como é que funciona tem vídeo sobre isso aqui no canal corre Vai para os que são configuraç
ões também para o Google configurações que a gente faz para deixar de acordo com regras do Google tem vídeo sobre isso aqui no canal ferramentas do Google também que você vai precisar para trabalhar com isso que é analítica surge console eu também vou trazer um vídeo aqui no canal os próximos vídeos tá se inscreve no canal porque vai ser muito importante para você que quer trabalhar com blog que nos próximos vídeos eu vou trazer bastante coisa sobre blog Então vou ensinar vocês a colocar a essên
cia do Google né para ganhar dinheiro com anúncios então vocês vão precisar dessas ferramentas aqui e tem vídeo ensinando sobre elas e eu vou fazer o vídeo de colocar anúncio no site do blog tá Pixel de Facebook Pixel de Google também muito importante principalmente se você for trabalhar com campanha de anúncios tá então tem esses vídeos aqui no canal E lembrando que se você tiver com dificuldade de achar vídeos aqui no canal se você vier aqui e pesquisar dentro da lupinha você vai achar só víde
os aqui do descomplicando tá vendo Então quando você precisar vem pesquisa aqui na lupinha que você acha mais fácil tá bom pessoal deixa eu mostrar o site aqui que tem gente que vai no final do vídeo para ver como é que tá Como é que ficou o site Olha só então ficou assim nossa página de blog aqui ficou assim aí a página de categorias né ficou assim a página individual do post assim bem legal aí a página de quem somos e a página de contato né então é isso Pessoal espero muito que vocês tenham go
stado se você curtiu deixe um like nesse vídeo se inscreve no canal ativo Sininho me segue nas minhas redes sociais e é isso um abraço até a próxima tchau
Comments
🚀 Olá, tudo bem? me conta nos comentários o que achou.😊 👉Baixe o Material de Apoio no canal VIP no Telegram: https://t.me/descomplicandosites ❤ ✅Hostinger: Crie seu site na Hostinger com desconto pelo link https://descontohostinger.com/blogkydelicia + cupom DESCOMPLICANDOSITES para + 10% de desconto extra! 🔥🔥🔥 ✅Adquira o Elementor Pro pelo link: https://be.elementor.com/visit/?bta=12430&nci=5383&utm_campaign=blogky
Após três dias assistindo essa vídeo aula maravilhosa, estou finalizando a estrutura do meu blog de leituras e resenhas. Agora vou fazer a parte de loja e vou consumir mais conteúdo dessa excelente professora. Depois vou assistir o vídeo de SEO e pretendo ainda esse ano fazer minhas primeiras vendas no Digital. Parabéns professora e parabéns por disponibilizar esse conteúdo gratuitamente conosco aqui no youtube. Deixe seu joinha que seu 2023 será de muitas vitórias.
Vídeo incrível! Agradeço muito por ter feito esse trabalho e ajudando quem quer trabalhar com blog! Sei que é uma área que já existe a um tempo, mas ainda não conheci ninguém que trabalhasse com isso e ainda não conheço. Esse vídeo me trouxe muita confiança em seguir por este caminho, gratidão!
Você tem de longe o melhor conteúdo de criação de blogs da internet. Parabéns 🙏🙏🙏
Parabéns por este vídeo. Eu desenvolvi duas páginas hoje através deste vídeo. Você tem uma didática para ensinar, tem um dom. Deus continue te abençoando. Este trabalho que você faz aqui de ensinar é louvável. Não pare! Que muitas e muitas pessoas possam ser ajudadas por você! Parabéns, de verdade! ♥
É surreal que esse conteúdo seja gratuito! Obrigado Micaela, graças aos seus ensinamentos tirei o meu projeto do papel e em 02 dias criei o meu primeiro blog. Gratidão!🙏
Maravilhosaaaa conseguir criar meu blog só com esse vídeo maravilhoso, sucesso pra você!
Vídeo sensacional, parabéns. Nada igual no youtube. O detalhamento é incrível permitindo a iniciantes um resultado muito satisfatório. Gratidão pelos ensimanentos e vostos de crescimento para o canal.
Não sou de comentar e tão pouco curtir vídeos, mas você merece toda a atenção e apoio de todos que tem este interesse em comum que é evoluir... Seu Carisma e sua didática qualquer pessoa com vontade pode aprender... Parabéns você é muito importante...
Parabéns!! Conteúdo incrível e de altissímo valor!! Se tiver curso seu, certamente serei sua aluna! Incrível a sua didatica e conhecimento!
1:37:09 - Criação das Categorias 1:45:34 - Publicação do Modelo do Blog ( todas as categorias ) 2:01:19 - Publicação do Modelo de Post Individual
Oi Micaela, criei meu primeiro blog, ficou incrível, obrigada ❤
Blog feito em um dia! Muito obrigada por esse conteúdo rico 😍😍
Essa mulher é demais! Quase todos os sites do meu portfólio são inspirações das suas aulas. Muito obrigada por nos proporcionar seus ensinamentos, Mica! Abraço!
Que canal incrível. Consegui fazer meu primeiro site APENAS com esse tutorial. Simplesmente espetacular e extremamente bem explicado!
Pena não ter te achado antes! Conteúdo fenomenal com didática objetiva, sem mimimi! Só posso te dar os parabéns e agradecer pelo compartilhamento de conhecimento!
É possível criar uma página de blog dentro de um site corporativo? Teria algum vídeo explicando? Obs: seus vídeos são excelentes, tem me ajudado muito! Parabéns pela qualidade.
Parabéns pelo canal Micaela! Descobri ele final de semana e se transformou na minha principal fonte de aprendizagem, pesquisas e atualização para o Elementor. Utilizei o Wordpress em 2011 e depois parei no tempo. Sucesso!
Micaela, sua inteligência me encanta! Fica tão fácil de entender da maneira como você ensina. Parabéns menina! Luz pra ti 🌹
Essa mulher é um Anjo, graças a Deus conseguir criar um blog incrivél por causa dela, muito obrigado! ❤