WYSIWYG Block – Full Width

The WYSIWYG block uses the standard WP WYSIWG editor, and should support all the formatting options that this allows. That means we can style text as bold, italic and strikethrough. We can specify a text colour such as red, green or blue. 

We can also choose some built-in stylings.

Paragraph.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Preformatted

The block also has support for both ordered and unordered lists. Let’s try ordered lists first.

1. List item one
2. List item two
3. List item three

And now, let’s try an unordered list

• Unordered list item one
• Unordered list item two
• Unordered list item three

It also supports alignment, so we can set a paragraph as being left-aligned, like this one. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur dui eu turpis bibendum malesuada. Sed dictum lorem nec porta feugiat. Integer euismod finibus mi. Nam nibh mi, faucibus ut est id, ultrices dapibus nulla. Phasellus id vulputate massa. Integer condimentum lacus fringilla, hendrerit nulla ac, bibendum velit.

Or we can set it to be right aligned, like this one. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur dui eu turpis bibendum malesuada. Sed dictum lorem nec porta feugiat. Integer euismod finibus mi. Nam nibh mi, faucibus ut est id, ultrices dapibus nulla. Phasellus id vulputate massa. Integer condimentum lacus fringilla, hendrerit nulla ac, bibendum velit.

And finally, we can set it as centered, like this one. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur dui eu turpis bibendum malesuada. Sed dictum lorem nec porta feugiat. Integer euismod finibus mi. Nam nibh mi, faucibus ut est id, ultrices dapibus nulla. Phasellus id vulputate massa. Integer condimentum lacus fringilla, hendrerit nulla ac, bibendum velit.

We can add horizontal rules, like the one below this text.

---

---

“We can add quotations like this also”, said whoever typed this.

WYSIWYG Block – With Side Heading

The WYSIWYG editor also has support for a left-aligned heading. This block should have one, and will therefore display at a smaller width. All other content in this block is as per the block above, so you should see how they all look at the narrower width.