Through several comments I’ve learned that I’m not the only one in the Friday Fictioneers group who has problems with the block editor. Since that one is the future and Classic won’t likely be functional by next year, I’ve collected a few tips and tricks how I made my peace with the block editor.
This will be image-heavy. Don’t open the full post it if you have a slow connection.
Since I’ve learned that this is too long for many people to read, here’s a
List of Contents
- A helpful introduction with a video
- The Classic Block
- Copying a Post
- Editor Environment
- Editing the Copied Post
- Chosing a Block
- Text Alignment
- Editing Images
- Writing and Copying Text
- Save, Preview and Publish
- Questions answered
The Video Tutorial
For starters, here’s a link to a video on Youtube that helped me get an idea about the whole thing. I don’t have the time to read pages and pages of forums and tutorials, but this video really helped me.
Here comes a rather longish description on how I do my posts. You need to play around to find your preferred method but maybe some of my methods work for you, too.
Copying a Post
Since I mostly post the same type of posts, I don’t usually start from scratch but copy the post by going to MySites and chosing the post I want to copy. Nothing much has changed there.
Now I’m going to set up my block editor environment. If you click on the three dots on the upper right hand side, this menu appears. Maybe you’ve noticed that each time you open a new block, the block menu appears above the block. I find this very confusing. But we have the option to move this to the top by selecting Top toolbar. I also have trouble with determining which block exactly I’m editing, that’s where the spotlight mode comes in. When I activate that, the active block is highlighted, the others are greyed-out. In this menu you can also change some other settings. It disappears again as soon as you click on a block. In this menu here I can also chose HTML editing.
Editing the Copied Post
Here’s the top toolbar, which gives me the options to format some parts of the block
Here I have an activated block in the spotlight view. I can now edit – which I did. I see that I’m in the active block, because it isn’t greyed-out.
Now I edit my Introduction. That one is made with a layout grid block with a paragraph (text) block and an image block within that grid. Editing the link to Rochelle’s most recent challenge is the first thing I do. That hasn’t changed much. You select and edit.
Now I want to edit the link of the froggy. I click on the image and use the link icon in the top toolbar. I exchange the old link with the new one, done. When I click on the image, I get more options in the right hand toolbar. I can change the size there and some other settings. I can also change the size by grabbing the bar that appears either on the bottom or right hand side of the image, indicated by big blue dots.
Choosing a Block
I mentioned earlier that I put the text beside the image with a Layout grid block (which I find a neat feature). You find all the blocks when you click on the big plus and then select ‘browse all’. It’s confusing, but several interesting things can be found there. One of the nice things in this grid is that you can align grid, image and text separately. Here I could change the alignment of the grid.
When I activate the text part in the grid, I can change the alignment by clicking on the three lines in the top menu.
Clicking on the image gives me a new option in the top bar, here I can align the image within the grid.
Now I want to change the rest of my story. I click on the image and chose replace in the top bar, then select or upload my image.
Once that’s done, I can change the size by grabbing the bars (see the blue dots) or by changing the dimensions on the right side. I adapt the caption and it’s done.
Writing and Copying Text
An easy method to deal with text the way we’re used to is the Classic Block.
If you want to use the block features, you can do this: I select the blocks and paste my text out of word or another text editor in their place. The paragraph blocks are created automatically. If I want a large first letter, I can chose ‘drop cap’ in the right menu bar.
After I paste my new text, it’s not always perfect. As you can see the W wandered somewhere it shouldn’t go. I can of course edit it, but I can also use the undo button if something more confusing has happened. It’s in the upper menu bar.
Now I want to replace the larger text block with my new text. I copy the text out of my word processor file and select the old text in WordPress. This is tricky with the mouse but easy when you click on the blocks and press the shift key while you click. I then say ctrl-v and my new text is there.
Save, Preview and Publish
I frequently save my draft. Now I want to publish but first I want to preview the post. I recommend this especially when you have images because the block view looks nothing like the finished post, which is one of the things about this editor I don’t like. What ever became of Wysiwyg? I also would love to have a shortkey for the preview, but haven’t found one.
Before I publish, I click on ‘Post’, not ‘Block’ like before (right hand side). Now I can add tags, categories, make the post sticky etc. I keep away from the AMP, not sure what it’s doing. I tried it and it messed everything up. I usually turn that off.
Now I want to publish. That’s in the bar on the upper right where also the three dots, the preview, etc. are. Click on publish and the right hand side menu changes again.
Are you ready to publish? Here you can add your shares, in my case that would be twitter, and other things. Then, when you’re certain, you either publish or schedule by chosing a date when you select the ‘Publish immediately’ submenu. This is more or less self-explanatory.
That’s mostly it. What is very useful is also the ‘remove block’ choice under the three buttons in the top menu. When everything gets too confusing, I either use the undo button or remove the block.
If you have specific questions, either about the tutorial or other things with the blocks, I will try to clarify or answer (no guarantees). I hope this helps a bit.
If you have your own tips or tricks to add, please do so.
Questions from the comments:
- Dale asks where the word count is. It is right here, in the top menu under the little i.
2. And for people like Dawn who want tp present their beautiful images, there is the gallery option. That one was there before and still works pretty much the same in the basic version, as I understand it.
3. An addition to the top bar: These options are always on top:
Only the format option that appear above the block go to the top as described in topic 1 above. These:
I personally find them quite annoying so to me, the top is it.
The Classic Block
4. Dee just told us that there is a classic block. If that isn’t taken away, it may be a good option for those who don’t want to play with all the different blocks. I’ll do my next post with that one, I think and see how it reacts to edition. It’s somewhere in the block list, but can be accessed easily by typing /classic. I think it has some great options for formatting text without having to see every paragraph as block. What it doesn’t do (for me at least) is let me copy/paste an image with the text. The paragraph block lets me do that.