Gutenberg Archives

We’ve been early adopters of the Block Editor/Gutenberg and have been using it in various ways. As part of our internal streamlining process, we’ve been shifting towards block-based solutions. As a result, we’ve been transferring multiple client projects to blocks, which has been a really interesting learning journey for us. It’s been a blast pushing the limits and discovering all that we can achieve with blocks. Currently, we’re working on an exciting client project, helping them make the switch from a hybrid theme to a block-based theme. Their website relies on custom queries to feature content on the homepage, including…

Introducing WPUI, a design pattern library for building React-powered WordPress plugins or apps

November 16, 2023Pravin PrajapatiHighlights

10

As strong supporters of the WordPress Block Editor (aka Gutenberg), we have been early adopters and advocates of this technology. We have spoken about its potential and future at meetups and WordCamps, and have empowered our clients’ editorial experiences. We have also built plugins and extensions that embrace the Block Editor and have seen the huge potential it has as a product and the foundation it is laying down for the next generation of WordPress. We have been following the development and keeping an eye on various packages that were extracted and built. From building and extending blocks, curating editor…

Explore Gutenberg Components with WP Storybook

January 2, 2019Ajit BohraWordPress

10

At lubus, we have been embracing Gutenberg and have been building things using various reusable components and packages. UI components come handy to provide consistent UX. To make discovering and referring all components quick and easy we have built this experimental storybook. We keep adding stories/cases as and when we discover them. Currently, a good amount of components have been added and we thought to share it with others. Once it shapes up well we would love to explore getting it into core. Things on our list: Add as many possible components & cases Capability to view and copy the…

WordPress Gutenberg Theme Support

November 21, 2018Ajit BohraWordPress

00

With Gutenberg WordPress allow themes to enable support for styling aspect. Theme can define fontsizes, colors and several optional opt-in features. Theme Support plugin enables configuring some on the support feature quickly via UI interface. Following are the current available suport options via plugin. Manage fontsizes, diable custom user fontsize Manage color palette, disable custom color picker Block Editor (Gutenberg) width Enable responsive embeds Enable default block styles Dummynator is available for download on WordPress plugin repo – https://wordpress.org/plugins/theme-support Want to dive into the code and explore how it works? The code is open sourced on GitHub – https://github.com/lubusIN/wp-theme-support Stay…

Dummynator – Insert Blocks With Dummy Content To Gutenberg

May 1, 2018Ajit BohraWordPress

00

Dummynator, a simple plugin that allows you to add paragraph & list block with random content to Gutenberg. Recently working with Gutenberg we had to add random content to few pages & our laziness lead us to this plugin. It was the perfect opportunity for us to use the Gutenberg plugin & sidebar API. Currently, the plugin provides few options & content type but yes we plan to add more options soon. Checkout Dummynator in action below. Want to play around with “Dummynator”, head over to our Gutenberg playground – https://gutenberg.lubus.in/ Dummynator is available for download on WordPress plugin repo – https://wordpress.org/plugins/dummynator Want to dive…

Block Background – Extending WordPress Gutenberg Blocks

April 5, 2018Ajit BohraWordPress

00

Last week we released “Color Palette Block” which enables users to create and share color palette quickly from WordPress Gutenberg editor. Post that we have been experimenting with Gutenberg extensibility API. Gutenberg development team is working hard on each release and adding more power to the upcoming editor. Last few releases added extensibility API to extend Gutenberg / blocks via plugins. Currently, we are working with few clients to explore migrating existing website to Gutenberg. During brainstorming one thing that discussed was the option to have gradients & images as a block background. We have been playing around with extensibility API & this was the perfect opportunity for…

Color Palatte Block For WordPress Gutenberg

March 29, 2018Ajit BohraWordPress

10

We are gearing up for upcoming changes to WordPress and as a part of it we have been playing around with Gutenberg. We are in process of planning migration of some of the old client website & our own properties to Gutenberg. Currently, we are using Gutenberg on our own internal portal for quickly documenting & sharing project specific details. In all this, we have identified our needs for some custom blocks of which some are under development. Of them all, one block we wished was to quickly create and share color palettes right from the Gutenberg. The initial version…