テーマAFFINGER5で会話の吹き出しをブログに表示する方法!【色やデザインの設定も解説】2021年4月26日Tweet会話の吹き出しって何?AFFINGER5で会話の吹き出しを設定する方法が分からない!会話の吹き出しのメリットについて知りたい!上記のお悩みを解決します。本記事を書いている僕は現役のブロガーです。現在AFFINGER5を利用していて、会話の吹き出しを何回も使っています。』の会話の吹き出しの設定方法についてご紹介します。』で会話の吹き出しの設定方法が分かり、より読者に親密度の高い記事を書けて、ブログ滞在時間を上げることができます。「まだAFFINGER5を購入していない!」という方は『【超優秀】AFFINGER5のデザインを徹底レビュー!【導入までの設定方法も解説】』で購入手順を解説しています。AFFINGER5の評判と口コミを実際の利用者がリサーチしてみた!さっそく本題に入りましょう。AFFINGER5で会話の吹き出しを設定する前にやるべきことAFFINGER5で会話の吹き出しを設定する前に絶対にやるべきことをご紹介します。初期設定デザイン済みデータの導入(必要な方はやるべき)WordPressでAFFINGER5テーマを導入したら初期設定は絶対に行いましょう。理由は初期設定を行っていないと、ブログサイトの見た目や機能・データの取得などの不足が起こるからです。AFFINGER5を導入してからの最初にやるべき設定は絶対に済ませましょう。AFFINGER5の初期設定はAFFINGER5の初期設定でやるべきこと10個!【すぐに終わらせて記事を書こう!】で解説をしています。デザイン済みデータは簡単に言えば、デザインのテンプレートです。AFFINGER5のデザイン済みデータの設定方法と評判を解説!続きを見るAFFINGER5で会話の吹き出しを表示するメリット会話の吹き出しをブログやサイト内に表示するメリットをご紹介します。記事の中で柔らかい雰囲気を出せる独自性が出て、筆者の気持ちが伝わりやすくなる1、記事の中で柔らかい雰囲気を出せる会話の吹き出しを使うと固い記事の内容でも柔らかい雰囲気を出せます。ゆうきこんな感じです!文字だけのブログやサイトは読者が飽きてしまい、途中で離脱されてしまいます。会話の吹き出しや装飾を文章内に入れると、コミカルで柔らかい印象や雰囲気を読者に感じさせることができます。ゆうきここだけの話、僕は会話の吹き出しを記事内に使用し始めたら、ブログやサイトの滞在時間が平均で30秒も伸びました!もちろん、使うか使わないかは本人次第ですが、使ってみるとブログの滞在時間に変化が起きるかもです。ゆうき分からないことでも一歩踏み出して使ってみると案外慣れます。笑2、独自性が出て、筆者の気持ちが伝わりやすくなる2つ目のメリットは、独自性が出て、筆者の気持ちが伝わりやすくなることです。実際、会話の吹き出しの最大の特徴であり、強みになります。理由は会話の吹き出しを使えば、ブログを書いている筆者の心情を読者が感じることができるからです。ブログでもリアルの会話でもコンテンツを伝えるには全て『言葉』が重要になります。『言葉』をブログで読者の心に響かせるには会話の吹き出しは必要不可欠です。ゆうき筆者が話しているように感じれるので、親近感がグッと上がります!ちなみに、読者をブログに引き寄せる1つの方法として『アイキャッチ画像』があります。アイキャッチ画像は記事の顔になる存在なので、必ず設定しておきましょう。アイキャッチ画像の設定方法はAFFINGER5のアイキャッチ画像の設定方法を初心者に簡単に解説!で解説しています。下記では会話の吹き出しの設定方法を解説していきます。画像付きで解説するので、安心してください。管理』→『会話・ファビコン等』→『会話風アイコン』に移動してください。アイコン画像は合計で8個まで登録することができます。ゆうき1~8の好きな番号を使ってOKです!今回は『アイコン画像1』でアイコン画像を登録していきます。「アップロード」をクリックします。アイコンに使いたい画像を、自分のPCからアップロードする場合は、「ファイルを選択」をクリックしましょう。WordPressへ「アップロード」したことのある画像を使う場合は『メディアライブラリ』をクリックしてください。画像を選んだら、『代替テキスト』に画像のキーワードを入れましょう。『代替テキスト』とは、画像が「読み込みエラー」で表示されない場合のための設定になります。入力が終わったら、『保存』ボタンを押してアイコン画像の設定は完了です。投稿記事に会話の吹き出しを設定する方法を解説します。書いたテキストを選択しましょう。次に、投稿画面上部の『タグ』→『会話吹き出し』→『会話1』(今回は会話1を使用します)を選択していきます。下記のようにテキストの横にst-kaiwaのタグが記載されます。プレビューを見るとアイコン画像とテキストが表示されています⬇️ゆうきこれで会話の吹き出しを投稿記事に設定する方法は終わりになります!3、アイコン画像を右側に表示する方法アイコン画像を右に表示させる方法をご紹介します。結論から言うと、[st-kaiwa]タグの横に半角スペースを入れて『r』を入力するだけです。『投稿画面の上部』→『タブ』→『会話ふきだし』を選択してくださいst-kaiwaの横に半角スペースを忘れずに、『r』を手入力して完了です。下記では会話の吹き出しのアイコン画像の色やデザインを変更する方法をご紹介します。こちらも画像付きで解説していくので安心してください。会話1~会話8の1つずつのアイコンで背景色を設定可能になります。基本的に何も設定しない場合は『会話1』のアイコンの背景色が使われます。ここまで細かく色の変更ができるのもAFFINGER5の強みです。カスタマイズ』→『オプションカラー』→『会話風ふきだし』に移動してくださいアイコン画像の枠線を消す方法は先ほどの『会話風ふきだし』の下の「アイコンの枠線を消す」にチェックを入れてください⬇️そうするとアイコンを囲う枠線が消えるようになります。中の背景色を選択できるようになる一通り設定が終わったら画面左上部の『公開』をクリックしましょう⬇️ゆうきこれでアイコン画像の枠線を消す方法は完了です!3、アイコン画像を大きくする・動きをつける次はアイコン画像を多くする方法をご紹介します。会話風アイコンを少し動かす会話風アイコンを少し大きく(※80px以上の正方形画像推奨)チェックを入れたら『保存』ボタンを押して完了です。ゆうきこれだけなのでアイコン画像の設定や表示方法は簡単にできますよ!まとめ:AFFINGER5で会話の吹き出しを使いましょう!ここまでAFFINGER5の会話のふきだし設定方法について解説してきました。会話ふきだしを設定するメリットを下記に再掲しておきます。記事の中で柔らかい雰囲気を出せる独自性が出て、筆者の気持ちが伝わりやすくなる会話のふきだしを記事内に挿入して、読者に親近感を与えられる記事を作っていきましょう。会話のふきだしの設定が終わったら、AFFINGER5のアイキャッチ画像・記事のスライドショーの設定をやりましょう。ゆうきアイキャッチ画像は読者が記事を読むときに最初に目が留まる場所なのでインパクトのある画像を設定しましょう!AFFINGER5のアイキャッチ画像に関する設定方法はAFFINGER5のアイキャッチ画像の設定方法を初心者に簡単に解説!で紹介しています。AFFINGER5の記事のスライドショーの設定について知りたい方は【AFFINGER5】記事スライドショーを作る方法!【手順を1から解説】でご紹介しています\AFFINGER5をテーマにする!/AFFINGER5の公式サイトちなみに、AFFINGER5以外のテーマを検討したい方は【2020年版】おすすめWordpressブログテーマ5つ【プロのブロガーも絶賛!】をチェックしてみてください。【検証】AFFINGER5のメリット・デメリットを利用者の僕が暴露します!ここまで読んで頂きありがとうございました。今回は以上になります。上記のお悩みを解決します。上記のお悩みを解決します。上記のお悩みを解決します。上記のお悩みを解決します。