NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
19/01/2022
Lượt xem

Tổng quan về cấu trúc Theme WordPress

19/01/2022
16 phút đọc
Lượt xem

Đánh giá

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

Theme là thành phần quan trọng đối với website WordPress. Nó giúp website của bạn sinh động hơn, đẹp mắt hơn và mang đến trải nghiệm người dùng tốt hơn. Tuy nhiên, không phải ai cũng biết cấu trúc Theme WordPress như thế nào? Do đó, trong nội dung bài viết này, Vietnix sẽ cùng bạn tìm hiểu về cấu trúc Theme WordPress. Từ đó, giúp bạn dễ dàng tùy biến một theme nào đó theo ý mình.

Tổng quan về theme WordPress

Theme WordPress là thư mục chứa các file thiết kế giao diện của website. Đây là nơi WordPress cho phép bạn thay đổi, chỉnh sửa giao diện của website. Mỗi website sẽ có một theme riêng biệt. Hiện nay có hàng triệu theme từ miễn phí đến trả phí trên internet để người dùng lựa chọn.

Theme WordPress là gì?
Theme WordPress là gì?

Cách lựa chọn được Theme phù hợp nhất cho website

  • Lựa chọn theme đúng mục đích sử dụng, phù hợp với chủ đề hay lĩnh vực hoạt động của website.
  • Theme có khả năng tương thích với các trình duyệt web.
  • Theme thân thiện với mọi kích thước màn hình của mọi thiết bị truy cập.
  • Nên lựa chọn những Theme được sử dụng phổ biến và nhận được đánh giá tốt từ người dùng.
  • Chọn Theme được cập nhật thường xuyên nhằm đảm bảo sự tương thích với các bản cập nhật của WordPress hay Plugin mới nhất.
  • Lựa chọn theme nhẹ, tốc độ tải nhanh, tối ưu cho SEO. Tránh chọn các theme quá nhiều chi tiết, khiến thời gian tải trang lâu, ảnh hưởng trải nghiệm người dùng và SEO.

Hệ thống phân cấp File Template

Tổng quát

WordPress sử dụng Query String để quyết định template hoặc tập hợp template nào nên được sử dụng để hiển thị page. Query String là thông tin có trong link đến từng phần của website của bạn.

Nói một cách đơn giản, WordPress tìm kiếm thông qua hệ thống phân cấp template cho đến khi tìm thấy file template phù hợp. Để xác định file template nào sẽ sử dụng cho cấu trúc Theme WordPress, bạn cần lưu ý những vấn đề sau:

  • So sánh mọi query sting với một loại query để quyết định trang nào đang được yêu cầu (ví dụ: trang tìm kiếm, trang danh mục,…).
  • Chọn template theo thứ tự được xác định bởi hệ thống phân cấp template.
  • Tìm kiếm các file template có tên cụ thể trong thư mục của cấu trúc Theme trong WordPress hiện tại và sử dụng template phù hợp được phân cấp chỉ định.
  • Ngoại trừ file template index.php cơ bản, bạn có thể chọn có muốn triển khai một file template cụ thể hay không.

Nếu WordPress không thể tìm thấy file template có tên phù hợp, nó sẽ chuyển sang file tiếp theo trong hệ thống phân cấp. Nếu cấu trúc của một theme WordPress không thể tìm thấy bất kỳ template phù hợp nào, file index.php của theme sẽ được sử dụng.

Khi bạn đang sử dụng một theme con (child theme), bất kỳ file nào bạn thêm vào theme con của mình sẽ vượt quá cùng một file trong theme mẹ (parent theme). Ví dụ: cả hai theme đều chứa cùng một tempate category.php, sau đó template của theme con sẽ được sử dụng.

Nếu theme con chứa template cụ thể như category-unicorns.php và theme mẹ chứa template được ưu tiên thấp hơn như category.php, thì category-unicorns.php của theme con sẽ được sử dụng.

Ngược lại, nếu theme con chỉ chứa template chung như category.php và theme mẹ chứa template cụ thể, chẳng hạn như category-unicorns.php, thì template category-unicorns.php của theme mẹ sẽ được sử dụng.

Ví dụ

Nếu blog của bạn ở http://vietnix.vn/blog/ và khách truy cập nhấp vào link đến một trang category, chẳng hạn như http://vietnix.vn/blog/category/theme-wordpress/, thì WordPress sẽ tìm kiếm một file template trong category của theme hiện tại khớp với ID của category để tạo trang chính xác. Cụ thể hơn, WordPress tuân theo quy trình này:

  • Tìm kiếm template trong directory của theme hiện tại khớp với slug của category. Nếu Category slug là “unicorns” thì WordPress sẽ tìm kiếm một file template có tên là category-unicorns.php.
  • Nếu thiếu category-unicorns.php và ID của category là 4, thì cấu trúc Theme WordPress sẽ tìm kiếm file template có tên là category-4.php.
  • Nếu thiếu category-4.php, cấu trúc theme trong WordPress sẽ tìm kiếm file template trong danh mục chung, category.php.
  • Nếu thiếu archive.php, cấu trúc Theme WordPress sẽ quay trở lại template theme chính, index.php.

