コピペOK!グローバルメニューの幅を調節して8つのカテゴリをスッキリ収める方法[ZENO-TEALカスタマイズ]2019-05-09コピペOK!グローバルメニューの幅を調節して8つのカテゴリをスッキリ収める方法[ZENO-TEALカスタマイズ]ブログZENO-TEALへテーマ変更して、行ったカスタマイズをご紹介しています。このページではカテゴリを8つに増やした時にグローバルメニューの幅を調節してスッキリ見せる方法をご紹介します。グローバルメニューを設置する次にグローバルメニューを多段形式にする元の設定のままカテゴリを8つに増やした場合PCデザインスマホデザインカスタマイズ調整後のカテゴリ8つデザインPCデザインスマホデザインCSSカスタマイズはこれ!カテゴリ8つでもグローバルメニューをスッキリ収めるカスタマイズ!まずグローバルメニューを設置するまずは公式カスタマイズページを参考に、自分のサイトに合わせてグローバルメニューを設置しましょう。゚Д゚)正しくは、”グローバルナビゲーション”のようです!この設定であれば、カテゴリ6つまでは良い感じに表示されます。ここからは、カテゴリを6つ以上に増やしたい人におススメのカスタマイズです。元の設定のままカテゴリを8つに増やした場合PCデザイン追加した2つのカテゴリ名は2段目に行ってしまいアンバランス。スマホデザイン4段になり、画面の半分の面積を占めてしまい、スクロールしないと記事が表示されない。これは問題です!カスタマイズするとどうなるかと言うと...カスタマイズ調整後のカテゴリ8つデザインPCデザイン一行に収まり、まだ余裕があります。スマホデザイン1つ1つのカテゴリの幅を調整し、2段にスッキリ収まりました。カテゴリ名を4文字以内に収めることがポイントです。CSSカスタマイズはこれ!まずは、多段形式に変更するカスタマイズを参考までに掲載。*/}}カテゴリ8つでもグローバルメニューをスッキリ収めるカスタマイズ!変更したのは2か所の数値を変えるだけ。2か所はどちらもカテゴリ1つの幅を、元のカスタマイズよりも狭めています。週間)[coconatsuco]中国人と結婚(日本在住)、アラサーです。国際結婚ならではの、日々の生活を4コマ漫画を中心にご紹介しています。(3)記事を探すsponser月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。