Loading…

AdSense Stinger6 WordPress カスタマイズ

Stinger6右サイドバー上に別広告

Stinger6右サイドバー上に別広告を表示する方法

本日の人気記事BEST10

所要時間目安:2

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

AdSense Stinger6 WordPress カスタマイズ

Stinger6右サイドバー上に別広告

はぁ…。

やっと、できた!!

って何がという感じですが、

とても使い勝手の良いテーマStingerの最新版Stinger6を選ばせて頂いて、

四苦八苦の日々が続いていたわけですが、

この記事を読む方へのオススメ
よく読まれている人気記事一覧

アドセンス広告は1ページ当たり3つのコンテンツ広告までしかNGになっています。

 

そこで、
スマホ用アドセンス300というウィジェットと、
PC用アドセンス336というウィジェットがそれぞれあります。

そこに、
各々合わせたアドセンスコードを記載します。

すると、
見事に簡単にそれぞれのデフォルト位置に広告が表示されるようになります。

スポンサーリンク

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

とてもありがたいことです。

ですが、

ショートコードを利用して、
記事途中にアドセンス広告を表示するとPCでも右サイドバー上部に広告が表示されてしまう為、
合計4つになってしまいます。

これが悩みの種でした。

しかし、

目次に戻る


ウィジェット自体に分岐条件をすることで解決できました。

 

製作者のENJIさんのサイトにもありましたが、
STINGERでアドセンスをより効果的に貼る方法

まだ、自分でphpファイル自体を弄るのはちょっとここ数日間の睡眠不足と疲労で無理かなぁと思いました。

そしたら、

すごいプラグインがあってくれました。

知っている人は知っている。
知らない人は知らない。

当たり前ですが…。

Widget Logicというプラグインです。

ダウンロード先→Widget Logic

これを使うことによって、
以下のようにウィジェット内にテキストを追加した際に、
Widget Logic

という部分が表示されるようになります。

Stinger6Widget Logic

その中に、
条件を入れていくことで、

  • 各ページ毎
  • 記事毎
  • アーカイブ毎
  • スマホ表示

など設定が容易に可能になります。

 

今回は、
記事のみの時とトップページとスマホ表示とカテゴリーと固定ページなどと設定しました。

とにかく今回は、

記事ページにおいて広告が4つ表示ではなく3つ以内になればいいのです。

 

なので、ちょっとなぐり書きですが、

Stinger6ではStinger5までとはモバイルの指定が異なるので、

 

以下参考サイト様とは記載の仕方が異なります。
STINGER5でアドセンスを記事内へ、サイドバーに別の広告をカテゴリ別に入れてみた - Shufulife

in_categoryという条件分岐はカテゴリーの中の記事とそのカテゴリーを示します。アーカイブにはアドセンスを表示したいので!is_archiveとしています。さらにスマホ画面はこの【広告1】ではなくアドセンスにしたいので!is_mobileにしています。

Stinger6では以下のようにWidget Logicを設定します。

(!is_archive()&&in_category( array( 1,2,3,4 )))&&!st_is_mobile()&&!is_front_page()

function.phpを確認すると分かると思いますが、
はじめての場合やブログ初めたばかりや、
WordPress初めたばかりなどの人はなかなかわかりません。

私もここ数日(約1週間くらい?)ほぼ不眠気味…。

Stinger6では、

st_is_mobileと記述します。

そして、
参考サイト様にもあるように、

テキストをあと2つ追加して合計3つにします。

こんな感じです。

Stinger6右サイドバー上カスタマイズ

一番上のテキストのWidget Logic内には、
上記した条件を記載します。

2番目には、

is_single()

3番目には、

st_is_mobile()&&is_single()

と記載します。

全部記載してみての画像はちょっと縦長ですが以下のようになります。

Stinger6右サイドバー上部カスタマイズ

 

これで、

スポンサーリンク

これまで悩んでいた広告が4つになることな泊なりました。

また、

参考サイトでは、
スマホ表示の時に4つになってしまうので…。

とありますが、

Stinger6ではそのままで大丈夫です!!

スマホ表示でも3つしか表示されません。

以上、
ちょっと、苦労した話?記事でした。

今後初めてWordPressをする人や、
Stinger6という素晴らしいテーマを使用する人の参考になれば幸いです。

0 views


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

おすすめの記事一部広告

    Multiplex 広告

AdSense, Stinger6, WordPress, カスタマイズ」同じカテゴリーの記事一覧


関連記事

ハイブリッドHDD

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

dynabookEX56/MRDにST1000LM014ハイブリッドHDDに交換・換装したレビュー評価

もう数年前と言うには、 ある意味ふさわしくはなくなってきたハイブリッドHDD(SSHD)です。 Seagate社をはじめ東芝製ハイブリッドHDDなど数社が、 既に1TBを超えるハイブリッドHDD(SS…

もっと読む

インフィード広告アドセンス

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

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

アイキャッチ画像を設定し忘れないように自動で設定する方法

WordPressやFC2ブログなどで、アイキャッチ画像を設定しなければならないのは意外と手間ですよね。 以前に、アイキャッチ画像を設定し忘れた時にランダムに表示させる方法を記事として紹介しました。 …

もっと読む

インフィード広告アドセンス

コメント欄を開閉式にする方法

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

Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法

前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

もっと読む

インフィード広告アドセンス

インフィード広告挿入方法

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

インフィード広告を記事一覧の間に表示させる方法

今月初頭に(上旬)アドセンスの広告表示方法に通常のコンテンツ連動型広告にプラスで、インフィード広告と記事内広告が解禁されました。 以前に、トップページの記事一覧にきれいにアドセンス広告を挿入する方法を…

もっと読む

目次に戻る

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

-AdSense, Stinger6, WordPress, カスタマイズ
-, , ,

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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