CODEWITHSUNDEEP
phpwordpressimageadvanced-custom-fieldsacfpro
user13671908
user13671908

Reputation: 33

Adding links within ACF Image Caption

So I'm using ACF Image: https://www.advancedcustomfields.com/resources/image/, and outputting my image and caption as an Array.

I'd like to be able to add links within my captions e.g. '', but when I do this it literally outputs the code rather than turning the text into a link.

Is there a way to make it be a link rather than just outputting the HTML as text.

This is my code for my image:

<?php 
$image = get_sub_field('image'); if( $image ):

// Image variables.
$url = $image['url'];
$title = $image['title'];
$alt = $image['alt'];
$caption = $image['caption'];
?>

<img class="img-fluid" src="<?php echo esc_url($url); ?>" alt="<?php echo esc_attr($alt); ?>" />

<?php if( $caption ): ?>
  <p class="caption"><?php echo esc_html($caption); ?></p>
<?php endif; ?>
<?php endif; ?>

But when I add this to the caption box within Wordpress: This image is from Flickr.

It literally outputs the same as above rather than turning the word into a link.

Upvotes: 1

Views: 1142

Answers (1)

user13671908
user13671908

Reputation: 33

As you can see above I had the code:

<?php echo esc_html($caption); ?>

When I removed the 'esc_html' part then I was able to add links within the caption area. So the code for the Caption was this instead:

<?php if( $caption ): ?>
   <p class="caption"><?php echo ($caption); ?></p>
<?php endif; ?>

Upvotes: 1

Related Questions