愛用品をまとめた「楽天ROOM」へようこそ >>

【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説

URLをコピーする
URLをコピーしました!

WordPress(ワードプレス)に、アフィリエイト広告をそのまま貼り付けると、左寄りになってバランスが悪くなってしまいます。

解決前

Lulu Kushel.(キャミ)
kimi

確かにバランス悪いね・・・

kimi

記事の中央に貼り付ける方法はないかな??

解決後

Lulu Kushel.(キャミ)

それは、HTMLコードをアフィリエイト広告コードの前後に貼り付けると解決します。

このブログでわかる事

ワードプレスでアフィリエイト広告を中央に配置する方法。

アフィリエイト広告の貼り方を紹介した記事はこちら

アフィリエイトリンクを超簡単にボタン化する方法〜SWELLはコードを◯◯に貼り付けるだけ〜

目次

【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説

下のHTMLコードをアフィリエイト広告の前後に貼り付けると、「中央よせ」にできます。

<div style=”text-align: center”>

広告コードをここに貼り付ける

</div>

引用:casblog

casblogさんの記事を参考にさせていただきました。

広告コードを改変することなく中央よせにできるんだとか。

kimi

ここに辿り着くまで長い道のりだった・・・

当ブログ環境

WordPress(ワードプレス)Gutenberg(グーテンベルク)

ブログテーマ:SWELL

– このサイトはSWELLを使用しています –

「シンプルでスタイリッシュ」なデザイン
「ブロックエディター完全対応」で初心者にも使いやすいWordPressテーマ

\ 公式サイト /

ブログへの貼り付け方

STEP
ブロックエディタの「カスタムHTML」を選択
【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説
STEP
下記のHTMLコードを「カスタムHTML」に貼り付ける

<div style=”text-align: center”>

広告コードをここに貼り付ける

</div>

引用:casblog
【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説
STEP
「広告コードをここに貼り付ける」の部分にコピーした広告コードを貼り付ける
【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説
STEP
プレビューで確認して、広告が中央に配置されていたらOK

アフィリエイト広告コードは、段落ブロックに貼り付けることができないのでご注意を。

まとめ:【ワードプレス】アフィリエイト広告を「中央よせ」にする方法を写真付きで解説

ひと手間加えるだけで、見やすいブログを作成することができます。

アフィリエイト広告を中央に配置するには?
  • HTMLコードをアフィリエイト広告の前後に貼り付ける。
  • ブロックエディタの「カスタムHTML」に貼り付ける。
  • 最後に、プレビューで広告が中央に配置されているか確認する。

「にほんブログ村参加中」バナーをクリックして応援していただけると嬉しいです!
↓↓↓

kimihibiblog読者登録

kimihibiblog - にほんブログ村

にほんブログ村参加カテゴリ

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

- このサイトはSWELLを使用しています -

「シンプルでスタイリッシュ」なデザイン
「ブロックエディター完全対応」で初心者にも使いやすいWordPressテーマ

\ 公式サイト /

この記事を書いた人

30代OL。生きやすい時間を確保するために奮闘中。2016年からアウトドア(登山・キャンプ)を始め、読書、おうち時間も大好きです。「暮らし」「アウトドア」のお役立ち情報、「購入品レビュー」をお届けします。

目次
閉じる