Como colocar o WordPress no modo de manutenção

Como colocar o WordPress no guia do modo de manutençãoEsteja você renomeando seu site, tentando depurar um erro ou atualizando uma página existente, não deseja que a experiência de seus visitantes no front-end seja perturbada. No entanto, quando você está fazendo alterações no seu site, é uma possibilidade muito real. É por isso que você precisa aprender a colocar o WordPress no modo de manutenção. Isso não apenas garante que você possa trabalhar em paz nos bastidores, mas também oferece aos visitantes algumas informações sobre o que está acontecendo.


Mas como você atualiza um site existente ou um trabalho em andamento sem que os visitantes o encontrem em estado de ruína?

Hoje, você aprenderá três maneiras de colocar o WordPress no modo de manutenção para poder trabalhar em paz nos bastidores.

Mas, primeiro, vamos ver quando é melhor fechar o site com um modo de manutenção ou em página de construção.

Quando você deve usar o modo de manutenção?

Modo de manutenção é uma configuração que o WordPress se aplica automaticamente a um site ao aplicar uma atualização de software.

Portanto, em vez de exibir seu site para os visitantes enquanto uma atualização está em andamento e potencialmente apresentá-los a uma mensagem de erro, o WordPress desativa temporariamente o site e exibe uma mensagem no modo de manutenção:

Mensagem do Modo de Manutenção do WordPress

Não é apenas o WordPress que tem o poder de temporariamente colocar seu site offline com o modo de manutenção. Você pode fazer isso também.

Muitas vezes, ao atualizar um site (ou mesmo construí-lo pela primeira vez), você não precisa do modo de manutenção do WordPress. Adicionando uma nova postagem no blog, atualizando suas informações de contato, editando um link antigo – esses são os tipos de pequenas alterações que os visitantes não serão afetados.

No entanto, quando você estiver fazendo um trabalho mais extenso em seu site, definitivamente desejará colocá-lo offline. Você pode tentar agendar suas atualizações no momento em que achar que os visitantes estarão dormindo, mas mesmo isso não é uma abordagem infalível..

Aqui estão alguns motivos pelos quais você deseja usar o modo de manutenção:

  • Renomeando um site inteiro.
  • Adicionando detalhes novos ou diferentes a uma página popular.
  • Instalando um plugin que adicionará um novo recurso ou funcionalidade ao site.
  • Solucionando problemas de um bug ou erro.
  • Limpar um site desfigurado após uma violação de segurança.
  • Anunciando o lançamento de uma empresa com “em breve” para gerar buzz enquanto está em andamento.

Em outras palavras, se alguma grande reforma precisar ocorrer, ou você souber que a aparência do site desativará os visitantes, ative o modo de manutenção no WordPress.

Como colocar o WordPress no modo de manutenção

A maneira mais segura de atualizar um site é fazer alterações em um servidor intermediário e depois migrá-las (o que geralmente você pode fazer através do host).

Porém, se houver algo errado com o site ou parecer “danificado” para os visitantes, o site ativo deverá ser retirado e substituído por uma página de modo de manutenção, independentemente de onde você está trabalhando.

Existem três formas de fazer isso:

  • UMA) Coloque o WordPress no modo de manutenção usando código
  • B) Coloque o site WordPress em modo de manutenção usando o plug-in
  • C) Coloque o site WordPress em modo de manutenção usando o Construtor de temas / páginas

Opção A: Ativar o modo de manutenção padrão com código

Para períodos de inatividade de curto prazo (menos de uma hora), talvez você não queira enfrentar o problema de configurar uma página de modo de manutenção personalizada.

Nesse caso, você pode usar a página do modo de manutenção padrão do WordPress para informar aos visitantes que você voltará.

Etapa 1: vá para o Editor de temas do WordPress

Para ativar o modo de manutenção, vá para o editor de temas no WordPress. Você o encontrará em Aparência> Editor de temas:

