Trong phần thứ 10 này, chúng ta sẽ tiếp tục mở rộng kiến thức về cách tạo theme Wordpress bằng Bootstrap 4. Trong phần này, chúng ta sẽ làm việc với file tag.php và tối ưu breadcrumbs và custom field cho Wordpress.
Tag.php
Tag là một loại liên kết giữa các bài viết cùng hoặc khác chủ đề với nhau. Tag rất quan trọng trong việc liên kết nội dung cho blog, vì vậy mọi bài viết cần có các tag liên quan đến nhau.
Đầu tiên, chúng ta sẽ tạo file tag.php trong thư mục wp-content/themes/miniblog/.
Sao chép nội dung từ file category.php vào file tag.php và thay thế thẻ H1 bằng đoạn mã sau:
Thẻ:
Trong đoạn mã trên, chúng ta sử dụng hàm single_tag_title để hiển thị tên của thẻ.
Tiếp theo, bạn mở file content-single.php và sử dụng hàm the_tags để hiển thị các thẻ:
Đây là kết quả trong bài viết:
Khi bạn nhấp vào một tag bất kỳ, nó sẽ truy xuất vào file tag.php để lấy dữ liệu.
Breadcrumbs
Tiếp theo, chúng ta sẽ tối ưu breadcrumbs. Mở file functions.php và thêm các mệnh đề sau:
elseif (is_page()) { the_title(''); }
elseif (is_tag()) { echo ''; }
elseif (is_search()) { echo ''; }
elseif (is_author()) { echo ''; }
elseif (is_archive()) { echo ''; }
else { echo ''; } Đây là kết quả:
Tùy biến Custom Field trong Wordpress
Vì chúng ta sẽ không sử dụng plugin SEO trong theme này, chúng ta sẽ sử dụng Custom Field để cấu hình thẻ Title, Description, Keywords cho theme.
Mở file header.php và thay đổi đoạn mã sau:
<?php if (is_home()): ?>
<?php bloginfo('name') ?>
<?php elseif( is_single() ): ?>
<?php echo get_field('seo_title'); ?>
<?php else: ?>
<?php wp_title('', true,''); ?>
<?php endif; ?>
Đây là kết quả:
Để tạo custom field trong Wordpress, bạn cần tải và cài đặt plugin Advanced Custom Fields. Sau đó, bạn có thể tạo custom field cho tiêu đề, mô tả và từ khóa trong bài viết.
Sau khi cài đặt và kích hoạt plugin, truy cập vào phần Custom Fields và chọn Add New. Tiếp theo, chọn Add Field và điền thông tin cho custom field, bao gồm tiêu đề, tên, loại, giới hạn nhập và loại post.
Dưới đây là hình ảnh minh họa:
-
Tạo custom field cho Seo title:
-
Tạo custom field cho Seo description và Seo keywords:
Sau khi tạo xong, bạn có thể vào phần Posts > Add New để sử dụng custom field. Bạn sẽ thấy các khung tùy chỉnh để nhập tiêu đề, mô tả và từ khóa.
Từ giờ, bạn có thể sử dụng custom field để tối ưu tiêu đề, mô tả và từ khóa cho mỗi bài viết.
Nếu bạn sử dụng trình duyệt Chrome, bạn có thể tải extension SEO One Click để đo SEO.
Đó là những gì chúng ta đã làm trong phần 10. Hãy tiếp tục theo dõi các phần tiếp theo để tạo hoàn chỉnh theme Wordpress bằng Bootstrap 4.
Cảm ơn bạn đã đọc bài viết này. Hãy chia sẻ nếu bạn cảm thấy nó hữu ích.
