スマホやモバイル端末でサイドバー非表示・削除にする方法

更新日:


本日の人気記事BEST10

所要時間目安: 約 2

スマホにサイドバー非表示にする方法

AdSense STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ スマホ 伝えたいこと 備忘録

これまでいろいろなことをブログのカスタマイズについて考えてきました。
現在のブログにおいてはレスポンシブデザインに対応しているサイト・ブログがほとんどかと思われます。

その際に、ブログの場合(当ブログ)は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プラグインに関しての詳細は以下にあります。

はぁ…。やっと、できた!!って何がという感じですが、 とても使い勝手の良いテーマStingerの最新版Stinger6を選ばせて頂いて、四苦八苦の日々が続いていたわけですが、アドセ

その部分にスマホやモバイル端末でもサイドバーにあるウィジェットを表示したいウィジェットの下の部分に以下のコードを追記すればスマホやモバイルにおいても表示されます。

!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ヶ月間記事のみサイドバーを非表示にしてのアドセンスの広告単価とクリック率はサイドバーを表示していた頃より高くなっています。

なぜなのかは不明ですが…。わかり次第また記事にできたらいいなぁと思っています。

-AdSense, STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, スマホ, 伝えたいこと, 備忘録

スポンサーリンク

関連記事一部広告

目次に戻る

+ クリックで展開します

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

ショートコード

WordPress カスタマイズ 伝えたいこと 備忘録

ショートコード作り方テンプレートから呼び出す方法などいろいろ

ショートコードって学べば学ぶほど色々な活用方法があるんだなぁ。と実感している毎日です。 もちろん、他にも様々な関数を使ってもっともっと多くのカスタマイズなどができると思います。 今の私には、 そこまで・・・続きを読む

非同期レスポンシブコード

AdSense WordPress カスタマイズ

非同期のAdSenseレスポンシブコードの変更方法

既に、 多くの方が利用されているかと思われます。 Google AdSenseという広告配信サービスです。 がレスポンシブコードがβ版から始まり現在では正式版になっています。 また、 以下のように同期・・・続きを読む

YouTubeアカウントGoogleアカウント新規作成

SNS インターネット 伝えたいこと 備忘録 時事ネタ

YouTubeアカウント停止と復旧・復活させる方法はどうしたら良いのか

はい、2017年になって初頭におおくのYouTubeユーザーのアカウントが停止された模様です。 そんな中のひとりでもある私です。 Googleは機械的に通報が多かったり、バッドが多くついたりするとYo・・・続きを読む

アイキャッチ画像自動設定

インターネット 伝えたいこと 備忘録

ブログSEO対策方法など気にせずやっていきたいけれど気になっちゃう…。

ブログやホームページなどを運営していく中で、誰もが気にしたことがあると思われるSEO…。俗にいうサーチエンジン対策があると思います。(正式には、Search Engine Optimization:サ・・・続きを読む

よろしかったらシェアよろしくお願いします。



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



  • この記事を書いた人
  • 最新記事

izumi

プロフィールページ詳細

はじめまして、izumiの旦那です。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。共同運営(しばらくは単独になると思います。)になりつつありますがよろしくお願いいたします。

Follow Me !

Copyright© WordPressデビュー津々浦々 , 2019 All Rights Reserved Powered by AFFINGER5.