SEOに強いと噂のWordpressテンプレートTHORを試してみた！
スタイルの使い方
ラベル
ボタン
ボックス
サブタイトルボーダーボック
タイトル
サイトカード
THE THORの各パーツのカラー設定一覧です。 ftc- が文字色 bgc- が背景色 brc- がボーダー色になります。 [su_row][su_column size="1/3" center="no" class[…]
ブログカード
THE THORの各パーツのカラー設定一覧です。 ftc- が文字色 bgc- が背景色 brc- がボーダー色になりま…
カスタマイズに必要な設定できるデザイン一覧
設定できる項目とクラス名を全て書き出してみます。
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-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：アイコン（サークル）
