lorenzck

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. 
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).
No longer. 
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.
<h4>Image shortcode</h4>
Images are referenced by their ID, for instance:
<pre><code>[image id="123"]
</code></pre>
This shortcode will generate the following HTML structure:
<pre><code><div class="picture wp-image-123 size-medium">
 <img src="path-to-123-medium.jpg" srcset="…" />
</div>
</code></pre>
Images default to their <code>medium</code> size, if none is set. 
You may easily add HTML classes or didascalies:
<pre><code>[image id="123" didascaly="Nice picture." class="aligncenter"]
</code></pre>
This generates the following HTML block, which can be easily styled with some custom CSS:
<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>
The <code>[image]</code> shortcode supports the following parameters:
<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>
This couple of shortcodes automatically generate hypertext links to pages or posts of your WordPress installation. Target posts can be referenced by ID, by slug, or by path (a post’s URL, relative to the website’s root).
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.
These shortcodes are “enclosing” (they wrap the content of the link, just like HTML tags) and they support the following parameters:
<ul>
<li><code>href</code>: the ID, slug, or path 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>
If no link content to be enclosed is provided, the posts’s title is automatically used as link text.

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.

Benedikt Mo

Nextgen Scroll Gallery: A WordPress Plugin that allows you to use the awesome Mootools ScrollGallery from BMo-design on your NextGen-Gallery galleries.
If you want to to use this Plugin on your blog, you need to use the very cool WordPress gallery manager: <a href="https://wordpress.org/extend/plugins/nextgen-gallery/" rel="ugc">NextGen Gallery</a>. So install the NextGENeration Gallery Plugin and upload some pictures. Copy the ‘[scrollGallery id=xxx]’ tag in your post an replace ‘xxx’ with the NextGEN Gallery id, for example with 1.
After the installation, you will find an admin interface, with which you can adjust the plugin settings.
This gallery do not use flash, so no extra browser plugin is required and search engines can crawl your content easily.
If you have some questions or you need instructions look at <a href="http://software.bmo-design.de/scrollgallery/wordpress-plugin-nextgen-scroll-gallery.html" rel="nofollow ugc">BMo-Design – Nextgen Scroll Gallery</a>. There you will find instructions and discussions, which can help you.
If you want a special adaptation to the needs of your page, you can commission me at <a href="http://BMo-design.de/kontakt/" rel="nofollow ugc">BMo-Design</a>.
This is stable version 1.8.0. Since the code of NextGEN Gallery was massivly changed in version 2.0.X, I decided to develop a new version of my plugin. You can download it at <a href="https://wordpress.org/plugins/bmo-expo/" rel="ugc">https://wordpress.org/plugins/bmo-expo/</a>.
<h3>Options</h3>
More Options can be set in the post/page tag: 
‘[scrollGallery id=xxx option1=”value1″ option2=”value2″]’
<h4>Possibel Options</h4>
<ul>
<li>start: (number) start at picture number … the first picture is number 0</li>
<li>area: (number) width of the area to scroll left or right</li>
<li>thumbarea: (string) div class name for the thumbs</li>
<li>imagearea: (string) div class name for the images</li>
<li>speed: (number) 0<=speed<=1 thumb scroll speed</li>
<li>clickable: (boolean) images can be clicked</li>
<li>autoScroll: (boolean) autoscroll thumbs</li>
<li>enableSwipeMode: (boolean) enable Swipe-Mode on touchable devices</li>
<li>useCaptions: (boolean) use captions or not</li>
<li>useDesc: (boolean) use description as caption</li>
<li>thumbsdown: (boolean) set the thumbs under the images</li>
<li>diashow: (boolean) activates the diashow option</li>
<li>diashowDelay: (number) delay in seconds, have to be more than 1</li>
<li>thumbOpacity: (number) optional opacity level for the tumbs in percent, have to be more than 0</li>
<li>width: (number) gallery width</li>
<li>height: (number) gallery height</li>
<li>adjustImagesize: (boolean) if false it will strech the images</li>
</ul>
For Example: ‘[scrollGallery id=1 start=5 autoScroll=true]’
Of Course you can change the style, borders and colors! Go into the plugin-folder “nextgen-scrollGallery” there you will find a folder “css” and the “scrollGallery_greyDesign.css”. 
Here you can add custom css designs, like the “scrollGallery_greyDesign.css”. 
I recommend to copy your “scrollGallery_customDesign.css” in your theme folder. Because if you make a update of the plugin, the “css” folder will be replaced. 
After you save a css-file in this “css” folder, it will be possible to change the style of the gallery in the admin interface.
The dimensions of thumbnails and images can be changed in your NextGEN Gallery plugin.
Since version 1.5 the do_shortcode() function is supported and since version 1.6 you can use [sG_thumbsSolo id=xxx] and [sG_imagesSolo id=xxx] instead of [scrollGallery id=xxx] to show only thumbs or images.
Since version 1.7 it is possible to set links to thumbs and images. To set a link, go into your NextGen Gallery and edit the image descriptions. If you write: [scrollGallery thumblink=”http://www.bmo-design.de” thumblink_target=”_blank”] you will set an external link to my page, which will open in a new window (target=”_blank”). 
Also you can set image links and image targets. Here’s an example with all the possibilities: [scrollGallery imglink=”http://www.bmo-design.de” thumblink=”http://software.bmo-design.de” imglink_target=”_self” thumblink_target=”_blank”].

NextGEN Scroll Gallery

Awesome free JavaScript gallery. BMo-Design's Mootools Javascript ScrollGallery as a Plugin for the Wordpress NextGEN Gallery.

Simple Stupid Shortcode vs NextGEN Scroll Gallery