Reputation: 531
I'm trying to grab gallery images and it's info of a post through a loop. All i'm getting image sources but not the captions. Here is my code
<?php
/* The loop */
while ( have_posts() ) :
the_post();
if ( get_post_gallery() ) :
$gallery = get_post_gallery( get_the_ID(), false );
/* Loop through all the image and output them one by one */
foreach( $gallery['src'] AS $src ) {
?>
<img src="<?php echo $src; ?>" class="my-custom-class" alt="Gallery image" />
<?php
}
endif;
endwhile;
?>
Using this loop i'm only getting source of the images of the gallery in a post. But I want to grab the image captions too.
Upvotes: 4
Views: 7416
Reputation: 2529
The wp_prepare_attachment_for_js function is really nice for this sort of thing. It returns a TON of info about attachments, everything we'll ever need I think.
Here's the original code snipped replaced with one that makes the caption available. In this case I've placed the caption in the alt tag:
<?php
/* The loop */
while ( have_posts() ) :
the_post();
if ( get_post_gallery() ) :
$gallery = get_post_gallery( get_the_ID(), false );
/* create an array of IDs from */
$gids = explode( ",", $gallery['ids'] );
/* Loop through all the image and output them one by one */
foreach ($gids as $id) {
/* pull all the available attachment data with the new function */
$attachment = wp_prepare_attachment_for_js($id);
/* Uncomment the next line to see all the available data in $attachment */
//var_dump($attachment);
/* pick and choose which bits are needed */
?>
<img src="<?php echo $attachment['sizes']['thumbnail']['url']; ?>" class="my-custom-class" alt="<?php echo $attachment['caption']; ?>" />
<?php
}
endif;
endwhile;
?>
It's worth noting that this function returns all the available image sizes too, so it might be great when using a combo of custom image sizes and srcset for responsive image solutions :)
Upvotes: 4
Reputation: 2046
Found a solution on wordpress.org:
Stick this in your functions.php:
function wp_get_attachment( $attachment_id ) {
$attachment = get_post( $attachment_id );
return array(
'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
'caption' => $attachment->post_excerpt,
'description' => $attachment->post_content,
'href' => get_permalink( $attachment->ID ),
'src' => $attachment->guid,
'title' => $attachment->post_title
);
}
Then you can just pass in the id and grab whatever meta you need like this:
attachment_meta = wp_get_attachment(your_attachment_id);
And then either loop through the array values or simply reference by the key name of what you want (ie: caption, description, etc.):
echo $attachment_meta['caption'];
The above would echo the image's caption.
Credit goes to Luke Mlsna and sporkme for this.
Upvotes: 5
Reputation: 8819
instead passing get_the_ID just pass the whole $post and use code something like this
$gallery = get_post_gallery( $post, false );
$gids = explode( ",", $gallery['ids'] );
foreach( $gids as $id ) {
// here you can use the $id to fetch any details of image like below and many more
wp_get_attachment_url( $id );
wp_get_attachment_metadata( $id );
}
You can try to print the value of these functions and use it as per your requirement
Upvotes: 1