Personalizar o erro 404 no WordPress

Personalizar o erro 404 no WordPress

Neste tutorial, veremos como podemos personalizar o erro 404 no WordPress para torná-lo mais utilizável em nossas visitas.

Página de erro 404

A primeira coisa é certificar-se de minimizar esses tipos de erros sempre que possível. Se, por exemplo, detectarmos um link errado, vamos fazer o nosso melhor para corrigi-lo. No entanto, os erros 404 nem sempre podem ser evitados, e terminar nesta página é tão fácil quanto digitar um URL.

Portanto, é uma boa ideia ter uma página de erro 404 personalizada. Dessa forma, aproveitamos as oportunidades que ela nos oferece.

Personalizar a página de erro 404 com um plug-in

Existem vários plugins no repositório que nos permitem criar ou redirecionar URLs para uma página de erro mais amigável para o nosso site. Redirection, Forty Four, Genesis 404 page especial para usuários de Genesis Framework ou 404page entre outros.

Desta vez, vamos falar sobre o último, desenvolvido por Peter Raschendorfer. Além de ser um dos plug-ins com melhor classificação nesta categoria, se não o melhor, é um plug-in gratuito com opções muito simples que nos ajudarão a personalizar a página de erro e oferecer alternativas aos usuários do site.

A primeira coisa é ir para a área de trabalho do WordPress, “Plugin / Add new”, e escrever o nome “404page” (tudo junto). Uma vez localizado, como sempre, instalamos e ativamos.

Imediatamente uma nova opção de menu será criada em “Configurações”, “Página de erro 404”, na qual você deverá entrar para realizar as configurações necessárias para o funcionamento do plugin.

Personalizar a página de erro 404 a partir de um arquivo 404.php

Bem, se queremos personalizar o arquivo 404.php diretamente, a primeira coisa que precisamos fazer é localizá-lo. Você o encontrará dentro da pasta do tema ativo, especificamente em / wp-content / themes / “nome-do-seu-tema-ativo”.

Se for modificá-lo, é recomendável fazê-lo em um tema filho, teremos que criar um novo arquivo 404.php, se ele não existir.
Importante! Em breve irei postar um tutorial de como criar um tema filho e retornarei a este post para deixar o link do mesmo.

Com isso dito, vamos olhar para um exemplo de código 404. O que compartilho abaixo corresponde a página 404 do popular tema Twenty Seventeen do wordpress.

<?php
get_header(); ?>
<div class="wrap">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<section class="error-404 not-found">
<header class="page-header">
<h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentyseventeen' ); ?></h1>
</header><!-- .page-header -->
<div class="page-content">
<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentyseventeen' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .page-content -->
</section><!-- .error-404 -->
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .wrap -->
<?php
get_footer();

Agora, irei indicar dois blocos que seriam interessantes modificar ao personalizar o arquivo 404.php. O primeiro é o “cabeçalho (onde está a class page-header) ” onde encontramos o título da página. Aqui poderíamos mudar, não se esqueça de substituir o nome do tema.

A seguir, o bloco div que carrega a classe “conteúdo da página (onde está a class page-content)”, que contém as informações da página. Como vemos, ele mostra uma mensagem que poderíamos personalizar e também o mecanismo de pesquisa. Onde podemos incluir um parágrafo em que o usuário é convidado a entrar em contato conosco, um formulário, um link para uma página de recurso ou para o blog, conforme estivermos interessados.

O que procuramos é oferecer ao usuário que chega a esta página de erro algo que pode ser útil para ele. As possibilidades são realmente diversas, é uma questão de pensar sobre o que queremos comunicar e implementá-lo. Agora já você sabe, existem varias opções para escolher.

Resumo e conclusão

Reduzir os erros 404 é importante e, de fato, devemos fazê-lo sempre que possível; se você perceber que é algo global, pode dar uma olhada no meu serviço de Emergência do WordPress e entrar em contato comigo. Lembre-se! Minimizar os erros 404 não impedem que um usuário caia dado momento em uma página de erro 404 no seu site, portanto, é uma boa ideia personalizá-la.

Vimos duas opções para fazer isso, uma usando o plug-in 404page que gerá esta página e a outra, criando ou modificando o arquivo 404.php,

Ah! se for modificar a página 404.php do seu tema, faça isso a partir de um tema filho.

Rolar para o topo