【Cocoon】アフィリエイト広告を中央揃えで表示する３つの方法【ブログ運営記事】

本ブログはCocoonという無料のWordpressテーマを利用させてもらっています。アフィリエイト広告をそのまま張り付けると、左揃えで表示されてしまうので、忘備録がてら中央揃えで表示する方法をまとめます。

１．カスタムHTMLで中央揃えにする方法

カスタムHTMLを活用して、アフィリエイト広告を中央揃えで表示する場合は、広告コードの前後に中央揃えのスタイルコードを挿入するだけでOKです。

非常に簡単ですが、毎回スタイルコードを手作業で挿入する必要があるため、「HTMLとして編集で中央揃えにする方法」をお勧めします。

カスタムHTMLを選択して、取得した広告コードを貼り付けします。

貼り付けした広告コードの前後に、以下のコードを挿入すれば完了。

<div style="text-align:center">
広告コード
</div>

アフィリエイトタグを活用して、中央揃えで表示する場合は、デフォルトのテキスト位置の調整機能を利用するだけです。

アフィリエイトタグを活用すると、何度も利用する広告を再利用しやすくなるためおすすめです。

WordPressメニューのCocoon設定＞アフィリエイトタグ＞新規追加　より、アフィリエイトタグを追加します。

記事に戻り、設定したアフィリエイトタグを貼り付けします。

テキスト位置を、テキスト中央寄せに変更すれば完了。　

HTMLとして編集機能を活用して、中央揃えで表示する場合は、デフォルトのテキスト位置の調整機能を利用するだけです。

一回きりの広告を張り付ける場合は、こちらの方法がおすすめです。

空白の段落をクリックして、HTMLとして編集を選択します。

広告コードを貼り付けたら、「：」＞ビジュアル編集を選択します。

テキスト位置を、テキスト中央寄せに変更すれば完了。　

本記事では、Cocoonテーマを活用している方向けに、アフィリエイト広告を中央揃えで表示する方法を３つ紹介しました。いずれの方法も非常に簡単です。

広告の位置にもこだわって、より見やすいブログを作っていきましょう！