Gutenberg Block Library

How to apply a gradient background in Gutenberg

You can easily apply a gradient background to any Gutenberg block via custom CSS. I have already explain how to add custom CSS to any Gutenberg block in a previous tutorial. Go through that tutorial as it explains it well, and you will need to know that to follow this one. Free Online CSS Gradient Code Generator Now you must be thinking that you must know CSS to create a gradient color, but worry not.… Read More »

How to apply custom CSS to any Gutenberg Block

What if you need to apply some custom styling using CSS to your content in Gutenberg editor. There are a few ways you can apply custom CSS to any Gutenberg block. Let's find out how to do it. 1. Via WordPress Customizer You can simply put your custom CSS into the Additional CSS section via WordPress Customizer targeting specific CSS class applied to the Gutenberg block. But, there is a downside to this approach. Your… Read More »

How to add icons in Gutenberg without any plugin

Icons obviously are one of the most needed elements for a web page. In WordPress Gutenberg editor there is currently no default block to easily insert an icon such as Font Awesome, Material Design Icons, Unicons, Dashicons and many other. So let's see an easiest way to add an SVG icon in Gutenberg as an Image. First of all, if you have images of your icons in any image format, that is already easy to… Read More »

WordCamp blocks are now available!

Four Gutenberg blocks are live now which will be used on newly created WordCamp websites going forward. The four blocks are:SpeakersSessionsSponsorsOrganizersThere is also one more block in development for WordCamp schedules. Read More »

WordCamp Europe 2019: Livestream links to every talk

If you were not able to attend the WordCamp Europe 2019 last week, here are the links to watch all those amazing talks at Youtube. This turned out to be the largest WordPress conference ever (so far!) with 2734 attendees present. There has been a lot of discussion about Gutenberg, specially watch the Matt's talk as he revealed the future of Gutenberg and WordPress. Read More »

Reusable Blocks as Templates

In this tutorial, learn how to create a reusable template with your own blocks. Code also provided of a quick reusable Cover + Paragraph + Heading block if you want to give it a whirl. Read More »

What Gutenburg Means for Headless/Decoupled CMS

WordPress is currently changing a lot in terms of how we develop for it. The new “Gutenberg” editor is built using React. In this post, Josh Pollock going to look at what decoupled development means for WordPress. Adding Gutenberg to our toolkit we can use as WordPress developers, creates new opportunities, as well as new challenges. Read More »

New plugin finally treats Reusable Blocks as first-class content in wp-admin

A free plugin released to the WordPress.org repository extends wp-admin to give Gutenberg's new Reusable Blocks the same level of priority as other content types on your WP site. The plugin adds Reusable Blocks to the wp-admin nav. Fabrica Reusable Block Instances adds the block editor's Reusable Blocks to the admin sidebar, with both a list screen to help you quickly access and edit your existing Reusable Blocks, and see where they're already used, and… Read More »