Làm cách nào để tạo WP theo cách thủ công

Bây giờ, hãy định cấu hình WordPress để sử dụng cơ sở dữ liệu này. Đầu tiên, sao chép tệp cấu hình mẫu vào sudo -u www-data nano /srv/www/wordpress/wp-config.php 5

sudo -u www-data cp /srv/www/wordpress/wp-config-sample.php /srv/www/wordpress/wp-config.php

Tiếp theo, đặt thông tin xác thực cơ sở dữ liệu trong tệp cấu hình (không thay thế sudo -u www-data nano /srv/www/wordpress/wp-config.php 6 hoặc sudo -u www-data nano /srv/www/wordpress/wp-config.php 7 trong các lệnh bên dưới. Thay thế sudo -u www-data nano /srv/www/wordpress/wp-config.php 8 bằng mật khẩu cơ sở dữ liệu của bạn. )

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php

Cuối cùng, trong phiên cuối, hãy mở tệp cấu hình trong nano

sudo -u www-data nano /srv/www/wordpress/wp-config.php

Tìm theo dưới đây

define( 'AUTH_KEY', 'put your unique phrase here' ); define( 'SECURE_AUTH_KEY', 'put your unique phrase here' ); define( 'LOGGED_IN_KEY', 'put your unique phrase here' ); define( 'NONCE_KEY', 'put your unique phrase here' ); define( 'AUTH_SALT', 'put your unique phrase here' ); define( 'SECURE_AUTH_SALT', 'put your unique phrase here' ); define( 'LOGGED_IN_SALT', 'put your unique phrase here' ); define( 'NONCE_SALT', 'put your unique phrase here' );

Xóa các dòng đó (ctrl+k sẽ xóa một dòng mỗi khi bạn nhấn chuỗi). Sau đó thay thế bằng nội dung của https. //api. báo chí. org/khóa bí mật/1. 1/muối/. (Địa chỉ này là một địa chỉ ngẫu nhiên trả về các khóa hoàn toàn ngẫu nhiên mỗi khi nó được mở. ) Bước này rất quan trọng để đảm bảo rằng trang web của bạn không dễ bị tấn công "bí mật đã biết"

Nếu bạn không hài lòng với thiết kế trang web của mình và chủ đề bạn đã chọn không cung cấp mức tùy chọn tùy chỉnh cần thiết thì có lẽ đã đến lúc xem xét việc tạo mẫu tùy chỉnh của riêng bạn. Tùy thuộc vào nhu cầu của bạn, mẫu WordPress này có thể là mẫu bài đăng tùy chỉnh hoặc mẫu trang hoặc chế độ xem danh mục

Một trong những điều thú vị về WordPress là bất kể trang web WordPress của bạn được xây dựng như thế nào, bạn luôn có thể tự do thay đổi bố cục hoặc thiết kế bất cứ lúc nào. Điều này có thể được thực hiện bằng cách ghi đè mẫu tạo sẵn hoặc bằng cách tạo mẫu của riêng bạn. WordPress cung cấp rất nhiều tính linh hoạt và cung cấp cho bạn khả năng tạo mẫu của riêng bạn cho mọi thứ

Mặc dù thực tế là việc tạo mẫu của riêng bạn mở ra vô số khả năng thiết kế, nhưng hầu hết người dùng WordPress có thể sẽ né tránh thử thách vì họ lo lắng rằng việc tạo Mẫu tùy chỉnh WordPress của riêng bạn quá phức tạp. Trong loạt bài gồm hai phần này, chúng tôi sẽ xem xét cả hai tùy chọn dành cho bạn. Đầu tiên trong bài viết này, chúng ta sẽ xem xét cách bạn có thể viết mã một mẫu WordPress tùy chỉnh theo cách thủ công (cung cấp tính linh hoạt cao nhất), và sau đó để tiếp tục, chúng ta sẽ xem xét cách bạn có thể sử dụng các trình tạo trang phổ biến để gánh vác một số nhiệm vụ nặng nề.

Trong bài viết này, chúng ta sẽ xem xét các cách tạo mẫu tùy chỉnh cho các trang, bài đăng và thậm chí cả danh mục bài đăng. Trước tiên, hãy xem lý do tại sao bạn có thể muốn có một mẫu tùy chỉnh

