मैंने इसे जावास्क्रिप्ट में हल किया। यदि आप इसे पूरी तरह से रोकना चाहते हैं, तो आपको इसे सर्वर-साइड भी करना चाहिए, क्योंकि आप विजेट्स को जावास्क्रिप्ट अक्षम के साथ संपादित कर सकते हैं (इसे आज़माएं!)।
जब आप उन्हें या उनसे दूर विगेट्स छोड़ते हैं तो अलग-अलग साइडबार की जाँच की जाती है। यदि वे पूर्ण हो जाते हैं, तो पृष्ठभूमि का रंग बदल जाता है और आप उन पर आइटम नहीं छोड़ सकते। यदि, स्टार्टअप पर, साइडबार पहले से ही पूर्ण से अधिक है (क्योंकि आपने प्रतिबंध को कड़ा कर दिया है), पृष्ठभूमि का रंग लाल हो जाता है। आप अभी भी उन्हें फिर से खाली करने के लिए विगेट्स को पूर्ण विगेट्स से दूर खींच सकते हैं।
कृपया इस कोड का परीक्षण करें, जो विगेट्स जोड़ने या हटाने के तरीकों को खोजने के लिए मैंने याद किया। JQuery कोड में "मैजिक" अमन की ओर से आता है , जिसने इसके बारे में पोस्ट किए गए एक स्टैक ओवरफ्लो सवाल का जवाब दिया ।
जावास्क्रिप्ट:
jQuery( function( $ ) {
var sidebarLimits = {
'sidebar-1': 2,
'sidebar-2': 2,
};
var realSidebars = $( '#widgets-right div.widgets-sortables' );
var availableWidgets = $( '#widget-list' ).children( '.widget' );
var checkLength = function( sidebar, delta ) {
var sidebarId = sidebar.id;
if ( undefined === sidebarLimits[sidebarId] ) {
return;
}
// This is a limited sidebar
// Find out how many widgets it already has
var widgets = $( sidebar ).sortable( 'toArray' );
$( sidebar ).toggleClass( 'sidebar-full', sidebarLimits[sidebarId] <= widgets.length + (delta || 0) );
$( sidebar ).toggleClass( 'sidebar-morethanfull', sidebarLimits[sidebarId] < widgets.length + (delta || 0) );
var notFullSidebars = $( 'div.widgets-sortables' ).not( '.sidebar-full' );
availableWidgets.draggable( 'option', 'connectToSortable', notFullSidebars );
realSidebars.sortable( 'option', 'connectWith', notFullSidebars );
}
// Check existing sidebars on startup
realSidebars.map( function() {
checkLength( this );
} );
// Update when dragging to this (sort-receive)
// and away to another sortable (sort-remove)
realSidebars.bind( 'sortreceive sortremove', function( event, ui ) {
checkLength( this );
} );
// Update when dragging back to the "Available widgets" stack
realSidebars.bind( 'sortstop', function( event, ui ) {
if ( ui.item.hasClass( 'deleting' ) ) {
checkLength( this, -1 );
}
} );
// Update when the "Delete" link is clicked
$( 'a.widget-control-remove' ).live( 'click', function() {
checkLength( $( this ).closest( 'div.widgets-sortables' )[0], -1 );
} );
} );
सीएसएस:
.sidebar-full
{
background-color: #cfe1ef !important;
}
.sidebar-morethanfull
{
background-color: #c43 !important;
}
PHP उन्हें लोड करने के लिए:
$wpse19907_file = $plugin;
add_action( 'admin_enqueue_scripts', 'wpse19907_admin_enqueue_scripts' );
function wpse19907_admin_enqueue_scripts( $hook_suffix )
{
if ( 'widgets.php' == $hook_suffix ) {
wp_enqueue_script( 'wpse-19907', plugins_url( 'wpse-19907.js', $GLOBALS['wpse19907_file'] ), array(), false, true );
wp_enqueue_style( 'wpse-19907', plugins_url( 'wpse-19907.css', $GLOBALS['wpse19907_file'] ) );
}
}
सर्वर-साइड चेक पर एक प्रयास (शायद अभी तक पूरा नहीं हुआ है):
$wpse19907_sidebars_max_widgets = array(
'sidebar-1' => 2,
);
add_action( 'sidebar_admin_setup', 'wpse19907_sidebar_admin_setup' );
function wpse19907_sidebar_admin_setup()
{
if ( ! isset( $_POST['action'] ) || 'save-widget' != $_POST['action'] || empty( $_POST['add_new'] ) ) {
return;
}
// We're adding a new widget to a sidebar
global $wpse19907_sidebars_max_widgets;
$sidebar_id = $_POST['sidebar'];
if ( ! array_key_exists( $sidebar_id, $wpse19907_sidebars_max_widgets ) ) {
return;
}
$sidebar = wp_get_sidebars_widgets();
$sidebar = isset( $sidebars[$sidebar_id] ) ? $sidebars[$sidebar_id] : array();
if ( count( $sidebar ) <= $wpse19907_sidebars_max_widgets[$sidebar_id] ) {
die( 'mx' ); // Length must be shorter than 2, and unique
}
}