Dashboard
PHP:
8.4.22
OS:
Linux
User:
provencez
/
/
home
/
provencez
/
www
/
wp-content
/
plugins
/
flexa-block
/
build
/
blocks
/
image
📤 Upload
📝 New File
📁 New Folder
Close
Editing: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "flexa/image", "version": "1.0.0", "title": "Image", "category": "flexa", "description": "Media image with per-device width and alignment, aspect-ratio lock, object-fit, shape masks, colour/gradient overlay, hover motion, caption and link or lightbox.", "keywords": [ "flexa", "image", "picture", "photo", "media", "lightbox" ], "textdomain": "flexa-block", "example": { "attributes": { "isExamplePreview": true }, "viewportWidth": 500 }, "attributes": { "isExamplePreview": { "type": "boolean", "default": false }, "blockId": { "type": "string" }, "image": { "type": "object", "default": { "id": null, "url": "", "alt": "", "width": null, "height": null } }, "imageSize": { "type": "string", "default": "large" }, "altText": { "type": "string", "default": "" }, "objectFit": { "type": "string", "default": "cover" }, "imageWidth": { "type": "object", "default": { "desktop": { "value": "", "unit": "%" }, "tablet": {}, "mobile": {} } }, "imageAlign": { "type": "object", "default": { "desktop": "center", "tablet": "", "mobile": "" } }, "aspectRatio": { "type": "object", "default": { "enabled": false, "ratio": "16/9" } }, "lazyLoad": { "type": "boolean", "default": true }, "hoverEffect": { "type": "string", "default": "none" }, "overlay": { "type": "object", "default": { "type": "none", "color": { "light": "", "dark": "" }, "gradient": { "light": "", "dark": "" }, "opacity": 0.5, "blendMode": "" } }, "mask": { "type": "object", "default": { "shape": "none", "customImage": { "id": null, "url": "" }, "size": "contain", "position": "center center", "repeat": "no-repeat" } }, "caption": { "type": "object", "default": { "show": false, "source": "custom", "text": "", "display": "below", "position": "bottom", "alignment": "center" } }, "captionColor": { "type": "object", "default": { "light": "", "dark": "" } }, "captionBackground": { "type": "object", "default": { "light": "", "dark": "" } }, "captionTypography": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "clickAction": { "type": "string", "default": "none" }, "link": { "type": "object", "default": { "url": "", "target": "", "rel": "" } }, "lightbox": { "type": "object", "default": { "background": { "light": "rgba(17,17,17,0.9)", "dark": "" }, "showCaption": true } }, "spacing": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "background": { "type": "object", "default": { "type": "none", "color": { "light": "", "dark": "" }, "gradient": { "light": "", "dark": "" }, "image": { "url": "", "id": null, "position": "center center", "repeat": "no-repeat", "size": "cover", "attachment": "scroll" }, "lazyLoad": false } }, "border": { "type": "object", "default": { "desktop": { "style": "", "width": { "top": "", "right": "", "bottom": "", "left": "", "unit": "px" }, "color": { "light": "", "dark": "" }, "radius": { "topLeft": "", "topRight": "", "bottomRight": "", "bottomLeft": "", "unit": "px" } }, "tablet": {}, "mobile": {} } }, "boxShadow": { "type": "object", "default": { "horizontal": "0", "vertical": "4", "blur": "12", "spread": "0", "color": { "light": "rgba(0,0,0,0.1)", "dark": "" }, "inset": false, "enabled": false } }, "responsiveVisibility": { "type": "object", "default": { "hideOnDesktop": false, "hideOnTablet": false, "hideOnMobile": false } }, "animation": { "type": "object", "default": { "type": "none", "duration": "normal", "delay": "" } }, "htmlAttributes": { "type": "object", "default": { "customAttributes": [] } } }, "supports": { "anchor": true, "className": true, "html": false, "align": false }, "editorScript": "file:./index.js", "editorStyle": "file:./index.css", "style": "file:./style-index.css", "viewScript": "file:./view.js", "render": "file:./render.php" }
Save
Cancel