Color Widgets
ウィジェットの”テキスト”みたいなウィジェットを追加するプラグイン
「Color Widgets」
カラースタイルはウィジェットオプションで出来るので、ウィジェット領域のレイアウトだけCSSで固めれば何かと便利かもです。
１、プラグインをアップロードして有効化
２、管理メニュー「外観」、「ウィジェット」から”ColorWidgets”を追加
３、ウィジェットオプションから設定を行う
Border Width for Widget Example 2px:
ウィジェット部分を囲むボーダーのサイズを入力
例 5px
Border Color for Widget Example #FFC47F:
ボーダーカラーを入力
例 #ffffff
Border Style for Widget: なし Dotted Dashed Solid Double Groove Ridge Inset Outset
ボーダースタイルを選択
solidなど
Margin for Widget Distance between widget and template div in px:
他のウィジェットの間のマージンを入力
例 10px
Enable Default Theme Style ?:
??
“はい”のままだとテキスト位置などのスタイルが反映されないので”いいえ”を選択
使用テーマで変わるかもです
Title Parameters項目
タイトル部分の設定
タイトル:
このウィジェットのタイトル
例 インフォメーション
Title Padding:
タイトル部分のパディング
例 3px
Title Background Color:
タイトル部分の背景色
例 #555555
Title Font Color:
タイトルのフォントカラー
#ffffff
Title Horizontal Alignment:
タイトルの位置
Content Text Parameters (HTML Allowed)項目
コンテンツ部分の設定
Content:
ここにコンテンツを入力
HTMLタグが使えますので改行させる場合は br / などなど
Text Padding:
コンテンツ部分のパディング
Text Background Color:
コンテンツ部分の背景色
Text Font Color:
コンテンツのフォントカラー
Text Horizontal Alignment:
コンテンツ部分のテキスト位置
設定が終わったら”保存”をクリック
PR
