Loading…

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

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

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

本日の人気記事BEST10

所要時間目安:2


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

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

その際に、ブログの場合(当ブログ)はPCでのサイドバーがスマホやモバイルにおいては、記事の下に表示されるようになっていると思います。

そこで…。スマホなどのモバイル端末の場合スペックなどにもよると思いますがページ表示速度などにも影響してきます。なので、思い切ってスマホ・モバイル端末においてはサイドバーを非表示にしてみようと思いました。

スポンサーリンク

アドセンス336pxPC閲覧記事下表示1つ目コード

よく読まれている人気記事一覧

スマホ・モバイル端末でサイドバーを非表示にする方法は至って簡単でした。

記事の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プラグインに関しての詳細は以下にあります。

Stinger6右サイドバー上に別広告を表示する方法
はぁ…。やっと、できた!!って何がという感じですが、 とても使い勝手の良いテーマ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ヶ月間記事のみサイドバーを非表示にしてのアドセンスの広告単価とクリック率はサイドバーを表示していた頃より高くなっています。

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


アドセンス336pxPC閲覧記事下表示1つ目コード

AdSense, STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, スマホ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧


おすすめの記事一部広告

    Multiplex 広告

関連記事

FFFTP

PC 伝えたいこと 備忘録 時事ネタ

FFFTP1.99最新バージョン正式版がリリースされました

FTPソフトと言えば? Windows98の頃からある(昔)からあるffftp(FFFTP)だと思います。 IBMホームページビルダーなど有償アプリケーションなどには基本的にメーカーが作成したFTPソ…

もっと読む

新型コロナワクチン予診票ジェネレータ

インターネット カスタマイズ ツール 伝えたいこと 備忘録 時事ネタ 治療

新型コロナワクチンの予診票ジェネレーター。これは便利!?

今月に入り急激に新型コロナウイルス感染症のPCR検査陽性者が急激に激減しました。そして、政府(国)は、ワクチンの摂取を推奨してはいます。ワクチンはファイザー社製かモデルナ製の2択でしたが、アストラゼネ…

もっと読む

洗濯乾燥機修理

伝えたいこと 備忘録

洗濯機乾燥機が乾かないのはなぜだったのか

ここ1週間くらいドラム式洗濯乾燥機での乾燥がうまく乾かなくなってきていました。 結果から言うと、 埃によるフィルターの詰まり(目詰まり)でもなく、奥側のフィルターの詰まり(目詰まり)でもなく…。 ヒー…

もっと読む

カバレッジの問題が新たに検出されました解決方法

WordPress カスタマイズ カスタマイズ テーマ 不具合 伝えたいこと 備忘録 設定

Search Consoleカバレッジに関する問題解決方法AFFINGERなど

時々、Search Consoleからさまざまなエラー報告内容のメールや問題があります。という通知メール内容が来ることがあります。特に多いのがガバレッジに関する問題があります。という通知メール内容が多…

もっと読む

目次に戻る

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

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



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

せきららの
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください