lorenzck

<p>The usual way to include images in WordPress posts is to generate static anchor and <code><img></code> tags through the content editor interface. Similarly, links to other posts or pages of your blog are also generated as absolute <code><a></code> tags by the content editor.<br />
These kind of fixed links make your WordPress site hard to migrate and make it especially hard to automatically change your output markup (for instance if you decide to change the image size or change a post’s title).</p>
<p>No longer.<br />
With this plug-in, you can use the simple <code>[image]</code>, <code>[link]</code>, and <code>[page]</code> shortcodes in any of your posts.</p>
<h4>Image shortcode</h4>
<p>Images are referenced by their ID, for instance:</p>
<pre><code>[image id="123"]
</code></pre>
<p>This <em>shortcode</em> will generate the following HTML structure:</p>
<pre><code><div class="picture wp-image-123 size-medium">
  <img src="path-to-123-medium.jpg" srcset="…" />
</div>
</code></pre>
<p>Images default to their <code>medium</code> size, if none is set.<br />
You may easily add HTML classes or didascalies:</p>
<pre><code>[image id="123" didascaly="Nice picture." class="aligncenter"]
</code></pre>
<p>This generates the following HTML block, which can be easily styled with some custom CSS:</p>
<pre><code><div class="picture wp-image-123 size-medium aligncenter">
  <img src="path-to-123-medium.jpg" srcset="…" />
  <div class="didascaly">Nice picture.</div>
</div>
</code></pre>
<p>The <code>[image]</code> <em>shortcode</em> supports the following parameters:</p>
<ul>
<li><code>id</code>: the WordPress ID of the attachment to include;</li>
<li><code>size</code>: size of the image to include (can be any standard size such as <code>thumbnail</code>, <code>medium</code>, <code>full</code>, or any custom image size);</li>
<li><code>alt</code>: alternate description to include in the <code><img></code> tag;</li>
<li><code>title</code>: image title to use in (optional) link;</li>
<li><code>link</code>: if set to <code>true</code>, <code>1</code>, <code>yes</code>, or an equivalent value, a link to the full-resolution attachment will be generated, otherwise a fully specified target URL can be specified;</li>
<li><code>didascaly</code>: text to add as a didascaly;</li>
<li><code>class</code>: additional HTML/CSS classes to add to the root element.</li>
<li><code>atts</code>: additional HTML attributes to add to the wrapping <code><div></code> tag.</li>
<li><code>imgatts</code>: additional HTML attributes to add to the internal <code><img></code> tag of the image.</li>
</ul>
<h4>Page and link shortcodes</h4>
<p>This couple of <em>shortcodes</em> automatically generate hypertext links to pages or posts of your WordPress installation. Target posts can be referenced by ID, by <em>slug</em>, or by <em>path</em> (a post’s URL, relative to the website’s root).</p>
<p>Thus, <code>[link href="123"]…[/link]</code>, <code>[link href="slug-of-post"]…[/link]</code>, and <code>[link href="root-page/sub-page/slug-of-page"]…[/link]</code> are all equivalent.</p>
<p>These <em>shortcodes</em> are “enclosing” (they wrap the content of the link, just like HTML tags) and they support the following parameters:</p>
<ul>
<li><code>href</code>: the ID, <em>slug</em>, or <em>path</em> of the target post or page;</li>
<li><code>title</code>: the title to use in the link, if not set the target post’s title will be used;</li>
<li><code>class</code>: additional HTML/CSS classes to add to the link;</li>
<li><code>type</code>: type of the target post (defaults to “page” for <code>[page]</code> and “post” for <code>[link]</code>).</li>
</ul>
<p>If no link content to be enclosed is provided, the posts’s title is automatically used as link text.</p>


Simple Stupid Shortcode

The simplest and most flexible way to embed images or put internal links in Wordpress. Shortcodes to finally ditch all absolute paths and fixed sizes.

M. Amir Ul Amin

Nimble3

