FolioBlocks

Beskrivning

Native Gallery Blocks for WordPress

FolioBlocks is a native WordPress gallery plugin for building responsive image galleries, video galleries, portfolio layouts, and comparison blocks directly in the Block Editor. It is designed for photographers, designers, artists, agencies, creative businesses, and WooCommerce stores that need flexible visual layouts without shortcodes or external gallery managers.

Create Grid, Masonry, Justified, Carousel, Filmstrip, Modular, and Video galleries using familiar Gutenberg controls. FolioBlocks keeps your workflow inside WordPress while giving you tools for lightboxes, hover overlays, gallery filtering, image downloads, WooCommerce product links, EXIF display, and content protection.

The free version includes the core gallery and media blocks. FolioBlocks Pro unlocks advanced creative and commerce features, including Modular Gallery, gallery filtering, WooCommerce integration, image downloads, lazy loading, advanced styling controls, Pro List View thumbnails, and more.

Included Blocks

  • Background Video Block – Add an autoplaying, responsive background video with overlay content on top
  • Before & After Block – Compare two images with an interactive slider
  • Loupe Block – Highlight fine details with an elegant magnifying zoom effect
  • Carousel Gallery Block – Smooth, swipe-friendly horizontal image slider
  • Filmstrip Gallery Block – Scroll through large images with thumbnail navigation below
  • Grid Gallery Block – Classic evenly-spaced grid layout
  • Image Block – Display a single image with lightbox, hover overlay, optional downloads, and WooCommerce linking
  • Justified Gallery Block – Professional row-based gallery with balanced heights
  • Masonry Gallery Block – Pinterest-style vertical gallery layout
  • Modular Gallery Block (Pro Only) – Build custom, magazine-style image layouts
  • Video Block – Display a single video with custom thumbnail, lightbox playback, captions, and optional WooCommerce linking
  • Video Gallery Block – Showcase YouTube, Vimeo, or self-hosted videos

Core Gallery Features

  • Fully responsive layouts for desktop, tablet, and mobile
  • Built-in lightbox support
  • Caption support and accessibility-friendly interactions
  • Drag-and-drop image ordering
  • 100% native Gutenberg block editing with no shortcodes and no separate gallery manager
  • WordPress 7.0 List View inspector support for gallery children

Pro Features

  • Block transforms to convert galleries and supported media blocks in one click
  • Custom image click actions for media files, custom URLs, Page/Post links, downloads, lightbox, and WooCommerce products
  • Per-image click and hover overrides inside galleries
  • Gallery image filtering with per-image category assignment
  • WooCommerce product integration for images and videos
  • Download full-resolution images
  • Randomize image order
  • Seamless looping for Carousel Gallery
  • Disable right-click / content protection
  • Lazy load images for faster performance
  • Hover effects, image overlays, and overlay content controls
  • EXIF metadata display in lightboxes and hover overlays
  • Light and Dark lightbox appearances, fullscreen viewing, swipe navigation, and combined title, caption, and EXIF layouts
  • Password protection controls for Posts and Pages
  • Responsive desktop, tablet, and mobile gallery gaps
  • Pro List View thumbnails for easier gallery reordering
  • Advanced gallery styling controls for borders, shadows, radius, filter bars, icons, and overlays

Varför FolioBlocks?

FolioBlocks is built for users who want fast, native, block-based galleries without the complexity of third-party gallery builders or shortcode-based plugins. If you want a clean way to display photography, client work, products, portfolios, or case studies, FolioBlocks gives you those tools directly inside the editor.

Källkod

Offentligt arkiv:
https://github.com/folioblocks/folioblocks

Skärmdumpar

Block

