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

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. Bạn chẳng xa lạ với “Content” nhưng bạn đã hiểu hết nghĩa của chúng chưa? Content là gì? Content is...
    21 giây trước
  2. Bạn đang tìm cách tăng lưu lượng truy cập từ các công cụ tìm kiếm? Bạn vẫn đang đấu tranh...
    27 giây trước
  3. Việc tối ưu hóa công cụ tìm kiếm nghe có vẻ phức tạp, nhưng nếu chịu khó tìm hiểu các...
    14 giây trước
  4. Với mỗi SEOer các công cụ hay các phần mềm SEO là điều không thể thiếu trong quá trình làm...
    20 giây trước
  5. Trong hơn 12 năm hoạt động Freelancer của mình, Vũ Thành Lâm, hay tên thường được nhắc đến là Lâm...
    16 giây trước
  6. Hiển thị bài viết liên quan đến chủ đề nội dung Post trong WordPress là việc làm cần thiết để...
    19 giây trước
  7. Đa số các đơn vị kinh doanh của Việt Nam hiện nay đều hướng tới việc đưa sản phẩm đến...
    24 giây trước
  8. Là một marketer web, tôi rất tỉ mỉ trong marketing online để có thể phát triển website của mình.  Ngoài các nỗ...
    12 giây trước
  9. Cuối năm 2015 Google đã công bố dự án hỗ trợ tăng tốc load trang web trên thiết bị di...
    3 giây trước
  10. Rất nhiều thứ đã thay đổi trong thế giới của tối ưu hóa công cụ tìm kiếm. Tuy nhiên, một...
    18 giây trước