JohnPaulDesign
5/8/2017 - 11:49 AM

Genesis custom post list - thumbnails as background images

Genesis custom post list - thumbnails as background images

//Custom blog list template
add_action( 'genesis_entry_header', 'eia_blog_list' );
function eia_blog_list($title) {
	if (genesis_is_blog_template()) {
		if (!has_post_thumbnail()) {
			// Custom markup no featured image set
			?>
			<div class="eia-blog-post-header" style="background-image: url(/wp-content/themes/eia/img/blog-default-image.jpg)">
			<div class="image-overlay"></div>
			<div class="eia-blog-post-title-wrap">
				<a class="blog-link" href="<?php echo the_permalink(); ?>">
					<div class="title-wrap">
						<h2 class="post-title"><?php echo the_title(); ?></h2>
					</div>
				</a>
			</div>
			</div>
			<?php
		}
		if (has_post_thumbnail()) {
			// Custom markout with set featured image
			?>
			<div class="eia-blog-post-header" style="background-image: url(<?php echo genesis_get_image(array('format' => 'url')); ?>)">
			<div class="image-overlay"></div>
			<div class="eia-blog-post-title-wrap">
				<a class="blog-link" href="<?php echo the_permalink(); ?>">
					<div class="title-wrap">
						<h2 class="post-title"><?php echo the_title(); ?></h2>
					</div>
				</a>
			</div>
			</div>
			<?php
		}
	}
}