Detta tillägg tillhandahåller 11 block.

  • Filmstrip Gallery Display images in a filmstrip gallery.
  • Carousel Gallery Displays images in a horizontal, swipeable carousel with optional autoplay.
  • Before & After Block Provides a slider to compare two images side-by-side or top-to-bottom.
  • Justified Gallery Creates a justified gallery layout where rows are dynamically sized for balance.
  • Video Gallery Displays videos in a responsive grid with thumbnails, titles, and lightbox playback.
  • Grid Gallery Shows images in a clean, responsive grid while maintaining original proportions.
  • Video Block Custom video block used by the FolioBlocks gallery blocks.
  • Masonry Gallery Stacks images in a masonry layout with variable heights for a dynamic visual flow.
  • Loupe Block Magnify part of an image with a circular loupe.
  • Background Video Block A container block capable of displaying a background video (Self-Hosted or Vimeo).
  • Image Block Custom image block used by the FolioBlocks gallery blocks.

Installation

Install from WordPress

The easiest way to install FolioBlocks is by visiting your Plugins > Add New menu. Search for ”FolioBlocks” and install the first result you see there.

Install from a ZIP File

För att installera med zip-filen som laddats ner från den här sidan:

  1. Log in to your WordPress dashboard
  2. Gå till menyn Plugins > Lägg till nytt
  3. Klicka på knappen Ladda upp plugin högst upp
  4. I uppladdningsformuläret som visas klickar du på knappen Välj fil och väljer filen portfolio-blocks.zip som du laddade ner här.
  5. Klicka på knappen Installera nu
  6. När sidan laddas om klickar du på den blå länken Aktivera

Vanliga frågor

Vad är FolioBlocks?

FolioBlocks is a collection of modern, responsive gallery and media blocks built specifically for the WordPress Block Editor (Gutenberg). You can create image and video galleries with advanced layouts like Grid, Masonry, Justified, Carousel, and more — all directly in the editor.

Fungerar FolioBlocks med alla WordPress-teman?

Yes. FolioBlocks is designed to work with all modern WordPress themes. For best results, we recommend using a block theme that supports Full Site Editing.

Vad är skillnaden mellan gratis- och Pro-versionerna?

The free version includes all the core blocks with the exception of the Modular Gallery. The Pro version includes the Modular Gallery block and unlocks additional premium features across all blocks such as Gallery Filtering, WooCommerce integration, Image Downloads, Randomize Image Order, Lightbox Captions, Right-Click Disable, Lazy Load, and more.

Kan jag använda FolioBlocks med sidbyggare som Elementor eller Divi?

FolioBlocks is built specifically for the WordPress Block Editor (Gutenberg). It will not work inside Elementor, Divi, or other third-party page builders.

Kommer FolioBlocks att göra min webbplats långsammare?

No. FolioBlocks is optimized for performance and loads only the scripts and styles needed for each block. The Pro version also includes Lazy Load support to further improve loading speed.

Kan jag uppgradera från gratisversionen till Pro?

Yes. You can install the free version from the WordPress plugin directory, and upgrade to Pro at any time. Your galleries will continue to work — you’ll simply unlock unlimited images and additional features.

Erbjuder ni stöd?

Yes. Free users can post support requests on the WordPress.org plugin forum. Pro users receive priority email support directly from the developer.

Kan jag använda FolioBlocks på klientwebbplatser?

Absolutely. FolioBlocks is built with agencies and freelancers in mind. The Pro version offers licensing for single sites, 5 sites, or unlimited client projects depending on your plan.

Kommer mina gallerier att sluta fungera om jag inaktiverar pluginet?

No, the galleries will remain in place on your site. However, the advanced layouts and features are powered by FolioBlocks, so deactivating the plugin will remove those.

Recensioner

