Como configurar uma página de manutenção personalizada durante uma atualização do site

Como configurar uma página de manutenção personalizada durante uma atualização do site no WordPress

Olá, querido(a) cliente! 🌿 Seja bem-vindo(a) ao seu guia de mão na massa, escrito com carinho pelo seu Sensei da GeHost. Hoje vamos aprender juntos como exibir uma página de manutenção personalizada enquanto você atualiza seu site WordPress — assim, seus visitantes não encontram erros, mas sim uma mensagem educada e profissional. 🛠️✨

Isso é super útil quando você está:

• Atualizando o WordPress, temas ou plugins;
• Realizando melhorias no design ou conteúdo;
• Preparando uma nova versão do site.

Com essa configuração, seu site fica "em pausa" de forma elegante, sem perder a identidade. Vamos lá?

Passo 1: Acesse o painel do cPanel

Para começar, faça login no painel do cliente da GeHost:

• Visite: painel.gehost.com.br
• Insira seu usuário e senha (os mesmos que você usa para acessar o site).

Passo 2: Acesse o Gerenciador de Arquivos

No painel do cPanel, localize e clique em Gerenciador de Arquivos (File Manager).

Selecione a opção public_html (ou o diretório raiz do seu site) e clique em Ir.

Passo 3: Crie a página de manutenção

Você vai criar um arquivo HTML simples com uma mensagem personalizada. Vamos chamá-lo de maintenance.html.

1. Na pasta public_html, clique em Novo Arquivo.
2. Nomeie o arquivo como: maintenance.html
3. Clique em Ir.

Abra o arquivo recém-criado e cole o código abaixo:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Site em Manutenção   <style>
    body { font-family: 'Arial', sans-serif; text-align: center; padding: 60px; background-color: #f8f9fa; color: #333; }
    .container { max-width: 600px; margin: 0 auto; padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    h1 { color: #d32f2f; }
    p { font-size: 1.1em; line-height: 1.6; }
    .logo { margin-bottom: 20px; }
  </style>
</head>
<body>
  <div class="container">
    <div class="logo">
      <img src="https://gehost.com.br/images/logo-gehost.png" alt="Logo da GeHost" width="180" />
    </div>
    <h1>Estamos em manutenção</h1>
    <p>Nosso site está sendo atualizado para oferecer uma experiência ainda melhor. Volte em breve!</p>
  </div>
</body>
</html>

Salve o arquivo.

Passo 4: Proteja o acesso ao site com a página de manutenção

Para que o site mostre essa página para todos, vamos usar um arquivo chamado .htaccess (um arquivo de configuração do Apache).

1. No Gerenciador de Arquivos, clique em Configurações (no canto superior direito).
2. Marque a opção Mostrar arquivos ocultos (como .htaccess).
3. Procure o arquivo .htaccess na pasta public_html.
4. Se não existir, clique em Novo Arquivo e nomeie como .htaccess.
5. Abra o arquivo e cole o código abaixo:

Redirect 503 /
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{REQUEST_URI} !^/maintenance.html$ [NC]
  RewriteCond %{REQUEST_URI} !^/wp-admin/ [NC]
  RewriteCond %{REQUEST_URI} !^/wp-login.php [NC]
  RewriteRule ^(.*)$ /maintenance.html [R=503,L]
</IfModule>

Salve o arquivo.

Importante: Esse código faz com que todos os visitantes vejam a página de manutenção, exceto quem acessa o painel administrativo do WordPress (/wp-admin) ou o login (/wp-login.php). Assim, você pode continuar editando o site sem problemas.

Passo 5: Atualize seu site (WordPress)

Com a página de manutenção ativa, agora você pode:

• Atualizar o WordPress;
• Atualizar temas ou plugins;
• Editar conteúdo com segurança.

Seu site estará protegido e profissional durante todo o processo.

Passo 6: Retorne ao site normal

Quando a atualização estiver concluída:

1. Volte ao arquivo .htaccess no Gerenciador de Arquivos.
2. Apague o conteúdo do arquivo (ou remova as linhas que você adicionou).
3. Salve o arquivo.
4. Exclua o arquivo maintenance.html da pasta public_html.

Pronto! Seu site voltou ao normal e está acessível para todos.

Dica do Sensei

Se você quiser, pode personalizar a página de manutenção com sua logo, cores ou mensagem específica. Basta editar o código HTML que criamos. O importante é manter o Redirect 503 e as regras de exclusão do /wp-admin e /wp-login.php — isso evita que você fique travado no site!

Se precisar de ajuda, o Suporte da GeHost está aqui para você. Basta entrar em contato pelo painel do cliente. 💬

Seu site merece cuidado, e você merece tranquilidade. Com essa página de manutenção, você está no controle — e isso é poder. 🌟

Com carinho,
Seu Sensei da GeHost
— Raphael Neves Koga, dono da G e Soluções e Event