Site Breadcrumbs

A funcionalidade Site Breadcrumbs fornece uma função de navegação em breadcrumb básica para o seu tema e para uso em páginas únicas em sites com o Jetpack. A exibição do Site Breadcrumbs é exclusiva, consistente com o design desse tema.

Adição de suporte

Os desenvolvedores de temas podem adicionar suporte para o Site Breadcrumbs com a inclusão da função jetpack_breadcrumbs() no arquivo de modelo de página exclusivo do tema (por exemplo, single.php ou page.php) e com a criação da marcação apropriada para o design do tema:

Exemplo de uso em single.php:

  <div class="breadcrumb-area">
    <div class="wrapper">
      
    </div><!-- .wrapper -->
  </div><!-- .breadcrumb-area -->

Observação: sempre é uma boa ideia usar a verificação function_exists( 'jetpack_breadcrumbs' ) para certificar-se de que a funcionalidade breadcrumb está presente (e de que o Jetpack está ativo e atualizado).

Criação

Site Breacrumbs são gerados como um conjunto de tags a e span incluídas em uma tag nav. A tag nav é da categoria entry-breadcrumbs, o link da página inicial é da categoria home-link e a página atual é uma tag span da categoria current-page.

Exemplo de resultado:

  <a href="https://www.meusiteincrivel.com/" class="home-link" rel="home">Página inicial</a>
  <a href="https://www.meusiteincrivel.com/nivel-1/">Nível 1</a>
  <a href="https://www.meusiteincrivel.com/nivel-1/nivel-2/">Nível 2</a>
  <span class="current-page">Nível 3</span>

Esta página foi traduzida de inglês. Leia a página original.