[Someya Masatoshi]

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

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

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

よろしくお願いします。

♥ 0

Who liked: No user

[キタジマ タカシ]

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

1. CSS で消す

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

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

2. プラグインを使う

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

【WordPress】スマホとPCでウィジェットの表示を分けるプラグインWidget Logicの使い方！

  モバイルやスマホの通信速度が早くなったと言って…

blog.shuffleee.com

♥ 1

Who liked:

[Someya Masatoshi]

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

♥ 0

Who liked: No user

[キタジマ タカシ]

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

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

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

♥ 0

Who liked: No user

[投稿者]

投稿