Ghi chú. Bài viết này giả định kiến ​​thức làm việc về HTML, CSS và PHP

Mục lục

Khi nào bạn cần một mẫu WordPress tùy chỉnh?

Cách tạo thủ công mẫu bài đăng WordPress tùy chỉnh

Cách tạo mẫu danh mục bài đăng tùy chỉnh WordPress

Cách tạo mẫu trang tùy chỉnh WordPress

Phần kết luận

Xem thêm

Khi nào bạn cần một mẫu WordPress tùy chỉnh?

Có lẽ bạn chưa chắc tại sao bạn thực sự cần sử dụng mẫu tùy chỉnh WordPress. Cách dễ nhất để giải thích điều này là với một ví dụ

Hãy tưởng tượng bạn có một trang web cho doanh nghiệp của mình. Chủ đề 'Twenty Twenty' được kích hoạt và tất cả các trang và bài đăng cần thiết đã được tạo và chứa đầy nội dung (văn bản và hình ảnh), một đoạn trích và một hình ảnh nổi bật

Cài đặt Chung cũng được định cấu hình và bạn đã thực hiện một số thay đổi thông qua Tùy biến (chẳng hạn như màu liên kết, màu lớp phủ mẫu bìa, v.v. )

Một menu cũng đã được tạo với 5 mục. Trang chủ – Giới thiệu công ty – Dịch vụ – Giới thiệu – Liên hệ

Trong phần Dịch vụ, có một menu con. Dịch vụ 1 – Dịch vụ 2 – Dịch vụ 3

Vì vậy, từ quan điểm của nhà phát triển WordPress, về cơ bản bạn có

• Bốn trang tiêu chuẩn ( Trang chủ – Hồ sơ công ty – Giới thiệu – Liên hệ với chúng tôi )
• Một trang lưu trữ ( Services )
• Ba trang đăng bài ( Dịch vụ 1 – Dịch vụ 2 – Dịch vụ 3 )

Theo mặc định, cả 3 trang Đăng dịch vụ sẽ có bố cục giống nhau. Tùy chọn duy nhất hiện tại bạn có để phân biệt các bố cục riêng lẻ của bài đăng này là chọn một trong ba mẫu được cung cấp qua cài đặt Thuộc tính bài đăng

Nếu chúng ta chọn từng mẫu khác nhau, chúng ta sẽ thấy chúng trông như thế này

Mẫu mặc định

Mẫu toàn chiều rộng

Mẫu bìa

Nếu bạn may mắn, một trong những phong cách này sẽ phù hợp với bạn và bạn có thể chọn sử dụng những phong cách này cho trang web của mình. Tuy nhiên, nếu không, và bạn cảm thấy thất vọng vì một số yếu tố nhất định trông không 'đúng như cách bạn muốn', thì đừng lo lắng… đây là lúc bạn có thể tạo Mẫu WordPress tùy chỉnh của riêng mình theo cách thủ công

Hãy bắt đầu và xem những gì có thể đạt được với một mẫu tùy chỉnh

Cách tạo thủ công mẫu bài đăng WordPress tùy chỉnh

Trong hướng dẫn sau, chúng tôi sẽ tạo một chế độ xem bài đăng được cá nhân hóa hoàn toàn và sẽ được chỉ định bên trong tệp PHP của chính nó. Chúng tôi cũng sẽ thêm một tùy chọn có tên là 'Mẫu bài đăng tùy chỉnh của tôi' vào menu mẫu thả xuống trong thuộc tính bài đăng sẽ tương ứng với bố cục bài đăng tùy chỉnh và trình bày cấu trúc độc đáo của chúng tôi

Bước một. Giới thiệu Mẫu của chúng tôi cho WordPress

Để bắt đầu, chúng ta cần tạo một tệp PHP có tên giống như “my-custom-post. php” trong thư mục gốc của chủ đề WordPress của bạn (trong ví dụ của chúng tôi, thư mục này nằm trong /themes/twentytwenty/)

Mở tệp bằng trình soạn thảo văn bản yêu thích của bạn (như Sublime) và thêm nội dung bên dưới

<?php /* * Template Name: My custom post template * Template Post Type: post */ get_header();

Dòng này  <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->1 xác định tên sẽ được hiển thị trong menu thả xuống mẫu. Hãy xem ảnh chụp màn hình bên dưới và bạn sẽ thấy điều này sẽ xuất hiện như thế nào

