DigiPress

Highly Flexible WordPress Theme

メニュー
このCSSセレクタは「Attractive」、「Mature」のみで利用できる装飾ですが、将来廃止します。対象テーマでこの装飾を利用するには「詳細設定」から「後方互換」オプションを有効にする必要があります。
新しく追加された「ラベル表示用セレクタ」をご利用ください。

【廃止】アクセント画像表示用セレクタ

アクセント画像: chuui, chuumoku, check, point, matome, juyou, youten, new, osusume, tips
Check!アクセント画像のカラー定義について
アクセント画像の種類ごとで、16色のカラーから指定することができます。

指定の仕方は、各アクセント画像のセレクタの値の後に、”_カラー名” の形式で指定します。

表示例

capture 2014-07-01 23.33.20

Code
<p class="juyou_darkblue">ダークブルーで重要マークを表示。</p>

指定できる(追記する)カラー名は以下の通りです。

  • ライトブルー: _lightblue
  • ライトピンク: _lightpink
  • ライトオレンジ: _lightorange
  • ライトグリーン: _lightgreen
  • ブルー: _blue
  • ピンク: _pink
  • オレンジ: _orange
  • グリーン: _green
  • イエロー: _yellow
  • レッド: _red
  • グレー: _grey
  • ライラック: _lilac
  • ゴールド: _gold
  • シルバー: _silver
  • モカ: _mocha
  • ダークブルー: _darkblue

以下は、カラー名を指定をせずにアクセント画像用セレクタのみを使用した場合の表示です。

表示例

capture 2014-07-01 23.34.16

Code
<p class="chuui">注意マークのアクセント画像</p>
<p class="chuumoku">注目マークのアクセント画像</p>
<p class="check">チェックマークのアクセント画像</p>
<p class="point">ポイントマークのアクセント画像</p>
<p class="matome">まとめマークのアクセント画像</p>
<p class="juyou">重要マークのアクセント画像</p>
<p class="youten">要点マークのアクセント画像</p>
<p class="new">Newマークのアクセント画像</p>
<p class="osusume">おすすめマークのアクセント画像</p>
<p class="tips">Tipsマークのアクセント画像</p>