bubbleプラグイン吹き出しを使って会話風のコンテンツを作りたいこともあります。お客様の声やよくある質問に限りませんが、単調なデザインに変化を付けて効果的に演出できるかもしれません。bubbleプラグインを使って吹き出しを作る方法を紹介します。会話風のコンテンツ作成にご活用ください。bubbleプラグインをインストール、有効化します。bubbleプラグインのインストールインストール後の特別な設定は不要です。続いて、投稿や固定ページの編集画面を開きましょう。難しい説明をする前にさっそく会話を作ってみましょう。それには、次のショートコードを投稿または固定ページの編集画面に入力します。name="左側さん"]左側の吹き出しです。パターンはいろいろ変えられます。name="右側さん"]右側の吹き出しです。しゃべっている人のアイコンは画像に変えられます。[/speech_bubble]便宜上改行していますが、1つのショートコードは1行で入力した方が良いかもしれません。これにより、会話が表示されます。2つのショートコードを使っていますが、それぞれが左側、右側に表示されることで、会話風に見える仕組みです。会話が表示される基本的な会話の設定ショートコードはさまざまなカスタマイズが可能ですが、簡単に会話形式のコンテンツを作りたい方もいるでしょうから、まずは、最低限の設定を紹介します。各項目を設定して、ショートコードを編集してみましょう。左右区分やアイコンは必須ではないので、最低限、人名とセリフを直せば機能します。ここでは、次のようなショートコードに変更してみました。name="生徒"]はい。ショートコードを使って簡単に吹き出しの会話ができるんですね。name="先生"]ショートコードをカスタマイズすれば、見た目もいろいろと変更できますよ。name="生徒"]そうなんですか。教えてください![/speech_bubble]左、右、左、右の順で作っていけば、会話が続くスタイルで吹き出しを表示していくことができます。会話が続くあとは、あなたのアイデア次第です。お客様の声や、よくある質問に使っても良いでしょうし、難しそうな話を会話調で組み立てればわかりやすく説明できるかもしれませんね。吹き出しショートコードのカスタマイズ少し説明しましたが、吹き出しを作るspeech_bubbleショートコードには4つの属性があります。人物名4つの属性についてカスタマイズパターンを簡単に説明します。吹き出しタイプの設定type属性では9種類の吹き出しタイプを指定できます。それぞれ、デザインが異なります。以下、イメージを紹介します。std「type="std"」のイメージfb「type="fb"」のイメージfb-flat「type="fb-flat"」のイメージln「type="ln"」のイメージln-flat「type="ln-flat"」のイメージpink「type="pink"」のイメージrtail「type="rtail"」のイメージdrop「type="drop"」のイメージthink「type="think"」のイメージサイトのイメージに合わせて選んでください。CSSをカスタマイズすればデザインの微調整は可能です。うまくいかない方、よろしければWordPress個別サポートで承ります。気軽にご相談ください。左右区分の設定subtype属性を使って左側(L)なのか右側(R)なのかを設定できますが、それぞれの吹き出しスタイルを変えることもできます。考えているような吹き出しになります。L2・R2の場合L1とR1は必ずしもパッケージというわけではありません。左側がL1、右側がR2という使い方で変化を付けることもできます。すべてはアイデア次第です。左側のsubtypeがL1、右側がR2の場合アイコンの設定(好きな画像を使いたい)人物アイコンはicon属性で設定します。アイコン画像はプラグインのimgフォルダ(wp-content/plugins/speech-bubble/img)に格納します。初期設定では1.jpgと2.jpgが含まれるため、「icon="1.jpg"」や「icon="2.jpg"」によって左右の人物のアイコンを切り替えて会話風に仕上げられるということです。好きな画像をアイコンに使う場合は上記のimgフォルダに画像を格納して、icon属性で指定します。使える画像の種類は次のとおりです。好きな画像をアイコンに使いたい場合は、その画像をimgフォルダに保存します。ここでは「left.jpg」と「right.jpg」を準備しました。アイコンに使う画像を準備icon属性で画像ファイル名を指定ショートコードのicon属性でファイル名を指定します。「icon="left.jpg"」などです。準備した画像をアイコンに使った例type属性の指定によっては、アイコンの表示イメージが違ってきます。会話している人物名が不要な場合は「name=""」のように名前を空にする方法があります。各属性の初期設定は次のようになります。指定しなかった場合は、これらの設定が使われます。name」さんの吹き出しになります。bubbleプラグインを使うと、吹き出しを使った会話風コンテンツを簡単に組み立てるとができます。単調になってしまう「よくある質問」や「お客様の声」などにもアイコン画像などを工夫することで、お客様に訴求するコンテンツを作成できるでしょう。試行錯誤してみてください。WordPressプラグイン便利なプラグイン【電子書籍】WordPress入門テキスト(ホームページの作り方)Lightning+ブロックエディタを使ってホームページを作る手順を説明しています。Unlimited(読み放題)対応です。Pro」の紹介WordPressでお困りのときはご相談を細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が対応します。最短で本日中に問題解決できます見積もり無料・料金は終了後の後払いです銀座教室・スカイプ・出張またはメールで対応しますWordPress個別サポートについて詳しくはこちらトラブル解決でお急ぎのときはお急ぎのときはWordPressメールサポートで対応します。2019年11月30日WordPressでホームページを作成する手順を紹介します。WordPress初心者の方でも迷わないようにすべての手順について画面を掲載しています。短時間でホームページのたたき台を作っていきます。「最近、ホームページのアクセスが減ってるかも?」が気になるとき、対策が必要になりますが、どのページのアクセスが減っているのか、増えているのかチェックできた方が効率的に対処できるはずです。「WordPressの表示速度が遅い」とか「ダッシュボードの動きが重苦しい」など、WordPressの高速化でお悩みの方もいるかと思います。遅いサイトは検索順位や集客にも影響するので死活問題です。2019年9月13日ご存じのようにBizVektorがアップデート終了とのことで、新たに使えるテーマを探している方も多いと思います。消費税の増税や各種商品の値上がりが気になる今日この頃ですが、そういえばWordPressを設置しているレンタルサーバーの料金も気になりますよね。ver.7対応)WordPressでホームページを作成する手順を紹介します。