CHIEFSOFT\ameye
135 lines
3.9 KiB
PHP
135 lines
3.9 KiB
PHP
<?php
|
|
/**
|
|
* Grid and Masonry layout template
|
|
*
|
|
* @var $attributes - block attributes
|
|
* @var $options - layout options
|
|
* @var $posts - all available posts
|
|
*
|
|
* @package Canvas
|
|
*/
|
|
|
|
$columns = isset( $options['columns'] ) ? $options['columns'] : false;
|
|
|
|
$class_name = $attributes['className'];
|
|
|
|
if ( $columns ) {
|
|
$class_name .= ' cnvs-block-posts-columns-' . $columns;
|
|
}
|
|
|
|
?>
|
|
|
|
<div class="<?php echo esc_attr( $class_name ); ?>">
|
|
<div class="cnvs-block-posts-inner">
|
|
<?php
|
|
while ( $posts->have_posts() ) {
|
|
$posts->the_post();
|
|
?>
|
|
<article <?php post_class( 'masonry' === $attributes['layout'] ? 'cnvs-block-post-grid-item' : '' ); ?>>
|
|
<div class="cnvs-block-post-single-outer">
|
|
<?php if ( has_post_thumbnail() ) { ?>
|
|
<div class="cnvs-block-post-single-inner">
|
|
<div class="entry-thumbnail">
|
|
<div class="cnvs-overlay cnvs-overlay-ratio cnvs-ratio-landscape">
|
|
<div class="cnvs-overlay-background">
|
|
<a href="<?php the_permalink(); ?>" class="cnvs-overlay-link">
|
|
<?php the_post_thumbnail( $attributes['imageSize'] ); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
<div class="cnvs-block-post-single-inner">
|
|
<header>
|
|
<?php
|
|
// Post Meta.
|
|
cnvs_block_post_meta( $attributes, 'category' );
|
|
|
|
// Post Title.
|
|
$tag = apply_filters( 'canvas_block_posts_title_tag', 'h3', $attributes, $options );
|
|
the_title( '<' . $tag . ' class="cnvs-block-posts-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></' . $tag . '>' );
|
|
|
|
// Post Meta.
|
|
cnvs_block_post_meta( $attributes, cnvs_allowed_post_meta( true, 'category' ) );
|
|
?>
|
|
|
|
<?php
|
|
if ( isset( $attributes['showExcerpt'] ) && $attributes['showExcerpt'] ) {
|
|
?>
|
|
<div class="cnvs-block-post-single-excerpt">
|
|
<?php
|
|
the_excerpt();
|
|
?>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
<?php
|
|
if ( isset( $attributes['showViewPostButton'] ) && $attributes['showViewPostButton'] ) {
|
|
?>
|
|
<div class="cnvs-block-post-single-view-post-button">
|
|
<?php cnvs_print_gutenberg_blocks_button( $attributes['buttonLabel'], get_permalink(), '', 'button', $attributes ); ?>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
<?php
|
|
if ( function_exists( 'powerkit_share_buttons_exists' ) && powerkit_share_buttons_exists( 'block-posts' ) ) {
|
|
powerkit_share_buttons_location( 'block-posts' );
|
|
}
|
|
?>
|
|
</header><!-- .entry-header -->
|
|
</div><!-- .post-inner -->
|
|
|
|
</div><!-- .post-outer -->
|
|
</article>
|
|
<?php
|
|
}
|
|
|
|
// Prepare Masonry columns for Colcade.
|
|
if ( 'masonry' === $attributes['layout'] ) {
|
|
for ( $i = 1; $i <= $columns; $i++ ) {
|
|
?>
|
|
<div class="cnvs-block-post-grid-col cnvs-block-post-grid-col--<?php echo esc_attr( $i ); ?>"></div>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
</div>
|
|
|
|
<?php
|
|
if ( isset( $attributes['showPagination'] ) && $attributes['showPagination'] ) {
|
|
$total_pages = $posts->max_num_pages;
|
|
|
|
if ( $total_pages > 1 ) {
|
|
$current_page = max( 1, get_query_var( 'paged' ) );
|
|
|
|
$base_url = cnvs_get_block_posts_page_url( $attributes );
|
|
|
|
if ( $base_url ) {
|
|
echo '<nav class="navigation pagination" role="navigation">';
|
|
echo '<h2 class="screen-reader-text">' . esc_html__( 'Posts navigation', 'canvas' ) . '</h2>';
|
|
echo '<div class="nav-links">';
|
|
echo cnvs_paginate_links(
|
|
array(
|
|
'base' => $base_url,
|
|
'format' => '%#%',
|
|
'current' => $current_page,
|
|
'total' => $total_pages,
|
|
'merge_query_vars' => false,
|
|
)
|
|
); // XSS.
|
|
echo '</div>';
|
|
echo '</nav>';
|
|
} else {
|
|
cnvs_alert_warning( esc_html__( 'Please select a page for your blog posts in Settings → Reading to display pagination.', 'canvas' ) );
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
</div>
|