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:
- 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ę.
- Dodaj kod:
- Skopiuj podany fragment kodu.
- Wklej go do pliku
functions.php
aktywnego motywu lub do pliku własnej wtyczki. - Zapisz zmiany.
- 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.
- 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.