【WordPress】ウェブサイト上にスキルバーを追加できるスキルセットSKT Skill Bar

skt_skill_bar_s

SKT Skill Barはウェブサイト上にスキルバーを追加できるプラグイン。プログレスバー、半円形バー、円形バーをパーセンテージで設定し、表示できるプラグイン。

SKT Skill Barプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> SKT Skill Barを検索
有効化にすると設定にSKT Skill Barが追加されます。

type=”bar”

skt_skill_bar_1

ショートコード

[skillwrapper type="bar"]
[skill title_background="#f7a53b" bar_foreground="#f7a53b" bar_background="#eeeeee" percent="90" title="CSS3"]
[skill title_background="#6adcfa" bar_foreground="#6adcfa" bar_background="#eeeeee" percent="55" title="WordPress"]
[skill title_background="#fa6e6e" bar_foreground="#fa6e6e" bar_background="#eeeeee" percent="85" title="PHP"]
[skill title_background="#336699" bar_foreground="#336699" bar_background="#eeeeee" percent="100" title="jQuery"]
[/skillwrapper]

type=”gage”

skt_skill_bar_2

ショートコード

[skillwrapper type="gage" align="left"]
[skill percent="75" title="Wordpress" bar_foreground="#f00" bar_background="#eee"]
[skill percent="25" title="SEO" bar_foreground="#f60" bar_background="#eee"]
[skill percent="50" title="PHP" bar_foreground="#900" bar_background="#eee"]
[/skillwrapper]

type=”circle”

skt_skill_bar_3

ショートコード

[skillwrapper type="circle" track_color="#dddddd" chart_color="#333333" chart_size="150" align="left"]
[skill percent="88" title="Web Research"]
[skill percent="55" title="WordPress"]
[skill percent="85" title="PHP"]
[skill percent="100" title="jQuery"]
[/skillwrapper]

 
SKT Skill Bar

【WordPress】ウェブサイト上にスキルバーを追加できるスキルセットSKT Skill Bar

  • LATEST
  • RELATED
  • POPULAR