Create breakdance blog templates

In this step-by-step tutorial, you will learn how to quickly create appealing breakdance blog templates. Whether for the post archive or for single posts themselves: With Breakdance you can design custom layouts.

Set up a blog

1. create a blog page

Go to "Pages" and create a page called Blog.

2. set posts page

Go to "Settings" in the WordPress dashboard to "Reading" and select under "Posts page" the blog page you have just created.

3. create demo posts

If you haven't created any blog posts yet, you can now create some demo posts each with a post image and a demo text so that you can see them as examples for all subsequent work steps and design adjustments on your blog page.

4. create breakdance blog templates

Go to "Breakdance" > "Templates" and select "Add Template" . Here you must have both a "Single Post" as well as a "Post Archive" create.

Design the post archive page

5. design the blog archive

We will start with the „Post Archive“. This will be the blog overview page of your website. Hover over „Post Archive“ and click on „Edit in Breakdance“.

6. post list element

Click on "Add" and search for the "Post List"-Element from Breakdance. You can now insert this element into your layout with one click.

7. style post archive template

A grid with all your posts should appear now. Here you have options to set the title, metadata and much more according to your wishes. Under the "Design" tab, you can customize the post list to your liking. When you are finished with your settings, simply click on "Save" and your posts archive is ready!

Design Single Post

8. design your single post layout

Hover your mouse over "Templates" and "Single Post" and click on "Edit in Breakdance".

9. single post styling

Click on "Add" and enter "post" in the search field. A list of elements relating to your blog posts will now appear. Here you can choose what you want to show in your blog post. Everything you select can of course be visually customized to your liking via the usual design tab on the left-hand side. You define these settings once here in this template and then have the same style for all blog posts.

• Post Title: This element shows the title you have set for your post.
• Post Featured Image: This element displays the image that you have set as the post image in your post.
• Post Meta: This element displays the metadata of the post, such as author, publication date and the number of comments. You can choose which metadata you want to display.
• Post Content: This element displays all the content you have created in your post.
• Adjacent Posts: This element helps you to navigate through all your posts. Here you will find the buttons for "Previous post" and "Next post". You can of course also design these buttons.

10. your result

Now you have set up and designed both your post archive and the template for your individual blog posts. Feel free to test it out and don't forget to link your blog via the menu or the content so that interested parties can access it.

Conclusion

That's it. That's how easy it is to create blog templates in WordPress with Breakdance. If you have any questions, just chat with someone from our team. We'll be happy to help you.