{"id":410957,"date":"2024-10-13T08:00:00","date_gmt":"2024-10-13T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/photo-block\/"},"modified":"2025-10-08T05:49:00","modified_gmt":"2025-10-08T05:49:00","slug":"photo-block","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/photo-block\/","title":{"rendered":"Photo Block \u2013 A Better Responsive Image Block With Lightbox and Caption Support"},"content":{"rendered":"<p><strong>Photo Block<\/strong> is an advanced yet intuitive responsive <strong>image block plugin for WordPress<\/strong> that makes adding, styling, cropping, and managing photos inside the block editor a breeze.<\/p>\n<h3>Quick Links:<\/h3>\n<p>\ud83c\udfe0 <a href=\"https:\/\/dlxplugins.com\/plugins\/photo-block\/\" rel=\"nofollow ugc\">Plugin Home<\/a> | \ud83d\udcd7 <a href=\"https:\/\/docs.dlxplugins.com\/v\/photo-block\/\" rel=\"nofollow ugc\">Documentation<\/a> | \ud83d\ude4f <a href=\"https:\/\/dlxplugins.com\/support\/\" rel=\"nofollow ugc\">Support<\/a> | \ud83e\udd13 <a href=\"https:\/\/github.com\/DLXPlugins\/photo-block\" rel=\"nofollow ugc\">Source Code<\/a><\/p>\n<p>Photo Block combines many features from other image blocks into one, resulting in a fully featured alternative that includes <strong>responsive controls<\/strong>,<strong>easy cropping<\/strong>, <strong>global styles<\/strong>, <strong>caption overlays<\/strong>, and <strong>lightbox support<\/strong>.<br \/>\nWhether creating a blog, recipe, portfolio, tutorial, or building a site, Photo Block provides you with complete visual control while maintaining speed, responsiveness, and accessibility.<\/p>\n<p>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 <strong>Global Styles<\/strong>, you can maintain a consistent brand look and feel, ensuring all images adhere to a similar visual style.<\/p>\n<blockquote>\n<p>\u2764\ufe0f <a href=\"https:\/\/app.instawp.io\/launch?t=photo-block&d=v2\" rel=\"nofollow ugc\">Spin up a Free Demo<\/a> \u2764\ufe0f<\/p>\n<\/blockquote>\n<h3>Key Features<\/h3>\n<ul>\n<li><strong>Easy and Flexible Uploading<\/strong><br \/>\nUpload directly, choose from the Media Library, or import via a URL. Supports external image sources, such as <strong>ScreenshotOne<\/strong>, for automatic screenshots. Every image uploads quickly and previews instantly.<\/li>\n<li><strong>Smart Cropping and Custom Ratios<\/strong><br \/>\nDefine 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.<\/li>\n<li><strong>Responsive Image Settings<\/strong><br \/>\nEvery 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.<\/li>\n<li><strong>Advanced Sizing, Aspect Ratio, and Object Fit<\/strong><br \/>\nFine-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.<\/li>\n<li><strong>Multi-Line and Overlay Captions<\/strong><br \/>\nAdd 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.<\/li>\n<li><strong>Built-In Lightbox<\/strong><br \/>\nEnable 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.<\/li>\n<li><strong>CSS Gram Filters<\/strong><br \/>\nQuickly 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.<\/li>\n<li><strong>Drop Shadow Support<\/strong><br \/>\nAdd depth with customizable drop shadows. A subtle toggle turns flat images into elegant, layered visuals.<\/li>\n<li><strong>Global Style Presets<\/strong><br \/>\nSave 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.<\/li>\n<li><strong>Query Loop Integration<\/strong><br \/>\nUse 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.<\/li>\n<\/ul>\n<h3>Why Choose Photo Block<\/h3>\n<p>Photo Block was built for creators who outgrow the default image block, but don\u2019t 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.<\/p>\n<p>This image block blends powerful design tools with a lightweight, intuitive interface that feels like part of WordPress itself.<\/p>\n<ul>\n<li><strong>Native to the block editor<\/strong>. No nags or shortcodes \u2014 everything happens inline.<\/li>\n<li><strong>Truly responsive<\/strong>. Adjust image presentation for every device size.<\/li>\n<li><strong>Reusable and Global styles<\/strong>. Choose a global style to keep images on brand and consistent.<\/li>\n<li><strong>No upsells or limits<\/strong>. Photo Block is 100% free and open source.<\/li>\n<li><strong>Accessible<\/strong>. Fully supports captions, alt text, and semantic markup.<\/li>\n<li><strong>Future-proof<\/strong>. The plugin is built with the latest block techniques and architecture and is continuously updated.<\/li>\n<\/ul>\n<p>If you\u2019ve been searching for a <strong>better Gutenberg image block<\/strong>, Photo Block delivers a professional image presentation toolkit without complexity or cost.<\/p>\n<h3>Use Cases<\/h3>\n<ul>\n<li><strong>Photography portfolios<\/strong>: Crop and style high-resolution photos with lightbox support.<\/li>\n<li><strong>Blogs and articles<\/strong>: Add responsive, branded images with consistent captions.<\/li>\n<li><strong>Business websites<\/strong>: Maintain uniform image styling using global presets.<\/li>\n<li><strong>Online magazines<\/strong>: Ensure consistent styling using <strong>Global Styles<\/strong> across the entire site.<\/li>\n<li><strong>Site builders<\/strong>: Photo Block can assist with page or site building, acting as a logo source, hero image, and even decorative images.<\/li>\n<\/ul>\n<p>Photo Block adapts to virtually any WordPress design scenario, offering both creative freedom and practical control.<\/p>\n<h3>Technical Highlights<\/h3>\n<ul>\n<li><strong>Uploader<\/strong>: Media Library, drag-and-drop, remote URL uploads, and ScreenshotOne support.<\/li>\n<li><strong>Cropping<\/strong>: Smart cropper with presets or custom aspect ratios.<\/li>\n<li><strong>Responsive Controls<\/strong>: Device-specific padding, margin, and border adjustments.<\/li>\n<li><strong>Sizing Options<\/strong>: Adjustable width, max width, height, max height, and object-fit per device.<\/li>\n<li><strong>Caption System<\/strong>: Multi-line, block-based, and overlay caption styles.<\/li>\n<li><strong>Lightbox<\/strong>: Optional responsive lightbox with custom caption support.<\/li>\n<li><strong>Filters<\/strong>: CSS Gram effects (26 available presets).<\/li>\n<li><strong>Shadows<\/strong>: Toggle drop shadows for visual depth and 3D-looking images.<\/li>\n<li><strong>Global Styles<\/strong>: Save and reuse configurations site-wide.<\/li>\n<li><strong>Query Loop Ready<\/strong>: Works as a featured image block source.<\/li>\n<li><strong>Accessibility<\/strong>: Encourages alt text and uses semantic markup.<\/li>\n<\/ul>\n<blockquote>\n<p>\u2764\ufe0f <a href=\"https:\/\/app.instawp.io\/launch?t=photo-block&d=v2\" rel=\"nofollow ugc\">Spin up a Free Demo<\/a> \u2764\ufe0f<\/p>\n<\/blockquote>\n<h3>Development:<\/h3>\n<p>Development happens on GitHub. <a href=\"https:\/\/github.com\/DLXPlugins\/photo-block\" rel=\"nofollow ugc\">Check out the GitHub code repository for Photo Block<\/a>.<\/p>\n<p>To assist or help this plugin financially, <a href=\"https:\/\/github.com\/sponsors\/DLXPlugins\" rel=\"nofollow ugc\">please consider a GitHub sponsorship<\/a>.<\/p>\n<h3>Libraries and Credits<\/h3>\n<ol>\n<li><a href=\"https:\/\/pqina.nl\/filepond\/\" rel=\"nofollow ugc\">Filepond<\/a><a> \u2013 React Image uploader.<\/a><\/li>\n<li><a href=\"https:\/\/una.github.io\/CSSgram\/\" rel=\"nofollow ugc\">CSSgram<\/a> \u2013 CSS Image Effects.<\/li>\n<li><a href=\"https:\/\/lucide.dev\/icons\" rel=\"nofollow ugc\">Lucide<\/a> \u2013 React Icon Library.<\/li>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/react-image-crop\" rel=\"nofollow ugc\">React Image Crop<\/a> \u2013 React Image Cropper.<\/li>\n<li><a href=\"https:\/\/react-hook-form.com\/\" rel=\"nofollow ugc\">React Hook Form<\/a> \u2013 React Forms.<\/li>\n<li><a href=\"https:\/\/fancyapps.com\/\" rel=\"nofollow ugc\">Fancybox<\/a> \u2013 Lightbox Library.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Enhance your Block Editor with an advanced image block plugin for responsive layouts, captions, lightbox, and global styles.<\/p>\n","protected":false},"author":65,"featured_media":410958,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Photo Block \u2013 A Better Responsive Image Block With Lightbox and Caption Support - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Enhance your Block Editor with an advanced image block plugin for responsive layouts, captions, lightbox, and global styles."},"footnotes":""},"categories":[1],"tags":[1143,4957,1179,29004,359],"class_list":["post-410957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-captions","tag-global-styles","tag-image-block","tag-image-lightbox","tag-responsive"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/410957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=410957"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/410957\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/410958"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=410957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=410957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=410957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}