<main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->2 là tùy chọn và xác định loại bài đăng mà mẫu sẽ xuất hiện dưới dạng tùy chọn cho. Vì chúng tôi đã xác định đây là 'bài đăng', mẫu này sẽ không xuất hiện trong menu tùy chọn mẫu cho một trang như có thể thấy trong ví dụ bên dưới

Dòng cuối cùng. <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->3 truy xuất nội dung tiêu đề

Tại thời điểm này, nếu bạn chọn “Mẫu bài đăng tùy chỉnh của tôi” làm mẫu hoạt động cho bài đăng ‘Dịch vụ 1’ của chúng tôi, đầu ra sẽ trống. Đây là điều chúng tôi mong đợi vì chúng tôi vẫn chưa thêm bất kỳ cấu trúc nào vào trang. Bạn sẽ thấy một cái gì đó như thế này

Thêm cấu trúc vào Mẫu tùy chỉnh WordPress của chúng tôi

Mặc dù hoàn toàn có thể xây dựng cấu trúc cho trang của chúng tôi hoàn toàn từ đầu, nhưng đôi khi có thể dễ dàng hơn để lấy cấu trúc bài đăng hiện có đang được sử dụng trong mẫu chủ đề của chúng tôi và sau đó sửa đổi cấu trúc này.  

Nếu chúng ta xem xét hệ thống phân cấp mẫu WordPress, chúng ta có thể thấy rằng, tùy thuộc vào chủ đề, mẫu bài đăng đơn lẻ đến từ số ít. php hoặc đơn. tập tin php nằm bên trong thư mục chủ đề

Để làm rõ thêm - khi bài đăng và trang sử dụng cùng một cấu trúc, số ít. php được sử dụng, nếu không (chẳng hạn như trong chủ đề Astra phổ biến), bạn sẽ thấy một. php, trang. php, lưu trữ. các tệp php được mã hóa để cung cấp các cấu trúc khác nhau cho bài đăng, trang và bố cục blog tương ứng

Trong trường hợp này, sử dụng chủ đề Twenty Twenty, chúng ta có thể thấy số ít. tệp php sử dụng hàm get_template_part để truy xuất bố cục được yêu cầu từ thư mục phần mẫu.  

<main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->

Những gì đoạn mã trên thực hiện một cách khéo léo là kiểm tra xem có nội dung trong bài đăng hay không và nếu có, hãy in nội dung bằng cách sử dụng cấu trúc được chỉ định bởi mẫu đã chọn. Điều này áp dụng trong mọi trường hợp bất kể bài đăng, trang hay kho lưu trữ đang được sử dụng

Bây giờ chúng ta có thể thấy cách chủ đề của chúng ta lấy dữ liệu bố cục từ các mẫu hiện có, chúng ta hiện đã sẵn sàng để bắt đầu xây dựng mẫu của riêng mình. Để xác định mẫu của chúng ta trông như thế nào, trước tiên chúng ta cần thực sự thiết kế nó. Bạn có thể muốn trang đăng bài của mình được trình bày theo định dạng sau

Khi bạn đã quyết định thiết kế bố cục, bạn sẽ cần viết mã này bằng HTML, CSS và PHP. Bài viết này giả định rằng bạn có kiến ​​thức làm việc về các ngôn ngữ này và có thể tạo bố cục theo yêu cầu. Lấy thiết kế ở trên, chúng tôi sẽ viết một số mã ban đầu, được thêm vào bài đăng tùy chỉnh của tôi. tệp php sẽ trông như thế này

<?php /* * Template Name: My custom post template * Template Post Type: post */ get_header(); ?> <main id="site-content" class="mcpt-post" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); ?> <h2><?php the_title(); ?></h2> <div id="content-top"> <div id="content-top-left"><?php the_excerpt(); ?></div> <div id="content-top-right"><?php the_post_thumbnail(); ?></div> </div> <div id="content-main"> <div id="content-main-left"> <span class="metakey">Author: </span><?php the_author_posts_link(); ?><br> <span class="metakey">Publish Date: </span><?php the_time('F jS, Y'); ?><br> <span class="metakey">Category: </span><?php the_category(', '); ?> </div> <div id="content-main-right"><?php the_content(); ?></div> </div> <?php } } ?> </main><!-- #site-content --> <style> .mcpt-post { width: 80%; margin: 0 auto; } h2 { text-align: center; } div#content-top-left { width: 30%; float: left; font-size: 26px; font-family: book antiqua; font-style: italic; padding: 30px; color: grey; } div#content-top-right { width: 70%; float: left; } div#content-main-left { width: 30%; float: left; padding: 30px; font-family: book antiqua; } div#content-main-right { width: 70%; float: left; padding-top: 30px; font-family: tahoma; color: slategray; } span.metakey { color: grey; } </style> <?php get_template_part( 'template-parts/footer-menus-widgets' ); ?> <?php get_footer(); ?>

