Dezembro 20, 2021

Como criar uma página 404 personalizada no WordPress

nunca É uma boa coisa quando um link leva o visitante para uma página que não existe mais. Pode haver decepção, confusão e uma reviravolta com o visitante deixando seu site pós-pressa. Felizmente, há algo que você pode fazer sobre isso para tornar a situação menos chocante, mesmo bem-humorado se esse é o seu estilo. Tudo o que é preciso é substituir a página padrão estéril genérica não encontrada página de erro (também conhecida como página 404) por uma que seja realmente útil. Neste post, explicarei como criar uma página 404 personalizada no WordPress.

Transforme becos sem saída digitais em sinalizações para seus usuários — e até mesmo jogue um pouco de humor — criando uma página 404 personalizada.

uma página 404 genérica terá uma aparência semelhante a esta:

personalizado 404 Página WordPress Genérico

embora este seja um beco sem saída, você pode transformá-lo em um signpost guiando o caminho. Jogue um pouco de humor e o gemido do seu visitante se transformará em uma risada.

aqui está um do Airbnb que faz os dois: os visitantes têm um gráfico engraçado para os seus problemas e ligações fáceis para o que eles podem ter sido olhando para:

Página 404 Personalizada WordPress Airbnb
Foto: Airbnb

Algum tema construtores de incluir uma página 404 personalizada e outros não. Para ter uma ideia de como seu tema está lidando com erros, digite um URL absurdo, como http://mysite.com/nosuchpage e veja o que aparece. Se você não gosta, há muito que você pode fazer para mudá-lo.

como você cria uma página 404 personalizada no WordPress?

quando se trata de criar uma página 404 personalizada no WordPress, você tem várias opções:

  • edite a página 404 existente do seu tema.
  • adicione uma página 404 personalizada se o seu tema não tiver uma.
  • Use um plugin 404.

vamos cobrir cada um deles em detalhes abaixo.

nota: ao editar um tema WordPress, é a melhor prática trabalhar com um tema filho. Caso contrário, as atualizações do tema podem substituir seu trabalho árduo.

editando a página 404 do seu tema

Primeiro, verifique se o seu tema inclui uma página 404 personalizada. Você pode fazer isso abrindo o editor de temas (aparência > Editor) no painel de Administração.

na lista de arquivos no lado direito da Página, procure um chamado 404.pai.

edição personalizada do WordPress de 404 páginas

se não houver um 404.php, então seu tema não inclui um modelo 404 personalizado e, se você quiser, precisará adicioná-lo (conforme descrito mais adiante neste artigo). Caso contrário, você pode simplesmente clicar no arquivo existente e editá-lo diretamente no painel do WordPress.

a carne do 404.php que vem com vinte e dezessete tema se parece com isso:

Custom 404 Page WordPress Coding

para alterar a página, edite o texto destacado. Você também pode adicionar parágrafos adicionais abaixo dele (acima do final do div de conteúdo da Página), incluindo quaisquer imagens e links úteis que você gostaria de adicionar.

criando uma página do WordPress 404

se o seu tema não incluir um 404.arquivo php, existem duas maneiras fáceis de criar um:

1. Copia o 404.php de outro tema, como o tema WordPress Twenty Seventeen (/wp-content / themes / twentyseventeen / 404.php) no diretório do seu tema atual. Edite a página conforme descrito acima.

2. Copie o índice do seu tema.php para um arquivo chamado 404.php em seu tema atual. Exclua as partes relacionadas ao loop do WordPress. Geralmente, esta é a seção que começa algo assim:

<?php if ( have_posts() ) : ?>

e termina com:

<?php endif; ?>

observe que a sintaxe exata pode ser um pouco diferente, mas você está procurando have_posts e endif. Em seguida, insira seu código personalizado no espaço que você criou.

a vantagem do segundo método é que você provavelmente obterá a formatação que seu tema usa em todo o seu site, para que o estilo corresponda.

WordPress 404 plugins

se você não está confortável editando o código PHP do seu tema, você pode preferir trabalhar com um plugin. 404 plugins irá ajudá-lo a criar uma página de erro 404, e muitas vezes, como um bônus adicional, irá acompanhar e gravar todos os erros página não encontrada. Aqui estão alguns favoritos:

404page

Página 404 personalizada WordPress 404page-Plugin
Foto: 404page

guarnição, cuidadosamente projetado plugin permite que você crie sua página 404 como faria com qualquer outro tipo de postagem do WordPress. Em seguida, vá para a Página de erro aparência > 404 e designe a nova página como sua página 404. Ele também retorna o código de erro correto para o navegador do visitante. Mais de 70.000 sites WordPress usam este plugin e é carregado com classificações de 5 estrelas, por isso é uma excelente escolha.

Custom 404 Pro

custom 404 Page WordPress 404 Pro
Foto: Custom 404 Pro

o plugin gratuito também permite designar qualquer página que você criar como sua página 404. Além disso, ele registra todos os 404 erros em um relatório que você pode revisar, para que você possa rastrear e esmagar o máximo possível.

Página 404 SeedProd

Página 404 personalizada WordPress SeedProd
Foto: SeedProd

Este plugin ajuda você a rapidamente e facilmente configurar uma página 404 personalizada no WordPress. Ele funciona com a maioria dos temas e permite que você personalize completamente sua nova página 404. A versão básica é gratuita. Uma versão pro, que você deve assinar anualmente, oferece recursos adicionais, como coletar o endereço de E-mail do visitante.

encerrando

existem alguns plugins 404 adicionais no diretório de plugins do WordPress, mas os acima são favoritos comprovados.

Ao escolher 404 plugin, evite aqueles que retornam um redirecionamento 301 do código para o navegador em vez de corrigir o erro 404 não encontrado o código de erro. Desde que a página, na verdade, não existe, você não deveria estar dizendo navegadores que foram realocados.

Redirecionamento pode ser muito útil para lidar com erros 404, mas isso só se aplica quando, na verdade, pode encaminhar os usuários para a página originalmente se pretende alcançar. Caso contrário, você deverá entregar uma bela página 404.

dicas para uma boa página 404 no WordPress

se a mensagem 404 padrão é branda e não é terrivelmente útil, o que você deve incluir em seu lugar? Um bom design incluirá:

  • Design e branding que correspondem ao resto do seu site.
  • uma mensagem útil que informa aos visitantes que a página não foi encontrada.
  • Links para páginas relevantes em seu site, como a página inicial ou páginas populares, para incentivar o visitante a ficar por perto.
  • talvez uma imagem ou tom humorístico, se esse é o seu estilo.

uma página 404 eficaz irá ajudá-lo a manter seus visitantes de clicar longe e incentivá-los a explorar ainda mais o seu site. Você também deve rastrear os 404 erros do seu site e criar redirecionamentos quando conseguir encaminhar os usuários para o destino pretendido.

uma boa página personalizada 404 muda um beco sem saída para uma porta que incentiva os visitantes a entrar e ficar por perto. Nenhum site está completo sem um.

relacionados: como configurar redirecionamentos 301 no WordPress

Deixe uma resposta

O seu endereço de email não será publicado.