Using Blocks to Blog Better

This is a paragraph block. It allows you to write basic text. You can add bold, italic, or both attributes. You can also add strikethrough if a correction was made. Also you can add a link to your favorite content management system. You can also add a drop cap to a paragraph and have a large initial letter, as shown above.

You can also change the color of the text and the background of a block. These colors can be removed or adjusted to only show approved colors for the site.

Since this is a post about blocks here is a link to the Block definitions page.

  • This is an unordered list block
  • There are no numbers just bullet points
  • You just keep
  • hitting
  • enter
  • for
  • a
  • new
  • item
  1. This is a numbered list
  2. As you can see
  3. There is a number
  4. At the start
  5. of
  6. each
  7. item
This is an image block. Image blocks have caption areas where attribution should be located. You can also add bold, italicized, or both attributes in here. Also you can strikethrough if a correction is made. Also a link can be added. Photo by Roger Williams

This is an H2 Heading

This is an H3 Heading

This is an H4 Heading

This is a quote

And this is the citation for the quote

This is a paragraph again but since I aligned the image gallery to the left this block is filling the gap to the right.

This is an audio block for a Fresh Air episode titled: ‘PEN15’ Revisits The Awkwardness Of Middle School
You can either upload an audio file or link to one on the web. It would be nice if you could just add the link to the page of the audio file and the block found the audio file for you.

This is a Cover block

This is a video block. You can upload a video or link to something like a Youtube post. Which is what I did here.
//This is a code block. Use it to show users code in your post
function greet($name, $color) {
    echo "<p>Hello, my name is $name and my favorite color is $color.</p>";

greet('John', 'blue');
greet('Jane', 'green');

This is the classic block. If you convert from the classic editor to Gutenberg your existing posts and pages will be moved to this block. Otherwise you don’t need to use it.

This is a custom HTML block

Use this if it is easier to write in HTML.
This is a preformatted block. It is similar to the paragraph and code blocks in that it is for displaying text.
Unlike the paragraph block the preformatted block keeps any spacing or line breaks exactly as they are entered.
Unlike the code block you can still bold, italicize and add links.

This is a pull quote block. Use it to pull quote.

If you need to cite the pull quote you can do that here.
atable block. Its kinda funky to use TBH.
This is a verse block
its where
can   add                spaces



breaks within the block.

You should learn how to call blocks by using a /then the name of the block you want to call. So you can call an image block with /image.

Image by Roger Williams
(This image has been aligned full width.)

This is a paragraph block located in the left column of a 4 column column.

Then there is an image, a slideshow, and finally a button.

You can only add one block to each column. You can adjust the number of columns from 2 to 6 with a slider in the right side Block settings tab.

Bill and Kate glam shot sailing on the river
Bill and Kate glam shot sailing on the river

This is a media/text block.

It creates a 2 column block with an image and a paragraph block.

The first paragraph block has a larger font.

It appears there is no way to have a caption under the media in this block. The photo here has a caption in its Media Library attachment settings.

After this paragraph I have added a Page Break block. That has broken this post up into another page. See you on the other side.

%d bloggers like this: