Cách thêm hộp thông tin tác giả trong bài viết WordPress

Bạn có muốn thêm hộp tiểu sử tác giả trong các bài đăng WordPress của mình không? Hộp tiểu sử tác giả là một phần nhỏ nơi bạn có thể hiển thị thông tin về tác giả của blog, hiển thị hồ sơ trên mạng xã hội của họ và hơn thế nữa.

Other :

Nhiều chủ đề WordPress cho phép bạn dễ dàng hiển thị tiểu sử tác giả bằng chức năng WordPress mặc định. Tuy nhiên, một số chủ đề có thể không được tích hợp sẵn tính năng này hoặc bạn có thể muốn thay đổi cách chúng hiển thị phần tiểu sử tác giả.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn nhiều cách để dễ dàng hiển thị hộp thông tin tác giả trong bài đăng WordPress. Chúng tôi cũng sẽ chỉ cho bạn cách tùy chỉnh tiểu sử tác giả và làm cho nó hữu ích hơn.

Easily add an author info section to WordPress posts

Tại sao và khi nào bạn cần hộp thông tin tác giả trong WordPress

Nhìn thấy một người thực sự đằng sau nội dung giúp xây dựng uy tín và củng cố quyền hạn trang web của bạn đối với người dùng.

Đối với blog WordPress một tác giả, bạn chỉ có thể thêm trang giới thiệu về tôi, nhưng đối với trang WordPress nhiều tác giả, bạn sẽ cần thêm hộp thông tin tác giả bên dưới mỗi bài đăng.

Điều này giúp người dùng của bạn tìm hiểu thêm về các tác giả riêng lẻ trên trang web của bạn. Nó cũng cung cấp cho các tác giả một động lực bổ sung để đóng góp thường xuyên hơn và tương tác với độc giả.

Nếu bạn muốn nhiều người dùng gửi nội dung đến trang web của mình, thì hộp thông tin tác giả là một cách tuyệt vời để thu hút những người viết đang tìm kiếm sự xuất hiện và khán giả mới.

Đã nói rằng, chúng ta hãy xem cách dễ dàng thêm hộp thông tin tác giả trong các bài đăng WordPress.

Thêm hộp thông tin tác giả trong bài đăng WordPress

WordPress là trình xây dựng trang web tốt nhất trên thế giới vì tính linh hoạt và các tùy chọn tùy chỉnh mà nó cung cấp.

Có nhiều plugin tiểu sử tác giả khác nhau mà bạn có thể sử dụng để thêm phần thông tin tác giả. Chúng tôi sẽ chỉ cho bạn phương pháp mặc định của WordPress, hai plugin khác nhau cũng như phương pháp mã. Bằng cách này, bạn có thể chọn một phương pháp phù hợp nhất cho trang web của mình.

  • Thêm Hộp tác giả trong WordPress bằng WordPress Chủ đề
  • Thêm Hộp tác giả trong WordPress bằng Plugin
  • Thêm Hộp tác giả trong Thanh bên WordPress
  • Thêm Hộp tác giả trong WordPress bằng Đoạn mã

Phương pháp 1: Thêm tiểu sử tác giả bằng cách sử dụng chủ đề WordPress của bạn

Nếu chủ đề WordPress của bạn đi kèm với hộp thông tin tác giả bên dưới mỗi bài viết, thì bạn có thể chỉ cần sử dụng hộp đó để hiển thị tiểu sử tác giả của mình.

Để sử dụng nó, bạn chỉ cần truy cập trang Người dùng »Tất cả người dùng . Từ đây, bạn cần chỉnh sửa người dùng mà bạn muốn thay đổi.

Editing a user profile

Trên màn hình chỉnh sửa hồ sơ, cuộn xuống phần ‘Thông tin tiểu sử’ để thêm tiểu sử của tác giả. Bạn cũng có thể sử dụng HTML trong trường này để thêm liên kết vào hồ sơ mạng xã hội của tác giả theo cách thủ công.

Add author bio in user profile

Ảnh hồ sơ tác giả được tìm nạp bằng Gravatar. Nếu tác giả chưa thiết lập ảnh gravatar, thì bạn có thể yêu cầu họ làm theo hướng dẫn của chúng tôi để thiết lập ảnh gravatar trong WordPress.