WordPress Theme Editor

Se você não vê, solicite acesso de administrador ao site WordPress do proprietário.

Etapa 2: Abra o arquivo functions.php

Procure o arquivo chamado Theme Functions or functions.php:

Arquivo de funções do tema

Clique nele para abri-lo no editor de código à esquerda.

Etapa 3: adicione o código do modo de manutenção ao functions.php

Com o functions.php aberto no editor, copie todo o código dentro do arquivo e salve uma cópia dele na área de trabalho.

Editor de temas

Em seguida, role até a parte inferior do arquivo e adicione o seguinte trecho:

função wp_maintenance_mode () {
if (! current_user_can ('edit_themes') ||! is_user_logged_in ()) {
wp_die ('

Em manutenção


Site em manutenção planejada. Por favor, volte mais tarde.'); } } add_action ('get_header', 'wp_maintenance_mode');

Esta é a configuração e a mensagem padrão do modo de manutenção do WordPress.

Se você deseja editar o que está escrito, substitua esse bit pela sua própria redação:

Em manutenção


Site em manutenção planejada. Por favor, volte mais tarde.

Quando estiver satisfeito com o que diz, clique em “Atualizar arquivo”.

Etapa 4: confirmar se o modo de manutenção está ativo

Como usuário conectado, você não poderá ver o modo de manutenção ao visitar o site. Para que você possa continuar trabalhando e visualizando suas alterações.

Você quer ter certeza de que foi ativado.

Para fazer isso, você pode sair do WordPress e visitar o site ou abri-lo em um navegador completamente novo..

Remover modo de manutenção

A maneira mais fácil de desativar o modo de manutenção é remover o código que você adicionou ao arquivo functions.php. Apenas verifique se essa é a única coisa que você exclui.

Depois de remover o snippet, salve o arquivo mais uma vez. Novamente, efetue logout ou abra um novo navegador para confirmar que o modo de manutenção foi desativado.

Opção B: Ativar modo de manutenção com um plug-in WordPress

Por um tempo de inatividade mais longo (como ao renomear um site ou reparar um bug), você provavelmente não deseja deixar a mensagem padrão do WordPress. Essa página cinza chata e uma mensagem curta não causam uma boa impressão nos visitantes.

Em vez disso, use um plugin de manutenção do WordPress para colocar algo mais envolvente lá em cima.

Isso não apenas permitirá que você coloque uma página projetada lá em cima, mas também pode fazer mais do que dizer “voltaremos”. Você pode deixar as informações de contato, fornecer detalhes sobre o que está por vir ou até pedir aos possíveis interessados ​​que deixem as informações por meio de um pequeno formulário de contato.

Etapa 1: Encontre um plug-in de manutenção do WordPress

Vá para o menu Plugins e clique em “Adicionar novo”.

Em seguida, na barra de pesquisa no canto superior direito, digite “manutenção:

Pesquisar plugins de manutenção

Você verá mais de mil correspondências nos resultados da pesquisa. Para ajudar você a restringir as opções, recomendamos um dos seguintes plugins:

Cada um desses plugins facilita a ativação ou desativação do modo de manutenção, além de personalizar a aparência da página..

Nota: Sempre haverá uma troca quando você usa um plug-in gratuito do WordPress para criar uma página de manutenção.

No caso do plug-in Em construção, você não poderá adicionar seu logotipo ou personalizar cores, tipografia etc. Mas você terá uma página de manutenção em questão de minutos.

Se você usasse o plug-in SeedProd, por outro lado, não teria modelos pré-fabricados para usar. Tudo na página teria que ser criado do zero. Mas você adicionaria coisas como seu logotipo, cores da marca etc..

Então, descubra o que importa mais neste momento.

Se você precisar colocar algo enquanto estiver limpando um site invadido, a opção de implementação rápida pode ser melhor.

Se você estiver trabalhando em uma nova marca de longo prazo, dedicar um tempo para criar uma página personalizada faria mais sentido. E, nesse caso, pode ser benéfico pagar por um plug-in de manutenção premium, para que você possa personalizar rápida e completamente a página e sua funcionalidade.

Etapa 2: instalar o plug-in de manutenção

Depois de selecionar o plug-in que você deseja usar, é necessário instalá-lo no site. Para os fins deste exemplo, usaremos Em construção.

Clique no botão “Instalar agora”:

Instale agora o plug-in

Quando a instalação estiver concluída, o botão ficará azul e dirá “Ativar”. Clique mais uma vez.

Você deve ser direcionado automaticamente para a página Configurações do plug-in. Caso contrário, acesse sua lista de plug-ins e clique em “Configurações” abaixo do plug-in de manutenção:

Configurações de plug-in

Antes de ligá-lo, passe algum tempo configurando sua página do modo de manutenção.

Etapa 3: Projetar a Página Modo de Manutenção

Alguns plug-ins vêm com modelos de página em modo de manutenção (semelhante a um tema WordPress ou a um plugin do construtor de páginas).

Outros plugins exigem que você atualize para pro para obter acesso.

Em construção

No entanto, no caso de Em construção, existem alguns modelos básicos gratuitos que você pode escolher.

Quando encontrar o que você gosta, ative-o.

E se o seu plug-in não tiver opções de modelo, tudo bem. Você ainda deve ter a opção de personalizar cores, fontes e imagens. Só vai demorar um pouco mais de trabalho.

Etapa 4: adicionar conteúdo à página

Para começar, sua página do modo de manutenção será muito simples em termos de conteúdo. Por exemplo:

Padrão em modelo de construção

No entanto, seu plug-in deve fornecer controle total sobre todo o conteúdo que aparece na página:

Conteúdo em construção

Estes são os elementos de conteúdo que você deve personalizar:

Título: Este é o título que o Google mostrará aos visitantes quando seu site aparecer na pesquisa. Por exemplo:

Nome do meu site | Em construção

Ou:

Nome do meu site | Em breve

Descrição: Esta é a descrição que o Google coloca abaixo do título nos resultados de pesquisa.

Portanto, se você apresentou seu site como “em construção” ou “em breve”, dê aos usuários uma amostra do que está por vir. Por exemplo:

Bens domésticos, móveis e brinquedos educativos. Site em breve. Enquanto isso, visite-nos no centro de Toronto!

Título: Este é o título ou título que aparece na parte superior da página do modo de manutenção.

Você pode deixar como uma mensagem genérica de “Desculpe, estamos fazendo algum trabalho” ou pode personalizá-la. Por exemplo:

Novo site e produtos em junho de 2020

Conteúdo: Este é o corpo da página.

Normalmente, é um tipo genérico de mensagem de “Obrigado por aguardar”. Novamente, sinta-se à vontade para personalizá-lo para que você possa informar exatamente aos visitantes no que está trabalhando e por que eles devem ficar animados.

Caixas Optin e pop-ups: Quando esta configuração está ativada e o Plug-in MailOptin ativado, você pode adicionar um formulário de inscrição à sua página de manutenção.

Isso é importante, pois não deixa apenas os visitantes pensarem em outros sites para tentar enquanto o seu está inativo. Em vez disso, você fornece a eles uma tábua de salvação. No segundo em que o site estiver disponível novamente, você estará na caixa de entrada do e-mail informando a devolução.

Trabalharemos na configuração do formulário de inscrição em algumas etapas. Por enquanto, vamos terminar de preencher o conteúdo da página.

Fonte do conteúdo: Se você estiver usando fontes personalizadas em seu site (fontes que você escolheu ou que vieram com o tema), atualize as fontes aqui também.

Botão de login: Se você tiver outros usuários que precisem acessar a área de administração do WordPress, poderá incorporar um botão discreto de “Login” na página.

Ícones sociais e de contato: O formulário de inscrição não é a única maneira de manter contato com os visitantes. Se você já possui páginas de mídia social configuradas para o site ou marca, adicione-as à página.

Por padrão, você tem a opção de preencher links para o Facebook, Twitter, LinkedIn e YouTube. Você pode expandir essas opções e adicionar outras como:

  • Vimeo
  • Pinterest
  • Instagram
  • Behance
  • Dribbble

Mas não exagere. Adicione apenas as contas que você planeja monitorar e usar.

Não se esqueça de adicionar suas informações de contato nos campos adicionais fornecidos. Por exemplo:

  • Endereço de e-mail
  • Número de telefone
  • Número do WhatsApp

Mais uma vez, preencha apenas os detalhes pertinentes. Você estará ocupado criando ou consertando seu site no momento. A última coisa que você quer é se distrair com as pessoas que tentam entrar em contato com você em muitos canais.

Salve suas alterações.

Etapa 5: visualize suas alterações

Depois de finalizar as peças de design e conteúdo, visualize a página que você criou.

Você encontrará um botão “Visualizar” na parte inferior das páginas Principal, Design, Conteúdo e Acesso:

Visualizar modo de manutenção

Clique nele e veja sua nova página:

Nova página em construção

Faça os ajustes restantes no design e no texto, conforme necessário, salve as alterações e siga para a próxima etapa.

Etapa 6: Crie o Optin (opcional)

Se você deseja criar um optin para a página, você pode executar esta etapa. Se não for necessário (por exemplo, se o site ficar inativo por algumas horas ou dias), pule para a etapa final.

Para adicionar um formulário de contato à sua página de manutenção, verifique primeiro seu plug-in.

Por exemplo, o plug-in Em construção funciona com o MailOptin. Outros plug-ins de manutenção podem vir com sua própria integração de formulário de contato. Procure instruções sobre onde obter seu formulário antes de instalar algo novo..

Por enquanto, vamos examinar a situação hipotética do uso do MailOption:

MailOptin Plugin

Detalhes de Contato por E-mail
No que diz respeito às configurações do plug-in, a única página com a qual você precisa se preocupar é a página da campanha de email, na qual você preencherá os detalhes da sua empresa:

Configurações da campanha de email MailOptin

Esses detalhes garantem que seus assinantes saibam de quem são as suas mensagens, em vez de direcionar imediatamente seus e-mails para a pasta de spam. Preencha os detalhes e salve suas alterações.

Integração de Email Marketing
Em seguida, vá para a guia Integrações no menu MailOptin. É aqui que você conecta seu software de marketing por email ao formulário:

Integrações MailOptin

O MailOptin se integra aos principais fornecedores de marketing por e-mail, incluindo AWeber, Constant Contact, GetResponse, MailChimp e SendinBlue.

Encontre seu provedor na lista e siga as instruções para integrar as duas ferramentas. No caso do MailChimp, seria tão simples quanto adicionar uma chave de API.

Integração MailOptin MailChimp

Com essa configuração, os leads que entrarem no formulário irão automaticamente para o seu provedor de serviços de boletim informativo. Isso mantém esses dados fora do WordPress (o que é bom para segurança) e facilita o envio de mensagens de marketing de alta qualidade a partir de uma plataforma criada para esse fim..

Seleção Optin
Em seguida, volte sua atenção para as campanhas Optin.

Campanhas MailOptin Optin

Clique em “Adicionar novo” para criar sua página de manutenção..

A primeira coisa a fazer é nomear o optin. Como isso está ocorrendo na sua página de manutenção, o título deve ser relevante para isso.

Nomeie o Optin

Em seguida, selecione o tipo de caixa de seleção que você deseja exibir.

Suas opções são:

  • Caixa de luz: uma caixa pop-up padrão
  • Na publicação: uma caixa que aparece alinhada com o seu conteúdo
  • Barra lateral / widget: uma pequena caixa que aparece na barra lateral ou na seção de widget (não relevante aqui)
  • Barra de notificação: uma barra adesiva na parte superior da página (disponível apenas em premium)
  • Deslize: uma caixa pop-up animada que normalmente fica no canto da página (disponível apenas no premium)

Para os propósitos de uma página de manutenção, use a opção de postagem. Se você for premium, a barra de notificação seria uma boa alternativa.

Clique no tipo de opção que você deseja usar. As opções de tema grátis serão classificadas para o topo. Escolha aquela que funciona bem com a página de manutenção criada e que você gosta do estilo de:

MailOptin Optin Opções

Personalização Optin
Ao clicar em “Selecionar tema”, você será levado ao WordPress Customizer:

MailOptin WordPress Customizer

Não deixe de passar por cada uma das configurações de optin para criar um design e conteúdo personalizados. Não se esqueça de conectar seu software de email marketing ao formulário (na guia Integração).

Quando terminar, salve as alterações e alterne a alternância no canto superior esquerdo para a posição “On”.

Saia do Personalizador usando o “X” no canto superior esquerdo. Em seguida, retorne mais uma vez ao plug-in Em construção.

Conecte o Optin
Na guia Conteúdo, role para baixo até “Optin Boxes & Popups”. Altere a configuração de “Desativar opções” para sua nova opção:

Adicionar Optin à manutenção

Salve as alterações.

Agora você pode visualizar a página de manutenção com o optin ativo. Aqui está um exemplo de como isso pode parecer se você tiver criado uma inclusão na publicação para aparecer na parte inferior do conteúdo:

Exemplo de página de manutenção

Esta é a imagem e o título acima da dobra da página. Role para baixo uma vez e os visitantes verão isso:

Amostra de página de manutenção com Optin

Há uma mensagem curta sobre o estado do site e, em seguida, a inscrição aparece entre ele e os links sociais / de contato.

Se você quiser fazer ajustes depois de ver como a página saiu, retorne ao seu plugin de manutenção ou ao optin para ajustar.

Etapa 7: ativar o modo de manutenção

Quando você está satisfeito com o que tem, é hora de ativar o modo de manutenção.

Vá para a guia Principal no plug-in do modo de manutenção. Alterne o modo “Em construção” para alternar para o estado “Ativado”.

Ativação em construção

Você também pode definir as outras configurações nesta página. O único que você não pode controlar é indexar, pois esse é um recurso Pro.

No entanto, se você deseja desativar automaticamente o modo de manutenção em uma determinada data e hora, é possível configurá-lo aqui. Você também pode adicionar seu código de acompanhamento do Google Analytics se desejar manter o controle do tráfego na página.

Conclua a configuração e clique em “Salvar alterações”. O modo de manutenção agora estará ativo no seu site.

Desativar modo de manutenção

Para desativar o modo de manutenção com um plug-in, basta alternar a chave de ativação para a posição “Off”.

Opção C: Ative o modo de manutenção com seu tema ou construtor de páginas

Há outra maneira de ativar o modo de manutenção no WordPress. E isso é para usar um plugin de tema ou construtor de páginas que inclua a configuração.

Neste exemplo, mostraremos como criar isso com Elementor.

Etapa 1: Revise as configurações do modo de manutenção

O plug-in do construtor de páginas Elementor possui uma configuração de Modo de manutenção em Ferramentas:

Modo de Manutenção Elementor

O interessante desse recurso é que ele configura automaticamente seu site para enviar o código de status correto aos mecanismos de pesquisa.

Este é o modo Coming Soon:

Modo Brevemente

Quando ativado, o Google e outros mecanismos de pesquisa verão um código HTTP 200 e continuarão com a indexação do site. Use isso se um site estiver sendo criado pela primeira vez e você desejar obter uma indexação inicial.

Este é o modo de manutenção:

Modo de manutenção

O modo de manutenção, por outro lado, envia um código HTTP 503. Isso diz aos mecanismos de pesquisa para não indexar o site no momento. Use-o se estiver reparando um site invadido, bug ou implementando uma atualização rápida.

Etapa 2: Criar o modelo da página de manutenção

Antes de ativar um desses modos, você deve criar seu próprio modelo de página de manutenção. Clique neste botão e o Elementor o levará para onde você precisa criar o modelo:

Criar modelo de manutenção

Dê um nome e clique no botão “Publicar”:

Adicionar novo modelo

Clique no botão azul “Editar com Elementor” e entre no editor de modelos:

Editar com Elementor

Etapa 3: criar e adicionar conteúdo à página

Configurar esta página é como configurar qualquer outra página com Elementor. No entanto, a principal diferença é que você deseja remover qualquer vestígio do cabeçalho e do menu.

Quando seu site está em andamento, o acesso a ele deve ser bloqueado – e é por isso que é melhor remover a tentação de explorar tudo juntos.

Para fazer isso, clique no ícone de engrenagem Configurações na parte inferior esquerda da barra de ferramentas:

Configurações Elementor

Em seguida, ajuste estas duas configurações:

Configurações da página Elementor

Você pode ocultar a barra de título alternando a configuração para “Sim”. Em seguida, altere o Layout da página para Elementor Canvas. Isso removerá o cabeçalho e rodapé.

Elementor Canvas

Para adicionar rapidamente um modelo Elementor à página de manutenção, localize o ícone da pasta Biblioteca na visualização.

Clique no ícone e abra os modelos de página da Elementor. Faça uma pesquisa por “manutenção”:

Modelos de manutenção Elementor

Existem dois modelos de página de manutenção gratuitos e quatro premium. Selecione o que você deseja usar e clique no botão verde “Inserir” para adicioná-lo à página.

Página Personalizar modo de manutenção

Agora você pode personalizar o design e o conteúdo da página. Ou, se preferir criar seu próprio, abra a barra Elementor Elements aqui:

Elementor Elements

Arraste e solte seus elementos da esquerda para a página vazia à direita.

Essa é a melhor maneira de criar algo 100% personalizado que inclui todos os elementos que você deseja que apareçam como seu logotipo, ícones sociais, formulário de geração de leads, animações etc..

Etapa 4: Visualizar o modelo da página de manutenção

Quando você terminar de criar seu modelo de página de manutenção, dê uma olhada. No Elementor, você pode abrir uma visualização do globo ocular na parte inferior da barra de ferramentas:

Elementor Eyeball

Dê uma olhada na página:

Exemplo de página de manutenção Elementor

Se você estiver satisfeito com isso, vá em frente e salve as alterações. Caso contrário, atualize-o, visualize novamente mais uma vez e salve.

Etapa 5: ativar o modo de manutenção com Elementor

Agora você pode retornar ao menu Elementor> Ferramentas para ativar o modo de manutenção.

Você encontrará seu novo modelo de página de manutenção aqui:

Modo de Manutenção das Ferramentas Elementor

Selecione-o no menu suspenso. Escolha o modo em que você deseja colocar seu site. Em seguida, clique em “Salvar alterações”.

Você não apenas poderá ver sua nova página de manutenção no front-end do site, mas a Elementor lembrará esse status com a notificação vermelha na barra de administrador:

Modo de manutenção ativado

Desativar modo de manutenção

Para desativar o modo de manutenção com Elementor (ou seu tema), basta retornar à página Ferramentas e desabilitá-lo. Você também pode fazer isso na guia vermelha brilhante na barra de administração.

Embrulhar

Aí está: três maneiras de usar o modo de manutenção do WordPress para informar aos visitantes que seu site está indisponível no momento. Qual opção você escolher dependerá do tipo de atualização que está fazendo, quanto tempo levará e que ação você deseja que eles sigam enquanto isso..

Se você tiver alguma dúvida ou problema ao seguir este guia, deixe um comentário.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me