-
Notifications
You must be signed in to change notification settings - Fork 0
Build eye-catching sections with parallax effects, shape dividers, and many more tweaks using this Gutenberg block.
License
jakobwiens7/tzm-section-block
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
=== TZM Section Block === Contributors: jakobwiens Tags: section, parallax, divider, gutenberg, cover Tested up to: 6.7 Stable tag: 1.1.2 License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Build impressive and eye-catching sections with parallax effects, shape dividers, and many more tweaks using this versatile Gutenberg block. == Description == **TZM Section Block** brings powerful enhancements to the Gutenberg editor, allowing you to create visually appealing sections for your website with ease. This block is based on the official "Cover block" but offers advanced features for greater flexibility and design options. * **Enhanced Parallax Background**: Choose from "slow," "medium," and "fast" parallax speeds for a dynamic visual effect beyond the traditional "fixed" option. * **Customizable Divider Shapes**: Add top and bottom divider shapes to your sections. Choose from various shapes and customize their color, height, and more. * **Responsive Full-Height Sections**: Adjust full-height sections (100vh) to fit perfectly on screens by subtracting the height of a CSS selector element, such as a fixed header. * **Overflow Content Control**: Easily hide or display overflowing content within a section. With these advanced options, TZM Section Block empowers designers and developers to craft sections that stand out while providing intuitive controls for seamless customization. === Source Code === The source code for TZM Section Block is now available on GitHub! Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community. * [View on GitHub](https://github.com/jakobwiens7/tzm-section-block) == Installation == 1. Upload the plugin files to the `/wp-content/plugins/tzm-section-block` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the 'Plugins' screen in WordPress. 3. In the block editor, search for "Section" and start using it. == Frequently Asked Questions == = What makes this block different from the default Cover block? = TZM Section Block extends the capabilities of the Cover block with more advanced parallax options, divider shapes, and the ability to precisely control full-height sections and overflow content. = Can I use this block with any theme? = Yes, the plugin is designed to work with any WordPress theme that supports the block editor. For the best experience, use a theme with flexible layout options. = How does the "CSS selector adjustment" feature work? = When the full-height (100vh) option is enabled, you can specify a CSS selector (e.g., `.header`) whose height will be subtracted from the block's height. This ensures the section fits perfectly on the screen without being obstructed by fixed elements like headers. = Are the divider shapes responsive? = Yes, the divider shapes are fully responsive and adapt to different screen sizes. = Can I customize the styles of this block further? = Absolutely! The plugin provides plenty of built-in options, but if you need more control, you can use custom CSS for additional styling. == Screenshots == 1. **Enhanced Parallax Options**: Use stunning parallax backgrounds with fixed, slow, medium, and fast options. 2. **Customizable Divider Shapes**: Create impressive sections with fully customizable top and bottom dividers. == Changelog == = 1.1.2 = - Bugfix regarding parallax background - Bugfix regarding text/overlay colors = 1.1.0 = - Initial Release :)
About
Build eye-catching sections with parallax effects, shape dividers, and many more tweaks using this Gutenberg block.