WordPress.org

Ready to get started?Download WordPress

Forums

Display elements of post (Text, Image) separately? (7 posts)

  1. Shirohagen
    Member
    Posted 7 years ago #

    Hello

    I'm currently tryng to use WordPress to power my whole graphic design portfolio site. I am keeping a blog but also a portfolio so posts in the 'portfolio' category are treated differently. I currently have a different template for displaying a portfolio post, as I want to show the text and the image in seperate DIVs.

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

    As you can see I have posted a bit of text and an image, but I want the image to appear across the whole column, outside of the normal post DIV.

    To do this I want to be able to call the post's text content within the DIV, and then separately display the associated image after it (Where the line of CAPS text is currently)

    Can anyone help? So far I can only find a the_content function which returns the whole lot. Can I parse or modify the results of the_content to filter out the text or image? Can I use a different function to return just the text or image?

    Any help would be greatly appreciated!

    ®

  2. 3stripe
    Member
    Posted 7 years ago #

    I also would love to do this.

    My layout would benefit greatly if images that have been uploaded and attached where in a separate div, in my case floated to the right of the text column.

    I've thought about using an image gallery plugin to achieve this, but am loathe to introduce something outside of WP's native functionality, especially as it will make things more convoluted for the end user (who will be less tech-savy than moi!)

  3. garus
    Member
    Posted 7 years ago #

    I am also in the same situation :( and I can not find anything on line about this. other then here...

  4. Marcomail
    Member
    Posted 7 years ago #

    You can capture the images with post-thumb...although you can insert images in exacerpt or in a custom field, and then call it in your custom category pages category-8.php (for example)

  5. garus
    Member
    Posted 7 years ago #

    Marcomail this is the first glimmer of hope that I have had. Could you elaborate on this post-thumb usage.

    how do I add it to my code.

  6. Marcomail
    Member
    Posted 7 years ago #

    you can put post thumb code everywhere in the loop, try to look for it http://www.alakhnor.com/post-thumb/?cat=1

    This is an example of post thumb code

    <?php
    		$post_link = get_thumb('ALTAPPEND=th-&WIDTH=100&HEIGHT=200);
    		if ( !empty($post_link) ) { echo $post_link; }
    
    ?>

    Although you could use imp-portfolio http://www.inmypad.com/2007/05/wordpress-plugins-imp-portfolio/

    you can simple add your preview image when you adding a new link in the relative image field, and then show it in a wordpress page with this plugin

  7. 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