Formatting

Working with more exotic blocks

Tables

Name	Date	Grade
Henry Mancini	January 8, 2021	A
Bernie Sanders	December 4, 1899	A
Alexander Hamilton	June 6, 1776	A-

Buttons

“Buttons make sense when a navigation feels like an action.”

This was a para that was originally in the “moving blocks” section.

Social icons

• Facebook
• LinkedIn
• Twitter

Caveat: Users may think they’re sharing to these media using these links; make it clear that the links go to your pages, etc. “Follow us on social media” should suffice.

Code listings

This is a simple code block.

This is a block for preformatted text. 

This is a verse block. It is meant for poetry. 
    In theory, because it will preserve spaces
        that   would        otherwise be taken
OUT
    by the HTML.    

Showing part of a post with a teaser

Use the “More block.” You insert the More block at the spot where you want to divide a post. The content that falls before the tag becomes the teaser, which WP displays in the post list.

I’m testing this concept with the Teaser Test post.

Dividing a post into multiple pages

Ah, the little-used “Page Break block.” Most people decide not to use it. I’ll try it anyway somewhere in the middle of the current content of this page.

Managing your blocks

Jumping from block to block

Use the block navigation button . . .

Also try “spotlight mode” (click the three dots in the top-right corner of the post editor to see a menu with additional settings; spotlight is one of them.

Moving blocks

Let’s try out. I’ll type another para and move it somewhere above. (By the way, viewing this in the post editor as HTML.)

This is the custom HTML block. This is a tad more convenient than HTML mode for the block because in the HTML block you can quickly switch between HTML view and visual view.

Creating personalized blocks

Making a reusable block

I’ll make this a reusable block and add it to, hmm, let’s say the teaser example page. I’ll make it soooo pretty so it stands out.

Editing a reusable block

I’ll go ahead and edit it and see if it updates on the teaser page.

Using even more advanced reusable blocks

You want to use the group block. You can make your group block into a reusable block, and then you can put whatever you want inside, whether it’s one block or a dozen.

Jetpack blocks

Just peeking at the different types of blocks the Jetpack plug-in brings to the party.

Looks like the Jetpack blocks show up in green.

Markdown! Slideshow! Here’s star rating:

★

ah, just learning that star rating isn’t really useful on the WP self-hosted sites.

https://www.instagram.com/p/CZ5LgnGuOip/

oooh! I actually can insert an Instagram post with a Jetpack block! Cool!