Breadcrumbs là một tính năng giúp người dùng dễ dàng điều hướng đến trang mà họ muốn, và nó cũng rất hữu ích cho việc SEO trang web. Có rất nhiều plugin giúp chúng ta tạo breadcrumb cho trang WordPress. Tuy nhiên vì tính chất đơn giản của nó, mà mình khuyên các bạn nên tự tay tạo breadcrumb cho trang web của mình.

Tạo BreadCrumbs không cần Plugin

Tạo BreadCrumbs không cần Plugin

Các bạn chỉ việc đơn giản copy đoạn code bên dưới và dán (past) nó vào bên trong file functions.php (nằm tại folder theme mà các bạn đang dùng).

function the_breadcrumb() {
                echo '<ul id="crumbs">';
        if (!is_home()) {
                echo '<li><a href="';
                echo get_option('home');
                echo '">';
                echo 'Home';
                echo "</a></li>";
                if (is_category() || is_single()) {
                        echo '<li>';
                        the_category(' </li><li> ');
                        if (is_single()) {
                                echo "</li><li>";
                                the_title();
                                echo '</li>';
                        }
                } elseif (is_page()) {
                        echo '<li>';
                        echo the_title();
                        echo '</li>';
                }
        }
        elseif (is_tag()) {single_tag_title();}
        elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
        elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
        elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
        elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
        elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
        elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
        echo '</ul>';
}

Và bây giờ, các bạn mở file header.php và dán đoạn code sau vào vị trí mà các bạn muốn hiển thị breadcrumbs:

<?php the_breadcrumb(); ?>

Hy vọng qua bài viết này, các bạn sẽ có thêm kinh nghiệm trong việc sử dụng WordPress và nâng cao khả năng viết code của mình.

Chúc các bạn thành công!

Recent posts

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Hóa ra “đường link màu tím” trên Chrome không chỉ là tính năng, nó còn là lỗ hổng bảo mật 16 năm tuổi

Chỉ mới đây thôi, Google phát hành bản vá cho một lỗ hổng nghiêm trọng trong trình duyệt Chrome đã […]

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

[WordPress] Hướng dẫn sử dụng wp_admin_notice()

Hàm wp_admin_notice() được giới thiệu trong WordPress 6.4.0, cung cấp một cách tiêu chuẩn và dễ dàng hơn để hiển […]

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

[WordPress] Hướng dẫn cách sử dụng Hooks (Filters và Actions)

Hooks (Filters và Actions) là một bước quan trọng để tùy chỉnh và mở rộng WordPress. Dưới đây là hướng […]

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

[WordPress] Hướng dẫn tạo nút upload media bằng wp_enqueue_media()

wp_enqueue_media() là một hàm WordPress mạnh mẽ cho phép bạn tích hợp trình tải lên và quản lý tệp phương tiện […]

Siri tiếng Việt trên iOS 18.4: Đã gọi được xe, chuyển tiền, kể chuyện

Siri tiếng Việt trên iOS 18.4: Đã gọi được xe, chuyển tiền, kể chuyện

Sau 15 năm, cuối cùng Siri cũng đã nói tiếng Việt, chính thức có mặt trên iOS 18.4. Không còn […]

© 2021 Tạp Chí CNTT. Mr Hoang