UMIBOZU / ウミボウズ公式サイト

UMIBOZU

吹き出しアバター用ショートコード

このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です。

人物などの画像やアイコンに吹き出しを付けて任意のテキストを表示できるショートコードです。

吹き出し表示例

ここに吹き出しのテキストを表示します。

Code

[talk words="ここに吹き出しのテキストを表示します。" avatarimg="http://demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/girl.jpg"]

会話形式にした表示例

画像とテキストだけを指定してるよ。
Mr. Avatar
僕はアバターを右側にして名前を表示してみたよ!そうだなぁ、アバターは角丸にしてみよう!
ナンシー
じゃ、私はアバターを四角形にしてサイズを変えてボーダーを付けてみるわ。ついでに吹き出しのカラーも変えちゃう!
これはリンク」みたいにHTMLも表示できるのよ!
Mr. Avatar
すごいじゃないか、ナンシー!
画像なし子
うーん、アバター画像なしの私は殺風景だ…

Code

[talk words="画像とテキストだけを指定してるよ。" avatarimg="http://demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/girl.jpg"]
[talk words="僕はアバターを右側にして名前を表示してみたよ!そうだなぁ、アバターは角丸にしてみよう!" avatarimg="http://demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/man.jpg" name="Mr. Avatar" avatarshape=2 align=r]
[talk words='じゃ、私はアバターを四角形にしてサイズを変えてボーダーを付けてみるわ。ついでに吹き出しのカラーも変えちゃう!
「<a href="#">これはリンク</a>」みたいにHTMLも表示できるのよ!' name="ナンシー" avatarimg="http://demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/girl.jpg" avatarsize=100 avatarbdcolor=#FF98A5 avatarbdwidth=4 avatarshape=3 color=#fff bgcolor=#FF95A1 bdcolor=#69EF54 bdstyle=3]
[talk words="すごいじゃないか、ナンシー!" avatarimg="http://demo.dptheme.net/dp14/wp-content/uploads/sites/16/2015/11/man.jpg" name="Mr. Avatar" align=r]
[talk words="うーん、アバター画像なしの私は殺風景だ..." name="画像なし子"]
大自然の中に身を置きながら、美しい魚を探します。

川に立つと瀬音や鳥のさえずりが メロディーを奏で谷を吹き抜ける
爽やかな風は花と木々の香りを運び 素晴らしい景色に心が癒されます。
広大な水平線や対岸の景色をみながら、 ルアーをキャストをするのはとても気持ちがいい
反面・・・

大海原を目の当たりに「一体どこにキャストすれば魚が釣れるの?」
地形・海流・波・・・「あ!なぶら発見!」
大自然をアクティブに満喫!
トレッキング、自然観察、キャンプ 、ドライブ、etc

日本の素晴らしい風土を 目で見て、肌で感じて 仲間と楽しむひととき