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の際、やっぱり横並びにしちゃいました。失敬)

 

スポンサーリンク

長生きなネコと短命なネコの違いとは?
理由を知りたい方はこちら!
ピックアップ記事(一部広告)


ランクアップに応援ください
にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ 人気ブログランキング

人気の記事

gretel 1

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

パーティ開け11 2

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

Twitterスパムアイキャッチ 3

  【1】Twitterの障害をチェック 検索できない、ツイートできない、プロフィールを編集できないなど、なんらかの不具合を感じたら、まずTwitterに障害が発生していないか、チェックして ...

photo_gallery10 4

  スマホのカメラが優秀で、いろいろ撮影しては外部ストレージのSDカードに保存しています。内部に保存したらメモリーがもったいないですからね。 また、たとえばこのブログ用の写真などはパソコンに ...

ipodアイキャッチ 5

2016年10月6日更新 iPodが同期できないとお悩みの方へ。WindowsのiTunesでVer.12.5.1.21を確認したところ、とっても簡単になっていたのでその方法をシェアします。 従来のタ ...

kensaku05 6

  とにかくGoogleが好きで、少しぐらいなら私の秘密を打ち明けてもよくってよ、と思ってるぐらいですから、当然検索エンジンも「既定」にGoogleを設定しております。しかし、これが突然Ya ...

掃除機ヘッド掃除アイコン 7

  今年も大掃除のシーズンがやってきました。お掃除道具が大活躍の季節ですね。でも、ちょっと待ってください。あなたのお家の掃除機、しっかり働ける準備はできていますか。 もしも吸い込み口のあるヘ ...

無線LAN04-2 8

  2階建てや3階建ての木造住宅で無線LANを使っている方。電波が途切れがちでいらいらしませんか。そらよりもじつはつい最近まで気がおかしくなりそうなほど頭にきていました。いや、それは大げさだ ...

EGT260DX05 9

  まずお断りしておきます。この草刈機にまったく罪はございません。すべてこのドシロートが誤った使い方をした結果、自ら不具合を招いただけなのであります。 結論から先に申し上げておきましょう。草 ...

sheet13 10

  フローリング用の定番お掃除道具といえばクイックルワイパー(c)ですよね。一時期、格安類似品を使っていましたが、取り回しが悪かったり、スティックが折れたり、不具合ばかりですぐ戻ったことがあ ...

hub02 11

  ネットワーク接続がすぐ途切れてしまうわが家の無線LANの不具合については、こちらの記事 2階3階建て木造住宅の無線LANルーター親機子機は「垂直配置」で間違いなし! で、すでに解決済のは ...

ikea_driver02 12

  2017年2月6日追記 「通りすがりの者」さんから次のご指摘をちょうだいしました。 イケアの家具に使われているプラスねじは「ポジドライブ」というイギリスの規格なので、日本のJIS規格のプ ...

パスワード作成 13

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

pdfedit 14

無料で配布されているPDFビューア「Acrobat Reader(旧Adobe Reader)」はPDF文書の表示、検索、印刷、テキストやフォームの入力、注釈機能の使用が可能です。 しかし画像を挿入・ ...

-AFFINGER, WordPress, セレクトワード, デスクトップ, モバイル&PC
-

Copy Protected by Chetan's WP-Copyprotect.

Copyright© そらより , 2018 All Rights Reserved.