Hoe maak je een Wiki Knowledge Base met behulp van WordPress

5 min


117

Wilt u een ondersteunings- / documentatiesectie toevoegen aan uw site? Wilt u weten wat de beste manier is om een ​​wiki-kennisbank aan uw WordPress-site toe te voegen? In dit artikel laten we u zien hoe u een wiki-kennisbank kunt maken in WordPress.

Zakelijk leren en ondersteuning

Er zijn drie verschillende manieren waarop u een wikisite binnen WordPress kunt bouwen:

  • U kunt een speciaal Wiki-thema voor WordPress gebruiken om uw kennisbasis op te bouwen.
  • U kunt een speciale Wiki-plug-in voor WordPress gebruiken om uw kennisbasis te bouwen.
  • U kunt enkele aangepaste codefragmenten gebruiken om uw kennisbank te bouwen.

Nu zijn er voor elke methode voor- en nadelen. Maar maak je geen zorgen, we zullen elk van hen uitleggen, zodat je de juiste keuze kunt maken.

Als je de video niet leuk vindt of meer instructies nodig hebt, ga dan door met lezen.

WordPress Wiki & Knowledge Base-themamethode

KnowHow - WordPress Knowledge Base-thema

Een van de gemakkelijkste manieren om een ​​wiki te bouwen, is door een WordPress wiki knowledge base-thema te gebruiken. Er zijn er heel veel beschikbaar, maar we adviseren het KnowHow-thema .

De beste manier om te installeren is om WordPress te installeren op een subdomein of directory zoals support.yoursite.com of yoursite.com/knowledgebase/

Als je klaar bent, hoef je alleen maar het KnowHow-thema te installeren en te activeren en het zal uit de doos werken.

Knowhow-voorbeeld

Het grootste nadeel van het gebruik van een WordPress Wiki & Knowledge Base-thema is dat je ze niet kunt gebruiken op je hoofdsite. Je moet de setup op een subdomein of directory doen, omdat deze thema’s niet echt overeenkomen met je branding en je zeker niet wilt dat je homepage een wiki is.

Veel sites hebben hun kennisbasis echter op een subdomein, dus dit is niet zo erg als het klinkt. De beslissing komt echt neer op jouw voorkeur.

WordPress Wiki & Knowledge Base Plugin-methode

Knowledge Base-plugin

Als je een wiki-knowledge base wilt toevoegen aan je bestaande WordPress-site, dan is de eenvoudigste manier om dit te doen, door een WordPress-kennisdatabase-plugin te gebruiken. Er zijn verschillende plug-ins beschikbaar, maar we raden Knowledge Base van PressApps aan (Live Demo beschikbaar).

Het enige wat u hoeft te doen is de plug-in installeren en activeren. Nadat het is geactiveerd, wordt een Knowledge Base-tab toegevoegd aan uw WordPress-beheergebied.

Knowledge Base-beheerder

Knowledge Base is zijn eigen aangepaste berichttype met categorieën en tags waarmee u uw documentatie kunt organiseren.

Het beste deel hiervan is dat je het op je hoofdsite kunt toevoegen, en het zal grotendeels overeenkomen met je merkstijl / opmaak. Het komt ook met publiek / lid alleen stemsysteem, aangepaste widgets, drag-drop-functionaliteit, etc. Het nadeel is dat het $ 20 kost.

In onze volgende methode laten we je zien hoe je dit allemaal gratis kunt bereiken, maar het heeft te maken met code.

WordPress Wiki & Knowledge Base Code Snippet-methode

Een andere manier om een ​​wiki-kennisbasis aan uw bestaande WordPress-site toe te voegen of zelfs een speciale wikisite te maken, is door gebruik te maken van de codefragment-methode.

Het nadeel is dat je een klein beetje code moet kopiëren en plakken, wat eng kan zijn voor beginners. Het voordeel is dat het je meer vrijheid geeft, en het is volledig gratis in tegenstelling tot de eerste twee opties.

We zullen ons best doen om stap voor stap instructies te geven.

