ノーマル形式
ポートフォリオ１ : ３カラム、カテゴリーカラー反映
ポートフォリオ１ : ４カラム
ポートフォリオ２ : ４カラム
マガジン形式 : ３カラム
添付された画像URLの表示サンプル リンクされた画像URLの表示サンプル
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...
多すぎるほどのカテゴリーに属している投稿。
マガジン形式 : ４カラム
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...
Digipressテーマの文字や各種標準的なHTMLタグの表示テストです。あなたがつくりたいサイトのイメージに照らし合わせながらご覧ください！
この投稿はパスワードで保護されているため抜粋文はありません。
このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です。
人物などの画像やアイコンに吹き出しを付けて任意のテキストを表示できるショートコードです。
吹き出し表示例
ここに吹き出しのテキストを表示します。
Code
[talk words="ここに吹き出しのテキストを表示します。" avatarimg="https://skin.dptheme.net/macchiato1/wp-content/uploads/sites/18/2015/11/girl.jpg"]
会話形式にした表示例
画像とテキストだけを指定してるよ。
僕はアバターを右側にして名前を表示してみたよ！そうだなぁ、アバターは角丸にしてみよう！
じゃ、私はアバターを四角形にしてサイズを変えてボーダーを付けてみるわ。ついでに吹き出しのカラーも変えちゃう！
「これはリンク」みたいにHTMLも表示できるのよ！
「これはリンク」みたいにHTMLも表示できるのよ！
すごいじゃないか、ナンシー！
うーん、アバター画像なしの私は殺風景だ…
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="画像なし子"]