【THE THOR】サイドカラムエリアの不具合修正と見出しデザインの変更方法

WordPressの有料テーマ【THE THOR(ザ・トール)】 のサイドカラムエリアがデモサイトの様に装飾されておらず、味気ない表示になったのを修正した備忘録です。

ダッシュボード経由でのサイドカラムエリアのタイトル(見出し)デザイン変更法も載せていますが、ライトな変更なので激しくデザインを変えたい場合CSSでのカスタマイズ記事をご覧ください。

関連記事

WordPressの有料テーマ【THE THOR(ザ・トール)】 のサイドカラムエリアの見出し(タイトル部分)をCSSでカスタマイズする記事です。 カスタマイズの前に 見出しデザインによって、セレクタが[…]

味気ない表示とは

味気ない表示って何(笑)って感じですが、下の画像の様な表示だったんです。

ヨシ

❶新規でインストールした時も、❷他のテーマから変えた時も、この現象でした。

末吉

3・4年前にインストールした時はこの現象は無かったので、WordPressがブロックエディタ仕様に推移したのが原因なのかなあ?

どうすればいいの?

👇解決策はコチラ。

解決策
❶ サイドカラムエリアのウィジェットを一旦全部削除
❷ 表示させたいウィジェット追加

ウィジェットを全消し

プラグインのClassic Widgetsを有効化した状態で、次からの工程を載せています。

Classic Widgets

このプラグインが無くてもウィジェットの削除・追加が出来るけれど、これからウィジェットを沢山いじりたい方は、Classic Widgetsをお勧めします。

削除作業

サイドバーエリアと追従サイドバーエリアのウィジェットを全て削除します。

外観 ➡ ウィジェット ➡ サイドバー(追従サイドバーエリア)ブロックの右横▼を押す ➡ 削除

ウィジェットを再追加

全削除したらウィジェットを追加します。例としてカテゴリーをサイドバーエリアに追加する手順を載せます。

外観 ➡ ウィジェット ➡ 追加したいウィジェットの右横▼を押す ➡ サイドバーエリア ➡ ウィジェットを追加
タイトルを入力 ➡ 保存

表示を確認するとデモサイトのような通常営業の表示に戻ると思います。追加したいウィジェットがあればこの調子で進めて下さい。

デザインの変更

ダッシュボード経由でデザインを変更する方法です。

色変更

外観 ➡ カスタマイズ ➡ 基本設定[THE] ➡ 基本スタイル設定 ➡ ■テーマカラーを指定

テーマカラーごと変えるのでサイドカラムエリア以外の色も変更されます。

タイトルだけの色変更

外観 ➡ カスタマイズ ➡ 共通エリア設定[THE] ➡ サイドカラムエリア設定 ➡ ■ウィジェット見出しの色を指定

タイトル(見出し)の色が変更できます。

タイトル(見出し)デザイン変更

タイトル(見出し)デザインの変更も数種類用意されています。👇こんなの。

外観 ➡ カスタマイズ ➡ 共通エリア設定[THE] ➡ サイドカラムエリア設定 ➡ ■ウィジェットの見出しデザインを選択

ヨシ

この変更はリアルタイムで更新されないので「公開」ボタンを押して再読み込みして表示を確認してね。

あとがき

あとがき

末吉

ダッシュボードからのデザイン変更は以上です。

ヨシ

更にカスタマイズするには、CSSを追加します。
記事にしたのでこちらもどうぞ!

\ CSSを使えばどんなデザインでも可能かも❓(言い過ぎ?)/

関連記事

WordPressの有料テーマ【THE THOR(ザ・トール)】 のサイドカラムエリアの見出し(タイトル部分)をCSSでカスタマイズする記事です。 カスタマイズの前に 見出しデザインによって、セレクタが[…]

またね。ヨシと末吉👩🏻😺でした。