A powerful and lightweight WordPress plugin for creating responsive, filterable image or portfolio galleries using [shortcode].

Realwebcare

<p><a href="https://www.realwebcare.com/demo/responsive-portfolio-image-gallery-free/" rel="nofollow ugc">FREE VERSION DEMO</a> | <a href="https://www.realwebcare.com/demo/plugins/?product_id=responsive-portfolio-gallery" rel="nofollow ugc">PRO VERSION DEMO</a> | <a href="https://www.realwebcare.com/item/responsive-portfolio-image-gallery-pro/" rel="nofollow ugc">EXPLORE PRO</a> | <a href="https://www.realwebcare.com/billing/submitticket.php?step=2&deptid=6" rel="nofollow ugc">CONTACT US</a></p>
<p><strong>Responsive Portfolio Image Gallery</strong> is a lightweight yet powerful plugin designed to help you display your portfolios in a modern, organized, and responsive layout. Whether you’re a photographer, designer, or creative professional, this plugin allows you to build beautiful grid-style portfolio galleries with a filterable interface using WordPress posts and <code>[shortcode]</code>.</p>
<p>Each portfolio item uses the featured image for its thumbnail, which opens up a stunning preview area displaying a larger version, along with optional titles, descriptions, buttons, and a related carousel.</p>
<p>Customize the look and feel using the built-in settings panel – choose hover effects, filter animations, the number of posts to show, and much more.</p>
<p>Use simple <code>[shortcode]</code> to place your gallery anywhere on your website.</p>
<h3>Important Notes</h3>
<ul>
<li>A featured image must be set for each portfolio item.</li>
</ul>
<blockquote>
<h4>Unlock more advanced features by upgrading to the Pro version:</h4>
<ul>
<li>Create unlimited galleries with unique styles</li>
<li>Add unlimited buttons in preview area</li>
<li>Duplicate any Portfolio rather than resetting a new one.</li>
<li>Backup and import/export settings</li>
<li>More attractive hover and filter animations</li>
<li>Google Fonts support</li>
<li>YouTube and Vimeo video support</li>
<li>Assign multiple categories per portfolio</li>
<li>Admin preview of each gallery</li>
</ul>
<p><a href="https://www.realwebcare.com/item/responsive-portfolio-image-gallery-pro/" rel="nofollow ugc">Explore Pro Features</a></p>
</blockquote>
<h3>Pro Version Video DEMO</h3>
<p><iframe loading="lazy" title="Responsive Portfolio Image Gallery Pro - WordPress" width="750" height="422" src="https://www.youtube.com/embed/4B1bbiBdtJg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Key Features</h3>
<ul>
<li>Responsive for all devices</li>
<li>Lightweight and fast-loading</li>
<li>Built with custom post types and taxonomies</li>
<li>Two built-in themes: <code>Light</code> and <code>Dark</code></li>
<li>Set the number of items and description length</li>
<li>Sort portfolios by <code>date</code>, <code>name</code>, or <code>ID</code></li>
<li>Customize thumbnail <code>width</code> and <code>height</code></li>
<li>Choose from several hover and filter effects</li>
<li>Display carousel of related images</li>
<li>Hide/show description and carousel</li>
<li>Portfolio description can be hidden</li>
<li>Height of the expanding preview and carousel wrapper is adjustable</li>
<li>Enable custom CSS</li>
<li>Shortcode-based implementation</li>
<li>Fully compatible with all modern browsers</li>
</ul>
<h3>Custom Post Type & Taxonomy</h3>
<p>Portfolios are managed as a dedicated custom post type with their own taxonomy. This structure ensures easy organization and separation from other content types.</p>
<h3>Two color schemes in style</h3>
<p>There are two color variations for the portfolio gallery plugin, dark and light. You can switch between them and load one up which is suitable for your website.</p>
<h3>Hover & Filter Effects</h3>
<p>Add visual appeal with a wide variety of CSS-based hover and filter animations. Let users easily navigate your gallery by filtering items based on categories.</p>
<h3>Expanding Preview Panel</h3>
<p>When a thumbnail is clicked, a clean, expandable preview opens with more details including a large image, title, description, buttons, and related carousel.</p>
<h3>Custom CSS Support</h3>
<p>Add your own styles directly from the plugin settings panel. Your rules will override the default styles without needing to modify plugin files.</p>
<h3>Migration Notes for Version 1.3</h3>
<p><strong>Version 1.3</strong> is a major update with internal changes that may affect users upgrading from older versions. We’ve made structural improvements for better performance and flexibility, which means certain elements have been renamed or migrated.</p>
<p><strong>Don’t worry – most changes are applied automatically through the version checker method.</strong></p>
<p>However, please visit <code>Portfolio <span aria-hidden="true" class="wp-exclude-emoji">→</span> Guide</code> in your WordPress dashboard for detailed upgrade instructions.</p>
<h3>What You Should Do</h3>
<ul>
<li>✅ <strong>Shortcodes</strong>: Go to the pages/posts where you added <code>[rcpig-gallery]</code> and replace them with <code>[rpgal-gallery]</code>.</li>
<li>✅ <strong>Post Type Visibility</strong>: If your portfolios are missing, go to your dashboard > Portfolios, and ensure items are listed under the new <code>rpgal</code> post type.</li>
<li>✅ <strong>Check Gallery Settings</strong>: Visit the <code>Generate Portfolio</code> section to confirm your included categories are set correctly.</li>
<li>✅ <strong>Custom Button Data</strong>: If you previously used buttons in your preview, confirm that they appear as expected. If not, re-enter them using the new fields.</li>
</ul>
<p>We’ve tried to make this transition as seamless as possible. However, if you notice anything missing or broken, re-saving your portfolio settings or re-adding buttons under the new structure usually resolves the issue. If you need help, you can contact us at anytime.</p>
<h3>Credits</h3>
<ul>
<li><a href="https://github.com/ded/bonzo" rel="nofollow ugc">Classie – class helper functions</a> by bonzo</li>
<li><a href="http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/" rel="nofollow ugc">Direction Aware Hover Effect</a> by Codrops</li>
<li><a href="http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/" rel="nofollow ugc">Thumbnail Grid with Expanding Preview</a> by Codrops</li>
<li><a href="http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/" rel="nofollow ugc">Elastislide</a> by Codrops</li>
<li>Presented By: <a href="https://www.realwebcare.com/" rel="nofollow ugc">Realwebcare</a></li>
<li><a href="https://www.facebook.com/realwebcare" rel="nofollow ugc">Facebook Page</a></li>
</ul>


Alternatives to Responsive Portfolio Image Gallery – Portfolio Gallery

Top alternatives