Các mẫu khác nhau cho các trang hoặc bài viết WordPress. Tạo mẫu trang cho WordPress

Những người đã từng thử tạo chủ đề hoặc mày mò mã của họ đều biết rằng mẫu “page.php” chịu trách nhiệm về kiểu dáng của tất cả các trang trên trang web. Thông thường, tệp này hiển thị các khối giống nhau trong bản ghi, kho lưu trữ, v.v. WordPress cho phép bạn tạo của riêng bạn mẫu trang tùy chỉnh. Và điều này có nghĩa là bạn có thể vượt xa thiết kế tiêu chuẩn. Tôi sẽ giải thích. Ví dụ: trong mẫu trang đã tạo, bạn có thể xóa thanh trang web hoặc thay đổi vị trí của các khối, tạo tiêu đề khác hoặc thay đổi toàn bộ thiết kế. Ngoài ra, nhờ việc tạo các mẫu của riêng bạn, bạn có thể tạo một trang (trang đích).

Vì vậy, bằng cách sử dụng mẫu trang cá nhân, bạn có thể:
- xóa hoặc thêm thanh bên, chân trang, đầu trang;
- thay đổi thiết kế của đầu trang, chân trang, thanh bên;
- tạo trang đăng ký hoặc biểu mẫu liên hệ được tích hợp trong thiết kế;
- triển khai một số tập lệnh (JavaScript, php và các tập lệnh khác);
- thiết kế trang theo cách nguyên bản

Cách tạo mẫu trang của riêng bạn trên WordPress

Phương pháp số 1

○ Tạo mẫu của riêng bạn

Để tạo mẫu trang WordPress của riêng bạn, hãy làm theo các bước sau:
- mở blog/trang web của bạn qua FTP. Để thực hiện việc này, hãy sử dụng các chương trình như hoặc

Mở tập tin chủ đề ( wp-content/themes/Your-theme/ )

Tải xuống tệp “page.php” và mở nó bằng, sau đó dán đoạn mã sau vào đầu tệp:

Đương nhiên, cái tên " trang mới cho trang web » thay đổi nó thành của bạn
Với mã này, chúng tôi đã yêu cầu WordPress tạo một mẫu tùy chỉnh có tên " trang mới cho trang web ».

Ví dụ: để bạn có thể thấy sự khác biệt, hãy xóa thanh trang web. Để thực hiện việc này, hãy tìm và xóa mã này trong mã:

Và lưu tập tin đó dưới dạng “page-no-sidebars.php”.
Tải tệp mới tạo “page-no-sidebars.php” qua FTP lên tất cả các tệp chủ đề.

○ Kết nối mẫu mới với trang

Trong bảng quản trị WordPress, trên bất kỳ trang nào đã được tạo (hoặc trên trang bạn sẽ tạo), ở bên phải, hãy tìm mục “Mẫu”. Tại thời điểm này, hãy chọn tên của bạn cho mẫu trang mới (trong trường hợp của tôi là “ trang mới cho trang web »):

Lưu và xem kết quả.

Phương pháp số 2

Phương pháp số 2 khác với Phương pháp số 1 ở chỗ tệp phải được đặt tên bằng một tên cụ thể:

Trang-(slug-page).php

Ví dụ: trang-contact.php

Trang-(ID trang).php

Ví dụ: trang-12.php

Tôi sẽ giải thích.

Khi một trang được tạo, nó sẽ tự động được gán một URL. Bạn có thể thay đổi nó theo ý muốn, tôi khuyên bạn nên sử dụng plugin Rustolat ():

Vì vậy, nếu URL của trang là “proba”, thì tệp tôi cần tạo cho trang này sẽ có dạng như sau:

trang- proba.php

Nếu URL của trang là "liên hệ" thì tệp cho trang đó sẽ trông như thế này:

trang- liên hệ.php

Tải tệp qua FTP lên tất cả các tệp chủ đề. Kiểm tra, mọi thứ sẽ hoạt động.

