Next, paste your content into the Gutenburg editor underneath your title, as shown in below screenshot.
At this point, we want to embed the featured image that we entered earlier into the top half or middle of the blog post. To do this, hit enter at the end of a sentence block so that it brings up a new area to add a block. Hit the “/” key and then start typing “fea” — this will bring up the option to add the “Post Featured Image”. Click this. The image should then appear in that spot.
This is what it will look like!
Next click the blue publish button on top right and you’re all set.
As shown below — on the front end, the blog post will have a pre-built CTA that automatically appears on the top of every post. At the bottom of every post, there will also be a grid feed of 3 random posts that is automatically there as well.
Important notes regarding categorizing posts:
On the blog main page, the first 3 posts above the pink CTA area are category “featured”. Only choose 3 of these at a time – and only use that 1 featured category – do not choose multiple categories for these at first. The posts underneath the pink CTA box are the most recent posts, but NOT in the featured category. When a post is ready to be moved out of the Featured area, just remove the featured category and choose another category for it so that it will appear in the feed with the regular posts.
** VERY IMPORTANT **
Currently, there are only 2 categories, “News” and “Featured”. If you want to add more, that is fine, but you must do another step in order for them to show up on the main blog page feed. Instructions for that are below:
Got to the main blog feed page and enable the visual builder from the front end. Scroll down to the module below the pink CTA box and click the grey gear to open the module settings.
This brings up the blog module settings for that grid feed. In here, find your new categories and make sure they are checked green. This will now make them display in the feed along with the other posts. *DO NOT select featured, all categories, or current category.*
Click save, close the visual builder, and you’re done!