yehudaT

<p>A portfolio block that lets you use images grid with multiple styling options.</p>
<p>The block displays a grid of images with options to link them to the work you present.</p>
<p>You can control the layout, the global colors, item background image, item overlay box-shadow css rule, item title level, animate portfolio loading, animate items image, image sliding strip on hover, image sliding strip Width and more.</p>
<p>You can export\import the portfolio attributes to a json file. This gives you an option to make changes without worrying if you don’t like the outcome, since you can always load back the attributes backup. It also gives you the option to import the attributes to other occurrences of the block in the same or another site.</p>
<p>It may be added to any page or post using the WordPress 5+ Gutenberg editor.</p>
<h4>Features</h4>
<ul>
<li><strong>Customizable</strong>: The block has many options to control the look of the portfolio.</li>
</ul>
<ol>
<li>It includes a parent block, the portfolio main block, and an item child block.</li>
<li>Each portfolio item content is controlled separately</li>
<li>The style is controlled globally (per portfolio block, not throughout the website)</li>
<li>you can export/import the settings of the portfolio</li>
</ol>
<h4>How to use</h4>
<ul>
<li>Install ATR Portfolio plugin</li>
<li>Add ATR Portfolio from the block category “Widgets” in the editor.</li>
<li>Use the + sign <strong>inside</strong> to add items to the portfolio. Use the settings sidebar to set the item image etc.</li>
<li>Control the block settings from the settings sidebar for global settings.</li>
<li>Enjoy!</li>
</ul>
<h3>See in the video</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bixtj10ncDo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>


Atr Portfolio

Portfolio block. Showcase your projects and portfolio work.

mohammadhanif

Alexander

zish

Pathhan

fkfaisalkhan007

Sharik Khan

FARAZFRANK

A WP Life

<p><strong>Portfolio Filter Gallery</strong> is a WordPress plugin built to help you organize and display your creative work. It provides a structured way to present images and videos, allowing visitors to filter content by category.</p>
<h4>Demo Links</h4>
<ul>
<li><a href="https://awplife.com/wordpress-plugins/portfolio-filter-gallery-wordpress-plugin/" rel="nofollow ugc">Plugin Features</a></li>
<li><a href="https://awplife.com/demo/portfolio-filter-gallery-premium/" rel="nofollow ugc">Gallery Demo Pro</a></li>
</ul>
<h4>Support Links</h4>
<ul>
<li><a href="https://awplife.com/wordpress-plugins/portfolio-filter-gallery-new-wordpress-plugin/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/portfolio-filter-gallery/" rel="ugc">Support Forum</a></li>
</ul>
<h4>What This Plugin Does</h4>
<p>The core function of Portfolio Filter Gallery is to let you build galleries where users can click filter buttons to view specific categories of work. Instead of scrolling through an entire page of images, a visitor can select “Web Design” or “Photography” and see only those items.</p>
<p>The plugin includes a dedicated page for managing filter categories. You create your filters once, then assign them to individual images or videos as you build your gallery. This separation keeps your workflow clean and organized.</p>
<h4>Use Cases</h4>
<p>This plugin suits a range of users and projects:</p>
<ul>
<li>Photographers displaying work by genre (portraits, landscapes, events)</li>
<li>Web designers showcasing projects by type (e-commerce, corporate, landing pages)</li>
<li>Agencies presenting client work across different industries</li>
<li>Architects organizing projects by category (residential, commercial, renovations)</li>
<li>Artists grouping pieces by medium or theme</li>
<li>Freelancers building a professional online presence</li>
</ul>
<h4>Free Features</h4>
<p><strong>Gallery Filtering</strong></p>
<ul>
<li>Manage filters through a separate category interface</li>
<li>Assign multiple filters to each gallery item</li>
<li>CSS3 animations for smooth filter transitions</li>
</ul>
<p><strong>Layout Options</strong></p>
<ul>
<li>Masonry layout that adapts to varying image dimensions</li>
<li>Grid layout for uniform presentation</li>
<li>Column options: 2, 3, or 4 columns</li>
<li>Configurable spacing between items</li>
</ul>
<p><strong>Video Support</strong></p>
<ul>
<li>Embed YouTube videos</li>
<li>Embed Vimeo videos</li>
<li>Watch videos via external links</li>
</ul>
<p><strong>Customization</strong></p>
<ul>
<li>Show or hide image titles</li>
<li>Optional image numbering</li>
<li>Grayscale effect on hover</li>
<li>Customizable filter button colors</li>
<li>Border width and color settings</li>
</ul>
<h4>Premium Features</h4>
<p>The <a href="https://awplife.com/wordpress-plugins/portfolio-filter-gallery-wordpress-plugin/" rel="nofollow ugc">premium version</a> extends the plugin with additional capabilities:</p>
<p><strong>Advanced Features</strong></p>
<ul>
<li>URL-based filtering (load a page with a specific filter pre-selected)</li>
<li>Default filter selection on page load</li>
<li>Ascending/descending sort controls</li>
<li>Shuffle button for randomized display</li>
<li>Search functionality within galleries</li>
<li>Watermark overlay support</li>
</ul>
<p><strong>Extended Customization</strong></p>
<ul>
<li>Unlimited filter color schemes</li>
<li>Custom thumbnail dimensions</li>
<li>Responsive column control per device type (desktop, tablet, mobile)</li>
<li>Dropdown-style filter menu</li>
</ul>
<h4>How to Use Portfolio Filter Gallery</h4>
<ol>
<li>Navigate to <strong>Portfolio Gallery > Filters</strong> in your WordPress dashboard</li>
<li>Create the filter categories you need</li>
<li>Go to <strong>Portfolio Gallery > Add New</strong> to create a gallery</li>
<li>Upload images, add video URLs, and assign filters to each item</li>
<li>Adjust settings for layout and appearance</li>
<li>Copy the generated shortcode and paste it into any page or post</li>
</ol>
<p>The shortcode follows this format:<br />
    [Portfolio_Gallery id=”123″]</p>
