featured image in post title

  • Resolved steven-stallone

    (@steven-stallone-1)


    13 years ago

    I’ve been constantly jumping hoops to try and get my wordpress site to the way I want it.

    At the moment I am using the “unstandard” theme. I don’t think it’s supported but I had reasons for choosing it.

    The problem is I am trying to insert a featured image (or any banner type image) where the title of the post is. Featured images in wordpress are quite confusing. I uploaded a featured image which displays fine on the home page but the same featured image doesn’t display in the post. In some themes this is built in but it’s not built in on my theme. I found code that replaces any text in the title area of the post with the featured image of the post. I thought my problems were solved until the post only displays a portion of the image, which you can see here…

    http://www.stevenstallone.com

    http://www.stevenstallone.com/2013/04/10/diddy-kong-reloaded/

    What makes no sense with featured images is that it can somehow display the full image on the homepage and yet somehow display the same image cropped for no reason. I don’t know what to call this, whether it’s a thumbnail or if it’s not a thumbnail any more and it’s now called a featured image. This cropping makes no sense. So I adjusted the size of the thumbnail of the thumbnail? of the picture in the media setting and this does nothing. WordPress is just happy to display the image cropped. Here is the text that was used to replace the title(); in single.php

    <h2><?php
    if ( has_post_thumbnail() ) {
    // check if the post has a Post Thumbnail (featured image) assigned to it.
        the_post_thumbnail();
    } else {
        the_title();
    }
?></h2>

    I’ve read through a few solutions, some out of date and this is the closest I’ve got to something working.

    What I am looking for ideally is to be able to set the featured image into the title section of the post with or without the title text as well, whether the text be above or below image. Also I’m looking for the ability to put in a custom image/banner into the post title that is completely different to the set featured image that displays on the home page.

    I want to have all my avenues of customability sorted just in case down the line I want to put either a title and image, featured image alone, non featured image alone, etc…

    Feel free to relax by watching the “Diddy Kong Reloaded” video on my website.

    Thanks in advance…

Viewing 5 replies - 1 through 5 (of 5 total)
  • Chip Bennett

    (@chipbennett)

    13 years ago

    What are the specific dimensions of the featured image that you want to display with/in place of the post title?

    Thread Starter steven-stallone

    (@steven-stallone-1)

    13 years ago

    The width of the single column. That’s the same width as the embedded YouTube clip which is 700.

    I edited the first post to fix the link but it never saved

    Chip Bennett

    (@chipbennett)

    13 years ago

    The width of the single column. That’s the same width as the embedded YouTube clip which is 700.

    Okay, I’ll assume that you don’t care about height, but only width.

    In that case, add the following to functions.php:

    function stevenstallone_add_custom_image_size() {
    add_image_size( 'post-title', 700, 9999, false );
}
add_action( 'after_setup_theme', 'stevenstallone_add_custom_image_size' );

    That function will register a custom, featured-image size. The 700 is the width, in pixels. The 9999 is height, in pixels. The false indicates that the cropping will be a “soft” crop, i.e. “box resize”: it will resize the image using the constraining dimension. So, if you have an image that is 1400x200px, it will be resized to 700x100px.

    But, just registering that size isn’t enough, as any already-uploaded images won’t have that size generated. So, you’ll need to regenerate thumbnails, e.g. via the Regenerate Thumbnails Plugin.

    That Plugin will force WordPress to regenerate intermediate image sizes for all uploaded images. Afterward, you’ll be able to reference/use your custom image size.

    Next, you need to modify the template. You were on the right track before:

    <h2>
<?php
if ( has_post_thumbnail() ) {
    the_post_thumbnail( 'post-title' );
} else {
    the_title();
}
?>
</h2>

    Thread Starter steven-stallone

    (@steven-stallone-1)

    13 years ago

    Ah thank you, it sounds like it will work but I don’t have time to play with it now. I’ll check it out tomorrow, thanks

    Thread Starter steven-stallone

    (@steven-stallone-1)

    13 years ago

    Ok, I figured out why the image was cropping. Firstly I tried the solution above and It had no effect. What I didn’t realize that there was additional coding I was unaware of in the functions.php which limited any featured image in any post to just 200, 200. So there was already code to handle featured images already. I just didn’t realize it. The solution wasn’t needed after all but I did learn my first insight about php and that was the ‘true/false’ values

    Origional

    add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200, 200, true );
add_image_size( 'primary-post-thumbnail', 620, 9999 );
add_image_size( 'secondary-post-thumbnail', 300, 9999 );

    In the original I changed the first value from 200 to 700 but the image wouldn’t crop to width but to height then I remembered the explanation of why the value was set to false in the solution above. That is the switch for the width to take precedence. So then I modified the original code to 700, 9999, false. and it worked.

    Modified

    add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 700, 9999, false );
add_image_size( 'primary-post-thumbnail', 620, 9999 );
add_image_size( 'secondary-post-thumbnail', 300, 9999 );

    Thanks Chip

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘featured image in post title’ is closed to new replies.