Loading…

AdSense Stinger6 WordPress カスタマイズ

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

本日の人気記事BEST10

所要時間目安:2


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という素晴らしいテーマを使用する人の参考になれば幸いです。

AdSense, Stinger6, WordPress, カスタマイズ」同じカテゴリ人気記事


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

おすすめの記事一部広告

関連記事

テキストにリンクがある場合にくるっと回るアニメーション

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

テキストにリンクがある場合にアニメーション効果をつけるCSS方法11選

先日画像にリンクがある場合に画像を透過させるCSSでの方法を記載しました。 画像にリンクがある場合に…

もっと読む

Stinger7

Stinger6 Stinger7 WordPress テーマ

Stinger7にテーマ変更してみたが…。

  先月下旬にWordPressのテーマで人気シリーズのStingerがStinger7を…

もっと読む

紅葉

php WordPress テーマ

WordPressテーマカスタマイズしてみた。

WordPressのテーマをカスタマイズしてみました。 カスタマイズしてみた内容は、 ちょっと試行錯…

もっと読む

Pixlrオンライン画像編集サイトにて作成

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

ページ表示速度が遅いのでphotonが使いたくてJetpackプラグインをインストールしてみた…。

ここのところ、サイト(ブログ)のページ表示速度が気になってしまいます。以前に運営していたBlogge…

もっと読む

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

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

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



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

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

言えないことはTwitterで!!



目次に戻る


コメントを閉じる

comment

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

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