Hiển thị mạng xã hội tác giả trong WordPress

2 tháng ago, Hướng dẫn WordPress, Views
Hiển thị mạng xã hội tác giả trong WordPress

Giới thiệu về Hiển thị Mạng Xã Hội Tác Giả

Trong thế giới trực tuyến ngày nay, việc xây dựng và duy trì sự hiện diện trên mạng xã hội là vô cùng quan trọng, đặc biệt đối với các tác giả, blogger và những người sáng tạo nội dung. Hiển thị thông tin mạng xã hội của tác giả trong WordPress không chỉ giúp tăng cường sự tin cậy mà còn tạo điều kiện thuận lợi cho độc giả kết nối với tác giả trên các nền tảng khác, từ đó mở rộng phạm vi tiếp cận và xây dựng cộng đồng xung quanh nội dung.

WordPress, với tính linh hoạt và khả năng tùy biến cao, cung cấp nhiều cách để hiển thị thông tin mạng xã hội của tác giả một cách hiệu quả. Bài viết này sẽ hướng dẫn bạn qua các phương pháp khác nhau, từ sử dụng plugin đến chỉnh sửa code, giúp bạn lựa chọn giải pháp phù hợp nhất với nhu cầu và trình độ kỹ thuật của mình.

Tại sao Cần Hiển Thị Mạng Xã Hội Tác Giả?

Việc hiển thị thông tin mạng xã hội của tác giả mang lại nhiều lợi ích đáng kể:

  • Tăng cường sự tin cậy: Khi độc giả biết rằng tác giả có sự hiện diện trên các nền tảng mạng xã hội, họ sẽ cảm thấy tin tưởng hơn vào thông tin được cung cấp.
  • Mở rộng phạm vi tiếp cận: Thông qua các liên kết mạng xã hội, độc giả có thể dễ dàng chia sẻ nội dung lên các nền tảng khác, giúp bài viết tiếp cận được nhiều người hơn.
  • Xây dựng cộng đồng: Cho phép độc giả kết nối với tác giả trên mạng xã hội tạo cơ hội xây dựng mối quan hệ, tương tác và tạo ra một cộng đồng trung thành xung quanh nội dung.
  • Nâng cao uy tín cá nhân: Một hồ sơ mạng xã hội được cập nhật đầy đủ và chuyên nghiệp giúp nâng cao uy tín của tác giả trong lĩnh vực của mình.

Các Phương Pháp Hiển Thị Mạng Xã Hội Tác Giả trong WordPress

Có nhiều cách để thêm thông tin mạng xã hội của tác giả vào trang web WordPress của bạn. Dưới đây là một số phương pháp phổ biến nhất:

Sử Dụng Plugin WordPress

Đây là cách đơn giản và phổ biến nhất, đặc biệt phù hợp với người dùng không có nhiều kinh nghiệm về code. Có rất nhiều plugin miễn phí và trả phí cung cấp chức năng này.

Ví dụ về các plugin phổ biến:

  • Simple Author Box: Plugin này cho phép bạn thêm một hộp thông tin tác giả đẹp mắt dưới mỗi bài viết, bao gồm thông tin tiểu sử, ảnh đại diện và các liên kết mạng xã hội.
  • Molongui Authorship: Tương tự như Simple Author Box, nhưng có thêm nhiều tùy chọn tùy chỉnh và hỗ trợ nhiều mạng xã hội hơn.
  • Fancier Author Box by ThematoSoup: Một plugin cao cấp với nhiều tính năng nâng cao, cho phép bạn tạo ra các hộp thông tin tác giả độc đáo và chuyên nghiệp.

Cách sử dụng plugin:

  1. Tìm và cài đặt plugin mong muốn từ kho plugin WordPress.
  2. Kích hoạt plugin.
  3. Truy cập trang cài đặt của plugin (thường nằm trong mục “Users” hoặc một mục riêng trong menu WordPress).
  4. Nhập thông tin mạng xã hội của bạn vào các trường tương ứng.
  5. Tùy chỉnh các tùy chọn hiển thị theo ý muốn.
  6. Lưu cài đặt.

Chỉnh Sửa Code Theme (functions.php hoặc Template Files)

Phương pháp này đòi hỏi kiến thức về HTML, CSS và PHP. Đây là cách linh hoạt nhất, cho phép bạn tùy chỉnh hoàn toàn giao diện và chức năng hiển thị thông tin mạng xã hội.

Bước 1: Thêm thông tin mạng xã hội vào hồ sơ người dùng

WordPress cho phép bạn thêm một số thông tin liên hệ vào hồ sơ người dùng. Tuy nhiên, nó thường không bao gồm tất cả các mạng xã hội mà bạn muốn hiển thị. Bạn có thể thêm các trường mạng xã hội tùy chỉnh bằng cách sử dụng code trong file `functions.php` của theme hoặc child theme:


function themename_add_author_social_links( $user_contactmethods ) {
$user_contactmethods['twitter'] = 'Twitter URL';
$user_contactmethods['facebook'] = 'Facebook URL';
$user_contactmethods['linkedin'] = 'LinkedIn URL';
$user_contactmethods['instagram'] = 'Instagram URL';

return $user_contactmethods;
}
add_filter( 'user_contactmethods', 'themename_add_author_social_links', 10, 1 );

Thay thế `’Twitter URL’`, `’Facebook URL’`, v.v. bằng nhãn bạn muốn hiển thị trong hồ sơ người dùng. Sau khi thêm code này, bạn sẽ thấy các trường mới trong trang chỉnh sửa hồ sơ người dùng.

