Como botar seu site com blog no ar em 20 minutos comemorando no final com uma cerveja

Bruno Figueiredo
Aug 9, 2017 · 8 min read

Um tutorial simples e direto para criar uma instalação do WordPress (ou migrar um) e publicar seu site ou blog numa hospedagem barata e de alta performance rapidamente para que sua cerveja não congele.

Isto é um guia acessível para botar sites no ar

A ideia não é que você saia daqui com altas credenciais em web design e desenvolvimento, mas que consiga ganhar autonomia para quando precisar de um site, blog ou landing page para algum projeto.

  • Não precisa saber nada de código;
  • Fluxo de trabalho pensado para ser rápido;
  • Vai servir para a maioria dos seus projetos simples;
  • Pode ser usado para dar um upgrade no servidor do seu site.

Se você já manja de projetos web pode também adotar alguma parte desse guia em seu fluxo de trabalho, deixando tudo mais rápido ainda; ou deixar uma dica sobre como deixar esse tutorial mais inteligente (seu comentário é muito importante, amigo leitor)!

Ferramentas que usaremos: WordPress + Digital Ocean + ServerPilot

Acredito que para a maioria dos projetos da web mais simples um site em WordPress pode ser a opção mais rápida e econômica; tem sido minha escolha nas últimas criações de site e por isso será o CMS usado para esse tutorial.

Precisaremos também de um serviço de hospedagem que atenda as especificações mínimas do WordPress e que ofereça alta performance — quase 100% de uptime e carregamento ultra rápido. Escolhi a Digital Ocean, pelos mesmos motivos que escolhi o WordPress como CMS.

Hospedagem barata, confiável e de alta performance

A Digital Ocean (DO) oferece hospedagem com tecnologia on cloud e o plano básico do serviço sai por 5 dólares mensais, cerca de R$16 hoje, preço semelhante ao de hospedagens “tradicionais” e com altos índices de citações no Reclame Aqui e uma horda de usuários muito bolados em fóruns do nicho.

A Digital Ocean será a hospedagem usada nesse tutorial; um site mantido no plano básico pode suportar até 2000 visitantes ao mesmo tempo.

Mantenho hoje um droplet de 5 dólares hospedando 5 sites WordPress — nesse caso são sites com baixo tráfego de visitas. O limite acaba sendo o número de visitantes simultâneos acessando o seu site.

É relatado em fóruns de usuários da DO que sem otimização o droplet básico aguenta de 200 a 300 visitantes simultâneos; e com otimização (basicamente cache e nginx) suporta cerca de 2000 clients ao mesmo tempo.

Atende suas necessidades? Acessando esse link você ganha 10 dólares para testar a Digital Ocean e seguir esse tutorial e manter seu projeto no ar por até dois meses. Show!

ServerPilot.io, a mão na roda

Junto da DO usaremos o ServerPilot.io, uma ferramenta que torna muito mais fácil o gerenciamento dessa hospedagem, eliminando qualquer necessidade de uso da linha de comando (aka a tela preta que intimida).

O ServerPilot.io é o pulo do gato desse tutorial. E o melhor de tudo: tem plano grátis. Adoramos coisas grátis.

Todos os passos desse tutorial serão feitos em interfaces para usuários.

É pra ser acessível e poupar tempo e esforço, duas commodities que você vai precisar após a publicação do site, na criação de conteúdo, ajustes de design e otimização.

O Pré — tutorial

Tenha algumas coisa em mão antes de começar esse tutorial.

Domínio registrado

É possível seguir esse tutorial sem um endereço de domínio, dessa forma seu site WordPress de teste poderá ser acessado pelo endereço de IP de seu droplet. Para registrar um novo domínio com final .com.br use o Registro.br. Se já tiver um domínio, já pode deixar a aba com o serviço de registro que usou aberta.

Conta da hospedagem Digital Ocean criada

A DO mantém uma rotina rígida de verificação de usuários para que mantenha seus servidores livres de sites e projetos maliciosos. Na hora de criar uma conta serão solicitadas informações pessoais, de contato e links de perfis em redes sociais — eles precisam saber que você não é um robô, ok? Deixa essa aba aberta.

Conta no ServerPilot.io criada

Com plano básico gratuito, o ServerPilot é a engrenagem que instala todos os programas necessários para que o droplet rode o WordPress com excelência e maestria. Já crie sua conta por lá e verifique seu email. Pode deixar essa aba aberta também.

Expectativas altas. Agora vamos começar!


Tutorial: como criar um site WordPress e beber uma cerveja em 20 minutos

1. Bote uma cerveja no congelador

O primeiro passo é o mais simples. Escolha uma cerveja e deposite-a em seu congelador. Essa etapa é facultativa caso você curta cerveja à temperatura ambiente. Pode trocar a cerveja por qualquer outro tipo de corote ou beber água — sempre é uma boa se hidratar.

2. Crie um Droplet no Digital Ocean

