壁紙の設定
Word Balloon PROは吹き出し機能以外にも
壁紙機能を導入しました。
予め壁紙を登録すれば、1クリックで挿入可能です。
Word Balloon PRO設定画面の表示
Word Balloon PRO設定画面を開き、
各種設定を選びます。
Word Balloon設定画面の表示方法が分からない場合はこの記事で確認してください。。
docs.word-balloon.com
壁紙の有効化
通常設定内のその他の設定欄にあります。
無効になっていますので、これを有効にします。
有効に出来たら設定を保存してください。
壁紙の設定画面
矢印の部分『壁紙』の部分を選択すると、
壁紙の設定画面に切り替わります。
では壁紙の設定を解説します。
壁紙の設定
①：背景画像
壁紙に画像を使う場合はこちらから選択してください。
画像はリピートする仕様となります。
画像がPNG画像で透明部分があれば背景色と組み合わせ可能です。
②：背景色
壁紙に色を使う場合はこちらを選択してください。
②：枠線の種類
壁紙に枠線を使う場合はこちらから選択してください。
②：枠線の色
壁紙の枠線に色を使う場合はこちらを選択してください。
②：枠線の太さ
壁紙の枠線の太さを変更する場合はこちらを選択してください。
②：角丸
壁紙の角を丸くする場合はこちらを選択してください。
設定の保存
各種変更が出来たら保存してください。
下部に表示されている保存ボタンを押してください。
使い方
投稿画面を開いてWord Balloon専用画面を表示します。
壁紙が登録されていると矢印の位置に壁紙ボタンが出現します。
登録した画像や色に合わせてボタンの背景が変わります。
ボタンを押すとダイアログが表示され壁紙のショートコードが挿入されています。
テキストエディタをお使いの場合は手動でカーソルを
ショートコード内に移動する必要があります。
壁紙のショートコードは下記の様な形になります。
[word_balloon_wallpaper id="1"]
[/word_balloon_wallpaper]この壁紙のショートコード内に吹き出しのショートコードを
挿入する形になります。
壁紙のショートコード内に壁紙のショートコードは出来ません。
実際に使ってみると↓こんな感じです。
こちらはこの様なショートコードです。
[word_balloon_wallpaper id="5"]
[word_balloon id="1" position="L" size="S" balloon="line" name_position="on_balloon" name="" radius="true" avatar_border="false" avatar_shadow="false" balloon_shadow="false" bg_color="#ffffff" name_color="#ffffff" status="8:56" status_color="#ffffff"]これはもしや・・・[/word_balloon]
[word_balloon id="2" position="R" size="S" balloon="line" name_position="hide" name="false" radius="true" avatar_border="false" avatar_shadow="false" balloon_shadow="false" bg_color="#B1ED8B" name_color="#ffffff" status="既読
8:58" status_color="#ffffff" avatar_hide="true"]アレっぽいですね。[/word_balloon]
[word_balloon id="8" position="L" size="S" balloon="line" name_position="on_balloon" name="" radius="true" avatar_border="false" avatar_shadow="false" balloon_shadow="false" bg_color="#ffffff" name_color="#ffffff" status="8:59" status_color="#ffffff"]ワーオ♪[/word_balloon]
[/word_balloon_wallpaper]ステータス機能を使うと吹き出し横にコメントを
入れる事も可能です。
ブロックエディタ
壁紙のブロックがありますので、選択してください。
以上壁紙の設定でした。
docs.word-balloon.com