Hazel is compatible with the Gutenberg editor, and we want to show you everything it can do! You’ll be able to edit colors, font size; easily add buttons, quotes and, pull-quotes. Note that to enable full-width and wide-width content, you’ll need to select the layout without a sidebar. We also made sure that your experience is the same on the blog as on the editor, so the colors and fonts you pick will transfer over to the editor for a smooth experience.

This block is a gallery

You can use the gallery either in standard width, wide-width or full-width. You can also add more images if you wish to! This block is great to add a lot of images to your blog, while spacing some space.

Here’s a Wide-Width Image

This type of image is larger than the standard width of the blog, but it’s not full-width (unless you have a smaller screen size, then it can look full-width). This is great if you want an image to pop a bit.

Let’s look at other important elements

Heading H1

Heading H2

Heading h3

Heading h4

Heading h5

Heading h6

Create as many buttons as you want! They can come in all kinds of colors, the limits are your imagination.

This is a styled paragraph block. All you have to do is give it a background color and it’ll pop! This is perfect for special content you want your readers to pay attention to. Believe me, with this colorful background, they’ll be interested in reading it!

This is a column block with a picture on one side.

I love this type of block, it works great on blogs! Share some content with an image beside it, without having to code anything.

Let’s add a bit of filler so it looks better:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mollis tempus ligula ut pulvinar. Morbi auctor magna ac molestie sollicitudin. Maecenas ut ligula rhoncus, vulputate eros nec, ultricies nulla. In ac pulvinar metus. Etiam aliquam, libero non posuere molestie, nisi ligula sagittis mi, quis pulvinar felis ligula ultricies velit. Praesent vestibulum, dolor ut congue elementum, dolor velit blandit nulla, sollicitudin ultrices leo purus et neque.

Yup, you can have a styled paragraph box in the middle!

Vivamus eu nunc ornare, accumsan nisl lacinia, euismod felis. Donec in justo ligula. Pellentesque felis ex, ornare tristique scelerisque sed, bibendum et est. Mauris interdum urna vitae urna aliquet, sed mattis lacus maximus. Proin condimentum vel neque ac ultrices.

Quote blocks available

There are three types of quotes available in Gutenberg. The first one is the “standard” quote. You can also use the “large” style, and make it bigger! This is perfect for text that you want to emphasize.

Standard Quote

I am a simple quote. People love me because of my simplicity.

Anonymous

Large Quote

I am a large quote. If you don’t notice me, we have a problem.

Anonymous

Pullquote

This is last type of quote available. It comes with lines that separate it better from the rest of the content, so use this as much as you want!

Categories & Latest Posts Blocks

You can also link to all your categories and latest posts from the Gutenberg editor! This is great if you want to have an archive-type page

Categories

• Habits & Routines
• Personal Finance
• Productivity & Organization
• Self Care & Self Love
• Self Improvement

Latest Posts Block

• 36 Amazing winter self-care ideas to try right nowFebruary 10, 2023
  Winter is a dark, cold season that can put us in a bad mood. We feel tired and our mood isn’t the…

  Read More

• 28 Smart things to do to start a new life for the betterJanuary 31, 2023
  We all come to a period in our lives where we realize that going on like this, we won’t be able to…

  Read More

• New year resolution ideas for a successful yearDecember 31, 2022
  Another year has passed and with so much hope and new dreams, we enter the new year. It may seem strange, but…

  Read More

• 20 Daily habits that will improve your lifeDecember 21, 2022
  If you want to improve your life, the starting point is you. To improve your life, you have to go work on…

  Read More

• 14 Sunday habits for a productive and organized weekDecember 14, 2022
  Having a productive and organized week may seem unimaginable or impossible, but that’s not the case at all.If you think you’re the…

  Read More

• 30 Monthly goal ideas to set for self-improvementDecember 5, 2022
  Do you want to improve your life but don’t know where to start? If you want to change something in your life,…

  Read More

• 100+ Quick and effective 5-minute self-care activities for the mind, body and soulNovember 16, 2022
  Are there really 5-minute self-care activities for the mind, body, and soul to put into practice? Doesn’t self-care mean going to the…

  Read More

• 14 Habits to avoid in the morning that can ruin your dayNovember 13, 2022
  Starting a good day is everyone’s goal, and as much as one desires it so much, it is also useful to know…

  Read More

• 19 Habits of highly organized peopleNovember 11, 2022
  What does it mean to be organized, and how can you become one? This is a question I’ve been asking myself for…

  Read More

• 16 Bad habits that are killing your productivityNovember 6, 2022
  If you are not already, becoming a productive person takes work and patience but it is by no means impossible. There are…

  Read More

Insert all kinds of media

If you’re also a vlogger or a podcaster, you can add all that content using Gutenberg. Embed your awesome videos and audio content with just a few clicks.