WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

  • 13664
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

WordPressで「よくある質問」などのFAQ機能を実装してしまおう!というプラグイン WP DS FAQ のご紹介です。

静的なFAQのコンテンツを自作してしまった方が早い?かもしれませんが、企業サイトをWordPress で構築する際に、クライアントにて「よくある質問項目を頻繁に追加、編集したい!」とい運用が必要な場合にこのプラグインは便利です。

設置もカスタマイズも簡単でしたので、ざっくりとですが紹介します。

WP DS FAQ のインストール

WordPress管理画面のプラグインページより WP DS FAQ で検索すればヒットしますので、そのままインストールしてプラグインを有効にします。


WP DS FAQ の基本設定

まずはFAQ の質問、回答を登録することから始めます。
WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

個々の設定項目は以下のような感じです。
You can create a new FAQ book:FAQの名称。
ここで設定したFAQ名が、フロントではよくある質問のタイトルとして表示されます。
「よくある質問」「FAQ」などと記載すれば大丈夫でしょう。
Options for this FAQ:実際の質問文と回答文を登録していきます。
回答文では<a href=””>などのタグが使用できます。


続いてCSS など表示面での設定・カスタマイズを行います。
WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

個々の設定項目は以下のような感じです。
Settings:「You can create a new FAQ book:」のタイトル名を
<h3> でマークアップするかどうかを設定します。
ここはブログやサイトに応じて適切な設定をすれば問題ありません。
Show a link to the plugin
in the end of the page.:
デフォルトではチェックが入っています。
フロントで確認すると、FAQコンテンツの下に Copyright
などの表記が入り込んでいます。これを表示させたくない場合は
チェックを外します。
※CSS に関しては、私も色々触ってみましたが何故か上手いこと動いてくれなかったので…
プラグインのバージョンアップなどの問題もあり、あまり良くない方法なのかもしれないですが、外部CSSで処理することにしました。



固定ページや投稿記事にタグを入れる

管理画面の設定は以上なので、あとはサイトやブログ内で表示させたいページに
[dsfaq id=1]
を挿入します。

このタグは WP DS FAQ Settings: ページの上部に表示されているタグ名になります。
WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

実際に管理画面の投稿ページではこのような感じで入力します。
WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

フロントでの反映具合を確認する

管理画面の設定は以上なので、あとはフロントでの見え方を確認してみます。

当ブログの場合はCSS でゴニョゴニョしてるので、デフォルト設定の見え方とは幾分異なります。
WordPressで「よくある質問」などのFAQ機能を実現するプラグイン「WP DS FAQ」

wp-content/plugins/wp-ds-faq/wp-ds-faq.php
のプラグインファイルをカスタマイズすれば、「回答文の折りたたみ」などのカスタマイズが実現できそうなのですが、それはまたの機会に…。

それでも、基本的な機能だけでかなり使えるプラグインかな♪という感触なので、FAQ の更新頻度にもよりますが、今度は実践で使用してみよと思います。

  • 13664
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

この投稿と関連する記事一覧

この記事に関するコメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください