WordPress(ワードプレス)に、アフィリエイト広告をそのまま貼り付けると、左寄りになってバランスが悪くなってしまいます。
解決前
![](https://kimihibiblog.com/wp-content/uploads/2021/12/10-e1639181624317-150x150.png)
確かにバランス悪いね・・・
![](https://kimihibiblog.com/wp-content/uploads/2021/12/11-e1642212921133-150x150.png)
![](https://kimihibiblog.com/wp-content/uploads/2021/12/11-e1642212921133-150x150.png)
![](https://kimihibiblog.com/wp-content/uploads/2021/12/11-e1642212921133-150x150.png)
記事の中央に貼り付ける方法はないかな??
解決後
それは、HTMLコードをアフィリエイト広告コードの前後に貼り付けると解決します。
ワードプレスでアフィリエイト広告を中央に配置する方法。
アフィリエイト広告の貼り方を紹介した記事はこちら
アフィリエイトリンクを超簡単にボタン化する方法〜SWELLはコードを◯◯に貼り付けるだけ〜
【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説
下のHTMLコードをアフィリエイト広告の前後に貼り付けると、「中央よせ」にできます。
<div style=”text-align: center”>
広告コードをここに貼り付ける
</div>
引用:casblog
casblogさんの記事を参考にさせていただきました。
広告コードを改変することなく中央よせにできるんだとか。
![](https://kimihibiblog.com/wp-content/uploads/2021/12/10-e1639181624317-150x150.png)
![](https://kimihibiblog.com/wp-content/uploads/2021/12/10-e1639181624317-150x150.png)
![](https://kimihibiblog.com/wp-content/uploads/2021/12/10-e1639181624317-150x150.png)
ここに辿り着くまで長い道のりだった・・・
当ブログ環境
WordPress(ワードプレス)Gutenberg(グーテンベルク)
ブログテーマ:SWELL
ブログへの貼り付け方
![【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説](https://kimihibiblog.com/wp-content/uploads/2022/01/Centered_1-1024x685.png)
![【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説](https://kimihibiblog.com/wp-content/uploads/2022/01/Centered_1-1024x685.png)
![【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説](https://kimihibiblog.com/wp-content/uploads/2022/01/Centered_3-1024x234.jpg)
![【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説](https://kimihibiblog.com/wp-content/uploads/2022/01/Centered_3-1024x234.jpg)
アフィリエイト広告コードは、段落ブロックに貼り付けることができないのでご注意を。
まとめ:【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説
ひと手間加えるだけで、見やすいブログを作成することができます。
- HTMLコードをアフィリエイト広告の前後に貼り付ける。
- ブロックエディタの「カスタムHTML」に貼り付ける。
- 最後に、プレビューで広告が中央に配置されているか確認する。
「にほんブログ村参加中」バナーをクリックして応援していただけると嬉しいです!
↓↓↓