このショートコードを使用するにはDigiPressテーマ専用のプラグイン(有料)が必要です
最低限のオプションを指定した例
[skillbars] [sbar title='HTML' rate=82] [sbar title='CSS' rate=70] [sbar title='Javascript' rate=48] [/skillbars]このショートコード
[skillbars] [sbar title='HTML' rate=82] [sbar title='CSS' rate=70] [sbar title='Javascript' rate=48] [/skillbars]
様々なオプションを組み合わせた例
[skillbars] [sbar title='WordPress' titlesize=15 rate=78 ratetext='一番得意' ratesize=14 height=60] [sbar title='Photoshop' titlecolor=#1F434C ratebarcolor=#49D1FF titlesize=13 rate=58 ratetext='基本だけ' ratecolor=#fff ratesize=12 bgcolor=#5E96BD height=50] [sbar title='Illustrator' ratebarcolor=#FF76A1 titlesize=14 rate=64 ratetext='それなり' ratecolor='' ratesize=13 height=40] [sbar title='PHP' ratebarcolor='#E58C42' titlebold=0 rate=42 ratetext='日々精進' height=30] [/skillbars]このショートコード
[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つのグラフを表示した例
[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='WordPress' captionsize=15 captionbold=1 duration=4200 startrate=10 startangle=180 reverse='false'] [/skillcircles]このショートコード
[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]