Bạn đã bao giờ muốn tạo ra các bố cục khác nhau cho các bài viết trong WordPress? Ví dụ, bạn muốn có một bố cục với sidebar bên phải cho danh mục Tin tức và một bố cục với sidebar bên trái cho danh mục Khuyến mãi. Vậy làm cách nào để thực hiện điều đó? Hãy cùng tìm hiểu trong bài viết này.
Đầu tiên, chúng ta sẽ tạo một file hiển thị riêng cho từng loại bài viết mà chúng ta muốn tùy chỉnh. Có hai cách để làm điều này.
Cách 1: Tạo file single-ten-danh-muc.php
Ví dụ, để tạo một bố cục riêng cho danh mục Khuyến mãi, bạn có thể tạo một file mới với tên single-khuyen-mai.php
. Nếu bạn có danh mục Tin tức và bạn muốn sử dụng bố cục mặc định cho danh mục này, bạn chỉ cần sử dụng file mặc định là single.php
.
Xem thêm : UX và UI là gì? So sánh sự khác biệt giữa thiết kế UX và UI
Sau khi tạo file single-khuyen-mai.php
, chỉ cần thêm đoạn mã sau vào file functions.php
trong thư mục theme của bạn:
add_filter('single_template', 'add_single_template');
function add_single_template( $t ) {
foreach( (array) get_the_category() as $cat ) {
if ( file_exists(TEMPLATEPATH . "/single-{$cat->slug}.php") )
return TEMPLATEPATH . "/single-{$cat->slug}.php";
if($cat->parent) {
$cat = get_the_category_by_ID( $cat->parent );
if ( file_exists(TEMPLATEPATH . "/single-{$cat->slug}.php") )
return TEMPLATEPATH . "/single-{$cat->slug}.php";
}
}
return $t;
}
Sau đó, bạn chỉ cần sao chép nội dung từ file single.php
và sửa một chút để tạo nội dung cho file single-khuyen-mai.php
. Đặc biệt, bạn cần di chuyển đoạn mã <?php get_sidebar(); ?>
lên trước để hiển thị sidebar bên trái. Bạn cần thay đổi thuộc tính float: right
của id secondary
trong file css thành float: left
.
Kết quả cuối cùng sẽ là bố cục cho các bài viết trong danh mục Khuyến mãi có sidebar bên trái.
Cách 2: Tạo file single-id-danh-muc.php
Cách này tương tự như cách thứ nhất, nhưng thay vì sử dụng tên danh mục, chúng ta sẽ sử dụng ID của danh mục. Ví dụ, nếu danh mục Khuyến mãi có ID là 2, bạn có thể tạo một file mới với tên single-2.php
.
Xem thêm : Lập trình viên tiếng Anh: Công việc hấp dẫn và tầm quan trọng của việc học tiếng Anh
Bạn cũng cần thêm đoạn mã sau vào file functions.php
:
add_filter('single_template', 'add_single_template');
function add_single_template( $t ) {
foreach( (array) get_the_category() as $cat ) {
if ( file_exists(TEMPLATEPATH . "/single-{$cat->slug}.php") )
return TEMPLATEPATH . "/single-{$cat->slug}.php";
if($cat->parent) {
$cat = get_the_category_by_ID( $cat->parent );
if ( file_exists(TEMPLATEPATH . "/single-{$cat->slug}.php") )
return TEMPLATEPATH . "/single-{$cat->slug}.php";
}
}
return $t;
}
Cách 3: Sử dụng template cho mọi bài viết
Cách này dựa trên tính năng mới của WordPress là Template post. Đầu tiên, bạn cần tạo một file mới có tên bất kỳ, ví dụ như khuyen-mai.php
, và thêm đoạn mã giao diện mà bạn muốn vào file đó. Bạn cũng cần chèn đoạn comment sau vào đầu file: /** Template Name Posts: Tên template */
.
Khi bạn viết một bài viết mới, bạn sẽ thấy có tùy chọn để chọn giao diện cho bài viết đó.
Từ bây giờ, bạn chỉ cần chọn giao diện mà bạn muốn khi viết bài mới. Bạn có thể thêm nhiều giao diện khác nhau để sử dụng cho các mục đích khác nhau.
Đó là ba cách bạn có thể tùy chỉnh trang single trong WordPress. Hy vọng rằng bài viết này đã giúp bạn hiểu rõ hơn về cách làm điều này.
Nguồn: https://laptrinhc.edu.vn
Danh mục: Web