Visual Portfolio

Description

Visual Portfolio let you create beautiful portfolio layouts. Generates shortcode to show portfolio or any custom post types using Masonry, Justified, Tiles or Carousel layouts.

Links

Features

  • Visual preview for portfolio layouts shortcode builder
  • Templates for theme developers
  • 4 predefined layouts:
    • Masonry
    • Justified (Flickr)
    • Tiles
    • Slider (+ Carousel, Coverflow)
  • 3 predefined hover effects:
    • Fade
    • Emerge
    • Fly
    • Default (no hover effect)
  • Infinite Scroll
  • Load More
  • Paged layouts
  • Filtering
  • Popup gallery (YouTube and Vimeo supported)
  • Custom item gutters
  • Stretch option (if you want to break the fixed container of the page)
  • Custom image sets
  • Custom posts type layouts (not only portfolio)
    • Posts by type
    • Posts by specific ID
    • Posts by taxonomies
    • Custom order
  • Custom CSS for each portfolio layouts
  • Shortcode generated, so you can place unlimited portfolio layouts on the page
  • Gutenberg WordPress builder supported
  • WPBakery Page Builder page builder supported

Real Examples

Screenshots

  • Visual Portfolio builder p.1
  • Visual Portfolio builder p.2 (custom images set)
  • Visual Portfolio builder p.3 (custom styles)
  • Portfolio items admin
  • Visual Portfolio layouts admin
  • Example: Tiles + Stretch
  • Example: Justified Gallery (Flickr)
  • Example: Masonry + Posts
  • Example: Carousel and Coverflow
  • Example: Tiles + Custom hover color
  • Example: Tiles + Paged pagination
  • Example: Masonry
  • Example: Tiles + Popup gallery
  • Example: Popup Gallery

Installation

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Visual Portfolio, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Visual Portfolio” and click Search Plugins. Once you’ve found our plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our Visual Portfolio plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

FAQ

Installation Instructions

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Visual Portfolio, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Visual Portfolio” and click Search Plugins. Once you’ve found our plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our Visual Portfolio plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

How to disable enqueued plugins (JS, CSS) on frontend

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/disable-enqueued-plugins-js-css/

How to use my custom taxonomy as filter

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/custom-taxonomy-for-filter/

How to change default templates and styles

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/changing-default-templates-and-styles/

DEV: WP filters

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/wordpress-filters/

DEV: Controls

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/wordpress-filters/controls/

DEV: jQuery events

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/jquery-events/

DEV: jQuery methods

https://wp.nkdev.info/free-visual-portfolio/documentation/developers/jquery-methods/

Reviews

Excellent plugin

Good work! I have a small issue on mobile because there is no ”Load more -button”. On desktop there is 20 pictures but I can see only 10 on mobile. Is there some settings that causes this issue?

Amazing Portfolio

It is hard to believe this portfolio is free. Its functionality is better than the functionality of many premium portfolios out there. It has 4 types of grids, it can filter posts, it can easily create image galleries, it has 3 types of pagination and many more features. I also checked the developer’s themes and they are amazing. Very high-quality products.

The BEST portfolio plugin! Period.

Found this jewel after searching for a nice portfolio plugin and I must say, I’m more than pleasantly surprised. Had a little trouble at first, but after contacting the author, he helped me out very quickly. All those problems have since been resolved with an update.

Thanks Nikita!

Super!

Very useful and feature-rich plugin. I am very thankful to developer.

Read all 20 reviews

Contributors & Developers

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

Contributors

Translate “Visual Portfolio” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.7.2

  • added link to Documentation in admin menu
  • added vpf_extend_tiles filter
  • fixed custom jquery events triggering

1.7.1

  • fixed categories show in filter
  • fixed fade and fly items flex-wrap

1.7.0

  • added support for Gutenberg 3.7.0
  • added setting for custom taxonomies to show in portfolio filter
  • added support for WooCommerce categories in portfolio filter
  • added settings for the title and description popup gallery caption
  • added Read More button option for Default Items Style
  • added dropdown in top admin menu with the list of available portfolios on this page
  • added generation placeholders on the fly (no more need to regenerate thumbnails to get placeholder)
  • fixed popup image title color (were dark)
  • fixed popup video play after going to the next slide

