Chủ đề tùy biến WordPress Boilerplate

Chủ đề tùy biến WordPress Boilerplate – Hy vọng rằng bạn đã đọc và thưởng thức hai bài đăng đầu tiên của loạt Theme Customizer – Giới thiệu về WordPress Customizer và Tương tác với Theme Customizer . Bây giờ đã đến lúc chuyển sang khóa học chính và bắt đầu lắp ráp bản tóm tắt Theme Customizer bạn sẽ dùng trong các chủ đề của mình. Bài đăng này chứa một vài khối mã dài, vì vậy hãy chú ý đến các bình luận nội tuyến.

Những gì chúng tôi đang tạo ra

• customizer.php – Đây là tệp soạn sẵn Theme Customizer , là tệp bổ sung các phần, cài đặt và điều khiển bằng cách sử dụng dữ liệu từ mảng tùy chọn
• custom-controls.php – Các lớp điều khiển tùy chỉnh và 1 hook hành động giúp bạn thêm các điều khiển tùy chỉnh của riêng bạn
• helpers.php – Các hàm trợ giúp, được sử dụng để truy xuất các tùy chọn chủ đề, mặc định tùy chọn, v.v.
• Options.php – Tùy chọn mẫu và hook bộ lọc giúp bạn chỉnh sửa mảng tùy chọn và sử dụng các trường của riêng bạn
• customizer-controls.css – CSS cơ bản cho hình ảnh điều khiển tùy chỉnh radio thay thế

Toàn bộ ý tưởng là sao chép các tệp này vào thư mục con trong thư mục chủ đề của bạn, bao gồm tệp customizer.php từ tệp tin.php của bạn và thay đổi bất cứ điều gì bạn thích đặc biệt là mảng tùy chọn, bằng cách sử dụng các móc nối của Trình tùy chỉnh chủ đề.

 Cập nhật: Bạn chỉ cần chỉnh sửa tùy chọn.php, nhưng sử dụng hook giúp mọi thứ dễ dàng hơn rất nhiều.

Cập nhật: Mảng vẫn giữ nguyên, nhưng bây giờ bạn cũng được chuyển mảng tùy chọn vào móc lọc.

Trông có vẻ phức tạp nhưng chúng tôi sẽ giải thích ngay dưới đây.

Các $ tùy chọn mảng gồm phần (s) (chỉ có một trong trường hợp này – new_customizer_section), mỗi phần có lý lẽ của nó, những trường và một giá trị boolean (existing_section) để chỉ ra nếu đó là một phần mới, hoặc chúng ta chỉ cần thêm một số lĩnh vực hiện có. Mảng đối số giống hệt với những gì bạn truyền cho phương thức $ wp_customize-> add_section . Mảng trường phức tạp hơn một chút.

Cập nhật: mảng lựa chọn trong đối số điều khiển giờ là mảng đa chiều.

Mỗi trường bao gồm một cài đặt Tùy biến và điều khiển Tùy biến. Đó là lý do tại sao chúng ta có mảng set_args và control_args. Nó gần như giống hệt nhau như các đối số mảng bạn muốn vượt qua $ wp_customize-> add_setting và $ wp_customize-> add_control phương pháp . Sự khác biệt duy nhất là mảng ‘sự lựa chọn’ trong các đối số điều khiển, $ wp_customize-> add_control yêu cầu nó phải là một mảng khóa đơn giản.

Bằng cách này, bạn dễ truyền nhiều dữ liệu hơn cho mỗi 1 trong số các lựa chọn, vì vậy,nếu bạn đang tải Google Fonts trong chủ đề của mình, bạn có thể có các chuỗi cho phép bạn tải phông chữ chính xác trong mảng lựa chọn . Vì vậy, nếu bạn đã biết về ba phương pháp đó, thì tất cả đều rất quen thuộc.

Xem thêm : Cách tạo một trang web với Wix

Sử dụng mảng tùy chọn để thêm phần tùy chỉnh, cài đặt và điều khiển

Nếu bạn không chắc chắn cách tương tác với Trình tùy chỉnh chủ đề WordPress , hãy đọc các bài viết của chúng tôi. Sự khác nhau duy nhất là thay vì thêm các phần, cài đặt và điều khiển từng phần một, chúng tôi sẽ tự động hóa quy trình bằng cách sử dụng mảng nối tiếp mà chúng tôi đã tạo.

Sau khi đi qua tất cả các phần, thêm các phần chưa tồn tại, sau đó đi qua tất cả các trường trong mỗi phần, thêm cài đặt và điều khiển cho từng phần. Đó là những gì bạn cần làm.

Hãy nhớ rằng chúng tôi đã sử dụng ‘loại’ , ‘tùy chọn’ cho các cài đặt? Đó là lý do tại sao bây giờ chúng tôi có dịch vụ  my_theme_options [$ thsp_field_key] cho cả hai cài đặt và phần. Điều này sẽ lưu trữ tất cả các giá trị dưới dạng một mảng được tuần tự hóa mà bạn có thể truy xuất bằng cách sử dụng get_option (‘my_theme_options’) . Hoặc bạn chỉ có thể sử dụng các hàm trợ giúp được xác định trong helpers.php để truy xuất cả giá trị hiện tại và giá trị mặc định cho tất cả các trường

Kết luận

Hiện tại, bạn nên dùng Trình tạo tùy chỉnh chủ đề này trong các chủ đề của mình, tất cả những gì bạn cần làm là tải xuống từ Github, sao chép vào thư mục của chủ đề và bao gồm tệp chính từ hàm.php, có chức năng 100% và phù hợp cho hầu hết chủ đề.

Xem thêm : Tạo Web miễn phí

Tôi rất thích nghe làm thế nào bạn nghĩ rằng cái này có thể được cải thiện hoặc mở rộng, vì vậy xin vui lòng bỏ qua trong các ý kiến.