How to use this template to make a new post
(Follow the instructions below and then delete this section when you’re done. Make sure you do items 1 – 7, and the rest are just some notes which you could delete later)
Don’t click the purple button above that says ‘Use the Divi Builder’ – just use the regular default editor.
Go to your dashboard > posts, find this template post, hover over it and click on duplicate (otherwise you will end up saving over this template). Give it a new title and slug (the url), and then click update. (or you could just make a new post and refer to this page) https://elanperformance.com/blog-post-template/
2. Open up the new draft you just saved.
3. Use ‘save draft’ on the top right to save the post until it is ready to publish.
4. In the right panel, add any relevant categories. Anything that has a ‘blog’ category, or any of the other blog subject categories, will make it show with the blog template. I have set a blog category on this template. If you look at the page on the front end and the big header isn’t there, it is likely because it doesn’t have a category. The post will also show the categories sidebar on the right hand side automatically (we could remove this if you prefer).
5. On the right, under the ‘Post’ tab, change the URL slug to something that fits the title (short)
6. In the right panel under ‘Post’, go to ‘Featured Image’ and add an image. This image will appear in a big title section with the title over top. If there is no feature image, it will just show as a gradient background with text on top. It is best to use a wide image here, as it will fill the screen and if it is a tall image it will crop it down. (If you want to use a tall image, use it in the post instead and not as the feature image.) If you don’t have a feature image, google will use the first image you put into the post as it’s feature image.
7. Add in the rest of your post using text blocks, images and paragraph blocks (just click on the little plus sign that says ‘add block’ to insert new things.) The plus button shows when you click on an item and then hover over it.
8. SEO: Scroll down to the bottom of the page under ‘Yoast’ – this is where you can add custom text that google search engines will read, and it shows you the google preview. Under the ‘social’ tab, you can also select the image, title and description that will show up in Facebook or other social media when you add a link to a page there (usually it would show the feature image, but you might want it to show something else). Then go to the ‘advanced’ tab and set it to ‘yes’ under “Allow search engines to show this Post in search results?” (I’ve turned the indexing off, otherwise this template will show up in your search results as well).
9. When you’re done, use the blue ‘Publish’ button to publish the post. You will see the in the right panel under ‘Permalink > View post’.
If you click on a block, you will see these little icons come up above it (see screenshot at left) These are ‘contextual’ and will change depending on what kind of block it is, and allow you to drag it somewhere else, move it up or down, align it left, right, or centred, resize, crop, add a link, etc. At the bottom you can add a caption to the image. In the right panel under ‘Block’, you may also see additional settings for blocks. For example, if it’s a paragraph or header block you’ll see options for sizing in that panel.
You can drag the little blue circles to resize an image.
If you align an image left, any text you add will appear on the right, and vice versa with a right-aligned image. If you use the centred image, any further text will appear underneath.
If you are looking for a specific type of block, try using ‘Browse all’, which will show you all of the types of blocks that are available. This screenshot shows many of the different ones you can use.
The ones you will use most will likely be paragraph, heading, image, and spacer.
If you are struggling with how to use something, YouTube usually has a quick answer.
To delete something, just click on it and press the delete button.
The spacer block can be handy, you can just drag the blue circle to make it taller or shorter.