Visual Overview

Sơ đồ sau đây cho thấy file template nào được dùng để tạo theme WordPress dựa trên hệ thống phân cấp template WordPress.

Sơ đồ phân cấp cấu trúc Theme WordPress
Tổng quan về cấu trúc Theme WordPress 131

Chi tiết về cấu trúc Theme WordPress

Mặc dù cấu trúc Theme WordPress dễ hiểu hơn dưới dạng biểu đồ, các phần sau đây sẽ mô tả thứ tự các cấu trúc trong theme WordPress:

Hiển thị Home Page

Mặc định WordPress đặt homepage website của bạn để hiển thị các bài viết trên blog mới nhất của bạn. Trang này được gọi là các bài viết index trên blog. Bạn cũng có thể đặt các bài viết trên blog của mình hiển thị trên một trang tĩnh riêng biệt. File template home.php được sử dụng để hiển thị các bài viết index trên blog, cho dù nó đang được sử dụng làm trang đầu hay trên trang tĩnh riêng biệt. Nếu home.php không tồn tại, cấu trúc Theme WordPress sẽ sử dụng index.php.

  • home.php.
  • index.php.

Hiển thị Front Page

File template front-page.php được sử dụng để hiển thị trang đầu website của bạn, cho dù trang đầu hiển thị bài viết index trên blog (đã đề cập ở trên) hay một trang tĩnh. Mẫu trang đầu được ưu tiên hơn bài viết index trên blog (home.php). Nếu tệp front-page.php không tồn tại, cấu trúc Theme WordPress sẽ sử dụng tệp home.php hoặc page.php tùy thuộc vào thiết lập trong Setting > Reading. Nếu cả hai file đó đều không tồn tại, nó sẽ sử dụng file index.php.

  • front-page.php: Được sử dụng cho cả “bài đăng mới nhất” hoặc “trang tĩnh” được đặt trong phần Display front page của Setting > Reading.
  • home.php: Nếu cấu trúc Theme WordPress không thể tìm thấy front-page.php và “bài đăng mới nhất” được đặt trong phần Display front page, nó sẽ tìm home.php. Ngoài ra, cấu trúc Theme WordPress sẽ tìm kiếm file này khi trang bài viết được đặt trong phần Display front page.
  • page.php: Khi page.php (front page) được đặt trong phần Display front page.
  • index.php: Khi “bài đăng mới nhất” được đặt trong phần hiển thị trang đầu nhưng home.php không tồn tại hoặc khi trang đầu được đặt nhưng page.php không tồn tại.

Hiển thị Privacy Policy Page

File template privacy-policy.php được sử dụng để hiển thị Chính sách Bảo mật của website bạn. Mẫu trang Chính sách bảo mật được ưu tiên hơn mẫu trang tĩnh (page.php). Nếu tệp privacy-policy.php không tồn tại, WordPress sẽ sử dụng file page.php hoặc singular.php tùy thuộc vào các template có sẵn. Nếu cả hai file đó đều không tồn tại, nó sẽ sử dụng file index.php.

  • privacy-policy.php: Sử dụng cho trang Privacy Policy được đặt trong phần Change your Privacy Policy page của bạn trong Setting > Privacy.
  • File template tùy chỉnh: Page template được gán cho trang. Xem get_page_templates ( ).
  • page- {slug} .php: Nếu slug của trang là privacy, thì WordPress sẽ sử dụng page-privacy.php.
  • page- {id} .php: Nếu ID page là 6, WordPress sẽ sử dụng page-6.php.
  • page.php.
  • singular.php.
  • index.php.

Single Post

File template của single post được sử dụng để hiển thị một bài đăng. WordPress sử dụng đường dẫn sau:

  • single- {post-type} – {slug} .php: WordPress tìm kiếm một template cho bài viết cụ thể. Ví dụ: Nếu loại bài viết là product và slug của bài viết là dmc-12, thì WordPress sẽ tìm kiếm single-product-dmc-12.php.
  • single- {post-type} .php: Nếu loại bài viết là product, WordPress sẽ tìm kiếm single-product.php.
  • single.php.
  • singular.php.
  • index.php.

Single Page

