custom-header-highlight

<?php
/**
 * The template for displaying header_highlight items
 *
 * @package Travelore
 */
?>

<?php
$number = get_theme_mod( 'travelore_header_highlight_number', 5 );

if ( ! $number ) {
	// If number is 0, then this section is disabled
	return;
}

$disable_slider = ! get_theme_mod( 'travelore_header_highlight_slider' );

for ( $i = 1; $i <= $number; $i++ ) {
	$content  = get_theme_mod( 'travelore_header_highlight_content_' . $i );
	$target   = get_theme_mod( 'travelore_header_highlight_target_' . $i ) ? '_blank': '_self';
	$link     = get_theme_mod( 'travelore_header_highlight_link_' . $i, '#' );
	$title    = get_theme_mod( 'travelore_header_highlight_title_' . $i );
	$image    = get_theme_mod( 'travelore_header_highlight_image_' . $i );

	if ( function_exists( 'qtrans_convertURL' ) ) {
		$link = qtrans_convertURL( $link );
	}

	$post_class = '';
	if ( has_post_thumbnail() ) {
		$post_class .= ' has-post-thumbnail';
	}

	?>
	<article id="header-highlights-post-<?php echo esc_attr( $i ) ?>" class="grid-item post hentry post-image <?php echo esc_attr( $post_class ); ?>">
		<div class="hentry-inner">
			<?php if ( $image ) : ?>
				<div class="header-highlight-section-thumbnail post-thumbnail" style="background-image: url( <?php echo esc_url( $image ); ?> );">
					<a href="<?php echo esc_url( $link ); ?>" class="cover-link">

					</a>
				</div><!-- .post-thumbnail -->
			<?php endif; ?>
			<div class="entry-container">
				<?php if ( $title ) : ?>
					<header class="entry-header">
						<h2 class="entry-title"><a target="<?php echo esc_attr( $target ); ?>" href="<?php echo esc_url( $link ); ?>"><?php echo wp_kses_post( $title ); ?></a></h2>
					</header>
				<?php endif; ?>

				<?php if ( $content ) : ?>
					<div class="entry-content">
						<?php echo wp_kses_post( apply_filters( 'the_content', $content ) ); ?>
					</div>
				<?php endif; ?>
			</div><!-- .entry-container -->
		</div><!-- .hentry-inner -->
	</article>
	<?php if ( 0 === $i % 5 && $i < $number ) : ?>
		</div><!-- grid -->
	<?php endif;

	if ( ! $disable_slider && 0 === $i % 5 && $i < $number ) : ?>
		</div><!-- .slider-wrapper -->
		<div class="slider-wrapper">
	<?php
	endif;
	if ( 0 === $i % 5 && $i < $number ) : ?>
		<div class="grid">
			<div class="grid-sizer"></div>
	<?php endif;
}