22 maj 2026
We needed a fast and mobile-friendly gallery plugin for our video portfolio. We researched several different plugins but quickly found out that many gallery plugins focus more on image/photo gallery features and any video options are more of an afterthought (ie, limited features, buggy, not optimized for mobile, etc). FolioBlocks boasts a whole suite of image gallery options, but unlike other plugins we’ve tried, their video gallery block feels just as well-developed and, most importantly, works great on mobile. We upgraded to pro for the video gallery filter tags, which are an incredibly useful feature, especially for large video galleries. The FolioBlocks team was also incredibly helpful and responsive to a question we had about the built-in lightbox. Fantastic customer support. Overall, we highly recommend FolioBlocks.
16 april 2026
I tried and tested loads of gallery plugins for a recent project, and this is by far the best and easiest to use. The free version would be fine for 90% of projects, but I specifically needed the functionality of the Modular Gallery Block in the paid-for version – very happy and relieved to have found it! Received a rapid response when I contacted them too.
13 december 2025
Great plugin and really easy to use. The free version is really full featured but the pro version takes it to the next level. Highly recommended.
18 november 2025
Gallery plugins historically have been annoying for me to use, and block-based ones, especially so. But FolioBlocks was fun to use. I love that so many different types of galleries can be chosen (masonry, grid, etc), it has the option to use its built-in lightbox, and just the simplicity of it all was sweet. And responsive on top of it! I’m definitely a fan now.
18 november 2025
Folio Blocks has completely transformed how I showcase images on my WordPress site. Setup was quick, and block-based workflow feels natural – drop in a gallery, choose from grid or masonry styles, tweak spacing and captions. Everything is responsive out of the box, so my galleries look sharp on phones, tablets, and 4K screens. It has built‑in lightbox and lazy loading; doesn’t bloat the page. Hard to design something that doesn’t look great.Unlike many gallery plugins, Folio Blocks is lightweight and uncluttered—no bloat, just the tools you actually need. If you’re a photographer, designer, or blogger who cares about performance and polish, Folio Blocks is the gallery solution. Highly recommended.
Läs alla 6 betyg

Bidragsgivare och utvecklare

”FolioBlocks” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

”FolioBlocks” har översatts till 1 språk. Tack till översättarna för deras bidrag.

Översätt ”FolioBlocks” till ditt språk.

Intresserad av programutveckling?

Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.

Ändringslogg

1.4.5

  • Fixed a PHP fatal error in Image Block rendering caused by missing shared CSS value sanitizers in the 1.4.4 package.
  • Improved review notice actions so stale Maybe Later and I Already Did links can still dismiss the notice.

1.4.4

  • Fixed the admin review link so an expired review notice no longer shows a WordPress ”link expired” error.

1.4.3

  • Fixed Grid and Masonry Gallery editor syncing so repeated autosaves cannot duplicate existing gallery images.

1.4.2

  • Fixed Modular Gallery row alignment when Image Stacks appear beside Image Blocks.

1.4.1

  • Fixed a bug in the Image Block Lightbox that prevented some images from being properlly sized.
  • Fixed a bug in Modular Gallery where gallery images could flash on screen before gallery styles had properlly loaded.

1.4.0

  • Added responsive desktop, tablet, and mobile gap controls to Carousel, Masonry, Justified, Modular, and Video Galleries.
  • Added fullscreen controls to Video Block and Video Gallery lightboxes.
  • Added Subtle, Soft, Elevated, and Dramatic drop-shadow presets to Image Block, Video Block, and photo and video galleries.
  • Added tap-to-hide controls and captions plus touch swipe navigation to image lightboxes.
  • Added Light and Dark image and video lightbox appearances, including inheritable per-image appearance overrides.
  • Added combined image title, caption, and EXIF content layouts for image lightboxes.
  • Added optional WooCommerce and Page/URL link icons for linked thumbnails.
  • Added a Pro fullscreen button and F keyboard shortcut to Image Block lightboxes.
  • Added a Pro action for syncing Image Block titles, captions, and alternative text to the WordPress Media Library.
  • Added Pro per-image click and hover overrides to Grid, Justified, Masonry, Carousel, Modular, and Filmstrip Galleries.
  • Added Gallery Click Settings, Gallery Click Styles, Gallery Hover Settings, and per-image overrides to Filmstrip Gallery.
  • Added Filmstrip Gallery image lightboxes with scoped navigation, inherited or per-image appearance and content, EXIF display, and fullscreen handoff.
  • Added optional Pro seamless looping to Carousel Gallery for continuous arrow, keyboard, swipe, and autoplay navigation.
  • Added Pro password protection controls for Posts and Pages to the FolioBlocks Page Settings panel.
  • Added Video Title, Play Button, and Filtering Category combinations to Video Block and Video Gallery overlays.
  • Added Pro per-video hover overrides for Video Galleries, including styles, overlay content, visibility, and Color Overlay colors.