Bước 2: Hiển thị thông tin mạng xã hội trong template

Tiếp theo, bạn cần chỉnh sửa các file template của theme (ví dụ: `single.php`, `author.php`, hoặc một file template tùy chỉnh) để hiển thị thông tin mạng xã hội của tác giả. Sử dụng hàm `get_the_author_meta()` để lấy thông tin từ hồ sơ người dùng:


<div class="author-social">
    <p>Kết nối với <?php the_author(); ?> trên:</p>
    <ul>
        <?php if ( get_the_author_meta( 'twitter' ) ) : ?>
            <li><a href="<?php echo esc_url( get_the_author_meta( 'twitter' ) ); ?>" target="_blank">Twitter</a></li>
        <?php endif; ?>
        <?php if ( get_the_author_meta( 'facebook' ) ) : ?>
            <li><a href="<?php echo esc_url( get_the_author_meta( 'facebook' ) ); ?>" target="_blank">Facebook</a></li>
        <?php endif; ?>
        <?php if ( get_the_author_meta( 'linkedin' ) ) : ?>
            <li><a href="<?php echo esc_url( get_the_author_meta( 'linkedin' ) ); ?>" target="_blank">LinkedIn</a></li>
        <?php endif; ?>
        <?php if ( get_the_author_meta( 'instagram' ) ) : ?>
            <li><a href="<?php echo esc_url( get_the_author_meta( 'instagram' ) ); ?>" target="_blank">Instagram</a></li>
        <?php endif; ?>
    </ul>
</div>

Đoạn code này kiểm tra xem tác giả có nhập thông tin mạng xã hội tương ứng hay không. Nếu có, nó sẽ hiển thị một liên kết đến trang mạng xã hội đó.

Lưu ý quan trọng: Luôn sử dụng child theme khi chỉnh sửa code theme để tránh mất các thay đổi khi cập nhật theme chính.

Sử dụng Widget

Một số theme hoặc plugin cung cấp widget cho phép bạn hiển thị thông tin tác giả, bao gồm cả các liên kết mạng xã hội, trong sidebar hoặc footer của trang web.

Cách sử dụng widget:

  1. Truy cập trang “Widgets” trong WordPress (Appearance -> Widgets).
  2. Tìm widget liên quan đến thông tin tác giả hoặc mạng xã hội.
  3. Kéo widget vào khu vực bạn muốn hiển thị (sidebar, footer, v.v.).
  4. Nhập thông tin cần thiết (ví dụ: tên tác giả, tiểu sử, liên kết mạng xã hội) vào các trường trong widget.
  5. Lưu cài đặt.

Tùy chỉnh Giao Diện Hiển Thị

Dù bạn sử dụng plugin hay chỉnh sửa code, việc tùy chỉnh giao diện hiển thị là rất quan trọng để đảm bảo rằng thông tin mạng xã hội của tác giả phù hợp với thiết kế tổng thể của trang web.

Các yếu tố cần xem xét khi tùy chỉnh giao diện:

  • Màu sắc: Sử dụng màu sắc phù hợp với bảng màu của trang web.
  • Font chữ: Chọn font chữ dễ đọc và phù hợp với font chữ chung của trang web.
  • Biểu tượng: Sử dụng biểu tượng mạng xã hội có độ phân giải cao và phù hợp với phong cách thiết kế.
  • Vị trí: Chọn vị trí hiển thị phù hợp (ví dụ: dưới bài viết, trong sidebar, trong footer) để đảm bảo rằng thông tin dễ thấy nhưng không gây xao nhãng.

Nếu bạn sử dụng plugin, hầu hết các plugin đều cung cấp các tùy chọn tùy chỉnh giao diện trong trang cài đặt. Nếu bạn chỉnh sửa code, bạn có thể sử dụng CSS để tùy chỉnh giao diện theo ý muốn.

Ví dụ Cụ Thể về Chỉnh Sửa CSS

Giả sử bạn đã thêm thông tin mạng xã hội vào template của mình bằng code PHP như ví dụ ở trên. Bây giờ, bạn có thể sử dụng CSS để tùy chỉnh giao diện của phần tử `.author-social`:


.author-social {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
}

.author-social p {
    font-style: italic;
    margin-bottom: 5px;
}

.author-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.author-social li {
    margin-right: 10px;
}

.author-social a {
    text-decoration: none;
    color: #337ab7;
}

.author-social a:hover {
    text-decoration: underline;
}

Đoạn code CSS này sẽ thêm một khung bao quanh thông tin mạng xã hội, thay đổi font chữ của đoạn giới thiệu, và tạo một danh sách ngang các liên kết mạng xã hội.

Kết luận

Hiển thị thông tin mạng xã hội của tác giả trong WordPress là một việc làm quan trọng để tăng cường sự tin cậy, mở rộng phạm vi tiếp cận và xây dựng cộng đồng. Bạn có thể lựa chọn phương pháp phù hợp nhất với nhu cầu và trình độ kỹ thuật của mình, từ sử dụng plugin đơn giản đến chỉnh sửa code phức tạp. Điều quan trọng là tùy chỉnh giao diện hiển thị để đảm bảo rằng thông tin mạng xã hội của tác giả phù hợp với thiết kế tổng thể của trang web và mang lại trải nghiệm tốt nhất cho người dùng.

Related Topics by Tag
, , , ,

..