內容簡介
CTC Masonry Gallery 是一款專為 WordPress Gutenberg 編輯器設計的外掛，能夠創建流暢的圖片集合。最新版本 2.8.0 提供了更精緻的編輯器、優化的圖片檢視器及更可靠的圖片加載，同時保留現有的畫廊功能與已保存的區塊標記。
【主要功能】
• 磚石佈局：圖片自動調整比例，隨畫廊大小變化
• 精緻編輯器：提供即時畫廊預覽及圖片計數
• 圖片檢視器：瀏覽縮圖，放大縮小及播放幻燈片
• 鍵盤操作：使用鍵盤快捷鍵輕鬆瀏覽圖片
• 自訂陰影：調整陰影大小與顏色
• 靈活間距：設定圖片寬度與間距
外掛標籤
開發者團隊
原文外掛簡介
CTC Masonry Gallery creates flowing image collections in the WordPress Gutenberg editor. Version 2.8.0 brings a refined editor, a polished image viewer, and more reliable image loading while preserving the existing gallery features and saved block markup.
Key Features
Masonry layout: Images retain their proportions and arrange automatically as the gallery resizes.
Refined editor: A welcoming image-selection state, a live gallery preview, an image count, and a clear Edit gallery action.
Grouped settings: Layout, Interaction, and Appearance panels keep every existing control easy to find.
Image viewer: Browse thumbnails, navigate to the first or last image, zoom in or out, and play or pause a slideshow.
Keyboard access: Open the viewer with Enter or Space; use Left/Right to browse, Up/Down to zoom, and Escape to close. Tab stays within the viewer and focus returns to the selected image on close.
Hover enlargement: Optionally enlarge images on hover. Hover enlargement and the image viewer remain mutually exclusive.
Custom shadows: Adjust shadow size and color, including transparency.
Flexible spacing: Set image width from 1–100% and the gutter from 1–50 pixels.
Reliable loading: Cached, slow, and failed image loads no longer keep the entire gallery hidden.
Existing galleries preserved: No migration is needed; the original masonry and viewer libraries remain in the plugin.
What’s Next
Explore my other WordPress projects:
CTC Gallery 🎨 – Four unique premium galleries block in same plugin
Gravity Forms Add-ons
CT Commerce Lite 🛒 – A block-based eCommerce plugin.
Development
`sh
npm ci
npm run build
npm run lint:js
npm run lint:css
`
The src/ directory contains the editable source. Commit the generated build/ assets with source changes so the plugin can be installed without Node.js. The webpack adapter in tooling/ exposes the classes from the existing js-masonry and ctc-gallery-viewer packages; both dependencies and all existing npm scripts are retained.
