PCサイトのサイドバー表示をスマホでは非表示にしたい

1
いいねをした人:
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #2629
    Someya Masatoshi
    閲覧者
    1

    探したのですが、無かったようなので投稿します。

    PC版のサイドエリアで使っているウィジェットを、スマホ閲覧時に非表示にしたいのですが、機能的にありますでしょうか?あるいはフッター部分を非表示にするのでもOKです。

    スマホ版だとどうしてもコンテンツが長くなってしまうので、そのあたりの調整をしたいと思っています。

    よろしくお願いします。

    0
    いいねをした人: 居ません
    #2639
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey 自体には無いのですが、思いつく方法としては次の2つがあります。

    1. CSS で消す

    次の CSS を追加していただくと、スマホでサイドバーのウィジェットエリアを消せます。767px の部分はお好みで調整してください!(767px 以下で非表示)

    @media (max-width: 767px) {
      .l-sidebar-widget-area {
        display: none;
      }
    }

    2. プラグインを使う

    僕は使ったことはないのですが、ウィジェットエリアの表示条件を指定できるプラグインがあるようです。

    1
    いいねをした人:
    #2640
    Someya Masatoshi
    閲覧者
    1

    ありがとうございます!CSSの方でできました。
    これ、スマホでページ構成が長くなって困ってる人にとって、結構使えるワザだと思うのでマニュアルに載せておくと喜ばれるような気がします。
    SnowMonkey以外のテーマでも使えるCSSなんですかね?

    0
    いいねをした人: 居ません
    #2641
    アバター画像キタジマ タカシ
    参加者
    2421

    なるほどなるほど。常日頃 CSS 書いていると当たり前になってそのような需要を見落としてしまうので参考になります!マニュアルは、このフォーラムにカスタマイズ事例がたまってきているので、それをちゃんと記事化して追加したいなと考えています(なかなかできていませんが…)。その際はこれも追加します!

    SnowMonkey以外のテーマでも使えるCSSなんですかね?

    .l-sidebar-widget-area の部分がテーマによって違いますが、基本的な記述は同じです。.l-sidebar-widget-area の部分だけブラウザのデベロッパーツールなどで調べると良いかと思います。

    0
    いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「PCサイトのサイドバー表示をスマホでは非表示にしたい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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