File template được sử dụng để hiển thị một trang tĩnh (loại bài viết của trang). Lưu ý rằng không giống như các loại bài viết khác, trang này đặc biệt đối với WordPress và sử dụng đường dẫn sau:

  • File template tùy chỉnh: Mẫu trang được gán cho trang. Xem get_page_templates ().
  • page- {slug} .php: Nếu slug của trang là recent-news, WordPress sẽ sử dụng page-recent-news.php.
  • page- {id} .php: Nếu ID trang là 6, WordPress sẽ sử dụng page-6.php.
  • page.php.
  • singular.php.
  • index.php.

Category

Hiển thị các phần danh mục lưu trữ sử dụng đường dẫn sau trong WordPress:

  • category- {slug} .php: Nếu slug của danh mục là news, WordPress sẽ tìm kiếm category-news.php.
  • category- {id} .php: Nếu ID của danh mục là 6, WordPress sẽ tìm category-6.php.
  • category.php.
  • archive.php.
  • index.php.

Tag

Để hiển thị trang index lưu trữ tag, WordPress sử dụng đường dẫn sau:

  • tag- {slug} .php: Nếu slug của tag là sometag, WordPress sẽ tìm kiếm tag-sometag.php.
  • tag- {id} .php: Nếu ID của thẻ là 6, WordPress sẽ tìm kiếm tag-6.php.
  • tag.php.
  • archive.php.
  • index.php.

Phân loại tùy chỉnh

Các đơn vị phân loại tùy tỉnh sử dụng đường dẫn file template hơi khác một chút:

  • taxonomy- {taxonomy} – {term} .php: Nếu taxonomy là sometax và term của taxonomy là someterm, WordPress sẽ tìm kiếm taxonomy-sometax-someterm.php. Trong trường hợp các post format, phân loại là “post_format” và các term là “post-format- {format}. Tức là taxonomy-post_format-post-format-link.php cho định dạng bài đăng liên kết.
  • taxonomy- {taxonomy} .php: Nếu phân loại là sometax, WordPress sẽ tìm kiếm taxonomy-sometax.php.
  • taxonomy.php.
  • archive.php.
  • index.php.

Loại bài đăng tùy chỉnh

Loại bài đăng tùy chỉnh sẽ sử dụng đường dẫn sau để hiển thị trang index để lưu trữ thích hợp.

  • archive- {post_type} .php: Nếu loại bài viết là product, WordPress sẽ tìm kiếm archive-product.php.
  • archive.php.
  • index.php.

Hiển thị tác giả

Dựa trên các ví dụ trên, việc hiển thị các trang index archive của tác giả cũng khá dễ hiểu:

  • author- {nicename} .php: Nếu tên của tác giả là Matt, WordPress sẽ tìm kiếm author-matt.php.
  • author- {id} .php: Nếu ID của tác giả là 6, WordPress sẽ tìm author-6.php.
  • author.php.
  • archive.php.
  • index.php.

Ngày, tháng

  • date.php.
  • archive.php.
  • index.php.

Kết quả tìm kiếm

  • search.php.
  • index.php.

404 (Not Found)

  • 404.php.
  • index.php.

Tệp đính kèm

  • {MIME-type} .php: Có thể là bất kỳ MIME type nào (Ví dụ: image.php, video.php, pdf.php). Đường dẫn sau được sử dụng cho text/plain (theo thứ tự): video.phppdf.phptext/plain, text-plain.php, plain.php, text.php.
  • attachment.php.
  • single-attachment- {slug} .php: Ví dụ: nếu slug của tệp đính kèm là holiday, WordPress sẽ tìm kiếm single-attachment-holiday.php.
  • single-attachment.php.
  • single.php.
  • singular.php.
  • index.php.

Nhúng

File template nhúng được sử dụng để hiển thị một bài đăng đang được nhúng. Kể từ phiên bản 4.5, WordPress sử dụng đường dẫn sau:

  • embed- {post-type} – {post_format}.php: Đầu tiên WordPress tìm kiếm một template cho bài viết cụ thể. Ví dụ: Nếu loại bài viết của nó là post và nó có format audio, thì WordPress sẽ tìm kiếm file embed-post-audio.php.
  • embed- {post-type} .php: Nếu loại bài viết là product, WordPress sẽ tìm kiếm file embed-product.php.
  • embed.php.
  • wp-include / theme-compat / embed.php.

Xử lý ký tự không phải ASCII

Kể từ WordPress 4.7, bất kỳ phần động nào của tên template bao gồm các ký tự không phải ASCII trong tên của nó thực sự hỗ trợ cả dạng un-encoded và encoded. Bạn có thể chọn một trong 2 dạng để sử dụng.

