Học cách tạo các chủ đề WordPress tùy chỉnh sẽ mở ra một thế giới hoàn toàn mới để bạn khám phá. Nó cho phép bạn xây dựng các thiết kế tùy chỉnh cho chính mình, khách hàng của bạn và thậm chí đóng góp lại cho cộng đồng mã nguồn mở
Trong hướng dẫn này, chúng tôi sẽ đưa bạn từ con số không đến việc có một chủ đề đầy đủ chức năng có thể gửi tới WordPress. thư mục chủ đề tổ chức
Để làm theo, bạn sẽ cần có hiểu biết cơ bản về HTML, CSS, PHP và cách thức hoạt động của WordPress
Tất cả mã được sử dụng trong hướng dẫn này sẽ có sẵn để tham khảo trong kho lưu trữ Github này
Mục lục
- cho chủ đề tùy chỉnh của bạn
- bộ phận mẫu
- số ít. php, lưu trữ. php, tìm kiếm. php và 404. php
- với RTL. css
- làm theo các phương pháp hay nhất
- chủ đề WordPress của bạn
- mã số
Bước 1. Tạo các tệp cần thiết cho chủ đề tùy chỉnh của bạn
Một chủ đề WordPress đang hoạt động có thể chỉ bao gồm hai tệp. Phong cách. css và chỉ mục. php. Điều này có thể là do hệ thống phân cấp mẫu của WordPress
Khi WordPress xuất một trang web, nó sẽ tìm kiếm mẫu cụ thể nhất hiện có, nếu một mẫu không tồn tại, nó sẽ di chuyển xuống thứ bậc cho đến khi tìm thấy mẫu phù hợp. Đây là một ví dụ thực tế
Người dùng đang sử dụng https. //ví dụ. com/practical-example, là một trang. WordPress sẽ cố gắng định vị một mẫu theo thứ tự này
- trang-{slug}. php – Sên trang là /practical-example, WordPress sẽ tìm cách sử dụng your-theme/page-practical-example. php
- trang-{id}. php – ID trang là 42, WordPress sẽ tìm cách sử dụng your-theme/page-42. php
- trang. php – WordPress sẽ thử mục đích chung của bạn/trang. mẫu php
- số ít. php – Mẫu số ít có thể hiển thị Bài đăng và Trang, do đó, nó đã thử sau trang cụ thể hơn. php
- mục lục. php – Cuối cùng là your-theme/index. php được sử dụng nếu không tìm thấy mẫu nào khác
Hãy bắt đầu bằng cách xây dựng một chủ đề chỉ với các tệp cần thiết và sau đó chúng ta có thể thêm nhiều tính năng hơn khi chúng ta khám phá cách chúng hoạt động
Trong
class="page page-id-2 page-parent page-template-default logged-in"
class="page page-id-2 page-parent page-template-default logged-in"
Phong cách. css
Để WordPress nhận ra chủ đề của chúng tôi và xuất nó đúng cách trong danh sách Giao diện → Chủ đề, chúng tôi cần đặt một số mã dành riêng cho WordPress ở đầu kiểu. css, nó trông như thế này
/* Theme Name: My Custom Theme Theme URI: //yourwebsite.com/theme Author: Your Name Author URI: //yourwebsite.com Description: This is my first custom theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: Text Domain: my-custom-theme Tags: custom-background */
Về mặt kỹ thuật, không có trường nào bắt buộc, nhưng nếu bạn muốn chủ đề của mình trông đẹp trong wp-admin thì chúng tôi rất khuyến khích bạn. Chúng cũng được yêu cầu nếu bạn đang phân phối chủ đề của mình trên WordPress
- Tên chủ đề – Bạn phải luôn cung cấp tên chủ đề. Nếu không thì tên thư mục sẽ được sử dụng, my-custom-theme trong ví dụ của chúng tôi
- URI chủ đề – Nếu được sử dụng, URI chủ đề sẽ cung cấp liên kết đến trang nơi khách truy cập có thể tìm hiểu thêm về chủ đề
- Tác giả - Tên của bạn ở đây
- URI tác giả – Có thể đặt liên kết đến trang web cá nhân hoặc doanh nghiệp của bạn tại đây
- Mô tả – Mô tả được hiển thị trên chế độ chủ đề wp-admin và cả trên danh sách chủ đề WordPress
- Phiên bản – Số phiên bản giúp nhà phát triển theo dõi các thay đổi và cho người dùng biết nếu họ đang sử dụng phiên bản mới nhất. Chúng tôi tuân theo hệ thống đánh số SemVer để biểu thị mức độ nghiêm trọng của các thay đổi trong bản cập nhật
- Giấy phép – Cách bạn cấp phép cho chủ đề của mình tùy thuộc vào bạn, nhưng nếu bạn chọn giấy phép không tương thích với GPL thì bạn sẽ không thể phân phối chủ đề của mình trên WordPress
- URI giấy phép – Đây chỉ đơn giản là một liên kết đến giấy phép được liệt kê ở trên
- Miền văn bản – Miền văn bản được sử dụng khi dịch chủ đề của bạn sang các ngôn ngữ khác. Đừng lo lắng, chúng ta sẽ khám phá điều này sâu hơn sau. Hiện tại, đủ để biết rằng thư mục chủ đề và miền văn bản là tên chủ đề được phân tách bằng dấu gạch nối thay vì dấu cách là một cách thực hành tốt
- Thẻ – Thẻ chỉ được sử dụng nếu bạn đang tải chủ đề của mình lên WordPress. thư mục chủ đề tổ chức. Chúng là cơ sở của cơ chế 'Bộ lọc tính năng'
Sao chép và dán ở trên vào phong cách. css và bạn sẽ có một cái gì đó như thế này
Ghi chú. Hiện tại có vẻ hơi trống vì chúng tôi chưa có ảnh chụp màn hình. Chúng tôi sẽ thêm nó sau
mục lục. php
mục lục. php là tệp duy nhất được yêu cầu nghiêm ngặt khác. Công việc của nó là hiển thị tất cả đầu ra của giao diện người dùng cho chủ đề của chúng tôi
Vì chỉ mục. php sẽ hiển thị tất cả các trang của chúng tôi [trang chủ, bài đăng, danh mục, lưu trữ] nó sẽ thực hiện rất nhiều công việc. Để bắt đầu, chúng ta cần một phần đầu bao gồm những điều cơ bản về HTML