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

WordPress cung cấp một mẫu mặc định để tạo trang. Điều đó có thể không đủ cho nhu cầu của chúng tôi trong một số tình huống nhất định. Trong cài đặt WordPress của chúng tôi, chúng tôi có thể có nhu cầu nhóm một tập hợp các trang và hiển thị chúng trong một bố cục chung.

Tương tự, chúng ta có thể phải tạo nhiều nhóm bố cục khác nhau. Trong tình huống như vậy, tùy chọn mẫu trang tùy chỉnh do WordPress cung cấp sẽ rất hữu ích. Trong bài viết này, tôi sẽ giải thích chi tiết để giúp bạn tạo mẫu trang tùy chỉnh bằng WordPress.

Mẫu trang tùy chỉnh WordPress

Nói chung, chúng tôi sẽ có một mẫu trang tùy chỉnh được cung cấp theo mặc định trong WordPress. Kiểm tra tệp page.php từ chủ đề của bạn và nó được sử dụng làm bố cục cho tất cả các trang bạn tạo trong WordPress.

Đây là về các trang WordPress chứ không phải các bài đăng. Tệp mẫu page.php này được sử dụng làm khung dây để tạo tất cả các trang và hiển thị nó. Trong ví dụ mã sau, chúng ta hãy xem cách tạo một mẫu trang tùy chỉnh như vậy và sử dụng nó để xuất bản một trang mới.

Trong một bài viết trước, chúng ta đã tìm hiểu về cách tạo một widget WordPress , hãy tham khảo điều đó nếu bạn đang tìm cách tạo các widget.

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

Mẫu trang tùy chỉnh là một tệp PHP thông thường với một điểm khác biệt. Nó có một cấu trúc cụ thể và nó là tiêu đề và nội dung. Tiêu đề mẫu được xác định chỉ bằng một chú thích và bất kỳ thứ gì theo sau đó là nội dung mẫu.

Ảnh chụp màn hình sau đây hiển thị page.php mặc định từ chủ đề Twenty_Seventeen có sẵn như một phần của WordPress.

Khi chúng tôi tạo một trang tùy chỉnh mới, chúng tôi cần xác định tên mẫu như sau.

/ * Tên Mẫu: Liên hệ Mẫu * /

Nhận xét trên phải là phần bắt đầu của mẫu tùy chỉnh của bạn. Dòng này để thông báo cho WordPress rằng đây là một mẫu trang tùy chỉnh. Tạo một trang PHP đơn giản và dán một dòng ở trên và lưu nó.

Tiếp theo là dòng bình luận, bây giờ chúng ta hãy có một “Xin chào thế giới!” văn bản trong thẻ đoạn HTML. Sau đó, lưu nó với tên tệp “contact-template.php” và tải nó lên thư mục chủ đề của bạn.

Cách sử dụng mẫu tùy chỉnh cho Trang WordPress

Bây giờ chúng tôi đã tạo một mẫu trang tùy chỉnh WordPress và hãy để chúng tôi xem cách sử dụng nó. Đi tới “Thêm trang mới” và xem tiện ích thanh bên “ Thuộc tính trang ” Sẽ có một danh sách thả xuống có nhãn “ Mẫu ”.

Trong danh sách thả xuống đó, mẫu mới của chúng tôi sẽ xuất hiện dưới dạng “Mẫu liên hệ” và đó là tên của mẫu mà chúng tôi đã khai báo ở đầu tệp mẫu trang.

Chọn mẫu mới mà chúng tôi đã tạo và như thường lệ, bạn có thể thêm nội dung vào trang trong vùng nội dung và Xuất bản trang. Bạn có thể thấy trang mới sẽ có văn bản “Hello World” và sẽ có bố cục như được xác định trong trang mẫu tùy chỉnh mới này.

Đây chỉ là một ví dụ, trong thời gian thực chúng ta có thể có hai đến ba mẫu và mỗi mẫu sẽ có các bố cục khác nhau. Ví dụ,

  • một mẫu có bố cục hai cột và
  • một mẫu khác với bố cục ba cột.

Hệ thống phân cấp mẫu trang WordPress

Điều quan trọng là không có một hệ thống phân cấp sử dụng mà WordPress quyết định mẫu nào nên được sử dụng để hiển thị. WordPress tìm kiếm tệp mẫu theo thứ tự sau.
  1. Mẫu trang tùy chỉnh - đây là mẫu cao nhất trong hệ thống phân cấp và đây là những gì chúng ta đã thấy trong bài viết này.
  2. page- {slug} .php - Nếu một trang WordPress được tạo mà không được gán một mẫu tùy chỉnh, thì WordPress sẽ tìm kiếm slug của trang trong tên tệp mẫu.
  3. page- {id} .php - Trong hệ thống phân cấp, WordPress sẽ xem xét nếu có một mẫu với id của trang trong tên tệp.
  4. page.php - Sau đó đến trang.php thông thường của chúng tôi, thường có thể được tìm thấy trong tất cả các chủ đề WordPress.
  5. singular.php - Sau đó sử dụng mẫu được sử dụng để xuất bản một bài đăng.
  6. index.php - Cuối cùng nếu phần trên không được tìm thấy theo thứ tự đã cho, WordPress sẽ chọn index.php của chủ đề để hiển thị trang dưới dạng mẫu.