Title: Posting featured image to background with PHP? Last modified: August 21, 2016 --- # Posting featured image to background with PHP? * Resolved [bennettscience](https://wordpress.org/support/users/bennettscience/) * (@bennettscience) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/) * Hi all, I’m trying to get my WordPress posts to take the featured image (if there is one) and display it as an image across the top of the post, much like as done on [http://www.medium.com](http://www.medium.com). * I’ve been searching and searching, and I found this piece of code: * ``` ID, $myfield, true); ?> ``` * but I can’t seem to get it to work. I’m not as familiar with PHP as I am with HTML and CSS, so if someone could help me make the link, I’d really appreciate it. * Good theme: [http://devpress.com/themes/good/](http://devpress.com/themes/good/) * Original thread: [http://wordpress.org/support/topic/unique-header-image-for-each-post?replies=19](http://wordpress.org/support/topic/unique-header-image-for-each-post?replies=19) * My site: stories.brianbennett.org Viewing 7 replies - 1 through 7 (of 7 total) * [graphicgeek](https://wordpress.org/support/users/graphicgeek/) * (@graphicgeek) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827544) * You’re on the right track. The problem with this code is that it is checking for a custom field instead of a featured image. * try this: * ``` ID); //get the id of the featured image $featuredImage = wp_get_attachment_image_src($imgID, 'full' );//get the url of the featured image (returns an array) $imgURL = $featuredImage[0]; //get the url of the image out of the array ?> ``` * Thread Starter [bennettscience](https://wordpress.org/support/users/bennettscience/) * (@bennettscience) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827571) * Ok, I see what you did in the code, now I need to figure out where to put this. Should it go in the post template where I want it to appear on the page? * In other words, if I want it before the post title, I would need to insert this chunk in the template above the title script? * Thanks for your help, * [Kolokial](https://wordpress.org/support/users/kolokial/) * (@kolokial) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827572) * It would need to go in the header.php. After your styles.css is loaded. * Thread Starter [bennettscience](https://wordpress.org/support/users/bennettscience/) * (@bennettscience) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827573) * Ok, tried that, tried adding new featured images, still isn’t working. Here’s my header code: * ``` > <?php hybrid_document_title(); ?> ID); //get the id of the featured image $featuredImage = wp_get_attachment_image_src($imgID, 'full' );//get the url of the featured image (returns an array) $imgURL = $featuredImage[0]; //get the url of the image out of the array ?>
``` * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827577) * your theme (or at least the link) does not have an element with the css class`. header-image` * to add this ‘featured background image’ to the post title, apply the coding possibly on `.single .post-title` (this restricts it to single posts) and also add some formatting for the background position and repeat; * [http://www.w3schools.com/css/css_background.asp](http://www.w3schools.com/css/css_background.asp) * [Kolokial](https://wordpress.org/support/users/kolokial/) * (@kolokial) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827579) * I use the below code to set a banner on the a page/post based on the featured image. I imagine you can adapt it for your needs also. * ``` $page_object = get_queried_object(); $page_id = get_queried_object_id(); if ( '' != get_the_post_thumbnail() && !is_category() == true ) { $imgURL = get_the_post_thumbnail( $page_id, 'full'); ``` * }` * Thread Starter [bennettscience](https://wordpress.org/support/users/bennettscience/) * (@bennettscience) * [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827586) * I just got it. [@alchymyth](https://wordpress.org/support/users/alchymyth/) was right…I was calling the wrong CSS. Thanks, both, for your help. I really appreciate it! Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Posting featured image to background with PHP?’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [header](https://wordpress.org/support/topic-tag/header/) * [html](https://wordpress.org/support/topic-tag/html/) * [images](https://wordpress.org/support/topic-tag/images/) * [php](https://wordpress.org/support/topic-tag/php/) * In: [Hacks](https://wordpress.org/support/forum/plugins-and-hacks/hacks/) * 7 replies * 4 participants * Last reply from: [bennettscience](https://wordpress.org/support/users/bennettscience/) * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/using-this-code/#post-3827586) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics