1 <?php |
|
2 /** |
|
3 * Template part for displaying pages on front page |
|
4 * |
|
5 * @package WordPress |
|
6 * @subpackage Twenty_Seventeen |
|
7 * @since 1.0 |
|
8 * @version 1.0 |
|
9 */ |
|
10 |
|
11 global $twentyseventeencounter; |
|
12 |
|
13 ?> |
|
14 |
|
15 <article id="panel<?php echo $twentyseventeencounter; ?>" <?php post_class( 'twentyseventeen-panel ' ); ?> > |
|
16 |
|
17 <?php if ( has_post_thumbnail() ) : |
|
18 $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' ); |
|
19 |
|
20 // Calculate aspect ratio: h / w * 100%. |
|
21 $ratio = $thumbnail[2] / $thumbnail[1] * 100; |
|
22 ?> |
|
23 |
|
24 <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);"> |
|
25 <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div> |
|
26 </div><!-- .panel-image --> |
|
27 |
|
28 <?php endif; ?> |
|
29 |
|
30 <div class="panel-content"> |
|
31 <div class="wrap"> |
|
32 <header class="entry-header"> |
|
33 <?php the_title( '<h2 class="entry-title">', '</h2>' ); ?> |
|
34 |
|
35 <?php twentyseventeen_edit_link( get_the_ID() ); ?> |
|
36 |
|
37 </header><!-- .entry-header --> |
|
38 |
|
39 <div class="entry-content"> |
|
40 <?php |
|
41 /* translators: %s: Name of current post */ |
|
42 the_content( sprintf( |
|
43 __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ), |
|
44 get_the_title() |
|
45 ) ); |
|
46 ?> |
|
47 </div><!-- .entry-content --> |
|
48 |
|
49 <?php |
|
50 // 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). |
|
51 if ( get_the_ID() === (int) get_option( 'page_for_posts' ) ) : ?> |
|
52 |
|
53 <?php // Show four most recent posts. |
|
54 $recent_posts = new WP_Query( array( |
|
55 'posts_per_page' => 3, |
|
56 'post_status' => 'publish', |
|
57 'ignore_sticky_posts' => true, |
|
58 'no_found_rows' => true, |
|
59 ) ); |
|
60 ?> |
|
61 |
|
62 <?php if ( $recent_posts->have_posts() ) : ?> |
|
63 |
|
64 <div class="recent-posts"> |
|
65 |
|
66 <?php |
|
67 while ( $recent_posts->have_posts() ) : $recent_posts->the_post(); |
|
68 get_template_part( 'template-parts/post/content', 'excerpt' ); |
|
69 endwhile; |
|
70 wp_reset_postdata(); |
|
71 ?> |
|
72 </div><!-- .recent-posts --> |
|
73 <?php endif; ?> |
|
74 <?php endif; ?> |
|
75 |
|
76 </div><!-- .wrap --> |
|
77 </div><!-- .panel-content --> |
|
78 |
|
79 </article><!-- #post-## --> |
|