How to use the Block Editor to make your posts look the way you want them to

V0.2: MOST OF THE CONTENT IS IN PLACE NOW
Changes:
Added a question: How do I edit a block
Added Slash Command for adding blocks
Added details of the Block editor
Added sections on the key blocks: Image, Header, Quote, Audio
Corrected typos and shortened headingings and text

STILL TO DO
key block sections on the three Layout blocks: Image and Text, Spacer, Seperator
Last three questions (which are very short answers=
Add HTML anchors to the eight questions to take people to the answers

This post is designed to answer eight questions for new users of the WordPress Block Editor:

What are blocks and why should I use them?

What types of blocks are there?

How do I add a block?

How do I move a block ?

How do I edit a block?

Which blocks do I need most?

How do I check what my post looks like?

What do I do to publish a post?

Where do I go if I want to learn more?

Click on any question to go directly to that part of this post.



What are blocks and why should I use them?

The WordPress Block Editor is like a box of Lego, with different designs of bricks that you can use to build a post. 

The bricks are blocks. Some blocks offer you an easy way to way of adding and customising particular types of content to your post, such as pre-formatted text, images, and embedded links to audio and video content. Other blocks help you layout your post the way you want it to be.

Your finished post is built out of blocks, assembled in the shape you want them to be, without you having to use any shortcodes, custom HTML or code.

8 thoughts on “How to use the Block Editor to make your posts look the way you want them to

  1. The Block Editor thing has become a fairly long post.

    I’m tempted to shorten it by removing these two questions:

    How do I check what my post looks like?

    What do I do to publish a post?

    I don’t think the answers vary significantly between Classic Editor and Block Editor.

    I’m also wondering how/if we respond to questions about the content.

    Do we want to have, probably in addition to this, an FAQ section for The Secret Reading Room?

    1. We’ll have a fairly extensive FAQ section — one main page and a whole boatload of tutorials in addition, linked from the main page and also from a dedicated menu.

      Having looked through your post — which I think is great and exactly the kind of guidance people are going to need — what may make the most sense in this particular instance might be to break it up into several chapters, each of them going into a separate post. This is probably also going to be the approach we’ll be taking to other, equally long / “involved” tutorials.

      Also, one of the tutorials we’re planning will be a very basic “how to get started” one, literally from “I’m here — now what?” to “this is how you publish a post” and “here’s where you find xyz item(s)”. So I would suggest that anything not specifically relating to the block editor could go there, unless the block editor has specific publishing settings beyond the “save draft / edit / schedule / publish” modes.

      Tutorials such as this should be formatted as “projects”; that will
      (1) keep them out of the general feed and move them into the dedicated feed we’re reserving for admin issues (general site announcements, tutorials, etc.) and
      (2) auto-enable a “Comments” section where questions can be asked.

      Incidentally, we’re (provisionally, but I think we’ve agreed to settle on this one) working with a theme that has a very clear setup for the “comments” section, with each “original” comment (or question) creating a new box of its own, and all subsequent responses nested within that same box. Christine, MbD and I all like that a lot; particularly when it comes to explaining things and following up on questions in the early days of the community, that should help a lot.

      1. In that case, it might makes sense to put a post with a short overview with lego bricks explanation of blocks and then links to each of the different questions as post somewhere else and have the post independently searchable.

        I don’t know how that’s done in Projects. I haven’t been able to find any tutorials on Projects on wordpress.org.

        I think the best that I can do is complete the segments and add the links and then ask you to move it into an appropriate project format.

        Will that work`?

        1. Absolutely!

          “Projects”, for our purposes, are really just glorified posts, though, which we’re using to keep the admin stuff out of the main “posts” feed, for everything that
          (a) calls for comments / responses, e.g. tutorials and the “Questions?” posts in connection with reading games, and
          (b) is most easily made accessible in a comprehensive but dedicated feed (as pages don’t go into any feed, so you necessarily have to link to those from a site menu somewhere; which in turn means that pages are basically something we’re just using as static one-off things).

          So, to tie several “projects” together, e.g. for your “block editor” tutorial, we’d basically do just what you propose: Present the basic explanation what is a block in a general intro “project” (= post filed as “project” in the site’s “portfolio” section rather than in the “posts” section), then create separate “projects” for each of the follow-up questions and link to those from the intro page. Eh voilà tout!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.