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 slug blog. 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 slug blog. Assign the tag blog 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

Built by Magic Pages customers

Magic Pages is proud to have helped so many amazing publications come to life. Here is a small selection of what our customers built on Magic Pages.

Screenshot of Ellie Mathieson's website

Ellie Mathieson

Digital Storefront
Screenshot of Big Idea Bible

Big Idea Bible

Personal Blog
Screenshot of Bento

Bento

Ghost Theme