Simplicityのスライドインメニューで「ホーム」ボタンを表示するカスタマイズ方法

Simplicity2.3.6からモバイルのスライドインメニューに「ホーム」ボタンを追加しました。

ただし、デフォルトの設定では、「ホーム」ボタンはスタイルシートで以下のように非表示になっています。

スライドインメニューのホームボタンが非表示の状態

今回は、これを以下のようにするカスタマイズ方法です。

スライドインメニューのホームボタンが表示されている状態

とりあえず、「ホーム」ボタンを表示すると、320px幅の端末で少し窮屈になるので、「前へ」「次へ」ボタンを消しています。

カスタマイズ方法

このようにカスタマイズする方法は、子テーマ等のstyle.cssに以下のコードを貼り付けて単にスタイルシートでボタンの表示を切り替えるだけです。

a#footer-button-home{
  display: block;
}

a#footer-button-prev,
a#footer-button-next{
  display: none;
}

まとめ

雑記サイトなどでは、続きものの読み物などではないため「前へ」「次へ」ボタンは不要な時もあるかと思います。

そんな時は今回の方法で「ホーム」ボタンを表示するというのもありかもしれません。

Ptengine
初心者でも見やすいアクセス解析「Ptengine」。無料から使えて、Simplicityから手軽に設定することも可能です。
スポンサーリンク
アドセンス(大)
アドセンス(大)

Simplicityのスライドインメニューで「ホーム」ボタンを表示するカスタマイズ方法
最新ニュース情報を、
いいねしてチェックしよう!
スポンサーリンク
アドセンス(大)