【カスタマイズCSS】ChiharuDesign.comのTHE THORカスタマイズ15箇所

thethorカスタマイズCSS
Chiharu
Chiharu

今回は、ChiharuDesign.comで使用しているCSSの紹介です。

まとめて紹介しますので、使いやすいものを選んで設定するようになさってください。

 

1.ハンバーガーメニューのカスタマイズ

 

Beforeハンバーガーメニュー
Afterハンバーガーメニュー

ハンバーガーメニューの色をカスタマイズしました。

 

2.メニューパネルのカスタマイズ

 

Beforeメニューパネル
Afterメニューパネル

 

メニューパネルに表されるアイコンを非表示にしました。

 

3.サブメニューの色のカスタマイズ

 

Beforeサブメニュー
Afterサブメニュー

 

メインメニューにカーソルを合わせた時に表示されるサブメニューの背景色・文字色をカスタマイズしました。

 

4.フッターのカスタマイズ

 

Beforeフッター
Afterフッター

 

フッターの背景色・文字色・高さをカスタマイズしました。

 

5.フッターのカテゴリーウィジェットのカスタマイズ

 

Beforeフッターウィジェット
Afterフッターウィジェット

 

フッターに表示するカテゴリーウィジェットの背景色・文字色をカスタマイズしました。

 

6.サイドのカテゴリーウィジェットのカスタマイズ

 

Beforethe thor サイドウィジェット
Afterthe thor サイドウィジェット

 

サイドに表示するカテゴリーウィジェットの背景色・文字色をカスタマイズしました。

 

7.カテゴリーウィジェットのカスタマイズ

 

Beforeカテゴリーウィジェット
Afterカテゴリーウィジェット

 

カテゴリーウィジェットの子カテゴリーを非表示にしました。

 

8.サイトカード・ブログカードのカスタマイズ

 

Before
サイトカード・ブログカード
Afterサイトカード・ブログカード

 

サイトカード・ブログカードの抜粋文を非表示・文字色をカスタマイズしました。

 

9.アイキャッチのカテゴリーをカスタマイズ

 

Beforeカテゴリー削除
Afterカテゴリー削除

 

アーカイブ(記事一覧)で表示されるアイキャッチのカテゴリーを非表示にしました。

 

10.TOPへ戻るボタンのカスタマイズ

 

BeforeTOPに戻るボタン
AfterTOPに戻るボタン

TOPに戻るボタンの形と色をカスタマイズしました。

 

11.SNSシェアボタンを右寄せ

 

BeforeSNSシェアボタンの並び替え
AfterSNSシェアボタンの並び替え

 

シェアボタンを向かって右寄せにカスタマイズしました。

 

12.目次をカスタマイズ

 

Before目次のカスタマイズ
After目次のカスタマイズ

 

目次の数字の色・背景色・マウスが乗ったときの文字色・目次開閉の表示方法をカスタマイズしました。

 

13.抜粋文をカスタマイズ

 

Before抜粋文非表示
After抜粋文非表示

 

アーカイブページで表示される抜粋文を非表示にしました。

 

14.タグの枠線の太さ・パターン・色のカスタマイズ

 

 

Beforeタグのカスタマイズ
Afterタグのカスタマイズ

 

アフィリエイトなどで使うタグの枠線の太さ・パターン・色のカスタマイズをしました。

 

15.ウィジェットのカスタマイズ

 

指定したウィジェットをスマホで非表示にしました。

 


 

テーマ購入者さん・カスタマイズサポート利用者さんは、下記ボタンをクリックしてカスタマイズ方法をご覧ください。

 

カスタマイズ方法をご覧になりたい方は、お問い合わせください。