Nhược điểm của Phương pháp số 2 là tệp chỉ được tạo cho một trang, tất cả các trang khác sẽ là tiêu chuẩn.

Đây là tất cả! Bây giờ bạn có thể tạo một thiết kế độc đáo cho bất kỳ trang nào.

Hầu hết các trang trong WordPress trông giống nhau, nhưng đôi khi bạn cần thay đổi giao diện và cấu trúc của một trang hoặc nhóm trang cụ thể. Điều này rất dễ thực hiện với các mẫu trang WordPress.

Mẫu trang là gì

Các chủ đề WordPress bao gồm một số tệp mẫu được sử dụng để hiển thị trang chủ, bài đăng, kho lưu trữ, kết quả tìm kiếm, trang, v.v. Trong số các tệp này cũng có thể có các mẫu trang mà bạn có thể chọn khi xuất bản trang trong bảng quản trị WordPress:

Các chủ đề khác nhau có thể cung cấp các mẫu trang khác nhau, chẳng hạn như mẫu cho trang có chiều rộng đầy đủ (không có thanh bên), có thanh bên trái thay vì thanh bên phải, v.v. Việc thiếu tùy chọn này khi chỉnh sửa trang có nghĩa là chủ đề chưa khai báo các mẫu bổ sung.

Mẫu trang có thể được sử dụng cho nhiều trang và một số chủ đề tạo các mẫu rất cụ thể chỉ để sử dụng một lần. Giống như mẫu nội dung nổi bật trong chủ đề Twenty Eleven tiêu chuẩn:

Mẫu này hiển thị các bài đăng hấp dẫn kèm theo hình thu nhỏ của chúng trong một thanh trượt nhỏ. Bạn có thể dễ dàng sử dụng một trang có mẫu như vậy thay vì trang chính của trang bằng cách thay đổi cài đặt trong phần Cài đặt → Đọc.

Cách tạo mẫu trang của riêng bạn

Khi sử dụng chủ đề con, bạn cũng có thể đặt các mẫu trang trong thư mục gốc hoặc thư mục con và nếu bản cập nhật cho chủ đề gốc được phát hành, các tệp của bạn sẽ không bị ảnh hưởng.

Khi nào không sử dụng mẫu trang

Nếu sử dụng mẫu, bạn chỉ thay đổi kiểu chứ không thay đổi cấu trúc của một trang cụ thể thì bạn có thể thực hiện việc này mà không cần sử dụng các mẫu bổ sung.

WordPress có một trình trợ giúp được sử dụng trong hầu hết các chủ đề hiện có. Sử dụng đầu ra của các lớp theo hàm này, bạn có thể thay đổi kiểu của bất kỳ trang nào:

/* Ẩn thanh bên ở trang 123 */ body.page-id-123 #secondary ( display: none; )

Các mẫu trang cũng không nên được sử dụng để thay đổi các tham số trong vòng lặp WordPress chính, chẳng hạn như thêm loại bài đăng tùy chỉnh hoặc loại trừ một danh mục. Có một bộ lọc đặc biệt cho các mục đích như vậy.

Nếu bạn có bất kỳ câu hỏi nào về cách làm việc với các mẫu trang trong WordPress, chúng tôi sẽ sẵn lòng trả lời chúng trong phần bình luận.

Trong bài viết này, tôi sẽ nói về cách tạo mẫu cho các trang cố định trong WordPress. Mỗi phương pháp đều có ưu và nhược điểm. Nhưng trước khi chúng ta bắt đầu, hãy tìm hiểu một chút về trang là gì và chúng khác với bài viết như thế nào.

Trong WordPress bạn có thể tạo trang (trang) và bài viết (post). Chúng khác nhau ở chỗ các bài đăng: xuất hiện trong nguồn cấp dữ liệu trên trang chính; Các danh mục được chỉ định cho các mục; bài đăng không được có dạng cây và các trang: được sử dụng cho các nội dung như “Giới thiệu về tôi”, “Danh bạ”, “Bản đồ trang web”; không có danh mục nhưng có cấu trúc cây. Các mục nhập thường nhằm mục đích cung cấp thông tin theo trình tự thời gian (dựa trên thời gian chúng được thêm vào) và các trang dành cho cấu trúc cây độc lập với thời gian. Ví dụ: bài viết này được xuất bản dưới dạng “mục nhập” trong phần “Mã” và các liên kết trong menu tiêu đề dẫn đến các trang: Hàm.

