【WordPress】記事に貼った広告をセンタリングする方法

---

---

WordPress の記事に貼る ASP の広告をセンタリングすることで見栄えを整え、読者のクリック率向上につなげたい場合があります。

広告をセンタリングして表示する方法を紹介します。

広告の表示位置（左・中央・右）

ASPなどから取得した広告コードを WordPress の記事に貼った場合、基本的に広告は左寄せになります。

左寄せの例

記事の作り（構成）によってはセンタリング（中央寄せ）したほうが見栄えが良いことがあります。

センタリング（中央寄せ）の例

広告の表示位置をセンタリング（中央寄せ）する方法を紹介します。

センタリング（中央寄せ）にする方法

■ HTML + CSS でセンタリングする方法

カスタム HTML ブロックで広告のコードを貼り付けている場合は、コードの前後にセンタリングの HTML タグを追加します。

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

    <a href="xxxxxxx.html?aaa=aaa">
        <img src="https://xxxxxxx.com/images/xxxxxxx.jpg" alt=""/>
    </a>

</div>

センタリングで表示します。

■ グループ化してセンタリングする方法

広告を貼り付けているブロックを「グループ化」します。

グループの設定で、レイアウトから「中央寄せ」を選択することで、ブロックを中央表示することができます。

まとめ

広告をセンタリングして表示する方法を紹介します。

• HTML＋CSS で中央寄せを指定する
• グループ化してレイアウトの設定で中央寄せを指定する

広告センタリングも使って、ぜひ、かっこいい記事（ページ）を作ってくださいね☆彡

WordPress の情報、テクニック一覧はこちらをクリック！

 

Presented By Boon Boon Blog .Com