WordPress 4.7 đã đưa ra một số cải tiến mới tuyệt vời cho hệ thống mẫu CMS. Các mẫu đã được mở rộng để bao gồm tất cả các định dạng bài đăng, cho phép các nhà phát triển tạo nhiều chủ đề sắc thái hơn và đồng thời cho phép chủ sở hữu trang web quản lý nội dung dễ dàng hơn.

Nhưng làm thế nào nó hoạt động? Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách sử dụng các mẫu Định dạng bài đăng trong các chủ đề của bạn với một số ví dụ dễ hiểu.

Các mẫu trên WordPress là gì?

Mẫu về cơ bản là các tệp đặc biệt có thể thay đổi giao diện của trang và / hoặc thêm chức năng vào trang WordPress của bạn.

Trước WordPress 4.7, các mẫu chỉ có sẵn cho các trang, vì vậy chúng được đặt biệt danh là mẫu trang . Tuy nhiên, WordPress 4.7 đã mở rộng sử dụng của họ để bao gồm tất cả định dạng xuất bản, vì vậy trong hướng dẫn này, tôi sẽ nói về các mô hình để chỉ định chúng.

Thuộc tính mặt hàng

Khi các mẫu được lưu trong chủ đề, chúng có thể được chọn trên các trang chỉnh sửa bài viết.

Chuẩn bị mặt bằng để sử dụng mô hình

Chúng tôi sẽ làm việc trên một ví dụ.

Để kiểm tra điều này, trước tiên chúng ta cần tạo một chủ đề con. dùng  Hai mươi mười bảy , Mới theme WordPress mặc định

Để bắt đầu, hãy tạo một thư mục mới trong thư mục chủ đề. Tôi nhận được tên của mình là "cPPT" (viết tắt của các mẫu loại bài đăng tùy chỉnh), sau đó tôi đã thêm các tệp mới mới: style.css et functions.php . Sử dụng mã bên dưới để định cấu hình các tệp này:

/ * Tên Theme: Tuỳ chỉnh bài viết Loại Theme Ví dụ về Mẫu URI: http://blair-jersyer.com Mô tả: Một chủ đề ví dụ Đó Sử dụng bài tùy chỉnh các loại mẫu Tác giả: Daniel Pataki Author URI: http://blair-jersyer.com Template : phiên bản twentyseventeen: 1.0.0 * /
<?php

add_action( 'wp_enqueue_scripts', 'cptt_assets' );
hàm cptt_assets() {
    wp_enqueue_style('parent-style', get_template_directory_uri(). '/style.css');
    wp_enqueue_style( 'kiểu con', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ));
}

Tất cả cùng nhau! Bây giờ bạn sẽ thấy chủ đề con trong phần Giao diện của bảng điều khiển WordPress của bạn. Khi được kích hoạt, bạn sẽ thấy một màu vani, không thay đổi đến từ chủ đề mẹ.

Tạo một định dạng bài đăng tùy chỉnh

Chúng tôi sẽ bắt đầu bằng cách thử nghiệm hệ thống Mẫu với định dạng bài đăng tùy chỉnh. Hãy tưởng tượng rằng bạn là tạo một trang web liên quan đến trò chơi điện tử.

Trong khi viết nội dung cho trò chơi điện tử, bạn sẽ muốn đăng nội dung mới ngắn gọn nhưng đã đủ để cung cấp hầu hết thông tin.

Để làm cho cái này khác biệt về mặt trực quan với cái khác, bạn cần sử dụng một danh mục hoặc thiết bị tùy ý. Các mẫu đơn giản hóa rất nhiều quá trình.

add_action ('init', 'cptt_custom_post_types'); function cptt_custom_post_types () {register_post_type ('game', array ('label' => array ('name' => __ ('Video Games'), 'singular_name' => __ ('Video Game')), 'public' => true, 'has_archive' => true, 'supports' => array ('title', 'editor', 'thumbnail'), 'menu_icon' => 'dashicons-laptop')); }

Tôi đã bỏ qua một số nhãn và tùy chọn, nhưng mã này sẽ đủ cho mục đích chúng tôi muốn đạt được.

Tạo mẫu

Mẫu là một tệp PHP thông thường với một chú thích đặc biệt ở trên cùng, cho WordPress biết tiêu đề của mẫu và nơi nó nên được sử dụng.

Chúng tôi sẽ tạo một cho đánh giá trò chơi video.

<?php
/*
Tên mẫu: Đánh giá trò chơi
Loại bài đăng mẫu: trò chơi
*/

Khi bạn tạo một bài đăng trò chơi điện tử mới, bạn sẽ thấy một bộ chọn xuất hiện với hai tùy chọn: "mặc định" và "Đánh giá trò chơi". Khi bạn đã chọn một mẫu, mã bên trong mẫu sẽ được sử dụng.

Sử dụng một mẫu

 

Đánh giá trò chơi điện tử
Để tạo chế độ xem, tất cả những gì tôi sẽ làm là sao chép từ Twenty Seventeen. Tôi tạo một tệp do đó được gọi là "template-game-review.php" với mã sau:
' '. __ ('Bài báo trước', 'hai mươi bảy'). ' '. __ ('Trước', 'hai mươi bảy'). ' '. entyseventeen_get_svg (array ('icon' => 'arrow-left')). ' % title ', 'next_text' => ' '. __ ('Bài tiếp theo', 'hai mươi bảy'). ' '. __ ('Tiếp theo', 'hai mươi bảy'). ' % tiêu đề '. entyseventeen_get_svg (array ('icon' => 'arrow-right')). ' ',)); cuối cùng; // Kết thúc vòng lặp. ?>

Tôi đã sao chép tất cả mã này từ "Twenty Seventeen". Tôi đã sửa đổi hàm "get_header" bằng một tham số để nó dẫn đến một tiêu đề khác. Tôi cũng đã thay đổi cài đặt của mẫu “get_template_part()” để làm cho nó trông như thế này: “get_template_part( 'template-parts/game/content', 'review' ); “.

Sau đó, tôi tạo một tệp cho tiêu đề mà tôi đặt tên là "header-review.php" và tôi dán mã từ tệp "header.php" của Twenty Seventeen và tôi xóa dòng sau:


Sau đó, tôi đã tạo một tệp "template-Parts / game / content-review.php". Tôi đã dán mã từ "content.php" của Twenty Seventeen và xóa một vài dòng mã không thực sự cần thiết. Tôi đã thêm mã này ở đầu:

Xem lại toàn bộ video

Tôi đã thêm mã CSS sau:

.site-content-chứa {position: tĩnh; } # -Head xét {position: absolute; top: 55px; trái: 0px; padding: 22px; color: #fff; width: 100%; text-align: center; nền: rgba (0,0,0,0.3); } # -Head xét h1 {font-weight: 300; margin: 0px; padding: 0px; } # -Head xét nhỏ {color: RGBA (255,255,255,0.5); font-weight: 500; text-transform: hoa; font-size: 11px; letter-spacing: 1px}

Đó là tất cả những gì cần thiết để tạo một mẫu cho một định dạng bài đăng tùy chỉnh trên WordPress. Nếu bạn có bất kỳ câu hỏi nào, vui lòng hỏi chúng tôi.