Các trang tương tự như các bản ghi - chúng nằm trong cùng một bảng cơ sở dữ liệu và dữ liệu của chúng gần như giống nhau: tiêu đề, văn bản, các trường bổ sung, v.v. Cả hai đều là bài đăng, nhưng thuộc các loại khác nhau: các trang có dạng cây và được sắp xếp bằng cách tạo trang mẹ và trang con, còn bài đăng được sắp xếp theo danh mục và thẻ. Trong WordPress bạn có thể tạo thêm các loại bài đăng, cây hoặc không.

Tạo trang trong WordPress

Thường thì bạn cần tạo một mẫu trang riêng để thông tin hiển thị khác với các trang khác. Bằng cách tạo mẫu trang trong WordPress, bạn hoàn toàn có thể thay đổi trang: xóa thanh bên, chân trang, tiêu đề, bạn có thể thay đổi trang ngoài khả năng nhận dạng. Ví dụ: trên trang này, trang hiển thị mã tệp WordPress được thay đổi theo cách này.

Phương pháp 1: mẫu trang sử dụng tệp có tên tùy chỉnh và kết nối nó trong bảng quản trị (phương pháp cổ điển)

Đây là cách phổ biến nhất để tạo mẫu trang trong WordPress. Để thực hiện việc này, bạn cần tạo một tệp .php, ví dụ: tpl_my-page.php trong thư mục chủ đề và ở đầu tệp hãy ghi chú rằng tệp đã tạo là mẫu cho các trang:

Bây giờ, khi tạo một trang trong bảng quản trị, trong khối “Thuộc tính trang”, chúng ta có thể chọn một “mẫu”:

Kể từ WordPress 4.7. Các mẫu trang như vậy có thể được tạo cho bất kỳ loại bài đăng nào, không chỉ trang. Để làm điều này, hãy bổ sung các nhận xét bằng dòng: Loại bài đăng mẫu: bài đăng, trang, trong đó bài đăng, trang là tên của các loại bài đăng mà mẫu thuộc về.

/* Tên mẫu: Mẫu trang của tôi Loại bài đăng mẫu: bài đăng, trang, sản phẩm */

Thuận lợi:

    Sau khi tạo một mẫu, chúng ta có thể thuận tiện áp dụng nó cho các trang khác nhau. Ví dụ: bạn có thể tạo mẫu không có thanh bên và sử dụng mẫu đó trên các trang khác nhau.

  • Chỉ có thể truy xuất các bản ghi có mẫu được chỉ định. Ví dụ: bạn có thể hiển thị tất cả các trang có mẫu “Dịch vụ” (tệp servises.php). Đôi khi nó thuận tiện. Tên của tệp mẫu được lưu trữ trong siêu trường dữ liệu _wp_page_template, vì vậy để hiển thị các trang có mẫu được chỉ định, bạn cần tạo truy vấn bằng cách sử dụng siêu trường dữ liệu (xem WP_Query).

Sai sót:

Sau khi tạo file mẫu trong thư mục chủ đề, bạn cần vào bảng quản trị và cài đặt mẫu cho trang. Điều này không phải lúc nào cũng thuận tiện trong quá trình phát triển. Do đó, nếu bạn định sử dụng mẫu chỉ cho một trang, hãy sử dụng phương pháp thứ hai.

Làm thế nào nó hoạt động:

Khi bạn vào bảng quản trị để chỉnh sửa trang bài đăng dạng cây, WordPress sẽ quét tất cả các tệp mẫu để tìm dòng:

Tên mẫu: ***

Dòng này có thể được đặt ở bất cứ đâu và theo bất kỳ cách nào trong tệp.

