現在の接続環境は
です

記事内にプロモーションが含まれています。

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

プロモーションを含みます

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

所要時間目安: 2

This session is using  IPv4  is established in

今日は2025年8月6日です。

この記事は2016年11月6日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年8月6日 (水曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間

計測データがありません。

  1. エクストレイルT32おすすめタイヤDAVANTI(ダヴァンティ) タイヤ サマータイヤ 2PV

    タイトルにあるように、多くのSUV車において比較的安価でおすすめタイヤのDAVANTI(ダヴァンティ) タイヤ サマータイヤですが、DAVANTI(ダヴァンティ) はイギリス製のタイヤはずなのですが、…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

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

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

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

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

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

あなたにおすすめ


Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

Total942


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを表示(0)

コメントを書く

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


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

新着コメント