Como criar um site profissional em WordPress em 19 min – Olá Tudo bem? Nesse vídeo eu vou explicar para vocês como criar um site completo do zero usando o WordPress. No nosso exemplo eu vou usar um plano o WordPress ii com a ferramenta já instalada.
Assim que você contrata um plano o WordPress o seu provedor de hospedagem vai te mandar por e mail os dados de acesso ao painel administrativo do wordpress, ou seja, o login e a senha.
Resumo da Postagem
Como Criar Um Site Profissional em WordPress em 19 min
O primeiro passo para você acessar o painel administrativo do WordPress é colocar na barra de navegação o domínio do seu site barra wp-admin. Agora a gente vai colocar o login, que por padrão é sempre “admin” e vamos colocar a senha do nosso administrativo, lembrando, é o login e senha que o provedor de hospedagem vai enviar para você por e-mail assim que você contratar um plano de hospedagem WordPress. Agora vamos clicar em iniciar sessão. Pronto.
Agora a gente está dentro do painel administrativo do WordPress. Nesse painel a gente pode fazer qualquer tipo de função, como por exemplo, instalar um tema, instalar um plugin, editar o conteúdo do site…
Agora vou explicar para vocês em detalhes, do zero, como você pode criar um site profissional em WordPress. Por padrão quando você instala o WordPress, uma instalação nova, ele vai te entregar um template cru. Ou seja, um site simples mas já funcional
sem nada.
Por exemplo, vou mostrar pra vocês como é uma instalação nua e crua do WordPress. Basta a gente digitar o dominio do nosso site para poder acessar ele. Bom, esse é um template padrão do WordPress.
Super simples mas ainda assim funcional eu vou explicar para vocês nesse vídeo como fazer um site profissional do zero. Bom, agora a gente vai escolher o visual do nosso site. A gente vai instalar um tema para o nosso site.
Imagina que a gente quer fazer um site de um restaurante por exemplo. Nós vamos aqui, em apresentação, e em temas. Aqui nessa tela ele vai mostrar para a gente os temas que estão instalados no WordPress.
A gente vai usar uma ferramenta de busca. Primeiro vamos clicar em adicionar novo. Agora nessa tela o WordPress vai mostrar pra gente uma infinidade de temas que estão disponíveis pra gente poder ter no nosso site.
A gente vai usar um filtro de características para escolher algum tema de acordo com o nosso negócio, que é um
restaurante. Então a gente vai ativar a opção comidas e bebidas e vamos clicar em aplicar filtros.
Então aqui já vai mostrar pra gente diversos temas dentro da categoria que a gente escolheu. Eu vou descer um pouquinho a tela para encontrar um tema mais agradável. Pronto, vou instalar esse tema aqui. Pronto, a gente vai receber uma confirmação de que o tema foi instalado tá ok.
Se você preferir você pode pré visualizar os temas antes de instalar, basta você clicar nesse botão de pré-visualização. Agora que a gente
instalou o tema, muito importante, a gente vai ter que clicar na opção para ativar esse
tema. O WordPress permite que a gente tenha
vários temas instalados e que a gente troque de tema de tempo em tempo.
No WordPress isso é muito fácil mas a gente tem que clicar para ativar esse tema e
enfim dá essa cara pro nosso site. Pronto, agora a gente vai ter já uma
confirmação de que o tema foi ativado tá ok. Eu vou mostrar pra vocês como é que
tá ficando o nosso site. A gente vai acessar ele, e pronto. Já tem
outra cara já está muito mais bonito. Agora vou explicar para vocês como
customizar esse conteúdo, mas antes de customizar o nosso conteúdo,
é importante a gente instalar alguns plugins no WordPress que são muito
importantes para a nossa segurança e para a velocidade do nosso site.
Bom, pra gente gerenciar os plugins do WordPress a gente vai ver no painel
administrativo, nesta sessão “plugins” e depois “plugins instalados”. Aqui você vai poder ver os plugins que estão instalados no WordPress. Por padrão, a
gente tem poucos plugins, porque é uma instalação nova, uma instalação crua do
Wordpress. Bom, a gente vai instalar alguns plugins que vão melhorar muito o nosso
site. Primeiramente a gente tem que clicar em
adicionar novo aqui em cima. Dessa forma o WordPress já mostra
alguns plugins disponíveis pra gente. O primeiro plugin que vou instalar é o Classic Editor. É o editor de texto mais agradável, que vai facilitar
um pouco a nossa vida na hora de digitar o nosso conteúdo do nosso site.
Então, a gente por exemplo localiza aqui o plugin e clica em “instalar agora”. Pronto,
ele já está instalado, tá ok. Agora a gente tem que clicar em ativar esse
plugin. Pronto então nosso primeiro plugin foi instalado. O Classic Editor ele está aqui já como ativado.
Vamos voltar agora para adicionar novo plugin e agora vou instalar o Super
Cache. O Super Cache é um plugin muito importante que agiliza muito o
carregamento das imagens do nosso site. Ele reduz a imagem que é entregue pro
cliente em termos de tamanho mas a qualidade é sempre mantida mesmo. Dessa
forma o seu site vai ficar muito mais rápido e muito mais fácil de ser
acessado. A gente vem aqui na opção de busca e
vamos colocar Super Cache. Pronto, agora que a gente localizou o
plugin a gente vai clicar em instalar agora. Pronto, foi instalado com sucesso. Agora
eu vou clicar em ativar agora vou instalar mais um plugin que é o Contact Form. O
Contact Form permite você ter um formulário de fale conosco no seu site.
Isso facilita muito para que seus usuários, seus clientes, possam fazer
contato, enviar um e mail, um feedback para você sobre o seu site.
Então a gente vai procurar aqui Contact Form. Ok localizei o plugin, vamos
clicar em instalar agora. Ok, vamos então ativar esse plugin. Pronto
ele foi instalado, agora por fim a gente vai instalar mais um plugin chamado Yoast. O Yoast é um plugin de SEO. Uma ferramenta de otimização do seu
conteúdo para os buscadores. Como a gente tem um site a gente quer que ele
apareça bem no Google, não é? Então o Yoast é um plugin que ajuda muita gente na hora
de escrever o nosso conteúdo. Ele vai dizendo pra gente a melhor forma da
gente fazer aquele conteúdo, de modo que o nosso site apareça mais bem colocado
no Google. Então a gente vai colocar aqui na caixa
de busca, “Yoast”. Ok então localizamos o plugin Yoast, e vamos
clicar em instalar agora. Pronto ele foi instalado vamos então ativar o plugin
Yoast. Pronto essa parte dos plugins pode parecer um pouco complicada, mas não
se preocupa, que isso é bem básico. Nós instalamos alguns plugins para deixar o
site mais rápido mais seguro e otimizado para o Google.
Bom então agora que a gente já instalou o tema e já instalamos alguns plugins.
A gente vai aprender customizar o nosso tema ou seja customizando o visual do
nosso site. A gente vai aqui no painel
administrativo, na opção apresentação, temas.
Esse é o tema que a gente tem instalado O nome dele é Finedine. Pode ser outro tema da
sua escolha, claro, e a gente vai clicar em personalizar. Bom, nessa tela ele vai
mostrar pra gente diversas opções de customização nesse tema.
Cada tema tem opções diferentes para ser customizado. Nesse nosso tema a gente
pode fazer algumas coisas muito legais, por exemplo, a gente pode ver aqui nesse
ícone do lápis. Vamos clicar nele aqui e vamos clicar
então e selecionar logotipo. Agora a gente vai escolher o arquivo do
logotipo. Ok, agora só a gente escolher a nossa logomarca. Essa aqui é uma logo
modelo que eu criei. A gente clica em abrir Pronta, a logo já foi enviada para o
Wordpress.
Agora aqui em baixo a gente vai clicar em selecionar. Vamos clicar em
cortar imagem. Pronto, aqui já a nossa logomarca no nosso template. Agora eu
posso aqui por exemplo editar o nome do meu site colocando meu restaurante ok. Agora você pode ver que ele já
atualizou o nome do restaurante com logomarca em cima e agora por exemplo a
gente vai trocar essa imagem aqui do cabeçalho.
Nós vamos clicar aqui em imagem do cabeçalho vamos adicionar nova imagem.
Agora a gente vai carregar ficheiros para poder fazer o upload do arquivo. E
agora abrir. Pronto, agora a subiu uma imagem
nova, que vai ser a imagem do cabeçalho do nosso site.
Vamos clicar e escolher e cortar.
Nessa tela o WordPress vai te oferecer uma
opção muito interessante onde você vai poder escolher um trecho da imagem que
vai aparecer no seu site. Por exemplo, você pode escolher aqui eu
vou descer um pouquinho aqui o corte da imagem e vou clicar em cortar imagem.
Pronto ela está inserida a gente já trocou o cabeçalho do nosso site.
Agora vou clicar em Publicar, para que as alterações que eu fiz
tenham efeito. Pronto, ele foi publicado. Agora vamos ver como é que tá ficando o
nosso site, vamos voltar aqui. Agora vou dar um reload na tela, vou
recarregar tela. Pronto, já temos a nossa logomarca, já temos aqui o nosso nome do
restaurante inserido. Já temos agora a imagem de cabeçalho, e
agora vou explicar para vocês como atualizar o conteúdo do nosso site, ou
seja, os artigos dele. Agora de volta à o painel administrativo
do wordpress a gente vai clicar no X para poder fechar. Assim a gente vai
voltar pra para o painel principal do WordPress.
Agora a gente vai na opção artigos. Aqui, por exemplo, a gente pode ver os artigos
do nosso site.
O WordPress, ele organiza sempre cada página do site
baseado em um artigo. O que eu recomendo vocês terem sempre para cada tipo de
produto ou serviço uma página diferente. E isso pode ser uma página de artigo que
vai permitir dar mais conteúdo, ou então uma página de categoria. No nosso
exemplo a gente vai trabalhar sempre com os artigos, que inclusive é o que o
Google gosta mais pra poder indexar o seu site, e listar ele no topo das buscas.
Então agora a gente vai adicionar um novo artigo, a gente vai por exemplo
falar um pouco do nosso produto. Como a gente está fazendo um site de um
restaurante eu vou falar um pouco do nosso hambúrguer gourmet.
Então, a gente vai colocar primeiramente aqui o título do nosso artigo,
que vai ser por exemplo um hambúrguer gourmet.
Agora aqui eu vou falar um pouco do nosso hambúrguer, eu vou escrever um texto, um
modelo de texto, falando um pouco do nosso hambúrguer colocando fotos dele. Bom e agora a gente vai adicionar uma foto ao nosso artigo. A foto pode ser
colocada ou no meio do texto ou então pode ser uma foto padrão uma foto
principal dele, eu vou explicar para vocês a diferença desse material. Por
exemplo, vamos ficar aqui em adicionar multimídia, carregar arquivos e aqui eu
vou adicionar essa foto ao nosso artigo. Pronto agora que eu escolhi a foto, eu
vou clicar e inserir no artigo e pronto a imagem está inserida. Agora eu vou
atualizar um pouco o posicionamento dessa imagem exatamente
para ele poder aparecer de forma mais alinhada e mais agradável para quem está
lendo. A gente vai clicar na imagem e vou
clicar em alinhar à esquerda nesse ícone aqui. Pronto, agora a foto está bem inserida dentro
do nosso artigo. A gente pode clicar em publicar.
O artigo que eu escrevi já está disponível no nosso site. Agora se você for reparar, ele está aparecendo somente o texto aqui na página principal. Eu vou mostrar pra vocês como é que a gente mostra a foto do nosso produto, que a gente incluiu no artigo, na página principal também. Se você clicar aqui no artigo por exemplo, a foto aparece, com o texto que a gente fez. Agora pra você mostrar
foto na página principal você vai voltar para a tela de edição do artigo e vai clicar aqui em imagem de destaque. Vamos clicar em definir imagem de destaque e agora vamos escolher a imagem do hambúrguer e clicar para definir essa imagem como destaque.
Pronto, ela já aparece como destaque e vamos clicar em
atualizar. Agora a gente voltando para o nosso site
a gente vai recarregar a tela e pronto está aqui.
Ela está mostrando a imagem destaque do nosso produto e dessa forma você pode
criar um artigo para cada produto conforme a sua necessidade.
Uma dica muito interessante o Google gosta muito desse tipo de organização.
O Google sempre prefere que você tenha muito conteúdo, sendo que cada artigo fale
sobre um produto ou um serviço específico. Por exemplo você pode fazer
um artigo sobre o seu delivery mostrando as opções de entrega do seu restaurante,
você pode fazer um artigo sobre cada prato, entendeu, e dessa forma quando
alguém procurar por exemplo no Google por “hambúrguer”
você vai aparecer de forma mais bem ranqueada. Agora vou dar uma dica legal
pra vocês também, que é com relação ao endereço do artigo. Vamos editar que o
artigo que a gente criou e nessa área ele vai mostrar
a ligação permanente. O que é a ligação permanente? É o link do nosso artigo. Dessa forma pra alguem acessar o nosso artigo ele vai ter que acessar diretamente
neste link. O Google ele sempre gosta dos links
amigáveis no site, então eu vou ensinar vocês agora
customizar esse tipo de link pra ele ficar amigável com o nome do nosso
artigo no o conteúdo da URL. Nós vamos ficar aqui embaixo em opções e
vamos em ligações permanentes. Aqui nessa área oWordpress permite que você
escolha o formato dos links no seu site. É sempre recomendável você usar o
nome do artigo como o formato do link. Então a gente vai selecionar o nome
do artigo e aqui em baixo a gente vai clicar em guardar alterações. Ok, agora
a gente volta para a seção de artigos e vamos voltar pra edição do artigo que a
gente criou. Ok, agora olha como é que está mais interessante, mais bonito o link do nosso
artigo. meusitemodelo.com/hamburguer-gourmet que é o título do meu artigo aqui. A gente pode trocar esse
link botando o que a gente preferir, clicando aqui nesse botão editar.
Agora vamos voltar à seleção dos artigos. Eu vou fazer mais um artigo agora
falando um pouco sobre o ambiente do nosso restaurante e você pode observar
esse artigo “olá mundo” que é um artigo padrão também que vem é de fábrica e
interage com o WordPress. A gente vai apagar ele porque não tem
muito a ver, é só mesmo para demonstrar como funciona.
Ok, então aqui abaixo dele eu vou clicar em mover para o lixo.
Pronto artigo foi apagado agora a gente vai criar um novo artigo e o título dele
a gente vai colocar como sendo “ambiente”. Nesse artigo a gente vai colocar uma
foto do ambiente do nosso restaurante. Agora assim como a gente fez antes eu
vou clicar no alinhamento dessa imagem para ficar mais agradável pra ganhar a
esquerda. Aqui embaixo a gente vai colocar como
imagem do destaque. Ok, pronto ele já aparece como destaque.
A gente vai publicar esse artigo nosso. Agora a gente pode ver vamos recarregar
o nosso site e pronto, temos aqui um artigo do hambúrguer que a gente fez
logo antes que o artigo nosso no ambiente que a gente acabou de fazer.
Agora vou explicar para vocês uma diferença no artigo para a página. Por
exemplo nessa parte esquerda da do nosso site
nós estamos aqui as páginas disponíveis. O WordPress ele cria uma página chamada
exemplo, que é uma página padrão crua também. Vamos então voltar para o painel
administrativo do WordPress aqui na opção páginas a gente vai em todas as
páginas e aqui a gente consegue localizar as
páginas que ele tem criadas. A gente no nosso exemplo agora vai criar uma página
chamada delivery. Então a gente vem aqui em nova página no título da página vamos
colocar delivery e aqui a gente vai colocar os dados de contato, um
telefone de contato, um email do nosso restaurante. Por exemplo colocando um
telefone de contato vou colocar também aqui os horários de
atendimento. Então agora que a gente colocou os dados
básicos sobre a entrega do nosso restaurante
a gente vai clicar em publicar para que essa página seja publicada no nosso site.
E pronto, a página que a gente acabou de criar aparece aqui do lado como uma
opção no menu da esquerda. Agora a gente vai apagar essa página
exemplo que não tem muito a ver, é só uma demonstração do WordPress.
A gente explica que mover para o lixo do lado dela e agora a gente vai criar
outras páginas, por exemplo vamos colocar aqui localização. Aqui a gente bota por exemplo nosso
endereço agora a gente pode ficar em publicar
essa página e agora vou criar mais uma página que é Menu. E nessa página menu, a gente vai colocar um
a lista dos pratos do nosso restaurante. Pronto, então agora que eu editei o
conteúdo da minha página menu eu vou publicar ela. Então essa é a forma como
nosso site está ficando.
Tá bem legal. Vamos então só customizar os últimos
detalhes, por exemplo o WordPress permite que você coloque um texto, uma breve
descrição sobre o seu site. A gente vai colocar aqui essa frase
agora a gente volta para o painel administrativo do WordPress e aqui na
opção geral, opções geral, a gente pode configurar, enfim, a
descrição do nosso site. Eu vou colocar por exemplo o melhor
hambúrguer da cidade e o título do site eu vou colocar o nome do restaurante. Ok, agora a gente vai descer a tela
clicar em guardar alterações. agora a gente volta para o nosso site,
recarrega a tela então por fim a gente tem o nosso site pronto no WordPress foi
super rápido super simples desenvolver esse site. A gente incluiu os artigos
as fotos e os detalhes sobre a nossa empresa e é isso uma ferramenta muito
fácil de ser usada. Qualquer dúvida que você tenha você pode contar com o
suporte técnico da Homehost. Além das questões técnicas de servidor,
de e-mails, o nosso atendimento também pode ajudar a configurar o seu site do
Wordpress se for necessário.
Palavras Relacionadas ao Artigo
wordpress, como criar um site, criar site, criação de site, template wordpress, plugin wordpress, wordpress tutorial, wordpress website, create a wordpress website, wordpress criar, como criar um site profissional, wordpress criação, temas wordpress, temas, site profissional, como fazer um site, como criar site, criar site wix, criação de sites, instalar tema wordpress, tema wordpress, wordpress links, artigo wordpress, seo wordpress, pagina wordpress, tutorial wordpress