Portfolio Gallery – Image Gallery

Description

A super easy way to create beautiful and responsive portfolio filter gallery for your WordPress blog websites. Portfolio filter gallery is fully responsive work with all devices like mac book, desktop pc, tablets, mobile.

Create multiple portfolio galleries into your site in just a minute with shortcode. You will get multiple column layouts portfolio, multiple hover style portfolio, play with multiple background colors.

Very new and amazing Portfolio filter gallery plugin made on irresistible CSS & JS, So, It is very amazing and easy to use.

Best portfolio filter gallery for any site because It has two themes to show portfolio gallery with filters, add unlimited images in this single gallery because it has no limit for uploading images.

Responsive portfolio filter gallery plugin has user-friendly interface, it is so easy in use for new and old users because it has its own category page you can create unlimited categories for the portfolio gallery, and you can apply these portfolio categories on images when you will upload images in portfolio filter gallery.

Many features and options to configure color and button color of the portfolio gallery, show and hide image caption, hide and show image detailed descriptions / permalink / read more button buttons on the overlay, Gutter Width option helps you change width of space between columns and opacity of thumbnails is changeable as well

📷 HOW TO USE THE EASIEST PORTFOLIO WITH WORDPRESS

Get much more with pro version of portfolio filter gallery plugin

🔓 Upgrade To Premium Portfolio Plugin – Click Here

💻 Check Premium Portfolio Plugin Demo – Click Here

📖 PORTFOLIO GALLERY PRO FEATURES AND DEMO

Portfolio Features

  • Filters – easy way to create filters in portfolio
  • Bootstrap Lightbox – the best and responsive bootstrap image lightbox
  • Multiple Column Layout – show portfolio gallery in multiple column like two columns, three columns, four columns
  • Responsive – all device compatible like pc, mac, tabs, phones
  • Numbering – show numbering on images
  • Title – show image title / label / caption on portfolio gallery images
  • Spacing or Without Spacing – Show portfolio gallery with and without spacing
  • Gray Scale – make beautiful photo portfolio gallery with Gray scale effect
  • Masonry – masonry style image photo video portfolio galleries
  • Multi Colour For Filters – apply multiple colours for filters button

Get Premium Version With More Features

  • Easy & Simple
  • Portfolio Responsive Gallery
  • Portfolio Filtration
  • Add Unlimited Filters
  • Unlimited Filter colours
  • Customize Border Settings
  • Portfolio Masonry Gallery
  • Link Gallery
  • Multiple Column Layouts
  • Bootstrap 3.3.6 Based
  • 30 Hover Effect
  • 5 Light Box Pop-up Style Portfolio
  • Image Title
  • Gallery in Post
  • Gallery in Page
  • Portfolio Gallery in Widget
  • Seo Friendly Portfolio Gallery
  • Portfolio Thumbnail Size & Quality Setting
  • Navigation Error in Lightbox Preview
  • Portfolio Gallery Images Order Buttons Like Ascending, Descending & Shuffle
  • Simple & User-Friendly Custom Plugin Dashboard
  • Create Unlimited Galleries With Unlimited Images In Portfolio
  • Portfolio Custom CSS
  • Easy To Implement Anywhere Into WordPress
  • Easily Customizable Portfolio
  • Fast, Friendly & Quality Support
  • The portfolio filter gallery plugin is very easy to use it also user-friendly and well designed, you can easily create your portfolio into few minutes. The portfolio setting is created with dropdown toggle bar for separate the settings, the user can easily understand and easily configure the settings of the portfolio. The link option filters option and description option comes below the image.
  • The portfolio filter gallery is fully responsive and works well with all devices like Desktop tablets iPhone etc
  • You will get the best filtration in the portfolio in multiple themes
  • You can change unlimited colours in the portfolio, change title & description background colours, change title description color, also change the border color of images.
  • You can customize image border like border colour, border size in portfolio
  • Beautifully created masonry portfolio gallery
  • Link option with both theme you can also set a read more or view button and give link into it or give the link on portfolio image
  • Set multiple column layouts like 1 column, 2 column, 3 column, 4 column in portfolio

Easiest Way To Add Filters or Category in Portfolio

The first portfolio plugin in the WordPress for a saprate category page. It’s really hazel free portfolio to create filters or category for the portfolio gallery. You can add, delete, even update your category or filter on the single page.

Fully responsive portfolio

Portfolio filter gallery is fully responsive manage according to your devices.

Image Lightboxes In Portfolio Filter Image Gallery

