アフィリエイトリンクを掲載する時，そのままリンクコードを貼り付けてしまうと左寄せになってしまうため，バランスが悪い・・・中央に寄せたい！と思ったことありませんか？
cocoonにはアフィリエイトリンクを中央寄せにする機能が見当たらないため、苦戦しがちですが、実はコードにひと足しするだけで簡単に中央寄せにすることができます。
今回はより見た目のバランスをよくするために，アフィリエイトリンクを中央寄せにする方法を紹介します。
中央寄せにする前に・・アフィリエイトリンクの注意点を理解しよう！
アフィリエイトリンクの中央寄せにしたい！そのため、リンクコードを改変しよう！と考えがちですが、その前に一度，アフィリエイトサイトの規約を確かめるようにしましょう！
例えば，アフィリエイトサイトのA8.netでは，アフィリエイトタグの改変は利用規約で禁止されており，やり方によっては利用規約違反として，正しく報酬が受け取れなかったり，最悪，退会となってしまう可能性があります。その他のサイトでも原則，アフィリエイトコードの改変はNGであるところが多いため，手を加える際には注意が必要です。
共通禁止行為：無断改変行為
引用：A8.net メディア会員利用規約
広告主等から提供された広告素材、リンクコード（アフィリエイトリンクコードを含む）、その他指定された条件を無断で改変すること。
では，どのようにアレンジすればよいのか？という話ですが，リンクコードの改変が全てNGという訳ではないという部分を利用します。
A8.netを例にすると，フォントタグによるテキスト部分の装飾や改行の削除など、元のコードに影響のない範囲であれば変更が許容されているため，この許容された範囲でアレンジしていきます！
アフィリエイトリンクを中央寄せする方法
アフィリエイトリンクを表示する際，そのままリンクコードを貼ってしまうと下バーナーのように左寄りの表示になってしまいます。
これではバランスが気に入らないので，中央寄りにしていきます。
今回はプラグインなどは利用せず，アフィリエイトコードに一工夫することで中央寄せにしていきます。
方法は至って簡単で，アフィリエイトコードを貼りつける際に，その前後に〈div〉タグを貼り付けていきます。具体的には以下のコードで挟み込むことで中央寄りにすることができます。
- <div style="text-align: center"> アフィリエイトコード </div>
ちなみに「center」の部分を「right」に書き換えれば広告の右寄せを行うことができます。
使用しているテーマにもよりますが，cocoonであれば上記方法で対応することができます。
私はあまり余計なプラグインは入れたくない派なので，そのような方はこの方法で中央寄せにしちゃいましょう！
コメント