Creating a wiki knowledge base page

Hi there,

how many pages will this “wiki” have ? And will be you adding more content to it over time, as that would determine whether you could build it statically with blocks or whether a dynamic solution is required.

The way i see this is:

Left Sidebar -> Page Navigation with sub pages
Content
Right Sidebar -> Table of Content Plugin

Let me know

OK, so the left sidebar would be a list of post Category Terms, and nested within a list of the posts right ?

OK, so it would require custom development, so there is a limit on what i can provide.
But i do have a PHP Snippet to create the navigation.

1. Add the PHP Snippet provided in this GIST to your site:

https://gist.github.com/diggeddy/58745c3f764cd58716a1c0e153e6626c

This will create a shortcode: [category_posts]

2. Then in your Customizer > Widgets > Left Sidebar add:

i) a shortcode block and add your [category_posts] to it.

This will display a list of All Categories in a HTML Detail element that can be toggled open. Within is the related posts. And the current post has a current-post class which we can use to keep the detail open and to style the current link.

ii) after the shortcode add a HTML Block and add this script:

<script>
window.addEventListener('DOMContentLoaded', function() {
  var listItems = document.querySelectorAll('.current-post');

  listItems.forEach(function(listItem) {
    var detailElement = listItem.closest('details');
    if (detailElement) {
      detailElement.open = true; // Open the detail element
    }
  });
});
</script>

This JS will open the relevant detail tab when you click on a post link.

That should do for your left sidebar

Let me know.

The Right Sidebar use the Easy ToC plugin ( or alternative ) to display a table of contents for your post.

You’re welcome