Title: Thumbnails Caption Last modified: August 20, 2016 --- # Thumbnails Caption * Resolved [Dolomats0](https://wordpress.org/support/users/dolomats0/) * (@dolomats0) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/) * Hello. * as the title show i want to show a caption under my posts Thumbnails if it s possible as u can see on this images under… * Without caption : [http://ibergag.com/thumb.jpg](http://ibergag.com/thumb-caption.jpg) * With Caption : [http://ibergag.com/thumb-caption.jpg](http://ibergag.com/thumb-caption.jpg) * NB: if ther is some code to insert please lead me exatly wher to do it coz i m Noob ^^ * Thank you Viewing 9 replies - 1 through 9 (of 9 total) * [Drew Jaynes](https://wordpress.org/support/users/drewapicture/) * (@drewapicture) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134304) * Captions for post_thumbnails aren’t supported out of the box. You’d need to use a custom function for that. There are several such functions outlined in [this other thread](http://wordpress.org/support/topic/display-caption-with-the_post_thumbnail?replies=12) though. * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134315) * there is some code based on the linked forum topic: [http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption](http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption) * if you are not familiar with filter functions, read [http://codex.wordpress.org/Plugin_API#Filters](http://codex.wordpress.org/Plugin_API#Filters) * Thread Starter [Dolomats0](https://wordpress.org/support/users/dolomats0/) * (@dolomats0) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134374) * Thank you for your support * This link : [http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption](http://www.transformationpowertools.com/wordpress/wordpress-post-thumbnails-with-caption) * helped me insert the caption as u can see here * [http://ibergag.com/?p=9866](http://ibergag.com/?p=9866) * but still cant get CSS to style it anyone can help ?! * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134430) * what exact code have you used? * I don’t see any ‘thumbnail’ and ‘caption’ specific css classes with your thumbnail( assuming that this is the caption: _PH.CAHFIK ARICH_) * Thread Starter [Dolomats0](https://wordpress.org/support/users/dolomats0/) * (@dolomats0) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134450) * i used this funcktion on the file function.php on my current théme folder * ``` //POST THUMBNAIL AND CAPTION STYLED SIMILAR TO .wp-caption// function the_post_thumbnail_and_caption($size = '', $attr = '') { global $post; $thumb_id = get_post_thumbnail_id($post->id); $args = array( 'post_type' => 'attachment', 'post_status' => null, 'parent' => $post->ID, 'include' => $thumb_id ); $thumbnail_image = get_posts($args); if ($thumb_id && $thumbnail_image && isset($thumbnail_image[0])) { $image = wp_get_attachment_image_src( $thumb_id, $size ); $image_width = $image[1]; $output = '
'; $attr['class'] = ''; //move any 'class' attributes to the outer div, and remove from the thumbnail $output .= get_the_post_thumbnail($post->ID, $size, $attr); /* //Uncomment to show thumbnail title $title = $thumbnail_image[0]->post_title; if($title) : $output .= '

'; $output .= $title; $output .= '

'; endif; */ /* //Uncomment to show the thumbnail caption */ $caption = $thumbnail_image[0]->post_excerpt; if($caption) : $output .= '

'; $output .= $caption; $output .= '

'; endif; /* //Uncomment to show the thumbnail description $descr = $thumbnail_image[0]->post_content; if($descr) : $output .= '

'; $output .= $descr; $output .= '

'; endif; */ /* //Uncomment to show the thumbnail alt field $alt = get_post_meta($thumb_id, '_wp_attachment_image_alt', true); if(count($alt)) : $output .= '

'; $output .= $alt; $output .= '

'; endif; */ $output .= '
'; } echo $output; } ``` * and used this code on the file single.php on current théme folder * ` 'alignleft'));? >` * and i tried this CSS code on the file style.css on my current théme folder but the CSS dindt work * ``` .thumbnail-caption { padding: 5px; background: #f5f5f5; border: 1px solid #ddd; } .thumbnail-caption-text { text-align: center; margin-bottom: 5px; font-size: 90%; } /* .thumbnail-title-text { text-align: center; margin-bottom: 5px; font-size: 90%; } .thumbnail-description-text { text-align: center; margin-bottom: 5px; font-size: 90%; } .thumbnail-alt-text { text-align: center; margin-bottom: 5px; font-size: 90%; } */ ``` * Thread Starter [Dolomats0](https://wordpress.org/support/users/dolomats0/) * (@dolomats0) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134451) * yes PH.CAHFIK ARICH is the caption. (assuming that this is the caption: PH.CAHFIK ARICH) * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134453) * my mistake ;-( * – the css classes were missing in the function code in the linked post; * corrected (and redundant code removed): * ``` //POST THUMBNAIL AND CAPTION STYLED SIMILAR TO .wp-caption// function the_post_thumbnail_and_caption($size = '', $attr = '') { global $post; $thumb_id = get_post_thumbnail_id($post->id); $args = array( 'post_type' => 'attachment', 'post_status' => null, 'parent' => $post->ID, 'include' => $thumb_id ); $thumbnail_image = get_posts($args); if ($thumb_id && $thumbnail_image && isset($thumbnail_image[0])) { $image = wp_get_attachment_image_src( $thumb_id, $size ); $image_width = $image[1]; if($attr) $attr_class = $attr['class']; $attr['class'] = ''; //move any 'class' attributes to the outer div, and remove from the thumbnail $output = '
'; $output .= get_the_post_thumbnail($post->ID, $size, $attr); /* to show the thumbnail caption */ $caption = $thumbnail_image[0]->post_excerpt; if($caption) { $output .= '

'; $output .= $caption; $output .= '

'; } $output .= '
'; } echo $output; } ``` * Thread Starter [Dolomats0](https://wordpress.org/support/users/dolomats0/) * (@dolomats0) * [13 years, 7 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134485) * Here we Go, it worked perfectly as u can see [HERE](http://ibergag.com/?p=9866) * it look soo mush better * And big Thanks for your help * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [13 years, 5 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134613) * this line made problems in wp3.5: `$thumb_id = get_post_thumbnail_id($post-> id);` * corrected to proper capitalisation: `$thumb_id = get_post_thumbnail_id($post- >ID);` * full code for wp3.5: [http://pastebin.com/SkGyX1St](http://pastebin.com/SkGyX1St) Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Thumbnails Caption’ is closed to new replies. ## Tags * [caption](https://wordpress.org/support/topic-tag/caption/) * [thumbnails](https://wordpress.org/support/topic-tag/thumbnails/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 9 replies * 3 participants * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/) * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/thumbnails-caption/#post-3134613) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics