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]
様々なオプションを指定した例
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
プロフィール画像サイズ、斜体、名前の大きさ、名前の色、背景色、プロフィール画像の枠線の太さ、SNSアイコン表示などを指定しています。
プロフィール画像サイズ、斜体、名前の大きさ、名前の色、背景色、プロフィール画像の枠線の太さ、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)を指定して並べて表示した例
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
See more info
See more info
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。
See more info
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="https://digipress.info/_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>
角丸、四角タイプのプロフィール画像の形状
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせてSNSアイコンも変化します。
See more info
See more info
DigiPressは他を圧倒するデザイン性とパフォーマンスを備えています。このプロフィールボックスもDigiPress専用ショートコードで表示しています。プロフィール画像の形状に合わせてSNSアイコンも変化します。
See more info
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="https://digipress.info/_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>