web-dev-qa-db-ja.com

サイドバーのウィジェット数の制限

ウィジェット用のスポットの数が限られているカスタムのウィジェット化領域（フッターなど）を使用する場合（設計上）、その特定のウィジェット化領域に含めることができるウィジェットの数を制限できますか？解決策がバックエンドなのかフロントエンドなのかは関係ありません。ありがとうございました。

widgetssidebar
16
Jukov

私はJavascriptでこれを解決しました。あなたがそれを完全に防ぎたいのなら、Javascriptを無効にしてウィジェットを編集することができるので、サーバサイドでそれをやるべきです。

ウィジェットをウィジェットにドロップしたり、ウィジェットから離したりすると、さまざまなサイドバーがチェックされます。いっぱいになると背景色が変わり、アイテムをドロップできなくなります。起動時にサイドバーがすでにいっぱいになっていると（制限を厳しくしたため）、背景色は赤になります。ウィジェットをフルウィジェットからドラッグして空にすることはできます。

One full and one more than full sidebar

このコードをテストして、見逃したウィジェットを追加または削除する方法を見つけてください。 jQueryコードの "魔法"は Aman 、who 私が投稿したStack Overflowの質問に答えた ）から来ています。

Javascript：

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 );
    } );
} );

CSS：

.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
    }
}
10
Jan Fabry

あなたの質問であなたを助けるために、私は提案があります。例として、デフォルトのTwenty Tenテンプレートのfirst-footer-widget-areaファイルにあるsidebar-footer.phpを使用しましょう。

良い習慣で安全な方法として、頭痛を避けるために最初にそれをバックアップしてください。

最初のフッターウィジェットを表示するためのオリジナルのTwenty Tenテンプレートコードは次のとおりです。

<?php if ( is_active_sidebar( 'first-footer-widget-area' ) ) : ?>
       <div id="first" class="widget-area">
        <ul class="xoxo">
            <?php dynamic_sidebar( 'first-footer-widget-area' ); ?>
        </ul>
       </div><!-- #first .widget-area -->
<?php endif; ?>

その領域で許可されるウィジェットの数を制限するために、条件付きのコードを追加して変更しましょう。

<?php if ( is_active_sidebar( 'first-footer-widget-area' ) ) : ?>
    <div id="first" class="widget-area">
    <?php
           $mysidebars = wp_get_sidebars_widgets();
           $total_widgets = count( $mysidebars['first-footer-widget-area'] );
           $limit_allowed=2;
    ?>
        <ul class="xoxo">
            <?php  if ($total_widgets > $limit_allowed) {
                echo 'Your '.$total_widgets.' added widgets goes over the allowed limit: <strong>'.$limit_allowed.'</trong>';
                } else { ?>
            <?php dynamic_sidebar( 'first-footer-widget-area' ); ?>
          <?php }; ?>
        </ul>

        </div><!-- #first .widget-area -->
<?php endif; ?>

この修正されたコードは何をしますか：

$mysidebars = wp_get_sidebars_widgets();
$total_widgets = count( $mysidebars['first-footer-widget-area'] );
$limit_allowed=2;

そのサイドバーの中のウィジェットの数を数え、（あなたによって設定された）いくつかの許可された制限を安定させます。

...
<?php  if ($total_widgets > $limit_allowed) {
            echo 'Your '.$total_widgets.' added widgets goes over the allowed limit: <strong>'.$limit_allowed.'</trong>';
       } else { ?>
            <?php dynamic_sidebar( 'first-footer-widget-area' ); ?>
<?php }; ?>
...

その領域のウィジェットで許可されている制限に達した場合は、その制限を警告するメッセージが表示されます。それ以外の場合、ウィジェットは表示されます。

だから私はあなたの質問を手伝ってくれたと思います。

4
Hans Zimermann

あなたはウィジェットの数を決定するために以下のことを行うことができます。

関数：

$mysidebars = wp_get_sidebars_widgets() - サイドバーとそのサイドバーで使用されているウィジェットのリストを表示します。

$total_widgets = count( $mysidebars['my-sidebar-id'] ); - my-sidebar-idの中の総ウィジェット数を教えてくれます

これがあなたの疑問を解決することを願っています。

0
Todd

おもしろいQ.簡単な表情であまり見つけられませんでした、しかしここに推測があります：print_r( $GLOBALS['wp_registered_sidebars'] );またはprint_r( $GLOBALS['sidebars'] );またはprint_r( $GLOBALS['sidebars_widgets'] ); ...

0
kaiser