賢威でスマホ表示の時サイドバーを開いたままにする方法


賢威テンプレートで作ったサイトをスマホで見ると、上から、ヘッダー、メニュー、メインコンテンツ、サブコンテンツ、サイドバー、最後にフッターという順番のレイアウトになります。

サブコンテンツは賢威の仕様ですが、基本的にワードプレスのサイトにスマホでアクセスすると、サイドバーは必ずメインコンテンツの下に移動します。

以下の画像は、賢威で作られたサイトに、スマホでアクセスしたときのサイドバーなのですが、コンテンツが折りたたまれています。

賢威スマホサイドバー開いたまま画像1

これは賢威のデフォルトの状態なのですが、サイドバーと書かれたところをタップすることで、その中身が表示される仕組みになっています。

開閉式のメニューと同じです。このように折りたたまれていると、サイトのヘッダーからフッターまでの表示を短くすることができ、スマホからの訪問者のスライド回数を減らすことができます。

しかしこの場合、「タップしてサイドバーコンテンツを開く」という動作を、スマホの訪問者にしてもらわないといけません。

メインコンテンツを読んだあと、訪問者がサイドバーの存在に気づかないままサイトから出てしまう可能性があり、PV数が減少するということが考えられます。

サイドバーには最近の投稿や人気の記事、人によっては広告が配置されていることもありますから、これでは不便です。

なので、賢威(6.2)では、サイドバーを表示したままにする設定があります。

サイドバーを開いたままにする方法

設定方法は簡単です。

賢威スマホサイドバー開いたまま画像2

まずはワードプレスのダッシュボード→外観→エディター→mobile.cssに行き、上の赤枠の場所を探して下さい。

ここはスマホで表示された時のレイアウトを指定しているCSSファイルで、赤枠の部分は、スマホでアクセスした時のサイドバーのレイアウトを指定しています。

ここの赤枠の部分を丸ごと消します。消すときはそのまま削除してもいいですが、必ずバックアップを取ってください。

賢威スマホサイドバー開いたまま画像3

青い背景色になっている部分を消し、「ファイルを更新」ボタンをクリックして保存し、スマホでアクセスしてみます。

賢威スマホサイドバー開いたまま画像4

このようになりました。これでスマホでサイドバーが表示されます。尚、サブコンテンツの折りたたみもこれで解消されます。

スマホでアクセスされるとどうしてもサイトのレイアウトは縦長になるので、この折りたたみはユーザビリティを考慮している賢威ならではの設計だと言えます。

しかし、サイドバーを表示させたほうが、訪問者の得られる情報量が増えますし、たくさんのコンテンツを巡ってもらえやすくなります。その結果、PV数が増える(ページ/セッションが増える)ことに繋がります。

なので、賢威のテンプレートをワードプレスにインストールしたら、早めにこの設定をしておくことをお勧めします。

次ページ

12次

    

感想・質問コーナー

  1. まいこ より:

    このページを参考にさせていただき、スマホでワードプレスのページを開いてみました。
    すると、サイドバーが開いていて表示されていました。
    ここまでは良かったのですが・・・。

    アメブロからワードプレスにリンクを飛ばしてみると今度は
    サイドバーが閉じたままになっています。
    これはなぜでしょうか?

    アメブロからワードプレスに飛ばしてサイドバーを見てもらいたいのですが・・・。

    • ヒデアキ より:

      まいこさん

      こんにちは、ヒデアキです

      メッセージありがとうございます。

      >スマホでワードプレスのページを開いてみました。
      すると、サイドバーが開いていて表示されていました。

      ワードプレスの設定は上手くいっています。

      >アメブロからワードプレスにリンクを飛ばしてみると今度は
      サイドバーが閉じたままになっています。

      ワードプレスの設定は上手くいっていますので、
      おそらく、ブラウザのキャッシュが残っていて、
      設定前のワードプレスが表示されているのかもしれません。

今回の記事はお役にたてましたでしょうか?

もし、今回の記事を読んで感想や分からない事などありましたら、下のフォームよりお伝え下さい。

些細な事でも構いません。

おそらく、あなたが抱いた疑問は、これからこの記事を読む方も抱く疑問です。

そういった疑問を1つ1つ解決していきます。

コメントして頂ければ気づき次第、すぐに回答いたします。

このブログは、

・アフィリエイト開始初月から9万円のネット収入が得られた秘密

アフィリエイト開始2ヶ月目で以前勤めていた会社からの給料と
 同額
のネット収入を確保した方法

・5ヶ月目で月収120万円を達成した最先端テクニック

・これから流行り始めるブログマネタイズの新しい思考法

などを書いています。

只今、ブログの内容をより体系的にまとめたビジネス教科書を
無料でプレゼントしています。

以下のフォームに教科書を受け取るメールアドレスと、
あなたの苗字を記入してプレゼントをお受け取り下さい。





総合案内

著者情報
著者情報
年収1000万円まで守る2つの事
年収1000万円まで守る2つの事
読者さまの声
読者さまの声
もくじ
もくじ
超初心者講座
超初心者講座
ブログ基礎講座
ブログ基礎講座
トレンドブログ講座
トレンドブログ講座
パワーブログ講座
パワーブログ講座
マインドセット
マインドセット
コピーライティング
コピーライティング
ブログアフィリエイト
ブログアフィリエイト
トレンドアフィリエイト
トレンドアフィリエイト
ネットビジネス
ネットビジネス
SEO
SEO
サイトアフィリエイト
サイトアフィリエイト
Googleアドセンス
Googleアドセンス
与える事に徹する
与える事に徹する
先生の選び方
先生の選び方
Googleアドセンスの始め方
Googleアドセンスの始め方
賢威カスタマイズ
賢威カスタマイズ
このブログについて
このブログについて
女性のブログアフィリエイト
女性のブログアフィリエイト
そもそものステップが違う
そもそものステップが違う
中高年の方はシンプルな方法がお勧め
中高年の方はシンプルな方法がお勧め

著者:ヒデアキ
現在は、毎月100万円の収入を得ているブログアフィリエイトの知識を活かして「新たな収入源を手に入れ大切な人を守りたい」と真剣に考えている方を全力でサポートしています。
更に詳しいプロフィールはこちら

このページの先頭へ