IRIE FILM WORKS

cinematic wedding movie

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

  • Weekly Ranking
  • Menu
  • Search by Tag
    このショートコードを使用するには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='&lt;i class="icon-wordpress"&gt;&lt;/i&gt;WordPress Share'
captionsize=15
captionbold=1
duration=4200
startrate=10
startangle=180
reverse='false']
[/skillcircles]