Tạo một mẫu trang WordPress riêng biệt. Cách tạo mẫu trang WordPress

Tôi không cần kiểu nội dung vì nó hoàn toàn không có chiều rộng được chỉ định, nó chỉ là một khối lồng nhau trong phần hậu kỳ.

! quan trọng– một tham số bắt buộc trong những trường hợp như vậy, bởi vì tôi chưa xem và không biết những gì được viết trong đó trong các kiểu và các kiểu mới của tôi sẽ được ưu tiên.

Về nguyên tắc, mọi thứ đã sẵn sàng. Bây giờ trang trong mẫu mới trông như thế này:

Ở bên phải, trường văn bản bị “kẹt” với đường viền bên phải và trải dài theo chiều rộng của thanh bên phải. Ở đây không thấy rõ lắm, vì vẫn còn chỗ cho những bức ảnh cũ, nhỏ, nhưng khi thay thế, tôi sẽ thêm giao diện vào đây.

Cập nhật từ ngày 20/10/14: Tôi đang thêm, như tôi đã hứa vào đầu năm, một ảnh chụp màn hình của trang có ảnh. Vâng, rất nhiều điều đã xảy ra kể từ đó. Ngày 17 tháng 2 là ngày yên bình cuối cùng trước những sự kiện khác nhanh chóng xảy ra sau đó...

Và cuối cùng là giai đoạn cuối cùng (mà tôi đã trình bày một chút trong ảnh chụp màn hình ở trên).

Cài đặt mẫu của bạn cho các trang trên trang webWordPress

Khi tạo một trang hoặc chỉnh sửa một trang đã tồn tại trên trang web, bạn có thể chọn một mẫu tùy chỉnh ở bên phải.

Chọn menu “Trang” và “Thêm mới” hoặc nhấp vào trang bạn muốn thay đổi.

Ở bên phải trong menu “Mẫu”, hãy thay đổi “Mẫu cơ bản” thành “Album” mới và lưu hoặc xuất bản trang.

Bây giờ đó thực sự là tất cả!

Ảnh © Nancy L Misiewicz. Một cuộc dạo chơi trong rừng

Các bài viết thú vị khác

Hướng dẫn này sẽ chỉ cho bạn cách tạo một mẫu trang mới cho các mẫu WordPress Cherry Khung.

Đăng nhập vào bảng quản trị WordPress của bạn.

Mở thực đơn Trang -> Thêm mới (Trang -> Thêm mới) và tạo một trang mới với mẫu trang mới.

Nhập tiêu đề cho trang và lưu các thay đổi của bạn. Ở cột bên phải trong bảng điều khiển, bạn có thể chọn một trong các mẫu trang được sử dụng trong chủ đề của mình. Bạn cần thêm một mẫu trang mới vào danh sách này. Tất cả các mẫu này đều nằm trong một thư mục trên máy chủ của bạn. Nhưng bạn cần thêm mẫu trang mới vào thư mục wp-content/themes/theme#####.

Tạo một tệp .php mới trong bất kỳ trình soạn thảo nào như Dreamweaver hoặc Notepad++ và đặt tên nó như sau: new.php . Thêm mã sau vào tập tin này:

Lưu tập tin và tải nó vào thư mục wp-content/themes/theme#####đến máy chủ của bạn.

Bây giờ hãy quay lại trang bạn đã tạo trong quản trị viên Bảng WordPress. Trong bảng điều khiển Thuộc tính trang Bạn có thể chọn một mẫu trang mới có tên là “Tùy chỉnh”.

Mở lại tệp new.php và bắt đầu thêm nội dung của bạn. Tệp có thể chứa bất cứ thứ gì bạn muốn, bao gồm nội dung bất biến hoặc các thành phần bố cục trang sẽ hiển thị nội dung trang.

Bạn có thể sử dụng các thành phần mã của các mẫu trang khác từ thư mục wp-content/themes/CherryFrameworkđể tạo một trang cụ thể.

Trước tiên hãy thêm đầu trang và chân trang vào mẫu trang mới:

Nếu bạn lưu các thay đổi của mình, bạn sẽ có thể nhìn thấy chúng trên trang:



Bây giờ bạn cần chọn loại nội dung bạn muốn sử dụng trên trang này. Hãy nói rằng bạn không có mẫu riêng biệt trang dành cho các bài đăng tùy chỉnh “Nhóm của chúng tôi”. Và bạn thích thiết kế của mẫu trang Lời chứng thực và muốn sử dụng thiết kế này cho các bài đăng “Nhóm của chúng tôi”. Để làm điều này trong menu Thiết kế -> Trình chỉnh sửa (Giao diện -> Trình chỉnh sửa) bạn có thể dễ dàng tìm thấy tệp chứa mã cho mẫu trang Lời chứng thực. Tên của anh ấy trang-testi.php.



Mở tập tin này để chỉnh sửa. Chỉ sao chép mã nội dung vì bạn đã thêm đầu trang và chân trang (bên dưới là ví dụ về mã này, mã của bạn có thể trông khác):

" data-motopress-wrapper-file="page-testi.php" data-motopress-wrapper-type="content">
" data-motopress-type="static" data-motopress-static-file="static/static-title.php">
" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-testi.php">
sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

Dán mã đã sao chép vào tệp new.php. Thay thế Tên mẫu: Tùy chỉnh TRÊN Tên mẫu: Đội

Và thay thế trang-testi.php TRÊN new.php trong mã này.

Mã này cũng chứa một liên kết đến tập tin loop/loop-testi.php. Đây là một tập tin khác mà bạn cần sao chép và chỉnh sửa. Sao chép tập tin loop-testi.php từ thư mục wp-content/themes/CherryFramework/loop và dán nó vào thư mục wp-content/themes/theme#####/loop(nếu thư mục chủ đề của bạn không có thư mục vòng, bạn nên tạo nó). Đổi tên tập tin này chẳng hạn thành loop-new.php và mở nó để chỉnh sửa. Thay thế từ “tinh hoàn”ở trên các chữ cái "đội" trong tất cả các dòng của tệp và lưu các thay đổi. (Bạn có thể sử dụng phím tắt Control (Command) + F để thay thế các từ.)



Khi tập tin loop-new.phpđã tạo và chỉnh sửa, hãy mở lại tệp new.php và thay thế loop/loop-testi.php TRÊN loop/loop-new.php trong mã của anh ấy. Kết quả là mã của bạn sẽ trông như thế này:

" data-motopress-wrapper-file="new.php" data-motopress-wrapper-type="content">
" data-motopress-type="static" data-motopress-static-file="static/static-title.php">
" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-new.php">
sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">

Lưu các thay đổi của bạn và kiểm tra trang mới của bạn. Bây giờ nó sẽ chứa các bài đăng tùy chỉnh “Nhóm của chúng tôi” với thiết kế trang Lời chứng thực.

Những người đã từng cố gắng tạo chủ đề hoặc sửa đổi 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-(sên-trang).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 trang của tôi 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 lên 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.

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; cá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, ít plugin hơn nhiều. 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 "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 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ủ đề).