スマホのコンテンツ下のサイドバー非表示に【Cocoon設定】

ブログ番外編

新しくWordPressで2つブログを立ち上げて気が付いたのですが、スマホだとコンテンツが長くなるためサイドバーが非表示の方がスッキリして見やすい。知人に聴いたら簡単に解決できたので説明します。

広告

【スマホ】コンテン下のサイドバーを非表示にする方法

ネットで調べた情報と知人に聴いた方法を合わせると、3つの方法があるようだ

1.Cocoon設定で変更する(たぶん1番簡単に設定できる方法)
2.追加CSSにコードを記入する
3.プラグインを新規登録する
自分が試して上手くいったのは1と2の設定方法でした。

Cocoon設定で変更する

ダッシュボード→Cocoon設定をクリック

ここは、WordPressでブログを書いている人なら説明がいらないところだと思いますが、赤い○のところです。

サイドバー設定

Cocoon設定の『モバイル』をクリック

ここもWordPressでブログを書いている人なら説明がいらないところだと思いますが、赤い○のところです。

モバイル設定

 

モバイルボタンのところの1番下の□のチェックを外す

実際に開いてみるとすぐ分かります。
モバイルボタンの欄、1番下赤い○で囲んだところですが、、
モバイルボタン時のコンテンツ下のサイドバーを表示のチェックを外す

スマホ設定

モバイルボタン時のコンテンツ下のサイドバーを表示

□のチェックを外すと→コンテンツ下にサイドバー非表示になる
□のチェックを入れる→コンテンツ下にサイドバー表示になる
作業時間は、1〜2分程度で終了します。

追加CSSに記入する方法

ダッシュボードの外観→カスタマイズをクリック

ここもWordPressでブログを書いている人なら説明不要のところですが、

カスタマイズ

赤い○で囲んでいるところ、カスタマイズをクリックしてください。

追加CSSをクリック

カスタマイズをクリックすると、追記CSS> が表示されるので、クリックしてください。

追加SCC1

 

追加CSSをクリックすると、コードを記入できる欄があります。

追加CSSに次のコードをコピー&ペースト

わいひらさんの方法がうまくいきました。
⬇︎のリンク先をクリックすると表示されます。

 リンク先 

表示されたコードをコピーして、追加CSSの下の空いているところにペースト

最後に 公開済み  をクリックして設定を保存すれば完了です。

作業時間は、だいたい4〜5分程度です。

 

わいひら さんの解決方法は、Cocoonの公式ホームページで発見したので問題ないと思います。
この記事が載っているアドレスも⬇︎に載せます。

 リンク先 

CSSを変えるのは、それなりにリスクがあるようなのでご自分で判断してください。
私は、知人に聴くまではこの方法で対応していました。

3.プラグインを新規登録する方法は試していません。

広告

まとめ

【スマホ】コンテン下のサイドバーを非表示にする方法は3つある

  1. Cocoon設定で変更する方法
  2. 追加CSSにコードを記入する
  3. プラグインを新規登録する

私のようにプログラミングに詳しくない人にオススメするのは、1.Cocoon設定で変更する方法です。