1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<?php /** * Template part for displaying pages on front page * * @package WordPress * @subpackage Twenty_Seventeen * @since 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 /* translators: %s: Name of current post */ the_content( sprintf( __( '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(); ?> -->
|