プロフィール用ショートコード

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テーマ専用のプラグイン(有料)が必要です

シンプルな表示例

DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。

Code

[profile name="Ms. DigiPress" profimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620x422.jpg" topbgcolor="#EE816A" border=1]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
[/profile]

様々なオプションを指定した例

Profile image
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
プロフィール画像サイズ、斜体、名前の大きさ、名前の色、背景色、プロフィール画像の枠線の太さ、SNSアイコン表示などを指定しています。

Code

[profile name="Ms. DigiPress" namesize=22 namecolor="#36597E" nameitalic=1 authorurl="#" profimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620x422.jpg" profshape="circle" profsize=200 topbgimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/unsplash_529f51e60b51c_1.jpg" profbdwidth=12 twitterurl="#" facebookurl="#" googleplusurl="#" youtubeurl="#" pinteresturl="#" hoverfx=1 bgcolor="#DAEAFE" desccolor="#36597E" descfontsize="13px" border=1 bdcolor="#36597E"]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
プロフィール画像サイズ、斜体、名前の大きさ、名前の色、背景色、プロフィール画像の枠線の太さ、SNSアイコン表示などを指定しています。 [/profile]

幅(300px)を指定して並べて表示した例

Profile image
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
See more info
Profile image
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
See more info

Code

<div class="clearfix">[profile name="Ms. DigiPress" profimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620x422.jpg" profsize=90 topbgimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/unsplash_529f51e60b51c_1-620x414.jpg" twitterurl="#" facebookurl="#" googleplusurl="#" youtubeurl="#" pinteresturl="#" hoverfx=1 class="fl-l" width="300px"]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
<a href="http://demo.dptheme.net/dp7/category1/category3/post-1648/" class="icon-right-bold">See more info</a> [/profile] [profile name="Mr. DigiPress" profimgurl="http://digipress.digi-state.com/_wp/wp-content/uploads/2014/05/boy.jpg" topbgimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/unsplash_52b6b4db7397c_1-620x413.jpg" twitterurl="#" facebookurl="#" googleplusurl="#" hoverfx=2 class="fl-r" width="300px"] DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
<a href="http://demo.dptheme.net/dp7/category1/category3/post-1648/" class="icon-right-bold">See more info</a> [/profile]</div>

角丸、四角タイプのプロフィール画像の形状

Profile image
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせてSNSアイコンも変化します。
See more info
Profile image
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせてSNSアイコンも変化します。
See more info

Code

<div class="clearfix">[profile name="Ms. DigiPress" profimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620x422.jpg" profshape="round"  topbgimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/unsplash_529f51e60b51c_1-620x414.jpg" twitterurl="#" facebookurl="#" googleplusurl="#" youtubeurl="#" pinteresturl="#" class="fl-l" width="300px" border=1]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせて<span class="blue">SNSアイコンも変化</span>します。
<a href="http://demo.dptheme.net/dp7/category1/category3/post-1648/" class="icon-right-bold">See more info</a> [/profile] [profile name="Mr. DigiPress" profimgurl="http://digipress.digi-state.com/_wp/wp-content/uploads/2014/05/boy.jpg" profshape="square" topbgimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/unsplash_52b6b4db7397c_1-620x413.jpg" twitterurl="#" facebookurl="#" googleplusurl="#" youtubeurl="#" pinteresturl="#" hoverfx=2 class="fl-r" width="300px" border=1] DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせて<span class="blue">SNSアイコンも変化</span>します。
<a href="http://demo.dptheme.net/dp7/category1/category3/post-1648/" class="icon-right-bold">See more info</a> [/profile]</div>

レックスボックスショートコードを活用して横並びにした例

digistate co., ltd.
Webディレクター
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
digistate co., ltd.
Webデザイナー
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
digistate co., ltd.
アートディレクター
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。

Code

[flexbox flexchildren=1]
[flexitem margin=10]
[profile
name="DigiPress Boy"
namesize=22
title1="digistate co., ltd."
title1size=13
title2="Webディレクター"
title2bold=1
authorurl="#" profimgurl="http://demo.dptheme.net/dp9/wp-content/uploads/sites/7/boy.jpg"
profsize=160
topbgcolor=#fff
twitterurl="#"
facebookurl="#"
googleplusurl="#"
youtubeurl="#"
pinteresturl="#"]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
[/profile]
[/flexitem]
[flexitem margin=10]
[profile
name="Ms. DigiPress"
namesize=22
title1="digistate co., ltd."
title1size=13
title2="Webデザイナー"
title2bold=1
authorurl="#"
profimgurl="http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620x422.jpg"
profshape="circle"
profsize=160
topbgcolor=#fff
twitterurl="#"
facebookurl="https://www.facebook.com/digipressthemes"
googleplusurl="https://plus.google.com/"
youtubeurl="#"
pinteresturl="#"
hoverfx=1]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。[/profile]
[/flexitem]
[flexitem margin=10]
[profile
name="Mr. DigiPress"
namesize=22
title1="digistate co., ltd."
title1size=13
title2="アートディレクター"
title2bold=1
authorurl="#"
profimgurl="http://digipress.digi-state.com/_wp/wp-content/uploads/2014/05/boy.jpg"
profsize=160
topbgcolor=#fff
twitterurl="#"
facebookurl="#"
googleplusurl="#"
hoverfx=2]
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
[/profile]
[/flexitem]
[/flexbox]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!