顔写真やイラストと吹き出しを組み合わせて、いかにもその人(キャラクター)が話しているかのように見せたい場合に使えます。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2018/11/fukidashi.png)
配置 / 画像スタイル / タイプ / 背景色の設定ができます
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
吹き出しの配置:左
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
吹き出しの配置:右
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
画像スタイル:標準
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
画像スタイル:角丸
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
画像スタイル:丸抜き
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
吹き出しのタイプ:セリフ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
吹き出しのタイプ:吹き出し
デフォルトアイコン設定
よく使う吹き出し用の画像をあらかじめ登録しておける機能があります。
管理画面の 設定 > VK Blocks の「吹き出し画像設定」から設定が可能です。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/balloon-block-default-icon01-1024x529.jpg)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/balloon-block-default-icon05-1024x706.jpg)
「選択」からメディアの画像を登録してください。「吹き出し画像の名前」は吹き出しブロックで画像の下に表示される名前となります。不要な画像は「削除」ボタンで削除も可能です。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/balloon-block-default-icon02-1024x759.jpg)
画像を登録したら「変更を保存」ボタンをクリックしてください。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/balloon-block-default-icon06-1024x509.jpg)
吹き出しブロックを追加すると「デフォルトアイコン設定」に登録した画像が表示されます。画像をクリックすることで画像の名前と共に簡単にアイコンを設定できます。
アニメーション設定機能
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/ballon-animation01-1024x588.png)
動きをつけることで感情を表現したり、注目してもらいやすくなります。ポイントで使うと効果的です。
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
アニメーション:ぶるぶる
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
アニメーション:ぶるぶる(X方向)
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
アニメーション:どきどき
![](https://www.vektor-inc.co.jp/wp-content/uploads/2019/11/icon.jpg)
アニメーション:ゆらゆら
使用例
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/profile_kaku.jpg)
ササキさん!吹き出しブロックにアイコン登録機能ができたよーヽ(・∀・)ノ
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/profile_kaku-sasaki.jpg)
え???なにコレすごい!めちゃくちゃ便利じゃないですかーー!
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/profile_kaku.jpg)
これでブロガーさんにも使いやすくなったと思うー
![](https://www.vektor-inc.co.jp/wp-content/uploads/2020/07/profile_kaku-sasaki.jpg)
ワタシも使いますー がんばってブログ書きますw