Are you looking to add knowledgebase to your website? We are ready to show you how to build a Wiki site with WordPress. There are three known ways to do that.<\/p>\r\n
The easiest way to use Wiki on your site is to use WordPress knowledge base theme.<\/p>\r\n
Please, note that is has to be installed to some subdirectory on your server. The main disadvantage of this method is that you cannot use it in case you have working site already.<\/p>\r\n
Many websites have their knowledgebases on subdomains. That is normal practice.<\/p>\r\n
If your theme doesn’t contain Wiki knowledgebase by default you can easily insert it using a WordPress wiki knowledgebase plugin. You can find several plugins available on WordPress official website<\/a>. We recommend using Knowledge Base by PressApps<\/a> one.<\/p>\r\n All that is required is plugin installation. Do that as usually under the Plugins<\/strong> > Installed Plugins<\/strong> > Add New<\/strong> section in your admin panel.<\/p>\r\n Once it’s installed your have Knowledge<\/strong> page in your WordPress backend. This area is a set of custom posts that allows you to organize your own knowledgebase.<\/p>\r\n\r\n Another way to add Wiki knowledgebase to website is to create dedicated website using the code method.<\/p>\r\n This method is more flexible. But remember it requires some code knowledge. Here are step by step instructions:<\/p>\r\n Navigate to Plugins<\/strong> > Add New<\/strong> page in your WordPress backend. Enter Knowledge Base CPT<\/em> to the search field. Activate theme after upload.<\/p>\r\n\t<\/li>\r\n\t After plugin activation you will have custom post type called knowlage_base<\/em> and it is called a taxomony<\/em> in your admin panel.<\/p>\r\n\t<\/li>\r\n\t You can easily add and organize articles in your admin panel under the Knowledge Base<\/strong> tab.<\/p>\r\n\t\t<\/li>\r\n\t \r\n\t\t\tOnce you have several articles ready you will need to organize your knowledgebase page.\r\n\t\t<\/p>\r\n\t<\/li>\r\n\t To start doing that insert following snippet code in to the functions.php<\/strong> file:<\/p>\r\n\t\t This code lists all the articles under the section they are added into.<\/p>\r\n<\/li>\r\n Next step is page creation. That is usual procedure. Do that under Pages<\/strong> > Add New<\/strong> page in your backend.<\/p>\r\n<\/li>\r\n Use the following shortcode to insert your knowledgebase posts to page [knowledgebase]<\/strong><\/p>\r\n<\/li>\r\n Save the page and check your site.<\/p>\r\n<\/li>\r\n You will see that page has no style. It can be easily managed in CSS code. Paste following rule to Additional CSS<\/strong> field under Appearance<\/strong> > Customizer<\/strong> page in your backend:<\/p>\r\n\t Please, note! CSS code may differ for the theme you use. Each theme has specific CSS classes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n We hope this article was helpful. If more help is required you can check our tutorials.<\/p>\r\nCode Snippet Method of inserting Wiki knowledgebase on WordPress website<\/h3>\r\n
\r\n\t
function my_knowledgebase() {\r\n\t\t\t\/\/ Get Knowledge Base Sections\r\n\t\t\t$kb_sections = get_terms('section','orderby=name&hide_empty=0');\r\n\t\t\t\/\/ For each knowledge base section\r\n\t\t\tforeach ($kb_sections as $section) :\r\n\t\t\t$return .= '<div class="kb_section">';\r\n\t\t\t\/\/ Display Section Name\r\n\t\t\t$return .= '<h4 class="kb-section-name"><a href="'. get_term_link( $section ) .'" title="'. $section->name .'" >'. $section->name .'<\/a><\/h4><ul class="kb-articles-list">';\r\n\t\t\t\r\n\t\t\t\/\/ Fetch posts in the section\r\n\t\t\t$kb_args = array(\r\n\t\t\t'post_type' => 'knowledge_base',\r\n\t\t\t'posts_per_page'=>-1,\r\n\t\t\t'tax_query' => array(\r\n array(\r\n\t\t\t'taxonomy' => 'section',\r\n\t\t\t'terms' => $section,\r\n ) ,\r\n\t\t\t),\r\n\t\t\t);\r\n\t\t\t\r\n\t\t\t$the_query = new WP_Query( $kb_args );\r\n\t\t\tif ( $the_query->have_posts() ) : \r\n while ( $the_query->have_posts() ) : $the_query->the_post(); \r\n\t\t\t$return .= '<li class="kb-article-name">';\r\n\t\t$return .= '<a href="'. get_permalink( $the_post->ID ) .'" rel="bookmark" title="'. get_the_title( $the_post->ID ) .'">'. get_the_title( $the_post->ID ) .'<\/a>';\r\n\t\t$return .= '<\/li>';\r\n\t\tendwhile; \r\n\t\twp_reset_postdata(); \r\n\t\telse : \r\n\t\t$return .= '<p>No Articles Found<\/p>';\r\n endif; \r\n\t\t$return .= '<\/ul><\/div>';\r\n\t\tendforeach;\r\n\t\treturn $return;\r\n\t\t}\r\n\t\t\/\/ Create shortcode \r\n\t\tadd_shortcode('knowledgebase', 'my_knowledgebase');<\/pre>\r\n\t.kb_section {\r\n\tfloat: left;\r\n\twidth: 280px;\r\n\tmax-width: 280px;\r\n\tmargin: 10px;\r\n\tbackground-color: #f5f5f5;\r\n\tborder: 1px solid #eee;\r\n}\r\nh4.kb-section-name {\r\n\tbackground-color: #eee;\r\n\tmargin: 0;\r\n\tpadding: 5px;\r\n}\r\nul.kb-section-list {\r\n\tlist-style-type: none;\r\n\tlist-style: none;\r\n\tdisplay: inline;\r\n} \r\nli.kb-section-name {\r\n\tlist-style-type: none;\r\n\tdisplay: inline;\r\n}\r\nul.kb-article-list {\r\n\tlist-style-type: none;\r\n\tlist-style: none;\r\n} \r\nli.kb-article-name {\r\n\tlist-style-type: none;\r\n}\r\ndiv.kb_section:nth-of-type(3n+1) {clear:left;}<\/pre>\r\n\t