Dynamize footer full and static hero widget area

Now adds the proper Bootstrap class to a widget, depending on the
number of widgets. For example col-md-6 if two widgets are there,
col-md-4 if three published etc.
This commit is contained in:
Holger Könemann 2017-01-17 15:31:12 +01:00
parent c66b30404e
commit d8c00eff2a
1 changed files with 46 additions and 8 deletions

View File

@ -4,6 +4,43 @@
* *
* @package understrap * @package understrap
*/ */
/**
* Count number of widgets in a sidebar
* Used to add classes to widget areas so widgets can be displayed one, two, three or four per row
*/
function slbd_count_widgets( $sidebar_id ) {
// If loading from front page, consult $_wp_sidebars_widgets rather than options
// to see if wp_convert_widget_settings() has made manipulations in memory.
global $_wp_sidebars_widgets;
if ( empty( $_wp_sidebars_widgets ) ) :
$_wp_sidebars_widgets = get_option( 'sidebars_widgets', array() );
endif;
$sidebars_widgets_count = $_wp_sidebars_widgets;
if ( isset( $sidebars_widgets_count[ $sidebar_id ] ) ) :
$widget_count = count( $sidebars_widgets_count[ $sidebar_id ] );
$widget_classes = 'widget-count-' . count( $sidebars_widgets_count[ $sidebar_id ] );
if ( $widget_count % 4 == 0 || $widget_count > 6 ) :
// Four widgets er row if there are exactly four or more than six
$widget_classes .= ' col-md-3';
elseif ( 6 == $widget_count ) :
// If two widgets are published
$widget_classes .= ' col-md-2';
elseif ( $widget_count >= 3 ) :
// Three widgets per row if there's three or more widgets
$widget_classes .= ' col-md-4';
elseif ( 2 == $widget_count ) :
// If two widgets are published
$widget_classes .= ' col-md-6';
elseif ( 1 == $widget_count ) :
// If just on widget is active
$widget_classes .= ' col-md-12';
endif;
return $widget_classes;
endif;
}
if ( ! function_exists( 'understrap_widgets_init' ) ) { if ( ! function_exists( 'understrap_widgets_init' ) ) {
/** /**
@ -44,22 +81,23 @@ if ( ! function_exists( 'understrap_widgets_init' ) ) {
'name' => __( 'Hero Static', 'understrap' ), 'name' => __( 'Hero Static', 'understrap' ),
'id' => 'statichero', 'id' => 'statichero',
'description' => 'Static Hero widget. no slider functionallity', 'description' => 'Static Hero widget. no slider functionallity',
'before_widget' => '', 'before_widget' => '<div id="%1$s" class="static-hero-widget %2$s '. slbd_count_widgets( 'statichero' ) .'">',
'after_widget' => '', 'after_widget' => '</div><!-- .static-hero-widget -->',
'before_title' => '', 'before_title' => '<h3 class="widget-title">',
'after_title' => '', 'after_title' => '</h3>',
) ); ) );
register_sidebar( array( register_sidebar( array(
'name' => __( 'Footer Full', 'understrap' ), 'name' => __( 'Footer Full', 'understrap' ),
'id' => 'footerfull', 'id' => 'footerfull',
'description' => 'Widget area below main content and above footer', 'description' => 'Widget area below main content and above footer',
'before_widget' => '', 'before_widget' => '<div id="%1$s" class="footer-widget %2$s '. slbd_count_widgets( 'footerfull' ) .'">',
'after_widget' => '', 'after_widget' => '</div><!-- .footer-widget -->',
'before_title' => '', 'before_title' => '<h3 class="widget-title">',
'after_title' => '', 'after_title' => '</h3>',
) ); ) );
} }
} // endif function_exists( 'understrap_widgets_init' ). } // endif function_exists( 'understrap_widgets_init' ).
add_action( 'widgets_init', 'understrap_widgets_init' ); add_action( 'widgets_init', 'understrap_widgets_init' );