Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

Tùy biến trang single trong WordPrerss

5/5 - (7 bình chọn)

Bài viết (single post) là một thành phần quan trọng trong WordPress để hiển thị nội dung mà bạn muốn ra bên ngoài. Bài viết thường có một giao diện cố định cho tất cả các loại bài viết ở bất cứ chuyên mục nào.

Nhưng nếu bạn có hai danh mục Tin tức và Khuyến mãi, bạn muốn giao diện bài viết ở hai loại danh mục này hiển thị khác nhau. Ví dụ như bài viết ở danh mục khuyến mãi sẽ có sidebar ở bên trái, còn bài viết ở danh mục Tin tức có sidebar ở bên phải thì phải làm như thế nào?

Tùy biến trang single trong WordPrerss wordpress-custome-post-template

Ta sẽ tạo file hiển thị cho loại bài viết mà ta cần

Cách 1: Tạo file dạng single-ten-danh-muc.php

Bạn có hai danh mục Tin tức và Khuyến mãi, danh mục tin tức để mặc định, đối với danh mục Khuyến mãi bạn tạo file: single-khuyen-mai.php

Ví dụ, mình có Bài viết 1 trong danh mục tin tức với giao diện mặc định Twety Seventeen của WordPress. Giao diện này có sidebar nằm bên phải.

Tùy biến trang single trong WordPrerss 2017-02-18_155703

Giờ mình sẽ tạo một file single-khuyen-mai.php mới trong thư mục theme. Sau đó thêm code này 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;
}

Ta sẽ lấy nội dung file single.php và sửa lại một chút thành nội dung file single-khuyen-mai.php, di chuyển đoạn code <?php get_sidebar(); ?> lên trước để hiển thị sidebar bên trái, vì id secondary của sidebar được set thuộc tính float: right trong css nên ta sửa lại thành float: left;

Kết quả ta được giao diện các bài viết của danh mục Khuyến mãi có sidebar bên trái:

Tùy biến trang single trong WordPrerss 2017-02-18_191020-1024x473

Cách 2: Tạo file dạng single-id-danh-muc.php

Tương tự như cách 1 nhưng ta sẽ tạo file chứa ID của danh mục: danh mục Khuyến mãi có ID là 2, ta tạo file single-2.php, và thêm code 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: Tạo file template dùng cho mọi bài viết khi cần.
Cách này dựa trên tính năng mới của WordPress đó là Template post. Tạo 1 file mới tên bất kỳ, ví dụ như: khuyen-mai.php chứa đoạn code giao diện bạn muốn, và chèn đoạn comment này vào đầu file:

/**
Template Name Posts: Tên temmplate
*/

Khi đó sẽ có tùy chọn trong giao diện chỉnh sửa bài viết:

Tùy biến trang single trong WordPrerss 2017-02-18_193730

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 theo cách này để sử dụng trong từng mục đích khác nhau.

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Kiếm tiền trong khi bạn ngủ? Hay Thu nhập thụ động, Kiếm tiền online đây có phải là một ý tưởng...
    14 giây trước
  2. Câu hỏi Tôi làm development trên một box và có sử dụng cho production. Tôi kết xuất cơ sở dữ...
    23 giây trước
  3. Bạn đang gặp khó khăn trong việc lên thẻ tiêu đề mô tả? Bạn đang loay hoay không biết làm...
    18 giây trước
  4. Thiết kế Website Hoa cây cảnh chuẩn SEO là cách hiệu quả giúp doanh nghiệp kết nối với khách hàng...
    5 giây trước
  5. Ibmeduca.org là website của Viện Kinh Thánh truyền giáo  Trang web được thiết kế trên nền tảng mã nguồn SEO tốt...
    5 giây trước
  6. Mỗi một nội dung trước khi xuất bản cần phải là độc nhất. Bởi nếu là copy, sao chép thì...
    18 giây trước
  7. Vào cuối tháng 2 năm 2017 WordPress đã được phát hành 4.7.2 và chính Lâm vờ tờ cũng đã đưa...
    30 giây trước
  8. Xây dựng liên kết - Link building là việc có được các liên kết bên ngoài thông qua việc trỏ...
    21 giây trước
  9. Nói đến báo chí, chúng được phân chia thành nhiều loại hình khác nhau từ tin tức, chính luận, phỏng...
    24 giây trước
  10. Bước vào kỷ nguyên công nghệ số 4.0. Nhu cầu hội nhập, quảng cáo hình ảnh, thương hiệu, tên tuổi...
    16 giây trước