Tất cả các tệp có chuỗi tương tự nhau sẽ được thu thập và hiển thị trong phần lựa chọn mẫu trong khối "Thuộc tính Trang".

Khi xuất bản một trang, trường tùy chỉnh _wp_page_template được điền tên của tệp mẫu hoặc mặc định nếu không có mẫu nào được chỉ định:

Wp_page_template = mặc định
_wp_page_template = tpl_my-page.php

Tiếp theo, khi người dùng truy cập trang, WordPress sẽ kiểm tra trường meta _wp_page_template, nếu template được cài đặt thì file template sẽ được sử dụng. Nếu không, việc tìm kiếm mẫu trang sẽ tiếp tục thông qua hệ thống phân cấp.

Phương pháp 2: mẫu trang thông qua một tệp có tên cụ thể (phân cấp tệp mẫu)

Khi một trang được tạo, một nhãn (sên, tên thay thế) sẽ được gán cho nó. Nó được sử dụng trong URL trang. Và nó có thể được thay đổi:


Để tạo template theo cách này, bạn cần tìm hiểu page slug và tạo file trong thư mục theme. Giả sử slug của chúng ta, như trong hình, bằng contact , sau đó chúng ta sẽ tạo một tệp page-contacts.php trong chủ đề. và điền mã cần thiết vào (bạn có thể sao chép nội dung từ tệp mẫu page.php và chỉnh sửa theo ý thích của mình). Vậy là xong, bây giờ khi truy cập trang chúng ta sẽ thấy một mẫu mới. Tương tự, bạn có thể lấy ID (đặt là 12) của trang và tạo tệp page-12.php .

Thuận lợi:

Không cần phải vào bảng quản trị và cài đặt tệp mẫu. Mẫu bắt đầu hoạt động ngay sau khi tệp được tạo. Thuận tiện cho việc phát triển.

Sai sót:

Mẫu chỉ được tạo cho một trang cụ thể. Phụ thuộc vào slug của trang; nếu thay đổi, mẫu sẽ không hoạt động. Nếu bạn sử dụng ID, thì sự phụ thuộc vào slug sẽ biến mất, nhưng trong tệp chủ đề, mẫu đó thuộc về trang nào (nếu có một số mẫu có ID).

Hầu như vô dụng khi viết mẫu và thậm chí còn hơn thế nữa khi viết plugin. Nó có thể được sử dụng khi bạn chỉnh sửa trang web của mình, trong đó sên hoặc ID trang được biết trước.

Làm thế nào nó hoạt động:

WordPeress chọn tệp nào sẽ sử dụng theo thứ tự sau (các tệp phải nằm trong thư mục gốc của chủ đề):

  • (any_name).php (khi sử dụng mẫu trang)
  • trang-(post_label).php
  • trang-(post_ID).php
  • trang.php
  • số ít.php
  • chỉ mục.php

Cách 3: mẫu trang thông qua bộ lọc "template_include" (mã hóa)

Đây là một phương pháp tiên tiến, phức tạp hơn nhưng cùng với sự phức tạp, nó mở ra nhiều khả năng. Sử dụng phương pháp này, bạn có thể đặt mẫu cho bất kỳ trang, bài đăng, danh mục, bất kỳ ấn phẩm nào trên trang web hoặc thậm chí một nhóm bất kỳ ấn phẩm nào. Xem ví dụ với mô tả:

