スキルバーショートコード

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 )

ノーマル形式

たくさんのトラックバック
たくさんのトラックバックがある投稿。吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しか...
読みやすさのテスト
吾輩は猫である。名前はまだ無い。 どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であ...

ポートフォリオ2 : 4カラム

マガジン形式 : 3カラム

画像テスト
様々なレイアウトを考慮した画像配置や画像サイズの表示テストです。DigiPressは美しいだけでなく徹底した表示要件にも配慮されています。

マガジン形式 : 4カラム

十分大きな声でそれを口に出せば、いつもませて聞こえる; スーパーカリフラジリスティックエクスピアリドーシャス!
とても長い単語が含まれたとても長いタイトルの投稿。日本語の場合は単語の区切りにスペースを使用していないので単語の長さはあまり関係ない。タイトルの行の高さ (line-height) とタイトルエリアが狭い場合に起こりうるオーバーフローの問題...
1454 views

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

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

最低限のオプションを指定した例

HTML
82%
CSS
70%
Javascript
48%

このショートコード

[skillbars]
[sbar title='HTML' rate=82]
[sbar title='CSS' rate=70]
[sbar title='Javascript' rate=48]
[/skillbars]

様々なオプションを組み合わせた例

WordPress
一番得意
Photoshop
基本だけ
Illustrator
それなり
PHP
日々精進

このショートコード

[skillbars]
[sbar 
title='<i class="wordpress"></i>WordPress'
titlesize=15
rate=78
ratetext='一番得意'
ratesize=14
height=60]

[sbar 
title='Photoshop'
titlecolor=#1F434C
titlesize=13 
ratebarcolor=#49D1FF 
rate=58 
ratetext='基本だけ'
ratecolor=#fff
ratesize=12
bgcolor=#5E96BD
height=50]

[sbar 
title='Illustrator'
titlesize=14
ratebarcolor=#FF76A1
rate=64
ratetext='それなり' 
ratesize=13
height=40]

[sbar 
title='PHP' 
titlebold=0
ratebarcolor=#E58C42 
rate=42 
ratetext='日々精進' 
height=30]
[/skillbars]

円形スキルバーショートコード

様々なパラメータを指定して4つのグラフを表示した例

%
%
従来比より
Calorie
52% OFF!
%
WordPress

このショートコード

[skillcircles]
[scircle rate=46]

[scircle rate=75 caption='従来比より' barcolor='#ff559f']

[scircle rate=52 ratetext='Calorie' ratesize=15 size=150 barcolor='#8BC131' caption='52% OFF!' duration=2800 startangle=360]

[scircle 
rate=84
ratesize=45
ratebold=1
barcolor='#0681c4'
barcolor2='#07c6c1'
barwidth=20
size=200
blankcolor='rgba(0,0,0,0.24)'
caption='<i class="icon-wordpress"></i>WordPress Share'
captionsize=15
captionbold=1
duration=4200
startrate=10
startangle=180
reverse='false']
[/skillcircles]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Pickups!