Title: FolioBlocks Author: FolioBlocks Published: 2025 年 11 月 18 日 Last modified: 2026 年 5 月 21 日 --- 搜尋外掛 ![](https://ps.w.org/folioblocks/assets/banner-772x250.jpg?rev=3537023) ![](https://ps.w.org/folioblocks/assets/icon.svg?rev=3397939) # FolioBlocks 由 [FolioBlocks](https://profiles.wordpress.org/portfolioblocks/) 開發 [下載](https://downloads.wordpress.org/plugin/folioblocks.1.2.9.zip) * [詳細資料](https://tw.wordpress.org/plugins/folioblocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/folioblocks/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/folioblocks/#installation) * [開發資訊](https://tw.wordpress.org/plugins/folioblocks/#developers) [技術支援](https://wordpress.org/support/plugin/folioblocks/) ## 外掛說明 FolioBlocks is a modern gallery and portfolio plugin built specifically for the WordPress Block Editor (Gutenberg) and Full Site Editor. Designed for photographers, designers, artists, and creative professionals, FolioBlocks makes it easy to create beautiful, fully responsive image galleries, video galleries, and before-and-after comparison blocks—all without shortcodes or external gallery systems. Build professional galleries directly inside Gutenberg using flexible layouts including Grid, Justified, Masonry, Modular, Carousel, and Video Gallery blocks. Every block is performance-focused, mobile-friendly, and optimized for real portfolio use cases. FolioBlocks brings powerful visual tools into the native editor so you can work quickly and maintain full creative control. 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 Gallery Features – All gallery blocks include: * Fully responsive layouts for desktop, tablet, and mobile * Built-in Lightbox * Caption support and accessibility-friendly interactions * Drag-and-drop image ordering * 100% native Gutenberg block editing( no shortcodes, no separate gallery manager) * Block Transforms covert galleires in one click (Grid, Justified, or Masonry and Carousel or Filmstrip) Advanced Features (Pro) – Unlock advanced tools designed for photography websites, creative portfolios, and WooCommerce-powered shops: * Block Transforms convert galleries in one click * Gallery Image Filtering * WooCommerce Product Integration* Download Full-Resolution Images * Randomize Image Order * Disable Right-Click / Content Protection * Lazy Load Images for faster performance * Hover Effects and Image Overlays * Advanced Gallery Styling Controls (borders, shadows, radius, etc.) Why 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, modern way to display photography, client work, products, portfolios, or case studies—FolioBlocks gives you those tools directly inside the editor. ### Source Code Public repository: https://github.com/folioblocks/folioblocks ## 螢幕擷圖 * [[ * Before & After Comparison block populated with images * [[ * Carousel Gallery block populated with images * [[ * Grid Gallery block populated with images * [[ * Justified Gallery block populated with images * [[ * Masonry Gallery block populated with images * [[ * Video Gallery block populated with images ## 適用於區塊編輯器 這個外掛提供 11 個可供 Gutenberg/區塊編輯器使用的區塊。 * Image Block Custom image block used by the FolioBlocks gallery blocks. * Carousel Gallery Displays images in a horizontal, swipeable carousel with optional autoplay. * Filmstrip Gallery Display images in a filmstrip gallery. * Loupe Block Magnify part of an image with a circular loupe. * Justified Gallery Creates a justified gallery layout where rows are dynamically sized for balance. * Before & After Block Provides a slider to compare two images side-by-side or top-to-bottom. * Masonry Gallery Stacks images in a masonry layout with variable heights for a dynamic visual flow. * Video Block Custom video block used by the FolioBlocks gallery blocks. * Background Video Block A container block capable of displaying a background video (Self-Hosted or Vimeo). * Grid Gallery Shows images in a clean, responsive grid while maintaining original proportions. * Video Gallery Displays videos in a responsive grid with thumbnails, titles, and lightbox playback. ## 安裝方式 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. To install with the zip file downloaded from this page: 1. Login to your WordPress dashboard 2. Visit the **Plugins > Add New** menu 3. Click the **Upload Plugin** button at the top 4. In the upload form that appears, click the **Choose file** button and select the** portfolio-blocks.zip** file you downloaded here 5. Click the **Install Now** button 6. Once the page reloads, click the blue **Activate** link ## 常見問題集 ### What is 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. ### Does FolioBlocks work with any WordPress theme? 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. ### What’s the difference between the free and Pro versions? 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 accross all blocks such as Gallery Filtering, WooCommerce integration, Image Downloads, Randomize Image Order, Lightbox Captions, Right-Click Disable, Lazy Load, and more. ### Can I use FolioBlocks with page builders like Elementor or Divi? FolioBlocks is built specifically for the WordPress Block Editor (Gutenberg). It will not work inside Elementor, Divi, or other third-party page builders. ### Will FolioBlocks slow down my website? 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. ### Can I upgrade from the free version to 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. ### Do you offer support? Yes. Free users can post support requests on the WordPress.org plugin forum. Pro users receive priority email support directly from the developer. ### Can I use FolioBlocks on client websites? 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. ### Will my galleries stop working if I deactivate the plugin? 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. ## 使用者評論 ![](https://secure.gravatar.com/avatar/28f52b9d8f7cee5207b0477e8c0a3e7af2eeb8d3334d0356e5a9f2aba5aecf8e? s=60&d=retro&r=g) ### 󠀁[Fantastic Block-based Gallery Plugin](https://wordpress.org/support/topic/fantastic-block-based-gallery-plugin/)󠁿 [bookcandystudios](https://profiles.wordpress.org/bookcandystudios/) 2026 年 5 月 22 日 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. ![](https://secure.gravatar.com/avatar/f0e40d2fe7716d134fb7485e1c3d73f9f6d4eef5b12661ccfb6fc671202d74b6? s=60&d=retro&r=g) ### 󠀁[Perfect gallery plugin](https://wordpress.org/support/topic/perfect-gallery-plugin-16/)󠁿 [moonblob](https://profiles.wordpress.org/moonblob/) 2026 年 4 月 16 日 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. ![](https://secure.gravatar.com/avatar/553c1bd52473ca1758b6913211cfb1b78972e647e05edb539e2d3f609dbc6292? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-9754/)󠁿 [mcampanella](https://profiles.wordpress.org/mcampanella/) 2025 年 12 月 13 日 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. ![](https://secure.gravatar.com/avatar/e009b4e5d12aed9b01a016f4bd50a934d85ea6afedb5eb332b33541985dc3833? s=60&d=retro&r=g) ### 󠀁[A Wonderful, Full-featured Image/Video Gallery Plugin](https://wordpress.org/support/topic/a-wonderful-full-featured-image-video-gallery-plugin/)󠁿 [Josh](https://profiles.wordpress.org/jmccallweb/) 2025 年 11 月 18 日 I tested this plugin in beta and was impressed both by how well–and intuitively– it worked “out of the box” and by how responsive its developer was when I had questions. Highly recommend. ![](https://secure.gravatar.com/avatar/6feddddd4814d87e9382d3d538e1e9256e97853d6fd77712a697a39695e0b919? s=60&d=retro&r=g) ### 󠀁[Easy to use with good number of features](https://wordpress.org/support/topic/easy-to-use-with-good-number-of-features/)󠁿 [Donna Fontenot](https://profiles.wordpress.org/cavalierlife/) 2025 年 11 月 18 日 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. ![](https://secure.gravatar.com/avatar/9191ac0e999482c9129c483a0e6bb9be6388fe1f735c7156302fb21fe2c94c7b? s=60&d=retro&r=g) ### 󠀁[Finally a decent block based gallery plugin!](https://wordpress.org/support/topic/finally-a-decent-block-based-gallery-plugin/)󠁿 [willmacdonald](https://profiles.wordpress.org/willmacdonald/) 2025 年 11 月 18 日 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. [ 閱讀全部 6 則使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈FolioBlocks〉的開發相關工作。 參與者 * [ FolioBlocks ](https://profiles.wordpress.org/portfolioblocks/) * [ Michael ](https://profiles.wordpress.org/campanellafoto/) * [ Freemius ](https://profiles.wordpress.org/freemius/) 〈FolioBlocks〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/folioblocks/contributors) 為這個外掛做出的貢獻。 [將〈FolioBlocks〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/folioblocks) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/folioblocks/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/folioblocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/folioblocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/folioblocks/)。 ## 變更記錄 #### 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 * Removes support for coverting legacy (Portfolio Blocks) blocks into FolioBlocks blocks. * Improves Swedish translations #### 1.2.4 * Excludes System Info from translation strings #### 1.2.3 * Fixed a bug that caused undefined variable warning in Grid Gallery #### 1.2.2 * Added responsive settings to Row Height slider in Justified Gallery Block. * Updated Lightbox on Image Block to fill more of the viewport when exapnded. * Increased maximum row height value on Justifed gallery block. #### 1.2.1 * Added support for videos from Bunny Stream to the Video Block and Video Gallery. * Moved video parsing logic from block into seperate helper file. #### 1.2.0 * Public release of Filmstrip Gallery & Background Video Block. * Public release of Block Transforms. * Public release of new Custom Color Overlay in all galeries. * Public release of Overlay Styles on Video Block and Video Gallery. * Public release of multi-category filtering in all galleries. * Updated Free Vs Pro Page with new blocks and block features. * Fixed layout bugs in the Background Video Block. #### 1.1.8 * Fixed a bug that prevented Play/Pause and Full Screen from being accessed when overlay was enabled on Filmstrip Gallery. #### 1.1.7 * Prevent Filmstirp Gallery coming into focus when autoplay is enabled in the editor. * Added support for setting Add To Cart icon behavior when using WooCommerce integration on Video Block & Video Gallery. * Added Randomize Image Order feature to Filmstrip Gallery. * Fixed a bug in Add To Cart icon on Video Block and Video Gallery. * Fixed a bug in Image Block that prevent drop shadow from being applied when used individually. #### 1.1.6 * Layout related bugs on Background Video Block. * Fixed a bug on Video Block and Video Gallery Block that threw up warning on the free verion of FolioBlocks. * Fixed a bug on Video Block that displayed an empty PanelBody. * Fixed bugs on Carousel, Grid, Justified, Masonry, and Video Gallery blocks that displayed a Notice out of alignment. #### 1.1.5 * Added support for setting multiple categories per image when filtering in Grid, Justified, and Masonry Galleries. * Added support for setting multiple categories per video when filtering in Video Gallery. * Updated to a MediaPlaceholder for initial state on Background Video Block. * Moved Enable Full-Screen Mode feature on Filmstrip Gallery into premium.js * Fixed visual layout bugs in Filmstrip Gallery. * Updated Filmstrip Gallery to set image ID and srcset size. * Updated Carousel Gallery to use custom CompactTwoColorControl. #### 1.1.4 * Build initial render.php file for Filmstrip Gallery. * Added support for Block Transforms for Carousel Gallery and Filmstrip Gallery. * Filmstrip Gallery block now supports setting image resolution. * Filmstrip Gallery now supports showing title on hover. #### 1.1.3 * Added Overlay styles (Default, Blur, & Color) to Video Block & Video Gallery. * Fixed bug in Color and Fade Overlay that affected image title rendering. * Merged Title and Play button visibility into one control on Video Block & Video Gallery. * Replaced Play button icon on Video Block with SVG variant. * Combined all icon helper files into one file. #### 1.1.2 * Added keyboard full-screen support (F) for the Video Lightbox. * Added support for Disable Right Click to Background Video Block. * Added block transforms on Grid Gallery, Justified Gallery, and Masonry Gallery. * Updated the Free Vs Pro page to include new blocks and new features. * Prevent all blocks from transforming into Groups, Columns, or Details blocks. #### 1.1.1 * Added new Background Video Block. * Added new Color Overlay option for all photo galeries (Carousel, Grid, Justified, Masonry, & Modular) and Image Block. #### 1.1.0 * Added style controls to set icon color and background color on Add To Cart and Download icons. * Added Drop Shadow control to Image Block. * Added new compact Border color component. * WooCommerce Add To Cart Links now uses Ajax. * Images linked with WooCommerce can now select if the Add To Cart button Adds Product to Shopping Cart or leads to Product Page. * Fixed visual bug in Modular gallery where margin bottom in stacked images created gap between image and the selection outline. * Changed Gallery Image Styles now all inside of a single filter. #### 1.0.10 * Bug in Modular Gallery border controls. * Bug in playback controls on Carousel Gallery Block. #### 1.0.9 * Fixed bug in Masonry Gallery Image Filtering. #### 1.0.8 * Fixed bug in Grid Gallery layout logic. * Fixed bug in Image block when using border-radius. * Reduced availble border-width in all galleries to a maximum of 15px. * Reduced available border-radius on all galleries to a maximum of 50px. * Changed label names on all Gallery blocks to ensure matching language. * Changed default setting for Image Downloads to “On Hover” to match default in WooCommerce Integration. #### 1.0.7 * Fixed bug in Grid Gallery that clipped images when set to content width. #### 1.0.6 * Adds Image Block and Video Block as standalone blocks. * Updates the organization of controls on all blocks. * Additional Hover Styles built into Image Block. * Add controls to access new Hover styles to Carousel, Grid, Justified, Masonery, and Modular galleries. * Adds Lightbox, WooCommerce, Lazy Load, and Disable Right-click options to Video Block when used individually. * Adds Resolution, Lightbox, Hover, WooCommerce, Image Download, Lazy Load, Disable Right-Click options to Image Block when used individually. * Added API Version to migration script in deprecated.js to prevent false warnings in WordPress 6.9. * Fixed layout issue with Justified Gallery when using Gallery Filtering * Fixed block previews on Image Block and Video Block * Fixed escaping issue on Loupe block * Fixed a layout issue with the final row on Justified Gallery #### 1.0.5 * New Loupe Block introduced. * Fixed bug that prevented Disable Right-Click on Carousel Gallery. * Changed variable prefixes to comply with WordPress standards. #### 1.0.4 * Changed variable prefixes to comply with WordPress standards * Fixed escaping issues on dashboard pages #### 1.0.3 * Improves loading method on premium scripts * Upgrade page now redirects to pricing page on FolioBlocks website #### 1.0.2 * Fixed minor bugs in Grid, Justified, and Masonry galleries #### 1.0.1 * Added is-loading spinner to Carousel, Grid, Justified, and Masonry galleries * Fixed bug in Carousel gallery that prevented correct height from being set * Fixed bugs related to FolioBlocks domain name switch * Tested for WordPress 6.9 compatibility #### 1.0.0 * Public Release * Rebuilt the Admin Dashboard ## 商業版外掛 這個外掛為免費外掛，但另外提供付費商業升級版或技術支援。 [查看技術支援方式](https://folioblocks.com/contact/) ## 中繼資料 * 版本 **1.2.9** * 最後更新 **4 天前** * 啟用安裝數 **40+** * WordPress 版本需求 ** 6.3 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/folioblocks/) 及 [Swedish](https://sv.wordpress.org/plugins/folioblocks/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/folioblocks) * 標籤: * [gallery](https://tw.wordpress.org/plugins/tags/gallery/)[image gallery](https://tw.wordpress.org/plugins/tags/image-gallery/) [lightbox](https://tw.wordpress.org/plugins/tags/lightbox/)[photo gallery](https://tw.wordpress.org/plugins/tags/photo-gallery/) [video gallery](https://tw.wordpress.org/plugins/tags/video-gallery/) * [進階檢視](https://tw.wordpress.org/plugins/folioblocks/advanced/) ## 評分 5 星，滿分為 5 星 * [ 6 個 5 星使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/folioblocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/folioblocks/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/folioblocks/reviews/) ## 參與者 * [ FolioBlocks ](https://profiles.wordpress.org/portfolioblocks/) * [ Michael ](https://profiles.wordpress.org/campanellafoto/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## 技術支援 最近 2 個月解決的問題: 總計 1 個問題，已解決 1 個 [檢視技術支援論壇](https://wordpress.org/support/plugin/folioblocks/)