Categories/Tags Page

Description

• adding blog categories/tags page, page will show all tags/categories and number of posts
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. First, find Blog Page URL

In my example, we will have: /demo-blog-1

#1.2. Edit Page where you want to add Categories/Tags > Add a Code Block with this code

<div class="category-tag-page" data-url="/demo-blog-01"></div>

#1.3. Hover on Categories/Tags Page > Click Gear icon

#1.4. Click Advanced > Paste this code

<!-- 09.26c16v1 Categories/Tags Page -->
<script>
window.CatTagPageConfig = {
  containerSelector: '.category-tag-page',
  showCategories: true,
  showTags: true,
  categoriesTitle: 'Categories',
  tagsTitle: 'Tags',
  itemLabelSingular: 'item',
  itemLabelPlural: 'items',
  sectionTitleTag: 'h2',
  letterTag: 'h3'
};
</script>
<script src="https://code.beaverhero.com/blogpage/0926c16v1categoriestagspage.js"></script>

#2. Customize

#2.1. To change category, title text, change line 07, 08

categoriesTitle: 'Categories',
tagsTitle: 'Tags',