This is next part in the series of Converting Shortcodes to Gutenberg Blocks. Shortcodes have been part of WordPress for a long time. As the new block editor is gaining users and popularity, converting these shortcodes to blocks will be helpful. Gutenberg blocks are not only useful for creating custom page layouts, but also make […]
Category: Gutenberg
WordPress 5.5 released on August 11th, features a few big updates for the block editor. The editor interface has some noticeable changes. The block directory is now available to install individual blocks with a single click along with the block patterns which provide a few layout options. Editor Interface The block editor interface has been […]
Building responsive layouts using CSS Grid and Flexbox is easy. Few lines of CSS and the columns resize nicely based on the width of the page. CSS Grid or Flexbox takes care of resizing and the columns nicely stack as needed in smaller view ports. We can style these columns using media queries for different […]
WordPress shortcodes make it easy to add complex code to the pages. Now that the new editor is here to stay and we are all getting used to the new editor, it is important to make sure that the code that was available as shortcodes should now be given to the users as blocks. Converting the […]
This food blog home page layout is a simple layout that works well for the home page of a food blog. This has been put together using the TwentyTwenty theme and the block editor. TwentyTwenty is the default WordPress theme and has awesome support for the block editor. The layout has multiple blocks that include […]
Scrap-booking has been my hobby since 2005. It is relaxing and I get to re-live all the fun while putting the pictures together. I tried a few digital scrapbooks and I loved the ease with which we can put together a page. Adding those digital layouts as part of our blog is easy, but if […]
The block editor also called as Gutenberg was merged into WP core in Dec 2018. It was made the default editor as part of WP 5.0. I have been testing the editor even before it was released and I love it. In the past few months, there have been a few improvements and updates to […]
Advanced Custom Fields is an amazing plugin that I have been using for a while. It makes it so easy to build extra fields for WordPress sites. So, when the custom blocks feature came out, I just had to try. Here is the first block I built to display a post from a custom post […]
Gutenberg Page Layouts
Gutenberg has made building page layouts really easy. There are a number of advantages of the block editor. Here I am going to focus more on the types of blocks available to build beautiful page layouts. The core blocks are in themselves enough to build page layouts without depending on the theme templates. The block […]