WordPress.org

Ready to get started?Download WordPress

Forums

Image After Post (2 posts)

  1. Shirohagen
    Member
    Posted 7 years ago #

    Hi Guys

    I'm using the wonderful Hemingway theme for my website and want to customise the way a project post looks compared to a normal blog post. So far I've done this fine, but how can I get the post image to start from the far left, under the info block and the post itself?

    An example is here:
    http://www.holster.co.uk/wordpress/archives/24

    I want to move the image to where the text in CAPS is, outside of the Primary block, but still within the Inside block. Any ideas? I guess I need a way to respecify the post image at that point, but the_content just spits out the whole thing...

    This is what my project post template looks like:

    ====================================

    <?php get_header(); ?>

    <div id="primary" class="single-post">
    <div class="inside">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="primary">
    <h1><?php the_title(); ?></h1>
    <?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
    </div>
    <hr class="hide" />
    <div class="secondary">
    <h2>Project</h2>
    <div class="featured">
    <p>You’re currently reading “<?php the_title(); ?>,” an entry on <?php bloginfo('name'); ?></p>
    <!--<dl>
    <dt>Published:</dt>
    <dd><?php the_time( $hemingway->date_format() . '.y' ) ?> / <?php the_time('ga') ?></dd>
    </dl>-->
    <dl>
    <dt>Category:</dt>
    <dd><?php the_category(', ') ?></dd>
    </dl>
    <?php edit_post_link('Edit this entry.', '<dl><dt>Edit:</dt><dd> ', '</dd></dl>'); ?>
    </div>
    </div>
    <div class="clear"></div>
    THIS IS WHERE THE PROJECt IMAGE WOULD GO, ACROSS THE WHOLE PAGE HOPEFULLY...
    </div>
    </div>
    <!-- [END] #primary -->

    <?php endwhile; else: ?>
    <p>Sorry, no posts matched your criteria.</p>
    <?php endif; ?>
    </div>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

  2. Shirohagen
    Member
    Posted 6 years ago #

    Hello

    In case anyone is interested, I did eventually find a way to do this, although I'm still working on the site.

    To display the image only I used the Image Extractor plugin:
    http://www.dynamick.it/image-extractor-765.html

    And then to display the text, I used The_Extract Reloaded plugin, which gives you a bit more control than the standard excerpt:
    http://guff.szub.net/2005/02/26/the_excerpt-reloaded/

    That's pretty much it, it allowed me to put the image under the text on the portfolio pages and have a nice wide graphic separate from the info.

    Hope this helps...!

    ®

Topic Closed

This topic has been closed to new replies.

About this Topic