Now You Can Build Custom Layouts with Gutenberg!

custom-layouts-add-new.jpg

Custom Layouts is one of the most popular Astra Pro features that users love. And for good reason! It gives you great design flexibility and freedom by allowing you to put sections on numerous locations on the website.

Even though our users are already enjoying working with Custom Layouts with their favorite page builder, we are further extending this addon with Gutenberg editor support. 

This means you can now design awesome sections with Gutenberg and place them on your website with hooks. 

This feature will be available with the Astra theme version 2.4.4 and Astra Pro version 2.5.0. When you update both to the latest version, you will then see the Gutenberg editor available in Custom layouts. 

How to Design Custom Layouts With Gutenberg? 

Let’s see how you can put up some amazing sections with Gutenberg editor.

Step 1 – Make sure you’ve enabled Custom Layouts from Astra Options.

Step 2 – Under Appearance > Astra Options > Custom Layouts, click Add New.

Now You Can Build Custom Layouts with Gutenberg! 1

Now You Can Build Custom Layouts with Gutenberg! 2

Step 3 – You will see the Gutenberg editor available. Go on and design a creative section.

Now You Can Build Custom Layouts with Gutenberg! 3

Now You Can Build Custom Layouts with Gutenberg! 4

Step 4 – Once you’re done with designing, select a layout type and location for it.

Now You Can Build Custom Layouts with Gutenberg! 5

Now You Can Build Custom Layouts with Gutenberg! 6

Step 5 – Publish and you’re done!

Viewing your targeted location in the frontend will display the above custom layout.

For More Beautiful Layouts – Pair up With Ultimate Addons for Gutenberg (Free)

Now You Can Build Custom Layouts with Gutenberg! 7

Now You Can Build Custom Layouts with Gutenberg! 8

Ultimate Addons for Gutenberg provides a bunch of advanced and powerful blocks that’ll help you build a beautiful website with minimum effort. 

Now You Can Build Custom Layouts with Gutenberg! 9

Now You Can Build Custom Layouts with Gutenberg! 10

Here is a list of awesome blocks it provides – 

  • Table Of Contents
  • Advanced Columns
  • Advanced Heading
  • Blockquote
  • Call To Action
  • Contact Form 7 Styler
  • Content Timeline
  • Google Map
  • Gravity Form Styler
  • Icon List
  • Info Box
  • Marketing Button
  • Multi Buttons
  • Post Layouts
  • Post Timeline
  • Price List
  • Sections
  • Social Share
  • Team
  • Testimonials

This list is still growing and you might see many more awesome blocks in future 🙂 

Start Designing With Gutenberg Today! 

Go ahead and hit that update notification on your WordPress dashboard for the Astra theme and Astra Pro. After updating to the latest version, this newest feature should be available to you. That easy!

Note: Make sure you update both Astra theme and Astra Pro plugin for this feature. 

Here is detailed documentation on Astra Pro’s Custom Layouts feature. In case you need any help, we are just a mail away

Let us know how happy you are with this new feature! 

See you next time! 


This post was originally posted here

Check out our Starter Sites built with #ToolWeLove including Toolset, Elementor Pro, and Astra Pro.

 

Share this page
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on email
Pixallus Website Giveaway

We understand COVID has created shifts in many people’s lives. That’s why we’ve decided to giveaway a fully functional website with all the tools you

Read More »
How to Choose WordPress Hosting

Pixallus WordPress Hosting. Simplified. Enjoy blazing fast WordPress website loading speeds and 99.9% uptime. Whether you’re a freelancer, small business, or a large organization, we

Read More »
Some Performance Links

Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger. Web Performance Recipes

Read More »
sendinblue