// bộ lọc chuyển biến $template - đường dẫn đến tệp mẫu. // Bằng cách thay đổi đường dẫn này, chúng ta sẽ thay đổi tệp mẫu. add_filter("template_include", "my_template"); hàm my_template($template) ( # tương tự như phương thức thứ hai // nếu đây là trang có slug danh mục đầu tư, hãy sử dụng tệp mẫu page-portfolio.php // sử dụng thẻ điều kiện is_page() if(is_page("portfolio" ))( if ($new_template = định vị_template(array("page-portfolio.php"))) return $new_template ; ) # mẫu cho nhóm danh mục // ví dụ này sẽ sử dụng tệp từ thư mục chủ đề tpl_special-cats.php, // làm mẫu cho các danh mục có ID 9 , tiêu đề "Chưa được phân loại" và slug "php" if(is_category(array(9, "Uncategorized", "php")))( return get_stylesheet_directory() . "/tpl_special-cats. php"; ) # mẫu để nhập theo ID // tệp mẫu nằm trong thư mục plugin /my-plugin/site-template.php Global $post; if($post->ID == 12)( return wp_normalize_path( WP_PLUGIN_DIR) . "/my-plugin/site-template.php"; ) # mẫu cho các trang thuộc loại tùy chỉnh "book" // giả định rằng tệp mẫu book-tpl.php nằm trong thư mục chủ đề toàn cầu $post ; if($post->post_type == "book")( trả về get_stylesheet_directory() . "/book-tpl.php"; ) trả về mẫu $; )

Mã này cần được đặt trong tệp tin.php của chủ đề hoặc trong plugin hoặc được kết nối theo một cách khác. Như bạn có thể thấy từ ví dụ, trong bộ lọc template_include, các thẻ điều kiện đã hoạt động, các biến toàn cục được đặt: $wp_query , $post , v.v.

Thuận lợi:

    Bạn có thể đặt mẫu cho bất kỳ trang hoặc nhóm trang nào. Hầu như hoàn thành carte blanche trong hành động.

  • Bạn có thể tạo mẫu khi viết plugin.

Sai sót:

Sự cần thiết phải viết mã và kết nối nó một cách riêng biệt (ví dụ: trong hàm.php của chủ đề).

Thông thường, cần phải tạo cho trang blog WordPress một phong cách riêng biệt khác với thiết kế blog chính. Điều này được thực hiện bằng cách sử dụng tác vụ trên trang này mẫu riêng. Hãy xem làm thế nào tất cả điều này được thực hiện.

Đầu tiên bạn cần tự tạo nó mẫu trang. Để thực hiện việc này, bạn chỉ cần chỉnh sửa tệp page.php, tệp này chịu trách nhiệm hiển thị các trang cố định.

Chúng tôi tạo một bản sao của tệp này và gọi nó, ví dụ: page_extra.php (tên có thể là bất kỳ tên nào). Sau đó, mở nó trong trình soạn thảo văn bản và thay đổi nội dung thành nội dung chúng ta cần. Ví dụ: nếu bạn cần thay đổi tiêu đề, bạn có thể tạo một tệp riêng header_extra.php (tên lại không quan trọng) và trong tệp page_extra.php thay vì get_header(); chèn include("header_extra.php");. Tương tự, chúng ta có thể thay đổi các khối khác của trang.

Bây giờ, ở phần đầu của tệp page_extra.php, chúng tôi viết

1 2 3 4 5

Đây sẽ là tên của mẫu mới của chúng tôi. Vậy là xong, các bạn lưu file và thả vào thư mục chứa theme đã cài đặt nhé! Chúng tôi cũng gửi tất cả các tệp mới được tạo ở đó (header_extra.php).

Bây giờ bạn cần áp dụng mẫu này cho trang mong muốn. Điều này có thể được thực hiện thông qua bảng quản trị blog. Để thực hiện việc này, hãy tạo một trang hoặc truy cập bảng quản trị WordPress để chỉnh sửa trang và thay đổi mẫu của trang được yêu cầu thành mẫu bạn vừa tạo.



Bạn cũng có thể viết đoạn mã sau vào tệp page.php:

Đối với các phiên bản WordPress từ 2.8, tất cả những điều trên có thể được thực hiện bằng phương pháp khác. Để làm điều này, chúng tôi sử dụng chức năng:. Nó cần phải được đưa vào thẻ trong tệp header.php của chủ đề của bạn.

Kết quả là văn bản của tiêu đề cấp thứ ba sẽ trở thành 18px và chỉ trên các trang tĩnh hoặc

1 2 3 #post-2 ( màu : đỏ ; )

Mã này sẽ thay đổi màu văn bản của bài ID 2 thành màu đỏ.

