aurelienpierre

<h4>What ?</h4>
<p>This is a lightweight plugin to display dynamic or static galleries on posts and pages with minimal overhead and using only native WordPress media.</p>
<p>Main features:</p>
<ol>
<li>enable responsive images sizes (visitors get served the closest image size to their actual display resolution),</li>
<li>enable custom taxinomies, tags, comments, author, comments for media attachments,</li>
<li>make images queryable by tags, comments, taxinomies, etc. to display dynamic galleries from a shortcode,</li>
<li>provide shortcode wrappers for default WordPress galleries to enable advanced layouts (carousel, exhibition, no caption, etc.),</li>
<li>style default column galleries in a masonry way,</li>
<li>add EXIF metadata in media admin view,</li>
<li>fully responsive (height and width),</li>
<li><strong>provide elegant, minimalist looks that put emphasis on image content first and never crop images to fit in an arbitrary layout.</strong></li>
</ol>
<p>The look is inspired by art books and museums exhibitions, meant to allow a flawless and non-intrusive full-screen experience, so you can design your website as a webapp.</p>
<h4>Why ?</h4>
<p>Most fancy gallery plugins will add their gallery manager on top of WordPress, which already has one… Then, they will crop images to fit within their fancy layout. Unfortunately, if you are an artist, the way you composed and framed your picture is no accident and should be honored by whatever display system you use. After all that, they will add an awful bloat of jQuery madness that will put a hole in your <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow ugc">Page Speed</a> score and kill your <a href="https://tools.pingdom.com/" rel="nofollow ugc">loading time</a>. Finally, they will distract visitors from your content with all their fancy effects that make your CPU overheat for nothing. Picture-based websites were already heavy, these will make sure to give them the final blow…</p>
<p>We need better.</p>
<h4>How ?</h4>
<ul>
<li>Use only built-in browser technologies (CSS, HTML, and native Javascript) to extend browser native features.</li>
<li>Don’t use jQuery or additional bloatware lib that slows down page loading, creates compatibility nightmares and may not be hardware-accelerated.</li>
<li>Load minified JS and CSS, on-demand (only on pages that use them), in footer and with defer support.</li>
<li>Compatible with caching, minification, CDN and lazy loading (tested with WP Rocket).</li>
<li>Compatible with lightboxes plugins.</li>
<li>Only extends core WordPress features, for better security and maintainability.</li>
</ul>
<p>The JS weighs only 5.2 kB, and the CSS 7.2 kB.</p>
<h3>Features</h3>
<h4>Attachements improvements</h4>
<p><strong>Photographers galleries</strong> enhances the WordPress attachments from the media library by enabling regular posts properties on them :</p>
<ul>
<li>comments,</li>
<li>author,</li>
<li>custom fields,</li>
<li>posts categories,</li>
<li>posts tags.</li>
</ul>
<p>It adds 3 custom taxonomies to the media attachments :</p>
<ul>
<li>galleries (which you can use as categories to describe <strong>what</strong> is on the picture),</li>
<li>locations (<strong>where</strong> is the picture),</li>
<li>models (<strong>who</strong> is on the picture).</li>
</ul>
<p>These taxonomies are hierarchical, meaning that a “USA” parent location can have “Texas” and “Nevada” children locations which can have children themselves.</p>
<p>Taxonomies and tags make the attachments queryable in archives, just like posts categories, so they allow you to display dynamic galleries either through custom taxonomies template (to add to your theme) or on a page with a shortcode see <a href="https://wordpress.org/plugins/photographers-galleries/installation/" rel="ugc">Installation</a>. Most gallery<br />
plugins create galleries as custom posts and force you to add your new pictures to all the relevant galleries. PG’s way allow you to add your pictures to multiple galleries in one step, during its upload in a post editor or in the media library.</p>
<p>To add taxonomies terms to your pictures during their upload in posts editor, use the plugin <a href="https://wordpress.org/plugins/media-library-assistant/" rel="ugc">Media Library Assistant</a>. It will help you to bulk edit your media library too. See <a href="https://wordpress.org/plugins/photographers-galleries/other_notes/" rel="ugc">Other notes</a> to find how to set MLA.</p>
<h4>Galleries improvements</h4>
<p><strong>Photographers galleries</strong> enable the WordPress built-in HTML5 support for pictures and galleries to produce <code><figure></code> and <code><figcaption></code> tags to increase the SEO and get rid of WordPress default gallery layout (which width is set by the global variable <code>$content_width</code>). They add a fully responsive stylesheet to fit the galleries along the borders of the container.</p>
<p>It also adds more thumbnails sizes for the responsive <code>srcset</code> HTML attribute of images, allowing browsers to load exactly the right image size for the current viewport size. These sizes go all the way from 240×360px to 4096×2160px, so don’t be afraid to upload high-resolution images, your visitors will only see the image size relevant for their screen size and pixel density.</p>
<p>No particular operation is required, just use your regular WordPress gallery builder inside the post editor.</p>
<h4>Extra layouts & shortcodes wrappers for WordPress galleries</h4>
<p><strong>Photographers galleries</strong> uses only regular WordPress galleries, called by the <code>[gallery]</code> shortcode, and does not rewrite them. This is intended to ensure maximum compatibility with other plugins (lightboxes, etc.) as well at with future WordPress versions. The extra gallery layouts are provided by extra shortcodes to wrap around the WordPress galleries.</p>
<p><strong>Note : this makes use of the classic editor gallery, not the Gutenberg block. For what Photographers galleries does, the Gutenberg gallery block adds no benefit over the classic gallery.</strong></p>
<p>Extra gallery layouts :</p>
<ul>
<li>no captions</li>
<li>caption aligned</li>
</ul>
<p>See <a href="https://wordpress.org/plugins/photographers-galleries/installation/" rel="ugc">Installation</a> tab for use instructions.</p>
<h4>Carousel</h4>
<p><strong>Photographers galleries</strong> has a fixed-height carousel which takes by default 100 % of the container width and 92 % of the viewport height (99 % if captions are not displayed). It uses the native browser scrolling, supporting horizontal scrolling (touchpad and mouse wheel), swiping gestures (touch screens), click/tap on the next/previous buttons, as well as keyboard arrow keys (left and right).</p>
<p>The pictures are fitted to the same height so the layout is flawless and continuous, perfect to display a serie or a portfolio. Every carousel instance on a same page can have its own style. This carousel was inspired by <a href="https://format.com/themes#horizon" rel="nofollow ugc">Format</a>.</p>
<p>See <a href="https://wordpress.org/plugins/photographers-galleries/installation/" rel="ugc">Installation</a> tab for use details.</p>
<h4>Exhibitions</h4>
<p>Exhibitions are a new mode of the 1.0 that enables a full-width and full-height experience with a framing look reproducing museum framings. They come in-place of usual lightboxes and gives your pictures maximal impact with minimal clutter, assuming you will use them in a full-width theme template. They support keyboard arrow keys interactions, as well as horizontal scrolling and click/tap on the buttons.</p>
<p>Exhibitions preload the next and previous images in row while looking at the current one, so the transition between images feels immediate and most lags are prevented.</p>
<h4>Media library improvements</h4>
<p><strong>Photographers galleries</strong> adds EXIF metadata of your pictures in the WP library columns :</p>
<ul>
<li>time and date of the capture,</li>
<li>camera,</li>
<li>focal length,</li>
<li>ISO,</li>
<li>aperture,</li>
<li>shutter speed,</li>
<li>copyright terms,</li>
<li>author credit.</li>
</ul>
<h3>Technical details</h3>
<h4>Configuring Media Library Assistant for PG</h4>
<ol>
<li>Go to “General tab”</li>
<li>Go to the “Taxonomy Support” option</li>
<li>For “Galleries”, “Locations”, “Models”, check all the checkboxes of the line</li>
<li>Strings are ready to translate</li>
</ol>
<h4>Caveats</h4>
<p>Using native WordPress galleries, Photographers Galleries need to overwrite theme styling, which might still compete with it. Some CSS tuning might be necessary to fix corner-cases.</p>


