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í 17++ 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

Dù bạn dùng phiên bản WordPress với lưu lượng truy cập cao hay một blog nhỏ trên máy chủ chia...

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...

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. Phần tiếp theo chúng ta sẽ tìm hiểu về mức độ tương tác của người dùng và các mẹo chính...
    9 giây trước
  2. Nếu bạn là một người viết văn hay, bạn có nghĩ sẽ trở thành một Blogger không? Viết Blog là...
    23 giây trước
  3. Bạn đang lo lắng về viết nội dung SEO sao cho tốt và nhanh lên Top Google, một nội dung...
    13 giây trước
  4. Mạng lưới Blog cá nhân (Private Blog Networks - PBN) đang hoạt động mạnh trở lại trong thời gian gần...
    8 giây trước
  5. Câu hỏi Làm cách nào để lấy nội dung WordPress post theo post id? m3tsys Câu trả lời chính xác...
    16 giây trước
  6. Internal link có vai trò quan trọng trong SEO. Nó là một phương pháp tuyệt vời và an toàn giúp...
    10 giây trước
  7. Khi nói đến Google AdWords và SEO người ta thường sử dụng các từ ngữ hoán đổi cho nhau. Mặc...
    4 giây trước
  8. SEO Executive là một cơ hội nghề nghiệp thú vị và có khả năng phát triển nhanh chóng cho bất...
    23 giây trước
  9. Nếu trang web của bạn không được tìm thấy trong trang đầu tiên của Google và các công cụ tìm...
    24 giây trước
  10. Bạn muốn trở thành một chuyên gia SEO? Trở thành một chuyên gia SEO có khó lắm không nhỉ? Việc chúng...
    13 giây trước