サポート » 使い方全般 » ウィジェットにYahoo!オークションのアフィリエイトバナーをうまく表示で

  •  ワードプレス2.3.3を使って、ゴルフのブログをつくっています。

    http://www.ackii-info.com/golfclub/

     テーマファイルは、http://www.golf-stuff.com.au/theme/からダウンロードできる、Golf Club 0.9 : (Highlands by Design 作)というものです。

    このブログの左サイドバー(ウィジェット)に、Yahoo!オークションのアフィリエイトバナーを表示させましたが、表示がイマイチうまくいかないので、皆さんのお知恵を借りれたら、と思いました。

    【症状】

    まず、症状から。現状、上から2段目のウィジェットにYahoo!オークションのアフィリエイトバナーを表示させていますが、右から四分の一ほどのところに、うっすらと縦線が入っています。

    また、左右のマージンも、アンバランスであまりよろしくありません。

    http://www.ackii-info.com/golfclub/

    【組み込み手順】

    私が、ウィジェットにYahoo!オークションのアフィリエイトバナーを表示させるためにとった手順は下記のとおりです。

    1)Yahoo!オークション ブログ、ホームページ用アフィリエイト広告バナー作成サイトから、バナー用のコードを取得。

    http://info.auctions.yahoo.co.jp/f/affiliate/index?isgeo=0

    コードを取得した時点での、バナーのサイズは、120X600。

    2)ワードプレスの管理画面における、テーマ⇒ウィジェット で、下記の設定を実施。

    ・「利用できるウィジェット」にある「テキスト1」を、「Left Sidebar」にドラッグ&ドロップ。

    ・「Left Sidebar」にある、「テキスト1」の設定ボタンをクリックし、1)で取得したバナー用コードを貼り付け。

    ・さらに、コード内の値を変更。二箇所ある width=”120″ の値を、156に変更。さらに、MarginWidth=”0″の値を、2に変更。

    うっすらと表示されている縦線の位置は、width=”120″に相当する時の右辺の位置に相当するものと思われます。

     症状として記したことを改善するために、私は何をすればよいのでしょう?

     あるいは、アフィリエイトバナーをウィジェットに表示させるために、他に良い方法があるのでしょうか?

    なにか思いつく方、アドバイスをくださると助かります。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • iframe の幅を変更しても iframe の領域が広がるだけでバナー自体の幅は変更出来ません。
    テーマの幅にバナーを合わせることは諦められた方がいいと思います。
    テーマのスタイルシートを修正をされるのがいいと思います。
    例えば、 style.css に、以下のようなスタイルシートを追記してみてください。
    バナーが中央寄せで表示されるはずです。

    div.textwidget iframe {
      display: block;
      width: 120px; /* or 122px */
      margin: 25px auto 0 auto;
    }
    トピック投稿者 ackii

    (@ackii)

    mizubeさん、ありがとうございます!

    おっしゃるとおりにやってみたところ、バナーが中央に表示されて、
    ぐっと見栄えがよくなりました。

    大変助かりました。また、よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ウィジェットにYahoo!オークションのアフィリエイトバナーをうまく表示で」には新たに返信することはできません。