Formatting older posts on home page
-
On my homepage, which shows my latest posts, I would like my most recent post to show with a large image, and than have the older post differently formatted, with a smaller image to the left and brief text to right. Trying to figure out what to target to do this.
This site is a perfect example of what I am after:
http://camillestyles.com/My site is using Superhero and the content.php is shows the home page posts.
<?php /** * @package Superhero * @since Superhero 1.0 */ ?> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <?php if ( '' != get_the_post_thumbnail() ) { $image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'feat-img' ); // If the image is greater than or equal to 645, show it if ( $image[1] >= 645 ) { ?> <a href="<?php echo get_attachment_link(get_post_thumbnail_id($post->ID)) ?>"> <?php the_post_thumbnail('feat-img'); ?></a> <?php } } ?> <header class="entry-header"> <h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1> <?php if ( 'post' == get_post_type() ) : ?> <div class="entry-meta"> <?php superhero_posted_on(); ?> </div><!-- .entry-meta --> <?php endif; ?> </header><!-- .entry-header --> <?php if ( is_search() ) : // Only display Excerpts for Search ?> <div class="entry-summary"> <?php the_excerpt(); ?> </div><!-- .entry-summary --> <?php else : ?> <div class="entry-content"> <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'superhero' ) ); ?> <?php wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'superhero' ), 'after' => '</div>' ) ); ?> </div><!-- .entry-content --> <?php endif; ?> <footer class="entry-meta"> <?php if ( 'post' == get_post_type() ) : // Hide category and tag text for pages on Search ?> <?php /* translators: used between list items, there is a space after the comma */ $categories_list = get_the_category_list( __( ', ', 'superhero' ) ); if ( $categories_list && superhero_categorized_blog() ) : ?> <span class="cat-links"> <?php printf( __( 'Posted in %1$s', 'superhero' ), $categories_list ); ?> </span> <?php endif; // End if categories ?> <?php /* translators: used between list items, there is a space after the comma */ $tags_list = get_the_tag_list( '', __( ', ', 'superhero' ) ); if ( $tags_list ) : ?> <span class="sep"> | </span> <span class="tags-links"> <?php printf( __( 'Tagged %1$s', 'superhero' ), $tags_list ); ?> </span> <?php endif; // End if $tags_list ?> <?php endif; // End if 'post' == get_post_type() ?> <?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?> <span class="sep"> | </span> <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'superhero' ), __( '1 Comment', 'superhero' ), __( '% Comments', 'superhero' ) ); ?></span> <?php endif; ?> <?php edit_post_link( __( 'Edit', 'superhero' ), '<span class="sep"> | </span><span class="edit-link">', '</span>' ); ?> </footer><!-- .entry-meta --> </article><!-- #post-## -->
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
The topic ‘Formatting older posts on home page’ is closed to new replies.