設定方法

グローバルメニューのアニメーション設定方法

CARATではグローバルメニューのカスタマイズをPC時とSP時で複数追加しています。

より見やすく、それでいてタップしやすいデザインを目指して作成しました。

りょうた
りょうた
今までのよりよりみやすくなったと思うよ!

それでは設定方法をご説明します。

設定方法

PC時のグローバルメニュー

WordPressの管理画面より「外観」→「カスタマイズ」→「サイトデザイン設定」まで飛んでいただくと、「グローバルメニューのホバーアニメーション」こんな表示が出てくるかと思います。

ここまできたら画像のように「パターン1」をラジオボタンで選択するとPC時のグローバルナビの下層ページの表示がガラッと変わるかと思います。

スマホ時のグローバルメニュー

スマホ時のグローバルメニューは比較的俗に言う「ハンバーガーメニュー」に当たる部分です。

ここも先ほどと同じようにカスタマイザーの「サイトデザイン設定」まで飛んでいただくと「ハンバーガーメニューのカスタマイズ」と出てくると思います。

ここでパターンを変えていただくと、スマホ時の開閉アニメーションやハンバーガーメニューの下に「MENU」といった文字が付与されてよりメニューらしさが出るカスタマイズができるようになります。

導入時の注意事項

グローバルメニューのホバーアニメーションはデザインの都合上、全てのヘッダーデザインに対応しているわけではございません。

2019年 3月現在で対応しているのはヘッダーデザイン3とヘッダーデザイン4のみです。

他のヘッダーを設定している場合、設定を変更しても変化はございませんので予めご了承ください。

りょうた
りょうた
他のヘッダーデザインは随時追加していくよ!

 

WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

「CARAT」は大人可愛いを追求した女性向けデザインプラグインです。

WordPressテーマ「JIN」の機能性と「CARAT」のデザインでより読み手に感動を与えるプラグインを作りました。

「自分のブログが好き」

そんな人が1人でも増えてくれたらと心から願っています。