Dashboard
PHP:
8.4.22
OS:
Linux
User:
provencez
/
/
home
/
provencez
/
www
/
wp-content
/
plugins
/
flexa-block
/
build
/
blocks
/
team-member
📤 Upload
📝 New File
📁 New Folder
Close
Editing: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "flexa/team-member", "version": "1.0.0", "title": "Team Member", "category": "flexa", "description": "Profile card for one team member — a photo, name, role and bio with linked social icons, the photo placed above, left or right of the text, per-element typography, light/dark colours and hover accents.", "keywords": [ "flexa", "team", "member", "profile", "staff", "author", "person" ], "textdomain": "flexa-block", "example": { "attributes": { "isExamplePreview": true }, "viewportWidth": 400 }, "attributes": { "isExamplePreview": { "type": "boolean", "default": false }, "blockId": { "type": "string" }, "htmlTag": { "type": "string", "default": "div" }, "imagePosition": { "type": "string", "default": "top", "enum": [ "top", "left", "right" ] }, "imageShape": { "type": "string", "default": "circle", "enum": [ "circle", "rounded", "square" ] }, "stackOn": { "type": "string", "default": "none", "enum": [ "none", "tablet", "mobile" ] }, "alignment": { "type": "object", "default": { "desktop": "", "tablet": "", "mobile": "" } }, "mediaGap": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "maxWidth": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "image": { "type": "object", "default": { "id": null, "url": "", "alt": "" } }, "imageWidth": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "name": { "type": "string", "default": "Jane Doe" }, "nameTag": { "type": "string", "default": "h3" }, "nameTypography": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "nameColor": { "type": "object", "default": { "light": "", "dark": "" } }, "nameSpacing": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "role": { "type": "string", "default": "Product Designer" }, "roleTypography": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "roleColor": { "type": "object", "default": { "light": "", "dark": "" } }, "roleSpacing": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "bio": { "type": "string", "default": "A short bio that introduces this team member and highlights what they do best." }, "bioTypography": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "bioColor": { "type": "object", "default": { "light": "", "dark": "" } }, "bioSpacing": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "showSocial": { "type": "boolean", "default": true }, "items": { "type": "array", "default": [ { "icon": { "source": "builtin", "name": "Facebook", "markup": "<svg class=\"flexa-icon\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"/></svg>", "url": "", "id": null }, "link": { "url": "", "target": "", "rel": "" } }, { "icon": { "source": "builtin", "name": "X", "markup": "<svg class=\"flexa-icon\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231Zm-1.161 17.52h1.833L7.084 4.126H5.117l11.966 15.644Z\"/></svg>", "url": "", "id": null }, "link": { "url": "", "target": "", "rel": "" } }, { "icon": { "source": "builtin", "name": "LinkedIn", "markup": "<svg class=\"flexa-icon\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.225 0z\"/></svg>", "url": "", "id": null }, "link": { "url": "", "target": "", "rel": "" } } ] }, "socialSize": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "socialGap": { "type": "object", "default": { "desktop": {}, "tablet": {}, "mobile": {} } }, "socialColor": { "type": "object", "default": { "light": "", "dark": "" } }, "socialHoverColor": { "type": "object", "default": { "light": "", "dark": "" } }, "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", "render": "file:./render.php" }
Save
Cancel