huntermaster

<p>Image Formatr is a simple plugin that goes through all the content images on<br />
posts & pages, and with zero user changes:</p>
<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>
<p>Thumbnails are not generated, but will be used if available in the media library.<br />
This plugin is driven by the <a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">prettyPhoto</a><br />
library so we could call this plugin a prettyPhoto integration plugin.</p>
<p>*Note: Supports images on <strong>Flickr</strong>.</p>
<h4>Usage</h4>
<p><em>This only applies to the images you put in your content, not theme graphics.</em></p>
<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>
<p>After the plugin runs, the output to the browser looks like:</p>
<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>
<p>You can find plugin documentation at http://warriorself.com/blog/about/image-formatr/</p>
<h4>Features</h4>
<ul>
<li>Standardizes all thumbnails without altering posts</li>
<li>Supports displaying images from Flickr: <img flickr=”1234567890″<br />
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<br />
(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<br />
<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">prettyPhoto</a><br />
library</li>
<li>Outputs standard XHTML compliant markup</li>
</ul>
<h3>Gallery Support</h3>
<p>To get WordPress Gallery images to popup, this plugin must run at a priority<br />
greater (later) than the [gallery] shortcode which runs at priority 11.  Therefore<br />
set the <code>priority</code> setting to 12 in the Administration Options.</p>
<h3>Overrides</h3>
<p>The actions of the plugin are enabled and disabled with administration settings<br />
but can be overridden on each individual image.</p>
<ul>
<li><strong><code>usemysize</code></strong> – true/false – <em>true = do not ignore an image width and height</em></li>
<li><strong><code>usemya</code></strong>    – true/false – <em>true = do not ignore a parent anchor tag</em></li>
<li><strong><code>nocap</code></strong>     – true/false – <em>true = do not create a caption</em></li>
<li><strong><code>nofx</code></strong>      – true/false – <em>true = no popup effect</em></li>
<li><strong><code>link</code></strong>      – string url – <em>make the caption a link to the url</em></li>
<li><strong><code>hint</code></strong>      – string txt – <em>this will be the new image title</em></li>
<li><strong><code>asis</code></strong>      – true/false – <em>true = don’t change nuthin</em></li>
<li><strong><code>group</code></strong>     – string txt – <em>separate popup slideshows</em></li>
<li><strong><code>thumb</code></strong>     – string url – <em>image thumbnail</em> (version 0.9.7)</li>
<li><strong><code>page</code></strong>      – single/!single/front/!front – <em>page filtering</em> (version 0.9.7)</li>
</ul>
<p>If you want to surround an image with an anchor tag <code><a></code>, then you should add<br />
a <code>usemya</code> attribute within the image tag or else your anchor will be ignored<br />
and replaced.  If you do not want the popup effect at all, add a <code>nofx</code> attribute<br />
to the image.  If you do not want any caption, you can specify <code>nocap</code>, or just<br />
leave the title blank. And to have the plugin completely ignore an image and<br />
output the content directly from the post, use the <code>asis</code> attribute.</p>
<p><strong>Example</strong></p>
<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>
<p>Note: concerning the <em>true/false</em> overrides, do not include “false” parameters<br />
like <code><img usemya="false"></code>, i.e these overrides should only include the attributes<br />
for which you want to designate a “true” value.</p>
<h3>Credits</h3>
<p>Image Formatr is Copyright 2014 <a href="mailto:sroth77@gmail.com" rel="nofollow ugc">Steven Almeroth</a> and<br />
licensed under a GPL license.</p>
<p>Based on: <a href="https://wordpress.org/extend/plugins/image-caption/" rel="ugc">image-caption</a><br />
by <a href="http://www.channel-ai.com/blog/" rel="nofollow ugc">Yaosan Yeo</a>.</p>
<p>PrettyPhoto: The JavaScript<br />
<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/" rel="nofollow ugc">Image thumbnail viewer</a><br />
library by Stephane Caron is licensed under GPLv2.</p>
<h3>Website</h3>
<p>More information, including how to contact me, is available at<br />
<a href="http://warriorself.com/blog/about/image-formatr/" rel="nofollow ugc">warriorself.com</a>.</p>
<h3>Translations</h3>
<ul>
<li>If you would like to contribute a translation of the administration settings<br />
screen please have a look at the<br />
<a href="https://plugins.svn.wordpress.org/image-formatr/trunk/languages/image-formatr.pot" rel="nofollow ugc">.pot</a><br />
file and post to the <a href="https://wordpress.org/support/plugin/image-formatr" rel="ugc">support forum</a><br />
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<br />
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<br />
Priority 8 :<br />
    WP_Embed->run_shortcode()<br />
    WP_Embed->autoembed()<br />
Priority 10 :<br />
    wptexturize()<br />
    convert_smilies()<br />
    convert_chars()<br />
    wpautop()<br />
    shortcode_unautop()<br />
    prepend_attachment()<br />
Priority 11 :<br />
    capital_P_dangit()<br />
    do_shortcode()<br />
Priority 20 :<br />
    ImageFormatr->filter()</li>
</ul>
<h3>Bug List</h3>
<ul>
<li>bug: add_settings_field() <label for=”s”> not <label for=”stdthumb”><br />
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.

Zack Katz

<blockquote><p><strong>WordPress 3.4 Supports HTML in Captions!</strong><br />
Basic HTML support has been added to the caption field in the image uploader. This allows you to add links – great for photo credits or licensing details – and basic formatting such as bold and italicized text.
</p></blockquote>
<h3>For WordPress 3.3.2 and earlier…finally you can add links to your image captions.</h3>
<p>Adding links to captions is the <a href="https://wordpress.org/extend/ideas/view/top-rated" rel="nofollow ugc">9th most popular request</a> in the WordPress Ideas forum.</p>
<p>With this plugin, you can also <strong>use <a href="https://codex.wordpress.org/Shortcode_API" rel="nofollow ugc">shortcodes</a> in captions</strong>.</p>
<h4>How to use</h4>
<p>Inside the <code>caption</code> input, you can now add a link by using the following format: <code>{a href="http://www.example.com"}Anchor text here{/a}</code>, or alternatively you could use <code>{link url="http://www.example.com"}Anchor text here{/link}</code>.</p>
<p><strong>You can also specify <code>target</code>, <code>title</code>, and <code>rel</code> attributes:</strong> <code>{link url="http://www.example.com" target="_blank" rel="nofollow" title="I never could do this before!"}Anchor text here{/link}</code></p>
<blockquote>
<h4>You may also be interested in:</h4>
<p><strong><a href="https://wordpress.org/extend/plugins/rich-text-tags/" rel="ugc">Rich Text Tags</a></strong> – Enable rich text editing of tags, categories, and taxonomies. Add value to your tag & category pages and improve your website’ SEO.</p>
</blockquote>


Links in Captions

Easily add links to image captions in the WordPress editor.

Image Formatr vs Links in Captions