<p>Show your photos in a full immersive gallery.</p>
<p>It’s possible also to define a custom CSS in your template folder to customize completely the gallery.</p>
<p>See the plugin in action here: http://micz.it/wordpress-plugin-art-gallery/example-gallery/</p>
<h3>Using a custom CSS file</h3>
<p>You can customize the look of the gallery using a custom CSS file. The file must be named wp-art-gallery.css and copied in a wp-art-gallery folder under your theme root folder, the same where is stored the theme style.css file.<br />
This custom file will be loaded after the standard plugin css file, so you can modify only the elements you need, the other elements will be displayed as usual. You can check the standard wp-art-gallery.css to see which css elements the gallery is composed of.</p>
<h3>Plugin source files</h3>
<p>The source files repository is available at https://github.com/micz/wp-art-gallery/</p>


WP Art Gallery

A full immersive gallery. No thumbnails, no distractions. Only one image a time. Fullscreen!

termel

<p>Animate prepared SVG drawing as a mobile picture. Uses <a href="http://anime-js.com/" title="Anime.js" rel="nofollow ugc">Anime.js</a> and <a href="https://maxwellito.github.io/vivus/" title="Vivus.js" rel="nofollow ugc">Vivus.js</a></p>
<p>Examples:</p>
<ul>
<li><a href="http://caldersvg.termel.fr/" title="Musicians" rel="nofollow ugc">Musicians</a></li>
<li><a href="http://caldersvg.termel.fr/politicians/" title="Politicians" rel="nofollow ugc">Politicians</a></li>
</ul>
<h3>Shortcode</h3>
<p>Add desired prepared (see example) images in wordpress standard <code>uploads</code> folder (on multisite <code>uploads/sites/#/</code>), and add shortcode to any page, specifing svg folder to use and animate:</p>
<pre><code>[caldersvg svgs="wp-content/my/folder/containing/svg/files/"]
</code></pre>
<p>or</p>
<pre><code>[caldersvg svgs="/var/www/mysite/wp-content/my/folder/containing/svg/files/"]
</code></pre>
<p>with all your .svg files in last folder.</p>
<p>The <code>svgs</code> parameter DOES NOT contain a <strong>URL</strong> (starting by http://), but a <strong>relative path</strong> on the server.</p>
<p>You can test with default demo files, included inside plugin (under calder-svg/svg/), but you have to copy them under your uploads wordpress folder before, and use something like shortcode:</p>
<pre><code>[caldersvg svgs="../../svg/musicians/"]
</code></pre>
<h3>SVG file example</h3>
<p>If using Inkscape to create the SVG files, please save your files as Optimized SVG, then check that your file is containing a stroke and no fill for each path (else you could experience strange displays).<br />
Like:</p>
<pre><code>fill="none" stroke-width="1" stroke="#cecece"


<svg id="svg7876" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 571.25 650" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
    <g id="g8426">
        <path id="path8440" fill="none" stroke-width="1" stroke="#cecece" d="m0 596.79c0-44.452 0.29402-53.508 1.7857-55 0.9822-0.99
</code></pre>


Calder SVG

Beautifull

Animate prepared SVG drawing as a mobile picture.

WP Art Gallery vs Calder SVG