Ngoài ra, bạn cũng có thể cho phép người dùng trên trang web của mình tải lên ảnh hồ sơ tác giả tùy chỉnh bằng cách chỉnh sửa hồ sơ của họ.

Đừng quên nhấp vào nút ‘Cập nhật người dùng’ để lưu các thay đổi của bạn.

Bây giờ bạn có thể truy cập bất kỳ bài viết nào trên trang web của mình để xem hộp tiểu sử tác giả hiển thị chủ đề WordPress của bạn bên dưới nội dung.

Preview default author info box

Phương pháp 2. Thêm hộp thông tin tác giả trong WordPress bằng cách sử dụng một plugin

Nếu chủ đề của bạn không hiển thị hộp thông tin tác giả hoặc bạn muốn tùy chỉnh nó, thì phương pháp này là dành cho bạn.

Đối với phương pháp này, chúng tôi sẽ sử dụng một plugin WordPress để thêm hộp thông tin tác giả vào các bài đăng WordPress của bạn.

Đầu tiên, điều bạn cần làm là cài đặt và kích hoạt plugin Author Bio Box. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Cài đặt »Hộp sinh học tác giả để định cấu hình cài đặt plugin.

Author Bio Box settings

Từ đây, bạn có thể chọn màu sắc, kích thước gravatar cho ảnh tác giả và vị trí hiển thị hộp tiểu sử tác giả.

Khi bạn đã hoàn tất, đừng quên nhấp vào nút ‘Lưu thay đổi’ để lưu trữ các thay đổi của bạn.

Tiếp theo, bạn cần truy cập trang Người dùng »Tất cả người dùng và nhấp vào liên kết ‘Chỉnh sửa’ bên dưới người dùng bạn muốn thay đổi.

Editing a user profile

Trên màn hình chỉnh sửa hồ sơ, bạn cần cuộn xuống phần ‘Thông tin liên hệ’. Từ đây, bạn có thể thêm liên kết đến hồ sơ mạng xã hội của tác giả.

Add social media links to user profile

Plugin sẽ chỉ hiển thị các biểu tượng cho các mạng xã hội mà bạn nhập URL.

Sau đó, bạn có thể cuộn xuống phần ‘Thông tin tiểu sử’ để thêm tiểu sử của tác giả. Bạn cũng có thể sử dụng HTML trong trường này để thêm liên kết theo cách thủ công hoặc sử dụng các tùy chọn định dạng HTML cơ bản.

Add author biographical information

Sau khi hoàn tất, hãy nhấp vào nút Cập nhật người dùng để lưu các thay đổi của bạn.

Bây giờ bạn có thể truy cập bất kỳ bài báo nào do người dùng đó viết để xem hộp thông tin tác giả đang hoạt động.

Author info box plugin preview

Phương pháp 3: Hiển thị Thông tin Tác giả trong Tiện ích Thanh bên

Bạn có muốn hiển thị thông tin tác giả trong thanh bên thay vì bên dưới bài viết không? Nếu có, thì phương pháp này là dành cho bạn vì nó cho phép bạn hiển thị hộp thông tin tác giả trong tiện ích thanh bên.

Đối với phương pháp này, bạn sẽ cần cài đặt và kích hoạt plugin Meks Smart Author Widget. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn cần truy cập trang Giao diện »Tiện ích . Ở đó, bạn sẽ tìm thấy Meks Smart Author dưới danh sách các widget có sẵn. Bạn cần thêm tiện ích này vào thanh bên mà bạn muốn hiển thị thông tin tác giả.

Adding author info widget

Tiện ích đi kèm với một số tùy chọn. Tùy chọn quan trọng nhất mà bạn cần chọn là hộp kiểm bên cạnh tùy chọn ‘Tự động phát hiện tác giả’.

Bấm vào nút Lưu để lưu cài đặt tiện ích con của bạn. Bây giờ bạn có thể truy cập trang web của mình để xem tiện ích thông tin của tác giả đang hoạt động.

Author bio box widget

Plugin này tìm nạp thông tin người dùng từ hồ sơ WordPress của họ. Bạn hoặc tác giả của bạn sẽ cần điền thông tin tiểu sử của họ bằng cách chỉnh sửa tiểu sử của họ.

