WordPress.org

Support

Support » Plugins and Hacks » Image for preview of post but not in actual content

Image for preview of post but not in actual content

  • Hey all,

    I currently have this site http://77pixels.com and I have it where I put a large image up as the preview and I do this by adding the <!--more--> tag. But is there a way that I can have it so this is shown for the preview, but not in the actual post?

    Also is it possible to have it so when hovered over the image a greyed out area raises up with some details and the if the image is clicked it goes to the post.

    Dunno if there is a plugin to do this or a way to post in a way like this.

    Thanks in advance for any help 😀

Viewing 2 replies - 1 through 2 (of 2 total)
  • Leon Stafford

    @leonstafford

    Hi,

    I’m using a custom field with each post with the filename of an uploaded image as the post’s preview image @ http://howto.werideonsundays.com

    I’ll try to write a guide or a plugin for this soon, but it wasn’t too difficult, knowing a little php and Googling for help with the custom fields.

    btw, your site is down!

    Doodlebee

    @doodlebee

    Well, if you don’t want the image to show up at all in the post, you can do this easily with CSS. Instead of using the <!--more--> tag, make the image the very first thing in the post, and set a class to it. Then, in your stylesheet, set it to “display:none;” when its on the actual single post page. Just reserve that class for images that you don’t want to show up in the actual post (and yeah, use the <!--more--> tag *after* the image.)

    As for a greyed out area, you could probably also do that with CSS using an image swap (I have a tutorial for a CSS image swap on my site). Otherwise you’ll have to use javascript or something.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image for preview of post but not in actual content’ is closed to new replies.