Hộp meta WordPress tùy chỉnh là gì? Các hộp meta tùy chỉnh cho phép thêm thông tin bổ sung vào bài đăng, trang và loại bài đăng tùy chỉnh, ngoài các hộp meta tiêu chuẩn tự động có sẵn để sử dụng quyền ra khỏi hộp ra khỏi hộp trong WordPress, được bao gồm trong lõi WordPress. Cho dù bạn có biết hay không, bạn đã sử dụng các hộp meta trong một thời gian. Những thứ như widget bảng điều khiển, trình chỉnh sửa, trường tùy chỉnh, hình ảnh nổi bật, danh mục và thẻ là ví dụ về hộp meta. Cách tạo hộp meta WordPress tùy chỉnh Điều gì xảy ra khi bạn cần tạo một hộp meta bổ sung, có thể là một cái gì đó tùy chỉnh hơn một chút cho dự án của bạn? Có các plugin hiện có giúp tạo các hộp meta tùy chỉnh, có thể là các tùy chọn tuyệt vời. Ngay cả khi bạn quyết định đây là con đường bạn sẽ đi, điều quan trọng là phải hiểu các khái niệm cơ bản về những gì đang diễn ra dưới vỏ bọc của các hộp meta tùy chỉnh. Chúng tôi sẽ vượt qua các khái niệm ở mức rất cao khi chúng tôi tạo ra hộp meta rất đơn giản này. Khi chúng tôi hoàn thành, chúng tôi sẽ có một hộp meta tùy chỉnh cho phép chúng tôi nhập tiêu đề sản phẩm. Mặc dù chúng tôi đang bắt đầu đơn giản, hãy nhớ rằng ý tưởng này có thể được mở rộng cho các nhu cầu phức tạp hơn. Có rất nhiều tùy chọn và tính năng bổ sung có thể được bao gồm trong hộp meta tùy chỉnh. Những thứ như hộp kiểm, tải tệp lên, v.v ... đều là những tính năng có thể có của hộp meta tùy chỉnh. Hướng dẫn này giả định rằng bạn đã quen thuộc với CSS, cần thiết để tạo kiểu cho các trường. Chúng tôi sẽ không đi sâu vào chi tiết để thảo luận về kiểu dáng, nhưng đây là điều có thể dễ dàng thực hiện sau khi hộp meta của bạn hoạt động. Phát triển hộp meta tùy chỉnh Mã tùy chỉnh cho các hộp meta có thể được bao gồm trong hàm.php hoặc trong một plugin. Ví dụ này sẽ bao gồm mã cần thiết ở dạng plugin. Điều này có thể được sao chép từng bước để tạo một tệp hoàn chỉnh sẵn sàng để sử dụng. Codex là hướng dẫn của bạn Các Codex sẽ là người bạn tốt nhất của bạn, nếu nó chưa sẵn sàng. Các đối số khác nhau có các tùy chọn khác nhau và Codex sẽ giải thích điều này rất chi tiết. Điều đáng nói là Codex là thứ bạn nên biết rõ. Kiểm tra cục bộ trước Đây là từ chối một và duy nhất cho hướng dẫn này. Vui lòng thử điều này trong một môi trường phát triển địa phương đầu tiên. Mặc dù tất cả chúng ta đều đánh giá cao một cuộc phiêu lưu nhỏ trong cuộc sống của chúng ta, nhưng không ai thích màn hình trắng của cái chết, đặc biệt là trên một trang Web trực tiếp. Chúng tôi sẽ đi từng bước thông qua hướng dẫn này, và có những phụ thuộc xảy ra khi chúng tôi di chuyển qua nó. Bởi vì điều này, có một cơ hội tốt rằng thực hiện lưu giữa chừng có thể gây ra lỗi. Bước một: tạo và đưa tiêu đề vào plugin Tạo một plugin có vẻ phức tạp, nhưng không phải tất cả các plugin phải có hàng trăm dòng. Plugin có thể rất đơn giản và đây là một ví dụ tuyệt vời về điều đó. Nếu bạn vào thư mục wp-content , bạn sẽ thấy thư mục plugin . Tạo một thư mục mới gọi là hộp tùy chỉnh-meta-meta với một custom-post-meta-box.phptệp trong đó. Đây là tập tin bạn sẽ làm việc. Kích hoạt Plugin Mặc dù chúng tôi chưa đặt bất kỳ mã nào vào đó, chúng tôi có thể kích hoạt plugin bằng cách truy cập Plugin và tìm kiếm Hộp Meta tùy chỉnh và chọn Kích hoạt. Hãy nhớ rằng không có gì sẽ thay đổi khá. CSS tùy chọn Đây là tùy chọn, nhưng nếu bạn có kế hoạch thêm một số css tùy chỉnh, hãy sao chép tệp này vào tệp plugin của bạn. Hãy chắc chắn rằng .csstập tin được tìm thấy trong thư mục css của plugin của bạn. Bước hai: thêm hộp meta Các add_meta_boxchức năng được sử dụng để tạo hộp meta tùy chỉnh. Chức năng này chỉ chịu trách nhiệm đăng ký và hiển thị các hộp meta tùy chỉnh. Bước ba: thêm trường hộp meta trong quản trị viên Chúng ta cần đảm bảo rằng có một nhãn và trường cho thông tin. Bằng cách sử dụng html, điều này là có thể. Bước bốn: Lưu dữ liệu và tầm quan trọng của việc sử dụng nonce Bạn có thể đã nhập văn bản trong Bước ba và nhận ra rằng nó không thực sự được lưu hoặc được hiển thị trên trang. Bước này thực sự là nơi tất cả các phép thuật xảy ra. Đọc thêm và làm bài tập Như bạn có thể thấy, chỉ trong vài bước, bạn có thể có một hộp meta tùy chỉnh. Giống như hầu hết các dự án phát triển, có nhiều cách để đạt được điều tương tự, vì vậy bạn có thể tìm thấy các cách tiếp cận khác cho cùng nhiệm vụ này. Chúng tôi đã xem xét các hộp meta tùy chỉnh ở mức rất cao để bạn có thể muốn xem xét sâu hơn về các khái niệm này. Nếu bạn thấy mình có nhu cầu lớn hơn về các hộp meta tùy chỉnh, đây là một số nguồn tuyệt vời để khám phá thêm: Thông tin thêm về nonces Plugin Meta Box Tùy chọn cho chức năng add_meta_box