ivans3m

FoA Featured Image – Show Caption is a simple WordPress plugin that extends the core Featured Image block with caption functionality. When enabled, it displays the image caption (or title if no caption exists) below the featured image.
Key Features:
<ul>
<li>Adds a “Show Caption” checkbox setting to the Featured Image block</li>
<li>Displays the image caption (or title if no caption) below the featured image</li>
<li>Works with the Gutenberg block editor and templates</li>
<li>Clean, minimal styling that works with most themes</li>
<li>Right-aligned caption with light grey color</li>
</ul>
How it Works:
<ul>
<li>The plugin extends the core Featured Image block with additional settings</li>
<li>When “Show Caption” is enabled, it checks for a caption on the featured image</li>
<li>If no caption exists, it falls back to using the image title</li>
<li>The caption is displayed in a <code><div class="featured-image-caption"></code> element</li>
<li>Works with both regular posts/pages and WordPress templates</li>
</ul>
Styling:
The plugin includes default CSS styling for the caption: 
* Text aligned to the right 
* Light grey color (#999) 
* Italic font style 
* Small font size
You can easily customize the appearance by targeting the <code>.featured-image-caption</code> class in your theme’s CSS. The plugin uses standard CSS specificity, so your theme styles will override the defaults.

FoA Featured Image – Show Caption

Adds caption functionality to Featured Image blocks with a simple checkbox setting.

huntermaster

Image Formatr is a simple plugin that goes through all the content images on 
posts & pages, and with zero user changes:
<ol>
<li>gives them a standardized thumbnail format using CSS</li>
<li>puts a caption underneath each one using the title</li>
<li>makes them linked so they popup in full size</li>
</ol>
Thumbnails are not generated, but will be used if available in the media library. 
This plugin is driven by the <a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">prettyPhoto</a> 
library so we could call this plugin a prettyPhoto integration plugin.
*Note: Supports images on Flickr.
<h4>Usage</h4>
This only applies to the images you put in your content, not theme graphics.
<pre><code><img
 src="/images/picture.jpg"
 class="alignright"
 title="A sample caption"
 link="http://example.com/"
 hint="Image borrowed from example.com"
/>
</code></pre>
After the plugin runs, the output to the browser looks like:
<pre><code><div class="img alignright">
 <a
 href="/images/picture.jpg"
 rel="prettyPhoto[main]">
 <img
 src="/images/picture.jpg"
 title="Image borrowed from example.com" alt=""
 width="140" height="90"/>
 </a>
 <div style="width: 100%;">
 <a href="http://example.com/" target="_blank">A sample caption</a>
 </div>
</div>
</code></pre>
<h4>Documentation</h4>
You can find plugin documentation at http://warriorself.com/blog/about/image-formatr/
<h4>Features</h4>
<ul>
<li>Standardizes all thumbnails without altering posts</li>
<li>Supports displaying images from Flickr: <img flickr=”1234567890″ 
title=”The magnificent Ceiba at the Archaeological Site of Palenque.”></li>
<li>Generates image captions using the image <code>title</code> or <code>alt</code></li>
<li>Integrates WordPress media library thumbnails</li>
<li>Gives popups for WordPress gallery images (adjust priority setting to 12)</li>
<li>Shows all content images on the blog as small thumbnails 
(does not create new thumbnails but can use Media Library for thumbs)</li>
<li>Allows for fine-grained control of each image’s format</li>
<li>Zooms image to large size when clicked using the 
<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">prettyPhoto</a> 
library</li>
<li>Outputs standard XHTML compliant markup</li>
</ul>
<h3>Gallery Support</h3>
To get WordPress Gallery images to popup, this plugin must run at a priority 
greater (later) than the [gallery] shortcode which runs at priority 11. Therefore 
set the <code>priority</code> setting to 12 in the Administration Options.
<h3>Overrides</h3>
The actions of the plugin are enabled and disabled with administration settings 
but can be overridden on each individual image.
<ul>
<li><code>usemysize</code> – true/false – true = do not ignore an image width and height</li>
<li><code>usemya</code> – true/false – true = do not ignore a parent anchor tag</li>
<li><code>nocap</code> – true/false – true = do not create a caption</li>
<li><code>nofx</code> – true/false – true = no popup effect</li>
<li><code>link</code> – string url – make the caption a link to the url</li>
<li><code>hint</code> – string txt – this will be the new image title</li>
<li><code>asis</code> – true/false – true = don’t change nuthin</li>
<li><code>group</code> – string txt – separate popup slideshows</li>
<li><code>thumb</code> – string url – image thumbnail (version 0.9.7)</li>
<li><code>page</code> – single/!single/front/!front – page filtering (version 0.9.7)</li>
</ul>
If you want to surround an image with an anchor tag <code><a></code>, then you should add 
a <code>usemya</code> attribute within the image tag or else your anchor will be ignored 
and replaced. If you do not want the popup effect at all, add a <code>nofx</code> attribute 
to the image. If you do not want any caption, you can specify <code>nocap</code>, or just 
leave the title blank. And to have the plugin completely ignore an image and 
output the content directly from the post, use the <code>asis</code> attribute.
Example
<pre><code><a href="http://www.example.com/">
<img
 src="/images/picture.jpg"
 title="Click to visit website"
 nocap="true"
 usemya="true"
/></a>
</code></pre>
Note: concerning the true/false overrides, do not include “false” parameters 
like <code><img usemya="false"></code>, i.e these overrides should only include the attributes 
for which you want to designate a “true” value.
<h3>Credits</h3>
Image Formatr is Copyright 2014 <a href="mailto:sroth77@gmail.com" rel="nofollow ugc">Steven Almeroth</a> and 
licensed under a GPL license.
Based on: <a href="https://wordpress.org/extend/plugins/image-caption/" rel="ugc">image-caption</a> 
by <a href="http://www.channel-ai.com/blog/" rel="nofollow ugc">Yaosan Yeo</a>.
PrettyPhoto: The JavaScript 
<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">Image thumbnail viewer</a> 
library by Stephane Caron is licensed under GPLv2.
<h3>Website</h3>
More information, including how to contact me, is available at 
<a href="http://warriorself.com/blog/about/image-formatr/" rel="nofollow ugc">warriorself.com</a>.
<h3>Translations</h3>
<ul>
<li>If you would like to contribute a translation of the administration settings 
screen please have a look at the 
<a href="https://plugins.svn.wordpress.org/image-formatr/trunk/languages/image-formatr.pot" rel="nofollow ugc">.pot</a> 
file and post to the <a href="https://wordpress.org/support/plugin/image-formatr" rel="ugc">support forum</a> 
of <a href="mailto:sroth77@gmail.com" rel="nofollow ugc">e-mail to me</a>.</li>
</ul>
<h3>ToDo List</h3>
<ul>
<li>add screenshot of output image with caption</li>
</ul>
<h3>Wish List</h3>
<ul>
<li>phone-home feature, activate/deactivate stats helper with version number</li>
<li>add admin option for html/xhtml <img/> closing tags</li>
<li>add admin option for moving title attribute to alt attribute should it 
overwrite an existing alt?</li>
<li>debug mode could show images not found and whatnots and profiling stats</li>
<li>change [flickrset id=”1234″] to [flickr set=”1234″]</li>
<li>change [flickr pid=”123″] to [flickr img=”123″]</li>
<li>show “the_content” ordering vis a vie wp-hooks-filters-flow.php 
Priority 8 : 
 WP_Embed->run_shortcode() 
 WP_Embed->autoembed() 
Priority 10 : 
 wptexturize() 
 convert_smilies() 
 convert_chars() 
 wpautop() 
 shortcode_unautop() 
 prepend_attachment() 
Priority 11 : 
 capital_P_dangit() 
 do_shortcode() 
Priority 20 : 
 ImageFormatr->filter()</li>
</ul>
<h3>Bug List</h3>
<ul>
<li>bug: add_settings_field() <label for=”s”> not <label for=”stdthumb”> 
work-around is to only use unique single char id fields defined as constants</li>
</ul>

Image Formatr

Formats all content images on a page / post giving them captions and popups.

FoA Featured Image – Show Caption vs Image Formatr