1.3.1

  • Refactored repeated Pro controls for Image Click Styles, gallery toggles, List View thumbnails, and editor filtering into shared helpers.
  • Improved editor-side filtering consistency for Grid, Justified, Masonry, and Video Gallery blocks.
  • Fixed randomized gallery order on the front end so randomized galleries reshuffle on page refresh.
  • Fixed gallery block transform errors caused by randomize-order effects firing during transformed block setup.
  • Replaced deprecated WordPress media selector usage and cleaned up redundant legacy premium control registrations.

1.3.0

  • Added WordPress 7.0 editor improvements, including gallery List View inspector support and Image Block content controls in the Content inspector.
  • Improved Pro List View thumbnails for FolioBlocks Image Blocks, Video Blocks, and gallery children.
  • Added a unified Image Click Behavior control for Image Block and photo galleries, with support for Lightbox, Downloads, WooCommerce products, Media File links, Custom URLs, and Page/Post links.
  • Added faster per-image linking workflows, including toolbar shortcuts for Custom URL, Page/Post, and WooCommerce product links.
  • Added EXIF metadata support for Image Blocks, with premium Lightbox and hover overlay display options.
  • Improved Image Hover Settings with a single Hover Style control, new overlay content options, and refined color controls.
  • Updated Filmstrip, Carousel, Grid, Masonry, and Justified galleries to use the improved click and hover settings patterns.
  • Improved gallery filtering controls, including clearer per-image filtering settings.
  • Refreshed the FolioBlocks admin dashboard and fixed the admin menu icon display.
  • Fixed Masonry Gallery column settings on the front end, including desktop, tablet, and mobile column values.
  • Fixed front-end rendering when multiple Masonry or Justified galleries appear on the same page.
  • Fixed Justified Gallery filtering so filter bars only affect their own gallery.
  • Fixed hover overlay display issues, including Gradient Overlay behavior when Reduce Motion is enabled.
  • Fixed several Image Block inspector, Lightbox, EXIF, WooCommerce, and overlay style issues.

1.2.9

  • Added Block Transforms support to convert WordPress Video, YouTube Embed, and Vimeo Embed blocks into a FolioBlocks Video Block.
  • Added attribute parity in Block Transforms feature.
  • Fixed Vimeo private link support in Video Block and Video Gallery lightboxes by preserving Vimeo privacy hashes in embed URLs.
  • Fixed Video Block and Video Gallery lightbox sizing so 16:9 videos are not clipped in Chromium-based browsers.
  • Improved Video Block and Video Gallery split lightbox sizing so videos with descriptions use more of the available viewport.

1.2.8

  • Support to transform a WordPress gallery into a FolioBlocks gallery.
  • Updated existing block transforms so all galleries, except Modular, can transform into one another.
  • General secuirty improvements based on code audit.
  • Fixed a bug that prevented custom image sizes from registered by galleries.

1.2.7

  • Fixed a bug in Video Gallery that cause the block to crash in WordPress 7.0
  • Fixed deprecation warnings raised by WordPress 7.0 in our CompactTwoColorControl component.
  • Updated Swedish translations.
  • Changed Dashboard icon to better follow WordPress standards.

1.2.6

  • Fixed a bug in Modular Gallery that prevented the correct image resolution from being used in the front-end.

1.2.5

  • Tar bort stöd för att konvertera äldre block (Portfolio Blocks) till FolioBlocks.
  • Förbättrar svenska översättningar

1.2.4

  • Exkluderar systeminformation från översättningssträngar

1.2.3

  • Åtgärdade ett fel som orsakade en varning om odefinierad variabel i Grid Gallery

1.2.2

  • Lade till responsiv inställningar för radhöjd i Justified galleriblock.
  • Uppdaterade Lightbox på bildblocket för att fylla ut mer av visningsområdet när det expanderas.
  • Ökat maximalt radhöjdsvärde på Justifed-galleriblock.

