Setting Up the Blog For The Kyiv Theme
Last updated: 12 October 2023
In this tutorial, we will focus on the creation of the blog section on the home page, as well as setting up the blog (/blog
) in general.
You can find the finished site on the theme's demo website: https://kyiv.magicpages.co/
The Blog Section
The blog section on the home page of the Kyiv theme will always show the latest three posts. If there are no posts at all, the entire section will be hidden.
The Blog Page (/blog
)
The routes file you uploaded during Basic Setup & Settings Of The Kyiv Theme is essential for well...routing the /blog
page correctly. However, the routing alone doesn't fill in all the content there yet. For that, we need two things:
- Create a tag
Blog
with the slugblog
. You can fill in a description and use a cover image. These will be used on the blog page. - Create a page with the title
Blog
and the slugblog
. Assign the tagblog
to it. This will populate the tag. Without the creation of the page, the tag would not return the description we want.
You should now be able to see a page when you open /blog
on your newly created site.
Creating Blog Posts
To create a blog post, navigate to the Posts section in your Ghost admin and create a new post. Enter a title and content. Additionally, you can also add a cover image, either by uploading one from your local computer or by using the Unsplash plugin.
Once you're done, publish your post and you should see an entirely new section on your home page – including your blog post.
Customising Your Blog Post
Sometimes you want certain blog posts to stand out a little more. For this occasion I have added a "post template", which you can select in the side bar of your blog post. You will find one called "Post Template Header Accent Colour" and one called "Page Template Header Accent Colour".
Selecting one of these templates will do exactly what the title says – the header of the post or page you're applying this to will then be in the accent colour you have selected earlier.
Obviously, if you're working on a page, please select the page template – on a post, use the one with "post" in its title.
The Author Profile
Every blog post you publish on your Ghost website has an author. Usually, this is you, unless you invite other staff members or authors to co-write on your blog.
To change your author profile, head over to the settings in your Ghost admin panel and select the staff section. You should find your user there – go ahead and open it up. Now you can change your profile picture, full name, website, Facebook profile, and Twitter account, as well as a short biography.
All of these will then be visible on the author page, that is also linked to your newly created blog post.
Tag Pages
Every post can have one or multiple tags. If you click on a tag, it will show all the posts tagged with that specific tag.
In order to change the information on this page, go to the "Tags" section in your admin panel and select a tag. You can then change the title and description of that tag, which will be reflected on the user-facing tag page as well.
Additionally, to customise the tag pages further, you can also select a colour, which will then replace the accent colour in the page header. This can be useful, in case you want to give certain tags special emphasis.
Got a question that's not answered here?
We're here to help and want to make sure you get the most out of Magic Pages. Get in touch with us and you'll get back to you as soon as we can.
Send us an email