登場人物(アバター)の登録

登場人物(アバター)の登録

頻繁に利用するアバターを事前に登録しておくことで、簡単に呼び出す事が可能です。

Word Balloon PRO設定画面の表示

Word Balloon PRO設定画面を開きます。

アバター登録画面

アバターの新規登録をする画面が表示されます。

Word Balloon PRO設定画面の表示方法が分からない場合はこの記事で確認してください。。

設定画面の表示Word Balloon PRO設定画面の表示方法 Word Balloon PROの設定画面の表示は ・ダッシュボード >> Word Balloon PRO 設定画面が表示されるとこんな感じです。 ここから色々とWord Balloon…
続きを読む
 docs.back2nature.jp
設定画面の表示

では登場人物(アバター)の新規登録をします。

アバターの新規登録

アバターの新規登録

画像の登録

①の『画像を選択』ボタン、もしくは人物像が表示されている部分をクリックしてみてください。

WordPressでおなじみのメディアアップローダーが表示されます。

ここでアバターとして使用する画像を選択、もしくはアップロードを行ってください。

登場人物(アバター)の登録

使用したい画像を選択後、右下の選択ボタンをクリックしてください。

デフォルトでは画像のサイズ上限は512pxになります。
(これは設定で変更可能です。)

設定されたサイズより大きいサイズはサムネイル等を選択する仕様となっています。
理由としてましては、大きい画像サイズを登録出来る様にすると、ファイルサイズが必然的におおきくなるため、その結果、表示速度の低下に繋がるためです。

また縦、横が同サイズの正方形である事を前提にしています。
正方形で無い場合は画像が切れて表示されます。

WordPressの標準機能で正方形に画像加工する事も可能です。
下記記事をご参照ください。

WordPressの標準機能で画像を拡大縮小や切り抜き加工をするWordPressに追加した画像を拡大縮小や切り抜きなどの加工方法をご紹介。 最初に注意 ここで紹介する方法で保存すると元の画像に上書き保存されます。 そ…
WordPressの標準機能で画像を拡大縮小や切り抜き加工をする tips.back2nature.jp
WordPressの標準機能で画像を拡大縮小や切り抜き加工をする

また、画像の縁を丸や角丸などの加工はWord Balloonで出来るので不要です。

名前とメモの入力

アバターの新規登録

画像が選択出来たらアバターの名前とコメントの入力になります。
いずれも入力は任意になります。
沢山アバターを登録される方は区別が出来る様に入力することを推奨します。

②の名前欄に入力された名前は実際の投稿にも表示されます。(オプションで非表示可)

③のメモ欄は同一名のアバターを登録した際、例えば笑い顔や泣き顔など投稿者が違いが分かるように使う事を想定してあります。

こちらのメモは記事内に表示される事はありません。

画像をData URIとして登録

1ミリ秒でも高速化したい方は、登録するアバターの画像をData URIとして登録する事が可能です。

④のオプションをオンにすると画像をData URIとして登録し、表示させる際の高速化に役立ちます。

登録

最後に⑤アバターの登録ボタンをクリックして登録完了。
登録が出来ているとアバターリストに表示されます。

登場人物(アバター)の登録

たくさん登録すればバリエーションが増えそうですね。

Word Balloon PROWord Ballon PROはまだまだ開発途上のため、 仕様変更に伴いマニュアルと実際の画面が異なる場合があります。 予めご了承ください。 インストールとライセンスキーの登録 新規ご契約あ…
続きを読む
 docs.back2nature.jp
Word Balloon PRO
Word Balloon PRO