Có các chức năng phím tắt mà chủ đề Twenty Twenty của chúng tôi cung cấp cho meta bài đăng và dữ liệu khác mà chúng tôi có thể muốn xuất bản. Thay vì sử dụng những thứ này, mặc dù chúng tôi sẽ sử dụng các chức năng mặc định của WordPress để mẫu của bạn sẽ hoạt động trên mọi chủ đề. Một trong những chúng tôi sẽ làm việc với như sau

• the_title() – lặp lại tiêu đề bài viết
• the_excerpt() – lặp lại đoạn trích bài viết
• the_post_thumbnail() – xuất kích thước hình thu nhỏ của bài đăng mặc định. Bạn có thể sử dụng tùy chọn the_post_thumbnail() để xuất kích thước hình ảnh đặc trưng cụ thể
• the_content() – Xuất nội dung bài viết

Nếu chúng tôi lưu các bản cập nhật của mình và bây giờ hãy xem bài đăng 'Dịch vụ 1', chúng tôi sẽ thấy bố cục mẫu tùy chỉnh của chúng tôi được áp dụng

Cách tạo mẫu danh mục bài đăng tùy chỉnh WordPress

Bây giờ chúng ta đã thấy việc tạo bố cục mẫu bài đăng của riêng mình tương đối dễ dàng như thế nào, chúng ta có thể tiếp tục và áp dụng các nguyên tắc tương tự để tạo bố cục Chế độ xem danh mục của riêng mình

Một cách dễ dàng để làm điều này là chỉnh sửa trực tiếp chỉ mục. php (nằm trong thư mục gốc /themes/twentytwenty/ của chúng tôi). Mặc dù chỉnh sửa trực tiếp tệp này là phù hợp với mục đích hướng dẫn, nhưng nếu trang web đang hoạt động thì bạn có thể muốn sử dụng một chủ đề con để đảm bảo rằng mọi cập nhật sẽ không bị ghi đè vào lần cập nhật chủ đề tiếp theo của bạn

Nếu chúng ta nhìn vào chỉ số. php, chúng ta sẽ nhận thấy rằng nó hầu hết chứa đầy các điều kiện “nếu” của PHP chỉ định các đầu ra khả dụng tùy thuộc vào loại nội dung. Ví dụ: đoạn mã sau kiểm tra xem nội dung có bao gồm các bài đăng (là bài đăng, trang hoặc kho lưu trữ) hay là trang kết quả tìm kiếm và hiển thị nội dung phù hợp tương ứng

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 0

Nếu bạn đang làm theo hướng dẫn này bằng chủ đề Twenty Twenty thì hãy tìm đoạn mã sau trong chỉ mục của bạn. tập tin php

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 1

Trong <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->4, chúng ta có thể thấy rằng nội dung được truy xuất bằng hàm ‘get_template_part’

Thay vì sử dụng các chức năng dành riêng cho chủ đề này để chỉ định bố cục của trang danh mục bài đăng của chúng tôi, thay vào đó, chúng tôi sẽ sử dụng các chức năng mặc định của WordPress cho từng thành phần. Điều này có nghĩa là chúng tôi sẽ thay đổi mã ở trên thành mã sau

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 3

