Flexblox FSE Theme
Lightweight full site editing block theme framework. Flexblox provides useful features that help you build modern WordPress sites with blocks. Optimized for speed. Designed for use with child themes and compatible with most popular plugins. Flexblox is a great starting point and toolkit for building your own custom block theme.
Features:
1. Conditional Block Supports: Flexblox offers the ability to apply conditional block supports, allowing for additional settings for core blocks. By default, it enables extra block supports wherever applicable.
2. Block Styles: Conditional registration is supported, meaning you can register specific block styles, such as "Secondary," only if a secondary color has been defined in the theme or editor.
3. Block Extensions: Flexblox provides additional appearance controls for all blocks, including options for box shadows, absolute positioning, CSS transforms, CSS filters, and more.
4. Full Site Editing: Enjoy additional page, post, and template part settings to simplify the customization of individual pages, making full site editing more intuitive.
5. SVG Icons: Create inline SVG icons using the image block or as inline text. Default icons include WordPress, Dashicons, and Social Icons, with support for custom SVGs. Simply search for "Icon" in the block inserter.
6. CSS Framework: Flexblox incorporates a minimal base FSE CSS framework. CSS files are split and loaded conditionally only when required by a page, addressing core CSS issues.
7. Pre-made Patterns: Flexblox also offers a selection of pre-made patterns that you can easily incorporate into your website design, adding unique and eye-catching visual elements to your pages.
8. Gradients: Enjoy gradient-rich text formats and text block gradient settings to enhance the visual appeal of your content.
9. Text Formats: Flexblox introduces additional text formats, including options for clear formatting, underlining, gradients, font sizes, and more.
10. Responsive Settings: Tailor your content for different screen sizes with options like reverse on mobile, hide on mobile, and more to create a seamless user experience.
11. Header Styles: Customize your headers with support for absolute, transparent, and sticky header styles, giving your website a unique and engaging look.
12. Search Toggle: Implement a full-screen, CSS-only search form toggle for a sleek and user-friendly search experience.
13. Dark Mode: Flexblox automatically activates dark mode for supported themes, but you can easily deactivate it from the Flexblox settings available in the page editor to suit your preferences.