Setting up blog categories

Setting up blog categories in Showit (through WordPress) is a great way to organize your posts and make your site more user-friendly. In this post I’ll guide you step by step through creating categories in WordPress and connecting them to category pages in Showit

Your Designroina template includes one blog category page that you can duplicate for as many cateogries as you want to create.

1. Creating New Blog Categories in WordPress

First, we need to create the actual blog categories in WordPress. Here’s how:

1. Go to your WordPress dashboard.
2. Click on Categories under the Posts section.
3. In the Name field, write the title for your new category.
4. Click the Add New Category button.
5. You will see your new category appear in the table on the right side.
6. Each category is automatically assigned a slug. This slug is essential for the next steps, so keep it handy.

2. Create Some Posts and Tag Them with Categories

Now that you’ve created categories, it’s time to tag your blog posts.

1. Go to Posts in WordPress.
2. Create a new post, add the content, or edit an existing one.
3. In the Categories section on the right side, check the box next to the relevant category.
4. Publish the blog post.

3. Setting Up Category Pages in Showit

Now let’s go back to Showit to make sure each category has its own page that displays only posts from that category.

1. Open Showit and go to the category page in your template.
2. Select the entire page by clicking the page name in the left sidebar.
3. In the right-side panel, open the Template Info section.
4. In the field labeled Custom Template Name, type:category-[your-category-slug]
5. Go back to WordPress and copy the slug of the category you want to assign to this page. Paste it after “category-” in Showit.

• Example: If your category slug is mindfulness, it should look be: category-mindfulness.

6. On the page itself, manually update the category name in the text section to reflect the category you’re setting up.

With this you’ve told Showit that this page should only show posts from that specific category. Now you can duplicate that page and repeat the process for all the other categories you have.

After connecting each category page in Showit to the correct WordPress category slug, you can customize the design of the category pages in Showit – like the hero section, page title, intro text, background color, image, etc.

4. Final Touches

• Ensure that the page name in the Site Tab matches the category name for easy navigation.
• Double-check that all slugs are correct and match the categories created in WordPress.
• Preview the site to make sure each category page displays the correct blog posts.

5. Linking Category Pages in Menus

After publishing your category pages, link them in your category menu to ensure visitors can easily navigate between them.

1. Go to the Site Tab in Showit.
2. Select the Blog Home Page or any page with a category menu.
3. Click on the Category Menu in the design canvas.
4. In the right-side panel, open the Click Actions section.
5. Copy the URL for each published category page.
6. Assign each category page URL to the relevant button in the menu by pasting the link under the URL Click Action.