1.2.1

  • Lade till stöd för videor från Bunny Stream i videoblocket och videogalleriet.
  • Flyttade videoparsningslogik från block till separat hjälpfil.

1.2.0

  • Offentlig lansering av Filmstrip Gallery och bakgrundsvideoblock.
  • Offentlig lansering av Block Transforms.
  • Offentlig lansering av nytt anpassat färgöverlägg i alla gallerier.
  • Offentlig lansering av överläggsstilar på videoblock och videogalleri.
  • Offentlig lansering av filtrering för flera kategorier i alla gallerier.
  • Uppdaterade sidan Free Vs Pro med nya block och blockfunktioner.
  • Åtgärdade layoutfel i bakgrundsvideoblocket.

1.1.8

  • Åtgärdade ett fel som förhindrade åtkomst till uppspelning/paus och helskärm när överlagring var aktiverad i Filmstrip-galleriet.

1.1.7

  • Förhindra att Filmstirp-galleriet hamnar i fokus när autouppspelning är aktiverat i redigeraren.
  • Lade till stöd för att ställa in beteendet för Lägg till i varukorg-ikonen när WooCommerce-integration används på Video Block och Video Gallery.
  • Lade till funktionen för slumpmässig bildordning i Bildbandsgalleriet.
  • Åtgärdade en bugg i Add To Cart-ikonen i Video Block och Video Gallery.
  • Åtgärdade ett fel i Bildblocket som förhindrade att skugga applicerades när de användes individuellt.

1.1.6

  • Layoutrelaterade buggar i bakgrundsvideoblocket.
  • Åtgärdade ett fel i Video Block och Video Gallery Block som gav en varning i gratisversionen av FolioBlocks.
  • Åtgärdade en bugg i Video Block som visade en tom PanelBody.
  • Åtgärdade buggar i Carousel-, Grid-, Justified-, Masonry- och Video Gallery-block som visade en Notice feljusterad.

1.1.5

  • Lade till stöd för att ange flera kategorier per bild vid filtrering i Grid-galleri, Justified-galleri och Masonry-gallerier.
  • Lade till stöd för att ange flera kategorier per video vid filtrering i videogalleriet.
  • Uppdaterad till en MediaPlaceholder för initialt tillstånd på bakgrundsvideoblocket.
  • Flyttade funktionen Aktivera helskärmsläge i Filmstrip-galleriet till premium.js
  • Åtgärdade buggar i den visuella layouten i Bildbandsgalleriet.
  • Uppdaterade Filmstripgalleriet för att ställa in bild-ID och srcset-storlek.
  • Uppdaterade karusellgalleriet för att använda anpassad CompactTwoColorControl.

1.1.4

  • Bygg den initiala render.php-filen för Filmstrip Gallery.
  • Lade till stöd för blocktransformationer för karusellgalleriet och bildbandsgalleriet.
  • Filmstripgalleriet har nu stöd för inställning av bildupplösning.
  • Filmstripgalleriet har nu stöd för att visa titel när man håller muspekaren över den.

1.1.3

  • Lade till överläggsstilar (Default, Blur och Color) i Video Block & Video Gallery.
  • Åtgärdade ett fel i Color and Wave Overlay som påverkade renderingen av bildtiteln.
  • Sammanfogad synlighet för titel- och uppspelningsknappar till en kontroll i videoblocket och videogalleriet.
  • Ersatte uppspelningsknappsikonen på videoblocket med SVG-varianten.
  • Kombinerade alla ikonhjälpfiler till en fil.

1.1.2

  • Lade till stöd för helskärmsläge (F) för video-Lightbox med tangentbord.
  • Lade till stöd för att inaktivera högerklicka för bakgrundsvideo block.
  • Lade till blocktransformationer i Grid galleri, Justified gallery och Masonry galleri.
  • Uppdaterade sidan Free Vs Pro med nya block och nya funktioner.
  • Förhindra att alla block omvandlas till grupper, kolumner eller detaljer.

