# Visual Portfolio, Photo Gallery & Post Grid # * Contributors: visualportfolio, nko * Tags: portfolio, gallery, photo gallery, image gallery, wordpress gallery plugin * Donate link: https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=donate * Requires at least: 6.2 * Tested up to: 6.4 * Requires PHP: 7.2 * Stable tag: 3.2.3 * License: GPLv2 or later * License URI: Modern photo gallery and portfolio plugin with advanced layouts editor. Clean gallery styles with powerful settings in the Gutenberg block. ## Description ## **Gallery & Portfolio Plugin For WordPress** ★★★★★
**Portfolio websites are the most popular nowadays.** We created [**Visual Portfolio, Photo Gallery & Post Grid WordPress plugin**](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head), to help every creative, agency, and photographers get access to the powerful tools they need to showcase their beautiful works and attract more love from their potential and existing customers. [youtube https://youtu.be/354pybu91aQ] [See Live Demo](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head) | [Documentation](https://visualportfolio.co/docs/getting-started/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head) | [GitHub](https://github.com/nk-crew/visual-portfolio) Create beautiful, clean, and powerful photo galleries and portfolio layouts using the Visual Portfolio gallery plugin. It is easy for simple photo galleries, but powerful enough for professionals. Whether you're a photographer, agency, or anything in between, **Visual Portfolio will boost your online presence**. ### 🏆 Visual Gallery Builder ### Build your portfolio and gallery blocks with no coding knowledge. Thanks to Gutenberg page builder you are able to create and customize galleries visually. Convenient visual block editor with support to various layouts such as Masonry, Justified, Tiles, Grid, Slider and Carousel. A **well thought out design, powerful features, and years of development** by the nK team make Visual Portfolio a game-changing Portfolio and Gallery plugin that will level the WordPress showcases playing field in your favor to help increase visitors engagement. ### 🚀 Optimized to be Fast as Native ### Despite the rich functionality, the Visual Portfolio is optimized as much as possible, to be fast and lightweight. Due to the modular code structure, all scripts and styles are loaded only when they are needed for the current page that displays your gallery. So, your pages will never load unused features. Pictures are not loaded in the main thread due to lazy loading. Moreover, our plugin is compatible with third-party WebP providers and image optimization plugins. Smart adaptive image sizes fully supported in any gallery, created with Visual Portfolio plugin. ### 📱 Layouts ### Our gallery plugin shipped with popular layouts such as Masonry and Justified (Flickr). Every feature optimized and works seamlessly with all of these layouts, you just need to set up and go with no headache. See it in action: * [Masonry Gallery](https://visualportfolio.co/masonry-image-filters/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=layouts) * [Justified (Flickr) Gallery](https://visualportfolio.co/justified-tilt-effect/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=layouts) * [Tiles Gallery](https://visualportfolio.co/tiles-custom-color/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=layouts) * [Grid Gallery](https://visualportfolio.co/grid/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=layouts) * [Slider Gallery](https://visualportfolio.co/slider/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=layouts) (Fade, Carousel, Coverflow) ### 🎨 Prebuilt Skins ### Showcase your projects ang gallery images with clean and beautiful skins. See it in action: * [Classic](https://visualportfolio.co/masonry/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=effects) * [Fade](https://visualportfolio.co/tiles-paged-pagination/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=effects) * [Emerge](https://visualportfolio.co/masonry-infinite-scroll/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=effects) * [Fly](https://visualportfolio.co/tiles-popup-gallery/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=effects) * [Caption Move](https://visualportfolio.co/masonry-caption-move/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=effects) ### ⚙️ Easy to Customize ### The gallery block with live preview includes a lot of design settings that are point-and-click, no coding knowledge required. If you're a bit more adventurous, the custom CSS module and PHP filters are set up to be easily used by developers. ### 📁 Portfolio Post Type ### Optional custom post type `portfolio` will ensure all your portfolios to keep in a single post type. In this way, you can distinguish your portfolios from other post types. Taxonomies are used to categorize your portfolio types, it will help you to group and sort your portfolios. Moreover, you can use these portfolios as a source for your showcase gallery using Visual Portfolio block. Customize and rename Portfolio archive templates using visual gallery and page builder [https://visualportfolio.co/docs/portfolio-archive/](https://visualportfolio.co/docs/portfolio-archive/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=archive) In case you want to use Visual Portfolio plugin for photo gallery only you can disable custom post type registration. ### 💎 Posts Query Builder ### Fine-tune the source of your galleries. Display posts, portfolios, and any other post types, filter by taxonomies, author, and date ranges, include or exclude specific posts, and much more options. ### 🖼️ Photo Galleries ### Create galleries using image sets right inside block editor, just drop your images and the gallery is ready. You can create unlimited galleries with different styles, there is no limitation. ### ⚡ Powerful Lightbox ### Visual Portfolio uses only modern solutions, and lightboxes are not an exception. High performance, mobile optimization, retina-ready, and a wide range of features available in Fancybox and PhotoSwipe plugins, that you can choose for your gallery lightboxes. **Mobile Optimized**
Looks great on every device. Swipe to navigate, spread/pinch to zoom in/out supported on touch devices. **GPU Accelerated**
Hardware accelerated animations for better performance and seamless user experience. **Smart Loading**
Gallery images are responsive and loaded progressively using lazy loading on demand. **Social Sharing**
You can allow users to share photos on Facebook, Twitter, and Pinterest with social sharing buttons. ### 📹 Video and 🎵 Audio Support ### Visual Portfolio plugin allows you to work with audios and videos within a single gallery. You just need to copy the URL of the video or audio and it will work automatically in the popup gallery. The full list with supported vendors see below (mostly thanks to the Pro plugin). Supported Video Vendors: * Youtube * Vimeo * IGTV (Instagram) * TikTok * Twitch * Facebook Video * DailyMotion * Wistia * VideoPress * TED * Rutube * Metacafe * Coub * Self Hosted Video Supported Audio Vendors: * Spotify * SoundCloud * Mixcloud * Beatport * Self Hosted Audio ### 📈 SEO-Friendly ### Visual Portfolio plugin is built keeping SEO and performance in mind by defining proper structure and tags. Furthermore, due to optimization, it is lightweight and fast when it comes to page load. In addition our plugin add images in the sitemap for `All In One SEO`, `Rank Math`, and `Yoast SEO` plugins ### 🏳️ Multilingual & Translation Ready ### Visual Portfolio adds a new layer of compatibility for [WPML](https://wpml.org/). All blocks are compatible with it and ready for translation. [https://visualportfolio.co/docs/multilingual/](https://visualportfolio.co/docs/multilingual/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=wpml) ### 🛠 Built For Developers ### Visual Portfolio gives you a wide range of filters and actions to customize every part of your gallery. Also, it allows you to overwrite templates and change it in the theme directory. Moreover, you can customize separate portfolio lists using custom CSS and CSS Variables. ### 🔥 Visual Portfolio Pro ### > The Visual Portfolio plugin is also available in a professional version which includes more features and enhanced performance! [**Learn more about Visual Portfolio Pro**](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro) > > In order to maintain the free version of the plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. The Pro version allows you to: * **Advanced Skin Settings** * **Image Filters and Blend Mode** – apply Instagram-like filters on images for Normal and Hover states * **Transformations** - control the image transformation and border radius for Normal and Hover states * **Typography** – control every text part of gallery captions and overlays * **Dimensions** – controls paddings, margins and border radius of captions and overlays * **Stylish Interaction Effects** * [Hover Tilt Effect](https://visualportfolio.co/justified-tilt-effect/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_effects) * [Custom Hover Image](https://visualportfolio.co/custom-hover-image-animated-gif/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_effects) - useful for animated GIFs * [Caption Move Skin](https://visualportfolio.co/masonry-caption-move/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_effects) * **Social Feeds** Automatically fetch posts from your social networks to display in gallery on your site. * [Instagram](https://visualportfolio.co/social-instagram/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Youtube](https://visualportfolio.co/social-youtube/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Vimeo](https://visualportfolio.co/social-vimeo/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Unsplash](https://visualportfolio.co/social-unsplash/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Twitter](https://visualportfolio.co/social-twitter/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Flickr](https://visualportfolio.co/social-flickr/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Google Photos](https://visualportfolio.co/social-google-photos/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Dribbble](https://visualportfolio.co/social-dribbble/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [Twitch](https://visualportfolio.co/social-twitch/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * [RSS](https://visualportfolio.co/social-medium-rss/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_social_feeds) * VK (Vkontakte) * [**Theft Protection**](https://visualportfolio.co/theft-protection/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_protection) * **Watermarks** - add your logo on top of your images to make them harder to steal * **Password Form** - add a password to gallery blocks and send it to your clients * **Age Gate** - Protect visitors from viewing adult content * [**Photos Proofing**](https://visualportfolio.co/docs/proofing/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro_proofing) Communicate with your clients in a modern way: 1. **Create Proofing Gallery** - Easily create a gallery with photos, as you did before. Change styling, layout, etc. if you want. 2. **Send to a Client** - Send photos collection to your client for proofing. The client will be able to leave comments on individual photos and communicate with you. 3. **Get Approval** - Once the client approves the selection, you will be able to see the selected photos and copy filenames for post-production. * **Advanced Click Actions** Manually configure how to open specific item types and filter clicking on title or on image. * **Responsive Breakpoints Settings** Manually control the screen sizes, which used by the automatic responsive function to adapt your gallery layouts. * **AJAX Improvements** Requests properly cached and links preloaded before you click. * **Advanced Query Settings** Filter by Author, Date Range, Ignore Sticky Posts, exclude posts without Featured Image, and much more... * **Quick View for Posts and Pages** Display posts and pages in popup iframe, not only image and video galleries. It's like works preview in Dribbble and Behance, but on your own site. * **Popup Gallery Deep Linking** Makes URL automatically change when you open popup and you can easily link to a specific popup image. * **White Label** Possibility to use your brand name and logo instead of our "Visual Portfolio". [**Find much more portfolio and gallery features of Visual Portfolio Pro today!**](https://visualportfolio.co/pricing/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro) ### 🌟 More Features ### * **Lightboxes for Standard WordPress Images** Image lightbox available for Visual Portfolio galleries as well as for standard WordPress images and galleries in your content. * **AJAX Loading and Pagination** Every dynamic part of the Visual Portfolio plugin is using AJAX to update the gallery content in live mode. Organized galleries and portfolio lists will make your website look more professional, easy to navigate and result in a better user experience. We prepared 3 types of paginations for you: * Infinite Scroll * Load More button * Paged pagination * **Filter** Filter your gallery and portfolio by taxonomies (mostly categories and tags). Let users select a category and see the relevant items. * **Sort gallery items by date and title** Users may sort gallery items by date and title. * **GIFs Support** Our plugin automatically displays the animated GIFs in photo galleries. Also, you can show the animated GIFs on mouseover with the Pro plugin. * **Items Gutters** Manually adjust the spacing between gallery images and projects. * **Images Lazy Loading** Images lazy loading boost your page loading speed. You don't need to worry about it, just use your beautiful images in the gallery, Visual Portfolio will do all the work for you. * **Images Aspect Ratio** All built-in gallery layouts support custom image aspect ratio. You don't need to crop the image manually. * **Images Focal Point** Sometimes it is very important to specify the focal point so that the custom aspect ratio does not cut off important parts of the photos. For example, people's faces on the portrait photos. * **Custom Links for Gallery Images** By default, gallery images will contain the links to original images. You can manually set the custom links, for example, to a website or Youtube video. * **RTL Support** Visual Portfolio natively supports RTL languages, proper styles loaded automatically, without user interaction. * **Elementor and WPBakery Page Builder support** There is a helpful widget for Elementor and shortcode for WPBakery Page Builder, which will let you select one of the available Saved Layouts and output it. * **Responsive and Mobile Ready** Visual Portfolio and Galleries are completely responsive and mobile ready – layouts automagically transforms to display perfectly on your screen size. * **Custom CSS** Deeply customize the look of your gallery using custom CSS and CSS Variables. * **... And Much More** All available features you can find on the [plugin's site](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=more_features) and [documentation](https://visualportfolio.co/docs/getting-started/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=docs). ## Screenshots ## 1. Gutenberg Blocks 2. Gutenberg Block Settings 3. Projects Admin ## 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](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation). ## Frequently Asked Questions ## ### Does Visual Portfolio has documentation? #### Yes, our plugin has documentation to easily get started with galleries. Read it here - [Visual Portfolio Documentation](https://visualportfolio.co/docs/getting-started/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs) ### What themes does Visual Portfolio support? #### Visual Portfolio has been tested with many WordPress themes and supports all major WordPress themes. Since we follow WordPress’ plugin development guidelines, you can rest assured that Visual Portfolio galleries will work perfectly, no matter what theme you use. If you’ve installed Visual Portfolio and are facing issues, it might not be because of a theme incompatibility. Please get in touch with the support team by opening a support ticket in our support forum, and we will fix it for you. ### Do I have to remove other Gallery and Portfolio plugins if I install Visual Portfolio? #### That is recommended. Visual Portfolio is designed to be an all in one Gallery and Portfolio plugin. If you use other Gallery plugins with Visual Portfolio on your website, not only will the performance of your website be negatively affected, but both plugins working together can produce unexpected conflicts or errors. ### Are the galleries mobile friendly? #### Yes, Visual Portfolio built with mobile optimization in mind. It will automatically fit your screen size, so you don't need to worry about. Furthermore, we prepared lazy loading, which significantly increases page loading speed. Before making a decision, just check by yourself how [Visual Portfolio works on mobile devices](https://visualportfolio.co/masonry/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs). ### Can I upload multiple images at once? #### Yes, you can batch upload entire photo galleries at one time thanks to WordPress media library functionality. ### Is there pagination for photo galleries? #### Yes, you can use 3 type of pagination when displaying photo galleries or posts. Choose the number of photos to display and select Paged, Load More or Infinite Loading pagination. Examples with all gallery pagination types are [available on the Visual Portfolio website](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs). ### Can I filter images and projects by categories? #### Yes, our plugin has built in support for AJAX Filter by items categories. See a couple of examples: * [Category filtering with links](https://visualportfolio.co/grid/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs) * [Category filtering + Sort with Select](https://visualportfolio.co/filterable-and-sortable/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs) ### Can I add an external links to galleries? #### Yes, you can add external links to your gallery items. ### Is Visual Portfolio developers friendly? #### Yes, we prepared a lot of filters and actions for developers, so you can easily extend default functionality for your need. [Read here more info for developers](https://visualportfolio.co/docs/developers/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs). ### Is Visual Portfolio translation ready? #### Yes, Visual Portfolio has full translation and localization support via the `visual-portfolio` textdomain. To submit a translation, see ### More Information #### For more information, feel free to visit [Visual Portfolio official website](https://visualportfolio.co/?utm_source=wordpress.org&utm_medium=faq&utm_campaign=docs). ## Changelog ## > v3 Migration Guide – = 3.2.3 - 12 Dec, 2023 = * fixed displaying editor block when creating new Saved Layout = 3.2.2 - 29 Nov, 2023 = * added support for asset file change time when enqueue without .asset.php - better support for caching plugins * fixed Elementor preview stopped working = 3.2.1 - 29 Nov, 2023 = * fixed Pro plugin path and url detection - now it should work correctly when Free plugin is removed * fixed sitemap fatal error = 3.2.0 - 25 Nov, 2023 = #### Free + Pro: * added support for proper SEO meta URLs in Portfolio archives and Filtered pages in Yoast SEO, AIOSEO, Rank Math * added Skin option to change item title tag * added `vpf_extend_posts_source` filter * added check for image existence when resave the gallery from the popup * added check for caption is empty and don't print the figcaption * added support for new Ghost Kit extensions * updated blocks apiVersion to 3 to allow iframe usage in editor * fixed PHP 8.* warning * fixed lazy loading script styles added event when 3rd-party lazy loading used * fixed lazy loading without srcset * fixed lazy loading placeholder displaying when used Hover image * fixed width calculation for lazy loading and picture tag * fixed lazysizes script version number * fixed lazy loading conflict with WP Rocket Delay JS setting * fixed typo in `DONOTCACHEOBJECT` constant * fixed featured image focal point control conflict in WP 6.3 * fixed Grid layout preview JS error in editor * simplified lazy loading placeholder animation * changed lazy loading styles to use modern :has() CSS (with fallback for old browsers) * removed jQuery usage from lazy loading script #### Pro: * IMPORTANT: changed the Pro plugin to standalone, which is not requires the Free version installed anymore * added Setup Wizard support to all Social Account controls * fixed Share URL and paged gallery wrong URL * fixed mime detection for images in Flickr social feeds * fixed init conditionize script once opened Social settings panel = 3.1.3 - 1 Jul, 2023 = * improved PhotoSwipe popup zoom for large vertical images * changed 'Projects' CPT label to portfolio page name * changed images and overlay border-radius to clip-path (better performance) * fixed unexpected JS error when Sortable control have an undefined value (happens in Advanced Click Action for a single user after migration from older plugin version) = 3.1.2 - 6 Jun, 2023 = * renamed `Portfolio Items` to `Projects` * fixed playing videos in background in PhotoSwipe * fixed portfolio archive hidden pagination in some cases * fixed portfolio archive friendly URL in load more button * fixed portfolio archive filter and sort paged URLs = 3.1.1 - 17 May, 2023 = * fixed Archive mapping PHP notice when no Archive Page ID available * renamed `Carousel` to `Slider` = 3.1.0 - 12 May, 2023 = * added support for gradients in overlay backgrounds * added `Restore Focus` setting to the Popup gallery * added support for GET variables `vp_page`, `vp_filter`, `vp_sort`, `vp_search` in canonical and short links * added PHP filter `vpf_global_data` * changed CSS to use Gap instead of hack with margins * changed popup data `
` to `