Create a WordPress blog – how does it work?
You want to create a new page for your WordPress blog and are looking for a simple guide? I present you here 2 options before, How to create a blog post on your website yourself. Either easily with the classic WordPress editor or with the newer Gutenberg Editor, which offers a little more options.
Create a post with the classic editor
1. Video Instructions
By loading the video, you accept YouTube’s privacy policy.
Learn more
load video
Always unblock YouTube
2. Written Instructions
2.1 Disable Gutenberg editor
First you have to disable the Gutenberg Editor that is installed by default.
Variant a) If, like me, you use the Divi Theme, you can do this directly in the Divi Theme options. That’s why you go under Divi – Theme Options – Builder – Advanced and set the tab to “Activate the classic editor‘ to ‘Activate’.
Variant b) If you use a different theme, install and activate it Plugin Classic Editor. Then the classic editor will appear in your posts instead of the Gutenberg editor.
2.2 Click on Posts – Create
2.3 Insert headline, text and images
In the first line you enter the headline, i.e. the title of the blog article. In the line below you better shorten the permalink, i.e. the URL of the article. And then you can start making yours in the big, white area insert text and images. You will find there the option to format the text, like make text bold, change text color, change font size, etc.
as long as you work on the article you just choose the “Save” button. Only click on “Publish” after completion, because then the article is immediately visible to all visitors on your website.
2.4 Set Categories
Once you’ve written the text, add it to a category. It’s best to think about it beforehand 3-5 categories that match your topic. You create blog articles for them. You can find the categories in the right bar. You can also create new categories there.
2.5 Insert Featured Image
Now add a featured image to your post. This appears in the Preview your blog post and on beginning of the post, as you see it here with me. I create my featured images using Canva. There I can insert the text over an image. If you want to keep it simple, you can just use an image (no text).
2.6 Yoast SEO – Customize Meta and Title
It’s best if you change that too Preview text for Google search around. This is the text that appears on Google when someone enters a search term, and underneath it is a blue headline and two black description lines. You can decide for yourself what should be in there.
If, like me, you use the SEO Yoast plugin, you will find the Yoast SEO tab further down the post page. Click on the button “Edit code snippet“. This opens the editing mode, now you can enter your own texts that should appear in the Google preview.
2.7 Publish Contribution
look at yours Post in Preview on again. To do this, click on the “Preview” button. Make final corrections by going back to the post and editing it. When the article is ready to go online, click on the button “Publish“. Your new post will appear on the Blog page.
However, in order for the post to appear on the Blog page, you must have a empty page have created, which bears the title “Blog”.
You must also assign the blog page to the post page under “Settings – Reading”, as shown in the following image:
Get your website checklist
The checklist contains 16 important steps, as well as tool and provider recommendations. The roadmap for your web project.
Subscribe to my newsletter for website tips for beginners, including a checklist, straight to your email inbox.
You can unsubscribe from the newsletter at any time. Information on data protection can be found here.
Create a post with the WordPress Gutenberg Editor
1. Video Instructions
By loading the video, you accept YouTube’s privacy policy.
Learn more
load video
Always unblock YouTube
2. Written Instructions
2.1 Enable Gutenberg Editor
If you do a fresh WordPress installation, the Gutenberg editor is automatically active. However, if you have deactivated it in the classic editor as described in point 2.1 of the instructions above, you must undo this again. If you haven’t deactivated it yet, then the Gutenberg editor is active for you anyway and you can start creating right away.
2.2 Click on Posts – Create
2.3 Enter title and use standard editor.
In the first line you enter the headlinei.e. the title of the blog article.
Then you click Use standard editor. (Always write blog posts with the editor and never with a page builder such as Divi to avoid later problems caused by a theme change.)
In the Gutenberg editor you work with blocks. You can see that in two places here PLUS icon. If you click on it, you can add new block.
Select the block you want to insert, such as Classic Body Paragraph, Image, Headline, Button,…
This is how you gradually add the individual elements to the page. Advantage: here you can also insert buttons with one click. You can deposit areas with background color. Adjust distances better. And some more.
Tip: As long as you are working on the article, just select the “Save” button. Only click on “Publish” after completion, because then the article is immediately visible to all visitors on your website.
2.4 Set Categories
Once you’ve written the text, add it to a category. It’s best to think about it beforehand 3-5 categories that match your topic. You create blog articles for them. You can find the categories in the right bar. You can also create new categories there.
2.5 Insert featured image and customize permalink
Now add a featured image to your post. you click “Document” and below you will find the headings featured image and permalink.
That featured image will later appear in the preview of your blog post and at the top of the post, just like you see it here with me. I create my featured images using Canva. There I can insert the text over an image. If you want to keep it simple, you can just use an image (no text).
The permalink you can still shorten as long as your contribution has not yet been published.
2.6 Yoast SEO – Customize Meta and Title
It’s best if you change that too Preview text for Google search around. This is the text that appears on Google when someone enters a search term, and below that is a blue headline and two black description lines. You can decide for yourself what should be in it.
If, like me, you use the SEO Yoast plugin, you will find the tab further down the post page YoastSEO. Click on the button “Edit code snippet“. This opens the editing mode, now you can enter your own texts that should appear in the Google preview.
2.7 Publish Contribution
look at yours Post in Preview on again. To do this, click on the “Preview” button. Make final corrections by going back to the post and editing it. When the post is ready to go live, click Finally, click the “Publish” button. so your new post will appear on the “Blog” page.
However, in order for the post to appear on the Blog page, you must have a empty page created the title “blog” carries.
Also, you need to go to the Blog page under “Settings – Reading” the Assign post pageas the following picture shows:
Comparison Gutenberg Editor and Classic Editor
The Gutenberg Editor offers more options for non-programmers. Because here you can insert buttons with one click, insert background colors behind text blocks, set spacers with an exact number of pixels, etc. But since you always have to insert a new block, the creation takes a little longer in my opinion.
The classic editor offers the functions that are also known from Word. You cannot insert buttons or spacers with pixels or color elements here. Sometimes you might like the spacing to be a little bigger or smaller and you can’t really edit this so perfectly unless you use CSS code. However, if you get by with the functions mentioned, you can also create the blog post with the classic editor and save yourself having to insert the blocks.
