• 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">&rarr;</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.