フロントページのメインビジュアルに、プラグイン「grayish MV add」を使用中!詳しくはここをClick!
PR

ヘッダー

記事内に広告が含まれています。
カスタマイズ

メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】

フロントページかつPC表示の場合のカスタマイズです。メインビジュアルに選ぶ画像によって、その上に重なっているナビメニューのテキストが見にくくなったりすることがあると思います。メインビジュアル表示中のみ、カスタマイズカラーにし、スクロールしてメインビジュアルを通り過ぎたら、テーマカスタマイザーで設定したカラーに戻ります。
カスタマイズ

メインビジュアルをPCとモバイルで別画像にするカスタマイズ【CSSのみ】

画面いっぱいに表示するメインビジュアルをPCとモバイル(画面幅1023px以下とします)で別の画像にしたい、という方へ向けたカスタマイズ方法です。 また、PC時とモバイル時それぞれの画像の表示位置の調整方法も紹介しています。 子テーマのstyle.cssにコードを追加します。事前にバックアップを取ってからカスタマイズしてください。
マニュアル

ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能(24/09/02 独自ドメインSSL化に関する内容の追加)

ロゴ設定の機能追加のお知らせです。Cocoon ver2.7.4.1以降で利用可能です。PC時のフロントページ以外のヘッダーロゴと、モバイル時のロゴを任意の画像に変更可能になります。 テーマカスタマイザーでメディアにある画像を設定できます。
カスタマイズ

テーマカスタマイザー:グローバルナビの高さや背景色を変更する(PC時)

フロントページと、その他のページで設定する項目を分けています。 その他のページではロゴ画像が設定されている場合、ロゴ画像が見やすいように高さを調整するのに役立つと思います。 ヘッダーの背景色について、デフォルトでは薄いグレーの半透明ですが、サイトに合わせて色を変更したり、半透明を透明にしたり等をお好みで行うことができます。
マニュアル

メニュー設定:タブレット・スマホのヘッダー・フッターモバイルボタン

モバイル(タブレット・スマホ)時に画面の上に表示されるハンバーガーメニューアイコン、検索ボタン、画面下に表示されるホームアイコン、トップへ戻るボタンなど、アイコンで表示されるメニューの設定についてです。grayishではデフォルトでヘッダー・フッターモバイルボタンに設定しており、PCグローバルメニューの設定が済んでいれば特に設定しなくてもメニューが表示されます。アイコンの並びをオリジナルにしたい場合や、アイコン下のキャプションを変更したい場合は、専用のメニューを作成し、設定します。
マニュアル

メニュー設定:PCグローバルナビ

Cocoonのグローバルナビと作成手順は同じです。grayish独自仕様があります。メニューの最後に検索ボタンが付く、お好みでSNSボタンの追加が可能、サブメニュー表示は3階層下まで、フロントページとその他のページでは表示が異なる、などです。 フロントページでは、ロゴはメニューに含まれません。フロントページ以外では、ロゴとメニューが横一列に表示される仕様になっています。 PCの時、サブメニューはある程度スクロールすると非表示になります。トップに戻ると表示されます。
スポンサーリンク
タイトルとURLをコピーしました