Viết lại Tên Tác Giả Khách với Custom Fields trong WordPress
WordPress thường được sử dụng để tạo ra các trang web và blog với nội dung đa dạng. Một trong những tính năng quan trọng là khả năng gán bài viết cho một tác giả. Tuy nhiên, trong nhiều trường hợp, bạn có thể muốn hiển thị tên của một tác giả khách (guest author) thay vì sử dụng tài khoản người dùng WordPress thông thường. Sử dụng Custom Fields (Trường Tùy Biến) là một giải pháp linh hoạt để đạt được điều này.
Tại Sao Sử Dụng Custom Fields cho Tên Tác Giả Khách?
Có nhiều lý do tại sao bạn có thể muốn sử dụng Custom Fields để quản lý thông tin tác giả khách:
- Không cần tạo tài khoản người dùng: Bạn không cần tạo tài khoản người dùng WordPress cho mỗi tác giả khách. Điều này giúp giữ cho cơ sở dữ liệu người dùng của bạn gọn gàng.
- Kiểm soát tốt hơn thông tin hiển thị: Bạn có toàn quyền kiểm soát thông tin về tác giả khách được hiển thị, bao gồm tên, tiểu sử, liên kết mạng xã hội, v.v.
- Dễ dàng quản lý và cập nhật: Việc cập nhật thông tin tác giả khách trở nên dễ dàng hơn vì bạn chỉ cần chỉnh sửa Custom Fields của bài viết.
- Khả năng tùy biến cao: Bạn có thể dễ dàng tùy chỉnh cách hiển thị thông tin tác giả khách trên trang web của mình.
Các Bước Thực Hiện
Để viết lại tên tác giả khách sử dụng Custom Fields trong WordPress, bạn cần thực hiện các bước sau:
- Cài đặt Plugin hỗ trợ Custom Fields: Nếu theme của bạn chưa hỗ trợ Custom Fields, bạn cần cài đặt một plugin. Các plugin phổ biến bao gồm Advanced Custom Fields (ACF), Meta Box, và Custom Field Suite. Trong hướng dẫn này, chúng tôi sẽ sử dụng Advanced Custom Fields (ACF).
- Tạo một Custom Field Group: Trong ACF, tạo một nhóm Custom Fields mới, ví dụ như “Thông tin Tác Giả Khách”.
- Thêm các Custom Fields cần thiết: Thêm các Custom Fields vào nhóm, chẳng hạn như:
- “tên_tac_gia_khach” (text field) – để lưu trữ tên của tác giả khách.
- “tieu_su_tac_gia_khach” (textarea field) – để lưu trữ tiểu sử của tác giả khách.
- “anh_dai_dien_tac_gia_khach” (image field) – để lưu trữ ảnh đại diện của tác giả khách.
- Đặt Rules cho Custom Field Group: Đặt rules để nhóm Custom Fields này chỉ hiển thị trên các bài viết (Post).
- Nhập thông tin tác giả khách vào bài viết: Khi bạn tạo hoặc chỉnh sửa một bài viết, bạn sẽ thấy nhóm Custom Fields “Thông tin Tác Giả Khách”. Nhập thông tin liên quan đến tác giả khách vào các trường này.
- Sửa Theme để hiển thị Custom Fields: Bước quan trọng nhất là chỉnh sửa theme của bạn để hiển thị thông tin tác giả khách. Bạn cần chỉnh sửa các file theme như `single.php` hoặc `author.php` để hiển thị tên, tiểu sử và ảnh đại diện của tác giả khách thay vì thông tin tác giả WordPress mặc định.
Ví dụ Code (Sử dụng Advanced Custom Fields – ACF)
Dưới đây là một ví dụ code để hiển thị thông tin tác giả khách trong file `single.php` của theme. Lưu ý rằng bạn cần thay đổi code này để phù hợp với cấu trúc theme của bạn.
<?php
// Kiểm tra xem có thông tin tác giả khách hay không
if( get_field('ten_tac_gia_khach') ): ?>
<div class="guest-author">
<div class="guest-author-image">
<?php
$image = get_field('anh_dai_dien_tac_gia_khach');
if( !empty($image) ): ?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
<?php endif; ?>
</div>
<div class="guest-author-info">
<h3 class="guest-author-name"><?php the_field('ten_tac_gia_khach'); ?></h3>
<div class="guest-author-bio"><?php the_field('tieu_su_tac_gia_khach'); ?></div>
</div>
</div>
<?php else: ?>
<!-- Hiển thị thông tin tác giả WordPress mặc định nếu không có tác giả khách -->
<div class="author-info">
<h3 class="author-name"><?php the_author(); ?></h3>
<div class="author-bio"><?php the_author_meta('description'); ?></div>
</div>
<?php endif; ?>
Giải thích code:
- Code này kiểm tra xem Custom Field “ten_tac_gia_khach” có giá trị hay không. Nếu có, nó sẽ hiển thị thông tin tác giả khách.
- `get_field(‘ten_tac_gia_khach’)` lấy giá trị của Custom Field “ten_tac_gia_khach”.
- `the_field(‘ten_tac_gia_khach’)` hiển thị giá trị của Custom Field “ten_tac_gia_khach”.
- Nếu không có thông tin tác giả khách, code sẽ hiển thị thông tin tác giả WordPress mặc định.
Tùy Biến Hiển Thị
Bạn có thể tùy biến cách hiển thị thông tin tác giả khách bằng cách chỉnh sửa CSS và HTML trong file theme của bạn. Ví dụ, bạn có thể thay đổi kích thước và kiểu dáng của ảnh đại diện, thêm các liên kết mạng xã hội, hoặc thay đổi bố cục hiển thị.
Ví dụ về tùy biến CSS:
.guest-author {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.guest-author-image {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}
.guest-author-image img {
width: 100%;
height: auto;
}
.guest-author-name {
font-size: 1.2em;
margin-bottom: 5px;
}
.guest-author-bio {
font-size: 0.9em;
color: #555;
}
Lưu Ý Quan Trọng
- Sao lưu theme trước khi chỉnh sửa: Trước khi thực hiện bất kỳ thay đổi nào trong file theme, hãy sao lưu theme của bạn để đề phòng trường hợp xảy ra lỗi.
- Sử dụng Child Theme: Nên chỉnh sửa trong Child Theme thay vì chỉnh sửa trực tiếp theme chính. Điều này giúp bạn không bị mất các tùy chỉnh khi theme được cập nhật.
- Kiểm tra tính tương thích: Đảm bảo rằng plugin Custom Fields và code bạn sử dụng tương thích với phiên bản WordPress của bạn.
Các Plugin Custom Fields Phổ Biến
Ngoài Advanced Custom Fields (ACF), có một số plugin Custom Fields khác mà bạn có thể sử dụng:
- Meta Box: Meta Box là một plugin mạnh mẽ và linh hoạt với nhiều tính năng nâng cao.
- Custom Field Suite: Custom Field Suite là một plugin nhẹ và dễ sử dụng, phù hợp cho các dự án đơn giản.
- Pods: Pods cho phép bạn tạo Custom Post Types, Custom Taxonomies và Custom Fields một cách dễ dàng.
Kết luận
Sử dụng Custom Fields để viết lại tên tác giả khách là một giải pháp hiệu quả và linh hoạt trong WordPress. Với các bước và ví dụ code được cung cấp trong bài viết này, bạn có thể dễ dàng tùy chỉnh cách hiển thị thông tin tác giả khách trên trang web của mình, tạo ra trải nghiệm người dùng tốt hơn và kiểm soát nội dung của bạn một cách toàn diện hơn.