<h3>Nimble Portfolio</h3>
<p>This free plugin can transform a humble wordpress website into a feature rich media gallery where you can proudly showcase your projects, client logos, photography, or any other pictures or videos of your choice. You can group the contents of your media gallery using the built-in jQuery sort filters and display them on any theme of your choice. It comes with built-in PrettyPhoto lighbox but can also be customized easily by using other add-ons. This plugin is also responsive which means it would work perfectly on desktop, tablet and mobile screen sizes.  If you read through our documentation we have provided step by step instructions to use the various features and functionality of this plugin.</p>
<blockquote>
<p>We are proud to release <strong>Version 3.0.0</strong> after receiving an overwhelming response from our customers. The new version includes several new improvements as below.</p>
</blockquote>
<ol>
> </p>
<li>Default Skin is upgraded with pro features. (Premium Default+ Skin becomes Default skin)<br />
> </p>
<ul>
<li>Selected Filters.</li>
<li>Separate Gallery for item (Album) feature.</li>
<li>Pagination support.</li>
</ul>
</li>
<p>> </p>
<li>PrettyPhoto Lightbox is upgraded with pro features. (Premium PrettyPhoto Lightbox becomes Default lightbox)<br />
> </p>
<ul>
<li><a href="http://www.addthis.com/" rel="nofollow ugc">Addthis</a> Social widget support.</li>
<li>PrettyPhoto Customization via Options.</li>
</ul>
</li>
<p>> </p>
<li>Redux Framework is used for Options Management.</li>
<p>> </p>
<li>Plugin is Translation ready now.</li>
<p>> </p>
<li>W3C validated.</li>
<p>> </ol>
<p>></p>
<blockquote>
<p>Thank you all.</p>
</blockquote>
<h4>Plugin Features</h4>
<ol>
<li>Support for all post types and taxonomies, like Posts, Woo commerce Products e.t.c.</li>
<li>Custom post type for portfolio items.</li>
<li>Built-in PrettyPhoto gallery for picture, video and <strong>PDF</strong> preview.</li>
<li>Youtube, Vimeo, Quicktime video support.</li>
<li>Easy categorization and sort/filter feature.</li>
<li>Shortcode Generator for easily generate and use shortcodes.</li>
<li>Widget enabled.</li>
<li>Configurable default skin
<ul>
<li>Fully Responsive for Desktop, Tablet and Mobile.</li>
<li>3 Thumbnail Styles to choose from (Normal, Round and Square).</li>
<li>Fully customized (via admin configurations) to set Columns, Show/Hide Links e.t.c.</li>
</ul>
</li>
</ol>
<h4>Demos</h4>
<p>For all the demos of Plugin and its Addons, please visit http://demo.nimble3.com/nimble-portfolio/</p>
<h4>Quick User Guide</h4>
<ol>
<li>Add portfolio filter under <code>Nimble Portfolio -> Filters</code>, such as web, mobile, graphics e.t.c.</li>
<li>Add new portfolio items using custom post type under <code>Nimble Portfolio -> Add Portfolio Item</code>. Add item title, description e.t.c.</li>
<li>Upload and set featured image from the far right bottom box.</li>
<li>Specify full-size Image URL or Video URL (youtube, vimeo) in the input field <code>Image/Video URL</code> on the left. You can also use <code>URL from Media Library</code> button to select the URL of full-size image from Media Library.</li>
<li>Specify a live URL for your project in the input field <code>Portfolio URL</code>.</li>
</ol>
<h4>Detailed Documentation</h4>
<p>For latest detailed documentation please visit http://demo.nimble3.com/nimble-portfolio/documentation/</p>
<h4>Premium Add-ons</h4>
<p>Premium add-ons for Nimble Portfolio also available with enhanced features.</p>
<ul>
<li><a href="http://www.nimble3.com/shop/premium-seamless-skin-for-nimble-portfolio/" rel="nofollow ugc">Seamless Premium Skin</a></li>
<li><a href="http://www.nimble3.com/shop/premium-isotope-addon-for-nimble-portfolio/" rel="nofollow ugc">Isotope Premium Add-on</a></li>
<li><a href="http://www.nimble3.com/shop/ihover-addon-for-nimble-portfolio/" rel="nofollow ugc">iHover Premium Skin</a></li>
<li><a href="http://www.nimble3.com/shop/magnific-popup-addon-for-nimble-portfolio/" rel="nofollow ugc">Magnific Pop Premium Add-on</a></li>
<li><a href="http://www.nimble3.com/shop/fancybox-addon-for-nimble-portfolio/" rel="nofollow ugc">Fancybox Premium Add-on</a></li>
<li><a href="http://www.nimble3.com/shop/premium-swipebox-addon-for-nimble-portfolio/" rel="nofollow ugc">Swipebox Premium Add-on</a></li>
</ul>


WordPress Picture / Portfolio / Media Gallery

This plugin is simple yet great. It's easy to configure and use the plugin. If you want extended features, there are some extensions available too.



Simple yet Great Portfolio Plugin

A powerful portfolio/gallery plugin, highly suitable to showcase your portfolio/pictures/videos/media and sort them nicely under filterable tabs.

Simple Stupid Shortcode vs WordPress Picture / Portfolio / Media Gallery