これまでいろいろなことをブログのカスタマイズについて考えてきました。
現在のブログにおいてはレスポンシブデザインに対応しているサイト・ブログがほとんどかと思われます。
その際に、ブログの場合(当ブログ)はPCでのサイドバーがスマホやモバイルにおいては、記事の下に表示されるようになっていると思います。
そこで…。スマホなどのモバイル端末の場合スペックなどにもよると思いますがページ表示速度などにも影響してきます。なので、思い切ってスマホ・モバイル端末においてはサイドバーを非表示にしてみようと思いました。
スマホ・モバイル端末でサイドバーを非表示にする方法は至って簡単でした。
記事のphpであるsingle.php内にある以下のコードの前後にあるコードを追記するだけです。
<?php get_sidebar(); ?>
上記のサイドバーsidebarテンプレートphpを呼び出す命令文の上下に以下のコードを追記します。
<?php if (!st_is_mobile()) :?>
<?php endif; ?>
具体的には最終的に以下のようになります。
<?php if (!st_is_mobile()) :?>
<?php get_sidebar(); ?>
<?php endif; ?>
※Stinger6、Stinger7、StingerPLUS+の場合は上記のようにst_is_mobileとなります。
それ以外のテーマの場合には、以下のようになります。
<?php if (!is_mobile()) :?>
<?php get_sidebar(); ?>
<?php endif; ?>
※st_is_mobileの部分がただ単にis_mobileになっただけです。
これだけで、スマホ・モバイル端末においてはPCの場合に表示されていたサイドバーが非表示になります。
ただ、サイドバーに表示したいウィジェットもある場合には、
WidgetLogicというプラグインを追加して、各ウィジェットの下の部分にWidgetLogicという項目ができます。
WidgetLogicプラグインに関しての詳細は以下にあります。
その部分にスマホやモバイル端末でもサイドバーにあるウィジェットを表示したいウィジェットの下の部分に以下のコードを追記すればスマホやモバイルにおいても表示されます。
!st_is_mobile()
※Stinger6、Stinger7、StingerPLUS+の場合。
is_mobile()
※Stinger6、Stinger7、StingerPLUS+以外の場合。
他に、記事のページ以外でもサイドバーをスマホやモバイル端末において非表示にしたい場合には、
single.php以外に、
- トップページの場合:home.php
- カテゴリー・タグページの場合:archive.php
- 固定ページの場合:page.php
の中の
<?php get_sidebar(); ?>
の上下に上述したように以下のコードを上下(前後)に追記すればトップページ、固定ページ、カテゴリー・タグページにおいてもサイドバーが非表示になります。
<?php if (!st_is_mobile()) :?>
<?php get_sidebar(); ?>
<?php endif; ?>
※Stinger6、Stinger7、StingerPLUS+の場合。
<?php if (!is_mobile()) :?>
<?php get_sidebar(); ?>
<?php endif; ?>
※Stinger6、Stinger7、StingerPLUS+以外の場合。
ただし、それぞれのテーマにおいてテンプレートネーム(テンプレート名)が異なる場合は各々のテーマファイルにおいて該当箇所に追記してください。
AdSenseの広告表示数が撤廃されてから3ヶ月弱が経過しようとしていますが、
スマホやモバイル端末において下の方にサイドバー部分が表示される事によるメリットをあまり感じられないのではないかと言うのと…。
サイドバーに多くのものを追加してしまっている場合(当ブログのようにポリポリ (・・*)ゞ。)殆どユーザー様(訪れてくれた方々)は見ていないと思われます。
ここ1ヶ月間記事のみサイドバーを非表示にしてのアドセンスの広告単価とクリック率はサイドバーを表示していた頃より高くなっています。
なぜなのかは不明ですが…。わかり次第また記事にできたらいいなぁと思っています。
関連記事
-
-
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
-
-
日産ディーラーオプションナビMM316D-WからMM518D-L交換(換装)NISSAN純正ナビリモコン
ある程度、年式がたった車においてはディーラーオプションナビ(DOP)やメーカーオプションナビ(MOP)の地図データが古くなったり、ナビのモニタインチ数が大きくなったりします。地図データが古くなるのはも…
-
-
車のキーナンバー確認方法。キーレス紛失や壊れた時
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
あなたにおすすめ
入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時107
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法87
- 日産ディーラーオプションナビMM316D-WからMM518D-L交換(換装)NISSAN純正ナビリモコン78
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)76
- カーメイトのエンジンスターターでエラー15表示と対処方法70
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく70
- エクストレイルT32マイナーチェンジ後ステアリング外し方65
- キーIDが正しくありません。エクストレイルT32インテリジェントキー電池交換CR203261
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ59
- アイドリングストップシステム異常警告灯表示対処方法52
新着コメント