Portfolio Blueimp Lightbox

Blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and light box, optimized for both mobile and desktop web browsers.
It features swipe, mouse and keyboard navigation, transition effects, slide-show functionality, full screen support and on-demand content loading and can be extended to display additional content types.

Portfolio Blueimp Gallery has been tested with and supports the following browsers:

Desktop Browsers

Google Chrome 14.0+
Apple Safari 4.0+
Mozilla Firefox 4.0+
Opera 10.0+
Microsoft Internet Explorer 7.0+

Mobile Browsers

Apple Safari on iOS 6.0+
Google Chrome on iOS 6.0+
Google Chrome on Android 4.0+
Default Browser on Android 2.3+
Opera Mobile 12.0+

LD Lightbox

Lightbox is small javascript library used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers.

Swipebox Lightbox

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Main Features

Swipe gestures for mobile
Keyboard Navigation for desktop
CSS transitions with jQuery fall-back
Retina support for UI icons
Easy CSS customization
Compatibility with Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.

Poptrox Lightbox

Adds lightbox galleries to jQuery. Heavily customizable, easy to use, and built to support images, videos (YouTube, Vimeo, Wistia, Brightcove), Soundcloud tracks, IFRAMEs, and AJAX content.

Viwer Lightbox

Great looking lightbox to display images and photos in larger preview.

Bootstrap Lightbox

Amazing designed fully responsive bootstrap lightbox to preview images.

Clean Design

Beautiful and clean design, Manage your portfolio gallery spacing with in clicks
Thumbnail spacing
Column Layout
Filter Color option
Hover Effects

Link Gallery

Simple way to convert your gallery into link portfolio gallery, just give the link on image and here you go.

Video option

jQuery plugin to display YouTube video or Vimeo video in PopUp, responsive & retina, Compatible with WordPress, Auto-play support, easy to use.

Portfolio Popup Video

jquery video popup appear when you click on a video in the portfolio gallery, the pop up look great with your portfolio gallery.
It has black opacity, that helps to increase the visibility of the image popup and a close button for close the video.
You can also close the pop-up to click any where on the page area.

Features

Plugin support and you can create YouTube and Vimeo filtered gallery portfolio
Easy to use
Video Autoplay and without Autoplay Mode
Fully Responsive Style
Retina Ready
Easy CSS Customize

Portfolio FIlters

Add- Just click on Add new category to add new filter type the name of filter what you want to make.
update – Click on the update icon, you will see an icon like a pen click on it for update a category or filter.
Delete – Click on delete or trash button to delete the category or filter that you have made.
All Filter – The “All” filter is not deletable, it shows all images that you have in the portfolio gallery.

After making filters in portfolio

After you made filters go to add the new portfolio gallery and insert some images into the portfolio gallery.
Then you will see filters with images then you can select the filters with images which you want to filter with images.
The easiest method to filters the images in the WordPress.

Thumbnail Sizes

  1. Thumbnail 150×150
  2. Medium 300×169
  3. Large 840×473
  4. Full Size 1280×720
    The default image sizes of WordPress are “thumbnail” (and its “thumb” alias), “medium”, “medium_large”, “large” and “full” (the image you uploaded). These image sizes can be configured in the WordPress Administration Media Screen under Settings > Media. If your theme enables Post Thumbnails then “post-thumbnail” is also available and this is the default when using Post Thumbnails. This is how you use these default sizes with the_post_thumbnail():

Column Layout

Column on large desktop
Columns On Desktops
Columns On Tablets
Columns On Phones

Image Grayscale

Grayscale images have many shades of gray in between. If the original color image has no defined colorspace, or if the grayscale image is not intended to have the same human-perceived achromatic intensity as the color image, then there is no unique mapping from such a color image to a grayscale image.

Title on image

The unique an clean way to showing the titles on the thumbnail.
In portfolio, we show title on the image with a nice black opacity on background.
And you can also modify in the pro version of portfolio

Link Gallery

Adding a Link to Gallery Images. You can link your images to several places including a page or position on your site.
Its really easy to manage your link in portfolio gallery, you can just type your link or copy & paste below thw portfolio images, in the text box. Then choose portfolio link option
1. New tab
2. Same tab

Portfolio Custom CSS Option

Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans. … CSS stands for Cascading Style Sheets. It is a markup language that controls the appearance of HTML elements on a web page.

Defining Masonry Layout in portfolio

The term Masonry layout probably owes its name to the popular jQuery Masonry plugin that is used to generate this type of layout. Masonry layout is also referred to as the Pinterest Style Layout, as www.pinterest.com was the first major website to use this layout style.