Nếu bạn tinh mắt, bạn sẽ thấy rằng chúng tôi đang tham chiếu đến một tệp có tên là <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->5 mà bây giờ chúng tôi cần tạo và thêm vào thư mục chủ đề của mình (một cách tiếp cận khác là thêm thông tin này trực tiếp vào tệp <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->6 của chúng tôi nhưng có điều này

Tạo một tệp <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->5 và thêm đoạn mã sau

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 7

Bạn sẽ thấy rằng chúng ta có thể sử dụng định dạng nâng cao hơn của hàm the_title() để chỉ định tiêu đề bài đăng. Liên kết đến trang bài đăng duy nhất đã được tạo bằng hàm get_permalink()

Để kết thúc, bây giờ bạn sẽ cần thêm một số kiểu dáng bổ sung cho phong cách của mình. tập tin css

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 8

Hãy xem những gì chúng tôi đã đạt được cho đến nay

Đẹp

Như bạn có thể thấy mặc dù vẫn còn một số vấn đề liên quan đến việc điều chỉnh hình ảnh vì chúng có tỷ lệ khác nhau. Chúng ta có thể dễ dàng khắc phục điều này bằng cách thêm một số dòng nữa vào CSS của mình để căn giữa hình ảnh và đưa ra kích thước cố định

sudo -u www-data sed -i 's/database_name_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/username_here/wordpress/' /srv/www/wordpress/wp-config.php sudo -u www-data sed -i 's/password_here/<your-password>/' /srv/www/wordpress/wp-config.php 9

Bằng cách này, chúng tôi vẫn đang sử dụng các hình ảnh gốc không nhất thiết phải tối ưu từ góc độ hiệu suất. Cách thực hành tốt nhất ở đây là sử dụng kích thước hình ảnh WordPress. Nếu bạn muốn làm cho bố cục trang mới của mình phản hồi nhanh, thì hãy xem hướng dẫn mở rộng này để biết thêm thông tin

Và đó là nó, làm tốt. Bây giờ bạn đã quản lý thành công để tạo bố cục và thiết kế được cá nhân hóa của riêng mình cho chế độ xem danh mục bài đăng.  

Cách tạo mẫu trang tùy chỉnh WordPress

Cho đến nay, chúng tôi đã tạo bố cục tùy chỉnh cho trang bài đăng của bạn và cũng là bố cục tùy chỉnh cho kết quả danh mục. Bạn sẽ có thể áp dụng các phương pháp được sử dụng khi tạo mẫu tùy chỉnh cho các trang cũng như áp dụng chính xác các nguyên tắc tương tự

Tuy nhiên, trước khi kết thúc bài viết này, chúng ta hãy xem nhanh một mẫu trang phức tạp hơn một chút. Trong ví dụ này, chúng tôi sẽ kéo các trang bài đăng của mình vào mẫu của mình để chúng tôi có thể hiển thị chúng theo cách mà chúng trông giống như trên trang danh mục nhưng với lợi ích bổ sung là khả năng chỉnh sửa được cung cấp bởi một trang (chứ không phải trang danh mục)

Mục tiêu của chúng tôi là tạo trang 'Dịch vụ' tổng quan liệt kê ba dịch vụ kinh doanh của chúng tôi (trong ví dụ này là Dịch vụ 1, Dịch vụ 2 và Dịch vụ 3). Thay vì phải thêm những thứ này vào trang của chúng tôi theo cách thủ công, chúng sẽ được tự động kéo lên trang. Mặc dù trên thực tế, bạn có thể không cần phải lo lắng về điều này, nhưng các nguyên tắc mã hóa rất hữu ích để hiểu và chứng minh thêm tính linh hoạt do WordPress cung cấp

Để bắt đầu, hãy tạo một tệp mới bên trong thư mục chủ đề của bạn và đặt tên cho nó là <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->8. Khi điều này được thực hiện, bây giờ chúng tôi sẽ thêm vào một số nhận xét khai báo cần thiết như chúng tôi đã làm trước đây với mẫu bài đăng duy nhất. Chúng ta cũng sẽ sử dụng hàm get_template_part()

sudo -u www-data nano /srv/www/wordpress/wp-config.php 1

Hàm get_template_part() về cơ bản là một cơ chế cho phép chúng ta tải các đoạn mã có thể tái sử dụng. Trong trường hợp này, nó sẽ lấy nội dung của <main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->9. Trong tệp này, chúng tôi sẽ chèn một số mã sẽ xuất các bài đăng thuộc danh mục 'Dịch vụ'

Tóm lại, những gì mã trong tệp này sẽ làm là

• Đặt tiêu đề cho trang chuyên mục
• Truy vấn các bài đăng của danh mục được chỉ định từ cơ sở dữ liệu
• Lặp lại các bài đăng và hiển thị bố cục cho từng bài đăng

<main id="site-content" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?> </main><!-- #site-content -->0

Chúng tôi sẽ kiểm tra các truy vấn kỹ lưỡng hơn trong một bài viết trong tương lai. Điều bạn cần biết cho mục đích của bài viết này là <?php /* * Template Name: My custom post template * Template Post Type: post */ get_header(); ?> <main id="site-content" class="mcpt-post" role="main"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); ?> <h2><?php the_title(); ?></h2> <div id="content-top"> <div id="content-top-left"><?php the_excerpt(); ?></div> <div id="content-top-right"><?php the_post_thumbnail(); ?></div> </div> <div id="content-main"> <div id="content-main-left"> <span class="metakey">Author: </span><?php the_author_posts_link(); ?><br> <span class="metakey">Publish Date: </span><?php the_time('F jS, Y'); ?><br> <span class="metakey">Category: </span><?php the_category(', '); ?> </div> <div id="content-main-right"><?php the_content(); ?></div> </div> <?php } } ?> </main><!-- #site-content --> <style> .mcpt-post { width: 80%; margin: 0 auto; } h2 { text-align: center; } div#content-top-left { width: 30%; float: left; font-size: 26px; font-family: book antiqua; font-style: italic; padding: 30px; color: grey; } div#content-top-right { width: 70%; float: left; } div#content-main-left { width: 30%; float: left; padding: 30px; font-family: book antiqua; } div#content-main-right { width: 70%; float: left; padding-top: 30px; font-family: tahoma; color: slategray; } span.metakey { color: grey; } </style> <?php get_template_part( 'template-parts/footer-menus-widgets' ); ?> <?php get_footer(); ?>0  truy xuất danh mục bài đăng có Số ID là 4 (ID=4). Số danh mục này liên quan đến danh mục 'Dịch vụ' của chúng tôi