1.1.1

  • Lade till nytt bakgrundsvideoblock.
  • Lade till ett nytt alternativ för färgöverlagring för alla fotogallerier (Carousel, Grid, Justified, Masonry och Modular) och Image Block.

1.1.0

  • Lade till stilkontroller för att ställa in ikonfärg och bakgrundsfärg på ikonerna Lägg till i varukorgen och Hämta.
  • Lade till kontrollen för droppskugga i bildblocket.
  • Lade till ny kompakt kantfärgskomponent.
  • WooCommerce-länkar för Lägg till i varukorgen använder nu Ajax.
  • Bilder länkade med WooCommerce kan nu välja om knappen Lägg till i varukorgen lägger till produkten i varukorgen eller leder till produktsidan.
  • Åtgärdade visuella fel i det modulära galleriet där marginalens nederkant i staplade bilder skapade ett mellanrum mellan bilden och markeringskonturen.
  • Ändrade bildstilar för galleriet finns nu alla i ett enda filter.

1.0.10

  • Bugg i gränskontrollerna i Modular Gallery.
  • Bugg i uppspelningskontrollerna på Carousel Gallery Block.

1.0.9

  • Åtgärdade ett fel i bildfiltreringen i Masonry Gallery.

1.0.8

  • Åtgärdade en bugg i layoutlogiken för Grid Gallery.
  • Åtgärdade ett fel i Image Block när border-radie användes.
  • Minskad tillgänglig kantbredd i alla gallerier till maximalt 15px.
  • Reduced available border-radius on all galleries to a maximum of 50px.
  • Ändrade etikettnamn på alla galleriblock för att säkerställa att språket matchar.
  • Ändrade standardinställningen för bildnedladdningar till ”On Hover” för att matcha standardinställningen i WooCommerce-integrationen.

1.0.7

  • Åtgärdade en bugg i Grid Gallery som klippte bilder när blocket var satt till innehållsbredd.

1.0.6

  • Lägger till Image Block och Video Block som fristående block.
  • Uppdaterar organiseringen av kontroller i alla block.
  • Ytterligare hovringsstilar inbyggda i Image Block.
  • Lägg till kontroller för att komma åt nya hovringsstilar i Carousel-, Grid-, Justified-, Masonry- och Modular-gallerier.
  • Lägger till upplösning, ljuslåda, muspekarfunktion, WooCommerce, bildnedladdning, lazy load, och inaktivera högerklick till Video Block när det används individuellt.
  • Lägger till upplösning, ljuslåda, muspekarfunktion, WooCommerce, bildnedladdning, lazy load, och inaktivera högerklick till Image Block när det används individuellt.
  • Lade till API Version i migreringsskriptet i deprecated.js för att förhindra felaktiga varningar i WordPress 6.9.
  • Åtgärdade ett layoutproblem i Justified Gallery vid användning av Gallery Filtering
  • Åtgärdade blockförhandsvisningar i Image Block och Video Block
  • Åtgärdade escaping-problem i Loupe Block
  • Åtgärdade ett layoutproblem med sista raden i Justified Gallery

1.0.5

  • Nya Loupe Block introducerat.
  • Åtgärdade en bugg som förhindrade Disable Right-Click i Carousel Gallery.
  • Ändrade variabelprefix för att följa WordPress-standarder.

1.0.4

  • Ändrade variabelprefix för att följa WordPress-standarder
  • Åtgärdade escaping-problem på adminpanelens sidor

1.0.3

  • Förbättrar laddningsmetoden för premiumskript
  • Uppgraderingssidan omdirigerar nu till prissidan på FolioBlocks webbplats

1.0.2

  • Åtgärdade mindre buggar i Grid-, Justified- och Masonry-gallerier

1.0.1

  • Lade till en is-loading-indikator i Carousel-, Grid-, Justified- och Masonry-gallerier
  • Åtgärdade en bugg i Carousel Gallery som förhindrade att korrekt höjd sattes portfolioblocks
  • Åtgärdade buggar relaterade till bytet av domännamn för FolioBlocks
  • Testad för kompatibilitet med WordPress 6.9

1.0.0

  • Publik lansering
  • Byggde om adminpanelen