広告 ブログ

AFFINGER6│15枚の画像で解説!『会話吹き出し』の設定方法

2022年5月7日

※当サイトではアフィリエイト広告を利用しています。

ブログを読んでいると、『会話吹き出し』が使われているのをよく見ると思います。

 

ふぅ
ふぅ

『会話吹き出し』って、どういうもの?

 

今使っている、『アイコン画像』+『会話』のこれだよ!

くぅ
くぅ

 

ふぅ
ふぅ

なるほど、これか!!

文字だけのブログより読みやすくなるね!

雰囲気もやわらかいし、何よりブログが明るくなる!

 

会話吹き出し、かわいいですよね。

ブログ記事も読みやすくなるし、メリットは多いので、是非取り入れたいですよね。

ただ、ブログ初心者にとっては、どうやって作ればよいのかなかなか分かりづらいです。

 

今回は、当ブログでも使用している人気WordPressテーマ『AFFINGER6』の、会話吹き出しの設定方法について実際の画面で解説していきます。

 

会話吹き出しをタイミングよく使えば、以下の効果が期待できます。

  • 文字だけのブログより読みやすくなる
  • 会話形式にすることで、ブログの内容をより伝えやすくなる
  • キャラクターを設定することで、やわらかい雰囲気になる

 

色々な人のブログを見て、『これ、私も導入したい!』と思ったことはあるかと思います。

私もまさに、その一人でした。

 

この会話吹き出し、『AFFINGER6』では簡単に設定できます。

 

『会話吹き出しを設定したいけど、やり方が分からない!』という方は、ぜひ最後まで見ていってください。

 

くぅ
くぅ

AFFINGERだと、作るのも使うのも簡単です。

かなりの時短になるのでおススメです!

さっそく、順番に解説していきますね!

 

会話ふきだしのより詳しい方法が知りたい方は、こちらから!

 

この記事で分かること

  • AFFINGER6│『会話吹き出し』の設定方法
  • AFFINGER6│『会話吹き出し』の使い方

 

\【PR】『稼ぐ』に特化したWordPressテーマ/

AFFINGER公式サイト

※『AFFINGER』の購入はこちら

 

会話吹き出しのアイコンの設定方法

 

くぅ
くぅ

まずは、アイコンの設定を、順を追って説明しますね。

設定だけなら、5分で終わります!

 

AFFINGER6での会話吹き出しのアイコン設定

まず、『WordPress』にログインし、画面上の『AFFINGER管理』をクリックします。

AFFINGER管理の場所が示してある画像

 

続いて、『会話アイコン』をクリックします。

会話アイコンの場所が示してある画像

 

すると、次のような画面になります。

画像をアップロードするため、「アップロード」ボタンをクリックします。

アイコンをアップロードするボタンの場所

 

下のように、『ファイルをアップロード』 ⇒ 『ファイルを選択』 の順にクリックして、イラストをアップロードします。

ファイルをアップロードするボタンの場所

 

アップロードが完了したら、『メディアライブラリ』からイラストを選択し、『投稿に挿入』ボタンを押します。

会話吹き出しの登録ボタンの場所

 

最後に、「Save」ボタンを押して完了です!

画像設定が終わった後の保存場所

 

『Save』を押した際に、『閲覧できません』と表示された方は、次で解説するので参考にしてください!

 

ふぅ
ふぅ

ホントに5分で終わったね!

めっちゃ簡単だった!

さすが、有料テーマ!有料級!

 

ちなみに、

  • 『会話アイコンを少し動かす』に『✓』を入れると、イラスト部分が数秒に1回、かわいく「ぽよんぽよん」動いてくれます!
  • 『会話アイコンを少し大きく』に『✓』を入れると、イラスト部分が通常より少しだけ大きく表示されます!

是非、使い分けてみましょう!

 

『Save』ボタンを押した後、下の画面のようにアイコンが入っていれば、設定完了です。

会話アイコンの設定がうまくいった場合

 

アイコンは、8個まで設定できますよ。

 

くぅ
くぅ

ちなみに、『Save』を押した時に『閲覧できません』と表示された方もいると思います。

対応方法を次にまとめたので、参考にしてください!

 

閲覧できません(Forbidden access)と出た場合の対応方法

閲覧できません(Forbidden access)

 

使用しているサーバーが『ConoHa WING』の場合、『Save』を押した際に、このような画面が出てくることがあります。

 

くぅ
くぅ

『WAF』というセキュリティが働いて、こうなることはよくあります。

 

