Manual
会話ボックス管理システム マニュアル
「会話ボックス管理システム」は、相談者と専門家のやり取り、よくある質問、サービス説明などを、
会話形式の吹き出しで分かりやすく表示できるWordPressプラグインです。
このプラグインでできること
会話形式で表示
相談者と回答者のやり取りを、左右の吹き出しで見やすく表示できます。
ショートコード対応
作成した会話ボックスは、固定ページや投稿にショートコードを貼るだけで表示できます。
顔写真を設定可能
話者ごとに顔写真を設定できます。画像未設定の場合は、名前の頭文字アイコンが表示されます。
デザイン変更
背景色、吹き出し色、文字色、アイコン色などを管理画面から変更できます。
基本的な使い方
管理画面から「会話ボックス」を開く
WordPress管理画面の左メニューにある「会話ボックス」をクリックします。
新しく作成する場合は「会話ボックスを追加」をクリックしてください。
タイトルを入力する
管理しやすいタイトルを入力します。
例：「相続相談の会話」「料金説明の会話」「サービス紹介の会話」など。
会話内容を入力する
名前、肩書き・役割、表示位置、顔写真、本文を入力します。
相談者は左、回答者は右にすると、自然な会話形式になります。
必要に応じて会話を追加する
「会話を追加」ボタンを押すと、会話ブロックを増やせます。
複数のやり取りを登録して、読みやすい会話コンテンツを作成できます。
公開または更新する
入力が終わったら、右上の「公開」または「更新」ボタンをクリックして保存します。
ショートコードの使い方
会話ボックスを保存すると、編集画面や一覧画面にショートコードが表示されます。
そのショートコードを固定ページや投稿に貼り付けることで、公開側に会話ボックスを表示できます。
上記の 123 の部分は、作成した会話ボックスごとに異なります。
実際には管理画面に表示されているショートコードをコピーして使用してください。
入力項目の説明
| 名前 | 話している人の名前を入力します。例：佐藤、鈴木、小坂 など。 |
|---|---|
| 肩書き・役割 | 相談者、行政書士、先生、担当者など、話者の役割を入力します。 |
| 表示位置 | 左または右を選択します。相談者を左、回答者を右にすると見やすくなります。 |
| 顔写真 | 話者の画像を設定できます。画像未設定の場合は、名前の頭文字アイコンが表示されます。 |
| 本文 | 吹き出しに表示する文章を入力します。HTMLも使用できます。 |
会話の並び替え
会話ブロックの右上にある「上へ」「下へ」ボタンを使うと、会話の順番を変更できます。
並び替えた後は、必ず右上の「更新」ボタンを押してください。
会話の流れを後から変更したい場合でも、本文をコピーし直す必要はありません。
「上へ」「下へ」で順番を入れ替えるだけで調整できます。
デザイン設定について
会話ボックスには、あらかじめ用意されたデザインタイプがあります。
さらに、背景色・吹き出し色・文字色・アイコン色などを自由に変更できます。
デザインタイプ
シンプル、やさしい水色、信頼感グリーン、高級感ネイビーから選択できます。
色設定
全体背景色、吹き出し背景色、枠線色、本文文字色、名前文字色などを変更できます。
デフォルト色に戻す
色を変更しすぎた場合でも、「デフォルト色に戻す」ボタンで標準色に戻せます。
更新を忘れずに
デザインや色を変更した後は、右上の「更新」ボタンを押して保存してください。
HTMLの使用について
本文欄ではHTMLを使用できます。文章の一部を太字にしたり、改行を入れたり、マーカー風の装飾を加えることができます。
<span class="marker">強調したい部分</span>
HTMLを使いすぎると表示が崩れる場合があります。
基本的には、太字・改行・簡単な強調程度にしておくと安全です。
おすすめの使い方
相続相談ページ
相談者の不安と専門家の回答を会話形式で表示できます。
整体院・治療院ページ
初めて来院する方の不安や施術の流れを分かりやすく伝えられます。
学習塾ページ
保護者からの質問と塾側の回答を会話形式で掲載できます。
サービス紹介ページ
通常の説明文よりも、読みやすく親しみやすいコンテンツを作れます。
よくある質問
顔写真を設定しないと表示されませんか？
いいえ。顔写真を設定しない場合は、名前の頭文字を使った丸アイコンが自動で表示されます。
複数の会話ボックスを作れますか？
はい。用途ごとに複数の会話ボックスを作成できます。それぞれ別のショートコードで表示できます。
色を変更したのに公開ページに反映されません。
右上の「更新」ボタンを押して保存してください。また、ブラウザやキャッシュプラグインの影響で反映が遅れる場合があります。
会話の順番を変更できますか？
はい。「上へ」「下へ」ボタンで会話の順番を変更できます。変更後は「更新」を押してください。
会話形式で、読みやすいページを作りましょう
会話ボックスを使うことで、難しい説明や長い文章も読みやすく整理できます。
相談・質問・サービス説明・FAQなど、さまざまなページでご活用ください。