Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

How to place post title under image


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old May 5, 2009, 12:47 AM
Antsliedown
 
5 posts · Apr 2009
Does anyone know how to place the individual post headline so that the image of the post is above both the headline and the body?
i.e http://www.uncrate.com/men/home/art-decor/kaleido-r7/
  #2  
Old May 13, 2009, 05:40 AM
core4
 
1 posts · May 2009
Did you figure this out? I'd love to know a method to do this.

TIA.
  #3  
Old May 13, 2009, 07:09 PM
Flynn's Avatar
Flynn
 
3,761 posts · Oct 2008
Munich, Germany
Add the image file name as the value of a new custom field to the post or page

Posts -> Edit -> [Post Title] -> [scroll down to:] Custom Fields -> [scroll down to:] Add new Custom field -> Enter new ->

Name: postheadingimg
Value: myimage23.jpg

-> Click "Add custom field"

... and reference that image in the post kicker at i.e. Post/Page Info Items -> KICKER: Single Post Pages as

PHP Code:
<img src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /> 
Or linked to the single post page
PHP Code:
<a href="%permalink%"><img src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /></a
Additionally, adding a class and ID to each image so they can be group-styled or individually styled:
PHP Code:
<a href="%permalink%"><img id="postheadingimg-%post-id%" class="postheadingimg" src="/path/to/images/%meta('postheadingimg')%" alt="%post-title%" /></a
CSS Insert:
HTML Code:
/* base style for all */
img.postheadingimg {
border: 5px solid black;
}
/* specifically for post ID 13 */
img#postheadingimg-13 {
border: 5px solid red;
}
  #4  
Old Nov 6, 2010, 10:25 AM
eperon
 
11 posts · Aug 2010
this works pretty well! except when a post does not have a custom field defined, it will show a 'image missing / broken ' sign...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can a place a logo image on the left side and another image on the right side? Ms. M Header configuration & styling 11 Jan 18, 2010 12:28 PM
How to place RSS icons Post, By Email, Comments at botton of each post. sagatr Post-Kicker, -Byline & -Footer 7 Jun 21, 2009 04:36 AM
Place image about sidebar tim5046 Sidebars & Widgets 3 Jun 11, 2009 01:55 PM
Place image beside post title jutta Header configuration & styling 1 Apr 2, 2009 07:31 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 02:39 PM


All times are GMT -6. The time now is 10:17 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.