Mô tả
Flexa Block is a growing collection of modern Gutenberg blocks designed to help you build beautiful WordPress websites faster.
Instead of installing multiple block plugins, Flexa Block focuses on providing carefully crafted, lightweight, and highly customizable blocks that integrate naturally with the WordPress Block Editor.
📌 DEMO
Features
- Lightweight and performance-focused
- Native Gutenberg experience
- Responsive by default
- Clean and modern design
- Highly customizable
- No unnecessary bloat
- Regular updates
Whether you’re building landing pages, business websites, blogs, or eCommerce stores, Flexa Block helps you create professional layouts with less effort.
More blocks and advanced features will be added in future releases.
Khối
Plugin này cung cấp 40 khối.
- Google Map Embed a Google Map for any address or place — with a zoom level, per-device height, boxed or full width, background, border, radius, shadow and light/dark styling.
- Images Gallery Multi-image gallery in a grid, masonry or justified-tiled layout with per-device columns and gap, hover motion, colour or gradient overlay, captions and a prev/next lightbox.
- Testimonial Single testimonial card – star rating, headline, quote and an author block (avatar, name, role) with per-device typography, spacing, alignment and light/dark colours.
- Text Rich paragraph with per-device alignment, typography, solid or gradient text colour, hover colour, stroke and shadow effects, blend mode and a drop cap.
- Info Box Icon or image paired with a prefix, title and description, an optional divider and a call-to-action button. Media sits above or beside the text, with per-device typography, spacing and light/dark colours.
- Social Icons Linked row of social network icons — official brand artwork or custom light/dark tints per icon, with per-device size, gap, alignment and a hover motion.
- Breadcrumb Hierarchical breadcrumb trail — auto-built from the current page's ancestors or listed by hand, with a home icon, a chosen separator, link / current / separator colours, per-device typography and optional BreadcrumbList schema.
- Image 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.
- Table of Contents Auto-built list of the page's headings with jump links, chosen heading levels, bullet or numbered markers, smooth scroll, an optional collapse toggle and light/dark styling.
- Container Section wrapper with per-device flex layout, background, borders, spacing and light/dark colors.
- Social Share Row of share buttons that post the current page to Facebook, X, LinkedIn or Pinterest — with per-device size, gap, alignment, a button shape, official brand or custom-tinted icons and a hover motion.
- Before / After Drag-to-reveal image comparison slider — pick a before and an after image, split them horizontally or vertically, and let visitors wipe between the two with a handle or on hover.
- CTA Call-to-action banner — a heading, description and primary plus optional secondary button, arranged centred or split (text one side, buttons the other), with background, border, shadow and light/dark styling.
- Tabs Organise content into a horizontal tab bar with optional icons, an underline, pill or boxed tab style, per-tab and content typography, light/dark colours, and a bar that collapses to an accordion on mobile.
- Slider Carousel of slides with autoplay, loop, transition effects, arrow and dot navigation, per-device slides-per-view and light/dark styling.
- Button Call-to-action link styled as a button — inherits your theme's button look, with optional variant, size, icon, colors, hover states and per-device typography.
- Grid CSS Grid section that arranges inner blocks into per-device columns and rows, with track gaps, item and track alignment, background, borders, spacing and light/dark colors.
- Subscribe Form Newsletter subscribe form built from field child blocks — collects the entry over AJAX and emails it to you, with a submit button, success / error messages, honeypot spam guard and styling for the fields, inputs, button and messages.
- FAQ Expandable question-and-answer accordion with open-state icons, per-question and answer styling, dividers, light/dark colours and optional FAQ rich-result schema.
- Countdown Live countdown to a target date with selectable day/hour/minute/second units, separators, unit labels, per-device typography, light/dark colours and a completion action.
- Heading Rich heading with an optional subheading and separator, per-device typography and alignment, light/dark colours, gradient text and text effects.
- Comparison Table Side-by-side plan and feature comparison grid — list your columns (plans) and feature rows, mark each cell with a check, a cross or plain text, spotlight one column and let the table scroll on small screens.
- Video Popup Play a YouTube, Vimeo or MP4 video in a modal lightbox — triggered by a thumbnail, a button or a text link, with a play icon, aspect ratio, autoplay and a click-to-close backdrop.
- Steps Vertical timeline of process steps — each with a numbered, icon or image marker, a connecting line, a title and description, per-status marker accents and light/dark styling.
- Counter Grid of stat counters that count up when scrolled into view — each with an icon, a prefixed/suffixed number and a label, plus per-device columns, typography, light/dark colours and a per-item box.
- Separator Horizontal divider line with per-device width, thickness and alignment, a solid/dashed/dotted/double style and light/dark colour.
- Banner Promotional banner / hero section — a heading, description and call-to-action buttons laid over a colour, gradient or image background with an overlay, a banner min-height and boxed or full width.
- Email An email input for a Subscribe Form — with a label, placeholder, required toggle and column width.
- Website A URL input for a Subscribe Form — with a label, placeholder, required toggle and column width.
- Toggle An on/off switch for a Subscribe Form — with a label, required toggle and column width. Submits "Yes" when switched on.
- Slide A single slide inside a Slider — holds any blocks, with its own background, padding, content max-width and content alignment.
- Name A text input for a Subscribe Form — with a label, placeholder, required toggle and column width.
- Date A date picker for a Subscribe Form — with a label, required toggle and column width.
- Radio A single-choice radio group for a Subscribe Form — with a label, a list of choices, required toggle and column width.
- Message A multi-line message input for a Subscribe Form — with a label, placeholder, row count, required toggle and column width.
- Phone A telephone input for a Subscribe Form — with a label, placeholder, required toggle and column width.
- Checkbox A checkbox group for a Subscribe Form — one box for a consent opt-in, or several for a multi-choice list — with a label, required toggle and column width.
- Upload A file-upload input for a Subscribe Form — with a label, accepted file types, multiple-file and max-size options, required toggle and column width. Chosen files are attached to the notification email.
- Select A dropdown select for a Subscribe Form — with a label, a prompt, a list of choices, required toggle and column width.
- Hidden An invisible field for a Subscribe Form that submits a fixed value — handy for tagging entries with a source or campaign.
Cài đặt
- Upload the plugin files to
/wp-content/plugins/flexa-block, or install
through the WordPress Plugins screen. - Activate the plugin through the Plugins screen.
- Open Flexa Block from the admin sidebar (below Settings).
Hỏi đáp
-
Do I need to know how to code to use Flexa Block?
-
No. Everything is controlled through the WordPress Block Editor. Just insert a block, adjust settings in the sidebar, and publish.
-
Which WordPress themes does Flexa Block support?
-
Flexa Block works with any theme that supports the Block Editor, including classic themes and Full Site Editing (FSE) themes.
-
What blocks are included?
-
Version 1.0.2 ships with a growing library of blocks, including: Container, Button, Heading, Image, Countdown, FAQ (with optional FAQPage schema), Social Icons, Grid, Testimonial, Separator, Text, Counter, Info Box, Slides, Social Share, Table of Contents, Before / After, Breadcrumb, Steps, Tabs, Video Popup, Comparison Table, Google Map, Images Gallery, Banner, CTA and a Subscribe Form. All blocks include skeleton inserter previews and JavaScript translations. More blocks will be added in future releases.
-
Will Flexa Block slow down my site?
-
No. CSS is generated once at save time and cached per post. Only the styles actually used on a given page are loaded — there are no large catch-all stylesheets.
-
Does Flexa Block support dark mode?
-
Yes. The Container block integrates with a site-wide dark mode toggle, which you can enable or disable from the Flexa Block settings page in the admin.
-
How do I disable a block I don’t need?
-
Go to Flexa Block in the admin sidebar and open the Blocks tab. You can toggle individual blocks off — disabled blocks are removed from the Block Editor inserter.
-
Where are the plugin settings?
-
In the WordPress admin sidebar, click Flexa Block (located below Settings). From there you can control dark mode, CSS specificity, and which blocks are active.
-
Is there a Pro version?
-
Yes. Flexa Block Pro adds additional blocks and advanced features. It works alongside this free plugin.
Đánh giá
Không có đánh giá nào cho plugin này.
Người đóng góp & Lập trình viên
“Flexa Block” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng gópDịch “Flexa Block” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.0.2
- Added many new blocks: Counter, Info Box, Slides (with Slide), Social Share, Table of Contents, Before / After, Breadcrumb, Steps, Tabs, Video Popup, Comparison Table, Google Map, Images Gallery, Banner, CTA and an AJAX Subscribe Form with field child blocks.
- Container: added position and offset controls; Table of Contents supports a scrollable list.
- Video Popup: added an inline play mode and MP4 upload; Comparison Table gained dedicated badge styling.
- Grid layout refinements and a refreshed admin dashboard.
1.0.1
- Added ten new blocks: Button, Heading, Image, Countdown, FAQ (with optional FAQPage schema), Social Icons, Grid, Testimonial, Separator and Text.
- Added JavaScript translations and skeleton inserter previews for all blocks.
- Security: hardened CSS value sanitization — colour, gradient, enum, position and numeric attributes are validated against allow-lists at generation time before being printed inline.
- Fixed the admin menu position and the text-domain load hook.
1.0.0
- Initial release with the Container block.
