SEO最強WordPressテーマ テンプレート【THE THOR】カスタマイズ

SEO

SEOに強いと噂のWordpressテンプレートTHORを試してみた!

スタイルの使い方

ラベル

角丸レッドラベル
シンプルボーダーラベル
丸アイコンラベル
ブルーボーダーラベル
ライム左ラウンドラベル
丸アイコンオレンジラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル

ボタン

サークルアイコン・ボタン
グレーラウンドアイコンボタン
ブルーボーダーボタン
ブルーグラデボタン
ピンクアイコンボタン

ボックス

@@@
サブタイトルボーダーボック
方眼ペーパーボックス
はてなボックス
びっくりボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンボックス

タイトル

ターコイズグラデタイトル
アイコンボーダータイトル
ブルーシャドータイトル
サブタイトルボーダーボックス

サイトカード

関連記事

THE THORの各パーツのカラー設定一覧です。 ftc- が文字色 bgc- が背景色 brc- がボーダー色になります。 [su_row][su_column size="1/3" center="no" class[…]

ブログカード

ほったらかし投資Navi

THE THORの各パーツのカラー設定一覧です。 ftc- が文字色 bgc- が背景色 brc- がボーダー色になりま…

カスタマイズに必要な設定できるデザイン一覧

設定できる項目とクラス名を全て書き出してみます。

サンプルボタン

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

背景色

bgc-Vorange
bgc-Vyellow
bgc-Vgreen
bgc-Vred
bgc-Vmaroon
bgc-Vaqua

サイズ

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:アイコン(サークル)

このサイトで紹介している投資に関して興味がある方はこちらから友達申請をお願いします。
投資歴数十年、専業トレーダーも多く在籍する我々のグループがいろいろな案件の提案からフォローをします。

ほったらかし投資「投資勉強会」

長く付き合える気持ちの良い仲間をつくっています。
リアルで会える、本音で話せる、直接お話できる方だけにしています。
話ができない方はご遠慮いただいていますので、ご了承ください。