Jak łatwo dodać okruszki do swojego motywu WordPress

Jak dodać okruszki do motywu WordPress; Dodaj okruszki do strony WordPress; Wtyczka okruszki WordPress; Włącz okruszki w WordPress; Fragment kodu okruszków dla WordPress; Samouczek dotyczący okruszków w motywie WordPress; Zainstaluj okruszki w WordPress; Ręcznie dodaj okruszki do WordPress; Konfiguracja okruszków WordPress; Dodawanie nawigacji okruszków w WordPress;

Objaśnienie

Okruszki nawigacyjne to jak ślad linków, który pokazuje, gdzie znajdujesz się na stronie internetowej. Pomagają użytkownikom łatwo wrócić do poprzednich stron. Oto jak ten kod dodaje okruszki do Twojego motywu WordPress:

  • Podłączenie: Kod łączy funkcję okruszków nawigacyjnych z określoną akcją za pomocą add_action. Oznacza to, że informuje WordPress, kiedy i gdzie wyświetlić okruszki.
  • Link do Strony Głównej: Zaczyna od dodania linku do strony głównej, która jest punktem wyjścia dla ścieżki okruszków.
  • Strony Kategorii i Tagów: Jeśli znajdujesz się na stronie kategorii, tagu lub niestandardowej taksonomii, pokazuje hierarchię terminów prowadzących do aktualnego. Pomaga to użytkownikom zobaczyć ścieżkę, którą przeszli, aby tam dotrzeć.
  • Pojedyncze Posty: Dla pojedynczych postów zawiera linki do archiwum typu postu oraz do wszelkich kategorii, do których należy post, kończąc na tytule posta.
  • Strony: Na stronach pokazuje strony nadrzędne prowadzące do aktualnej strony, jeśli takie istnieją.
  • Strony Wyników Wyszukiwania i 404: Obsługuje również wyniki wyszukiwania i strony błędu 404, wyświetlając odpowiednie komunikaty.

Aby wyświetlić okruszki, używasz funkcji wp_dudecom_get_breadcrumbs() wszędzie tam, gdzie chcesz, aby się pojawiły w swoim motywie.

Kod

<?php
// Add breadcrumbs to WordPress theme

// Hook the breadcrumbs function to an appropriate action
add_action('wp_dudecom_breadcrumbs', 'wp_dudecom_display_breadcrumbs');

/**
 * Display breadcrumbs navigation
 */
function wp_dudecom_display_breadcrumbs() {
    // Security check: Ensure this is not accessed directly
    if (!defined('ABSPATH')) {
        exit;
    }

    // Start the breadcrumbs output
    echo '<nav class="wp-dudecom-breadcrumbs" aria-label="breadcrumb">';
    echo '<ul>';

    // Home link
    echo '<li><a href="' . esc_url(home_url('/')) . '">' . esc_html__('Home', 'textdomain') . '</a></li>';

    // Check if we are on a category, tag, or custom taxonomy archive
    if (is_category() || is_tag() || is_tax()) {
        $term = get_queried_object();
        if ($term->parent != 0) {
            $ancestors = array_reverse(get_ancestors($term->term_id, $term->taxonomy));
            foreach ($ancestors as $ancestor) {
                $ancestor_term = get_term($ancestor, $term->taxonomy);
                echo '<li><a href="' . esc_url(get_term_link($ancestor_term)) . '">' . esc_html($ancestor_term->name) . '</a></li>';
            }
        }
        echo '<li>' . esc_html($term->name) . '</li>';
    }

    // Check if we are on a single post
    elseif (is_single()) {
        $post_type = get_post_type();
        if ($post_type != 'post') {
            $post_type_object = get_post_type_object($post_type);
            echo '<li><a href="' . esc_url(get_post_type_archive_link($post_type)) . '">' . esc_html($post_type_object->labels->singular_name) . '</a></li>';
        }
        $categories = get_the_category();
        if ($categories) {
            $category = $categories[0];
            $ancestors = array_reverse(get_ancestors($category->term_id, 'category'));
            foreach ($ancestors as $ancestor) {
                $ancestor_category = get_category($ancestor);
                echo '<li><a href="' . esc_url(get_category_link($ancestor_category)) . '">' . esc_html($ancestor_category->name) . '</a></li>';
            }
            echo '<li><a href="' . esc_url(get_category_link($category)) . '">' . esc_html($category->name) . '</a></li>';
        }
        echo '<li>' . esc_html(get_the_title()) . '</li>';
    }

    // Check if we are on a page
    elseif (is_page()) {
        global $post;
        if ($post->post_parent) {
            $ancestors = array_reverse(get_post_ancestors($post->ID));
            foreach ($ancestors as $ancestor) {
                echo '<li><a href="' . esc_url(get_permalink($ancestor)) . '">' . esc_html(get_the_title($ancestor)) . '</a></li>';
            }
        }
        echo '<li>' . esc_html(get_the_title()) . '</li>';
    }

    // Check if we are on a search page
    elseif (is_search()) {
        echo '<li>' . esc_html__('Search results for:', 'textdomain') . ' ' . esc_html(get_search_query()) . '</li>';
    }

    // Check if we are on a 404 page
    elseif (is_404()) {
        echo '<li>' . esc_html__('Error 404', 'textdomain') . '</li>';
    }

    echo '</ul>';
    echo '</nav>';
}

/**
 * Function to display breadcrumbs
 */
function wp_dudecom_get_breadcrumbs() {
    do_action('wp_dudecom_breadcrumbs');
}
?>

Instrukcja

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub utwórz plik własnej wtyczki.

Wymagania wstępne: Nie są wymagane dodatkowe wtyczki ani ustawienia.

Kroki wdrożenia:

  1. Dostęp do plików WordPress:
    • Zaloguj się do panelu administracyjnego WordPress.
    • Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php, lub użyj klienta FTP, aby uzyskać dostęp do plików WordPress, jeśli tworzysz wtyczkę.
  2. Dodaj kod:
    • Skopiuj podany fragment kodu.
    • Wklej go do pliku functions.php aktywnego motywu lub do pliku własnej wtyczki.
    • Zapisz zmiany.
  3. Wyświetl okruszki nawigacyjne:
    • Zdecyduj, gdzie chcesz, aby okruszki nawigacyjne pojawiały się w twoim motywie (np. nagłówek, stopka lub konkretne pliki szablonów).
    • Otwórz odpowiedni plik szablonu (np. header.php, single.php, page.php).
    • Wstaw następującą funkcję w miejscu, gdzie chcesz, aby okruszki nawigacyjne były wyświetlane: wp_dudecom_get_breadcrumbs();
    • Zapisz zmiany w pliku szablonu.
  4. Przetestuj okruszki nawigacyjne:
    • Odwiedź swoją stronę internetową i przejdź przez różne strony, posty i kategorie, aby upewnić się, że okruszki nawigacyjne wyświetlają się poprawnie.

Jeśli potrzebujesz pomocy przy wdrożeniu lub bardziej zaawansowanej funkcjonalności, rozważ skorzystanie z usług wp-dude.com.