何もしない初期設定状態でも、モバイルのスクロールに応じて出たり入ったりするメニューは表示されるのですが、いらない項目は消したりしたい。設定の方法の備忘です。
フッターメニューの設定
外観→カスタマイズ→メニュー でメニュー項目が開く。
右側のプレビュー表示をモバイルにしたいので、左側の設定したりするボタンのある所の一番下にある、PC・タブレット・スマホのアイコンから、タブレットかスマホをチョイス。
以下の画像は、スマホをチョイスした時の表示イメージを使っています。
サイトにメニューがありませんと言われても、プレビューでは、ホーム・検索・トップ・サイドバーのモバイル用にゅるっと出てくるフッターメニューがあるので、これをいじりたい、と思ってもこのデフォルトメニューはいじれない。
メニューの新規作成は慎重にする
誘われるようにメニューの新規作成ボタンを押すと、プレビューからモバイルフッターメニューが消えて戻せない。勢いで押さない方がいいです。
フッターモバイルボタンを選んで、メニュー名を入力、項目を追加ボタンを押すと、右側にメニュー項目の選択入力窓が開くので、とりあえず、開いている「固定ページ」からホームをクリック。
元の左側のメニュー名の下にホームが表示されるので、項目を追加すると、プレビュー画面の下に★ホームが表示されるので、とりあえず最小表示のモバイルフッターメニューが完成。
カスタムリンクや、カテゴリーなど他にも色々設定できるので、詳しくはCocoonの解説ページを参照してください。
設定してみたはいいけれど、出たり入ったりの加減が、デフォルトでついていたメニューと何か違う。
あと、記事の上へ、は欲しいような気がするし、★じゃないホームにしたい。
モバイルでサイドバーを表示させる
最初からだったのかどうかわからないけれども、モバイルフッターメニューを設定後、サイドバーが表示されていない事に気づいた。
スクロールしていくと、２カラムの左側、メイン部分しか表示しないまま、フッター表示になっている。フッターモバイルメニューからサイドバーを消してしまったのでこれは不便。
Cocoon設定→モバイルタブ→モバイルボタン モバイルボタン時コンテンツ下のサイドバーを表示にチェックを入れると、モバイルでもサイドバーがメインカラムの下に表示されるようになる。
コメント