サイトの上部右上・サイト最下部にサブナビゲーションメニューをつけて欲しい

0
いいねをした人: 居ません
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #3967
    HiROE
    参加者
    46

    下記のサイトのように、サイトの上部右上及び最下部にサブナビゲーションを付けることはできないでしょうか。

    参考サイト

    使用方法は次のようなイメージです。

    【通常のグローバルナビゲーション】
    コンテンツへのリンクやカテゴリーなどの表示に使用。
    主に閲覧ユーザー向け。

    【サブナビゲーション】
    運営会社情報へのリンクや広告掲載依頼ページへのリンクなど、
    主にコンテンツ以外の情報ページへのリンク。
    SNSアイコンが表示もできると嬉しい(必須ではないです。)

    またスマホの場合はドロワーナビゲーション内の最下部に表示するなど、
    選択できると良いかなと思っています。

    要望する理由はメディアなどを運営する際にフッターにしか情報が載せられないと、
    見つけてもらいにくい場合があるので必要を感じていることと、
    グローバルメニューではコンテンツに誘導できるようにして、
    それ以外の情報も分かりやすく情報を整理したいためです。

    以上、ご検討頂ければ嬉しいです。
    宜しくお願い致します。

    0
    いいねをした人: 居ません
    #3977
    キタジマ タカシ
    参加者
    2243

    なるほどです。確かに僕も Snow Monkey サイトのグローバルナビゲーションが肥大化して悩むことがあったので、サブメニューあると良いかもですね。デザイン的にどう入れるかな〜というのはあるのですが、単純にちょっと小さい文字で右寄せで入れるのがシンプルで良いですかね。スマホのときはドロワーナビゲーションに表示されるという感じで。

    SNSアイコンについては今のグローバルナビゲーションなんかでも FontAwesome のタグを入れると表示されるので、表示させたい方は表示されることができるようになっています。サブメニューもそこは同じ仕様になります。

    0
    いいねをした人: 居ません
    #3984
    HiROE
    参加者
    46

    ご返信ありがとうございます!

    【サイト上部のサブメニューについて】
    サイト上部は右上に小さくシンプルに入れるのが分かりやすくて良いと思います。

    ロゴやグローバルメニューとの区別もつきやすいのと、多くのWEBサイトが採用しているのでユーザー的にも分かりやすいと思うのが理由です。

    ちょうどこのサイトのような感じでしょうか。

    ただしロゴと、サブメニュー間は少しごちゃごちゃしてしまうので、もう少し余白があっても良いと思います。

    サブメニューは、Lightningのサイトのようにブラウザ上部ギリギリにして、その上で、ロゴ・グローバルナビとの感覚は広めにとるが最適かなと思っています。

    あと、個人的には、Lightningのサイトのように薄くグレーを敷いても良いかなと思いますが、これはCSSでのカスタマイズ方法がわかれば問題ないかなと思います。好みで変えれるので。

    余白も背景色もあくまでサブメニューとして、コンテンツを邪魔しないように配置できたら嬉しいです。

    【サイト下部のサブメニューについて】
    サイト下部については、以下のどちらかが良いかと考えています。

    ・フッターウィジット部分と、コピーライトの間にセンター寄せにする(背景色がいるかも)
    ・コピーライトと同じ部分に右寄せにする

    不要な場合もあるかもしれないので、表示・非表示は選べても良いかもしれません。
    カスタマイザーで、「サブメニューをフッターにも表示する」のチェックボックスがあるようにするとか・・・

    せっかくなので、シンプルで使いやすいSNOW MONKEYに合うように、シンプルなのが良いと思っています!

    長くなりましたが、宜しくお願い致します。

    0
    いいねをした人: 居ません
    #4003
    キタジマ タカシ
    参加者
    2243

    ちょっと仮組みしてみました。

    ・フッターウィジット部分と、コピーライトの間にセンター寄せにする(背景色がいるかも)
    ・コピーライトと同じ部分に右寄せにする

    フッターサブナビのデザインはちょっと迷っていて、コピーライトの帯の中で右寄せが一番収まりは良いと思うのですが、項目が多かったりコピーライトが長かったりするとカラムが落ちて一気に野暮ったくなるので、フッターウィジェットエリアとコピーライトの間が良いかなと。

    センター寄せと右寄せを仮組みしてみて、項目が少なくても多くてもそれなりにしっくりくるのは右寄せかなと思ったのですがどうでしょう? もちろん CSS で中央寄せにすることはできます。

    不要な場合もあるかもしれないので、表示・非表示は選べても良いかもしれません。
    カスタマイザーで、「サブメニューをフッターにも表示する」のチェックボックスがあるようにするとか・・・

    ヘッターのサブナビとフッターのサブナビ、それぞれ別々のメニューにしようと考えています。そうしておけば、ヘッダー・フッターで同じ項目を出したい方にも違う項目を出したい方にも対応できるので。

    0
    いいねをした人: 居ません
    #4019
    HiROE
    参加者
    46

    いつも素早いご対応、ありがとうございます!

    フッターウィジェットエリアとコピーライトの間が良いかなと。

    確かにそうですね。
    コピーライトもメニューも長さが変わる可能性があるので、その方が良いと思います

    項目が少なくても多くてもそれなりにしっくりくるのは右寄せかなと思ったのですがどうでしょう?

    SNOW MONKEY でフッターのソーシャルナビを表示しない場合に、コンテンツ領域とフッターウィジット領域を分けている「薄い線」を上側に引いたら、中央寄せがしっくりくる気がするのですがどうでしょうか?

    SNSナビゲーション(アイコン)も中央揃えなので、視線があちこちにいくより良いかな?という感じです。

    どちらにしても、フッターウィジットも色々な要素が入って余白が変わってくると思うので、「薄い線」はあった方が情報が整理されて見えて良い気がします。

    ヘッターのサブナビとフッターのサブナビ、それぞれ別々のメニューにしようと考えています。そうしておけば、ヘッダー・フッターで同じ項目を出したい方にも違う項目を出したい方にも対応できるので。

    こちらは分かれている方が柔軟性があって良いですね。確かにその方が助かります!

    以上、よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #4240
    キタジマ タカシ
    参加者
    2243

    ヘッダーサブナビ、フッターサブナビが自動的にドロワーナビにもでるようにしたのですが、よくよく考えると、グローバルナビはドロワーナビに自動ではでないということに気づきました。

    グローバルナビとドロワーナビは別々に割り当てるようになっているので、同じように、サブナビも自動ではなくて、ドロワーサブナビみたいな場所を作って、そこに割り当てるようにしようと思います。多分そのようにグローバルナビと同じ挙動&指定しないとでない、指定すればでる、としたほうが想定外の動きがなくなってユーザーの混乱も少ないかなと。

    0
    いいねをした人: 居ません
    #4242
    HiROE
    参加者
    46

    なるほど。
    重複もなくなりますし、使い勝手が良いですね。
    その方が分かりやすいと思います!

    色々とありがとうございます!
    よろしくお願いします。

    0
    いいねをした人: 居ません
    #4311
    キタジマ タカシ
    参加者
    2243

    v4.1.0 で正式に追加しました。一旦クローズしますね。

    0
    いいねをした人: 居ません
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • トピック「サイトの上部右上・サイト最下部にサブナビゲーションメニューをつけて欲しい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。