grayishスキン適用中

ヘッダーを固定する方法※PCのみ

テーマ設定
この記事は約2分で読めます。

Cocoon 2.0.9.8より、パソコンで表示した際にヘッダーを固定できるように機能追加しました。

動作はこんな感じ。

固定ヘッダーの動作

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

固定ヘッダーの設定方法

ヘッダーを固定するには、まずテーマ設定を開いてください。

WordPress管理画面から「Cocoon設定」を選択してください。

Wordpress管理画面からCocoon設定を選択

「ヘッダー」タブから「ヘッダーを固定する」を選択してください。

ヘッダーを固定するを選択

動作確認

センターロゴ系のヘッダーの場合は、冒頭のような以下のような動作になります。

固定ヘッダーの動作

トップメニュー系の場合は、メニューの形は変わりません。

トップメニューの固定ヘッダー動作

注意点

このヘッダー固定機能は、以下のような注意点があるのでご留意してご利用ください。

動作はパソコンのみ

ヘッダー固定機能は、パソコンのみで動作します。

モバイルだと場所をとって邪魔なので、通常のモバイル動作と変化はありません。

サブメニューが非表示になる

ヘッダーが固定されている際は、グローバルナビのサブメニューは表示されません。

これは、グローバルナビのサブメニューがドロップダウンすることにより、AdSense広告に重ならないようにするためです。

サブメニューが広告に重なると、誤クリックを誘発し、アドセンスポリシー違反になる恐れがあるので、非表示にしてあります。

ポイント

パソコン画面は広いので、画面上部にメニューが表示されていてもさほど気にはなりません。

加えて、常にグローバルメニューが表示されている状態になるので、違うメニューに移動する際にも、スクロールで最上部に戻ることなく、可能になります。

テーマ設定

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

\WordPressの情報を発信中!/

わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする

高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】稼働率99.99%以上の高い安定性で、業界トップクラスの高コストパフォーマンスを誇る高品質レンタルサーバーです。

まずは無料お試し10日間。

サービス運営期間:20年

Cocoon
タイトルとURLをコピーしました