サイドバーを非表示にしたい
ワードプレスを利用していますがスマホで見ると記事の下にパソコンのサイドバーが表示されているのでスマホでの表示を非表示にしました。
スマホだけ非表示にするにはプラグインのWidget Logicを使いました。
Widget Logicを追加して有効化します。有効化してから外観ーウイジェットを選択してウィジェットの設定をします。非表示にしたいウェットを開くとウィジェットのロジックがあります。その部分に「!wp_is_mobile()」を入れて保存しました。
その後、スマホから確認すると今まで設定していたウィジェットは消えました。ただ新しく検索ボックスとarchivesとmetaの３つのウィジェットが出ました。
スマホで全てのウィジェットが表示されないように設定しましたが表示されました。
metaも表示されています。パソコンの場合も確認するとサイドバーに何も入れていないとsearch、archives、metaが表示されました。ウィジェットが何も設定されていない場合表示されてしまうようです。テーマで設定されてしまっているようです。サイドバーとして表示されているので外観ーテーマエディターの中にあるサイドバー (sidebar.php)のファイルをチェックしました。サイドバーの中を見るとsearch、archives、metaの文字があったのでこの部分が怪しいかなと思い削除すると表示が消えました。
見にくくなっていますが赤く囲った部分を削除しました。削除すると下記のように表示されました。
フッターの上にあったsearch、archives、metaの部分が消えました。スマホの場合はスッキリしますがパソコンの場合は消えた部分は空白になりました。
もしウィジェットをすべて消してもウィジェットが表示されるならテーマエディターのサイドバー (sidebar.php)の部分などをチェックして見てください。ファイル名やサイドバーの中はテーマによって異なるかもしれません。
