【賢威カスタム】サイドバーをスマホ表示時にたたまない方法

この記事では、WordPressテーマ、賢威を使った際のスマホ表示のカスタムの行い方を書きます。

 

 

ブログ内を移動しやすくするユーザビリティー向上、PVのUPにも繋がりますのでご活用ください^^

スポンサーリンク
あなたのブログの改善点が丸わかり!

 

通常は折りたたまれた表示がされる賢威

賢威は、スマホ表示時にサイドバーとサブコンテンツが

折りたたまれた状態で表示させる仕様になっています。

01

 

ページの表示としては、スッキリするのですが

スマホからのアクセス時大切なのは、スッキリしている事ではありません。

 

「お、この記事面白い!」と思ってもらったら、すぐに興味がある記事が読める状態にある事が何よりも重要なんです。

 

また同時に、片手でサクサクと軽快な操作が出来る事が重要です。

 

 

スマホからのユーザーを意識する際は基本的に

スクロールと、タップしかしない事を前提に作ると良いです。

 

 

PCからの表示の場合、サイドバーには重要なコンテンツを配置しているケースが多いと思いますが

このままでは読まれにくいという事になってしまいます。

 

そこで、今回のカスタムを導入してスマホからの表示でもサイドバーの表示がストレスなく表示されるようにしてしまいましょう。

02

 

スマホ表示時にサイドバーを表示したままにするカスタム方法

必ずバックアップを取ってからやってくださいね~!

 

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【mobile.css】をクリックし

表示されるphpデータの中から、以下の文字列を探してください。

 


/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
display: block;
margin-bottom: 1em;
padding: 1em;
padding-left: 2.5em!important;
background: url(./images/icon/icon-arrow05.png) 1em center no-repeat #333;
color: #fff;
cursor: pointer;
}

.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

 

この行、2行目~14行目をすべて削除して【ファイルを更新】して下さい。

これで完了です!

 

この様に変化します。

03

 

記事直下のに表示されるサブコンテンツのエリアも同じく表示されたままになりますので、

誘導したいコンテンツを配置すると良いですね^^

 

 

これに併せて関連記事の表示をさせるこのプラグインも使うと尚良いと思いますよ。

 

PV数が一気に増える”関連記事”の表示!【wordpress プラグイン Similar Posts】

UP Blogからのお知らせです。

 

集客ブログに挑戦中だけど、苦戦中の方にブログの無料診断をご案内中です!

UP Blogでは、Web集客の為にブログに挑戦中だけど

  • 頑張って更新しているのに何も成果が出ない…。
  • ブログにアクセスがあっても、集客に繋がらない…。
  • 一体何をすれば良いのかが分からなくて困ってしまっている…。

という方に向けて、初回限定で無料のブログ診断をご案内しております。

集客ブログには、6つの要素が必要でいずれかが欠けても集客に繋げる事が出来ません。
しかし、「6つの要素が一体何なのか」ですとか、「今自分のブログがどういった状況で、何をすれば良いのか。」と言う事が分からずに悩まれている方が沢山いらっしゃいます。

 

UP Blogは、「Web・ブログを使って自分のサービスや商品で困っている方の力になりたい!」という方を全力で応援したいので、初回限定であなたのブログを無料診断させていただきます!

無料診断ご希望の方は、「今すぐ」以下のフォームに必要事項をご入力の上、無料メルマガにご登録下さい。

折り返し特典と共にご案内メールをお送りいたします!

無料ご登録はこちら!

氏名 必須です
メールアドレス 必須です
確認用メールアドレス 必須です

 

 注意点
ダウンロードボタンを押すと、メルマガの会員として登録されます。
購読は無料でいつでも解除が可能です。
メルマガ登録後の1通目の自動返信メール中に、E-bookのダウンロード用URLが記載されています。
こちらに同意される方のみ、E-bookをダウンロード下さい。

DoCoMo、au、softbankのキャリアメール及びiCloudのメールアドレスは届かない可能性が非常に高い為、必ずGmailやプロバイダーが提供するPCで受信可能なメールアドレスをご入力ください。

プライバシーポリシーについて