どうすればいいか、教えて!

ふぅ
ふぅ

 

『WAF』とは、『Web Application Firewall』の略です。

要は、ファイアウォールです。

セキュリティで守られた結果なので、心配無用です!

 

くぅ
くぅ

では、対応方法を画像を使って説明しますね!

  

『ConoHa WING』にログインし、『サイト管理』の『WAF』を選択します。

 

ふぅ
ふぅ

今は『ON』になってますね。

ConoHa WINGでのWAF設定の場所

 

利用設定の箇所で、『ON』から『OFF』にします。

WAFをOFFにした画像

 

この状態で、先ほどの『Save』を押せばOKです。

 

『WAF』は、必要な対応が終わったら、すぐに『ON』に戻してください。忘れると必要なセキュリティが働かなくなり、危険です。

 

ちなみに、お勧めのサーバー『ConoHa WING』は、以下の画像をクリックすればオフィシャルサイトに繋がります。

期間限定のキャンペーンです。検討されている方は、是非、お得な機会にお申し込みください!!

 

 

投稿画面での操作方法

 

では、ここからは、実際にブログでの『会話吹き出し』の使い方を説明します。

  • 『会話吹き出し』の入れ方
  • 『会話吹き出し』を反対向きにする方法
  • 『会話吹き出し』のアイコンを変える方法

について、順を追って説明しますね。

 

\【PR】『稼ぐ』に特化したWordPressテーマ/

AFFINGER公式サイト

※『AFFINGER』の購入はこちら

  

会話吹き出しの入れ方

まずは、『STINGER:会話ふきだし』を選択します。

投稿画面での会話吹き出しボタンの位置

 

すると、下ように先ほど設定した会話吹き出しが表示されます。

投稿画面で会話吹き出しが表示された様子

 

吹き出し箇所に、会話を入力すればOKです。

 

ふぅ
ふぅ

めっちゃ簡単!

10秒くらいでできた!

 

会話吹き出しを反対向きにする方法

下の画像の、『向き』を選択するだけでOKです。

会話吹き出しを反対向きにするボタンんの位置

 

これだけで、向きが反転表示となります。

ふぅ
ふぅ

右と左で交互に表示させれば、会話しているみたいで読みやすいですね!

 

アイコンを変更する方法

アイコンを変更するには、『会話ショートコード』をクリックして、設定したイラストの番号を選択するだけでOKです。

会話ショートコードの位置と数

 

「会話風アイコン2」を選択するだけで、下のようにイラストが変わりました!

会話風アイコン2を選択してアイコンイラストを変えた様子

 

ふぅ
ふぅ

これも10秒くらいでできた!

AFFINGERだと、最初に設定するだけであとは簡単に作成できるね!

これなら、ブログ記事を作るのに集中できそう!

 

\【PR】『稼ぐ』に特化したWordPressテーマ/

AFFINGER公式サイト

※『AFFINGER』の購入はこちら

 

まとめ

今回は、会話吹き出しについての解説でした。

 

会話吹き出しには、

  • 文字だけのブログより読みやすくなる
  • 会話形式にすることで、ブログの内容をより伝えやすくなる
  • キャラクターを設定することで、やわらかい雰囲気になる

といったメリットがあります。

 

また、AFFINGERであれば、『会話吹き出し』の設定も、ブログ記事への反映も、ものすごく簡単に出来てしまいます!

ブログ記事を書くにあたって、最も難易度が高いのは『時間の確保!』ですよね。

 

ふぅ
ふぅ

簡単に設定できて、簡単に使えるので、かなりの時短になる!

これなら、時間がない私でもブログ書けそう!

 

時間は無いケドかわいいブログを書きたいという方!

使うところにはお金を使って、ラクをするのも、手段の一つですよ!

 

『AFFINGER』のインストール方法が分からない方は、以下の記事を参考にしてみてください!

くぅ
くぅ

 

\【PR】『稼ぐ』に特化したWordPressテーマ/

AFFINGER公式サイト

※『AFFINGER』の購入はこちら

 

 

 

よりカスタムしたい方は、こちらから!

  • この記事を書いた人

くぅ

│残業まみれの会社員という働き方に疑問を感じて、もっと自由気ままに生きるため、残業をやめてゆる~くブログ開始│暗号資産(仮想通貨)2021年4月~│Web3(暗号資産)とブログについて、だらだら綴ってます│海の見える家で、静かに暮らすのが夢│

-ブログ
-, , ,