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

Merge pull request #142 from stef-k/posts-index-grid 

blog page as grid
This commit is contained in:
Holger 2016-11-21 11:03:48 +01:00 committed by GitHub
parent 968278f240 65b7d230cf
commit 712f1d0475
3 changed files with 100 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
home.php
View File

@ -34,9 +34,8 @@ get_header();
<!-- Do the left sidebar check --> <!-- Do the left sidebar check -->
<?php get_template_part( 'global-templates/left-sidebar-check', 'none' ); ?> <?php get_template_part( 'global-templates/left-sidebar-check', 'none' ); ?>
<?php if ( 'masonry' === $posts_style ): ?> <?php if ( 'masonry' === $posts_style ) : ?>
<div class="card-columns"><?php endif; ?> <div class="card-columns"><?php endif; ?>
<main class="site-main" id="main"> <main class="site-main" id="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
@ -46,10 +45,14 @@ get_header();
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
<?php <?php
if ( 'masonry' === $posts_style ): if ( 'masonry' === $posts_style ) :
get_template_part( 'loop-templates/content-card' ); get_template_part( 'loop-templates/content', 'card' );
else: elseif ( 'grid' === $posts_style ) :
/* Include the Post-Format-specific template for the content.
get_template_part( 'loop-templates/content', 'grid' );
else :
/*
* Include the Post-Format-specific template for the content.
* If you want to override this in a child theme, then include a file * If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Format name) and that will be used instead. * called content-___.php (where ___ is the Post Format name) and that will be used instead.
*/ */
@ -66,13 +69,13 @@ get_header();
<?php get_template_part( 'loop-templates/content', 'none' ); ?> <?php get_template_part( 'loop-templates/content', 'none' ); ?>
<?php endif; ?> <?php endif; ?>
<?php if ( 'masonry' === $posts_style ): ?></div><?php endif; ?> <?php if ( 'masonry' === $posts_style ) : ?></div><?php endif; ?>
</main><!-- #main --> </main><!-- #main -->
</div><!-- #primary --> </div><!-- #primary -->
<!-- Do the right sidebar check --> <!-- Do the right sidebar check -->
<?php if ( 'right' === $sidebar_pos || 'both' === $sidebar_pos ): ?> <?php if ( 'right' === $sidebar_pos || 'both' === $sidebar_pos ) : ?>
<?php get_sidebar( 'right' ); ?> <?php get_sidebar( 'right' ); ?>

45
inc/customizer.php
View File

@ -145,10 +145,55 @@ if ( ! function_exists( 'understrap_theme_customize_register' ) ) {
'choices' => array( 'choices' => array(
'default' => __( 'Default', 'understrap' ), 'default' => __( 'Default', 'understrap' ),
'masonry' => __( 'Masonry', 'understrap' ), 'masonry' => __( 'Masonry', 'understrap' ),
'grid' => __( 'Grid', 'understrap' ),
), ),
'priority' => '30', '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' ); add_action( 'customize_register', 'understrap_theme_customize_register' );

44
loop-templates/content-grid.php Normal file
View File

@ -0,0 +1,44 @@
<?php
/**
* Partial template to display latest posts (home.php) as grid.
*
* @package understrap
*/
$col = get_theme_mod( 'understrap_grid_post_columns' );
?>
<a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
<div class="col-md-<?php echo esc_html( $col ); ?> col-xs-12">
<div class="card card-inverse ">
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<?php $alt = get_post_meta( get_post_thumbnail_id( $post->ID ), '_wp_attachment_image_alt', true ); ?>
<img class="card-img "
src="<?php echo esc_html( get_the_post_thumbnail_url( $post->ID, 'large' ) ) ?>" alt="<?php echo esc_html( $alt ); ?>">
<div class="card-img-overlay">
<header class="entry-header">
<h4 class="card-title"><?php the_title(); ?></h4>
<?php if ( 'post' === get_post_type() ) : ?>
<p class="entry-meta card-text">
<small>Posted: <?php the_date(); ?> at: <?php the_time(); ?></small>
</p>
<?php endif; ?>
</header>
</div>
</article>
</div>
</div>
</a>