楽天アフィリエイトの広告タグを、記事中に中央寄りに設置したいとき時の方法をご紹介します。
楽天アフィリの広告タグを挿入したら、<div align=”center”></div>のコードで挟んであげます。
しかし、毎回この中央寄せのコードを入力するのは手間ですよね。
そこで、中央寄せのコードをクリック1つで挿入できる、ショートカットボタンが作れます。
初心者さんでもプラグイン「AddQuicktag」で簡単に作れちゃいますので心配入りません。
また、楽天の広告の外枠が大きくて余白ができてしまう時の解決方法も解説しますね。
楽天アフィリの広告を中央寄せにする方法・プラグイン「AddQuicktag」を導入
まずは、プラグイン「AddQuicktag」をワードプレスにインストールします。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/fb4563283462bf2a926d506a96a423c1.jpg)
「プラグイン」→「新規追加」→「AddQuicktag」と検索
「今すぐインストール」をクリック→「有効化」
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/eb75042c9487d8b6195a040ed79291c2.jpg)
有効化できたら、「設定」をクリックします。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/0e49caca279b130ccdd41c09545b4544.jpg)
クイックタグの追加と削除エリアで、広告が真ん中の中央寄せになるコードのショートカットボタンを作ります。
下記の3箇所に入力していきます。
- ボタン名:ショートカットのわかりやすい名前
- 開始タグ:<div align=”center”>
- 終了タグ:</div>
そして、横にあるチェックボックス全てにチェックを入れたら「変更を保存」をクリック。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/055fd55cdc286b2f3000437cf5b551a7.jpg)
最後に「AddQuicktag」には、元々色々なコードが登録されています。
ワードプレスのテーマによっては、既存でコードボタンがある場合がありますので、重複しているものは不要なので、非表示にしておきましょう。
よくわからないとい人は、全て非表示にして、
楽天アフィリのショートカットボタンだけが表示されるようにすると、わかりやすいです。
「デフォルトのクイックタグを非表示にする」エリアで、非表示にしたいコードの横のチェックボタンを全てチェックします。
これで、広告を真ん中に寄せる為の、中央寄せのショートカットボタンが作れました。
楽天アフィリエイトの広告を中央寄せにするショートカットボタンの使い方
では続いて、記事内に楽天アフィリの広告を挿入した後に、どのようにショートカットボタンを使うのかを解説します。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/656f01d2288af91cd8928de93ae2452d.jpg)
楽天アフィリの広告を挿入したいところに、「テキスト エディタ」画面で広告タグを貼り付けます。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/ada01a18ca152151387259cefbb7b5fc.jpg)
「ビジュアル」画面で見てみると、広告の周りに枠が表示されています。
広告は左寄せ。右が側が余白の状態です。
画面右側の外枠にカーソルを当てて、クリックしたまま左へ持っていきます。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/d872b4b9d058a0db4be7be70b7f99ad8.jpg)
広告ギリギリまで移動することができます。
これで外枠の調整が終わりました。
では、広告を中央寄せにしていきましょう。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/2206de1de5da22c0e7c3b4e96f5d8970.jpg)
楽天アフィリの広告の前にカーソルを合わせます。
次に、ツールが並んでいるところに「Quicktags」というのが表示されています。
これが、先ほど作成したショートカットボタンです。
「Quicktags」を開いて、ショートカットボタンをクリックします。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/f7c578aad3026853eca85bf43e89ae14-1.jpg)
すると、<div align=”center”></div>が挿入されています。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/8f23512956914eb201ce03abeb59b301-1.jpg)
</div>をカットして、楽天アフィリの広告の一番後ろに貼り付けます。
<div align=”center”>楽天アフィリの広告タグ</div>
という形になるようにします。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/ab6e103a7038bd0d9449a2713ae4aa25.jpg)
これで、中央寄せの設定が完了です。
「ビジュアル」画面で、確認してみましょう。
![楽天アフィリエイト、広告、中央寄せ、真ん中寄せ、プラグイン、AddQuicktag](https://ayumi-bmethod.com/wp-content/uploads/2021/08/61983494f519b1925cb7152717d74f14.jpg)
広告が真ん中に来ていればOKです。
または、広告タグを貼り付ける前に
先に「中央寄せ」をクリックして
<div align=”center”></div>
を挿入してから
<div align=”center”>間のここにカーソルを合わせて</div>
<div align=”center”>ここに楽天広告のタグを貼り付け</div>
でもOKです。
最後に広告の枠を狭めてくださいね。
読者さんに読みやすい記事を作成するためには、画像や広告を中央に寄せると、画面をスクロールした時に視線の一定になります。
これが、視線が右へ行ったり、左へ行ったりしてしまう構造ですと、疲れてしまったり、離脱されてしまう原因にもなります。
クリック率や離脱率に関係してきますので、中央寄せのショートカットボタンで解消してくださいね。