【特典】THE THORで使えるCSSカスタマイズまとめ

当ブログより、THE THORをご購入いただきありがとうございます。

「カスタマイズ手順を見る」ボタンをクリック、メールで送ったパスワードを入力・送信するとカスタマイズ手順が見れます。

もし、パスワードが届いてないときは、お手数ですが下記お問い合わせよりご連絡ください。

テーマ購入者さん以外の方も、有料で公開しているのでお気軽にお問い合わせください。

【カスタマイズ１】ウィジェットのプロフィール

Before

After

ウィジェットを使ってカスタマイズしたプロフィールを表示できます。

【カスタマイズ２】ハンバーガーメニュー・検索アイコンの色

Before

After

ハンバーガーメニュー・検索アイコン、それぞれ使う色を指定できます。

【カスタマイズ３】メニューパネルのアイコン

Before

After

メニューパネルのアイコンは、それぞれ非表示にできます。

【カスタマイズ４】サブメニュー背景色・文字色

Before

After

メインメニューにカーソルを合わせると表示されるサブメニューは、背景色・文字色を指定できます。

【カスタマイズ５】フッター背景色・文字色・高さ

Before

After

フッターの背景色・文字色・高さを指定できます。

【カスタマイズ６】フッターのカテゴリーウィジェット

Before

After

フッターで使うカテゴリーウィジェットの背景色・文字色を指定できます。

【カスタマイズ７】サイドのカテゴリーウィジェット

Before

After

サイドカラム で使うカテゴリーウィジェットの背景色・文字色を指定できます。

【カスタマイズ８】カテゴリーウィジェットの親カテゴリーのみ表示

Before

After

カテゴリーウィジェットの子カテゴリーは、非表示にできます。

【カスタマイズ９】サイトカード・ブログカードのサイズ

Before

After

サイトカード・ブログカードは、サイズ変更ができます。

サイズ変更は、下記CSSを「外観＞テーマエディター＞style-user.css」に貼り付けてください。

【カスタマイズ１０】アイキャッチのカテゴリー非表示（アーカイブで表示されるため）

Before

After

アーカイブ（記事一覧）で表示されるアイキャッチ上のカテゴリーは、非表示にできます。

【カスタマイズ１１】TOPへ戻るボタン

PC  Before

PC  After

スマホ　Before

スマホ　After

TOPに戻るボタンの形と色は、変更できます。

【カスタマイズ１２】SNSシェアボタンを右寄せ

Before

After

SNSのシェアボタンは、カスタマイザー＞固定ページ設定・投稿ページ設定＞シェアボタン設定から表示設定ができます。

シェアボタンの位置は、指定できます。

【カスタマイズ１３】アーカイブページで抜粋文を非表示

Before

After

アーカイブページの抜粋文は、非表示にできます。

【カスタマイズ１４】タグの枠線の太さ・パターン・色

Before

After

アフィリエイトなどで使うタグの枠線の太さ・パターン・色は、指定できます。

【カスタマイズ１５】スマホ用固定フッターの色

Before

After

スマホ用固定フッターは、背景色・アイコンの色をそれぞれ指定できます。

【カスタマイズ１６】メインビジュアルのボタン色

Before

After

メインビジュアルのボタンは、色を指定できます。

【カスタマイズ１７】フッターCTAのボタン色

Before

After

フッターCTAのボタンは、色を指定できます。

【カスタマイズ１８】お問い合わせページの送信ボタン色

Before

After

お問い合わせページの送信ボタンは、色を指定できます。

【カスタマイズ１９】TOPページのナビ

画像付きのナビを設置できます。

【カスタマイズ２０】指定したウィジェットをスマホで非表示

スマホに表示させたくないウィジェットがあるとき、プラグインを使って指定のウィジェットを非表示にできます。

「カスタマイズ手順を見る」ボタンをクリック、メールで送ったパスワードを入力・送信するとカスタマイズ手順が見れます。

もし、パスワードが届いてないときは、お手数ですが下記お問い合わせよりご連絡ください。

テーマ購入者さん以外の方も、有料で公開しているのでお気軽にお問い合わせください。

以上、【特典】THE THORで使えるCSSカスタマイズまとめでした。

お読みいただき、ありがとうございました。