COMO CRIAR UM SITE PROFISSIONAL TOTALMENTE GRÁTIS [GUIA COM

COMO CRIAR UM SITE PROFISSIONAL TOTALMENTE GRÁTIS [GUIA COMPLETO]

e nesse vídeo eu vou te mostrar como criar um site grátis não Olá meu nome é Bruno Leandro sou especialista em criação de sites profissionais em marketing digital nesse vídeo eu vou te ensinar como criar um site totalmente grátis usando o WordPress e o elemento Inclusive a hospedagem eo domínio são graves Então bora pro vídeo ok para criar o nosso site primeiramente vamos fazer o cadastro na hospedagem a hospedagem que a gente vai tá usando a internet free é uma hospedagem grátis na

cola disponibiliza bastante recursos por ser uma hospedagem grátis Lembrando que o link dessa hospedagem vai tá na descrição desse vídeo quando você acessar o link da descrição você vai cair nessa tela Então vamos criar o nosso cadastro o site é em inglês porém com o seu navegador você consegue traduzir para o português clique com o botão direito do seu Mouse traduzir para o português e aí você consegue criar o seu cadastro com o site traduzido clique em inscreva-se agora em algumas propagandas

pode aparecer tá uma só clicar em Close o ok insira seu e-mail e sua senha e clique em aceito os termos e marque que você não é um robô um em Create New account vem enviar um e-mail para você confirmar sua hospedagem lá na sua caixa Gmail você receberá um e-mail e clique em verificar 6 Duarte Pronto já Foi verificado agora vamos criar uma conta na qual vai ser o painel da nossa hospedagem para isso clique em Create account login e o domínio gratuito que nós vamos usar é u m subdomínio nessa

hospedagem ela disse que podem beleza esse domínio gratuitamente e a gente pode contratá-lo aqui e já criaram nosso parte de forma rápida e fácil então vou selecionar a extensão de domínio o apps e pontocom eu vou colocar o nome do nosso domínio aqui ó em Ok clique em search do homem ele vai procurar para ver se tá disponível Ok esse domingo está disponível agora que vamos nomear o nome da hospedagem para facilitar no painel quando a gente for acessar na Infin ity free ela disponibiliza até 3

sites para hospedar aqui então eu vou deixar desse mesmo jeito vou clicar em não sou um robô eu vou clicar em Create account login um ok a conta foi criada agora nós podemos entrar diretamente no painel o painel que essa hospedagem usa é o seu canal o painel bem comum é bem famoso e bastante usado pelas empresas de hospedagem de um clique em Open control aqui aparecerá um aviso sobre a LGP de que a lei geral de proteção de dados então clique em ai aprov e ele vai te redirecionar para o pai

não agora o próximo passo nós vamos instalar o WordPress né só hospedagem para isso procure Loft e você verá esse item no menu softaculous em um Clique nele ok aqui você já veio de primeira hoje para Então passe o mouse sobre ele e clique em instalar ok aqui role a tela até embaixo o nome do site pode colocar o nome da sua empresa ou do seu cliente e a quem descrição do site você pode colocar no slogan ou alguma frase de efeito e aqui em conta de administração em serão nome de usuário

do administrador para acessar o painel do WordPress vou adicionar aqui eu vou inserir uma senha ou você pode copiar essa senha pré-estabelecido selecione seu idioma eu vou selecionar português-br e agora clique em instalar a partir daqui nós podemos acessar o WordPress a seguir com a criação do site o Ok vou depois foi instalado aqui você vai ver que aparecerá o link para acessar o nosso site e o link para acessar o painel você vê aqui a WordPress instalado com sucesso em esse primeiro

link é o link do nosso site e essa URL administrativa é o link para acessar o painel administrativo do WordPress primeiramente Vamos acessar o painel administrativo do WordPress clique nesse link OK então a gente contratou a hospedagem contratamos o domínio instalamos WordPress agora o próximo passo é instalar um novo tema esse tema ele vai possibilitar a gente de personalizar o nosso site e usar também modelos p rontos para tornar a nossa criação mais rápida e mais fácil no seu painel do

WordPress lá até aparência telefone temos e clique em Adicionar novo e pesquise por Astra e vamos instalar esse primeiro tema passa o mouse sobre ele e clique em instalar Ah sim agora clique em ativar o e agora que o Astra vai mostrar para nós que ele tem o estar template na qual é uma biblioteca cheia de modelos Inclusive tem modelos gratuitos modelo targus separados por categoria na qual nós podemos selecionar e construir nosso site com base nesses modelos para isso clique em começar OK agora

nessa janela vamos usar o elemento para construir o nosso site o elemento é uma ferramenta de construção de páginas na qual ele torna a construção do nosso site bem simples com a função de clique e arraste então clique sobre o elementor é e será exibido a biblioteca de modelos na quarta compatível com elementos como estamos criando um site grátis Então vamos filtrar isso daí para que apare ça somente os modelos grátis para isso clique em al e selecione flip e e pronto agora escolha um modelo na

qual você mais goste com a cor que você desejar ou formato que você desejar um o ok ou selecionar esse tema aqui quando você selecionar o seu modelo que sobre ele e será exibido para você uma prévia deste modelo inclusive todas as páginas que contém esse modelo aqui temos a página portfólio serviços sobre nós contato EA Roma como estamos criando um site profissional site instit ucional vamos clicar em Import complexidade na primeira opção selecione Big Hero e na segunda opção selecione mais

selfie se for para a sua empresa ou mais cliente se você for um arco designer que estiver criando um site para um cliente agora clique em próximo e nesta tela clique em skip um ok aqui agora o Astra vai cortar esse modelo com todos os recursos necessários para que esse modelo ele já venha pronto para ser usado inclusive vai importar o conteúdo desse modelo e também os plugues na qual precisa para rodar esse modelo Pronto agora o nosso modelo foi importado para o nosso site para ver o modelo já

ao vivo importado por nosso site clique em View site E é assim que o nosso modelo será exibido no seu site e é bem OK agora o próximo passo é editar o conteúdo do nosso site nesse passo você vai aprender como editar o conteúdo usando elementor inclusive vai aprender a como alterar as imagens alterar a cor alterar menu alterar logo e também configurar o s eu formulário de contato tá gostando do vídeo de um aperta aqui ó inscreva-se no canal e Ative o Sininho de notificações marque todas

as notificações para não perder os próximos conteúdos que está por vir no canal Então você tem que estar escrito para receber esses conteúdos vamos começar pelo cabeçalho e rodapé o cabeçalho eo rodapé nós não alteramos ele com um elemento nós vamos alterar a ele através do nosso tema é o Astra com elemento você edita essa parte do seu sai o que a parte do conteúdo com Astra o nosso tema o Celta era o cabeçalho que essa parte Oi e o rodapé que essa parte o Ok então vamos começar alterando

o nosso logo para isso clique em personalizar e nesta página Você será capaz de alterar o logo o menor Se você passar o mouse sobre o logo sobre o menu você vai notar que aparece alguns lápis azuis esses lápis ele possibilita a gente de editar o conteúdo do cabeçalho e também no rodapé Então vamos começar pelo longo e aqui no card eu vou disponibilizar o vídeo na qual te ensina a criar um logo grátis apenas usando o seu navegador então se você ainda não tem o seu logo acesso esse vídeo aqui e

veja lá como criar o seu logo depois volte aqui para você dar continuidade com a construção do seu site ok aqui eu vou baixar o logo que a gente criou um outro vídeo bom para editar um lugar bem simples basta na seção logo você clicar em mudar ou e agora você seleciona eu sou louco ou através de selecionar arquivos ou a raça o seu logo até essa tela Lembrando aqui para ter uma qualidade boa no seu logo selecione um logo com fundo transparente e o logo com fundo transparente ele tem extensão

chamada png e ele será carregado o OK agora basta selecionar e se você quiser recortar a imagem você pode clicar em recortar o se não for lá Record AM um OK eu não sou logo foi enforcado Porém você ver que o tamanho dele ficou maior do que o outro logo que estava no lugar para isso é bem simples logo abaixo você terá que largura do Lobo basta arrastar essa barra até ficar na tua mãe legal eu vou colocar aqui 200 o recuo tamanho bem legal OK agora eu quero alterar o meu menu para isso vou ficar

no lápis vou clicar em configurar menu a partir daqui e em menu principal vou clicar em editar menu e aqui eu vou editar cada elemento do meu menu então a Roma eu vou deixar meu jeito que tá em about eu vou colocar sobre nós ou neste caso sobre a mim e me serve esses vou colocar serviços a e con tato e agora vou voltar eu vou clicar novamente no lápis azul do menu e Vamos alterar a cor desse menu você vê que está Azul Eu quero mudar para verde para isso ele vai abrir aqui quê menu principal volte

e selecione esse daqui tipos de cabeçalho cabeçalho transparente vai em design e aqui você verá a cor azul que é a cor que está ativa aqui vou ter ar para verde o ok foi aplicar agora eu vou no rodapé e aqui da mesma forma com um lápis azul que eu consigo alterar os elementos clicand o no lápis e escrevendo o que eu quiser E aí E aí e aqui em título você vê que é o mesmo texto escrito acima desse texto maior eu vou clicar aqui selecioná-lo escrever outro texto e agora quem social e eu vou deixar

apenas o Instagram então para remover Um item basta selecioná-la e clicar em remover e o remover esse outro também removeram mychelle OK in Services vou traduzir eu vou ter a web developer para criação de sites é feito todas as configurações no cabeçalho rodapé vou clicar em publicar Ok publicamos as alterações porém se você notar você vai ver que esse link ele está aparecendo a cor azul e como é que a gente altera essa cor é simples nós devemos alterar as cores base no nosso site para isso

acesse global as cores ó e aqui ser as cores do seu site Lembrando que essas cores é com base no seu logo então se o seu lugar vermelho é legal você usar as cores vermelhas Ora se o seu logo é verde como no meu caso basta selecionar a cor verde eu vou copiar e sse código e vou sair aqui abaixo e vamos passar o mouse e vemos que foi alterado vamos novamente clicar em publicar o OK agora para acessar o painel vamos clicar no x Se caso você for redirecionado para o seu painel é bem simples basta no

seu painel eu vou entrar aqui e no canto superior esquerdo vá com o mouse sobre o nome do seu site e clique em visitar site e você verá o seu site vamos ver se todas as alterações foram aplicadas o ok então eles estamos o nosso cabeçalho A gente te mos o nosso rodapé agora é hora de editar o conteúdo do nosso site para alterar o conteúdo dessa página Vamos editar com elemento para isso clique em editar com elementor o e seremos ser direcionado para sessão de edição de conteúdo do elemento

para editar o texto basta clicar sobre ele vou apagar o texto e começar a escrever e inclusive você pode escrever o texto aqui na coluna lateral e hoje tá esse texto logo abaixo eu clico no texto apago escrevo meu nome do texto Oi ok eu vou alterar também esse texto aqui nós vemos que esses ícones aqui estão em azul eu quero alterar os para verde para isso clique sobre esse lápis estilo agora clique em ícone e altere a cor conforme desejado E aí E aí um ok aqui no fundo dessa seção você vê que

tem esse Balão Azul eu vou editar clique em editar sessão aqui em fundo você vê que não tem nada porém essa é uma sobreposição de fundo clique em sobreposição de fundo e vemos que é uma imagem de efeito eu vou remover essa i magem clique em remover quem será removida ela agora caso você queira alterar essa imagem basta clicar sobre ela na esquerda clicar na imagem novamente se é que você selecionar outra imagem Ou se não você pode arrastar uma imagem até que um enviar arquivos você

selecionar arquivos do seu computador nesse caso eu não vou alterar vou deixar essa daqui mesmo inclusive você consegue usar um banco de imagens gratuito da pixabay e agora vou alterar esses textos o about me e p ara alterar a cor de um texto novamente vai em estilo cor do texto e altere conforme desejado e eu não quero esse texto Então nesse caso para remover um elemento também simples nesse lápis localizado no canto superior direito do elemento clique com o botão direito do mouse e clique

em excluir é o elemento foi excluído eu vou digitar esse texto E aí é bom estilo alterar a cor e para alterar Barras com essa clique sobre ela e estilo é o Perry a cor nós vemos que tem outras Barras também para não ter que ficar fazendo esse mesmo processo para todos esses outros elementos eu vou clicar com o botão direito sobre o elemento base vou clicar em copiar e nos outros ao clicar com o botão direito colar estilo Oi ok e após alterar todo o conteúdo da sua página clique em atualizar e

para visualizar a página clique nessas Três Barras no canto superior esquerdo a ver página E aí em Ok e o conteúdo foi alterado conforme podemos ver e agora vamos editar a página de contat o ou em editar com alimento eu vou digitar o texto nós vivemos que tem um formato de contato esse formulário de contato é um plugin Extra que foi adicionado quando a gente importou o nosso modelo para o nosso site esse plugin importado se chama w Performance em breve vamos alterar um formulário usando o

w performance e nessa página eu quero adicionar um botão de chamar no WhatsApp para isso clique nos nove quadrados e selecione botão clique e arraste até onde você deseja coloc ar o botão Oi ok e o Editar o texto do botão aquele e aqui você coloca o link do seu WhatsApp e agora vamos em estilo e vamos editar o nosso botão a cor de fundo vamos selecionar o verde um acordo o texto vamos selecionar o branco ó e aqui entende vamos adicionar o espaçamento ao nosso botão Vamos colocar uma borda

arredondada a tipografia vamos clicar no lápis Oh e vamos engrossar um pouco a fonte em peso selecione 600 e Vamos diminuir um pouco a fonte e agora volte em conteú do e vamos alinhar o botão ao meio sensualizar o ok alterações realizadas basta clicar em atualizar e editamos os textos nosso site editamos as imagens as cores agora vamos editar o nosso formulário formulário de contato nós vamos alterar os campos e vamos configurar também para que quando alguém preencher esse formulário a gente

receba no nosso e-mail as informações do contato para editar o formulário clique sobre o nome da sua empresa ou o nome do seu site e vá com o mouse sobr e w performs clique em todos os formulários vemos aqui escrito contact form Esse é o formulário de contato que está presente na nossa página de contato com o mouse sobre ele vai editar E aí e para agitar os campos basta clicar sobre o campo que você deseja operar e altere rótulo para alterar o botão clique sobre ele é um terço do botão enviar em

ser o nome do botão que você deseja um texto do processamento do botão enviar altere também e agora vamos configurar o nosso formulário para que ele envia as informações para o nosso e-mail clique em notificações e verifique se essa opção está marcada como legado caso não estiver basta alterar para ligar lá o assunto do e-mail coloque o assunto que você quiser é o nome do remetente pode ser o nome do seu site Oi e pronto agora para salvar essas alterações basta clicar em salvar agora clique no x

para voltar ao painel o e clique em visitar site e vamos na página contato e o nosso formulário foi atualizado o caso você queir a um nome de domínio um pouco mais significado você pode estar registrando o dominio.com na descrição do vídeo vou deixar o link da Rocha encher para usar essa hospedagem gratuita Condomínio pago é necessário você registrar o domínio. Com o dominio.com.br ele não suporta hospedagem gratuita Então você terá que registrar um domínio. Com o controle ne ou ponto xyz fique à

vontade escolher o domínio que você quiser após registrar o seu domínio para você direcionar o seu novo site para es se do Minho Você vai no seu painel da hospedagem procure por domínios estacionados e aqui antes de adicionar o domínio você precisar contar o DNS para essa hospedagem é que logo abaixo tem um informativo você ingere esses DNS ns1 ns-2 no seu painel da Rocha encher após apontar o DNS você insere o nome de domínio aqui adicionar domínio estacionado ele será adicionado WordPress será

necessário fazer uma pequena configuração para que você começa a usar o seu novo nome de domínio para is so vá até o painel do WordPress e vai em configurações em geral ó e aqui em si é o seu novo nome de domínio para tornar o link do seu site mais amigável com o Google ou outras ferramentas online de divulgação você tem que fazer uma pequena alteração aqui dentro do painel do WordPress para isso vai em configurações os links permanentes e altere essa opção para nome do post e olha até abaixo e

clique em salvar alterações e pronto agora você é capaz de criar qualquer site usando o mal

Aprenda de uma vez por toda montar seu negocio online em casa.

Clique no botão a baixo para acessar varios cursos gratis. 

PLETO]