Dưới đây là danh sách đầy đủ các lớp cơ thể có thể được sử dụng để tạo kiểu cho chúng:

  • lưu trữ
  • tìm kiếm
  • phân trang
  • tập tin đính kèm
  • lỗi404
  • postid đơn- (id)
  • attachmentid- (id)
  • tệp đính kèm- (loại mime)
  • tác giả
  • tên tác giả)
  • loại
  • tên danh mục)
  • tag- (tên)
  • trang cha mẹ
  • trang-con cha-pageid- (id)
  • page-template page-template- (tên tệp mẫu)
  • kết quả tìm kiếm
  • tìm kiếm không có kết quả
  • đăng nhập
  • phân trang- (số trang)
  • một trang- (số trang)
  • trang-phân trang- (số trang)
  • danh mục-trang- (số trang)
  • tag-paged- (số trang)
  • ngày-phân trang- (số trang)
  • tác giả-trang- (số trang)
  • tìm kiếm-trang- (số trang)

Các loại bài đăng WordPress là lĩnh vực rộng nhất dành cho các nhà phát triển. WordPress ban đầu bao gồm 5 loại bài đăng chính: bài đăng, trang, tệp đính kèm, sửa đổi và menu điều hướng.

Bài viết và trang là những loại bài đăng chính để đăng nội dung trên một trang web. Và có một số khác biệt giữa chúng.

bài viết, thường xuất hiện theo thứ tự ngược lại trên trang chủ của blog và các trang xuất hiện không có ngày xuất bản. Danh mục và thẻ cũng có thể được đính kèm vào bài đăng chứ không phải vào trang (mặc dù điều này có thể được thực hiện trong cài đặt).

Trang có thể được cấu trúc theo thứ tự. Điều này đặc biệt hữu ích cho việc tổ chức nội dung cho chủ sở hữu trang web và khách truy cập.

Thiết kế trang cũng có thể dễ dàng thay đổi bằng cách sử dụng các mẫu trang khác nhau. Họ sẽ cho phép bạn thay đổi phong cách của bất kỳ trang nào trên trang web của bạn.

Chúng ta hãy xem xét kỹ hơn những mẫu trang nào tồn tại và cách chúng có thể được sử dụng cho một trang web.

Tại sao không sử dụng các mẫu trang khác nhau?

Các chủ đề WordPress thường sử dụng một mẫu trang.php, xác định kiểu của tất cả các trang trên trang web. Hầu hết các nhà phát triển chủ đề đều tạo mẫu trang chủ theo cùng một nguyên tắc. Mẫu này hiển thị nội dung của trang và theo mặc định xác định thành phần thiết kế nào sẽ có trên đó (ví dụ: đầu trang, thanh bên, chân trang, v.v.).

Theo mặc định, mẫu trang (page.php) được định cấu hình sao cho tất cả nội dung cần thiết đều được hiển thị trên trang.

Tạo một mẫu trang duy nhất cho phép bạn vượt xa các tiêu chuẩn của WordPress và thay đổi cách hiển thị nội dung trên trang web theo ý thích của bạn. Ví dụ: bạn có thể thiết kế lại các trang của mình bằng cách xóa thanh bên. Bạn cũng có thể thay đổi phông chữ mặc định và sử dụng tiêu đề khác với tiêu đề do trang chủ cung cấp.

Mẫu trang tùy chỉnh nổi tiếng nhất là Lưu trữ(mẫu trang lưu trữ archive.php). Nó có sẵn trong nhiều chủ đề WordPress và chứa tất cả nội dung trang web, được chia thành các trang, danh mục, thẻ, ngày lưu trữ, kho lưu trữ của tác giả.

Nhiều mẫu lưu trữ cũng hiển thị danh sách đầy đủ các bài đăng trên blog và một trường để tìm kiếm các bài đăng trên trang web. Về cơ bản, mẫu lưu trữ là một sơ đồ trang web giúp người dùng tìm thấy những gì họ đang tìm kiếm.

