Vous cherchez à ajouter une section support/documentation à votre site ? Vous voulez connaître la meilleure façon d’ajouter une base de connaissances wiki à votre site WordPress ? Dans cet article, nous allons vous montrer comment créer une base de connaissances wiki dans WordPress.
Il existe trois manières différentes de créer un site wiki dans WordPress :
- Vous pouvez utiliser un thème wiki WordPress dédié pour créer votre base de connaissances.
- Vous pouvez utiliser un plugin wiki WordPress dédié pour créer votre base de connaissances.
- Vous pouvez utiliser des extraits de code personnalisés pour créer votre base de connaissances.
Maintenant, il y a des avantages et des inconvénients pour chaque méthode. Mais ne vous inquiétez pas, nous allons vous expliquer chacun d’eux, afin que vous puissiez faire le bon choix.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, continuez à lire.
Méthode de thème WordPress Wiki et base de connaissances
L’un des moyens les plus simples de créer un wiki consiste à utiliser un thème de base de connaissances wiki WordPress. Il y en a des tonnes disponibles, mais nous recommandons KnowHow Theme.
La meilleure façon de configurer est d’installer WordPress sur un sous-domaine ou un répertoire comme support.yoursite.com ou yoursite.com/knowledgebase/
Une fois cela fait, il vous suffit d’installer et d’activer le thème KnowHow et cela fonctionnera immédiatement.
Le plus gros inconvénient de l’utilisation de tout thème WordPress Wiki & Knowledge Base est que vous ne pouvez pas les utiliser sur votre site principal. Vous devez faire la configuration sur un sous-domaine ou un répertoire car ces thèmes ne correspondent pas vraiment à votre image de marque, et vous ne voulez certainement pas que votre page d’accueil soit un wiki.
Cependant, de nombreux sites ont leur base de connaissances sur un sous-domaine, ce n’est donc pas aussi grave qu’il y paraît. La décision dépend vraiment de votre préférence.
Méthode de plugin WordPress Wiki et base de connaissances
Si vous souhaitez ajouter une base de connaissances wiki à votre site WordPress existant, le moyen le plus simple de le faire est d’utiliser un plugin de base de connaissances wiki WordPress. Il existe plusieurs plugins disponibles, mais nous recommandons Knowledge Base by PressApps (Live Demo disponible).
Tout ce que vous avez à faire est d’installer et d’activer le plugin. Une fois activé, il ajoute un onglet Base de connaissances dans votre zone d’administration WordPress.
La base de connaissances est son propre type de publication personnalisé avec des catégories et des balises qui vous permettent d’organiser votre documentation.
La meilleure partie à ce sujet est que vous pouvez l’ajouter sur votre site principal, et il correspondra en grande partie au style / formatage de votre marque. Il est également livré avec un système de vote public / réservé aux membres, des widgets personnalisés, une fonctionnalité de glisser-déposer, etc. L’inconvénient est qu’il coûte 20 $.
Dans notre prochaine méthode, nous vous montrerons comment vous pouvez accomplir tout cela gratuitement, mais cela implique du code.
Méthode d’extrait de code du wiki et de la base de connaissances WordPress
Une autre façon d’ajouter une base de connaissances wiki à votre site WordPress existant ou même de créer un site wiki dédié consiste à utiliser la méthode de l’extrait de code.
L’inconvénient est qu’il faut copier/coller un peu de code ce qui peut faire peur aux débutants. L’avantage est que cela vous donne plus de liberté et que c’est totalement gratuit contrairement aux deux premières options.
Nous ferons de notre mieux pour donner des instructions étape par étape.
Noter: Avant de commencer, veuillez créer une sauvegarde complète de votre site WordPress.
La première chose à faire est d’installer et d’activer le Base de connaissances CPT brancher. Ce plugin simple crée un type de publication personnalisé appelé knowledge_base et une taxonomie appelée section.
Cela vous permet d’ajouter facilement vos articles wiki et de les organiser en sections.
Une fois que vous avez quelques articles et sections, vous devez les afficher sur votre site Web. C’est là que vous devez gérer un peu de code.
Commencez par ajouter cet extrait de code dans le fichier functions.php de votre thème ou dans un plugin spécifique au site.
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');
Ce code répertorie tous les articles de la base de connaissances dans la section dans laquelle ils ont été classés.
Ensuite, tout ce que vous avez à faire est de créer une nouvelle page WordPress et d’ajouter [knowledgebase] shortcode à l’intérieur. Enregistrez votre page et prévisualisez-la.
Cela a l’air très simple en ce moment, mais nous pouvons y ajouter un peu de style. Vous pouvez utiliser ce CSS comme point de départ, puis continuer à éditer pour faire correspondre vos propres couleurs.
Collez le code suivant dans le fichier style.css de votre thème.
.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) {}
Voici à quoi cela ressemblait sur notre site de démonstration où nous utilisons le thème Twenty Twelve.
Par défaut, vos sections seront affichées par ordre alphabétique. Cependant, si vous souhaitez modifier l’ordre des sections, vous pouvez le faire en installant Commande de taxonomie personnalisée NE brancher. Cela vous permettra de glisser-déposer vos sections dans le bon ordre.
C’est tout, nous espérons que cet article vous a aidé à ajouter une section de base de connaissances Wiki sur votre site WordPress. Vous pouvez également consulter notre tutoriel sur la façon d’ajouter une section FAQ dans WordPress.