Portfolio masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. Without this type of layout, certain restrictions are required to maintain the structure of layout.

Developers and designers are accustomed to seeing web pages laid out with CSS floats. But this common type of layout doesn’t take the size of the elements into consideration. Instead, it adds elements one after another, first in the horizontal direction, then vertically.
The following image shows a typical web page that uses floats for layout:

Default Layout

As you can see, having boxes with dynamic dimensions makes it difficult to design a layout without unnecessary gaps. This type of layout makes it harder for users as well, because the page height increases due to the additional spaces. It requires unnecessary scrolling to navigate to the bottom of the page. In such scenarios, we have to use a fixed-size box in each row.

Using a Masonry layout is the ultimate solution to this problem, as it reduces the spaces and tries to fit the maximum number of boxes into the rows and columns. Consider the following screenshot to see how the previous design looks in a Masonry layout. Notice that the height of the page is reduced and the layout is easier on the eye.

Practical Uses of Masonry Layout
Masonry layout can equip a site with better functionality, as well as enhance a site’s design. The following are practical examples of Masonry layout usage:

Image Galleries – The most popular use of Masonry layouts is for galleries. Image galleries are built using different types of images with varying dimensions. It can be challenging to create a set of images with the same dimensions, without losing their quality. Because of this, Masonry layouts are a great choice for creating galleries using images with varied dimensions.
Blog Posts – Generally, a blog’s home page lists the latest blog posts, along with a short summary. As long as we use one column to list posts, there won’t be any problems. However, with multiple columns, it is not possible to list the posts with varying length summaries. To keep the consistency of the layout, it is necessary to restrict the summary length. With a Masonry layout, we can list the latest posts in multiple columns without having to truncate the post summaries.
Portfolios – Masonry layouts are useful for displaying portfolio items. It can be used to present projects, designs, images, or anything that is relevant to your profile.

Masonry Layout Plugins

The plugins listed in the previous section contain unique features in addition to the common feature set. It is difficult to understand the difference between each plugin just by looking at a Masonry layout generated by each one. All of the layouts will appear quite similar. It is important to consider the available features before choosing a plugin. Generally, most plugins provide an API and documentation for identifying their features.

I suggest looking at the available features of each plugin before making your choice. I have compiled the following list of common features from the plugins listed in the previous section. These are some of the main features, but each plugin also has its own unique ones. It’s up to you to choose the best plugin based on your application requirements.

Portfolio Column sizes – Masonry layouts can have fixed-size columns or dynamic columns. Fixed-size columns are the norm. It is better to choose a plugin that allows dynamic columns, as it enhances the flexibility.
Sorting and Filtering – Plugins like Isotope allow you to sort and filter the elements without losing the structure of the layout. It is a good feature to have when you need dynamic Masonry layouts.
Animation – Unlike normal layouts, Masonry layouts change completely with the addition or removal of elements. Because of this, it is better to have animation effects for adjusting elements – this creates an awesome user experience.
Dynamic Elements – Generally, we create the layout on page load using the available elements. But some sites might require the ability to add or remove elements without refreshing. In such cases, the plugin should have the ability to auto adjust the layout to provide the optimal structure.
Layout Options – The plugin should allow you to set column width, gutter size, alignment, etc.

Portfolio Portfolio gallery image gallery, photo gallery, video gallery, filterable portfolio gallery, neat and clean design, individual categories portfolio filter gallery for your blog. Super easy way to create beautiful and responsive portfolio filter gallery for WordPress

Creating a Masonry Layout via Plugin

Portfolio masonry by www.desandro.com is the most popular plugin from the previous list. The following is a step-by-step guide to quickly building a simple Masonry layout:

Portfolio, portfolio gallery, portfolio image gallery, photo gallery with filter, video gallery, portfolio images with filter, portfolio

Portfolio Installation

Install Portfolio Filter Gallery either via the WordPress.org plugin directory, or by uploading the files to your server.

After activating Portfolio Filter Gallery plugin, go to plugin menu.

Add your filters.

Create Portfolio Filter Gallery, configure settings and save.

Copy portfolio gallery shortcode and publish on page / post.

That’s it. You’re ready to go!

