最終更新日2022/02/19最近色々なサイトを見ていると会話形式で視覚的にもわかりやすい「吹き出し」をよく見かけるんだよね。自分のサイトにもあの吹き出しを取り入れたいけど難しそうだな、、、web制作の知識は全くないし。BALLOON】の特徴なんだ。BALLOON】をダウンロードする管理画面からプラグイン>新規追加を選択します。BALLOONと入力して下さい。すると検索結果のプラグインが表示されるのでダウンロードして有効化をクリック。BALLOONへと進みます。アイコン画像を何パターンか作っておくことができます。名前のところにアイコンの下に表示される名前を入力し画像URLのところに画像を指定します。画像URLをクリックするとメディアライブラリに新しいタブで移動します。メディアライブラリ内の画像を選択したら画像詳細の下の方にある「URLをクリップボードにコピー」をクリックします。あとは先程の画面に戻り画像URLの欄に貼り付けて完了です。Balloon」を選択します。これで吹き出しが表示されました。右側の「ブロック」で少し編集することができます。上から順に簡単に説明しますね。・Avatar設定で名前と画像URLを指定しましたよね。設定したAvatarのどれを使用するかを選択できます。・Directionアイコン画像を吹き出しの左右どちらに表示するかを選択できます。・Designアイコンから吹き出しにつながる部分のデザインが変更できます。デフォルトでは三角になってますね。・Sizeアイコン画像のサイズです。・Optionアイコンに対しての吹き出しの位置や吹き出しの幅を選択できます。Color吹き出しの色を変更できます。Color吹き出し内の文字の色を変更できます。BALLOON】はシンプルで初心者の方やパソコンが苦手な方でも扱いやすいと思います。逆を言えばもっと多機能であったり、自分好みにしっかり作り込みたいという人にはあまり向かないかもしれませんね。少々のことはCSSを編集することで対応できますので、自分で少し触れる方はやってみてもいいかもしれませんね。ちなみに私はアイコン画像を丸くするのとアイコン下の名前を文字間を広くしたぐらいで大してCSSも書き直していません。ファイルの編集に自信のない方や不安な方は画像自体を丸く加工してから使うといいですよ。ローカル環境での容量問題SNSなどのアイコン画像をプロに依頼!顔出しはしたくないけど、雰囲気は伝えたい!カテゴリーごとの記事を「タブ」で切り替えて表示する!プロフィールMasa2020年からWeb制作を独学でスタート。2021年12月にWordPressオリジナルテーマで当ブログサイトを開設。趣味のサーフィン、スノーボードのことやweb制作、日常生活で役に立つような情報まで。reserved.この記事がいいね!と思ったらシェア!。