File: /var/www/html/triad-infosec/wp-content/themes/Avada/templates/blog-layout.php
<?php
/**
* Blog-layout template.
*
* @author ThemeFusion
* @copyright (c) Copyright by ThemeFusion
* @link https://avada.com
* @package Avada
* @subpackage Core
* @since 1.0.0
*/
// Do not allow directly accessing this file.
if ( ! defined( 'ABSPATH' ) ) {
exit( 'Direct script access denied.' );
}
global $wp_query;
// Set the correct post container layout classes.
$blog_layout = avada_get_blog_layout();
if ( is_search() ) {
$display_featured_images = Avada()->settings->get( 'search_featured_images' );
$grid_columns = (int) Avada()->settings->get( 'search_grid_columns' );
$grid_columns_spacing = (int) Avada()->settings->get( 'search_grid_column_spacing' );
$search_meta = array_flip( Avada()->settings->get( 'search_meta' ) );
$is_there_meta_above = ! empty( $search_meta ) && ( isset( $search_meta['author'] ) || isset( $search_meta['date'] ) || isset( $search_meta['categories'] ) || isset( $search_meta['tags'] ) );
$is_there_meta_below = ! empty( $search_meta ) && ( isset( $search_meta['comments'] ) || isset( $search_meta['read_more'] ) );
$display_comments = isset( $search_meta['comments'] );
$display_read_more = isset( $search_meta['read_more'] );
$pagination_type = fusion_get_option( 'search_pagination_type' );
$number_of_pages = ceil( $wp_query->found_posts / Avada()->settings->get( 'search_results_per_page' ) );
$is_there_content = 'full_content' === fusion_get_option( 'search_content_length' ) || ( 'excerpt' === fusion_get_option( 'search_content_length' ) && 0 < fusion_get_option( 'search_excerpt_length' ) );
} else {
$display_featured_images = Avada()->settings->get( 'featured_images' );
$grid_columns = (int) Avada()->settings->get( 'blog_archive_grid_columns' );
$grid_columns_spacing = (int) Avada()->settings->get( 'blog_archive_grid_column_spacing' );
$is_there_meta_above = Avada()->settings->get( 'post_meta' ) && ( Avada()->settings->get( 'post_meta_author' ) || Avada()->settings->get( 'post_meta_date' ) || Avada()->settings->get( 'post_meta_cats' ) || Avada()->settings->get( 'post_meta_tags' ) );
$is_there_meta_below = Avada()->settings->get( 'post_meta' ) && ( Avada()->settings->get( 'post_meta_comments' ) || Avada()->settings->get( 'post_meta_read' ) );
$display_comments = Avada()->settings->get( 'post_meta_comments' );
$display_read_more = Avada()->settings->get( 'post_meta_read' );
$pagination_type = fusion_get_option( 'blog_pagination_type' );
$number_of_pages = $wp_query->max_num_pages;
$is_there_content = 'full_content' === fusion_get_option( 'content_length' ) || ( 'excerpt' === fusion_get_option( 'content_length' ) && 0 < fusion_get_option( 'excerpt_length_blog' ) );
}
$post_class = 'fusion-post-' . $blog_layout;
$lazy_load = 'avada' === Avada()->settings->get( 'lazy_load' ) ? true : false;
// Used for grid and timeline layouts.
$is_there_meta = $is_there_meta_above || $is_there_meta_below;
// Masonry needs additional grid class.
if ( 'masonry' === $blog_layout ) {
$post_class .= ' fusion-post-grid';
}
$container_class = 'fusion-posts-container ';
$wrapper_class = 'fusion-blog-layout-' . $blog_layout . '-wrapper ';
if ( 'grid' === $blog_layout || 'masonry' === $blog_layout ) {
$container_class .= 'fusion-blog-layout-grid fusion-blog-layout-grid-' . $grid_columns . ' isotope ';
if ( 'masonry' === $blog_layout ) {
$container_class .= 'fusion-blog-layout-' . $blog_layout . ' ';
}
} elseif ( 'timeline' !== $blog_layout ) {
$container_class .= 'fusion-blog-layout-' . $blog_layout . ' ';
}
if ( ! $is_there_meta ) {
$container_class .= 'fusion-no-meta-info ';
}
if ( Avada()->settings->get( 'blog_equal_heights' ) && 'grid' === $blog_layout && 1 < $grid_columns ) {
$container_class .= 'fusion-blog-equal-heights ';
}
// Set class for scrolling type.
if ( 'infinite_scroll' === $pagination_type ) {
$container_class .= 'fusion-posts-container-infinite ';
$wrapper_class .= 'fusion-blog-infinite ';
} elseif ( 'load_more_button' === $pagination_type ) {
$container_class .= 'fusion-posts-container-infinite fusion-posts-container-load-more ';
} else {
$container_class .= 'fusion-blog-pagination ';
}
if ( ! $display_featured_images ) {
$container_class .= 'fusion-blog-no-images ';
}
// Add class if rollover is enabled.
if ( Avada()->settings->get( 'image_rollover' ) && $display_featured_images ) {
$container_class .= 'fusion-blog-rollover ';
}
$content_align = Avada()->settings->get( 'blog_layout_alignment' );
if ( $content_align && ( 'grid' === $blog_layout || 'masonry' === $blog_layout || 'timeline' === $blog_layout ) ) {
$container_class .= 'fusion-blog-layout-' . $content_align . '';
}
?>
<div id="posts-container" class="fusion-blog-archive <?php echo esc_attr( $wrapper_class ); ?>fusion-clearfix">
<div class="<?php echo esc_attr( $container_class ); ?>" data-pages="<?php echo (int) $number_of_pages; ?>">
<?php if ( 'timeline' === $blog_layout ) : ?>
<?php // Add the timeline icon. ?>
<div class="fusion-timeline-icon"><i class="awb-icon-bubbles" aria-hidden="true"></i></div>
<div class="fusion-blog-layout-timeline fusion-clearfix">
<?php
// Initialize the time stamps for timeline month/year check.
$post_count = 1;
$prev_post_timestamp = null;
$prev_post_month = null;
$prev_post_year = null;
$first_timeline_loop = false;
?>
<?php // Add the container that holds the actual timeline line. ?>
<div class="fusion-timeline-line"></div>
<?php endif; ?>
<?php if ( 'masonry' === $blog_layout ) : ?>
<article class="fusion-post-grid fusion-post-masonry post fusion-grid-sizer"></article>
<?php endif; ?>
<?php // Start the main loop. ?>
<?php while ( have_posts() ) : ?>
<?php the_post(); ?>
<?php
// Set the time stamps for timeline month/year check.
$alignment_class = '';
if ( 'timeline' === $blog_layout ) {
$post_timestamp = get_the_time( 'U' );
$post_month = date( 'n', $post_timestamp );
$post_year = get_the_date( 'Y' );
$current_date = get_the_date( 'Y-n' );
// Set the correct column class for every post.
if ( $post_count % 2 ) {
$alignment_class = 'fusion-left-column';
} else {
$alignment_class = 'fusion-right-column';
}
// Set the timeline month label.
if ( $prev_post_month != $post_month || $prev_post_year != $post_year ) { // phpcs:ignore WordPress.PHP.StrictComparisons.LooseComparison
if ( $post_count > 1 ) {
echo '</div>';
}
echo '<h3 class="fusion-timeline-date">' . get_the_date( Avada()->settings->get( 'timeline_date_format' ) ) . '</h3>';
echo '<div class="fusion-collapse-month">';
}
}
// Set the has-post-thumbnail if a video is used. This is needed if no featured image is present.
$thumb_class = '';
if ( fusion_get_page_option( 'video', get_the_ID() ) ) {
$thumb_class = ' has-post-thumbnail';
}
// Masonry layout, get the element orientation class.
$element_orientation_class = '';
if ( 'masonry' === $blog_layout ) {
$responsive_images_columns = $grid_columns;
$masonry_attributes = [];
$element_base_padding = 0.8;
// Set image or placeholder and correct corresponding styling.
if ( has_post_thumbnail() ) {
$post_thumbnail_attachment = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$masonry_attribute_style = $lazy_load ? '' : 'background-image:url(' . $post_thumbnail_attachment[0] . ');';
} else {
$post_thumbnail_attachment = [];
$masonry_attribute_style = 'background-color:#f6f6f6;';
}
// Get the correct image orientation class.
$element_orientation_class = Avada()->images->get_element_orientation_class( get_post_thumbnail_id() );
$element_base_padding = Avada()->images->get_element_base_padding( $element_orientation_class );
$masonry_column_offset = ' - ' . ( $grid_columns_spacing / 2 ) . 'px';
if ( false !== strpos( $element_orientation_class, 'fusion-element-portrait' ) ) {
$masonry_column_offset = '';
}
$masonry_column_spacing = ( $grid_columns_spacing ) . 'px';
if ( class_exists( 'Fusion_Sanitize' ) && class_exists( 'Fusion_Color' ) && ! Fusion_Color::new_color( Avada()->settings->get( 'timeline_color' ) )->is_color_transparent() ) {
$masonry_column_offset = ' - ' . ( $grid_columns_spacing / 2 ) . 'px';
if ( false !== strpos( $element_orientation_class, 'fusion-element-portrait' ) ) {
$masonry_column_offset = ' + 4px';
}
$masonry_column_spacing = ( $grid_columns_spacing - 2 ) . 'px';
if ( false !== strpos( $element_orientation_class, 'fusion-element-landscape' ) ) {
$masonry_column_spacing = ( $grid_columns_spacing - 6 ) . 'px';
}
}
// Check if a featured image is set and also that not a video with no featured image.
$post_video = fusion_get_page_option( 'video', get_the_ID() );
if ( ! empty( $post_thumbnail_attachment ) || ! $post_video ) {
// Calculate the correct size of the image wrapper container, based on orientation and column spacing.
$masonry_attribute_style .= 'padding-top:calc((100% + ' . $masonry_column_spacing . ') * ' . $element_base_padding . $masonry_column_offset . ');';
}
// Check if we have a landscape image, then it has to stretch over 2 cols.
if ( 1 !== $grid_columns && false !== strpos( $element_orientation_class, 'fusion-element-landscape' ) ) {
$responsive_images_columns = $grid_columns / 2;
}
// Set the masonry attributes to use them in the first featured image function.
$masonry_attributes = [
'class' => 'fusion-masonry-element-container',
'style' => $masonry_attribute_style,
];
if ( $lazy_load && isset( $post_thumbnail_attachment[0] ) ) {
$masonry_attributes['data-bg'] = $post_thumbnail_attachment[0];
$masonry_attributes['class'] .= ' lazyload';
}
// Get the post image.
Avada()->images->set_grid_image_meta(
[
'layout' => 'portfolio_full',
'columns' => $responsive_images_columns,
'gutter_width' => $grid_columns_spacing,
]
);
$permalink = get_permalink( $post->ID );
$image = fusion_render_first_featured_image_markup( $post->ID, 'full', $permalink, false, false, false, 'default', 'default', '', '', 'yes', false, $masonry_attributes );
Avada()->images->set_grid_image_meta( [] );
}
$post_classes = [
$post_class,
$alignment_class,
$thumb_class,
$element_orientation_class,
'post',
'fusion-clearfix',
];
?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $post_classes ); ?>>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout ) : ?>
<?php // Add an additional wrapper for grid layout border. ?>
<div class="fusion-post-wrapper">
<?php endif; ?>
<?php if ( $display_featured_images && 'large-alternate' === $blog_layout ) : ?>
<?php
// Get featured images for large-alternate layout.
get_template_part( 'new-slideshow' );
?>
<?php endif; ?>
<?php if ( 'large-alternate' === $blog_layout || 'medium-alternate' === $blog_layout ) : ?>
<?php // Get the post date and format box for alternate layouts. ?>
<div class="fusion-date-and-formats">
<?php
/**
* The avada_blog_post_date_adn_format hook.
*
* @hooked avada_render_blog_post_date - 10 (outputs the HTML for the date box).
* @hooked avada_render_blog_post_format - 15 (outputs the HTML for the post format box).
*/
do_action( 'avada_blog_post_date_and_format' );
?>
</div>
<?php endif; ?>
<?php if ( $display_featured_images && 'large-alternate' !== $blog_layout ) : ?>
<?php
if ( 'masonry' === $blog_layout ) {
echo $image; // phpcs:ignore WordPress.Security.EscapeOutput
} else {
// Get featured images for all but large-alternate layout.
get_template_part( 'new-slideshow' );
}
?>
<?php endif; ?>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout || 'timeline' === $blog_layout ) : ?>
<?php // The post-content-wrapper is only needed for grid and timeline. ?>
<div class="fusion-post-content-wrapper">
<?php endif; ?>
<?php if ( 'timeline' === $blog_layout ) : ?>
<?php // Add the circles for timeline layout. ?>
<div class="fusion-timeline-circle"></div>
<div class="fusion-timeline-arrow"></div>
<?php endif; ?>
<div class="fusion-post-content post-content">
<?php echo avada_render_post_title( $post->ID ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
<?php // Render post meta for grid and timeline layouts. ?>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout || 'timeline' === $blog_layout ) : ?>
<?php echo fusion_render_post_metadata( 'grid_timeline' ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
<?php // See 7199. ?>
<?php if ( 'masonry' !== $blog_layout && ( $is_there_meta_above && ( $is_there_content || $is_there_meta_below ) || ( ! $is_there_meta_above && $is_there_meta_below ) ) ) : ?>
<?php
$separator_styles_array = explode( '|', Avada()->settings->get( 'grid_separator_style_type' ) );
$separator_styles = '';
foreach ( $separator_styles_array as $separator_style ) {
$separator_styles .= ' sep-' . $separator_style;
}
?>
<div class="fusion-content-sep<?php echo esc_attr( $separator_styles ); ?>"></div>
<?php endif; ?>
<?php elseif ( 'large-alternate' === $blog_layout || 'medium-alternate' === $blog_layout ) : ?>
<?php // Render post meta for alternate layouts. ?>
<?php echo fusion_render_post_metadata( 'alternate' ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
<?php endif; ?>
<div class="fusion-post-content-container">
<?php
/**
* The avada_blog_post_content hook.
*
* @hooked avada_render_blog_post_content - 10 (outputs the post content wrapped with a container).
*/
do_action( 'avada_blog_post_content' );
?>
</div>
</div>
<?php if ( 'medium' === $blog_layout || 'medium-alternate' === $blog_layout ) : ?>
<div class="fusion-clearfix"></div>
<?php endif; ?>
<?php // Render post meta data according to layout. ?>
<?php if ( $is_there_meta ) : ?>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout || 'timeline' === $blog_layout ) : ?>
<?php // Render read more for grid/timeline layouts. ?>
<?php if ( $display_comments || $display_read_more ) : ?>
<div class="fusion-meta-info">
<?php if ( $display_read_more ) : ?>
<?php
$link_target = ( 'yes' === fusion_get_page_option( 'link_icon_target', $post->ID ) || 'yes' === fusion_get_page_option( 'post_links_target', $post->ID ) ) ? ' target="_blank" rel="noopener noreferrer"' : '';
$readmore_alignment = ! $display_comments && '' !== $content_align ? 'fusion-align' . $content_align : 'fusion-alignleft';
?>
<div class="<?php echo esc_attr( $readmore_alignment ); ?>">
<a href="<?php echo esc_url_raw( get_permalink() ); ?>" class="fusion-read-more"<?php echo $link_target; // phpcs:ignore WordPress.Security.EscapeOutput ?> aria-label="<?php esc_attr_e( 'More on', 'Avada' ); ?> <?php the_title_attribute(); ?>">
<?php echo esc_textarea( apply_filters( 'avada_blog_read_more_link', esc_attr__( 'Read More', 'Avada' ) ) ); ?>
</a>
</div>
<?php endif; ?>
<?php // Render comments for grid/timeline layouts. ?>
<?php if ( $display_comments ) : ?>
<?php $comment_alignment = ! $display_read_more && '' !== $content_align ? 'fusion-align' . $content_align : 'fusion-alignright'; ?>
<div class="<?php echo esc_attr( $comment_alignment ); ?>">
<?php if ( ! post_password_required( $post->ID ) ) : ?>
<?php comments_popup_link( '<i class="awb-icon-bubbles" aria-hidden="true"></i> 0', '<i class="awb-icon-bubbles" aria-hidden="true"></i> 1', '<i class="awb-icon-bubbles" aria-hidden="true"></i> %' ); ?>
<?php else : ?>
<i class="awb-icon-bubbles" aria-hidden="true"></i> <?php esc_attr_e( 'Protected', 'Avada' ); ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php else : ?>
<div class="fusion-meta-info">
<?php // Render all meta data for medium and large layouts. ?>
<?php if ( 'large' === $blog_layout || 'medium' === $blog_layout ) : ?>
<?php echo fusion_render_post_metadata( 'standard' ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
<?php endif; ?>
<?php // Render read more for medium/large and medium/large alternate layouts. ?>
<?php if ( $display_read_more ) : ?>
<?php $link_target = ( 'yes' === fusion_get_page_option( 'link_icon_target', $post->ID ) || 'yes' === fusion_get_page_option( 'post_links_target', $post->ID ) ) ? ' target="_blank" rel="noopener noreferrer"' : ''; ?>
<div class="fusion-alignright">
<a href="<?php echo esc_url_raw( get_permalink() ); ?>" class="fusion-read-more"<?php echo $link_target; // phpcs:ignore WordPress.Security.EscapeOutput ?> aria-label="<?php esc_attr_e( 'More on', 'Avada' ); ?> <?php the_title_attribute(); ?>">
<?php echo esc_textarea( apply_filters( 'avada_read_more_name', esc_attr__( 'Read More', 'Avada' ) ) ); ?>
</a>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php elseif ( ! Avada()->settings->get( 'post_meta' ) ) : ?>
<?php echo fusion_render_rich_snippets_for_pages(); // phpcs:ignore WordPress.Security.EscapeOutput ?>
<?php endif; ?>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout || 'timeline' === $blog_layout ) : ?>
</div>
<?php endif; ?>
<?php if ( 'grid' === $blog_layout || 'masonry' === $blog_layout ) : ?>
</div>
<?php endif; ?>
</article>
<?php
// Adjust the timestamp settings for next loop.
if ( 'timeline' === $blog_layout ) {
$prev_post_timestamp = $post_timestamp;
$prev_post_month = $post_month;
$prev_post_year = $post_year;
$post_count++;
}
?>
<?php endwhile; ?>
<?php if ( 'timeline' === $blog_layout && 1 < $post_count ) : ?>
</div>
<?php endif; ?>
</div>
<?php // If infinite scroll with "load more" button is used. ?>
<?php if ( 'load_more_button' === $pagination_type && 1 < $number_of_pages ) : ?>
<button class="fusion-load-more-button fusion-blog-button fusion-clearfix">
<?php
$load_more_text = is_search() ? esc_attr__( 'Load More Results', 'Avada' ) : esc_attr__( 'Load More Posts', 'Avada' );
echo esc_textarea( apply_filters( 'avada_load_more_posts_name', $load_more_text ) );
?>
</button>
<?php endif; ?>
<?php if ( 'timeline' === $blog_layout ) : ?>
</div>
<?php endif; ?>
<?php // Get the pagination. ?>
<?php echo fusion_pagination( '', Avada()->settings->get( 'pagination_range' ) ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
</div>