テーマオプション ヘッダースタイリング

このコンテンツでは、【テーマオプション ヘッダースタイリング】全9のオプションについて解説をしています。

このオプションは、ヘッダー内で表示されるフォントやボーダーなどのスタイリングをします。

なお、このコンテンツで解説している各オプションは、【テーマオプション ヘッダーコンテンツ】で選択するレイアウトによって表示されるもの・されないものがあるので注意しましょう。

このオプションを有効にすると、ヘッダーにドロップシャドウ効果を表示します。
ただし、古いIEでは適用されないので注意しましょう。

レイアウトの1～7とサイドヘッダー、全てのヘッダーレイアウトで表示されるオプションです。

このオプションを有効にすると、ウィンドウサイズに従ってヘッダーの幅を100%で表示します。
オフでは、テーマオプションのレイアウトで設定しているサイト幅になります。

このオプションが表示されるのは、ヘッダーレイアウト1～7です。

なお、サイドヘッダーは、【9.Header Width For Left/Right Position / ヘッダーの幅】という別の幅に関するオプションがあります。

このオプションは、ヘッダーの背景色を設定します。

トップヘッダーの背景に画像を使用する場合は透明度を1にします。
1未満にすると画像が表示されないため注意しましょう。

サイドヘッダーの背景に画像を使用する場合は透明度を1未満にします。
こうすることで背景色と画像をオーバーレイで表示することができます。

このオプションは、ヘッダーコンテンツとメニューの間のボーダーカラーを設定します。サイドヘッダーの場合は、各メニュー間の区切りカラーとして扱われます。

ヘッダーコンテンツ設定ができるレイアウト2～5とサイドヘッダーで表示されるオプションです。

このオプションは、ヘッダーコンテンツ内の背景色を設定します。

ヘッダーコンテンツ設定ができるレイアウト2～5で表示されるオプションです。

このオプションは、ヘッダーコンテンツ3で選択できる「キャッチコピー」、または「キャッチコピーと検索」を選択した場合のフォントサイズを設定します。

ヘッダーコンテンツ3が選択できるレイアウト4とサイドヘッダーで表示されるオプションです。

このオプションは、ヘッダーコンテンツ3で選択できる「キャッチコピー」、または「キャッチコピーと検索」を選択した場合のフォントカラーを設定します。7ではサイズを選択しましたが、こちらはカラーとなります。

7と同様に、ヘッダーコンテンツ3が選択できるレイアウト4とサイドヘッダーで表示されるオプションです。

このオプションは、サイドヘッダーを使用している場合のヘッダーの幅を設定します。

サイドヘッダーは100%幅の設定ができませんが、こちらのオプションで幅のレイアウトを設定することができます。