Function to load an image

[NCKTessa]

I'm trying to add a full width image below the header image on a set of pages. I think I've sorted out how to do this by creating a page template in which to place the function, but I'm pretty new to actually writing the function code (as in, I just started researching it tonight). So far I have this:

add_action( 'genesis_after_header' 'callback_function' );
function callback_function() {

the callback_function being whatever I need to do to bring in the image that's in my media library. Do I even need to define the function for this, or is there a simpler way to do it? Again, I will have loaded the image into the media library. Also, it will be the same image on every page. The sample URL will have a sidebar displaying once I have it set up right, and the image should be above the sidebar and content. Thanks!

http://www.naturalcomfortkitchen.com/services/

[Brad Dalton]

Thats the start of the function done correctly.

Then you can pull the image in using a variety of methods.

1. get_stylesheet_directory_uri() is one you can use.

2. Another option is to add backstretch conditionally after the header so your image stretches on different screen sizes. ( this solution requires membership )

---

Tutorials for StudioPress Themes.

[WisdmLabs]

Hello Tessa,
If you want show an image from the media gallery you can use wordpress function wp_get_attachment_image_src( $attachment_id, $size, $icon );
You can find more about this function at http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src

you can create your callback function in following manner:

function callback_function() {
  /**  
   *     You will have to replace $attachment_id with the actual attachment id of the image in your WordPress Database. 
   *     You can get this id by going to the media library page in your WordPress backend and in url 
   *     (http://example.com/wp-admin /upload.php?item=621)  the ?item= is the attachment id.
   */

   $image_attributes = wp_get_attachment_image_src( $attachment_id, 'full' );  
   if( $image_attributes ) {
     ?>
     <img src="<?php echo $image_attributes[0]; ?>" alt="full width image below header" />
     <?php
  }
}

You may also have to add a class to this image and add CSS as required.

---

http://wisdmlabs.com/

[Author]

Posts