STINGERやAFFINGERでPC閲覧時のアドセンス用336pxを横並びではなく中央揃えにする方法

投稿日:2017年1月9日 更新日:

 

今回はhtmlタグの基本のキをご案内します。

というのもTwitterでフォローしている「ステ子」さんより本日こんなアナウンスがあったからなんです。

で、該当するページをチェックすると

要望が多いので「AFFINGER4でPC閲覧時にアドセンスを横並びにする方法」を紹介します。(ちなみにAFFINGER4が縦並びなのは経験上、アドセンスのクリック率が高かったからです)

▲出典:AFFINGER4でPC閲覧時にアドセンスを横並びにする方法

の、記述が。

そうそう。そらよりもずっと気になっていたんです。

あれですよね。ダッシュボード「外観」>「ウィジェット」で設定する「広告・Googleアドセンス用336px」のことですよね。たしかにデフォルトで表示すると左に寄り、縦並びはとてもバランスがわるかった

右が広く空いているので、やはり横並びにしたくてたまりませんでした。

そらよりブログではSTINGER7を使っていますが、早々にウィジェットの使用をあきらめ、プラグインPost Snippetsで記事ごとに下段に貼りつけるようにしました。

さて、僕を含めたアフィリエイトど素人さまたちのそんな声をよそに、縦並びには開発者様の遠望神慮があったのですね。

そう。「縦並びなのは経験上、アドセンスのクリック率が高かったから」。これです。

開発者様にそこまでいわれると、がぜん縦並びがよく思えてくるから勝手なものです。ここは発想の転換で縦並びでもいいことにしてみませんか。縦並びでもデザイン上、変な感じにならないようにすればよいのです。

横並びにするにはサイトの幅を広げる必要があります。でもそれはAFFINGER4のアップデート版を購入しなくては簡単にはできない。cssを変更すれば可能ということですが、そこまで時間と手間をかける余裕はない、という方が多数でしょう。

ならば。ならばです。ここは中央揃え(センター揃え)でいこうではないですか。

必要なhtmlタグはとってもかんたん!
「テキスト」ウィジェットをつぎのように記述しましょう。

 

<div align="center">
アドセンスより取得した「広告サイズ336×280レクタングル(大)」のコードを一つ
</div>

取得したコードをdivタグで囲み、中央揃えの指示を記述するだけです。

記事下に二つ連続で表示されるものですが、記述するアドセンスの広告タグは一つでかまいません。これで同一広告の連続表示だけでなく異なる内容の広告も表示される仕組みです。

そらよりブログではもう手遅れなのでこのウィジェットは使っていませんが、別の運営サイトで奇跡的に手に入れられたAFFINGER4無料版で縦並び中央揃えを適用しています。

adsence336

 

もやもやしていらっしゃる方の解決法となれば幸いです。

(2017年3月20日追記:サイトリニューアルWhithAFFINGER4の際、やっぱり横並びにしちゃいました。失敬)

 

スポンサーリンク

AFFINGER4
稼ぐサイトの設計図-AFFINGER4公式ガイド
【こちらからご購入いただくと公式サイト8500円(税込)が優待特別価格8000円(税込)に!】

 

スポンサーリンク

スポンサーリンク

こんな記事も読まれています

ブログ人気ランキングに参加しています
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ

おススメ記事

パスワード作成 1

  パスワードがいくつもあって管理できない、と昔から言われ続けていますが、いっこうに改善される気配がありません。 でもパスワードを使う場面はますます増えています。 もしもご自分のパスワードの ...

補色01 2

  夏休みの想い出に友達と撮った記念写真。でも、後ろをふと眺めると壁や茂みにたくさんの人の顔が写っている。心霊写真のお馴染みのパターンですが、さすがに最近はテレビで取り上げることもなくなりま ...

パーティ開け11 3

ポテチの袋、いつもどうやって開けてますか? 友達やパートナーとシェアして食べるとき、普通に開けたら、開封口の向きが気になって、ちょっと不便ですよね。横から手を入れるのも汚れて面倒。 つい後ろのシール部 ...

gretel 4

  NHK Eテレの「グレーテルのかまど」(毎週月曜 午後10時放送)をご存じですか。瀬戸康史扮するヘンゼルが、しゃべる「魔法のかまど」(声:キムラ緑子)にさまざまなスイーツの作り方を教えて ...

-WordPress, アフィリエイト, デスクトップ, モバイル&PC
-

Copy Protected by Chetan's WP-Copyprotect.

Copyright© そらより , 2017 AllRights Reserved.