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

Eel Kabayaki đến thế giới

Brand New Day

We’ve taken Lorem Ipsum to the next level with our HTML-Ipsum tool!

Hot Stuff

Widget Area For PC
( Free space )

マガジン形式 : 3カラム

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは...
1638 views

マガジン形式 : 4カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

スライダー(4種類) : カルーセルタイプ

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

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

吹き出し表示例

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

Code

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

会話形式にした表示例

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

Code

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

Pickups!