Phương pháp 4. Thêm hộp thông tin tác giả theo cách thủ công (Yêu cầu mã hóa)

Phương pháp này yêu cầu bạn thêm mã vào trang web WordPress của mình. Nếu bạn chưa làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách thêm đoạn mã trong WordPress.

Trước tiên, bạn cần thêm mã sau vào tệp functions.php của chủ đề hoặc một plugin dành riêng cho trang web.

function wpb_author_info_box ($ content) {global $ post; // Phát hiện xem đó có phải là một bài đăng duy nhất với tác giả bài đăng hay không nếu (is_single () && Isset ($ post-> post_author)) {// Lấy tên hiển thị của tác giả $ display_name = get_the_author_meta ('display_name', $ post-> post_author) ; // Nếu không có tên hiển thị thì sử dụng biệt hiệu làm tên hiển thị if (rỗng ($ display_name)) $ display_name = get_the_author_meta ('nickname', $ post-> post_author); // Lấy thông tin tiểu sử hoặc mô tả của tác giả $ user_description = get_the_author_meta ('user_description', $ post-> post_author); // Lấy URL trang web của tác giả $ user_website = get_the_author_meta ('url', $ post-> post_author); // Lấy liên kết đến trang lưu trữ của tác giả $ user_posts = get_author_posts_url (get_the_author_meta ('ID', $ post-> post_author)); if (! blank ($ display_name)) $ author_details = '<p class = "author_name"> Giới thiệu'. $ display_name. '</p>'; if (! blank ($ user_description)) // Ảnh đại diện và tiểu sử của tác giả $ author_details. = '<p class = "author_details">'. get_avatar (get_the_author_meta ('user_email'), 90). nl2br ($ user_description). '</p>'; $ author_details. = '<p class = "author_links"> <a href="'. $user_posts .'"> Xem tất cả các bài đăng của'. $ display_name. '</a>'; // Kiểm tra xem tác giả có trang web trong tiểu sử của họ hay không nếu (! Blank ($ user_website)) {// Hiển thị liên kết trang web của tác giả $ author_details. = '| <a href="'. $user_website .'" target="_blank" rel="nofollow"> Trang web </a> </p> '; } else {// nếu không có trang web tác giả thì chỉ cần đóng đoạn $ author_details. = '</p>'; } // Chuyển tất cả thông tin này để đăng nội dung$ content = $ nội dung. '<footer class = "author_bio_section">'. $ author_details. '</footer>'; } trả về nội dung $; } // Thêm chức năng của chúng tôi vào bộ lọc nội dung bài viết add_action ('the_content', 'wpb_author_info_box'); // Cho phép HTML trong phần tiểu sử tác giả remove_filter ('pre_user_description', 'wp_filter_kses');

Mã này chỉ cần tìm nạp thông tin tác giả và hiển thị nó bên dưới các bài đăng WordPress. Bạn cần tạo kiểu cho hộp thông tin tác giả này sao cho nó trông đẹp mắt và phù hợp với chủ đề WordPress của bạn.

Bạn có thể thêm CSS tùy chỉnh sau để tạo kiểu cho hộp tác giả của mình. Vui lòng sửa đổi nó để đáp ứng nhu cầu của bạn

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Đây là cách hộp thông tin tác giả trông như thế nào trên trang demo của chúng tôi.

Custom author info box

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm hộp thông tin tác giả vào bài đăng WordPress. Bạn cũng có thể muốn xem các mẹo của chúng tôi về cách tăng lưu lượng truy cập blog của bạn hoặc hướng dẫn từng bước của chúng tôi về cách tạo bản tin email.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.

Free Download Cách thêm hộp thông tin tác giả trong bài viết WordPress :

Trong khi chờ đợi, vui lòng nhấn vao quảng cáo phía trên để tác giả có phí duy trì website , xin cám ơn ^^^

In the meantime, please click on the ad so that the author has a website maintenance fee, very very very thank you ^^^ !!!!

Download Instructions

Join our official telegram group and channel for latest updates.

Để lại một bình luận

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

© 2021 All Rights Reserved | Shared by Tainguyenwordpress