Vì vậy, làm thế nào bạn có thể xem ID cho từng danh mục? . Chuyển đến Menu Bài viết > Danh mục và mở bất kỳ danh mục nào để chỉnh sửa. ID nằm trong URL của trang chỉnh sửa danh mục như hình bên dưới

Để xem mẫu mới của chúng tôi, chúng tôi cần truy cập Trang và tạo một trang mới. Trong khu vực chỉnh sửa trang, bạn không cần nhập bất kỳ nội dung nào. Thay vào đó, chỉ cần chọn tùy chọn 'Mẫu danh mục bài đăng của tôi' trong menu mẫu thả xuống Thuộc tính trang

Cuối cùng, vào menu và thêm mục “Dịch vụ” cho trang mới của chúng tôi để thay thế mục danh mục Dịch vụ hiện tại. Menu bây giờ sẽ trông như thế này

Hãy xem những gì chúng tôi đã làm

Phương pháp trên cho thấy cách tạo mẫu trang tùy chỉnh WordPress kéo theo một danh mục cụ thể (trong ví dụ này là 'Dịch vụ' của chúng tôi). Nếu bạn chọn cùng một mẫu cho trang danh mục khác, bạn sẽ lại thấy các bài đăng trong danh mục Dịch vụ vì chúng tôi đã yêu cầu cụ thể điều này với ID danh mục (ID=4). Vì vậy, nếu bạn muốn một mẫu trang mới kéo theo một danh mục khác, bạn cần tạo một tệp mẫu riêng để làm như vậy (và cập nhật ID danh mục tương ứng)

Phần kết luận

Khả năng tạo mẫu tùy chỉnh của riêng bạn cho trang web WordPress của bạn mang lại cho bạn quyền kiểm soát cuối cùng đối với giao diện trang web của bạn. Tạo các mẫu tùy chỉnh cho chế độ xem đơn hoặc danh mục của các loại bài đăng của bạn rất đáng để nỗ lực. Tất nhiên, nó không chỉ cho phép kiểm soát hoàn toàn các yếu tố thiết kế của trang web của bạn mà còn cho phép bạn nhanh chóng sao chép một bố cục nhất định cho các trang trong tương lai

Làm cách nào để tạo một trang WordPress?

Tôi có thể tạo trang web WordPress ngoại tuyến không?

Tôi có thể xây dựng một trang web WordPress trước khi lưu trữ không?