WordPress

【WordPress】スキルを表示するのに役立つプログレスバープラグインProgress Bar

October 11, 2018
Progress Bar

Progress Bar

Progress Barはブログや投稿ページでスキルを表示するためのWordPressのプログレスバープラグイン。プログレスバープラグインは、スキルを表示するのに役立ちます。プラグインは、アニメーション化されたスタイリングのパーセンテージを表示し、複数のカラースキームで非常にクールなプログレスバーを表示することができます。

Progress Barプラグインを導入

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

Progress Bar

  1. Select ProgressBar Designでデザインを選択。
  2. Add ProgressBar 項目を入力。
  3. ProgressBar Shortcode ショートコードを投稿などにコピペします。

ProgressBar Settings

Title Color タイトルカラー
Title Font Size タイトルフォントサイズ
Title Font Weight タイトルフォントの太さ
Slider background Color スライダ背景色
fore Slider Color スライダーの色
Slider handle Color スライダハンドルの色
% Color %の色
Font Style/Family フォントスタイル
progress Box Column Display layout ボックスの列数

公開をします。
Progress Bar
上がデザイン1、下がデザイン2