Screenshots

  • Portfolio Filter Gallery 3 Column With Number And Title
  • Portfolio Filter Gallery Without Spacing
  • Portfolio Filter Gallery With 2 Column Layout
  • Portfolio Filter Gallery With Gray Scale(Gray Effect On Hover) On Thumbnails
  • Portfolio Filter Gallery With Masonry
  • Add Filters For Portfolio Filter Gallery
  • Portfolio Filter Thumbnails By Filters
  • A. Adding Thumbnails B. Shortcode
  • Portfolio Filter Gallery Settings

FAQ

Have any queries?

Please post your question on plguin support forum

https://wordpress.org/support/plugin/portfolio-filter-gallery/

Recommended Plugins

The following are other recommended plugins by the author:

Buy Premium Plugin – Click Here

Buy Premium Plugin – Click Here

  • Best Grid Gallery Plugin – Easy Grid Gallery Widget – Displaying your image in Page & Post widget/sidebar area with very easy.Allows you to customize it to looking exactly what you want.

Buy Premium Plugin – Click Here

  • Image Gallery Plugin – Gallery Lightbox – Displays all gallery images into the lightbox slider in just a few seconds.

Buy Premium Plugin – Click Here

  • Photo Gallery Plugin – Displays all Photo Gallery, Video Gallery, Link Gallery, Map Gallery into WordPress in just a few seconds.

Buy Premium Plugin – Click Here

  • Slider Plugin – Fully Responsive Slider Gallery For WordPress ,You can Show Slider Into Page/Post & Widget/Sidebar By Generate Shortcode.

Buy Premium Plugin – Click Here

  • Contact Form – Contact Form Widget Shortcode Plugin For WordPress.

Buy Premium Plugin – Click Here

  • Social Media Plugin – Display your Social Media Plugin into Widget/Sidebar in WordPress site with very easily.

Buy Premium Plugin – Click Here

Buy Premium Plugin – Click Here

Buy Premium Plugin – Click Here

Reviews

Amazing

I would say this is an amazing plugin, I got amazing support until they resolved the issue.
I would recommend this.

Amazing Support

Had an issue (jQuery issue) that proved difficult to resolve. Support didn’t stop until they had fixed it, very tenacious and with quick responses, exactly what you want from support. Seems my site was minifying the JS. All working perfectly on every browser now. Six stars if there was an option ! Great responsive, searchable, changeable gallery plugin.

Read all 99 reviews

Contributors & Developers

“Portfolio Gallery – Image Gallery” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.2.27

  • Modify some bootstrap CSS.

0.2.26

  • Solve the navbar confliction with the theme, spacially with dropdown class

0.2.25

  • Tested with WordPress version 4.9.4

0.2.24

  • Add a menu of our theme.

0.2.23

  • Some changes in setting page layout.

0.2.22

  • Add setting of unlimited colors option.

0.2.21

  • Fix layout of filter page, Also Add Image button in the setting page

0.2.20

  • Change Layout of setting page, Add video option in the portfolio gallery.

Feature Enhancements: Version 0.2.19

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.18

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.17

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.16

  • Enhancements: Compatible upto new version 4.8.1
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.15

  • Enhancements: Compatible upto new version 4.8
  • Bug Fix: None
  • Additional changes: some changes into file.

Feature Enhancements: Version 0.2.13

  • Enhancements: Compatible upto new version 4.8
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.12

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.11

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.10

  • Enhancements: None
  • Bug Fix: Yes, a bug fixed
  • Additional changes: None

Feature Enhancements: Version 0.2.9

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.8

  • Enhancements: None
  • Bug Fix: Yes, Added “all” button changeble.
  • Additional changes: None

Feature Enhancements: Version 0.2.7

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.6

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.5

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.4

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.3

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.2

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.2.1

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: Yes

Feature Enhancements: Version 0.2.0

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: Yes

Feature Enhancements: Version 0.1.8

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.7

  • Enhancements: Featured Plugin Page Added
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.6

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.5

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.4

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.3

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.2

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.1

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.1.0

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.0.9

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: Yes, user interface layout changed

Feature Enhancements: Version 0.0.8

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.0.7

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.0.6

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.0.5

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None

Feature Enhancements: Version 0.0.4

  • Enhancements: None
  • Bug Fix: Yes for body spacing
  • Additional changes: None

Feature Enhancements: Version 0.0.3

  • Enhancements: None
  • Bug Fix: Yes for body spacing
  • Additional changes: None

Feature Enhancements: Version 0.0.2

  • Enhancements: None
  • Bug Fix: Yes On loading
  • Additional changes: Settings

Feature Enhancements: Version 0.0.1

  • Enhancements: None
  • Bug Fix: None
  • Additional changes: None