Adicionar Breadcrumbs ao Tema

Este snippet de código cria uma função para exibir breadcrumbs (ou “migalhas de pão”) no seu site WordPress. Breadcrumbs são links de navegação que ajudam os usuários a entender a localização da página atual dentro da estrutura do site.

0
				
					function wp24horas_breadcrumbs() {
    if (!is_home()) {
        echo '<a href="' . home_url() . '">Home</a> » ';
        if (is_category() || is_single()) {
            the_category(' » ');
            if (is_single()) {
                echo ' » ';
                the_title();
            }
        } elseif (is_page()) {
            echo the_title();
        }
    }
}

				
			

Quer ajuda de um especialista para implementar?

Instruções de Uso

Como funciona:

  1. Definição da Função:
    • function wp24horas_breadcrumbs() { ... }: Define a função wp24horas_breadcrumbs que gera a navegação de breadcrumbs.
  2. Verificação da Página Inicial:
    • if (!is_home()) {: Verifica se a página atual não é a página inicial. Se for a página inicial, não exibe breadcrumbs.
  3. Link para a Página Inicial:
    • echo '<a href="' . home_url() . '">Home</a> » ';: Exibe um link para a página inicial do site seguido por um separador ” » “.
  4. Verificação de Categoria ou Post Único:
    • if (is_category() || is_single()) {: Verifica se a página atual é uma categoria ou um post único.
    • the_category(' » ');: Exibe a categoria do post atual seguida por um separador.
    • if (is_single()) { echo ' » '; the_title(); }: Se a página atual for um post único, exibe o título do post atual.
  5. Verificação de Página:
    • elseif (is_page()) { echo the_title(); }: Se a página atual for uma página estática, exibe o título da página.

Instruções de Uso

Esse código pode ser usado adicionando-o ao arquivo functions.php do seu tema ou, preferencialmente, em um plugin específico para o site. Utilizar um plugin para essas customizações mantém o código organizado e seguro contra atualizações do tema.

Para exibir os breadcrumbs em seu tema, você precisará chamar a função wp24horas_breadcrumbs() no local onde deseja que os breadcrumbs apareçam. Isso geralmente é feito no arquivo header.php, single.php, page.php ou em outro template adequado do seu tema. Por exemplo:

<?php wp24horas_breadcrumbs(); ?>

Conclusão

Este snippet permite que você adicione uma navegação de breadcrumbs ao seu site WordPress, melhorando a experiência de navegação dos usuários ao fornecer uma indicação clara da estrutura do site e da localização da página atual.

Outros Snippets

WooCommerce
Este snippet cria um shortcode que exibe os detalhes de uma reserva do WooCommerce com base no ID do pedido fornecido na URL.
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para uma página específica (não a página de login).
WordPress
Este snippet redireciona todos os visitantes do site que não estejam logados para a página de login do WordPress. Isso é útil se você deseja restringir o acesso ao conteúdo do seu site apenas para usuários autenticados.

Últimos Posts

Aprimoramento de Performance no WordPress: Otimização de Scripts e CSS

Aprimoramento de Performance no WordPress: Otimização de Scripts e CSS

Descubra como otimizar scripts e CSS no WordPress para melhorar a performance do seu site. Aprenda técnicas de minificação, lazy loading, cache e muito mais.

Como Criar e Estruturar Child Themes Profissionais no WordPress

Como Criar e Estruturar Child Themes Profissionais no WordPress

Aprenda como criar e estruturar child themes profissionais no WordPress. Personalize temas com segurança, adicione funcionalidades e garanta que suas alterações permaneçam intactas em atualizações.

Como Estilizar Temas WordPress com CSS Avançado e Sass

Como Estilizar Temas WordPress com CSS Avançado e Sass

Aprenda como estilizar temas WordPress com CSS avançado e Sass. Descubra como usar variáveis, aninhamento e mixins para criar estilos organizados e responsivos.

Como Criar Templates Personalizados no WordPress

Aprenda como criar templates personalizados no WordPress com este guia completo. Descubra como personalizar layouts, usar WP_Query e carregar scripts específicos.

Como Criar um Tema WordPress Simples do Zero

Como Criar um Tema WordPress Simples do Zero

Aprenda como estruturar um tema básico no WordPress e entenda os arquivos principais e os templates comuns necessários

Anatomia de um Tema Avançado no WordPress

Anatomia de um Tema Avançado no WordPress

Conheça estrutura de um tema avançado, com foco nos arquivos essenciais e na hierarquia de templates, usando o Twenty Twenty-Three como exemplo

Comentários

Você precisa estar logado para ver esta informação.

Adicione seu Snippet

Título *
Resumo *
Descrição Completa *
Código *
Instruções de uso *

Solicitar Orçamento

Torne-se um Assinante e Eleve seu Conhecimento do WordPress!

Acesso Exclusivo, Suporte Especializado e Muito Mais.

Se você está aproveitando nosso conteúdo gratuito, vai adorar os benefícios exclusivos que oferecemos aos nossos assinantes! 

Não perca a oportunidade de maximizar seu potencial no WordPress. Clique no botão abaixo para se tornar um assinante e leve suas habilidades ao próximo nível!