5 cách thêm hộp thông tin tác giả trong WordPress
5 Cách Thêm Hộp Thông Tin Tác Giả Trong WordPress (Với Ví Dụ Chi Tiết)
Hộp thông tin tác giả (author box) là một thành phần quan trọng trên website WordPress, đặc biệt là đối với các blog hoặc trang web tin tức. Nó không chỉ giúp người đọc biết ai là người viết bài, mà còn cung cấp thông tin liên hệ, tiểu sử ngắn gọn và liên kết đến các trang mạng xã hội, từ đó tăng tính tin cậy và sự chuyên nghiệp cho trang web.
Trong bài viết này, chúng ta sẽ khám phá 5 cách khác nhau để thêm hộp thông tin tác giả vào WordPress, từ những phương pháp đơn giản nhất đến những cách tùy biến nâng cao, phù hợp với mọi trình độ người dùng.
1. Sử Dụng Tính Năng Tích Hợp Sẵn Của WordPress
WordPress đã tích hợp sẵn một số tính năng cơ bản cho phép bạn hiển thị thông tin tác giả. Mặc dù đơn giản, đây là cách nhanh nhất để bắt đầu.
Bước 1: Thêm Thông Tin Tác Giả
- Đăng nhập vào trang quản trị WordPress.
- Di chuyển đến mục “Người dùng” (Users) và chọn “Hồ sơ của bạn” (Your Profile).
- Điền các thông tin cơ bản như tên, họ, tên hiển thị công khai, và quan trọng nhất là phần “Tiểu sử” (Biographical Info). Hãy viết một đoạn giới thiệu ngắn gọn về bản thân.
- Cập nhật ảnh đại diện (avatar) bằng cách sử dụng Gravatar (một dịch vụ ảnh đại diện toàn cầu miễn phí).
- Nhấn “Cập nhật hồ sơ” (Update Profile) để lưu thay đổi.
Bước 2: Chỉnh Sửa File Template (Yêu cầu kiến thức cơ bản về code)
Để hiển thị thông tin này trên trang web của bạn, bạn cần chỉnh sửa file template của theme WordPress đang sử dụng (thường là `single.php` cho trang bài viết đơn hoặc `author.php` cho trang lưu trữ tác giả). Lưu ý: Việc chỉnh sửa trực tiếp file theme có thể gây ra lỗi, hãy sao lưu file trước khi chỉnh sửa hoặc sử dụng child theme.
Ví dụ, bạn có thể thêm đoạn code sau vào file `single.php` sau phần nội dung bài viết:
“`html
<div class=”author-box”>
<div class=”author-avatar”>
<?php echo get_avatar( get_the_author_meta(’email’), ’96’ ); ?>
</div>
<div class=”author-info”>
<h3><?php the_author(); ?></h3>
<p><?php the_author_meta(‘description’); ?></p>
</div>
</div>
“`
Đoạn code này sử dụng các hàm của WordPress để lấy thông tin tác giả (email, tên, tiểu sử) và hiển thị chúng. Bạn cần thêm CSS để tạo kiểu cho hộp thông tin tác giả này.
2. Sử Dụng Plugin Hộp Thông Tin Tác Giả Miễn Phí
Nếu bạn không muốn chỉnh sửa code trực tiếp, việc sử dụng plugin là một lựa chọn đơn giản và hiệu quả. Có rất nhiều plugin miễn phí cung cấp các tính năng tùy biến đa dạng.
Các bước thực hiện:
- Trong trang quản trị WordPress, đi đến “Plugin” và chọn “Thêm mới”.
- Tìm kiếm các plugin như “Simple Author Box”, “Starbox – the Author Box for Humans”, hoặc “Author Box by WPZOOM”.
- Cài đặt và kích hoạt plugin bạn chọn.
- Truy cập trang cài đặt của plugin (thường nằm trong phần “Cài đặt” hoặc “Người dùng”) và cấu hình các tùy chọn hiển thị, màu sắc, biểu tượng mạng xã hội, v.v.
Ưu điểm của việc sử dụng plugin:
- Dễ cài đặt và sử dụng.
- Không yêu cầu kiến thức về code.
- Cung cấp nhiều tùy chọn tùy biến.
Nhược điểm:
- Có thể ảnh hưởng đến tốc độ tải trang nếu plugin quá nặng.
- Một số plugin có thể không tương thích với theme của bạn.
3. Sử Dụng Plugin Hộp Thông Tin Tác Giả Cao Cấp
Plugin cao cấp thường cung cấp nhiều tính năng hơn so với plugin miễn phí, bao gồm:
- Nhiều lựa chọn bố cục và kiểu dáng hơn.
- Tích hợp với các dịch vụ email marketing.
- Hỗ trợ kỹ thuật tốt hơn.
Một số plugin cao cấp phổ biến bao gồm:
- Thrive Architect (một phần của Thrive Suite).
- Ultimate Addons for Beaver Builder/Elementor.
Việc sử dụng plugin cao cấp có thể là một lựa chọn tốt nếu bạn cần một hộp thông tin tác giả chuyên nghiệp và có nhiều tính năng nâng cao.
4. Sử Dụng Shortcode
Một số plugin hoặc theme WordPress cung cấp shortcode để bạn có thể dễ dàng chèn hộp thông tin tác giả vào bất kỳ vị trí nào trên trang web, bao gồm cả bài viết, trang và widget.
Cách sử dụng:
- Kiểm tra tài liệu của plugin hoặc theme bạn đang sử dụng để tìm shortcode tương ứng cho hộp thông tin tác giả.
- Chèn shortcode đó vào vị trí bạn muốn hiển thị hộp thông tin tác giả. Ví dụ: `[author_box]`.
- Lưu thay đổi và xem kết quả.
Shortcode là một cách linh hoạt để hiển thị hộp thông tin tác giả ở những vị trí tùy chỉnh, đặc biệt nếu bạn muốn hiển thị nó trong widget hoặc sidebar.
5. Tạo Hộp Thông Tin Tác Giả Tùy Chỉnh Bằng Code
Nếu bạn có kiến thức về HTML, CSS và PHP, bạn có thể tạo một hộp thông tin tác giả hoàn toàn tùy chỉnh để phù hợp với thiết kế trang web của bạn. Đây là cách phức tạp nhất, nhưng cũng cho phép bạn kiểm soát hoàn toàn giao diện và chức năng.
Các bước thực hiện:
- Tạo một file PHP mới (ví dụ: `author-box.php`) trong thư mục theme của bạn (hoặc child theme).
- Viết code HTML để tạo cấu trúc cho hộp thông tin tác giả, bao gồm ảnh đại diện, tên, tiểu sử, liên kết mạng xã hội, v.v.
- Sử dụng các hàm của WordPress như `get_the_author_meta()` để lấy thông tin tác giả.
- Thêm CSS để tạo kiểu cho hộp thông tin tác giả.
- Chèn file `author-box.php` vào file template của bạn (`single.php`, `author.php`, v.v.) bằng cách sử dụng hàm `include()` hoặc `require()`. Ví dụ: `<?php include( get_template_directory() . ‘/author-box.php’ ); ?>`.
Ví dụ code PHP (trong `author-box.php`):
“`php
<div class=”custom-author-box”>
<div class=”custom-author-avatar”>
<?php echo get_avatar( get_the_author_meta(‘ID’), 96 ); ?>
</div>
<div class=”custom-author-info”>
<h3 class=”custom-author-name”><?php the_author(); ?></h3>
<p class=”custom-author-bio”><?php the_author_meta(‘description’); ?></p>
<div class=”custom-author-social”>
<?php
$facebook = get_the_author_meta(‘facebook’);
if($facebook){
echo ‘<a href=”‘ . esc_url($facebook) . ‘” target=”_blank”>Facebook</a>’;
}
?>
</div>
</div>
</div>
“`
Sau đó, thêm CSS vào file `style.css` của theme (hoặc child theme) để tạo kiểu cho các class `custom-author-box`, `custom-author-avatar`, `custom-author-info`, `custom-author-name`, `custom-author-bio`, và `custom-author-social`.
Kết Luận
Việc thêm hộp thông tin tác giả vào WordPress là một cách tuyệt vời để tăng tính tin cậy và chuyên nghiệp cho trang web của bạn. Có nhiều cách khác nhau để thực hiện điều này, từ việc sử dụng tính năng tích hợp sẵn, plugin miễn phí và cao cấp, cho đến việc tạo hộp thông tin tác giả tùy chỉnh bằng code. Hãy chọn phương pháp phù hợp nhất với trình độ kỹ năng và nhu cầu của bạn.