Bạn có thể tìm thấy các loại mẫu trang khác trong chủ đề, chẳng hạn như:

  • Mâu liên hệ
  • Các trang không có thanh bên (sidebar)
  • Landing page (trang đích)
  • chỉ mục blog

Khả năng của mẫu trang là vô tận. Tất cả phụ thuộc vào mức độ thuận tiện mà bạn muốn tạo trang web của mình cho người dùng cuối.

Làm thế nào để chọn một mẫu cho một trang?

Việc thêm mẫu trang rất dễ dàng. Trong trình chỉnh sửa trang bên phải, bạn sẽ thấy một cửa sổ (widget) có tên “ Thuộc tính trang" Nó nằm dưới cửa sổ" Công bố».

Trong thuộc tính trang, bạn có thể chọn trang mẹ và thứ tự nó sẽ được đặt trên trang trong trường tương ứng. Và tùy chọn giữa chúng cho phép bạn thay đổi mẫu. Tất cả những gì bạn cần làm là chọn một mẫu cho trang và cập nhật nó.

Mẫu cũng có thể được thay đổi theo cách khác - thông qua danh sách tất cả các trang. Bạn chỉ cần nhấn vào " Của cải».

Sau đó thay đổi mẫu trong các tùy chọn menu bên phải.

Tùy chọn mẫu sẽ không xuất hiện nếu chủ đề của bạn chỉ sử dụng mẫu trang tiêu chuẩn.

Tạo mẫu trang cơ bản cho trang web

Tạo mẫu trang mới cho trang WordPress của bạn dễ dàng hơn bạn nghĩ. Để làm được điều này, bạn không cần phải có kinh nghiệm trong việc phát triển và tạo chủ đề hoặc plugin.

Bạn chỉ cần sử dụng mã trang.php mẫu chủ đề hiện có làm cơ sở cho mẫu trang mới. Ví dụ: giả sử bạn đang sử dụng chủ đề Twenty Twelve mặc định cũ. Tài liệu trang.php có đoạn mã sau:

Bạn có thể sử dụng mã này để tạo mẫu trang mới. Để làm điều này, bạn chỉ cần đảm bảo rằng nhận xét mã được đặt ở đầu tệp mới. Điều này sẽ xác định tệp này là mẫu trang:

/* Tên mẫu: Mẫu trang tùy chỉnh của tôi */

Mẫu trang của bạn sẽ trông như thế này:

Hãy xem qua quy trình tạo mẫu trang cơ bản và thử tạo mẫu trang có chiều rộng đầy đủ không sử dụng thanh bên. Chủ đề Twenty Twelve đi kèm với một mẫu có chiều rộng đầy đủ ngay lập tức, nhưng chúng tôi sẽ giả vờ như không có vì chúng tôi cần nó cho hướng dẫn của mình.

Trong mẫu tiêu chuẩn, thanh bên của trang được hiển thị ở bên phải:

Mẫu trang tiêu chuẩn trong chủ đề Twenty Twelve

Thật dễ dàng để tạo một mẫu trang mới mà không cần thanh bên.

Trước tiên, bạn cần tạo một tệp mới bằng bất kỳ trình soạn thảo văn bản nào (Notepad hoặc Notepad++ sẽ làm được). Nó có thể được gọi là một cái gì đó đơn giản, ví dụ, nosidebar-page.php hoặc toàn trang.php(chúng ta sẽ nói về tên tập tin sau). Sau đó tải tệp lên trang web của bạn để nó nằm bên cạnh tệp page.php.

Về cơ bản, mẫu của chúng tôi là mẫu từ trang.php Hai mươi mười hai chủ đề, chỉ xóa mã.

Nó trông như thế này:

Khi tệp mẫu được tải vào chủ đề của bạn, nó có thể được sử dụng cho tất cả các trang. Bạn cũng có thể liên kết một trang với mẫu này để xóa thanh bên của nó.

Nhưng đó không phải là tất cả. Cho đến nay chúng tôi chỉ loại bỏ thanh bên. Chúng tôi cần đảm bảo rằng nội dung được đăng trên toàn bộ chiều rộng của trang. Trong khi đó, nó chỉ chiếm 2/3 trang:

Nếu nhìn vào mã trong mẫu của chúng tôi, bạn sẽ thấy phần lớn nội dung chịu ảnh hưởng của một lớp CSS cụ thể:

Phần thứ hai class="site-content" chịu trách nhiệm về phong cách của phần chính của nội dung. Nếu bạn kiểm tra tệp kiểu ( phong cách.css), bạn có thể nhận thấy rằng lớp này gần như nằm ở cuối:

Nội dung trang web ( float: left; width: 65.104166667%; )

Để mở rộng nội dung ra toàn bộ trang, chúng ta cần thay đổi độ rộng của vùng nội dung từ 65% thành 100% . Nhưng không cần phải thay đổi lớp nội dung trang web, bởi vì nó vẫn được sử dụng trong các mẫu khác, chẳng hạn như trang tiêu chuẩn trang.php và đăng mẫu đơn.php. Việc thay đổi số phần trăm cho nội dung trang sẽ ảnh hưởng đến tất cả các bài đăng và trang trên trang web của bạn trải rộng toàn bộ chiều rộng của trang.

Vì vậy, chúng ta cần tạo một lớp mới được sử dụng riêng cho các trang có chiều rộng đầy đủ:

Toàn bộ nội dung trang web ( float: left; width: 100%; )

Sau khi cập nhật tập tin phong cách.css Với lớp trên, chúng ta cần thay đổi mẫu của mình thành chiều rộng toàn trang và đảm bảo chúng ta tham chiếu lớp CSS ở độ rộng 100%:

Mẫu cuối cùng của chúng tôi sẽ trông như thế này:

Mẫu cập nhật này xác nhận rằng nội dung trên trang web của chúng tôi sẽ được hiển thị toàn trang:

Bây giờ nội dung trên trang web được hiển thị trên toàn bộ trang

Mọi thứ được đề cập ở trên có thể được thực hiện trong bất kỳ chủ đề WordPress nào. Để thực hiện việc này, hãy xóa thanh bên khỏi mẫu trang bạn đã tạo và đảm bảo bạn thay đổi đúng lớp biểu định kiểu.

Cách đặt tên mẫu trang

Theo Hệ thống phân cấp mẫu WordPress, WordPress hiển thị các mẫu cho một trang theo thứ tự sau:

  • Mẫu tùy chỉnh
  • trang-(sên).php
  • trang-(id).php
  • trang.php
  • chỉ mục.php

Sẽ dễ dàng hơn cho bạn nếu bạn biết được thứ tự của các mẫu này, vì bằng cách này, bạn sẽ hiểu tại sao trang được thiết kế theo một cách cụ thể.

Thứ tự này có nghĩa là WordPress sẽ luôn hiển thị mẫu cho một trang nếu trang đó được đính kèm. Nếu không có mẫu nào được thêm vào trang thì WordPress sẽ tìm kiếm page-(slug).php.

Nếu không tìm thấy mẫu page-(slug).php, WordPress sẽ tìm mẫu theo ID trang. Ví dụ: nếu ID trang = 15 thì WordPress sẽ tìm mẫu trang có tên 15.php.

Nếu mẫu không được liên kết với trang và không có kết quả trùng khớp với ID trang thì WordPress sẽ tìm kiếm bằng cách sử dụng mẫu trang tiêu chuẩn page.php. Và nếu trang mẫu page.php không tồn tại thì index.php sẽ được sử dụng để tìm kiếm.

Nhiều nhà phát triển đặt tên cho mẫu chủ đề của họ bằng định dạng page-name.php. Ví dụ: mẫu trang liên hệ được gọi là page-contact.php. Nhìn chung, bạn có thể đặt tên cho các mẫu theo ý mình và sử dụng bất kỳ cấu hình nào, có thể là page-name.php, name-page.php hoặc name.php. Trong mọi trường hợp, bạn sẽ có thể thay đổi những tên này trong tương lai.