Hướng Dẫn Hiển Thị Danh Sách Author WordPress (Kèm Code & Plugin)

Việc xây dựng một trang giới thiệu đội ngũ biên tập viên, tác giả (author) là một bước đi chuyên nghiệp, giúp tăng độ tin cậy và sự minh bạch cho website WordPress của bạn. Bài viết này sẽ hướng dẫn bạn chi tiết cách hiển thị danh sách author WordPress kèm avatar và thông tin liên hệ, từ phương pháp tùy chỉnh bằng code cho đến việc sử dụng plugin tiện lợi.

Hiển thị avatar tác giả trong WordPress

Tại sao cần hiển thị danh sách tác giả trên website?

Trước khi đi vào phần kỹ thuật, hãy cùng điểm qua những lợi ích thiết thực mà một trang tác giả chuyên nghiệp mang lại:

  • Tăng độ uy tín (E-E-A-T): Giới thiệu tác giả giúp người đọc và Google thấy được chuyên môn, kinh nghiệm và thẩm quyền của người viết, một yếu tố quan trọng trong SEO.
  • Vinh danh người đóng góp: Đây là cách tuyệt vời để ghi nhận và cảm ơn những người đã đóng góp nội dung chất lượng cho website của bạn.
  • Cải thiện trải nghiệm người dùng: Độc giả có thể dễ dàng tìm thấy tất cả bài viết của tác giả mà họ yêu thích, giúp tăng thời gian ở lại trang (time on site).

Cách 1: Hiển thị danh sách Author WordPress bằng Code (Tùy chỉnh cao)

Phương pháp này phù hợp cho những ai muốn toàn quyền kiểm soát giao diện và không muốn cài thêm plugin. Chúng ta sẽ thực hiện qua 4 bước chính.

Bước 1: Tạo một Custom Page Template

Đầu tiên, bạn cần tạo một file template riêng để hiển thị danh sách tác giả.

  1. Trong thư mục theme bạn đang dùng (wp-content/themes/ten-theme-cua-ban), tạo một file mới và đặt tên là template-authors.php.
  2. Dán đoạn code sau vào đầu file vừa tạo để WordPress nhận diện đây là một template:
<?php
/*
Template Name: Danh Sách Tác Giả
*/
?>

Bước 2: Thêm hàm lấy danh sách tác giả vào functions.php

Tiếp theo, bạn cần thêm một hàm vào file functions.php của theme để truy vấn và tạo cấu trúc HTML cho danh sách tác giả.

function von_display_contributors() {
    global $wpdb;
    // Lấy danh sách tất cả user, sắp xếp theo tên hiển thị
    $authors = $wpdb->get_results("SELECT ID, user_nicename, display_name from $wpdb->users ORDER BY display_name");

    $author_list_html = '';

    // Lặp qua từng tác giả để lấy thông tin
    foreach ($authors as $author) {
        $author_list_html .= '<li>';
        // Lấy link đến trang lưu trữ bài viết của tác giả
        $author_link = get_author_posts_url($author->ID);

        // Hiển thị Avatar
        $author_list_html .= '<a class="author-avatar" href="' . esc_url($author_link) . '">' . get_avatar($author->ID, 85) . '</a>';

        // Hiển thị thông tin
        $author_list_html .= '<div class="author-info">';
        $author_list_html .= '<h4><a href="' . esc_url($author_link) . '">' . esc_html($author->display_name) . '</a></h4>';
        $author_list_html .= '<p>' . esc_html(get_the_author_meta('description', $author->ID)) . '</p>';
        // Bạn có thể thêm các trường khác như website, mạng xã hội ở đây
        $author_list_html .= '<a class="author-profile-link" href="' . esc_url($author_link) . '">Xem tất cả bài viết</a>';
        $author_list_html .= '</div>';

        $author_list_html .= '</li>';
    }

    // Trả về chuỗi HTML hoàn chỉnh
    echo '<div id="authorlist"><ul>' . $author_list_html . '</ul></div>';
}

Lưu ý: Đoạn code trên đã được tối ưu để hiển thị avatar, tên, mô tả ngắn và link đến trang cá nhân của tác giả. Avatar mặc định sẽ được lấy từ Gravatar theo email đăng ký của user.

Bước 3: Hoàn thiện Page Template và gọi hàm

Bây giờ, quay lại file template-authors.php đã tạo ở Bước 1 và hoàn thiện nó bằng cách gọi hàm von_display_contributors().

<?php
/*
Template Name: Danh Sách Tác Giả
*/
get_header(); ?>

