58才からのチャレンジ

ワードプレス:賢威でスマホ表示でサイドバーを開く

賢威のレスポンシブ表示でスマホ表示させると、サイドバーとサブコンテンツが下図のように折りたたまれた表示になります。

 

smartdisplay

この折りたたまれた状態を開放して、開きっぱなしにする方法を説明します。

実は、賢威のcool版とマネー版とで対応方法が異なることがわかりました。(実際の状況から)
まずは、Cool版(おそらくコーポレート版もこちらでOKと思われます)の場合、mobile.cssで下図の場所を見つけ、赤枠の部分を消去ないし/*  */で囲むことで、開いたままの状態にできます。

 

smartopen

 

マネー版で同様の変更をしたところ、うまくいかなかったので他の方法を見つけました。

サイドバーを開きっぱなしにしたい場合は、sidebar.php、サブコンテンツを開きっぱなしにしたい場合は、sub-contents.phpを変更します。
両方ともにやりたい場合は、2つのファイルを変更してください。

まず、以下の記述を探します。

<dt class=”sidebar-btn”>サイドバー</dt>
<dd id=”sidebar-in”>

これを

<dt class=”sidebar-btn”>サイドバー</dt>
<dd id=”sidebar-in” class=”showSidebar”>

とすれば、折り込みが開きっぱなしになります。
さらに

<dt class=”sidebar-btn”>サイドバー</dt>
<dd id=”sidebar-in” class=”showSidebar”>

上の行を削除すれば、「サイドバー」という見出しをなくすことができます。

 

sidebar01

sidebar02

sidebar03

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA