Kako da dodam breadcrumb navigaciju u temi?

Šta su breadcrumbs i zašto ih koristiti?

Breadcrumbs predstavljaju navigaciju u obliku hijerarhijskog puta (npr. Početna > Kategorija > Članak), koja poboljšava korisničko iskustvo i SEO na WordPress temi. U klasičnom WP pristupu, dodaju se ručno u temu.

Ručno dodavanje breadcrumbs navigacije u WordPress temi

  1. Otvori functions.php fajl teme: Uđi u cPanel > File Manager > wp-content/themes/tvoja-tema/functions.php (ili koristi child theme za bezbednost).
  2. Dodaj breadcrumb funkciju: Ubaci sledeći kod na kraj functions.php pre zatvaranja PHP taga (>): 
    function breadcrumbs() {
    if (!is_front_page()) {
        echo '<nav class="breadcrumbs">';
        echo '<a href="' . home_url() . '">Početna</a>';
        if (is_category() || is_single()) {
            if (is_category()) {
                echo ' > ' . single_cat_title('', false);
            } else {
                the_category(' > ', 'single');
            }
            if (is_single()) {
                echo ' > ' . get_the_title();
            }
        } elseif (is_page()) {
            echo ' > ' . get_the_title();
        }
        echo '</nav>';
    }
}
  3. Pozovi funkciju u templejte: Dodaj <?php breadcrumbs(); ?> u single.php, page.php ili archive.php, ispod headera ili iznad sadržaja.
  4. Stilizuj CSS-om: U style.css dodaj: 
    .breadcrumbs {
    margin: 10px 0;
    font-size: 14px;
}
.breadcrumbs a { color: #666; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
  5. Testiraj: Očisti keš (ako koristiš plugin) i proveri na stranicama/kategorijama.

Alternativa: Koristi premium pluginove

Za lakši pristup, instaliraj Yoast SEO Premium ili RankMath SEO. WP Host svim svojim korisnicima daje preko 350 premium pluginova i tema, uključujući ove sa ugrađenim breadcrumbs – pošalji tiket podršci za aktivaciju (do 4 po sajtu).

Napomena: Koristi child theme da izbegneš gubitak izmena pri ažuriranjima. Ako trebaš pomoć, kontaktiraj našu 24/7 podršku.

← Nazad na: Wordpress