1.6.5

  • added options for texts in filter and pagination
  • fixed paged /portfolio/ page (https://wordpress.org/support/topic/paging-infinite-loading-not-working/)
  • fixed vertical images quality
  • fixed conflict with Jetpack lazy
  • fixed filter shortcode output

1.6.4

  • fixed font-awesome dependency

1.6.3

  • added portfolio preview iframe in Gutenberg block
  • changed portfolio default image sizes (since we use Lazyload, we can use larger image sizes)
  • updated FontAwesome to 5.2.0
  • fixed Slider styles when used 2 sliders on the page
  • removed imagesloaded dependelcy
  • disabled ‘with_front’ in portfolio post type (thanks to https://wordpress.org/support/topic/change-the-permalink-structure-2/)

1.6.2

  • additional check for isotope and fjGallery existence
  • added init outside of ‘ready’ event (possible faster initialization)
  • fixed lazyload possible conflict with the 3rd-party themes/plugins

1.6.1

  • fixed validator error “The sizes attribute may be specified only if the srcset attribute is also present”

1.6.0

  • NOTE: strongly recommend to regenerate thumbnails on your site using this plugin
  • added lazy loading for images
  • added will-change styles in templates (animations should work smoother)
  • added new Tiles
  • added pagination paged arrows options
  • added align wide and full options in Gutenberg block
  • added support for custom controls styles (developers could create their own controls and add custom styles). Read FAQ for more information
  • added custom control options in filter templates (helpful for developers)
  • added pagination style and possibility to extend it from 3rd-party code
  • added portfolio item comments number data for templates
  • added ‘resized’ event for developers
  • always enqueued main style on all pages
  • changed carousel arrows shadow
  • fixed validation errors (added space between data attributes)
  • fixed video popup position
  • fixed portfolio bugged reload in preview
  • renamed nk-spinner to vp-spinner
  • removed double slash in custom theme template styles urls
  • removed imagesloaded usage

1.5.0

  • added Slider (+ Carousel, Coverflow) layout
  • added capabilities check when generated preview page
  • improved responsive calculation algorithm
  • disabled preview page caching by some popular caching plugins
  • fixed isotope newly loaded items jumping
  • fixed conditions usage on controls in 3rd-party extensions
  • fixed PHP notices when trying to extend portfolio options
  • fixed Data source selected item (was always Post selected)
  • fixed Default filter show
  • fixed Date format control UI
  • fixed confirmation message when leaving layouts editor without change

1.4.3

  • added check for template existance before include it (to prevent errors when 3rd-party devs don’t added templates)
  • fixed random order duplicates when used pagination
  • fixed errors in PHP < 5.5
  • disabled Infinite Load pagination in the Portfolio preview
  • changed templates inclusion to support 3rd-party extensions
  • removed background color from the load button when loading or no items
  • renamed all events prefix from vp to vpf

1.4.2

  • prepared code for extending from 3rd-party developers
  • fixed saving unchecked toggle values in Layouts editor (Show title, Show categories, etc…)

1.4.1

  • added filters to disable enqueued frontend plugins (see FAQ section)
  • added Custom URL option to custom images set
  • added support for negative number of items per page for custom images set (to show all available items on the page)
  • fixed custom images show when disabled pagination
  • fixed custom images filters count show

1.4.0

  • added Justified layout
  • added custom user images support in Content Source settings
  • added Gutenberg block to easily insert layouts
  • added Random order in Post-Based content source
  • added spinner to load more button
  • added setting to change portfolio slug
  • fixed video playing when popup were closed
  • fixed filter in post-based with taxonomies selected
  • fixed w3c validation error when enqueuing template styles
  • fixed specific posts selector ajax result
  • fixed publish button click (don’t show confirm alert)
  • changed “No More” button text
  • changed active filter buttons background color
  • updated FontAwesome to 5 version
  • minor changes

1.3.0

  • improved CSS editor (added autocomplete hints; selectors hint; showing errors; preventing save when editor has errors)
  • improved layouts editor interface
  • added shortcode for portfolio filter (you can use filter outside of portfolio wrapper)
  • added possibility to change date format
  • added frontend WPBakery Page Builder support
  • added support for post ordering plugins (Intuitive Custom Post Order)
  • fixed popup video jumping
  • fixed some php errors in preview
  • fixed photoswipe duplicates if on the page > 1 visual portfolio with popup gallery
  • fixed permalinks flush on activation and deactivation

1.2.1

  • fixed video format conflict with theme formats
  • fixed php error about undefined index
  • fixed buttons hover border issue in default themes

1.2.0

  • added support for oEmbed videos (YouTube and Vimeo supported)
  • added settings for popup gallery
  • added share button in popup gallery
  • added “Edit Portfolio Item” button in admin menu on frontend
  • added option to show filter items count
  • added option to show publised date in human format
  • added notice if no items found
  • added support for jetpack portfolio type filter
  • added portfolio tags support
  • updated color picker to support WordPress 4.9
  • fixed PhotoSwipe small images loading on mobile devices (performance improvements)
  • prevent load more click if href is empty
  • minor fixes and changes

1.1.4

  • fixed conflict with WooCommerce Photoswipe gallery

1.1.3

  • added ID in title to tinymce and visual composer dropdowns
  • fixed fly effect transition in Safari
  • fixed tiles filter jumping
  • fixed iframe height calculation if in theme set html height 100%;

1.1.2

  • added options to hide arrows and numbers from the paged pagination
  • added support for WPBakery Page Builder
  • added class attribute in shortcode
  • added excerpt field to the portfolio post type
  • removed enqueued portfolio scripts and styles from the admin builder
  • improved fly effect, now direction calculated more correct
  • changed all items-styles hover effects
  • fixed showing excerpt from excerpt post fields
  • fixed php short tag usage
  • fixed conflict with WPBakery Page Builder and old isotope plugin

1.1.1

  • fixed php enqueue errors

1.1.0

  • preview changed to iframe – now all the portfolio styles showed the same as on your website frontend. Now iframe reloaded when changed all options (Customizer experience here)
  • added wrapper to filter and pagination
  • added tinyMCE dropdown with list of visual-portfolio shortcodes
  • added CodeMirror for custom CSS field
  • added loading overlay
  • changed paged arrows to font-awesome
  • changed default templates style
  • changed popup gallery – now used image meta title and description
  • fixed popup gallery buttons style conflict with default WordPress themes
  • fixed styles rendering on initialization (without timeout now)
  • fixed isotope items animation and remove
  • fixed preloader opacity transition (added wrapper)
  • fixed showing paged pagination if no items
  • minor changes

1.0.1

  • added custom CSS field
  • added object-fit polyfill to support old browsers
  • added custom image sizes
  • added responsive
  • added wrapper to items layout
  • removed margin from main vp container
  • fixed array option retrieve error
  • minor changes

1.0.0

  • initial Release