お陰さまで読者数1000名突破!

お陰さまで読者数1000名突破!
メルマガでは主にブログで稼ぐ方法をお伝えしていますが、ビジネス以外にも健康やスピリチュアルの話もしてます。もし興味がありましたら「ご登録はこちら」ボタンを押して頂けますと幸いです。
岩田龍希

賢威サイドバーカスタム!スマホ表示時の折りたたみを解除する方法

岩田です、

賢威テンプレートを使用していて
スマホで表示するとサイドバーが
折りたたみになってしまいます。

賢威 サイドバー 折りたたみ

この折りたたみを解除する方法を
今回は取り上げています。

あなたのサイトで必要であれば
参考にしてみてください。

賢威サイドバー折りたたみの欠点

ちょっと考えて見て欲しいのですが、
現代では多くの方がスマホでサイト閲覧します。

これはあなたもご存じだと思います。

それで、この賢威のサイドバーには問題があり
スマホ表示時にサイドバーが折りたたみ状態に
なってしまうということです。

これには致命的な欠点があります。

それはPVの現象です。

スマホで見たときにサイドバーが折りたたみに
なっていると本来あるカテゴリーや
コンテンツが見てもらえなくなります。

というのも、スマホ表示で折りたたみになった
サイドバーのお陰でサイト訪問者に
カテゴリーなどが存在していることに気づいて
もらえないということです。

これは私は友人に何も言わずに
とあるサイトをいくつか紹介し実験しました。

実験内容はサイドバーが折りたたまれていると
わざわざ、サイドバーを開くのか?という実験です。

結果は14人中11人がサイドバーを開かず
3人は「あ、なんかある」といった形で
サイドバーに気づいたから開いた感じでした。

ちなみにサイドバーとか言われても
ちんぷんかんぷんな友人です。

私もネットビジネスをするまでは
サイドバーって何?くらいの勢いでしたから。

実験人数は少ないですが
サイドバーが折りたたみ状態になっていると
他の項目に気づかずにサイトを離れます。

ですので、

スマホ表示時にはサイドバーが折りたたみに
なってしまうのを解除した方がいいという
結論にいたりました。

サイドバーカスタム!スマホ折りたたみ解除方法

それでは実際にサイドバーをカスタムし、
スマホ表示時の折りたたみを解除しましょう。

外観⇒テーマ編集⇒サイドバー(sidebar.php)を選択。

そこから以下のコードを探してください。

探すときは検索機能を使うと便利です。
Windowsなら「Ctrl+Fキー」で右上に
検索窓が出てきます。

そこにコードを入力するとページ内から
記述されている部分を探してくれます。

また、MacOSの場合は「command+Fキー」で
同じことができるので検索してみましょう。

検索すると色が反転して表示されます。

賢威 サイドバー スマホ

この部分のコードを改変します。

以下のコードに置き換えてください。

賢威 サイドバー カスタム

書き換えが終了したらファイルを更新します。

更新が完了したらスマホで確認するか
パソコンでの表示画面を小さくしてください。

パソコンの画面を小さくしていくと
ある部分で賢威の表示がスマホ表示に変わります。

こんな感じです。

すでにサイドバーが開かれているのが
確認できますね。

PC画面時

賢威 サイドバー 折りたたみ 解除

スマホ表示切り替わり時

賢威 サイドバー スマホ 表示

わざわざ、スマホで確認する必要もなく
パソコンでウィンドウ画面を小さくするだけで
スマホ表示が確認できてしまいます。

サイドバーの折りたたみも解除されているのが
確認できればこれで終了です。

お疲れ様でした。
最後までお読み頂きありがとうございました。

メルマガ読者募集中!

メルマガ読者募集中!
改めまして、岩田です。

ここまで記事を読んで頂いて、
ありがとうございます!

ブログの記事が読まれることは
僕にとって嬉しいことです。

お陰様でブログからメルマガ登録を
してくれる方も多く、読者さんの数も
1000人を超えました。

僕のメルマガでは主にブログで
副収入を得る方法を配信しています。

他にも健康に関することや
さらに収入を増やすための仕組み作り
なんかも話しています。

もし、興味がありましたら、
下の「詳細はこちら」というボタンを
クリックして頂けると嬉しいです。

詳しいことはそちらに書いています。
(最終更新:2016年4月26日)

Facebookへのコメント

mail2