Robiulawal40

fuad

<p>Elevate your WordPress editing experience with Alpha Blocks – the essential plugin for crafting stunning content in the Gutenberg editor. Unleash creativity effortlessly with our feature-rich blocks, offering dynamic layouts and interactive elements. Customize each block with ease, choosing from a palette of colors, fonts, and styles to align with your brand.</p>
<p>No coding skills are required – Alpha Blocks boasts a user-friendly interface for both beginners and seasoned developers. Lightweight and fast, this plugin ensures optimal website performance without sacrificing speed. Versatile applications make it suitable for blogs, portfolios, and e-commerce sites, adapting to your unique needs.</p>
<p>Seamlessly integrated into the Gutenberg editor, Alpha Blocks becomes a natural extension of your WordPress experience. Responsive design guarantees a polished look across all devices, providing a consistent user experience. Download Alpha Blocks now and transform your website with innovation, simplicity, and a touch of creative magic. Experience the future of Gutenberg block editing in a streamlined, efficient package!</p>
<p><strong>WANT TO CONTRIBUTE TO THE PLUGIN? 🙋</strong></p>
<p>You may now contribute to the plugin on Github: <a href="https://github.com/robiulawal40/alpha_blocks" rel=" nofollow ugc">Alpha Blocks on Github</a></p>
<h3>Key Features</h3>
<ol>
<li>
<p><strong>Diverse Block Collection:</strong><br />
Access a versatile set of customizable Gutenberg blocks for dynamic and engaging content creation.</p>
</li>
<li>
<p><strong>Intuitive Customization:</strong><br />
Effortlessly personalize each block with user-friendly options, catering to both beginners and experienced developers.</p>
</li>
<li>
<p><strong>Optimized Performance:</strong><br />
Experience a lightweight design for fast loading times and responsive displays across various devices.</p>
</li>
</ol>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/robiulawal40" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://www.linkedin.com/in/robiulawal40" rel="nofollow ugc">View on Linkedin</a></li>
</ul>


Alpha Blocks

Unlock Limitless Creativity with Alpha Blocks – Your Gateway to Intuitive Gutenberg Magic!

Phi Phan

<p><strong>Block Enhancements</strong> adds powerful design options to core Gutenberg blocks, so you don’t need to install heavy custom block libraries.<br />
It’s the easiest way to make your existing blocks more flexible and responsive while keeping your site fast and clean. All dynamic styles are rendered in the document head instead of inline styles.<br />
Unlike other similar plugins, this plugin is lightweight. It only loads what you need. You can enable or disable individual features per block type from the plugin’s settings page.</p>
<p><em>It works with all Gutenberg-ready themes, however, the with-icon feature uses the CSS pseudo <code>::before</code> to add icons with the <code>mask-image</code> CSS property. It may conflict with other plugins or themes that use the same technique.</em></p>
<h3>Key Features</h3>
<ul>
<li>Add icons to buttons, headings, lists, navigation blocks (built-in 3000+ icon library or custom SVGs).</li>
<li>Set responsive dimensions: padding, margin, and block spacing per device.</li>
<li>Adjust responsive typography: font size, weight, line height, letter spacing per device.</li>
<li>Apply 2D transforms (translate, rotate, skew, scale) per device with hover styles.</li>
<li>Add box-shadow and text-shadow with hover state styles.</li>
<li>Customize text and background colors with hover styles.</li>
<li>Control responsive text alignment for Group, Columns, and Column blocks.</li>
<li>Use transitions for smooth hover style changes.</li>
<li>Define responsive CSS positions (relative, absolute, sticky, static) with custom offsets.</li>
</ul>
<h3>Common use cases</h3>
<ol>
<li>Add icons to blocks (button, heading, list, navigation).</li>
<li>Change spacing (padding, margin, block spacing) for button, group, row, grid, columns, gallery blocks per device.</li>
<li>Change typography (font size, font weight, line-height, letter spacing) per device.</li>
<li>Change text-alignment for group blocks per device. For example text-align center on mobile but text-align left on the desktop.</li>
<li>Add 2D transforms with hover styles.</li>
<li>Add box-shadow, text-shadow with hover styles.</li>
<li>Change text color, background color on mouse hover.</li>
</ol>
<h3>How to use a feature</h3>
<ol>
<li>Select the block in the Block Editor.</li>
<li>Choose the style tab from the inspector settings.</li>
<li>Click on the plus (+) icon of the Block Enhancements panel to choose the feature and input your settings.</li>
<li>If the feature does not show up, go to the setting page (Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Block Enhancements) to add the feature to your block type.</li>
<li>To input settings for responsive features, you have to switch to between device mode (Desktop/Tablet/Mobile).</li>
<li>The responsive text alignment settings is on the block toolbar not in the inspector settings.</li>
<li>See the video tutorials and the screenshots for more details.</li>
</ol>
<h3>Video tutorials</h3>
<p>How to customize a core button in Gutenberg:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uW3xEH6U-C0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Please help this plugin grow by reporting issues and giving suggestions.</p>
<p>If this plugin is useful for you, please do a quick review and <a href="https://wordpress.org/support/plugin/block-enhancements/reviews/#new-post" rel="ugc">rate it</a> on WordPress.org to help us spread the word. I would very much appreciate it.</p>
<p>Please check out my other plugins if you’re interested:</p>
<ul>
<li><strong><a href="https://wordpress.org/plugins/content-blocks-builder" rel="ugc">Content Blocks Builder</a></strong> – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.</li>
<li><strong><a href="https://wordpress.org/plugins/display-a-meta-field-as-block" rel="ugc">Meta Field Block</a></strong> – A block to display custom fields as blocks on the front end. It supports custom fields for posts, terms, users, and setting fields. It can also be used in the Query Loop block.</li>
<li><strong><a href="https://wordpress.org/plugins/svg-block" rel="ugc">SVG Block</a></strong> – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.</li>
<li><strong><a href="https://wordpress.org/plugins/icon-separator" rel="ugc">Icon separator</a></strong> – A tiny block just like the core/separator block but with the ability to add an icon.</li>
<li><strong><a href="https://wordpress.org/plugins/breadcrumb-block" rel="ugc">Breadcrumb Block</a></strong> – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.</li>
<li><strong><a href="https://wordpress.org/plugins/counting-number-block" rel="ugc">Counting Number Block</a></strong> – A block to display numbers with a counting effect</li>
<li><strong><a href="https://wordpress.org/plugins/better-youtube-embed-block" rel="ugc">Better YouTube Embed Block</a></strong> – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.</li>
</ul>
<p>The plugin is developed using @wordpress/scripts.</p>


Gutenberg Block Enhancements – Icon, Responsive Spacing, Typography, Alignment, Shadow, Transform, Transition, Hover Style

Add icon, responsive spacing, typography, alignment, shadow, transform, transition, color, hover style to blocks. Lightweight, fast, and clean.

Alpha Blocks vs Gutenberg Block Enhancements – Icon, Responsive Spacing, Typography, Alignment, Shadow, Transform, Transition, Hover Style