<p>Replace “123” with your gallery’s ID.</p>
<h4>Masonry Layout</h4>
<p>The masonry layout arranges images in a Pinterest-style grid. Images of different sizes fit together naturally without requiring uniform dimensions. This layout includes:</p>
<ul>
<li>Automatic adjustment to image proportions</li>
<li>CSS3 animation effects</li>
<li>Full compatibility with filtering and sorting</li>
</ul>
<h4>Linking Portfolio Items</h4>
<p>You can attach custom URLs to individual gallery items. This allows you to:</p>
<ul>
<li>Link images to project detail pages</li>
<li>Direct users to external client websites</li>
<li>Open links in the same tab or a new tab</li>
</ul>
<h4>Page Builder Compatibility</h4>
<p>Portfolio Filter Gallery works with standard WordPress editing tools and popular page builders:</p>
<ul>
<li>Gutenberg block editor</li>
<li>Elementor</li>
<li>WPBakery Page Builder</li>
<li>Divi Builder</li>
<li>Beaver Builder</li>
</ul>
<p>Simply paste the shortcode into any text block or widget.</p>
<h4>Support</h4>
<p>For questions or troubleshooting, visit the <a href="https://wordpress.org/support/plugin/portfolio-filter-gallery/" rel="ugc">Support Forum</a>. The development team typically responds within the same day.</p>
<h4>Shortcode Usage</h4>
<p>Copy the shortcode from your gallery and paste it into any page, post, or widget:<br />
    [Portfolio_Gallery id=”123″]<br />
Replace “123” with your actual gallery ID.</p>
<h4>Browser Compatibility</h4>
<p>Portfolio Filter Gallery works on all modern browsers:<br />
* Google Chrome<br />
* Mozilla Firefox<br />
* Apple Safari<br />
* Microsoft Edge<br />
* Opera<br />
* iOS Safari & Android browsers</p>
<h4>Security & Privacy</h4>
<ul>
<li>GDPR Compliant</li>
<li>No data collection</li>
<li>Secure code following WordPress standards</li>
<li>Regular security updates</li>
</ul>
<h4>Contact & Support</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/portfolio-filter-gallery/" rel="ugc">WordPress Support Forum</a></li>
<li><a href="https://awplife.com/wordpress-plugins/portfolio-filter-gallery-wordpress-plugin/" rel="nofollow ugc">Premium Support</a></li>
<li><a href="https://awplife.com/wordpress-plugins/portfolio-filter-gallery-wordpress-plugin/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://www.youtube.com/watch?v=6rvJ9NN_kA0" rel="nofollow ugc">Video Tutorials</a></li>
</ul>
<h4>Third-Party Libraries</h4>
<p>This plugin uses standard WordPress libraries. No external third-party libraries are bundled.</p>


Portfolio Filter Gallery

I think this is an easy way to create filters for portfolio galleries

Good Plugin


We have used this plugin for some time now to display a photo gallery on our site. Recently also experienced fast and efficient support from the plugin team. Thanks and keep up the good work!


Great Plugin and Support

A WordPress plugin designed for creating filterable portfolio galleries. Supports images and videos with masonry routing.

Atr Portfolio vs Portfolio Filter Gallery