Dưới đây là phân cấp page template cho một trang có tên “Hello World 😀” với ID là 6:

  • page-hello-world-😀.php.
  • page-hello-world-%f0%9f%98%80.php.
  • page-6.php.
  • page.php.
  • singular.php.

Lọc phân cấp

System template WordPress cho phép bạn lọc phân cấp (hierarchy). Điều này có nghĩa là bạn có thể chèn và thay đổi mọi thứ tại các điểm cụ thể của hierarchy. Bộ lọc (nằm trong hàm get_query_template ( )) sử dụng tên bộ lọc này: “{$ type} _template” trong đó $ type là type template.

Đây là danh sách tất cả các bộ lọc có sẵn trong hierarchy:

  • embed_template.
  • 404_template.
  • search_template.
  • frontpage_template.
  • home_template.
  • privacypolicy_template.
  • taxonomy_template.
  • attachment_template.
  • single_template.
  • page_template.
  • singular_template.
  • category_template.
  • tag_template.
  • author_template.
  • date_template.
  • archive_template.
  • index_template.

Ví dụ

Lấy phân cấp tác giả mặc định:

  • author-{nicename}.php.
  • author-{id}.php.
  • author.php.

Để thêm author- {role} .php vào trước author.php, bạn có thể thao tác vớiphân cấp thực tế bằng cách sử dụng loại template ‘author_template’. Điều này cho phép / author / username tên người dùng có thể hiển thị bằng cách sử dụng author-editor.php nếu có trong thư mục theme hiện tại.

function author_role_template( $templates = '' ) { 
    $author = get_queried_object(); 
    $role = $author->roles[0];
 
    if ( ! is_array( $templates ) && ! empty( $templates ) ) { 
        $templates = locate_template( array( "author-$role.php", $templates ), false ); 
    } elseif ( empty( $templates ) ) { 
        $templates = locate_template( "author-$role.php", false ); 
    } else { 
        $new_template = locate_template( array( "author-$role.php" ) );
 
        if ( ! empty( $new_template ) ) { 
            array_unshift( $templates, $new_template ); 
        } 
    } 
    return $templates; 
} 
 
add_filter( 'author_template', 'author_role_template' );

Nhận Theme WordPress bản quyền miễn phí tại Vietnix

Với mong muốn hỗ trợ khách hàng tối ưu quá trình xây dựng và phát triển website, Vietnix đang có chương trình tặng Theme và Plugin WordPress bản quyền miễn phí có giá trị lên đến 26.000.000 VND/Năm cho khách hàng đăng ký dịch vụ Hosting, VPS tại Vietnix.

Tặng Theme và Plugin WordPress khi sử dụng Hosting, VPS Vietnix
Tổng quan về cấu trúc Theme WordPress 132

Danh sách Theme và Plugin được tặng bởi Vietnix tính đến thời điểm hiện tại bao gồm:

  • WP Rocket: Plugin giúp tối ưu tốc độ cho website.
  • Ranh Math Pro: Plugin giúp tối ưu hóa công cụ tìm kiếm, hỗ trợ SEO.
  • itheme Security Pro: Plugin bảo mật nổi tiếng, giúp bảo vệ website toàn diện. Đồng thời giúp sửa một số lỗ hổng phổ biến và ngăn chặn tấn công tự động.
  • WPML: Plugin hỗ trợ xây dựng trang web đa ngôn ngữ.
  • WP Smush Pro: Plugin hỗ trợ tối ưu hình ảnh không giới hạn.
  • Elementor Pro: Hỗ trợ thiết kế website đơn giản, nhanh chóng và linh hoạt.
  • WP Astra Growth Bundle: Thư viện theme WordPress nhẹ, nhanh cùng khả năng tùy chỉnh cao.
  • Toàn bộ 164 theme + plugin của MyThemeShop: Hỗ trợ tạo website chuyên nghiệp với đầy đủ những tính năng, không cần cài đặt các plugin nặng nề.
  • Theme Divi: Hỗ trợ thiết kế website đơn giản, cung cấp hàng trăm mẫu website đa lĩnh vực.

Nhanh tay đăng ký dịch vụ Hosting của Vietnix ngay hôm nay để nhận được quà tặng hấp dẫn, giá trị cao có lợi cho website này nhé.

Lời kết

Trên đây là những thông tin về cấu trúc Theme WordPress. Hiểu được cấu trúc Theme trong WordPress sẽ giúp bạn hiểu rõ hơn về cấu trúc của website, giúp công việc quản trị web trở nên dễ dàng hơn. Cảm ơn các bạn đã theo dõi bài viết, chúc bạn chọn được Theme WordPress phù hợp với nhu cầu của mình!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG