WordPress（ワードプレス）の吹き出し機能を使いこなす！初心者でも簡単にできる設定方法

2024 11/05

WordPressでブログやサイトを運営する際、読者に情報をわかりやすく伝えるためには、内容を視覚的に工夫することが大切です。その一つが「吹き出し機能」です。

吹き出しを使うと、コメントや対話のような表現ができ、より親しみやすい印象を与えます。この記事では、吹き出し機能の基本的な設定方法や効果的な活用方法を解説します。

吹き出し機能とは？

吹き出し機能とは、テキストやイラストにアバターをつけた会話形式の表現方法です。一般的にLINEやTwitterなどのSNSでも見かけるスタイルで、読者にとって内容がより親しみやすく、軽やかな印象を与えます。

吹き出しを使うと、例えばFAQ形式のページで質問と回答をわかりやすく見せたり、製品レビューでユーザーの声を表現したりできます。ブログ記事でも、吹き出しで複数のキャラクターが会話しているように見せることで、内容にメリハリが生まれ、読者に深く印象付けることができます。

WordPressで吹き出しを設定する方法

ワードプレスで吹き出しを設定する方法を見ていきましょう。

プラグインを利用する

WordPressで吹き出しを利用する場合、専用のプラグインを使うのが簡単でおすすめです。ここでは、人気のある「LIQUID SPEECH BALLOON」プラグインを例にして、インストールから設定までの手順を説明します。

STEP

プラグインのインストール

WordPress管理画面から「プラグイン」＞「新規追加」をクリックします。
検索ボックスに「LIQUID SPEECH BALLOON」と入力し、インストールします。その後「有効化」ボタンをクリックして準備完了です。

STEP

吹き出しの基本設定

インストール後、管理画面の左メニューに「LIQUID SPEECH BALLOON」という項目が追加されます。
メニューから「LIQUID SPEECH BALLOON」を選択し、設定ページに移動します。
吹き出しの背景色や文字色、枠線のデザインなどを自由に設定できます。
吹き出しに表示するキャラクター画像やプロフィール写真を設定します。管理画面で新しい画像をアップロードし、キャラクターごとの名前や役割を設定しましょう。

STEP

記事に吹き出しを挿入する方法

投稿または固定ページの編集画面に移動します。
テキストエリアの上に「LIQUID SPEECH BALLOON」アイコンが表示されるので、クリックして吹き出しを挿入したいキャラクターとデザインを選択します。
吹き出し内に表示するテキストを入力し、配置位置を調整します。

STEP

カスタマイズ設定

吹き出しのデザインをさらに細かく調整したい場合は、設定ページからカスタマイズオプションを利用できます。
カラーや枠線、テキストサイズを自由に調整可能です。
キャラクターを複数設定して、記事ごとに異なる吹き出しスタイルを使い分けられます。

テーマの吹き出し機能を活用する方法

一部のWordPressテーマには、吹き出し機能があらかじめ備わっています。

例えば、「JIN」や「SANGO」などの日本で人気のあるテーマは、デフォルトで吹き出し機能をサポートしています。こうしたテーマを使っている場合は、追加のプラグインを導入せずに、テーマの設定から吹き出しを設定するだけで簡単に利用できます。

STEP

テーマのカスタマイズメニューから設定

WordPressの「外観」＞「カスタマイズ」へ進みます。

STEP

サイトの雰囲気に合ったデザインにする

吹き出しのカスタマイズ項目がある場合、背景色やテキストカラーの調整、アバターの設定ができるため、サイトの雰囲気に合ったデザインを選びましょう。

吹き出しのデザインとカスタマイズ

吹き出しは、単なるテキストの挿入だけではなく、デザインやレイアウトのカスタマイズによって、さらに効果的に使うことができます。

以下は、デザインのポイントです。

カラー	吹き出しの背景色や文字色をサイト全体のテーマカラーに合わせて調整することで、デザインの統一感が出ます。
サイズ	吹き出しのサイズはテキスト量や画面サイズに合わせて調整します。小さすぎると読みにくくなりますので、見やすいサイズを意識しましょう。
アバター画像	会話形式の吹き出しを作る場合は、話し手ごとに異なるアバター画像を設定するのがおすすめです。キャラクターを設定することで、読者が話の流れを理解しやすくなります。