Lines:

<?php

/**
 * Template part for displaying pages on front page
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since Twenty Seventeen 1.0
 * @version 1.0
 */

global $twentyseventeencounter;

?>

<article id="panel<?php echo $twentyseventeencounter; ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> >

	<?php
  if ( has_post_thumbnail() ) :
    $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );

    // Calculate aspect ratio: h / w * 100%.
    $ratio = $thumbnail[2] / $thumbnail[1] * 100;
    ?>

		<div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);">
			<div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div>
		</div><!-- .panel-image -->

	<?php endif; ?>

	<div class="panel-content">
		<div class="wrap">
			<header class="entry-header">
				<?php the_title( '<h2 class="entry-title">', '</h2>' ); ?>

				<?php twentyseventeen_edit_link( get_the_ID() ); ?>

			</header><!-- .entry-header -->

			<div class="entry-content">
				<?php
          the_content(
            sprintf(
              /* translators: %s: Post title. Only visible to screen readers. */
              __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
              get_the_title()
            )
          );
          ?>
			</div><!-- .entry-content -->

			<?php
      // Show recent blog posts if is blog posts page (Note that get_option returns a string, so we're casting the result as an int).
      if ( get_the_ID() === (int) get_option( 'page_for_posts' ) ) :
        ?>

				<?php
        // Show three most recent posts.
        $recent_posts = new WP_Query(
          array(
            'posts_per_page'      => 3,
            'post_status'         => 'publish',
            'ignore_sticky_posts' => true,
            'no_found_rows'       => true,
          )
        );
        ?>

				<?php if ( $recent_posts->have_posts() ) : ?>

					<div class="recent-posts">

						<?php
            while ( $recent_posts->have_posts() ) :
              $recent_posts->the_post();
              get_template_part( 'template-parts/post/content', 'excerpt' );
            endwhile;
            wp_reset_postdata();
            ?>
					</div><!-- .recent-posts -->
				<?php endif; ?>
			<?php endif; ?>

		</div><!-- .wrap -->
	</div><!-- .panel-content -->

</article><!-- #post-<?php the_ID(); ?> -->
 

 View on GitHub View on Trac