WordPress: Cấu hình trình chọn màu cho một trường kiểu tùy chỉnh

Để thiết lập màu mặc định cho bộ chọn màu của các trường loại tùy chỉnh, chỉ cần thêm một đoạn mã JavaScript để ghi đè cấu hình mặc định.
Trong tệp functions.php của bạn, hãy thêm đoạn mã sau và cấu hình bảng màu theo ý muốn của bạn:

add_action( 'admin_footer', 'backgroundColor_hook' );
function backgroundColor_hook( $hook_suffix )
{
?>
<script type="text/javascript">

jQuery( document ).ready(function() {
jQuery('.js-types-colorpicker').each(function(){
jQuery(this).wpColorPicker({
palettes: ['#d21268','#146c52','#82b600','#00949b','#010080','#001c4b']
});

});

});
</script>
<?php
}

Sao chép sự tùy chỉnh này hôm nay

Nguyên tắc của hook vẫn hữu ích, nhưng các màn hình quản trị và API của WordPress đã phát triển kể từ khi bài viết được xuất bản. Hãy thử mã trong một môi trường thử nghiệm với phiên bản chính xác của lõi, giao diện và các tiện ích mở rộng của trang web.

• Sao lưu các tệp và cơ sở dữ liệu trước bất kỳ sửa đổi nào.
• Kiểm soát quyền hạn người dùng, nonce, xác thực đầu vào và thoát đầu ra.
• Đặt phần tùy chỉnh vào một tiện ích mở rộng riêng hoặc một chủ đề con để bảo toàn các bản cập nhật.

Tham chiếu : sách hướng dẫn chính thức phát triển các tiện ích mở rộng WordPress.