[Resolved] Variable ALT tags for Uploaded Images

[Author]

Posts

[julieP]

I've been investigating how to populate ALT tags for images without having to do it manually via the media library every time an image is uploaded. I had thought about having a custom field that could be populated with other post data when the form is submitted to create tags that follow a consistent format. However, the alt attribute is only output if it's in plain text. In other words, this works:-

[types field='image-1' alt='Christmas Part 2018' size='full'][/types]

but this doesn't:-

[types field='image-1' alt='[types field='image-alt'][/types]' size='full'][/types]

My question therefore is how do I populate the alt text field in the media library when the form to create the post containing the images is submitted?

Thank you!

[Luo Yang]

Hello,

You can setup the image HTML tag manually, for example:

<img src="[types field='image-1' size='full' url='true'][/types]" alt="[types field='image-alt'][/types]" />

More help:
https://toolset.com/documentation/customizing-sites-using-php/functions/#image
url:
'false'(default) | 'true'
true=output the url of the image instead of the html img tag.

[julieP]

Hi Luo

The alt content for the image still isn't being returned with your code (I can't see it using Page Source in dev tools). However if I change alt="[types field='image-alt'][/types]" to alt="[types field='image-alt' url='true'][/types]", it does.

Thanks for pointing me in the right direction.