Bỏ qua đến nội dung chính

Làm thế nào để hiểu được bài viết Loại WordPress Template 4.7

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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 , chủ đề mặc định mới của WordPress.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Để 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' );
function cptt_assets() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', 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 xuất bản tùy chỉnh. Hãy tưởng tượng rằng bạn đang tạo một trang web liên quan đến trò chơi video.

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.

Để tạo sự khác biệt về mặt trực quan với thiết bị khác, bạn phải sử dụng loại hoặc thiết bị tùy ý. Các mẫu đơn giản hóa 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.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

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
/*
Template Name: Critique de Jeu
Template Post Type: game
*/

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ố, do đó nó dẫn đến một tiêu đề khác. Tôi cũng sửa đổi các tham số của mẫu "get_template_part ()" để nó giống như sau: "get_template_part ('template-part / 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:

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

 

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
14 cổ phiếu
cổ phiếu10
tweet1
Enregistrer3