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.

Pathhan

mohammadhanif

zish

fkfaisalkhan007

Sharik Khan

Alexander

FARAZFRANK

A WP Life

<p><strong>Portfolio Filter Gallery</strong> is a top-rated <strong>photo gallery</strong> plugin that helps you show your work. It lets you sort images and videos into categories. Users can click buttons to filter and find what they need.</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>This plugin lets you build galleries with filters. Users click a button to see one category. For example, they can pick “Web Design” to only see that work. This saves them from scrolling through many images.</p>
<p>You manage filters on one easy page. Create a filter once and use it on any image or video. This keeps your gallery neat and easy to manage.</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>Photo Gallery Masonry Layout</h4>
<p>The masonry layout puts images in a Pinterest-style grid. Images of different sizes fit together well. They do not need to be the same size. This layout has:</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>Add custom links to any gallery item. This lets you:</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 – Photo 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

Create a filterable photo gallery and portfolio. Supports images and videos with masonry layouts.

Atr Portfolio vs Portfolio Filter Gallery – Photo Gallery