ヘッダーを追従させたくて 〜2019夏〜【Cocoon】

上にスクロールするとヘッダーが隠れて、下にスクロールすると現れるやつあるじゃないですか?

そのヘッダーの追従ってのをやりたくてネットで設定方法を1〜2ヶ月くらい調べて色々試したんですけど、結局は完成させる事が出来ませんでした。

そして今日、衝撃の事実が発覚しました。

 

スポンサーリンク

ヘッダーモバイルボタン

そうなんです。Cocoonのアップデート(1.8.5)で既に機能として追加されていたのです。

実装できる喜びと、今までの努力は何だったのかという悲しみで複雑な想いでした。とか言ってすぐ設定しましたけどね。

 

Cocoon設定 → モバイル

ココにヘッダーモバイルボタンが追加されていました。フッターはもともと使っていたので、ヘッダー・フッターモバイルボタン(β版) にしました。

ヘッダーモバイルボタン

 

ヘッダーを非表示

ヘッダーが重複して表示される場合は非表示にすればOKみたいですね。ワシの2ヶ月(´;ω;`)

.logo-header {
  display: none;
}

 

 

今回の収穫

 

子テーマの編集

今まではWordPressの追加CSSしか利用していませんでしたが、今回初めて子テーマ(Cocoon Child)を編集する機会を得ました。

サイトが真っ白になったり(笑)色々ありましたが、少し慣れてきた感じはあります。追加CSSは上手く活用(実装テスト用)にして、基本的には子テーマの編集をメインにしていきたいです。

 

ものぐさWEBノートさん

わいひらさんがものぐさWEBノートさんの記事を参考にされたとか。もちろん私も昨日まで何度も見ていたサイトです。確かに私が見た中でも1番分かりやすくて勉強になった記事です。大変助かりました。

Cocoonのモバイルフッターメニューをヘッダー固定にカスタマイズ【実装されました】
2019-06-24: Cocoon1.8.5からヘッダーモバイルボタンが実装されたので、カスタマイズ不要になりました!*こちらの記事は記録として残しておきます。詳細 ヘッダーモバイルボタンの設定方法Cocoon1.7.8からモバイルフッタ

わいひらさんに参考にして貰うなんて凄い事ですよね。当サイトなんて「何だ、ただのクソサイトのゴミ記事か」と思われて秒でクローズされる可能性が否めません。少しずつ勉強するしかないっすねぇ。。

 

Comment

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