Vá na aba do Digital Ocean e selecione a opção “Criar Droplet”, o botão verde que estará no topo da página, à direita, bem fácil de achar.

Você precisa de um droplet nas configurações Ubuntu 16.04 (provavelmente já estará selecionada pois é a mais popular e estável). O tamanho do Droplet pré-selecionado é o que custa 20 dólares, altere essa opção para a mais barata (se suportar o tráfego do seu projeto).

Não vamos nos preocupar hoje com as outras opções, pode deixar tudo como está. Prossiga.

Ao confirmar a criação do droplet você receberá em seu email o IP de seu droplet e acessos (usuário e senha) para acessar o servidor. Abra esse email em uma nova aba para a próxima etapa, você vai precisar dessas informações.

3. Configure o Droplet no Serverpilot

Vá para a aba do ServerPilot e selecione “Connect Server”, o botão verde do topo à direita. Nessa tela, insira o IP do droplet e a senha que recebeu por email.

O ServerPilot instala e configura a estrutura necessária (LAMP) no droplet automaticamente, aplicando as configurações do Apache para deixá-lo pronto para abrigar múltiplos sites com domínios diferentes em WordPress.

Essa operação demora 3–5 minutos e você pode olhar para o teto durante esse tempo ou conferir a temperatura da sua cerveja.

4. Adicione um app de WordPress

Depois da mensagem de sucesso continue na aba do Serverpilot e clique nesse botão “Create App”.

Aqui você deve preencher informações sobre o site como nome, descrição e definir os acessos principais para o primeiro login na interface de administração. Não esqueça de marcar o checkbox WordPress!

Se for usar um domínio, já pode informá-lo no campo “Domain”. Se quiser acessar os eu projeto pelo endereço de IP, informe-o nesse campo. Confirme as informações e pronto: WordPress já instalado!

5. Configurando DNS no Digital Ocean e servidores de nome no Registro.br

Pode pular essa parte se usou um endereço de IP na etapa anterior. Caso tenha escolhido um domínio você também deve adicionar registros na Digital Ocean e mudar o servidor de nomes no seu provedor de domínio.

Na aba da Digital Ocean selecione a opção “Networking” e siga esses passos. Os servidores de nomes da DO que devem ser adicionados no serviço de registro serão:

  • ns1.digitalocean.com
  • ns2.digitalocean.com
  • ns3.digitalocean.com

(Se precisar de ajuda nessa etapa me manda um alô, ok?)

7. Beba sua cerveja acessando seu site WordPress

Se configurou um domínio a troca de servidores DNS no serviço de registros pode demorar alguns minutos ou até horas. O tempo de espera aqui é um pouco imprevisível, mas você pode fazer o primeiro ao seu WordPress pelo endereço de IP.

Olha que lindo que o você fez! Acesse a interface de administração do seu WordPress adicionando /wp-admin/ ao final da URL. Faça login com usuário e senha que escolheu na etapa 4, quando adicionou um app de WordPress no ServerPilot.

Se não conhece ainda o CMS reserve alguns minutos para conhecer a interface de administração e ler alguns tutorias com dicas para iniciantes.

É o tempo exato para buscar sua cerveja no freezer, abrir a tampa e se deliciar com os momentos finais desse tutorial!


Bônus: migrando seu site WordPress

Se você já tem um site em WordPress presumo que já conheça como funcionam os plugins e saiba adicionar um novo. Fica muito fácil migrar sites em WordPress para essa estrutura que criamos no tutorial e o plugin usado para isso pode ser o All-in-one WP Migration.

A rotina da migração funciona assim:

Mesmo que não queira utilizar essa infraestrutura do tutorial você pode executar um teste de carga para ver como o seu site se comportaria nesse ambiente, comparando com a sua hospedagem atual. Para isso utilize o Loader.io, uma ferramenta gratuita que estressa seu servidor até não dar mais :)


Suas prioridades agora serão otimização

Você já botou um WordPress no ar, está bebendo sua cerveja e pensa: e agora? O trabalho em torno de um site não termina na hora da publicação; tudo pode ser otimizado e suas páginas precisam de bom conteúdo.

Temas, plugins e ferramentas que facilitam a vida

A grande vantagem aqui para quem não tem web design skills é escolher um bom tema que atenda todas as necessidades do projeto; a parte estética também pode ser refinada, mas onde o WordPress sai na frente é na expansão de conteúdo, seja em posts ou artigos de blog.

Vários plugins podem ser adicionados para melhorar a performance, como ferramentas de cache, cdn, e SEO. O mais importante é que seu site já está no ar e pronto para receber melhorias e se destacar. A ideia é que gaste o tempo que economizou nesse tutorial para isso!

Curtiu esse tutorial? Levou 20 minutos mesmo? Se estiver demorando é porque tem alguma coisa errada e sua cerveja corre o risco de congelar — não queremos isso.

Deixe um comentário e tire suas dúvidas!

Bruno Figueiredo

Written by

Design + Marketing + Conteúdo | https://brunofigueiredo.com.br/

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade