PR

【WordPressテーマCocoon】アフィリエイトリンクのセンタリングの仕方

ブログなどでアフィリエイトを行う場合は、アフィリエイトASP(A8ネット、もしもアフィリエイト、バリューコマース等)に登録して商品のアフィリエイトコードを取得して、そのアフィリエイトコードをブログ等に貼り付けますが、画像などのバナー広告はセンタリング(中央寄せ)がされていないことが多くあります。記事の中であれば、さほど気になりませんが、サイトバー等にウィジェットで設置した場合はとても気になります。今回は、取得したバナー広告等のセンタリング(中央寄せ)の仕方について解説します。

スポンサーリンク

現象

ウィジェットでサイドバーに設置したアフィリエイト広告(ココナラ、Kindle本の広告)は、画像が左詰めとなっています。

サイドバーのアフィリエイト広告
スポンサーリンク

原因

アフィリエイトタグに「センタリング」のコードが設定されていないからです。

アフィリエイトタグ

対処

アフィリエイトタグを次のDIVタグで囲います。

アフィリエイトタグのセンタリング

実際にWordPressテーマのCocoonで対処してみます。

WordPressの管理画面を開く

WordPress管理画面

アフィリエイトタグの選択

アフィリエイトタグ管理

DIVタグの追加

アフィエイトタグをDIVタグで囲います。

DIVタグの追加

結果

センタリングされました。

センタリングされたアフィリエイト広告