Captions – I am losing my mind

Hi,

We’d need a link to you site first, some explanation on where you’d like to show have the image title – single image, gallery (native one?)

Also, please remove any custom code you use for galleries / single images.

Hi,

Thanks for your reply.

Here is a page sample: https://cityformation.com/making-more-friends-in-your-building-is-not-about-luck/

I am primarily trying to add captions to single images like on the page above.

(Making it work for galleries too would be nice, but not essential. For galleries I am currently using WP native, e.g. : https://cityformation.com/kbh-magazine/#lightbox%5Bgroup-26631%5D/0/ which works fine)

Ok, your image links don’t have title attribute which is required to show it in a lightbox.

What will be the content of depends on you. All the RL needs is:

<a href="..." rel="..." title="The title for the lightbox"><img src="..." /></a>

Responsive Lightbox 1.5 introduced an automatic way of applying title to lightboxed images because this does not exist in WP.

Maybe it would be a good idea to provide a similar option for single images – even tough this is something you can control. But if we did that it would be similar to the code you provided above.

BTW: your is probably working as I see the caption in lightbox when the image link is given title attribute.

I know the plugin requires the link title by default. I wrote it in my question.

As you can see on the page I link to, I have tested, and the caption does indeed turn up if I add link titles to the code.

The point is that I really, really don’t want to manually add link titles to every single image on my site. I have already filled in the WP caption field and I just want to be able to use the content of that same field on lightbox captions too.

Other people will be adding content to my site, and they won’t know how to add captions in the code. Besides, it seems silly as it is double work.

Is there some PHP I can use to replace the ‘link title’ with the ‘caption’?

In this case you need some complex regex.

This should work – it adds title attribute to image links, while the title is taken from image alt text. If you use this try to avoid giving link titles manually and leave it for the code below:

function df_modify_content_attachment_link( $content ) {
	preg_match_all( '/<a(.*?)href=(?:\'|")([^<]*?).(bmp|gif|jpeg|jpg|png)(?:\'|")(.*?)><img(.*?)alt=(?:\'|")([^<]*?)(?:\'|")/i', $content, $links );

	if ( isset( $links[0] ) ) {
		foreach ( $links[0] as $id => $link ) {
			$content = str_replace( $link, '<a' . $links[1][$id] . 'href="' . $links[2][$id] . '.' . $links[3][$id] . '" title="' . $links[6][$id] . '"' . $links[4][$id] . '><img' . $links[5][$id] . 'alt=' . $links[6][$id] . '"', $content );
		}
	}

	return $content;
}
add_filter( 'the_content', 'df_modify_content_attachment_link', 9);

It may get to the plugin in the near future, so keep watching if any RL update breaks this.

Brilliant !! Thanks so much.

I have seen around the web that quite a few people have been looking for something like this. If any of them stops by here, simply add dFactory’s code to the “functions.php” file in your theme (or child theme).

Now, whatever you write in WordPress’s ALT field (in the Media Library or simply when you upload a new image) will be displayed as the lightbox caption.

Thanks again, dFactory. Really appreciate it!