WordPress テンプレート THOR カスタマイズ

NO IMAGE

設定できるデザイン一覧
設定できる項目とクラス名を全て書き出してみます。

サンプルボタン

ep-btn bgc-Vorange es-size100 ftc-white es-TpaddingS es-BpaddingS es-BTarrow es-bold

サイズ

es-size10:幅10%
es-size25:幅25%
es-size40:幅40%
es-size50:幅50%
es-size60:幅60%
es-size75:幅75%
es-size90:幅90%
es-size100:幅100%

内側の余白

1rem は、基準となる文字の1文字分の大きさです。THE THOR 記事本文の文字サイズは iPad 以上の端末から見た時で 1.6rem、それ以下の場合は 1.4rem なので、余白小で大体1文字分、余白大で3文字分の余白が空くことになります。

es-padding0:余白なし
es-TpaddingSS:上の余白極小(1rem)
es-TpaddingS:上の余白小(1.5rem)
es-TpaddingM:上の余白中(3rem)
es-TpaddingL:上の余白大(4.5rem)
es-RpaddingSS:右の余白極小(1rem)
es-RpaddingS:右の余白小(1.5rem)
es-RpaddingM:右の余白中(3rem)
es-RpaddingL:右の余白大(4.5rem)
es-BpaddingSS:下の余白極小(1rem)
es-BpaddingS:下の余白小(1.5rem)
es-BpaddingM:下の余白中(3rem)
es-BpaddingL:下の余白大(4.5rem)
es-LpaddingSS:左の余白極小(1rem)
es-LpaddingS:左の余白小(1.5rem)
es-LpaddingM:左の余白中(3rem)
es-LpaddingL:左の余白大(4.5rem)

外側の余白

es-margin0:余白なし
es-TmarginSS:上の余白極小(1rem)
es-TmarginS:上の余白小(1.5rem)
es-TmarginM:上の余白中(3rem)
es-TmarginL:上の余白大(4.5rem)
es-RmarginSS:右の余白極小(1rem)
es-RmarginS:右の余白小(1.5rem)
es-RmarginM:右の余白中(3rem)
es-RmarginL:右の余白大(4.5rem)
es-BmarginSS:下の余白極小(1rem)
es-BmarginS:下の余白小(1.5rem)
es-BmarginM:下の余白中(3rem)
es-BmarginL:下の余白大(4.5rem)
es-LmarginSS:左の余白極小(1rem)
es-LmarginS:左の余白小(1.5rem)
es-LmarginM:左の余白中(3rem)
es-LmarginL:左の余白大(4.5rem)

ボーダー(枠線)

es-borderSolidS:細い線で囲む
es-borderSolidM:太い線で囲む
es-borderDashedS:細い破線で囲む
es-borderDashedM:太い破線で囲む
es-borderDottedS:細い点線で囲む
es-borderDottedM:太い点線で囲む

es-BborderSolidS:細い下線
es-BborderSolidM:太い下線
es-BborderDashedS:細い下線(破線)
es-BborderDashedM:太い下線(破線)
es-BborderDottedS:細い下線(点線)
es-BborderDottedM:太い下線(点線)
es-LborderSolidS:左側に細いライン
es-LborderSolidM:左側に太いライン
es-LborderDashedS:左側に細い破線
es-LborderDashedM:左側に太い破線
es-LborderDottedS:左側に細い点線
es-LborderDottedM:左側に太い点線

文字関連

文字のサイズ es-Fsmall
es-Fsmall:文字サイズ小(1.2rem)

文字のサイズ es-Fbig
es-Fbig:文字サイズ中(1.6rem)

文字のサイズ es-Fbig
es-FbigL:文字サイズ大(2rem)

文字の装飾 es-bold
es-bold:太字
es-italic:イタリック体
es-strike:打消し線
es-under:下線
es-left:左寄せ
es-center:中央寄せ
es-right:右寄せ

シャドウ

es-shadowL:要素外側に薄い影
es-shadow:要素外側に影
es-shadowD:要素外側に濃い影
es-shadowInL:要素内側に薄い影
es-shadowIn:要素内側に影
es-shadowInD:要素内側に濃い影
es-TshadowL:文字に薄い影
es-Tshadow:文字に影
es-TshadowD:文字に濃い影

角丸

es-radius:角を丸める(5px)
es-radiusL:角を丸める(10px)
es-round:角を丸める(50px)

背景

es-grada1:グラデーション1
es-grada2:グラデーション2
es-grid:方眼

ラベル専用

es-Lcorner:左上コーナー
es-LroundL:左丸
es-LroundR:右丸
es-Licon:アイコン(余白)
es-LiconBorder:アイコン(ボーダー)
es-LiconBox:アイコン(ボックス)
es-LiconCircle:アイコン(サークル)

ボタン専用

ボックス専用

es-Bwhole:全域タイトル
es-Bbrackets:括弧ボックス
es-BpaperLeft:ペーパーボックス左
es-BpaperRight:ペーパーボックス右
es-BmarkHatena:はてなボックス
es-BmarkExcl:ビックリボックス
es-BmarkQ:Qボックス
es-BmarkA:Aボックス
es-BsubT:サブタイトルボックス(シンプル)
es-BsubTradi:サブタイトルボックス(角丸)
es-BsubTround:サブタイトルボックス(ラウンド)
es-Bicon:アイコン(シンプル)
es-BiconBg:アイコン(背景)
es-BiconObi:アイコン(帯)
es-BiconCorner:アイコン(コーナー)
es-BiconCircle:アイコン(サークル)

icon-happy es-BiconCorner