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

• How to glow up mentally – 21 tips for the best changeSeptember 24, 2023
  In such a changing world and a life full of ups and downs, your mental well-being needs to be prioritized. It seems … Read more
• 10 Hidden benefits of waking up early in the morningAugust 7, 2023
  Do you know what the common problem is when you wake up late? You never have enough time for yourself and for … Read more
• 21 Ways on how to become a more positive personJuly 30, 2023
  Being positive about life is something that must be cultivated over time.No person can become positive after two days.To become a positive … Read more
• 36 Worthless things to stop that are wasting your valuable timeJune 11, 2023
  We all have 24 hours in the day, yet not everyone gets to do what they want during the day because they … Read more
• 50 Good habits to start in your 20s for a thriving lifeMay 15, 2023
  Have you ever wanted to make a lifestyle change in your 20s, but think it’s too late or even impossible? The 20s … Read more
• 85 Best Instagram captions for self loveApril 11, 2023
  Self-love is one of the best things we can give ourselves, and also one of the most wonderful things we can say … Read more
• 23 Lists to make to organize your whole lifeMarch 11, 2023
  Every day of our lives, we are crammed with so many commitments that we forget to take care of the most important … Read more
• How to become THAT GIRL in 2023February 24, 2023
  Nowadays we often see videos on Youtube or TikTok that show how to become and be “THAT GIRL”, and how this lifestyle … Read more
• 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

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.