*


Stingerの横幅変更!Adsense広告ダブルレクタングルのための最適化

公開日: : 最終更新日:2016/11/02

【この記事の所要時間:約 2 分】

今回はStingerテンプレートのAdsense広告の最適化のために横幅を変更したいと思います。

特にStingerは横幅が狭く設定されているため、Stingerブロガーは最適化は必須だと考えます。

Sponsored Link

Stingerの記事エリア幅はおよそ560pxに設定されています。そのため、アドセンス広告サイズ「336 × 280」を横並びに表示することができません。

やはりぱっと見でも他のブログと比べてもどこか横幅が狭い気もします。

記事エリアの幅を広げ、それを解消しましょう。

記事エリアの幅を変更

ダッシュボードから外観→テーマ編集をクリック。

style.cssを開きます。

ftpソフトからは「#main」と検索することで編集位置を探すことができます。

下記のコードのwidthの数値を変更しましょう。

通常なら、600〜700と設定しておきたいところです。

当ブログは670pxに設定しています。

さて、記事エリア幅を変更すると、サイト全体のレイアウトが崩れてしまいます。

なのでサイト全体の幅も変更します。

style.cssを開き、下記のコードの数値を変更します。

ftpソフトからは、「#wrap-in」と検索することで編集位置を探すことができます。

(stinger3の場合、基本構造のすぐ下にあります)

最後にサイドバーの幅も変更します。

style.cssを開き、下記のコードの数値を変更します。

ftpソフトからは、「#side」と検索することで編集位置を探すことができます。

これでオッケーです。

好みの数値は自身のブログを見ながら決めてくださいね。

Sponsored Link

Google Adsense広告を横並びに表示

ちなみにGoogle Adsense広告を横並びにするためには、tableタグを利用します。

これで表示はオッケーです。

まとめ

これでAdsense広告ダブルレクタングルの挿入が可能となります。

  • Stingerでのダブルレクタングル挿入の場合はコンテンツ幅に注意
  • 幅を変更させるためにはcssの数値を変えよう
  • 幅によって適切なサイズの広告(336 × 280)を表示させよう

以上ですね。

Sponsored Link



合わせて読みたい記事はこちら

Message

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

CAPTCHA



prof

☆SNSもよろしくお願い致します☆

follow us in feedly


ライフハック男子ブログ管理人です。

ゆとり世代、趣味は筋トレと野球観戦。最近更新は不定期です。

PAGE TOP ↑