內容簡介
總結：Photo Block 外掛提供功能豐富的照片區塊，不僅限於基本功能，可輕鬆自定義照片樣式，具有響應式設計、吸睛標題層疊和全球樣式。無論您是部落客、攝影師或網站設計師，Photo Block 均提供工具，輕鬆創建令人驚艷的圖像展示。
1. 哪些功能可以幫助保持照片在不同螢幕尺寸上的完美顯示？
- 響應式樣式：可自定義圖像大小、填充、邊距、邊框和樣式設置，確保照片在任何設備上都看起來完美。
2. 如何控制並定位標題以符合您的照片風格？
- 進階標題控制：包含功能豐富的標題區塊，讓您可以定位和覆蓋標題以符合您的照片風格。
3. 如何根據需要裁剪照片到任何縱橫比？
- 智能裁剪：使用內建的圖像裁剪工具，可將圖像裁剪到您所需的任何縱橫比。
4. Photo Block 外掛支援哪些靈活的圖像來源？
- 靈活的圖像來源：可上傳、通過 URL 連結，或從媒體庫中選擇，最大方便性的支援多種圖像來源。
5. 如何快速應用並套用全球樣式？
- 全球樣式：儲存您的設計設定，輕鬆應用於其他照片區塊，讓您在網站上保持一致外觀。透過全球樣式，您只需點擊 4 次，即可添加區塊、上傳圖片，並進行進階自定義。
6. Photo Block 如何支援 Query Loop？
- Query Loop 支援：能輕鬆將 Photo Block 無縫整合到 Query Loop 區塊中，作為動態內容的特色圖像。
外掛標籤
開發者團隊
② 後台搜尋「Photo Block – A Modern Image Block With Lightbox and Caption Support」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Photo Block is an advanced yet intuitive responsive image block plugin for WordPress that makes adding, styling, cropping, and managing photos inside the block editor a breeze.
Quick Links:
🏠 Plugin Home | 📗 Documentation | 🙏 Support | 🤓 Source Code
❤️ Spin up a Free Demo ❤️
Photo Block combines many features from other image blocks into one, resulting in a fully featured alternative that includes responsive controls,easy cropping, global styles, caption overlays, and lightbox support.
Whether creating a blog, recipe, portfolio, tutorial, or building a site, Photo Block provides you with complete visual control while maintaining speed, responsiveness, and accessibility.
Photo Block was designed for anyone who needs a better way to display images, such as photographers, designers, agencies, and bloggers who want to stand out with polished, on-brand visuals without needing to touch code. With Global Styles, you can maintain a consistent brand look and feel, ensuring all images adhere to a similar visual style.
Key Features
Easy and Flexible Uploading
Upload directly, choose from the Media Library, or import via a URL. Supports external image sources, such as ScreenshotOne, for automatic screenshots. Every image uploads quickly and previews instantly.
Smart Cropping and Custom Ratios
Define image proportions with built-in ratio presets or enter your own. The smart cropper respects hard crops and presets, such as a known aspect ratio, or you can perform a completely custom crop.
Responsive Image Settings
Every dimension, including padding, width, height, margins, and borders, has responsive controls. Adjust your images to ensure they scale beautifully across desktop, tablet, and mobile devices.
Advanced Sizing, Aspect Ratio, and Object Fit
Fine-tune image width, height, and object-fit for a consistent layout. Set an aspect ratio for a custom fit. This is ideal for creating hero images, grids, and feature sections with pixel-perfect alignment.
Multi-Line and Overlay Captions
Add expressive, multi-line captions or display them as overlays with hover effects. Position captions at the top, bottom, or center, and mix typography blocks for creative layouts.
Built-In Lightbox
Enable a responsive lightbox with just a few clicks by opening link settings. Viewers can expand and browse larger versions of your images without leaving the page.
CSS Gram Filters
Quickly style your images with 26 built-in CSS Gram filters. Adjust warmth, contrast, or add vintage flair directly in the editor without having to use photo editing software.
Drop Shadow Support
Add depth with customizable drop shadows. A subtle toggle turns flat images into elegant, layered visuals.
Global Style Presets
Save your favorite image settings as Global Styles. Apply them anywhere with a single click and update them site-wide later for consistent branding and appearance.
Query Loop Integration
Use Photo Block within the Query Loop block as a featured image source. Captions and settings pull automatically, making it perfect for archives and blog lists. The plugin works well inside a GenerateBlocks or Kadence loop, and also supports the Core Query block.
Why Choose Photo Block
Photo Block was built for creators who outgrow the default image block, but don’t want a bloated gallery plugin or block suite. With intuitive uploading and global styles, you can go from uploaded to published in less than 4 clicks.
This image block blends powerful design tools with a lightweight, intuitive interface that feels like part of WordPress itself.
Native to the block editor. No nags or shortcodes — everything happens inline.
Truly responsive. Adjust image presentation for every device size.
Reusable and Global styles. Choose a global style to keep images on brand and consistent.
No upsells or limits. Photo Block is 100% free and open source.
Accessible. Fully supports captions, alt text, and semantic markup.
Future-proof. The plugin is built with the latest block techniques and architecture and is continuously updated.
If you’ve been searching for a better Gutenberg image block, Photo Block delivers a professional image presentation toolkit without complexity or cost.
Use Cases
Photography portfolios: Crop and style high-resolution photos with lightbox support.
Blogs and articles: Add responsive, branded images with consistent captions.
Business websites: Maintain uniform image styling using global presets.
Online magazines: Ensure consistent styling using Global Styles across the entire site.
Site builders: Photo Block can assist with page or site building, acting as a logo source, hero image, and even decorative images.
Photo Block adapts to virtually any WordPress design scenario, offering both creative freedom and practical control.
Technical Highlights
Uploader: Media Library, drag-and-drop, remote URL uploads, and ScreenshotOne support.
Cropping: Smart cropper with presets or custom aspect ratios.
Responsive Controls: Device-specific padding, margin, and border adjustments.
Sizing Options: Adjustable width, max width, height, max height, and object-fit per device.
Caption System: Multi-line, block-based, and overlay caption styles.
Lightbox: Optional responsive lightbox with custom caption support.
Filters: CSS Gram effects (26 available presets).
Shadows: Toggle drop shadows for visual depth and 3D-looking images.
Global Styles: Save and reuse configurations site-wide.
Query Loop Ready: Works as a featured image block source.
Accessibility: Encourages alt text and uses semantic markup.
❤️ Spin up a Free Demo ❤️
Development:
Development happens on GitHub. Check out the GitHub code repository for Photo Block.
To assist or help this plugin financially, please consider a GitHub sponsorship.
Libraries and Credits
Filepond – React Image uploader.
CSSgram – CSS Image Effects.
Lucide – React Icon Library.
React Image Crop – React Image Cropper.
React Hook Form – React Forms.
Fancybox – Lightbox Library.
