Automatically populates Alt and Title tags for images featured in posts and pages, pulling directly from the values set in the Media Library. This makes it easy to manage your image metadata centrally in one place (the Media Library). Plugin also supports the ability to override the Alt/Title tag Media Library values by placing an Alt/Title tag directly on the attachment in the WordPress WYSIWYG Editor.
Tag population only occurs when viewing the post or page, and does not occur in the WYSIWYG editor.
This section describes how to install the plugin and get it working.
- Upload the
img-alt-media-librarydirectory to the plugins directory of your theme (usually
- Activate the plugin through the ‘Plugins’ menu in WordPress.
That’s all, you’re good to go! Upon viewing your posts and pages, you should now see image Alt and Title tags being pulled automatically from the Media Library.
- How does it work?
This plugin hooks into the the_content filter on page and post render. Essentially right before post_content (in the form of raw HTML) is set to the browser, this plugin will scan the HTML for tags using a regex matcher. Regex was used instead of parsing the HTML into a Document Object to maximize compatibility (parsing the HTML into a Document Object, and then back to an HTML string would likely modify the HTML syntax, drop attributes, etc. which could break other components and post functionality).
Once images are identified in the HTML, the image src URL is used to lookup the attachment ID corresponding to the image. Unfortunately I was not able to find a cleaner way of performing this lookup, as the image ID is not always output onto the page when an attachment is included.
Once the image ID is determined, the plugin retrieves the image Alt and Title values for that attachment using the get_post_meta() and get_the_title() WordPress functions. Once these values are returned, they are added to the image unless the image already contains an alt or title tag, in which case this part is skipped.
The modified image HTML is placed back into the post_content HTML string, and returned to the browser.
以下人員參與了開源軟體〈Auto-populate Image ALT Tags from Media Library〉的開發相關工作。參與者
- Updated “Tested up to” tag on readme
- Initial release of functional code and readme