rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add option for column settings

This commit is contained in:
Stef Kariotidis 2016-11-21 11:54:27 +02:00
parent 64c5ea25c2
commit 77ca414da6
2 changed files with 47 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
inc/customizer.php
View File

@ -147,6 +147,50 @@ if ( ! function_exists( 'understrap_theme_customize_register' ) ) {
'priority' => '30',
)
) );
// Columns setup for grid posts.
/**
* Function and callback to check when grid is enabled.
* @return bool
*/
function is_grid_enabled ()
{
return 'grid' == get_theme_mod( 'understrap_posts_index_style' );
}
if ( is_grid_enabled() ) {
// How many columns to use each grid post
$wp_customize->add_setting( 'understrap_grid_post_columns', array(
'default' => '6',
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
) );
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'understrap_grid_post_columns', array(
'label' => __( 'Grid Post Columns', 'understrap' ),
'description' => __( "Choose how many columns to use in grid posts", 'understrap' ),
'section' => 'understrap_theme_layout_options',
'settings' => 'understrap_grid_post_columns',
'type' => 'select',
'choices' => array(
'6' => '6',
'4' => '4',
'3' => '3',
'2' => '2',
'1' => '1',
),
'default' => 6,
'priority' => '30',
'transport' => 'refresh',
)
) );
}
// hook to auto-hide/show depending the understrap_posts_index_style option
$wp_customize->get_control( 'understrap_grid_post_columns' )->active_callback = 'is_grid_enabled';
}
}
add_action( 'customize_register', 'understrap_theme_customize_register' );

5
loop-templates/content-grid.php
View File

@ -4,10 +4,11 @@
*
* @package understrap
*/
$col = get_theme_mod( 'understrap_grid_post_columns' );
error_log($col);
?>
<a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
<div class="col-md-4 col-xs-12">
<div class="col-md-<?php echo esc_html( $col ); ?> col-xs-12">
<div class="card card-inverse ">