Portfolio – Portfolio Gallery – Image Gallery

Description

Portfolio, Portfolio gallery, Portfolio image gallery, Photo gallery, Video gallery, Portfolio with filter, portfolio

A super easy way to create beautiful and responsive portfolio filter gallery to your WordPress site.
The plugin is fully responsive work with all devices like desktop, tablets, mobile.
You can create portfolio gallery into your site in just a minute.
You will get multiple column layouts, multiple hover style, play with multiple colors.

HOW TO USE THE EASIEST PORTFOLIO WITH WORDPRESS

And you will get much more with pro version.

Upgrade To Premium Plugin – Click Here

Check Premium Plugin Demo – Click Here

GALLERY PRO FEATURES AND DEMO

Portfolio Features

  • Filters – Easy way to create filters in portfolio
  • Bootstrap Lightbox – The best bootstrap lightbox
  • Multiple Column Layout – Show portfolio gallery in multiple column
  • Responsive – All device compitable
  • Numbering – show numbering on images
  • Title – Show tilte on image
  • Spacing & without spacing – Show gallery with and without spacing
  • Gray Scale – Make beautiful your gallery with Gray scale effect
  • Masonry – Masonry style gallery
  • Multi Colour For Filters – Multiple colours for filters

Get Premium Version With More Features

  • Easy & Simple
  • Responsive Gallery
  • Filtration
  • Add Unlimited Filters
  • Unlimited Filter colours
  • Customize Border Settings
  • Masonry Gallery
  • Link Gallery
  • Multiple Column Layouts
  • Bootstrap 3.3.6 Based
  • 30 Hover Effect
  • 5 Light Box Pop-up Style
  • Image Title
  • Gallery in Post
  • Gallery in Page
  • Gallery in Widget
  • Seo Friendly Gallery
  • Thumbnail Size & Quality Setting
  • Navigation Error in Lightbox Preview
  • Gallery Images Order Buttons Like Ascending, Descending & Shuffle
  • Simple & User-Friendly Custom Plugin Dashboard
  • Create Unlimited Galleries With Unlimited Images
  • Custom CSS
  • Easy To Implement Anywhere Into WordPress
  • Easily Customization
  • 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.
  • Beautifully created masonry 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 image
  • Set multiple column layouts like 1 column, 2 column, 3 column, 4 column,

Esiest way to add filters or category in portfolio

The first portfolio plugin in the WordPress for a saprate category page. Its really hazel free 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.

Lightboxes in portfolio

Blueimp Lightbox

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

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 fallback
Retina support for UI icons
Easy CSS customization
Compatibility
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 lloking lightbox to display images.

Bootstrap Lightbox

Amazing bootstarp lightbox to display images.

Clean design

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

Link Gallery

Simple way to convert your gallrey into link 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, Autoplay support, easy to use.

Popup video

jquery video popup appear when you click on a video in the gallery, the pop up look great with your 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 popup to click any where on the page area.

Features

YouTube and Vimeo support.
Easy to use.
Video Autoplay and without Autoplay.
Fully Responsive Style.
Retina Ready.
Easy CSS Customize.

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 gallery.

After making filters

After you made filters go to add the new gallery and insert some images into the 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.

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.

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.

Features of 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.

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.
Creating a Masonry Layout via Plugin
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:

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
  • Filteriz Thumbnails By Filters
  • A. Adding Thumbnails B.Shortcode
  • Portfolio Filter Gallery Settings

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 gallery shortcode and publish on page / post.

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

FAQ

Have any queries?

Please post your question on plguin support forum

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

Installation Instructions

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 gallery shortcode and publish on page / post.

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

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

Very Great !

I recommend ! The team is very professional, and the after-sales service is very useful and especially fast!

Team SafetyFirst Formation

This is a Great Plugin

Easy to use, affordable, works great. And the thing is, the guys over at AWPLife.com have incredible support, fast, easy to reach and very helpful! I would buy any of their products.

Amazing plugin!!

Hi all,

This to give the best review ever for the support of this plugin. The support team took over my website and made everything work. The plugin works great for my business and looks professional. Thank you so much for helping me!
Terry

Read all 45 reviews

Contributors & Developers

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

Contributors

Changelog

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 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