サイドカラムエリアの設定

サイドカラムエリア設定

この記事では、「THE THOR」のサイドカラムエリア設定について、解説しています。

 

サイドカラムエリア

 

メインカラムエリアの設定と同じように、デザインの設定をここで行います。

どこで設定するの?

外観 > カスタマイズ > 共通エリア設定 > サイドカラムエリア設定 から行います。

サイドカラムエリア設定

サイドカラムフレームの設定

サイドカラムエリアのフレームイメージ

サイドカラムのフレームデザインを設定します。デフォルトは「なし」になっています。「ボーダーフレーム」「シャドウフレーム」から選択します。

ボーダー・シャドウフレーム

 

各ウィジェットのフレーム設定

サイドカラムエリアに表示されるウィジェットのフレーム設定を行います。「なし(デフォルト)」「ボーダーフレーム」「シャドウフレーム」から選択します。

ボーダー・シャドウフレーム

 

サイドカラムウィジェットのフレームを両方とも有りにした場合、以下のようなイメージになります。

サイドカラムとウィジェットのフレーム

 

ウィジェットの見出しデザイン設定

サイドカラムエリアに表示される、ウィジェットの見出しデザインを設定します。

ウィジェットの見出しデザインを選択

デザインは全部で6種類。

  • 角丸(デフォルト)
  • シンプル
  • ボトムボーダー
  • はみだすボーダー
  • シンプル(ワイド)
  • 内側ボーダー(ワイド)

 

ウィジェットの見出しデザイン

 

ウィジェット見出しの色を指定

ウィジェットの見出しの色を変更できます。

  1. まず、「色を選択」ボタンをクリックします。

    色を選択ボタン

  2. クリックするとカラーピッカーが表示されるので、色を選択します。

    カラーピッカー

    サトコハ
    色は、カラーコードでも指定することができるよ。「色を選択」ボタンの横にある欄(#00a568と表示があるところ)にコードを入力してね。

 

スポンサーリンク