Tôi có nhiều "sidebars", nhưng không phải tất cả chúng đều có cùng kích thước. Không phải tất cả các tiện ích đều phù hợp với tất cả các thanh bên (ví dụ: tôi có "thanh bên chân trang" nơi khách hàng có thể đặt các tiện ích tùy chỉnh, nhưng chúng rộng và hoàn toàn không khớp với thanh bên "thực"). Tôi muốn đưa ra một dấu hiệu khi một widget được đặt trong một thanh bên mà nó không thuộc về (ví dụ thay đổi màu văn bản tiêu đề). cách nào tốt nhất để làm việc này?
Câu trả lời:
Có một hook widget_display_callback, bạn có thể sử dụng để ghi đè widget dựa trên thanh bên và widget (trả về false khi không phù hợp):
http://core.trac.wordpress.org/browser/trunk/wp-includes/widgets.php?rev=15590#L180
Tôi đã giải quyết nó bằng cách sử dụng một số CSS, tương tự như mẹo của tôi để làm nổi bật các widget của riêng tôi . Các khu vực thả thanh bên là divcủa lớp widgets-sortablevà chúng có idthanh bên của bạn. Các vật dụng của bạn là divvới lớp widgetvà và idcó dạng widget-[global_counter]_[widget_key]-[widget_id]. Bạn có thể kết hợp những thứ này để làm nổi bật các kết hợp đúng hoặc sai.
Ví dụ, tôi có một thanh bên được gọi footerchỉ nên chứa các widget rộng. Những vật dụng này có thể nhận ra được vì ID của chúng bao gồm -wide-. Tôi muốn những thứ này có màu xanh lá cây, và tất cả những cái khác có màu đỏ với một cú đánh xuyên qua.
add_action('admin_print_styles-widgets.php', 'print_widget_hint_style');
function print_widget_hint_style()
{
echo <<<EOF
<style type="text/css">
/* Less specific rule for all widgets */
div.widgets-sortables[id*=-footer] div.widget .widget-title
{
color: red;
text-decoration: line-through;
}
/* More specific rule for correct widgets */
div.widgets-sortables[id*=-footer] div.widget[id*=-wide-] .widget-title
{
color: green;
}
</style>
EOF;
}Có lẽ tôi sẽ xác định các khu vực tiện ích của riêng mình để nhận bất kỳ tiện ích nào được đưa vào khu vực quản trị và chỉ đặt khu vực tiện ích đó ở một vị trí cụ thể trong chủ đề.