Oi você acaba de chegar no vídeo que vai
te ensinar como criar um site no wordpress do zero sem necessidade de
experiência ou noção de programação, um site que vai ter um domínio próprio podendo ser .com.br que vai ficar 24 horas online e você vai poder
editar ou publicar atualizações de qualquer lugar que tenha acesso à
internet antes de começar o vídeo já deixa o seu
like inscreva-se no nosso canal tem vídeo novo toda semana sobre o wordpress sobre
como criar sites lojas virtuais blog tudo exclusivo pra você
este é um site que vamos criar hoje vou ensinar vocês acharem fotos assim de
forma gratuita beleza vamos aprender a editar cada sessão
desta e assim você vai poder fazer do seu jeito vai ter um formulário de
contato para as pessoas falarem com você de um mapa que pode indicar onde fica
sua empresa caso queira na descrição eu coloquei todos os recursos usados para
criar esse site só fazer o download clicando no link para manter o nosso
site 24 horas online precisamos de uma hospedagem de sites e vamos comprar na
Hostinger que tem um excelente preço nesse momento os preços são esses
porém eles podem mudar caso você esteja vendo em outra época
mas fique tranquilo sempre tem promoção bom eu sugiro a Premium ela tem muito
mais recursos e desempenho que a Single e apenas alguns reais de diferença além
disso você pode hospedar quando o site quiser e pode ganhar um domínio grátis
feita sua escolha vamos em adicionar carrinho e aqui escolha a modalidade de
prazo que quer pagar quanto mais meses você contrata mais desconto ganha pra
começar fortemente surgiro pegar o plano de 12 meses
você vai entender porque no plano premium a partir de 12 meses
você ganha um registro de domínio gratuito à sua escolha e tem épocas que
até o SSL fica grátis como agora por exemplo
abaixo e escolha a sua extensão e de preferência usa .com.br eu vou
utilizar outra extensão apenas de exemplo ai clique em procurar que a
ferramenta vai fazer uma verificação e ver se o domínio está disponível assim
que validado ele vai ser inserido no seu carrinho e podemos ir em pague agora
devemos nos cadastrar pode usar o facebook o google ou pode inserir seus
dados como nome e-mail telefone ea senha para acessar o painel de hospedagem e
crie sua conta depois escolha qual forma de pagamento
quer utilizar tem parcelado no cartão de crédito tem um boleto paypal e bitcoin
depois que pagar o seu plano clique no logo da hostinger já no topo
veja meu pagamento ainda não completou e assim que fica o painel mas é rapidinho
pra ver pronto agora o pagamento completou
e vamos começar a configuração primeiro vamos no registro de domínio
clique em configurar e preencha com suas informações para completar o cadastro do
domínio depois vai em configurar e volte ao
painel agora vamos à configuração de hospedagem
clique em configurar e depois em comece agora
e aí vamos em criar um novo site e escolha wordpress coloque a senha que
você vai usar pra acessar wordpress uma senha com caixa alta
número e carácter especial de preferência e vai em continuar aqui você
já encontra os temas mais utilizados na plataforma mas no momento podemos
clicarem pular aqui que selecionamos nosso domínio aguarde e o domínio vai
aparecer para selecionar enviar enquanto tudo está sendo preparado você pode
fazer essa pesquisa é rapidinho prometo agora o wordpress está sendo instalado e
ficando tudo pronto pra gente começar os trabalhos de criar o site fácil e rápido
né assim que acabar antes de irmos direto
para o wordpress vamos voltar para o painel só para
ativar o certificado de segurança SSL é bem simples basta ir no
configurar escolher o seu domínio e clicar em configurar novamente
ok de volta ao painel estamos com tudo pronto veja o domínio ea hospedagem
estão verdes aí vamos em gerenciar o painel verifica
se o domínio está apontando e te avisa caso tem algo de errado pra acessar o
wordpress basta clicar no ícone dele e aí insira
seu e mail/usuário e senha e pronto estamos no wordpress primeiro
passo aqui é ir em aparência ou appearance em inglês eai e clique em temas ou themes
no topo clique em adicionar novo ou é “add new” e aqui vamos pesquisar pelo tema
astra e clique em instalar e depois em ativar acima vai aparecer essa mensagem
do astra clique em começar aqui vamos escolher um elementor e agora sim pessoal
esses temas aqui são os que nós recomendamos pois eles são extremamente
otimizados tem pra vários nichos que que a sua escolha qual queira utilizar por
mais diferente que seja vamos utilizar esse “wedding invitantion”
coloque o nome dele na pesquisa em que em visualizar depois lado esquerdo
marque a opção “delete previously imported website” e clique em importe site
aguarde que pode demorar cerca de dois a quatro minutos para importar assim que
finalizado clique em view site e depois vamos acessar o elemento no topo tem
editar com elementos aqui é muito fácil webmasters não tem segredo
basta você colocar o mouse sobre o que você quer editar e depois clicar no
lápis ao lado e assim do lado esquerdo vai abrir as abas de edição pra começar
vamos editar essa seção inicial deixe seu mouse sobre a imagem
e no topo clique nessas bolinhas e aqui estão as abas cada coisinha dessa faz
uma coisa mas não se assusta rapidinho você pega o jeito e você pode
praticar o quanto você quiser vamos nessa aba estilo logo você já vai ver a
foto ali e se clicarmos podemos mudar a foto e aí que eu vou dar uma dica pra
vocês tem esse site aqui “pixabay” ele
disponibiliza imagens e vídeos gratuitamente para você criar sites e
até vídeos procura que o tema do seu site por exemplo trabalhando e veja
quanto às opções pra você é de graça sério voltando lá se você baixou os meus
arquivos vai achar essa mesma foto e vamos inserir veja que a imagem não
ficou bem encaixado ali atrás então vamos dar uma fuçada aqui do lado
em posição podemos mudar pra personalizado e aqui podemos deixar do
jeito que a gente quiser além da posição vamos deixar o tamanho
personalizado também aqui podemos ver que não passa do número 100
mas se a gente digitar números maiores a imagem aumenta do mesmo jeito
então vamos usar o tamanho de 250 e as posições que eu usei aqui foi menos 628
x e – 682 no y um detalhe maneiro agora clica no fundo e vamos em sobreposição
do fundo aqui podemos colocar uma camada sobre a imagem e vamos usar um gradiente
ai na cor secundária vamos colocar um verde que é sempre bom
você definir poucas cores para o seu site pra finalizar nesta imagem vamos
voltar no fundo e em anexo muda para fixo e assim a imagem fica
presa e dá uma sensação de movimento profissional para o site fechou aqui no título mesmo processo
coloca o mouse em cima e mais um lápis e aí do lado vai ter as opções pra gente
editar aí você coloca o seu título e aí na aba
estilo olha que legal tem a opção tipografia que você pode mudar tudo das
letras vamos colocar uma fonte melhor como a
roma e mudar também o tamanho do título agora esses abaixo acho que eu vou
clicar com o botão direito e exclui mesmo que só colocaram debaixo mesmo
processo uma dica é sempre utilizar a
mesma fonte ou uma semelhante evita que a aparência do site fica estranho só
para salientar se você está fazendo o site igual o meu, eu sempre uso com tahoma a cor verde ou branca e as imagens que você já baixou mas vamos a próxima
seção aqui obviamente você pode fazer do seu jeito
mas eu vou colocar aqui um sobre usar a cor verde e na tipografia mudar para
tahoma beleza e se abaixo eu vou excluir é só
clicar no x e ele apaga a seção inteira agora aqui mesma coisa pessoal
clica no lápis e do lado você vai ver o nome e aí podemos colocar nosso nome em
nome da empresa o nome do produto colocar uma breve descrição do sobre ea
estilo aqui pode ver que tem da imagem mas queremos primeiro do conteúdo ok
vamos mudar para a cor verde ou de baixo também e atualizar a tipografia para a
roma e esse aqui vamos deixar um areal
veja que as duas fontes são semelhantes agora vamos inserir uma imagem clica no
lápis no menu esquerdo e lá em cima enviar a imagem
selecione a imagem da reunião e pode enviar
os ícones de rede social dá para alterar tudo olha só aparece cada um no menu aí
por exemplo em forma podemos deixar ele arredondado e clicando sobre cada um
deles podemos inserir no link das respectivas redes sociais que por
exemplo se você não tiver google plus é só clicar na imagem e escolher outro
ícone por exemplo quero colocar meu skype aqui o steam
tem de tudo agora no estilo e em ícone podemos colocar nosso verde padrão e
aqui no ícone ao passar o mouse podemos colocar uma cor para contrastar quando
passarem o mouse está ficando legal né seguinte vamos clicar nesses pontinhos
para ajustar o tamanho da seção no menu vamos mudar a altura para a
altura mínima e podemos colocar o valor de 720 beleza bora para a próxima seção
novamente pessoal é o mesmo processo de clicar nos elementos no menu esquerdo
alterar o ícone em visualizar podemos mudar pra empilhado olha que legal que ele
fique pode inserir um link caso a pessoa clica no ícone e vamos colocar nosso
verde primário do site aqui no texto pessoal só para ser agil que vou fazer
essa mágica e vamos a uma coisa nova clicando num lápis do texto vai avançado
e selecione o fundo clique no pincel clássico escolha o
verde e a em borda podemos ir em arredondamento e deixar a caixa de texto
assim mas tá temos que voltar em estilo em
tipografia e mudar o tamanho rapidinho agora vamos mudar a imagem do fundo
igual a gente fez na última vez clicar nas bolinhas na imagem e enviar a imagem
para o wordpress agora aqui embaixo pessoal eu vou
ensinar vocês a editarem apenas um que é muito simples
aí você faz com os outros coloca o mouse sobre o que você quer editar clica no
lápis e aí podemos atualizar o título e em estilo no conteúdo
podemos mudar a cor do texto ea fonte para a tahoma agora a imagem vamos voltar em conteúdo
deixa o mouse sobre a imagem e clica na lixeira ea imagem some e vamos nestes
quadradinhos e aí no menu esquerdo acha o ícone e vamos inseri lo e você clica
nele segura e arrasta até essa barra fica azul em cima do texto que pode
soltar pronto agora fica bem melhor no meu caso
aqui essa biblioteca tem exatamente o ícone do html e estilo
vamos mudar o nosso verde padrão pronto agora você pode até pausar o
vídeo editar todas as suas caixinhas que eu aqui vou ser mais dinâmico e para a
próxima sessão a partir de agora vou apenas mostrar as novidades coisas que
não fizemos ainda pro video não ficar muito lento ok
nessa sessão vou só atualização assim e essa parte escrito “to send greetings”
clique com o botão direito exclui ea caixa cinza de baixo também no menu
vamos clicar nos quadradinhos novamente e pesquisa por wpforms clica e segura e
arrasta esse outro quadrado branco podemos excluir também a e clica no
quadrado cinza que colocamos do lado aparece para inserir o formulário mas
estamos sem formulário ainda vamos salvar o site clicando em atualizar depois no topo dessas três barras e aí
sair para painel agora vamos em wb formes e adicionar novo
coloque o nome por exemplo contato e cria o formulário simples
aqui você pode editar se quiser seu formulário
mas no momento vamos apenas salvar aí no painel wordpress no topo tem o nome do
seu site coloca o mouse em cima e clique em visitar site e clique em editar com
elementor volte a seção que estávamos e clique na caixa cinza e coloca seu
formulário se tiver assim quebrado igual o meu não se
preocupe sério no site está tudo certinho você
pode conferir agora se quiser na seção de baixo é só atualizar as
fotos pessoal muito simples click no lápis depois nas fotos no menu esquerdo
e clicar no x em cada uma das fotos insira todas as fotos de uma vez são
oito no total pronto foi todas as fotos
a penúltima seção vou fazer o seguinte eu vou excluir o mapa e vamos montar
essa seção novamente para reforçar o aprendizado esse título vou só atualizar
rapidamente aos padrões do site aí vamos criar nossa seção clicando
neste mais e vamos usar esse formato que é cortado
em três colunas veja três fatias para a gente criar agora vamos nos quadradinhos
para inserir o mapa procure por maps e clique e arraste para
o meio no local coloca o seu endereço e no Zoom dá para ajustar o mapa certinho voltamos aos quadradinhos no topo e aí
vamos inserir o ícone dos dois lados aí depois inserimos 2 cabeçalhos e dois
textos e bora editar eles, clicando lápis podemos
colocar aqui um reloginho mudar a cor pra verde no título colocar o horário de
atendimento em tag html é possível ajustar o
tamanho o h3 está ótimo e vamos em estilo colocar a cor verde ea fonte tahoma ops melhor diminuir o tamanho, 27
está ótimo no texto vou mostrar como essa
ferramenta de texto é completa quer ver o pra escrever tudo em negrito basta
clicar nesse botão e começar a escrever vou colocar aqui o horário de
atendimento em baixo não pegou negrito mas não se preocupe é só selecionar tudo
e clicar novamente negrito e pronto foi aplicado agora em estilo vamos acertar
um alinhamento do texto por meio do outro lado mesmo processo não tem nada
de diferente e finalizando vamos só criar uma barra
da cor primária do site clicando mais para criar e usa a sessão completa
vamos em estilo e escolhe o fundo clássico e coloca verde só para ajustar
vamos em avançado e em pading e aumentar a sessão e podemos finalmente atualizar
que acabamos no nosso site bora ver o resultado
e pronto tá aí pra um vídeo rapidinho desses até que conseguimos trabalhar e
aprender bastante né com isso finaliza o vídeo de hoje eu não
tenho certeza que você deve estar cheio de idéias para os seus sites
se você gostou do vídeo deixa o seu like apoia-nos canal inscreva se e clicando
no sininho você recebe todos os nossos novos vídeos

Poderá ver o vídeo no youtube Aqui