Photographers galleries

Enhance your galleries with HTML5 responsive figure and present them with a  lightweight CSS3 carousel or exhibition mode that fills the gap between a …

techotronic

<p><a href="https://appsumo.com/search/?query=wordpress&utm_source=sumo&utm_medium=wp-widget&utm_campaign=jquery-colorbox" rel="nofollow ugc">Check out the latest WordPress deals for your site.</a></p>
<p>A Colorbox/Lightbox plugin for WordPress.</p>
<p>jQuery Colorbox features 11 themes from which you can choose.<br />
Works out-of-the-box with WordPress Galleries and <a href="https://wordpress.org/extend/plugins/nextgen-gallery/" rel="ugc">NextGEN Gallery</a>! (choose no effect in NextGEN settings)</p>
<p>When adding an image to a post or page, usually a thumbnail is inserted and linked to the image in original size.<br />
All images in posts and pages can be displayed in a Lightbox/colorbox when the thumbnail is clicked.<br />
Images are grouped as galleries when linked in the same post or page. Groups can be displayed in a slideshow within the Lightbox/colorbox.</p>
<p>Individual images can be excluded by adding a special CSS class.</p>
<p>jQuery Colorbox can also open linked content (external as well as inline) in a Lightbox/Colorbox.</p>
<p>For more information visit the <a href="https://wordpress.org/extend/plugins/jquery-colorbox/faq/" rel="ugc">FAQ</a>.<br />
If you have questions or problems, feel free to write an entry at <a href="https://wordpress.org/tags/jquery-colorbox?forum_id=10" rel="ugc">the jQuery Colorbox WordPress.org forum</a></p>
<p><strong>Localization</strong></p>
<ul>
<li>Arabic (<code>ar</code>) by <a href="http://www.photokeens.com" rel="nofollow ugc">Modar Soos</a></li>
<li>Belorussian (<code>be_BY</code>) Marcis G.</li>
<li>Bosnian (<code>bs_BA</code>) by Vedran Jurincic</li>
<li>Bulgarian (<code>bg_BG</code>) by <a href="http://nikolay.zaynelov.com" rel="nofollow ugc">Nikolay Zaynelov</a></li>
<li>Czech (<code>cs_CZ</code>) by David Weis</li>
<li>Simplified Chinese (<code>zh_CN</code>) by <a href="http://tech.yiandya.com/" rel="nofollow ugc">Lucas Ho</a></li>
<li>Danish (<code>da_DK</code>) by Michael Bering Petersen</li>
<li>Dutch (<code>nl_NL</code>) by <a href="http://nl.linkedin.com/pub/richard-laak/b/b21/672" rel="nofollow ugc">Richard van Laak</a></li>
<li>English (<code>en_EN</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>Finnish (<code>fi</code>) by <a href="http://www.merisaari.com/" rel="nofollow ugc">Lauri Merisaari</a></li>
<li>French (<code>fr_FR</code>) by <a href="http://www.monblogamoua.fr/" rel="nofollow ugc">Pierre Sudarovich</a></li>
<li>German (<code>de_DE</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>Hebrew (<code>he_IL</code>) by <a href="http://www.TommyGordon.co.il" rel="nofollow ugc">Tommy Gordon</a></li>
<li>Italian (<code>it_IT</code>) by Marco Chiesi</li>
<li>Latvian (<code>lv</code>) by Uldis Jansons</li>
<li>Malay (<code>ms_MY</code>) by <a href="http://www.inisahaini.com" rel="nofollow ugc">Saha-ini Ahmad Safian</a></li>
<li>Polish (<code>pl_PL</code>) by Kornel Łysikowski</li>
<li>Portuguese (<code>pt_BR</code>) by <a href="http://twitter.com/gervasioantonio" rel="nofollow ugc">Gervásio Antônio</a></li>
<li>Romanian (<code>ro_RO</code>) by Luke Tyler</li>
<li>Russian (<code>ru_RU</code>) by Arkadiy Florinskiy</li>
<li>Slovak (<code>sk_SK</code>) by B. Radenovich</li>
<li>Spanish (<code>es_ES</code>) by Inma P.-Zubizarreta</li>
<li>Swedish (<code>sv_SE</code>) by <a href="http://www.theindiaexperience.se/" rel="nofollow ugc">Christian</a></li>
<li>Turkish (<code>tr_TR</code>) by <a href="http://www.serhatyolacan.com/" rel="nofollow ugc">Serhat Yolaçan</a></li>
<li>Ukrainian (<code>uk</code>) by Jurko Chervony</li>
<li>Vietnamese (<code>vn_VN</code>) by Techfacts</li>
</ul>
<p>Is your native language missing?<br />
Translating the plugin is easy if you understand english and are fluent in another language.<br />
I described in the <a href="https://wordpress.org/extend/plugins/jquery-colorbox/faq/" rel="ugc">FAQ</a> how the translation works.</p>
<p><strong>Credits</strong><br />
Includes <a href="http://jacklmoore.com/colorbox/" rel="nofollow ugc">ColorBox</a> 1.4.33 jQuery plugin from Jack Moore.<br />
The picture I used for the screenshots was designed by <a href="http://wallpapers.vintage.it/" rel="nofollow ugc">Davide Vicariotto</a></p>


jQuery Colorbox

This is the best WordPress plugin ever!



Best Plugin EVER!

I rarely install plugins on my client's websites but I do have a couple of "utility" plugins to make my life easier with development. This is one of them.

Have been using this plugin for years now and it is a great solution for any site that needs a colorbox effect.

Thanks for the plugin!

Easy to use and developer friendly.

Adds Colorbox/Lightbox functionality to images, grouped by post or page. Works for WordPress and NextGEN galleries. Comes with different themes.

Photographers galleries vs jQuery Colorbox