<div id="primary" class="site-content">
    <div id="content" role="main">
        <?php while ( have_posts() ) : the_post(); ?>
            <h1 class="entry-title"><?php the_title(); ?></h1>
            <?php the_content(); ?>

            <?php // Gọi hàm hiển thị danh sách tác giả
            von_display_contributors(); 
            ?>

        <?php endwhile; // end of the loop. ?>
    </div><!-- #content -->
</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Bước 4: Thêm CSS để tùy chỉnh giao diện

Cuối cùng, thêm đoạn CSS sau vào file style.css của theme hoặc trong phần Tùy biến > CSS bổ sung để danh sách hiển thị đẹp mắt hơn.

#authorlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#authorlist li {
    display: flex; /* Sử dụng flexbox để căn chỉnh dễ dàng */
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

#authorlist .author-avatar {
    margin-right: 20px;
}

#authorlist .author-avatar img {
    border-radius: 50%; /* Bo tròn avatar */
    border: 2px solid #f0f0f0;
}

#authorlist .author-info h4 {
    margin: 0 0 5px 0;
    font-size: 1.2em;
}

#authorlist .author-info p {
    margin: 0 0 10px 0;
    color: #555;
}

#authorlist a {
    text-decoration: none;
    color: #0073aa;
}

#authorlist a:hover {
    text-decoration: underline;
}

Sau khi hoàn thành 4 bước trên, bạn chỉ cần vào Trang > Thêm trang mới, tạo một trang tên là “Đội ngũ tác giả” và ở phần Thuộc tính trang > Mẫu, chọn mẫu Danh Sách Tác Giả rồi xuất bản.

[Chú thích: Chèn ảnh minh họa kết quả trang danh sách tác giả sau khi hoàn thành]

Cách 2: Dùng Plugin để hiển thị danh sách tác giả (Nhanh và Dễ)

Nếu bạn không quen với việc chỉnh sửa code, sử dụng plugin là một giải pháp tuyệt vời. Dưới đây là một số plugin phổ biến và được đánh giá cao:

  • Author Avatars List/Block: Plugin này cung cấp một block Gutenberg và shortcode để bạn dễ dàng chèn danh sách hoặc lưới avatar tác giả vào bất kỳ trang hoặc bài viết nào.
  • PublishPress Authors: Một giải pháp mạnh mẽ cho các website có nhiều tác giả, cho phép tạo hồ sơ tác giả chi tiết, trang danh sách tác giả và thậm chí cho phép nhiều tác giả trên cùng một bài viết.

Cách sử dụng rất đơn giản: Cài đặt plugin từ thư viện WordPress, kích hoạt và làm theo hướng dẫn của plugin để tạo và chèn danh sách tác giả vào trang bạn muốn.

Câu hỏi thường gặp (FAQ)

1. Tại sao avatar của tác giả không hiển thị?

Avatar mặc định của WordPress được liên kết với dịch vụ Gravatar. Hãy đảm bảo rằng tác giả của bạn đã đăng ký một tài khoản Gravatar bằng chính địa chỉ email họ sử dụng trên website WordPress.

2. Làm thế nào để loại trừ một số tài khoản (ví dụ: admin) khỏi danh sách?

Bạn có thể sửa đổi hàm von_display_contributors() trong functions.php để thêm điều kiện loại trừ. Ví dụ, thêm exclude vào hàm get_users(): $authors = get_users( array( 'exclude' => array(1) ) ); (trong đó 1 là ID của user admin).

3. Hiển thị danh sách tác giả có làm chậm website không?

Nếu được code tốt như hướng dẫn trên, ảnh hưởng đến tốc độ là không đáng kể. Tuy nhiên, nếu bạn có hàng trăm hoặc hàng nghìn tác giả, nên cân nhắc sử dụng các giải pháp có bộ đệm (caching) để tối ưu hiệu suất.

Kết luận

Việc hiển thị danh sách author trong WordPress không chỉ giúp trang web của bạn trông chuyên nghiệp hơn mà còn mang lại nhiều lợi ích về SEO và trải nghiệm người dùng. Dù bạn chọn phương pháp sử dụng code để tùy chỉnh tối đa hay dùng plugin cho sự tiện lợi, hy vọng bài viết này đã cung cấp cho bạn một lộ trình rõ ràng để thực hiện.

Nếu bạn gặp khó khăn trong quá trình thực hiện hoặc cần hỗ trợ chuyên sâu về WordPress, đừng ngần ngại liên hệ để nhận tư vấn trực tiếp từ chúng tôi!

4.9/5 - (102 bình chọn)
4.9/5 - (102 bình chọn)