Opmerking: Maak voordat u begint een complete back-up van uw WordPress-site .

Het eerste wat u hoeft te doen is de Knowledgebase CPT- plug-in installeren en activeren . Deze eenvoudige plugin zorgt voor een aangepaste functie soort heet knowledge_baseen een taxonomie genoemd section.

Hiermee kunt u eenvoudig uw wiki-artikelen toevoegen en deze indelen in secties.

Kennisdatabankartikelen en -secties toevoegen

Zodra u een paar artikelen en secties heeft, moet u deze op uw website weergeven. Dit is waar je een beetje code moet behandelen.

Begin door dit codefragment toe te voegen aan het function.php-bestand vanuw thema of een site-specifieke plug-in .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function wpb_knowledgebase() {
    // Get Knowledge Base Sections
    $kb_sections = get_terms('section','orderby=name&hide_empty=0');
    // For each knowledge base section
    foreach ($kb_sections as $section) :
    $return .= '<div class="kb_section">';
    // Display Section Name
    $return .= '<h4 class="kb-section-name"><a href="'. get_term_link( $section ) .'" title="'. $section->name .'" >'. $section->name .'</a></h4><ul class="kb-articles-list">';
    
    // Fetch posts in the section
    $kb_args = array(
        'post_type' => 'knowledge_base',
        'posts_per_page'=>-1,
        'tax_query' => array(
            array(
                'taxonomy' => 'section',
                'terms'    => $section,
            )       ,
        ),
    );
    
    $the_query = new WP_Query( $kb_args );
        if ( $the_query->have_posts() ) :
            while ( $the_query->have_posts() ) : $the_query->the_post();
                $return .=  '<li class="kb-article-name">';
                $return .=  '<a href="'. get_permalink( $the_post->ID ) .'" rel="bookmark" title="'. get_the_title( $the_post->ID ) .'">'. get_the_title( $the_post->ID ) .'</a>';
                $return .=  '</li>';
            endwhile;
    wp_reset_postdata();
         else :
                $return .= '<p>No Articles Found</p>';
        endif;
    $return .=  '</ul></div>';
    endforeach;
    return $return;
}
// Create shortcode
add_shortcode('knowledgebase', 'wpb_knowledgebase');

Deze code geeft een overzicht van alle kennisbankartikelen onder de sectie waarin ze zijn opgeslagen.

Het enige wat u hoeft te doen is een nieuwe WordPress-pagina maken en [knowledgebase]shortcode erin toevoegen . Sla je pagina op en bekijk er een voorvertoning van.

Gewoon kennisbankgedeelte zonder CSS

Het ziet er nu heel duidelijk uit, maar we kunnen er wat styling aan toevoegen. U kunt deze CSS gebruiken als beginpunt en vervolgens doorgaan met bewerken zodat deze overeenkomt met uw eigen kleuren.

Plak de volgende code in het style.css-bestand van uw thema.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
.kb_section {
float: left;
width: 280px;
max-width: 280px;
margin: 10px;
background-color: #f5f5f5;
border: 1px solid #eee;
}
h4.kb-section-name {
background-color: #eee;
margin: 0;
padding: 5px;
}
ul.kb-section-list {
list-style-type: none;
list-style: none;
display: inline;
}  
li.kb-section-name {
list-style-type: none;
display: inline;
}
ul.kb-article-list {
list-style-type: none;
list-style: none;
}  
li.kb-article-name {
list-style-type: none;
}
div.kb_section:nth-of-type(3n+1) {clear:left;}
div.kb_section:nth-of-type(3n+3) {}

Zo zag het eruit op onze demosite, waar we het Twenty Twelve-thema gebruiken.

Gestileerde knowledge base-pagina in WordPress

Standaard worden uw secties in alfabetische volgorde weergegeven. Als u echter de volgorde van secties wilt wijzigen, kunt u dat doen door de NE-plug-in Custom Taxonomy Order te installeren . Hiermee kunt u uw secties in de juiste volgorde slepen.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format