Como Criar Um SITE PROFISSIONAL No Wordpress Do ZERO (PASSO A PASSO COMPLETO)

Como Criar Um SITE PROFISSIONAL No Wordpress Do ZERO (PASSO

Como Criar Um SITE PROFISSIONAL No Wordpress Do ZERO (PASSO A PASSO COMPLETO)



a sogra me chama para moto que só Ninja e no vídeo de hoje eu vou te mostrar passo a passo como você pode criar esse site no Word para as belezas e o Lead desse tá chegar ficou muito bom Realmente muito bom totalmente funcional tá E tipo de site que você consegue criar tanto para sua empresa quando tão cliente se você for pegar para um cliente esse tipo de site que você consegue cobrar partir de um r$ 1000 Tá eu vou tirar nesse vídeo passo a passo por você queria esse site completo e nos pés

Beleza então a gente vai ter esse menor aqui a Lua ou enfim toda essa essa parte profissional aqui então a gente consegue virar esse efeito para deixar o site mais dinâmico tá os botões enfim assim mais e olha só que esse Lead falar essa imagem que de fundo passando tá vendo ó ó já me feito bem bacana também e esse tipo de sarja que a gente chama de site institucional ou site One page enfim eu vou mostrar como você queria ir um peixe e também vou te mostrar com você transforma mensag em isso

opcional tá tudo nesse vídeo então ele tem os blocos totalmente ordeiras está gerando o contraste entre si que é uma das vezes Web Designer e Em breve vou explicar para vocês também como que a gente trabalha isso por isso nós ai sempre bonito tá depoimentos que é bem importante a gente tem um site tanto no seu site ponto no site do que a gente vai fazer uma área de depoimento é bem importante para gerar credibilidade prova social seja para vender um produto vender o servi ço enfim ok aqui a

gente tem a parte de contato então eu vou te mostrar como você quiser essa parte como você configura esse formulário de contato para assim que alguém preencher ele já ia direto para o seu e-mail ou e-mail atendente Ok para capturar o contato e entra aí conversar com o cliente enfim e Aqui nós temos o nosso rodapé que realmente o estado ficou bem sensacional Ok então se você quiser aprender esse tipo de vir eu pude tipo de conteúdo ó vocês viram aqui está encer ado novo já faz o seguinte de

as malas e dá um like se inscreve no canal e comenta embaixo Que tipo de site você quer ver que nojo depressa para fazer uma bem completa para vocês beleza galera e inclusive vou deixar mais descrição o link do meu do extremamente Então se quiser continuar muito mais aprofundado sobre depressa elemento criação sites ficam passo a passo mais completo você quer suporte acessa funcionamento descrição bem continuarmos faz mais sentido para você e vence rá um ok então vamos lá com controle do vídeo e

para essa aula ficar mais didática e qualquer pessoa conseguir seguir meu passo a passo e que esse resultado final Ok eu separei esse virgem Quatro Passos bem simples agora interessa conseguir esses quatro passos e ao final aqui desse corte passo que você vai ter um site completo tá seja para você ou então esse site como base só você atrás longos a ter algumas informações e aí você consegue vender esse tipo de site com o cliente por exe mplo um negócio local o advogado uma barbearia é um

cabeleireiro enfim você vai conseguir adaptar porque eu vou te mostrar vou te dar como que faz Beleza então o primeiro passo é a gente tem um domínio hospedagem só que você Fala Rafael eu não sei nem o que é Ah e não sei nem o que é hospedagem eu vou te explicar como que é como funciona e como contrato Beleza então lá o domínio é o nome do seu site então qualquer site fosse acesso à internet você tem que digitar um domínio a li no seu navegador então alguns exemplos eu tenho salário já ponto com

que é um domínio meu site em que a própria com Jet injecao.com que são lindos de mostrei namentos então a gente vários outros também google.com youtube.com eficiente tem a gente tem tanto.com quando.com.br. Net quem tem várias extensões tela as coisas mais recomendo é a pontocom e a.com.br Beleza então sempre corrente essas partes na internet a gente precisa ter um domínio Ok Isso aqui é obrigatório você ter e ta mbém a gente precisa ter um hospedagem mas se fala até o que é uma hospedagem não

sei basicamente uma hospedagem é onde os arquivos do seu site são armazenados Então vamos a um exemplo na prática aqui eu tenho esse domínio de teste que eu fiz para essa aula para esse vídeo ó e aqui ó tudo que tá indo do site é treino da hospedagem tá então essas imagens esses textos essas coisas botões infinitas efeitos aqui que a gente colocou tudo isso tá mais nada na hospedagem então pra gente t er um site na web tem um site no ar a gente precisa do domínio que é o endereço e a hospedagem é

onde os arquivos do site vão ser armazenados para poder ser mostrado para o usuário está então alguns exemplos de arquivos que a gente Armazém site ter imagens botões vídeos coisa enfim tudo que a gente vê aqui em qualquer site que você acessa tudo está dentro de uma hospedagem beleza galera Oi e aí para você ter um site online Você vai precisar ter uns dois tá não adianta ter só um domíni o ou só hospedagem porque não não tem como ficar no ar Ok então Rafael se eu pergunto assim como escolher

uma boa hospedagem eu sempre recomendo... Aqui tá porque o primeiro a velocidade galera imagina o um cliente o alguém acessar o seu site ele ficar ali sei lá 20 segundos para carregar a 30 segundos ele demorar bastante você mesmo como o como usuário quando você acessa alguns sites na internet e ele demora para carregar você sai do site você não acesso a ele então velocidade é u m ponto bem importante preencher é o nosso site aí no ar e funcionando bem tá o outro ponto é um suporte da hospedagem

então por exemplo vou sair eu tive algum tipo de problema preciso de um suporte quero tirar alguma dúvida Uma boa hospedagem aí tem um bom suporte para você para tirar suas dúvidas beleza galera e os pedaços que eu vou de carro eles tem suporte 24 horas por dia sete dias por semana então qualquer dúvida que você tiver qualquer probleminha você consegue entrar em con tato com eles e resolver cobro um terceiro ponto que é bem importante né se a gente conseguir aliar velocidade um bom suporte ao

excelente custo-benefício a gente tem um pacote completo Beleza e hospedagens que eu vou trazer que vocês vão ver que eu vou indicar a gente tem esses três pontos aqui Bela e aos OK aí você fala Fael beleza entendi que eu preciso de domínio e tem dia que eu preciso de uma hospedagem porém quanto que custa vamos lá agora e Médio um domínio que se for regi strar how.com ou.com.br você apagar a cerca de 40 reais por ano ok Esse é o primeiro curso e o segundo curso você ter seu site no ar é

hospedagem a hospedagem é cobrada mensalmente tá Então dependendo do plano que você for escolher é em geral tá em média custa mais ou menos 20 reais aí você ter seu site Lar porém eu vou te mostrar como você vai conseguir o domínio grátis então esses comentários você já não vai pagar e esses 20reais aqui eu vou te mostrar como você vai pagar bem menos basicamente quase metade desse valor aqui para ter seu site no ar com uma excelente hospedagem custo benefício excelente E aí você pode nos Art

Online galera não tem limite de vendas tá então se você colocasse o site ou site do seu cliente no arco ele vai ficar um ano todo ali bem mesmo para você o seu produto seu serviço passa na igreja habilidade para o seu cliente Ok e compra hospedagem que eu vou indicar o caos para as pontas que vocês é rochas beleza é uma hospedagem aí que é excelente e eu vou mostrar pra vocês porque ela é boa e por que você deve contratar beleza inclusive o link com desconto vai tá na descrição Ok então depois

que você saiu link da descrição você descer o escudo Mouse você vai ver que eles têm três planos e aqui a gente tem um plano single o prêmio e o business Ok e qualquer diferença entre eles colocam contrato como que funciona vamos lá a principal diferença entre o símbolo e o prêmio é que o single a gente só consegue con ectar o site você falar eu quero o melhor custo benefício possível e eu só vou querer a mensagem talvez só assim que você contratar o single beleza porém galera no single você não

ganha o domínio grátis tá então eu não escolheria ele é o plano que eu Começarei a ser um plano Premium quê Porque nele a gente consegue conectar sem site então por exemplo a vou querer almoçar aí você lava Tem uma parte do cliente ou então eu vou ter o meu dominio.com o meu dominio.com.br que é bem importa nte eu consigo ter nesse plano prêmio aqui ok fora isso a gente tem armazenamento em SSD isso aqui é um ponto bem importante porque tem muitas os pedágios que utilizam HD ainda porém o HDMI

relação SSD ele é muito lerda você tem os seus pedágio seus arquivos aqui armazená-las em SSD vai melhorar demais a velocidade dos o site Ok então esse aqui é um ponto bem importante uma outra coisa interessante é que você vai ter o seu e-mail grátis apresento a sala eu quero ter o meu e-mail co ntato a roupa o meu é o nome do meu dominio.com com essas pesagem que você vai conseguir Beleza você ganha também não SL gratuito você fala Fael QSL basicamente galera SL esse cadeado de segurança aqui tá

entendi que é bem importante porque não sei se já aconteceu com você quando o site que aparece não seguro somente você sai você acha que é vírus não passa nenhum tipo de credibilidade tá Porém quando você acessa o site que Ele carrega aqui ó com Cadinho tudo certinho Isso facilita a navegação falso Então você entrar no site e é bem importante você terá Ok com fora esses benefícios que as pessoas vocês Você tem o suporte que eu falei você consegue instalar o WordPress que basicamente vai ser o

cms que a gente pode utilizar para poder tirar o site Ok e aqui você ainda tem consegue ganhar um crédito no Google AdSense para poder anunciar o seu site lá no Google ok a forma série de outros benefícios a galera se falar com ela tem um pouquinho mais dinheiro para inve stir Eu quero um pouquinho melhor você tem um pronomes também ok aqui você vai ter mais armazenamento se você consegue ter mais visitas mensais enfim mas qualquer um dos três planos vão ser bons aí para você tá porém indico

começar pelo menos com plano Premium você escolhe o plano que fez mais sentido para você e clicar nesse botão aqui ó adicionar o carrinho Ok feito isso acontecer e ele vem aqui para o secar o está galera uma coisa bem importante ele tem alguns períodos aqui en tão esse período de 48 meses o valor sai 1099 por mês só que 48 meses Talvez seja um período muito longo ok a gente tem de 24 meses que serão dois anos aí eu vou lançar 1299 e tem o período de 12 meses ae 1399 Lembrando que a gente tem

que ter uma pelo mensal por exemplo mensal não recomendo porque cara você vai colocar o seu site no ar você precisa de pelo menos um ano aí para poder fazer seu projeto vingar você mexer no site aprender como que funciona e sim eu recomendo no míni mo um ano beleza que é o tempo mínimo aí pra gente colocar o site no ar colocar conteúdo mexer nele ou então se você for para esse tipo de serviço Você montar o bom bom site portfólio enfim tá então você ver qual faz mais sentido para você eu recomendo

a partir de um ano Oeste um pouquinho mais dinheiro se eu projeto você sabe que vai durar você pode cortar contratar 24 ou 48 é um é feito isso escolha o plano que você quer que que você ia fazer aqui ó possui um cupom desconto a gente fosse um cupom desconto beleza acessando pelo nosso link aí você vai clicar aqui e vai estar sala Ninja Ok E aí o valor da de 167 88 você vai ganhar sete porcento de desconto fica aqui no mais ele já vai aplicar o desconto para você de forma automática Ok E aí

qualquer um qualquer um desses 3 planos aqui você vai conseguir aplicar o nosso cupons de desconto exclusivo ok e aqui ele mostra mais alguns benefícios que a gente vai ter que o Sr que já comecei comentei com vocês e também vai ter a proteção Cold flare você quer bem interessante tá depois eu posso até comentar um pouquinho mais aqui ele nos dá o domingo gratuito que foi comentei com você vai ser o nome do nosso site tá é que você tem pontocom.com.br Enfim vocês podem fazer mais sentido eu

sempre recomendo how.com ou.com.br tá E que você pesquisa pode ser o nome do seu negócio o seu nome nome da sua empresa o nome da empresa seu cliente enfim eu vou estar o número de teste aqui ó e também que vocês verem como que funciona você vai ficar em pesquisar esse esse domingo não foi registrado por ninguém você consegue contratar então por exemplo não adianta você vir aqui e tentar extrair youtube.com esse domínio já foi registrado beleza ó no nosso caso esse domingo tá disponível ele dá

cinco porcento de desconto para gente então o valor dele vai sair zero reais vai ser de graça para vocês tá então cara esse custo benefício é excelente agora é uma colher de realmente aí muito boa por esse valor Ok feito isso você vai sentar em pagar agora ó e vai se foi um vai te pedir um método de pagamento está realmente vai te pedir para tirar uma conta antes aí só você preencher nome e meio sem esse tipo de coisa bem simples tá é que você vai escolher o método de pagamento é os temperos

PayPal boleto e cartão de crédito você fala fala o que você recomenda Eu recomendo ou pics ou cartão de crédito e por quê Porque já a prova na hora você consegue continuar com os passos es sa aula aqui para você configurar o seu site presa ela depois que você contratar que que você vai fazer você vai acessar o site da Rocinha vai fazer o login eu vou mostrar para vocês como faz se a pessoa não site aqui olha só você clicar entrar depois que você entrar ele vai abrir um painel parecido com

esse aqui para a gente configurar fiz não abrir você quer que hospedagem tá ele vai aparecer aqui exatamente estou com aqueles pés de vocês ele ó configurar hospedagem Premium que foi o plano que eu escolhi tá bom e com quem está segura isso daqui você vai ficar em configurar ele vai fazer algumas perguntas porém é bem simples de você responder eu vou te mostrar passo a passo como faz tá que ele começar agora aquele pergunta tá criar um site para quem você pode preencher isso aqui ou não no

nosso caso eu vou ficar para o mesmo tá o site institucional sem fazer muitas perguntas aqui você pode explicar empurrar tá bom é aquele pergunta qual plataforma qu e você vai utilizar a gente vai utilizar o WordPress Pois eu vou estar ele depois tá então o que a gente pode pular o caso você queira deixe selecionado por aqui então eu vou ficar indo lá vou começar do zero aqui ele pede o nome do site o nome do site é o domínio que a gente contratou no caso Esse foi o domínio que eu peguei aqui tá

bom para essa aula então você vai selecionar o seu domínio e clique em selecionar e ele vai pedir ó Complete o registro do domínio Beleza então ele vai perguntar qual o país que você tá no meu caso o Brasil ou se você tiver em Moçambique Estados Unidos Portugal a pessoa vai sentir bastante desses países você coloca o seu coisa aqui certinho beleza Ele pergunta é pessoal de empresa no caso vou colocar pessoal e aqui ele pede algumas informações de contato Então vou preencher aqui de forma

rápida eu já preenchi aqui tá Lara bem simples você vai preencher seu e-mail nome enfim e aí você coloca o seu endereço tá inclusive o telef one coloco também tudo certinho feito isso você que finalizar registo você fala só porque ele pede essas informações para esse domingo e ficar no seu nome tá bom então você vai ser o dono do domínio vou cair finalizar é aquele pediu a região também deixou o estado ok que tais sinais a Registro ó tá dando um pouco mais termina rua então vou agitar de novo

vamos ver a preencher e ele tá dando problema que diz que isso de colocar o número coloca o número e certinho que de finalizar e beleza o domínio está sendo registrado ele vai estar com seu nome você vai ser o dono desse sobrinho parar inclusive futuramente Tem muita gente que vende dormindo tá então você montar o projeto aí é isso pode acontecer você pode vender o seu domingo caso você queira beleza ó vamos finalizar a configuração aqui o domingo Quem escolheu a localização e sim você pode

ficar aqui mudar Tá eu vou colocar é é é que América do Norte eu vou deixar o portão que ele se dê seu número tá bom e vou ficar em finalizar configuração é feito isso só ele vai iniciar a configuração e ele pede para a gente guardar uns três minutos tá então vamos aguardar quando terminar aqui eu volto pra gente continuar e pronto seu site está pronto aqui ó para nós de controle a gente fica em gerar gerenciar Side unha de batedores de informações como instalação de praia instalação desse ela

Enfim vou mostrar pra vocês aqui mas é bem simples A gente poder utilizar tá galera ai que tal nosso dom ínio servidor DNS fim de tudo aqui tá papel quero criar um e-mail profissional você vem aqui contas de e-mail você queria a quero que é um subdomínio para poder utilizar você pode vir aqui que dá a beleza Lembrando que sob domínio falar caso você não saiba e é basicamente algo que inventaram o seu domínio principal Então os pontos sobre mim seja sala a gente tá somente o exemplo Rafael quer

criar um site de teste alguma coisa do tipo você pode criar um subdomínio subdomínios seria isso tá ele vem atrás seu domínio principal é o nome é você pode ter um sagge teste pode criar um blog é uma coisa do tipo tá bom então era só para mostrar para você ir o nosso passo não foi concluído contratamos domingo os pedais com maior que os benefícios do Brasil ainda mostrei pra vocês como você aplica cupom desconto exclusivo aqui do canal E como você ganha um domínio grátis Beleza você dá início à

em seus projetos vamos agora posso dois que a instalação de pressa só dando uma revisada aqui então a gente pode criar subdomínio contas de e-mail a gente tem um pouco de febre aqui configurado depois se tiver interesse comenta embaixo e se quiser que eu grave um mau mostrando como configura E por que é importante você trocou o inferno seu site tá e tem questões de segurança + rapidez enfim mas depois a gente pode comentar sobre isso aqui a gente tem um Alto Salvador para poder instalar o

WordPress é que você pode mexer uma cuidados mexendo no DNS enfim es se ponho aqui é muito intuitivo tá vamos ver aqui no Auto instalador vou ficar sobre ele é perfeito Aqui nós temos o WordPress e vamos utilizar ele vou cair selecionar e aqui você pode contar com uma http ou https e daqui a pouco mostrar pra vocês podem diferentes aqui tá basicamente um é com s é instalado e o outro não e aqui galera não preenche na tá deixa sobre o menino certinho pode marcar essa opção aqui ele perguntou o

nome de usuário administrador eu vou colocar Rafael é a senha do administrador vou ficar mocinha qualquer vim aqui mesmo a beleza aqui o e-mail eu sempre quando você colocar o seu e-mail do Gmail e Porque caso você fica celulares usuário essa senha por esse meio você consegue recuperar ou até mesmo pelo pai naquele da Rocinha você consegue ajudar também o título site e eu vou colocar a ao site por enquanto tá Depois a gente ao tela que a gente consegue extrair só WordPress eu vou mostrar pra

vocês e bom ficar Brasil e ele pergunta aqui ó a gente quer colocar uma senha de banco de dados por enquanto não vou colocar nada Vamos gente vai conseguir instalar o cara instalar ó a senha tem que ter no mínimo 8 caracteres então deixa colocar uma outra senha aqui vou cá instalar vamos ver se vai e é bem Está basicamente concluída se fosse essa que a gente vai ter instalado o WordPress no nosso site basicamente hoje pras vai ser a base onde a gente vai construir nossas páginas com estrutura

que ele acha que eu mostrei pra vocês e é um inosat vai ficar no ar Ok pronto o nosso WordPress foi instalado você pode vir aplicações está aparecendo sei o quê Calma está abrindo no meu caso tá vindo o que que eu fiz eu divulguei aqui da Rocha e loguei denovo ele tá funcionando tá você pode ver que está se domingo tá guardando ativação no meu caso aqui já tá funcionando não sei o que você pode fazer a corda 15 minutinhos é de volta do site longa e clicando aqui no seu domingo ele

está funcionando bel eza City Bom dia consegue dar prosseguimento ao vídeo beleza galera aqui eu posso ficar em gerenciar para ver o painel de controle aqui do meu WordPress tá então aqui eu posso forçar O Alex e Ps eu posso mexer aqui então a gente também tem esse lá despedir despedir cast tem um bolinho de queijo para tirar o site mais rápido tá vendo como eu vou deixar ativado e aqui a gente tem um SL que esse cadeado que eu recomendo você ativar tá então você vem que configurar no meu caso

não tava gritando porque tá mostrando aquilo que meu domínio está ativo por causa dessa informação aqui tá então o que você faz você pode criar no seu site e depois você ativa o Sr para funcionar da mesma forma Tá bom então vamos continuar depois crédito já tá tudo certinho você depois de uns 15 minutinhos de bola o água de novo e vencerá Avenida aqui para você estar lá beleza mas depois eu mostro pra vocês como faz acesso o seu domínio ver se ele tá abrindo já tá aqui abrindo no curto prazo
aqui então vamos continuar com a aula aqui galera vou estar bar é diferente de mim você falar porque isso para gente jogar no painel Express e vai ser através dele que a gente vai criar o nosso site que então digita que eu dar o pé de mim ele vai abrir uma tela de login então aqui eu vou te dar meu usuário e assim que eu cadastrei tá galera eu vou contar aqui em acessar Oi e pronto ele carregou aqui o painel administrativo dor de pras então a gente já estava old praça vamos fazer

algumas configurações Gerais para permitir a gente criar o site de amanhã a simples e fácil Ok mas só para mostrar para vocês a seguinte ó esse apanhador Expresso tá ele tem algumas notificações algumas linhas a gente pode retirar esse daqui e Minimizar enfim inclusive já tem uma pulguinha instalar algumas páginas Ok você pode Minimizar ou você vem aqui opções de tela que você consegue escolher o que que vai aparecer aqui na sua tela inicial tá é você consegue ajustando e hoje pa ra ele funciona

de manhã super sim tá basicamente você vai selecionar uma opção aqui no lado esquerdo e aqui um lado direito ele vai carregar essa opção para você então por exemplo se ele tiver aqui hoje eu ficar em todos os posts e ele vai mostrar o posto falar mundo o hello world enfim eu vou levar ele para lixeira é um coxo padrão que vem no WordPress tá ó colocar excluir permanentemente beleza aqui em paz na mesma coisa ele vem com duas páginas padrão eu gosto de selecionar vim a qui mover para a lixeira eu

fiquei aplicar beleza vem aqui nicho seleciono E aí fiquem excluir permanentemente Beleza a gente vem aqui em plug-ins plug-ins instalado o próprio hoje para instalar aqui pela Rocha ele vem com alguns plugins tá alguns pulinhos bem importante por exemplo andava immigration que a gente consegue exportar e importar site Google Analytics que a minha importante só que por enquanto agora a gente vai utilizar nada disso então vamos selecionar tudo vou ver aqui vou desativar ok bom e você pode excluir

tudo pô esse foguinho de LED Speed Crash no final do site você pode ativar ele tá mas o restante você selecionar vou para excluir vou tá ok a beleza perfeito dessa forma que ele tinha nosso WordPress mais rápido e mais mais tranquilo tá com mesmos arquivos vou ver que me configuração em geral ó e aqui a gente vai ter tido no site a descrição deixa eu pegar o nome da logo vai ser um mídia Tech Então hoje aqui mediatek e é aprenda a criar seu sit e WordPress que é a hora que eu tô mostrando

aqui pra vocês de como criar site no hoje passa aqui o o e-mail do administrador do site você pode ser aquelas você querer ir de uma massa eu quero inglês você consegue ajustar aqui a semana começa em domingo e clique em salvar alterações beleza uma coisa que eu recomendo você vir aqui em permanentes e sempre selecionar o nome do posto tá dessa forma fica mais fácil do Google identifica as url de seu site então se ele sendo aqui nom e do posto alterações Oi ok nós já fizemos as configurações

Gerais Vamos agora estar o tema que a gente utilizar e também os plugins então a gente vem aqui em aparência temas e eu vou utilizar um tempo bem levinho tá galera mas ele é muito bom a gente fica nesse botão aqui olha lá novo e vejo que ele aparece vários vários temas WordPress tá cada um desses temas em suas partes qualidades o que eu vou utilizar um vídeo é isso daqui ó hello o elemento se não tiver aparecendo para vo cê ó você tem essa barra de pesquisa e da Hello que ele já vai aparecer tá

bom é esse sistema aqui e vou para instalar agora e depois eu vou ficar em ativar e olha só como está clicando aqui tá indo rápido enfim graça essa boa hospedagem tá você deixou lá e sistemas aqui alguém nesse botão excluir doc vem nesse outro excluir ok Você fala fala porque você tá escrevendo e sistemas porque esses a gente não vai utilizar Então vai sentir um monte aqui no site então isso vai selecionando marcado excluir perfi e depois que a gente está o Renault ele já pede aqui pra gente

tava elemento você falava eu não sei o que elemento mas caminho que o elemento é um peixe Bíblia que é pedir mil é um construtor de páginas ou seja através do elemento a gente vai construir a nossas páginas inclusive todo esse aqui ó todo o design vai ser construído com um elemento o beleza ele é o mais utilizado consultor de países do mundo então eu vou ver que instalar elemento Ou cê pode ver qu e em Turim em Adicionar novo é o mesmo mesma coisa tá quê que você pesquisa por elementor a musa

aguardar carregar um bocado instalado agora um e-book estar em Ativar Ok você pode ver que é um pudim excelente e tem mais de 5 milhões de soluções ativas é todo momento ele está sendo atualizado Ok então essa agora ele faz a instalação aqui Oi já carregou para gente e depois de você instalar o plugin você quer ativar ele vai ficar ativo aqui dentro do nosso site a gente poder utilizar porém vamos continuar essa outros plugins vou vir que adicionar novo Eu sempre gosto de instalar o editor

clássico agora eu prefiro layout dele tá com leite acesso a página aqui de na hora de criar uma página o layout fica mais amigável então você pode estar lá é opcional isso daqui tá bom mas eu gosto de instalar ele vou cativar é perfeito um outro porque a gente vai utilizar é o elemento o próprio polimento eu pergunto limpá-lo com agora eu vou deixar o link na descrição pra vocês aí você fala Rafael se eu vou contatá-lo é muito pior consigo continuar com esse vídeo aqui assistindo e fazendo sim

eu vou te mostrar aí como você vai conseguir substituir o elemento o próprio Porém você fazendo com ele vai facilitar o processo e vai ficar mais profissional Beleza mas se não tiver condições de contratar agora porque inclusive o link da descrição vai ser um preço super em conta tá mas se tiver condições de contratar agora eu vou te mostrar algumas opções ao lo ngo desse vídeo então e de repente você vai instalar o alimento o próprio ou não fica até o final que você vai conseguir desenvolver o

site então depois você contratar ele fica que espera por mim eu fazer a instalação que já volto com vocês e pronto gente instalação aqui do nosso editor clássico o elemento elemento eu prova mais uma vez se não tiver alimento para o tem problema certo se continuar eu vou te mostrar como você vai conseguindo substituir Tá mas basicamente o elemento po de ver curso utiliza aí para conseguir aqui o nosso cabeçalho e esses efeitos aqui ó é somente com elementor pro Tá mas o restante você consegue

criar normalmente com elementor gratuito mesmo beleza então vamos continuar a o seguinte plugins instalados Ok gente vai ter que fazer agora vamos ao passo 3 e galera antes a gente continua aqui porque era só dá algumas dicas iniciais vai querer mensagem com o cliente tá uma coisa que eu sempre recomendo pra você criar um site com cliente aí você fazer um briefing Inicial se falava é o que é um bife é captar captar algumas informações do cliente tá e que tipo de informações quanto aos países ele

quer um site por exemplo tá se vai utilizar celular um plugin gratuito você consegue identificar Qual o serviço que ele quer se você vai prestar um serviço tiver avisar então por exemplo você pode pensar serviço de criação de lojas virtuais que essa mensagem tão depressa um peixe dropship é página de venda e quem tem bastante coisa que tem bastante coisa a gente pode oferecer a um cliente tá site dinâmico enfim o meu celular não tem embaixo depois pode conhecer eu ensino várias vezes tipos de

site agora E outra coisa se o site vai ter alguma função específica então por exemplo arar o site vai ter agendamento online A vai receber pagamento online enfim você vai fazer um bife Inicial pegando as perguntas principais para você poder passar o orçamento do cliente está no passar orçamento errado e você conseg ue criar um site uma maneira simples e fácil um outro ponto iguais de pegar sempre é se o que a gente tem algum site modelo que ele gosta porque se eu vejo dois três sites com modelos

bacanas se o cliente me enviou que ele gosta fica mais fácil para montar o design do meu site da minha loja virtual enfim só que então dando essas dicas aí se você for que tiver tirar mensagem para o cliente Pega essas informações ele ou se tiver entre mensagem para você mesmo já verifica aqui certo par a fazer alguma coisa específica para depois acrescentando beleza nós vamos continuar a moto ponto que eu recomendo é são as quatro leis Web Design can Easy aquele importante você criar um

site profissional então por exemplo não é pisar em as quatro meses que eu chamo é alinhamento opa o alinhamento agrupamento em contraste e repetição tudo isso gente vai ficar desse projeto então se eu consigo entender que alinhamento tá ali a mente a galera são os está entre as também não qu e essa caixa tá alinhado com esse texto de baixo que tá alinhado com esse subtítulo que tá ganhando o botão tá vendo tá tudo dentro de uma caixa só isso é imprescindível pessoa que site ficar bonito tá tem

muita gente que queria site aí coloca sei lá logotipo aqui Aí o texto vem para cá começa a fazer tipo uma pirâmide o Zig Zag enfim o site não fica bom tá ó inclusive vou descer naquele furo do mouse tá tudo alinhadinho e esse texto tá tudo alinhado esquerda então por exemplo se e u tenho um título alinhado à esquerda é interessante do texto que vem abaixo seja alinhada à esquerda também tá E assim você pode ver as caixas estão todas alinhadas entre si ó e que é muito importante da prática legal

todas sites Ó ficou legal agora se eu for precisar infracional por causa desses pequenos detalhes que eu tô falando para vocês tá então a primeira lembrou abusar né alinhamento a segunda lei é o grupamento você fala sério que isso itens que fazem sentido desses tem qu e estar ocupado depois exemplo eu vejo esse título aqui quando eu venho e subtítulos eu sei que está relacionada a ele e eu sei que está relacionada se botão então quando eu clicar eu sei que eu vou entrar por exemplo nisso daqui

tá escrito ok aqui encheram os exemplos de agrupamento Ah e assim a gente se repete que eu só estou tá então aqui a gente tem um grupo aqui outro grupo tava não não tem nada solta aqui no site não tem nada é separado tá tudo agrupado tudo alinhadinho tudo certinho beleza é o terceiro ponto é um contraste então por exemplo na nossa fiscal directions que nosso botão de ação por exemplo esse aqui ver portifólio você pode ver que o fundo dele contrata né a cor dele de fundo com traça com esse

background esse fundo roxo e por que a gente faz isso a galera bem simples para em chamar o pinto do usuário Então se esse botão tivesse da cor roxa também cara usuário não perceber isso daqui talvez nem sabia que era um botão pode ficar quando a gente gera esse contraste aqui isso salta à vista do usuário e fica muito mais simples em receber o clique em logo receber um orçamento receber uma venda e tipo depois tá bom Então olha só como o contraste é bem importante no site ó Aí fica fácil de

identificar onde o botão e clicar beleza e o outro ponto é a repetição então por exemplo também que eu tenho esse botão aqui arredondado com esse tamanho de fonte com essa fonte enfim aqui se repete ó a mesma fonte o mesmo botão arr edondado aqui também esse a gente chama de repetição tá até mesmo tamanho dos títulos a questão das fontes as cores vão todas e repetindo dentro do site dessa forma que a gente tem um site profissional se você quiser aprender mais sobre Isaias sobre esse tipo

de coisas número treinamentos atingir a prova tem um módulo completo sei lá com várias e várias aulas e mostrando o passo-a-passo muito disso aqui que eu resolvi agora para vocês para vocês terem como funciona beleza mas continuam aqui a nossa aula vamos agora tirar o nosso menu galera Como que criou o mesmo bem simples aqui no nosso painel de mensageiro de prazo você vai vir aqui aparência venenoso o ok inicialmente vou fazer site One page aqui no WordPress tá só que depois eu mostro como você

pode transformar em um site institucional para criar um peixe gente vai criar link em água se falar eu não sei o que é link ângulo fica tranquilo que eu vou te mostrar na prática só seguir passo a passo aqui comigo aqui no menu eu vou editar menu principal o prefeito vou clicar nesse botão aqui ó criar menu e ele que a gente vai fazer e eu vou vir aqui links personalizados e vou esses links âncoras aqui ó sobre servicos não é conceito seguir é servir com os mesmos depoimentos e contato até o

colo aqui digito sobre clica nesse botão adicionar o menu e vou fazer isso com os outros também servicos mesma coisa lembra que no texto você pode colocar o CDC digitar somente na URL que não cliq ue adicionar o menu eu vim aqui depoimentos também então hashtag depoimento basicamente isso você os blocos o nosso site tá Oi e o próximo é contato tão #contato Rafa eu não vou colocar hashtag aqui não vai funcionar Tá então coloca a gente tem dia que eu tô mostrando para vocês é perfeito causa que lhe

render a esses itens Olha a ração para cima para baixo e fazemos o justo tá bom e vou ficar em salvar menu Ok nosso mesmo foi criado então o nosso passo 3 foi concluir para ela temos a gora somente faço quatro para poder finalizar e vai ser a parte mais legal a gente aqui na página no design nas imagens cores tipografia e gente vamos lá dando prosseguimento vamos que a nossa página Roma que vai ser a parte inicial do nosso site então mais uma vez gente volta que não pagar no administrativo do

WordPress você tem que em páginas e vem adicionar nova gente criar a página home mas pode ser a página inicial também tá mas eu prefiro que assim que o nome de home mesmo v ou quer publicar é perfeito a nossa página foi criada e eu vou ficar aqui nesse botão editar com o elemento tá e atira que vai acontecer toda a mágica eu posso uma pequena introdução elemento para você entender como funciona o caso você nunca tenha utilizado tá basicamente ao site vim dessa forma e eu não quero nem

essas informações aqui que não faz sentido para gente então ficou falar que eu faço eu ganhasse engrenagem chamada configurações e aqui em layout da página e po uca elementor camas dessa forma a gente vai trabalhar o design 100% o elemento tá vendo que ficou tudo em branco só da página aqui para gente bom então aqui aqui a gente vai ter o site está entre por exemplo eu vou te dar uma nova estrutura eu clico aqui ó e vou tirando para cá Willys que vão ser a base tente construir o site da

por exemplo eu tô precisando de um título eu venho quentes ló a raça pra cá é que eu posso renomear Oi eu sou um título hahaha beleza eu volto para cá a falta opção de um botão também é a raça para cá o botão e assim sucessivamente dessa forma que a gente vai arrastando o juiz e vai querer um site tá E aí dessa forma que mesmo a gente consegue criar um layout profissional como esse somente fazendo alguns ajustes que eu vou mostrar aqui pra vocês Beleza se quiser alguma outra coisa o tanque de um

eles que a gente tem tá a gente tem tanto o Edi do elemento gratuito ele mentiu pro aqui ó a versão Pro e o básico e gratuito também ent ão aqui era um ícone você pode arrastar para cá Enfim vou ficar aqui no x eu fico aqui atualizar ao presencial as deformações e beleza antes da gente criar galera Ó O que gosta de fazer porque é bem profissional tá em vez de o raça um título para cá vem aqui em estilo a vou utilizar a fonte X por exemplo só e essa fonte é uma tela a vou adicionar um outro um

outro texto apud vou ter que alterar a fonte de novo mexer aqui na fonte enfim a gente consegue criar configurações globais definições globais coisa globais dessa forma sempre foi chegar é puxar ou ele de novo ele já vem com essas configurações globais e ela facilita demais o nosso trabalho então vamos fazer isso é bem simples você vai ficar nessa mesmo hambúrguer e vai estar aqui em configurações do site beleza aqui a gente tem corrida globais com Escobar Enfim vou cá engolir globais e esse

aqui é uma paleta de cores para essa alta vai ser essa forte aqui ó em que o roxo rosa e o amarelo e as nossas c ores de texto você fala Rafael como que eu queria uma parte de coisa aqui no canal tem vídeo de como faz isso Tá Mas de forma resumida você pode sair site chamado colors.com a beleza e você vem aqui em História e você tem que ter uma cor na cabeça que você quer utilizar quer utilizar um rosto quer utilizar o amarelo quer utilizar por exemplo um azul que fica interessante o azul

com laranja enfim você tem em mente a cor que você quer utilizar máscara você não tem mente aqui vai travar as paletas tá e se você tiver uma coisa em mente fica mais fácil porque você fica nesse botão aqui ó na verdade nessa barra de pesquisa depois lá eu quero que ao por baseada no azul eu fico rindo ele vai mostrar todas as cores que tem o azul que no site tá eu poderia entrar aqui escolher as coisas Olha que pode tá legal esse daqui ó essa aqui também fica legal esse azul verde laranja enfim

aqui você consegue pegar as coisas bem legais ó essa foto ficou boa só vai ter bastante 40 pronta aqui boa pra gente utilizar tá festa aqui ficou legal também enfim se você quiser pegar cores você pode acessar o site que ele é excelente tá aí é gratuito para você poder utilizar e aqui agora a gente tem cor primária secundária texto de assento Inclusive a gente pode ser uma nova as coisas tá vamo mal e as coisas que eu peguei nossos palete de cores foram ao Total aqui ó seis cor está hoje

encontrar essa fortysomething deixa só estar ordem aqui mais ou menos deixar mais ou menos assim em Ok E aí você pode copiar esse código quase aos vídeos pega Esses códigos aqui para você fazer exatamente que eu vou fazer tá então executivos eu vou copiar o código Zinho vem aqui em cores globais clico e colo código beleza tive a primeira coisa aqui para gente vou pegar 2ª por cor de apoio vou ver aqui vou colar Lembrando que eu não tô ligando muito aqui pela ordem ta tô colocando aqui de forma

aleatória depois que a gente for puxando para os a gente vários TAM e o segundo vai ser de textos oi vem aqui e colo Beleza o próximo vai ser eu quero ver o contraste então copia aqui e colo vou te dar uma outra cor que vai ser o cinza E aí você copia e cola nem branca é só você digitar f3s f3f 9 Oi ó que ele vai colocar a mesma coisa que tá puxar por certinho e uma próxima cor vou colocar o nome dela como cor de apoio Ok somente para renumere ficar bonitinho um e esse é o nosso Roxo é perfeito

tá aqui nessa parte de cores e ela que a gente vai u tilizar eu fico nessa setinha e Vou definir as contas globais você fala fala porque definir ações as condições legais Porque qualquer título que a gente puxar eu quero botão ele já vem com a nossa fonte você tá lá o tempo ficar muito mais fácil tá fico sobre ele aqui em primário e vou ficar Poppins e porque eu vou te dar opções porque ele é uma fonte sem serifa moderna bonita ele combina tanto para o título como os textos o site Ok então eu ia

ficar bem bacana aqui para esse nosso mo delo o Poppins texto o Poppins o e aceito copinhos também tá a beleza vou voltar aqui e uma outra coisa que eu gosto de fazer galera é vim aqui em layout e largura do conteúdo colocar em 1200 1200 tá Quê que é isso Rafael esse Lead quer falar gura é largura do seu site Então se quiser uma caixinha menor mensagem pegando mais o centro da tela você pode diminuir daqui colocar o tamanho 800 900 daqui a pouco eu mostro a vocês a parte que significa que você

puder entender tá mas você p ode chegar aqui clique em atualizar e eu vou ficar nesse xizinho aqui ó pronto perfeito carregou a página aqui para gente e agora vamos agora a parte principal aqui por onde estava esperando e vai ser a construção do layout então era só pra gente poder analisar que vocês entenderem porque Lógico tá pra que a gente tem esse cabeçada aqui ó aqui na Lobo é uma coluna aqui é outra coluna e aqui é outra coluna Tá bom então eu posso ficar aqui no + e adicionar uma estrutura

de três colunas favela eu tenho a primeira coluna A o terceiro o que eu sempre recomendo é assim que a gente Adiciona uma nova sessão você vem avançado se vem aqui pede a desabilita e dá um pede superior e inferior você falar só porque por conteúdo não ficar colado nem por parte de cima do site que nem com a parte inferior tá porque é feio fica estranha é perfeito vamos adicionar Nossa logotipo então eu vou vir aqui em imagem eu vou arrastar para cá vem aqui escolher a imagem e aí galera tem

toda s essas imagens para poder trabalhar aqui dentro dessa desse site lembrando time essas imagens vão estar disponível para hoje para vocês lá no nosso grupo do telegram Então é só você sair procurar o nome desse a aula aqui que você vai encontrar esse material disponível para download lá para você está Ela inventou essas imagens aqui para você poder utilizar nesse vídeo né e também nos vídeos no site se você for criar pra você seu cliente perfeito subir assim mais aqui para o site só gente

aguardar carregar vai demorar esse lá 12 minutos dois minutos é bem rápido tá bom perfeito e já carregou mais que para gente Vou pegar minha logo você pode ver que é branca tá então conhecer Óbvio que não vai dar para enxergar mas ela tá aqui tá vendo que gosta de fazer vim aqui link eu coloco rlp O que é que eu colocar home page do meu site no logotipo tá então vim aqui a Posso copiar vem aqui cola fica atualizar Beleza tem que poder ver isso aqui que posso fazer o vem que em sessão est ilo o

clássico e vou ficar uma cor de fundo tá Depois a gente retira só para gente poder ver como que está ficando porque tudo que encher de celular aqui vai vai ser em branco tá da cor branca você precisa logo vou dar minha mãe da esquerda perfeito e agora que eu faço eu vou estar aqui nav-menu e ele vai puxar o meu menu Ok só que você Fala Rafael eu tô dizendo pessoalmente olhando Inter gratuito e não tenho identidade medo realmente não tem tá galera eu vou mostrar opção gratuita para vocês você que

o meu painel dois pés fazer uma guia para mostrar a vocês a opção gratuita para você poder ter esse menino dentro da sua alma do seu site tá você vem aqui dormir sai do celular novo Oi e aí você pesquisando aqui header te enfiar cabeçalho você vai ter esse plugin e ele vai ter uma identidade no parecido com o do elemento ar e você vai ter esse outro aqui ó que aí também vai ter 19 minutos e a parecido com o elemento e você pode falar qualquer um dos dois depois qu e está lá você atualiza aqui a

página você vai vir aqui e pesquisa 19 - que você vai encontrar um a gente parecido com esse você vai conseguir utilizar Nessa ó beleza mas vamos lá eu vou puxar aqui a forma um pouquinho para cá vou puxar um pouquinho para cá vou selecionar esse menino Ok vou unir a esquerda vem aqui em estilo em tipografia eu posso tirar um pouquinho dessas pessoas aqui em peso tá vendo aquilo que em ó e aqui não tá que escola eu posso colocar um branco Pronto está f icando legal que que eu vou fazer aqui

também eu vou tirar um pouco e se pede tá vendo ó ficou colado e aqui Space eu vou aumentando um pouquinho do tamanho que eu achei mais interessante tabela perfeito se o menino Isaque para gente tiver está ficando bem legal a e agora a gente vai fazer vamos ter também que ao nosso botão falar no WhatsApp bom então eu vim aqui ó em botão vou arrastar para cá vou alinhar à direita e que eu vou estar falar no WhatsApp beleza aqui enriconi faz sentido de colocar o ícone do WhatsApp vai ficar legal

então eu fiz aqui em biblioteca de ícone digitou a ti só ele vai encontrar o ícone para mim eu clico sobre ele e que nesse botão verde aqui inseri perfeito aí você fala fala quando a pessoa ficar como que eu faço para ir lá para o WhatsApp o WhatsApp do meu cliente bem simples E é só você está link WhatsApp aí no Google tá você vai encontrar esse site aqui ó convertte.com.br em outro vai colocar o seu número tá o nome do atenden te da loja enfim você pode colocar uma mensagem para programar no de

texto clica no botão Cadê mais uma vez que a gente está certinho beleza fique gerar link e depois de copiar link aí você tem que ir no seu site aí qual no WhatsApp eu recomendo vocês enfeitar essa engrenagens colocar abre nova janela e por quê Porque qualquer usuário da WhatsApp que está sendo falado no nosso site Então se essa opção de fazer marcar depois ele não vai conseguir voltar então eu recomendo você marcar e ssa opção aqui beleza vamos ver aqui em estilo o like regulamento também o botão

eu posso arredondar ele Ó então colocar 50 ele fica arredondado ou então se quiser um botão com tudo e coloca o zero ficar certinho para verificar ele fica um botão contudo nesse caso para o carregador da mãe de 50 Beleza o meu fundo eu vou colocar branca ó então tipo de fundo cor eu coloco o branco e a cor de texto eu posso selecionar aqui ó Nessa engrenagem e puxar Nossa for global e já tá ficando legal eu vou cantores ar a e agora a gente vai tirar o próximo bloco bem do site tá inclusive até

que você pode ficar mais fácil a gente vai ter bloco de sopa e serviços depoimentos e contato exatamente do jeito que a gente fez o menu tá é o primeiro bloco A gente vai chamar vai ser se principal aqui então você pode ver que tem uma coluna na esquerda e outra à direita ainda fazer exatamente igual botão cíclico sobre essa esse ciclo de mais cinco aqui em duas colunas veio na sessão bem avan çado e aqui em pé a gente pode dar um país superior e inferior de 80 somente para não colar o

conteúdo conforme já expliquei para você está e eu vou arrastar mantido para cá tu esse primeiro título da eu sempre recomendo trocar a Comandar um tá até porque porque são gerenciou o e inclusive se quiser ver um Audi S8 no site Como hacker Fátima no Google comenta embaixo que eu posso gravar Mal completa para vocês e eu vou colar esse texto tá mas aí você consegue agitar colocar o texto que você quiser beleza e esse outro vou pegar esse esse Loren Y aqui inclusive vez que a gente tem um

olho detido e tem de terço se elas aos textos para cá ele já vem com esse texto pronto chamado Loren Y pois você consegue selecionar excluir e adicionar outras que você quiser tá uma coisa que gosta de ajustar tá vendo que essa linha azul ele tá pegando um pouquinho abaixo do título ou se tem um espaçamento aqui como que eu faço para lhe Gustavo Vem aqui em texto e ness e finalzinho que eu dou Undelete no meu teclado ele retire esse espaçamento bem bacana essa dica né Oi e o próximo vai ser um

botão e a raça pra cá e esse botão eu posso encapar portfólio a parte de serviço então hoje está aqui a ver serviços o link eu vou colocar servicos sendo que tinha criado lá atrás ela nosso menu e servicos beleza e depois a gente vai fazer isso em casa e daqui a pouco eles vão entender como funciona essa é seguinte que passa falso comigo o vento still arredo ndamento focar 50 pede eu vou desativar e é um botão vai ficar estranho só que aí eu vim aqui do amar super de 20 em feira de 20 para

a direita 50 na esquerda 50 ou seja o botão ficou mais preenchido ficou maior é perfeito agora vou vir aqui na ação principal vem um estilo no tipo de fundo eu fico aqui ó eu posso colocar uma imagem como fundo do meu site então eu te pegar esse essa imagem que chamado BG background clique em inserir mídia E aí galera que a gente faz fica aqui em preenchimento completo Ok vim knead altura se Qual a altura mínima e ele por padrão vem pixels Eu recomendo você colocar em VH se falar Rafael

porque colocar enviar porque não VH ele se adaptar melhor em todos os dispositivos Tá bom eu vou deixar mais ou menos cd2 e depois a gente pode ajustar ó e aqui no texto eu vi que estilo e o vamo trocar o corpo a vomitar também o tamanho tipografia colocar mais ou menos 32 ajustar essa altura de mim e eu gosto ficou km também tá Oi de sculpa aqui um E aí eu vou estar mais ou menos assim e vou mandar um pouquinho peso e pronto vem aqui no nosso subtítulo texto faço mesmo ajuste o e uma está

ficando Nossa este modelo Está ficando legal Vamos agora adicionar essa imagem aqui colocar esse efeito nela tá então vem aqui ó eu perco nesse nesse ícone Zinho veio imagem arrasto para cá clique sobre ela e que esteja sendo assim mais não se eles fiquem sempre mídia a beleza imagem já tá aqui podem vamos agora adicionar aquele efeito nela tradição efeito é bem simples A gente bem avançado efeitos de movimento e aí você vai colocar mouse e fretes e você sabe que esses dois ou três de que

ele vai fazer ser feito tá ele pode fazer o maior o ou menos tá mas sim está vendo e você escolhe Tá eu vou deixar o padrão e eu acho que é muito de me bater mais uns 3 não me bloqueie essa parte aqui olha só tá disponível com ele mentiu Pronto agora mas se tiver usando alimentou grato e depois vou colocar imag em aqui aqui mostro aqui ó quando habilito ele ele permite que o a imagem vai andando conforme o vô mexendo Mouse aqui ó então fica bem legal tá desde que a gente faz o efeito e agora que

vou fazer vou puxar esse nossa sessão aqui para cima para criar um menu transparente Então vou voltar aqui nessa sessão e na cor que tinha colocado eu vou selecionar e puxar essa Barrinha aqui ó de Transparência Beleza vou virar avançados e que é bem importante tá Mc Rick seu colocar um porque Rafae l porque eu quero que esse menino aqui ó essa parte de cima ela tem prioridade sobre esse essa sessão que eu vou puxar tá bom volta aqui na seção avançado e queimar a gente vai dar uma margem negativo

o desenho e vai ajustando mais ou menos um 112 a beleza aqui embaixo ainda não ficou legal então fica o botão direito editar a seção bem aqui em estilo e eu posso mexer um pouquinho na posição o bicho homem tá um pouquinho mais vamos ver ó ficou estranho que ainda não vamos ajudando tá g alera vou voltar aqui em estilo e colocar Centralizado para ver ainda não ficou bom eu posso colocar personalizado e aqui na posição limpson eu dou um pouco uma margem negativa coloco não repetir Oi e eu vou

puxar esse backlog para cima até ele ficar certinho jeito que eu quero e ainda não puxa mais um pouquinho a compra que não vem dá para ver e pronto agora assim ó ele tá pegando esse esse efeito tá vendo agora agora tá ficando legal feito isso que você faz você que quer atuali zar para não perder as alterações tá caso deu um problema na sua internet é uma coisa do tipo perfeito já fica igual um site modelo e agora vamos para a próxima sessão que vai ser a nossa sessão sobre Nossa então a gente vai

ter uma cor mais que é de outra na direita Então eu fico aqui ó aí só numa sessão com duas colunas bem avançado que é do meu pede superior e inferior de 80 Ó nessa primeira coluna para colocar a imagem então adiciona pra cá imagem seleciono vai ser essa imagem que fica inserir mídia perfeito e a gente vai ter essa parte vamos ter alguns textos e o botão então eu posso ter com o pé esse texto aqui cola aqui e esse outro texto eu vou copiar aí pó também aí então botão direito copiar desse aqui aí

colo vem aqui nesse botão botão direito copiar copia desce esquerdo do mouse aqui cola botão direito colar perfeito e ela que a gente fazer vamos ver aqui vou mudar Só se a tag pagar dois vim estilo e alterar a cor colocar na sua cor primária né esse n esse segundo aqui ó eu vou colocar essa outra cor de terça que é um pouquinho mais claro para gerar um contraste beleza ó e aqui ó aprenda WordPress gera Gonçalo é só que eu texto de exemplo pra galera mas você pode estar na hora que você quiser só

vem que estive de mim um pouquinho essa tipografia foi mais ou menos 48 pisos e vou aumentar um pouquinho mais essa altura de linha mais ou menos 1,2 acho que fica legal beleza é perfeito vou voltar aqui adicionar um título vou arrastar par a cá porém ele posso colocar como p&d parágrafo ou então span beleza bom e que como fazer vai ser o título sobre Nossa então sobre nossa vim aqui estilo e fui pegar nossa cor de apoio nosso roxinho eu posso colocar transformar eu esqueci tamanho mais ou menos

uns 20 24 pixels e vou hoje me nesse peso e que eu vou aumentar um pouquinho espaçamento da fonte perfeita e aqui eu vou te dar mais um pouquinho de texto só vai para ficar esse bloco um pouquinho mais preenchida tem um corpinho aqui colo hoje eu vou estar lá Bom dia comprar mais um pouquinho de texto a cola aqui perfeita deixa eu dar um lanche ali uma parte estratégica beleza vem aqui em texto e aqui eu faço aqui mesmo tempo para vocês vão Undelete aqui no final deixa eu dar uma entrada aqui

para ver se ele vai agora é perfeito aqui tá funcionando tá só que aí galera Ó como aqui ficou melhor mais Centralizado mas mais interessante que eu faço vou selecionar viemos aqui buscar colocar meio beleza posso vi r aqui na minha imagem estilo e diminuir um pouquinho tamanho dela deixar mais ou menos aqui uns 80 e por trinta e dois por cento Ok e o nosso botão nesse caso eu vou alterar o estilo dele é o terminam com de fundo tocando nosso roxo Ok inclusive falar com ela quer aumentar o botão

você pode vir aqui aumentar lá no pede tá e esse botão eu vou encapar contato então eu posso digitar aqui ó a entrar em contato Ah lembrei que o botão tá maiúsculo a letra tá então para quem está só vem e stilo tipografia transformação mais uns costal perfeito e aqui no link editar contato ok #contato depois você vai entender que que você aqui vai acontecer Beleza vou para atualizar eu fico na setinha para gente ver as outras alterações logo E aí já está ficando bem top A gente pegou uma paz nem

branca e olha só que a gente tá fazendo é mas vamos continuar e a próxima sessão vai ser essa seção aqui então e eu vou criar uma estrutura tá de duas colunas e vou fazer a mesma coisa ó vou d ar um pé e superior de 80 inferior de 80 tá perfeito vou adicionar essa parte aqui ó serviços então eu posso até copiar esse daqui ó esses textos até os prints que ele de uma forma mais rápida tá isso é uma vontade de criar um elemento olha só a rapidez que vou querer no site copio vem aqui cola e

pronto vou adicionar o botão também a copio vem aqui qual é que esse botão caso que eu posso alterar a cor de fundo dele também é perfeito aqui a gente pode colocar serviço só entã o eu vou digitar que serviços a e nesse outro vou alterar o texto ó e seleciono vem que cola mas você pode estar o que você quiser tá lá e nessa outra parte a gente vai ter esse bloco é um pouquinho diferenciado tá e mas eu vou mostrar para vocês como que faz antes vamos selecionar que a sessão vim em estilo aqui em

clássico vou selecionar e vamos colocar aquele nosso cinza de black round Case beijinhos aqui ó ficar em cima e mídia vou colocar preenchimento completo Ok posição cent ralizada e depois a gente ajusta aqui como vai ficar beleza nós vamos fazer esse segundo bloquinho como que eu vou fazer aqui em seção interna eu vou arrastar para cá perfeito e aqui dentro dessa Nutella então eu vou tá escrito vocês e adicione uma ação principal com duas colunas e dentro dessa coluna eu vou colocar uma

seção interna Beleza agora vou puxar ou ilide caixa de imagem eu vou arrastar para cá e aqui vou colocar um ícone tá então você começa com vocês eu fico aqu i ó em escolher imagem eu vou pegar um ícone Zinho bonitinho por exemplo esse ficar em cima e mídia ó e aqui eu posso colocar os serviços que ofereço com o seu cliente oferece tá aí dentro do site que é bem bacana vou tirar um pouquinho desse texto Ok perfeito é que eu vou fazer galera aqui em estilo a gente consegue mexer aqui a aguardar

imagem a caso você queira tá eu consigo consegue mexer nesse espaçamento e aqui encontrei o doente mexe na tipografia eu vou aumentar um pouquin ho e a espessura vou vir aqui e deixar também mais ou menos uns 20 pistas tá E na descrição vou deixar o tamanho mais ou menos em 14 que eu acho que vai ficar melhor prefeito o podem ver vista bem diferente nosso site modelo aqui tá quê que eu vou fazer alinhamento à esquerda e dentro dessa coluna ó dentro dessa coluna que está esse leite eu vou ver quem

estilo um tipo de fundo e vou colocar Branco tá borda e o colocar 20 foi fica arredondado ficou um efeito bem bacana E aqui em cima do bloco eu vou colocar põe desde que essa sombra tá feio quando ele tá colado fica estranho tá não fica bonito Então Toma cuidado isso com isso tá aqui nós somos no bloco vou clicar eu vou puxar mais ou menos perto do rostinho aqui mas vou deixar bem escuro Porém Aqui ó essa é barra de eu faço idade ela não faz sentido deixar desse dessa forma fica feio então eu

puxo essa Baja falsidade mais ou menos aqui um zero. 15 tá vou estar 0.10 para ficar bem suave mesmo oi vem aqui em esti lo avançado e vou dar um pé de mais ou menos 20 eu posso aumentar mais um pouquinho Chamas - 25 oi oi e já ficou mais encaixado esse conteúdo e é que eu faço eu vim aqui d'O pico o Vini segundo aqui ó esse colar coluna selecione esse primeiro vem aqui na margem e qual qual magina esquerda de 10 selecione esse outro avançado e a mais na esquerda de 10 dessa forma e já começa a

ficar já começa a criar uma cara bem legal nosso bloquinho e esse próximo serviço que a gente oferece vai se r o de lojas virtuais estão Vou colocar aqui Lojas Virtuais vou pegar um ícone Zinho tá perfeito botão direito duplicar Ok selecionou esse vinho avançado desativa margem aqui dou um age mais ou menos de uns 30 pixels Axé ficar legal perfeito que a gente vai fazer agora vamos trocar o ícone e os textos Então o próximo vai ser lá um peixe tá aí que eu tô simulando é que tu queria um site

para um web-designer por exemplo mas aí você consegue ajustar um serviço depois eu vou ter divul gado você coloca consegue colocar um serviço de uma manicure por exemplo você consegue estar ao serviço de uma agência de marketing você consegue ajustando agora totalmente personalizável beleza se você ajustar de acordo com o site o cliente que você for fazer eu vou pegar esse aqui esse homem vai ser dropship e Inclusive tem alconpat dropship aqui no canal YouTube tá só que um errinho aqui ó tá vendo

que esse texto não totalmente alinhada que que eu posso fazer para ganhar que eu pos so ser lá mexer com espaçamento vim aqui conteúdo e mexer um pouco no espaçamento aqui também ó que a gente consegue deixar alinhado feito isso voltar no botão atualizar o Porém esse cinza aqui eu não ficou bom Oi tá na verdade na visualização ficou legal e eu poder caso você não tenha ficado bom Você vem aqui selecionar seção e vai mexendo a padrão Centralizado esquerdo e direito enfim você vai ver qual que fica

melhor tá e deixa eu colocar inferior sempre para gente ver se for melho r não ficou muito estranho eu vou deixar o padrão que trava Centralizado que ele ficou a cura certinho aqui ficou bom é só esse conteúdo que eu vou selecionar quer coluna e Alimente de qualquer meio que eu acho que fica com a minha mente melhor tá vendo e esse texto tá passando muito para o lado então vou selecionar aqui avançada e dá uma máquina direitinho mais uns 30 que eu queria uma caixinha mais bonitinha tá vendo ó

como que ficou visualmente melhor agora somente um ou mais u m pede que você adiciona você já consegue ajustar certinho tá e o próximo bloco A gente vai fazer vai ser esse bloco de depoimentos e ele ficou realmente sensacional e é bem simples A gente fazer eu vou chamar uma estrutura de uma sessão mesmo tá vem aqui na seção avançado desativa o pede eu fazer o mesmo pede para deve estar utilizando tá 80 inferior e 80 superior Ok vou ver aqui em estilo clássico vou colocar nossa imagem aqui de

furar souber por áudio então vou ficar aqui em C D mídia o preenchimento completo beleza vem aqui layout altura altura mínima se eles foram VH Porque conforme já falei para vocês ele se adapta melhor a todos os dispositivos tá então o motor grande muito pequeno fica melhor ó e vou mandar mais mesmo o tamanho isso daqui até acha que fica legal mais ou menos 70 perfeito e agora vamos adicionar um bloco de depoimentos deixa aproveitar e vou copiar esse título oi vem aqui com o botão direito

agora colar vou centrais aí e vou es tar aqui ó depoimentos a beleza vem que estilo eu vou tirar propagado Oi e a gente vai ter esse bloco da Galera eu vou mostrar duas opções para vocês se você está aqui depoimentos você consegue arrastar para cá você vai utilizar Então pode entrar por texto você altera que a falta a pessoa que colocou o depoimento vou te pegar uma foto aqui de exemplo se vê mídia o nome da pessoa enfim a faltou com vários depoimentos você vai duplicar isso daqui vai colocar tá

vendo e esse o Elite é d o elemento é gratuito mesmo só que tem uma outra forma que é bem legal também que se chama essa daqui ó testemunha o Carrossel o Carrossel de depoimento tá Oi e aí você vem aqui estilo a gente consegue ajustar porém um detalhe importante esse testemunhar o Carrossel e essa mistura muito pro Rafael não tem um elemento próprio se faz com o primeiro Observe que eu acabei de mostrar para vocês beleza Vamos alterar aqui as cores o tamanho vou deixar mais ou menos eu acho que

uns 20 ficam os beleza aqui nem eu vou tirar para o nosso Rosa esse outro vou colocar branco mesmo ok aqui conteúdo nesse primeiro e vou selecionar e colocar imagem de um cliente por exemplo aí que você coloca o nome do cliente coloca perante as informação também e coloca o depoimento que ele deu no seu site tá eu escolhi os outros dois e ele ficou nesse botão aqui ó para ir aplicando a esse é simplesmente Vem aqui ao tela a seleção de 15 de mídia vem nesse outro fico e vou ficar em inserir

mídia perfeito já temos nosso blog de depoimentos frente consegue ajustar galera e mexer ainda mais dele como quem vai fazer isso Tô bem sim está a gente tem que me Skin Boo já que vai acontecer ele coloca dessa forma eu vou manter assim faz ficar melhor eu volto aqui em estilo e você vê que habilitou aqui em baixo agora vou também então seleciona eu vou mexer na cor de fundo deixar um branco mesmo e agora aqui em contém do conteúdo no teste for eu vou tirar e colocar o seu corpo e Mara Olha

como ficou legal eu posso voltar aqui em Bambu e colocar arredondamento de 20 para combinar tudo nosso site tá E aí que nosso Carrossel já tá funcionando certinho posso ficar aqui atualizar Oh e vamos continuar próximo bloco uma coisa importante ó esse essa parte aqui não tá funcionando direita vieram o que o final ele tá com pouca redondamente embaixo eu posso voltar aqui na minha sessão bem estilo e aqui o seguinte Lara aqui em posição vamos ficar em personalizada e fazer o mesmo e squema que a

gente fez em cima então dou uma margem negativa ó vai puxar essa imagem para cima tá então sei lá pa 80 aqui eu 90 para gente ver se vai ficar legal e repetir eu coloco não repetir e vamos ver e ainda não ficou bom eu vou colocar sei lá 150 Oi Zé e ainda não ficou bom Tem que ajudar não tá Por causa 150 aqui para ver e vamos ver agora para visualização Pronto ele ficou legal vou que atualizar é uma coisa importante galera que eu esqueci de mencionar que para vocês ver que não site exemplo aqui ó

a gente tem essa parte tá vendo essa bola a gente fica acompanha aqui no site eu vou mostrar agora como você pode colocar aqui terminei se a gente está criando tá então vou selecionar vim estilo clássico imagem Oi e aí pô vem aqui ó pegar essa bolinha e fica aqui isso ele mídia Beleza então vamos aqui em cima de milha é feito isso a bolinha vem aqui para o fundo mas a gente que ela veio veio repetida e ficou estranho como que eu faço para ajustar a primeira co isa aqui em repetir o canal

repetir oposição eu vou colocar posso colocar centro direito purificar aqui a tamanho eu posso colocar ele com personalizado e seleciono Pixel E aí eu vou está no tamanho da bolinha por isso que eu quero tá e anexo fixo que ele vai ser feito ó beleza continuando aqui próximo bloquinho porque atualizar e o próximo bloco vai ser o bloco de contato Então vamos lá se verificava que a gente tem duas colunas lá então vem aqui duas colunas se adiciona aqu i a sessão avançado e virar nosso perde superior

e inferior e os textos o estilo vai se repetir então eu posso copiar aqui ó vem aqui colo eu posso colocar aqui escrever contato e selecione esse outro copiar desse estudo mostra que colo copio também esse texto aqui vem aqui cola já o botão não vou copiar tá porque a pessoa vai tá aqui em contato faz sentido é perfeito deixa o pertence aqui também É mas esse consegue personalizar jeito que você quiser tá E aqui do lado a gente vai ter um formulário que vai ser se for mora aqui bem profissional

mesmo moderno e bonito a Fera como que eu crio você pode usar o homem chamado formas que esse oe deixe aqui ó só que ele é um estilo elementor pro Se falasse eu não tenho um elemento eu pro Como que eu posso fazer e você vem aqui no seu painel dois prazo você pode utilizar o bonitinha mandar o performance agora e ele é gratuito e você vai conseguir criar o formulário também tá é só você ficar instalado agora e ele vai abrir aqui do lado pra vocês aí que eu vou mostrar mais ou menos como que

funciona para vocês entenderem como configura tá um gesto outro para gente é você vai ficar ativo agora tomou sua por cima aqui como que funciona mas vocês quiserem posso gravar um almoçando como que a gente que um celular bem legal aqui nesse pudim Tá mas ele é bem fácil de utilizar depois que eu sei ficar ativar ele vai vir para essa tela te dar aqui ó o botões queria ser o primeiro formulário e você vai criar aqui depois você criar seu filho lá e vai gerar um short code tá então deixa eu ver

aqui se ela for mora em branco é só você jeito mais ou menos como vai ficar aqui eu pego que eu pedi texto que eu vou querer então vamos publicar você já nome beleza volta aqui ó os campos adicionar Campos a Kevin campo de e-mail também coloca aqui ó o e-mail vou pegar um campo de WhatsApp então vem aqui de WhatsApp é perfeito que Deus Campos aqui tá em uma forma bem sim só pra vocês verem você pode v ir aqui também mexer no botão de enviar em vez de enviar aquela colocar a por exemplo receber

contato alguma coisa do tipo bom então se for no aro e vai cair salvar e você vai cair esse botão aqui encorporar ok eu gostaria de que eu passo fumar em uma página existente ou criar uma nova e em uma página existente Ele pergunta qual é a página o cara que a home quem já criou tá beleza deixa eu voltar aqui da performance todos os celulares e o que eu vou querer é isso daqui ó esse short code eu copio volta aqui na minha página e pega o Willy de short fugir Tá eu vou arrastar para cá dou um

controver e pronto TV nosso formulário você que não vem legal é um pouco difícil de você personalizar enfim mas dessa forma você consegue colocar o formulário gratuito Tá bom Agora eu vou mostrar ele meteu prova então vem aqui fora a raça para cá e eu como que é muito mais fácil de preencher agora por isso que eu falo que vale agora é super a pena você encontrar o alimento o pr óprio vai estar o link com desconto aí para vocês na descrição tá então se aparece super barato aqui vou estar

formulário é de contato e aqui a gente vai pegar os campos ou então já vamos todos os campos padrão que vem em um homem beleza esse campo é obrigatório se sim você marca essa opção tá M eu vou manter aqui mensagem eu posso adicionar novos Campos Rafael como que eu faço para fazer isso vendo esse botão aqui ó adicionar item e vou pegar a por exemplo eu posso manter t ecta o Cartel MC's telefone só que eu não gosto de colocar aí porque às vezes dá erro então e qual como teste mesmo e que eu posso

WhatsApp o telefone sim sim é perfeito borracharia para cá agora Como que é simplesinho de fazer aqui já é muito melhor input size que é o tamanho dos Campos eu vou colocar larghi occhi em lembrou eu vou clicar nesse botão eu vou tirar vem aqui bancos e posso colocar aqui Enviar a beleza aqui ensaio vamos fazer a mesma coisa que eu cai lá e daqui a pouco a gente mexe nessa parte Vamos alterar o design e depois eu mostro a lógica do formulário Ok então o vem estilo Field aqui em borda do Ka Zero

que não quer a borda em volta e aqui em background e vou selecionar e colocar Aquela nossa cor cinza tá ó como fica legal a gente tem nosso botão também e eu poderia arredondar ele para manter o padrão no site e pronto voltando aqui conteúdo no catores ó pequeno pedaço de informações Oi aqui é tion for submit significa depois que o usuário cl icar em enviar que que vai acontecer eu posso receber o e-mail eu posso integrar com um avó plataforma de meio Mar somente com o meio chip para captar e

nesse tipo de coisa tá ah e também tem esse colar de submissão quero porque o elemento tá tá você pegar os contatos do usuário então depois você vem para encher aqui você pode ficar com capitais contatos e já almoçar com vocês vão e vêm para parar em já preencher aqui tá E também o e-mail esse aqui vai ser o e-mail que você vai re ceber tá então ele vai ter que fazer aqui você coloca um e-mail que você quer receber então por exemplo pode ser sei lá pegar o remédio teste aqui ó o Rafael

Solange@gmail.com aqui eu coloco uma mensagem só para identificar dinheiro do meu site foi um e-mail eu comprei esse make colo fromname Posso manter aqui refletiu também que não tá aparecendo nada ele dá um blog deixe só atualizar eu dou um F5 na página né atualizo ela e a gente vai aquele tempo ou habilitar tá Às veze s ele dá um banho assim não aparece Mas não tem problema é só isso atualizar a página e vamos aguardar a carregar ah deixa quieto é o final eu venho aqui beleza o e-mail tá aqui

refletiu você coloquei meio Field Que que significa quando alguém te mandar um e-mail você quer responder por e-mail do usuário ou seja meio-fio está se tiver alguém pop alguma coisa do tipo você preenche aqui esse opções adicionais e depois usuário preencher galera eu recomendo vocês todos os carros tá ent ão por exemplo o formulário foi enviado com sucesso tá e o próximo Campo Você pode traduzir ocorreu um erro esse campo é Campo obrigatório e o último formulário inválido beleza busca atualizar

e eu posso ficar nesse olhinho aqui tá vendo esse flan de olho que que eu subo aí para gente ver as alterações eu posso tirar esse daqui ó perguntar só homem certinho eu vou descer o ataque o final ó e Vou preencher aqui ó somente para gente testar tá e colocar um número qualquer colocar uma men sagem aqui Olá quero receber um orçamento por exemplo tá vou cair enviar é que vai acontecer ele vai daquela nossa mensagem o formulário foi enviado com sucesso e vou mostrar pra vocês como que você vai

receber esse contato a sei que meu e-mail tá galera o contato chega certinho Chega dessa forma tá vendo tudo que o usuário preencher ele vai puxar uma coisa pode ser que da primeira vez chega no spam aí da sua caixa de entrada tá lembrando que eu recomendo vocês quiserem meio profiss ional e lá na Rocinha você tem esse mesmo pelos ao poder criar já mostrei pra você lá no seu painel de cliente Ok então o e-mail dessa forma e também ó se você voltar aqui no painel dos pés elementor submissions

os compassos que a pessoa for preenchendo vai aparecer aqui também tá e você consegue ser assim nossos contatos exportar para o Excel enfim Beleza então nós fomos lá já está funcionando é só selecionar esse daqui e vinha avançado dá uma margem de 20 você para não ficar mu ito colado aqui e já vamos nosso próximo bloco que vai ser o nosso rodapé Beleza então a gente vai ter uma coluna duas três embaixo mais uma Como que eu posso fazer essa organização de blocos é bem simples Tá mas só toma cuidado

para você não errar vou adicionar uma estrutura principal volto aqui e coloca uma seção interna 3 colunas perfeito eu vou voltar aqui avançado E mais uma vez daquele nosso pede Ok vou até aumentar aqui 8180 tanto superior quanto inferior oi vem aqui no estilo clássico e vou pegar aquela nossa imagem ainda tem uma imagem que o rodapé esse Ninja tamanho preenchimento completo Ok e aqui ó vai ser a nossa logo então aquele mesmo esquema o rasto para cá vem aqui selecionar Nossa ou inserir mídia E

aí aquele mesmo esquema é URL personalizada aí você copia o URL do seu site Coloque aqui atualizar perfeito o próximo vai ser o nosso menu então de vez com a mesma aqui galera posso simplesmente vir aqui A copiar é desse estudo mostra o final botão direito e colo pronto e aí eu posso gastar esse aqui um pouquinho pra cá arrastar esse aqui mais um pouquinho para cá selecionou meu menino centralizo perfeito e o próximo tá redes sociais que é bem importante então isso aqui social bosta para cá E

aí o vídeo que já tá Esquadrão Facebook Twitter YouTube tá mas você consegue colocar qualquer rede social que você quiser pois é não quero colocar o meu Instagram discricionário aqui ó um ícone eu quero parar no Instagram tá vendo e aí você fala fala como que eu limpo meu perfil é bem simples você vai lá no seu perfil e eu vou te mostrar que você ver me passa esse aqui meu perfil do Instagram era inclusive se você ainda não me segue recomendo você me seguir aqui tem um conteúdo diferenciado

tanto no físico quanto os Stories é bem bacana tá E que você vai fazer você copiar o URL do seu perfil você vem aqui ó e cola Ok Ou seja quando a pessoa clicar nesse botão ela vem aqui do seu perfil beleza ó vem aqui o estil o na cor oficial personalizzato ele chama a cor monocromática ficar melhor com a primeira eu vou puxar isso daqui é por circular Posso manter o branco aqui em pede Eu desativo aumento porque se passar menta só que é igual a aqui tá ok mas tem um problema tá vendo os

itens estão desalinhados como que eu faço para alinhar selecione essa lanterna a minha mente vertical copo meio agora fica tudo alinhadinho bonitinho beleza vamos agora adicionar também o nosso copo White Então p ega que título coloca aqui embaixo não é aqui isso aqui não é que é aqui ó Beleza vou centralizar até ainda tem ml posso colocar Como spam e que eu vou preencher ó por exemplo sala Ninja é musical com o nome do seu projeto coloca um ano e escreve ó a todos os os direitos reservados eu

vou ver aqui alcançado e dá uma margem superior conteúdo não ficar colado e vem estilo vocal cor branca a tipografia buscar maiúsculas vou colocar o peso 300 e aumentar espaçamento da fonte pronto E a í já ficou dessa forma só que é isso conta eu tô com muito colada aqui ó com a minha borda do roxo eu vou selecionar aqui a sessão vem avançado e vou dar um pé de superior um pouquinho maior pra gente ter esse espaçamento aqui ó olha como fica mais interessante nosso rodapé agora beleza agora vamos

para o link Âncora quando eu clicar aqui em sobre eu quero que ele me leve até a seção sobre serviços mesma coisa e assim sucessivamente se lembra aquilo atrás a gente tinha definir os nos sos links âncoras no menu agora é só mente link aí Isso aqui como quem faz bem simples e ó e vou selecionar as respectivas seções estão por exemplo selecionou essa essa é sobre vem avançado aí disse SSD tu sobre ou seja com a pessoa vem aqui sobre klickow ele já redirecionar para cá o próximo vai ser serviços

Então vem aqui ó se existe o nono avançado Egito servicos beleza e quando a pessoa ficar leva automático o próximo selecione avançado depoimentos eu senti textual é que tá func ionando lembrando aí para funcionar o que o que tá escrito no menu tem que ser exatamente que você vai colocar tô aqui minha disse SS Porém Aqui você não coloca hashtag lá no menu do jeito que eu queria mostrar para você e você coloca uma está aqui tá bom em depoimento que o próximo seu esse homem avançado contato é dessa

forma que eu sou do funcionando tá pronta aqui superior e inferior que o site beleza que atualizar e esse caso esse olhinho para gente ver operações vamos nessa par te da home tá pronta Oi ó o design ficou sensacional muito bonito mesmo o corretamente muito bom mas vamos continuar porque a gente ainda vai otimizar essa página para mobile e fazer mais alguns ajustes tá vamos utilizar para o vai o primeiro perfeito já tô aqui no meu elemento eu fico nesse isso aqui ó modo responsivo selecione o

primeiro tablet para gente tá pro tablet e depois a gente ajusta for mobile tá só ele dá uma quebrada aqui a primeira coisa você vai acionar esse nome v im aqui em estilo tipografia vez que quem tamanho eu tenho ícone de tablet tá vendo ou seja se eu tenho aqui eu só vou tá mexendo no tablet e não vai alterar os que top né mobile por quê porque ele tem o ícone de tablet eu posso ajustar tranquilamente veja que peso não tem o veículo então se eu mexi aqui nesse peso que ele vai mexer tanto no

desktop quanto no mobile tablet Enfim então verifica se o que você quer mexer tem o ícone aqui de mobile de tablet enfim com a tua mãe que 2 4 pessoas o botão direito está a sessão altura mínima VH posso diminuir um pouquinho o Ok vou voltar aqui avançado desativar a imagem e vou dar uma renovamente ano é um pouquinho maior é só preencher com vai ficar mais ou menos 120 pessoas esse mesmo ou selecionar ele vem aqui em estilo todo o botão que esse botão bike raio ficar branco beleza só que

aí galera quando clicar o que tá acontecendo Olha esse banco Rafael como que eu resolvo isso simples tem que conteúdo e você mar ca essa opção fui dentro dessa forma Quando você clicar ele vai funcionar certinho beleza e aqui você vai ser lá estilo mais uma vez eu posso mexer porque tem um ícone tamanho 24 pivôs e em vários tanta lá aqui ó seleciona o estilo tipografia 24 pixels a esses outros dois aqui ó esse bloquinho eu poderia selecionar ele colocar largura 100% e selecione esse outro também

assim por certo enfim 100% e selecione aqui largura 100% essa é uma forma tá e eu vou deixar assim mesmo que a gente ficou legal é uma coisa que a gente precisa fazer mexer um pouquinho no espaçamento então selecione esse aqui debaixo avançado desativar mais de uma marca super de 10 para dar de 2020 e esse outro aqui não precisa nesse outro selecione faço a mesma coisa avançado a Rafaela está mexendo na mágica Hotel desktop não porque é que imagem também tem um aí para gente deitava está vendo ó

então eu posso mexer tranquilamente é perfeito o próximo bloco depoimentos eu posso vir aqui estilo e me xer um pouco nessa posição Limpo só puxar um pouco mais para baixo beleza a e nesse outro aqui ó seleciona estilo tamanho 24 fixas e aqui também não ficou bom não tenho que a gente faz vou selecionar de um estilo na posição eu posso mexer porque tem um acreditava Então a gente vai Estão pronto já ficou melhor esse botão eu fazer a mesma coisa que eu visto de cima o nosso 9 minutos eu clico

aqui e bem estilo e no botão o cabo iCloud Branco fica atualizar e perfeito não tablet está tudo ok vamos lá está agora no mobile Vem aqui ao mobile a sua músculo do molde até em cima até o final né ficou redundante Mas enfim vamos lá ele que eu faço aqui galera e o botão WhatsApp tá aqui este daqui ficou estranho eu vou selecionar a coluna Onde está a minha imagem Tá vendo você não se larga não está imagem e a largura dela vou colocar mais ou menos em 33% É nesse outro o caso mais 29 Eu e meu

botão do WhatsApp mais ou menos 40 eu vou diminuir não Até ele voltar para cá eu acho que botar no WhatsApp tá muito grandão e esse aqui tá perdendo muito espaço eu posso vir aqui tirar um pouquinho mais ó no espaço dele para deixar espaço para o meu botão de WhatsApp tão seleciono largura da coluna tá vendo que dá uma agulha eu consigo mexer porque teu e prende mobile então a gente pode mexer tranquilamente que não vai ter nem o tablet nenhum desktop quando ele quebrar você volta um pronto vou

selecionar aqui o botão estilo tipografia colocar 12 pixels o que qu e impede ou desativo e dou um pé de 10 mesmo filho e superior pronto dessa forma só botão fica legal Como que eu faço agora para estar essa parte vejo que eu não tô conseguindo se relacionar essa sessão só consigo selecionar a sessão que tá esses itens aqui que inclusive na altura o que alinhamento vertical meio beleza e como posso fazer para mexer nessa outra porque ela tá sobre essa sobre o nosso menu é bem simples vem

aqui navegador nesse like aqui embaixo tem essa primeira sessão veio nossa segunda desativar margem eu vou dando a margem negativa até o que que vai ficar bom eu vou puxar aqui puxando um ok aqui ficou bom Porém esse título ficou muito Cola por aqui a parte de cima Então vou desativar o pede e vou dar um pé super de 100 é inferior de 100 também ok perfeito aqui nossa imagem vem estilo vou diminuir o tamanho dela e vou alinhar à esquerda eu posso aumentar mais um pouquinho ok e continuando a

gente tem essa parte aqui ó já ficou legal a lguma coisa que eu faria aí tirar um pouquinho esse espaçamento eu posso fazer mais de 30 só por conta ele não ficar muito longe um do outro tá a assistência aqui também já ficou legal uma coisa que poderá fazer também aqui o cinza tá pegando só mexer até aqui e vou selecionar no estilo e consigo mexer na posição dele sintonizados que ele direito pronto aqui ó ficou legal e o próximo é depoimento então seleciono estilo tipografia tamanho 24 fixas e

aqui depoimentos mais uma vez es tilo conteúdo tá porque a sala político muito grande eu vou colocar Mandela mais ou menos 16 pixels tá pronto já ficou com um layout melhor O Wesley está ok da minha visão que a gente vai fazer vamos atualizar e vamos ver se tá tudo certinho com essa página tá porque ainda tem mais algumas coisas que ela mostrar para vocês vão lá que queria ver alterações e eu quiser solta a galera esse tipo de site você quer potente você consegue comprar mil r$ 1500 2000 tá Se

tiver começando com o Web Designer aí esse tipo de site que é bem fácil de vender Porque basicamente Todo mundo precisa de um site né bom então página rock blocos criados com sucesso vamos agora definir a nossa página home como a página e se arruma o sábio porque se eu digitar aqui somente meu domínio e dá um ente acontecer ele também direcionado para cá então vou voltar aqui eu vou vir no meu painel porque pressa a ouvir configurações leitura e aí eu vou falar do meu WordPress Qual é a página

que eu q uero que abre com uma página inicial do site é só página inicial exibe o que a página vamos que a gente criou clique em salvar alterações em oi vem aqui visitar o site e não atualizou ainda mas a gente pode voltar de novo as alterações é perfeito eu vou estar aqui no site e vamos você vai entrar agora sim se dá atores umas duas três vezes que ele vai funcionar tá nossa parte da rua já tá feita eu estou mexendo depois de praias Element agora algumas coleral tudo funcionando certinho tá aí
você fala é definir a página um homem assim eu quero tirar mais páginas eu não quero só o site ou um peixe assim do jeito que você fez eu quero que tem uma página sua o meu pai no serviço depoimentos também eu vou te mostrar como você faria tá e aqui no elemento eu vou fechar o modo responsivo E aí como que eu poderia criar outras páginas amanhã super simples e fácil tá vendo que tem uma faquinha aqui eu fico sobre ela quis salvar como modelo e aqui eu posso colocar o modelo o rolo o que que

salvar o prefeito o que está fazendo aqui está sabendo que só vão te como se fosse um backup da nossa página como tá era simplesmente eu vou tá aí aqui no painel de Ferraz então se você não sabe como volta par 2peças você clica aqui ó sair para o painel tá botão direito abrindo a Vanessa que o pai não só porque não perder essa tela oi vem aqui em página adicionar nova e vamos colocar a página sobre também sobre voltar a publicar e fica está com alimento e eu vou mostrar uma forma de você quiser

na página em dois minutos muito rápido e vem que configurações vou colocar o layout elementor Canvas conforme já expliquei para vocês Oi seleciona aqui ó vem mesmo modelos fica inserir evocar não E aí vamos colocar essa que seja a parte não soube que que eu faço Eu só vou lá carregar ó ó esses esses botões do site eu excluo posso deixar contato eu fiquei atualizar aqui o poder colocar sobre nós e o botão linkando para cá então coloco hashtag sobre qual é a pessoa clic a ao ele vai descer aqui eu

fico atualizar clique em alterações e pronto a página sobre nós está criada E aí como que eu colocarei aqui no menu simples aqui no painel ele passa bem aparência - ho ah e também que tá aparecendo aqui páginas sobre eu fico aqui ó adicionar o menino por exemplo e essa outra que faz você querer você remove que que salvar vendo e pronto a sua página vai tá aqui caso você for querer voltar as páginas contato é portfólio você vai adicionando aqui caso você nã o quer que fica naquele estilo ou um

peixe beleza e agora oi oi gente policial do final eu vou mostrar na rocha e ele como é que você vai instalar o Sr que eu fiquei de mostrar no início do bicho porque tava propagando DNS conforme mostrei pra vocês estão botando aqui na roça chega você pode ver que ele não tem mais aquela informação aqui já foi tudo para pagar tá proveniente de morte lá os 10 15 20 minutinhos mas já foi para pagar tá funcionando tudo certinho como que a gente vai estar lá esse ali para o nosso site sempre abrir

com esse cadeado porque é super importante você fez isso ativados no seu site tá isso vai passar credibilidade e deixe todos os a ti e forma mais segura Tanto para você quanto que o seu cliente pode acessar e a gente vem aqui em certificado SL eu vou cair configurar eu quero instalar onde nesse no domingo mesmo vou cair instalar SL beleza vamos aguardar que os momentos que deu essa mensagem aqui para gente ó mas basicamente e ele tá falando com essa senhora vai ser instalado automaticamente isso

é bom tá é só você aguardar um tempinho até terminar a propagação de DNS toda tá então pode ser que demora até 2 dias para isso porém conforme já mostrei pra vocês você vai conseguir tirar o site normalmente Tá bom depois que todo o DNS para pagar de forma correta ele já vai estar já vai colocar o nosso de forma automática e depois você volta aqui verifica se tá tudo certinho Você vai habilitar certo depois que você habi litar você clica aqui ó forçar https né que você vai postar o site sempre AB

MSL Beleza caso você queira voltar lá para o seu olho de preso você pode ficar aqui ó a gente tá Side que ele vai trazer você aqui para o seu painel do WordPress para você conseguir lá vamos ver o estado final aqui agora vou comentar mais um pouquinho com vocês Tá então se a gente esse é o resultado final o design ficou sensacional tá então você pode entrar em nas maiores empresas do mundo que você pode ver e sse design aqui tá tão bom quanto tá esse tipo de site você consegue utilizar a cara tem

uma empresa ó pega esse modelo aqui só Walter um extenso até o logotipo as informações e pronto você vai ter um site para sua empresa criada Rafaela tô sem dinheiro então quero trabalhar com uma obra design eu consigo pegar esse modelo e que a mensagem do cliente consegue alguma coisa eu precisava fazer aqui galera é verificar se o cliente tem uma página de E aqui as mãos informação tá você conseg ue estar também então a parte do logotipo você altera o seu cliente a meu cliente tem uma paleta de

cores você vai alterar essas informações que eu não sei que pra vocês e depois a gente vai essas cores o roxo rosa amarelo você alterar com as cores do seu cliente faz mais alguns ajustes aqui no texto e pronto você vai cansar de contrato aí para você poder vender vender por r$ 1000 1500 2000/3000 depende para o cliente né que você vai vender esse compra a gente tem uma empresa grande empresa pequena enfim mas esse modelo aqui você acha é totalmente profissional se você chegou até o final e

perdeu tudo que eu te mostro aqui você vai conseguir criar site Tanto para você quanto você crê encher mais simples e fácil beleza viu sogra como é simples a gente trabalhar com hoje pras elemento e eu como site funcional esse tipo de site que você consegue vender por 1500 1600 reais dependendo do cliente você for parecer Beleza se você chegou da viagem paciente também já s e inscreve no canal da Oi o e comenta embaixo O que você achou desse vídeo tá se eu consigo fazer tudo ficou com alguma dura

e quais outros e se você quer aqui no canal Beleza tem vários que a gente pode gravar a tia de dropship loja virtual enfim Se tiver interesse ver esse tipo de vídeo completo aqui no canal mais vídeos como esse explicado detalhadamente a passo a passo para vocês comenta embaixo qual o tipo de vídeo você quer ver e eu posso fazer um vídeo com a sua dúvida um vídeo bem completo como esse explicando passo a passo aí mais coisas do Web Design tá galera se você chegou até o final o cara muito obrigado

pela audiência e o seguinte eu vou deixar aí na descrição pra vocês o link do meu dois treinamento tá então tem um treinamento completo site já pobre ensino mais sobre design site loja virtual e tem meu treinamento de atingir a só acesse o link na descrição de com treinamento faz mais de você e vem sendo ao longo beleza inclusive vai ter em baixo des se também o link da Rocha em tá então com desconto especial aqui do canal se você aplicar o cupom de desconto e ela ainda tá acesso pelo link aí

você ganha domínio gratuito ganhar essa série gratuita que vai ter uma excelente hospedagem custo-benefício brasileira chegou até a final muito obrigado pela audiência um abraço e até a próxima valeu

Como Criar Um SITE PROFISSIONAL No Wordpress Do ZERO (PASSO A PASSO COMPLETO)



A PASSO COMPLETO)

Postar um comentário

0 Comentários