WordPress

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




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

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


広告の表示位置(左・中央・右)


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



左寄せの例



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



センタリング(中央寄せ)の例



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


センタリング(中央寄せ)にする方法


カスタム HTML ブロックを利用している場合



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


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

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

</div>


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


ポイント


<center> ~ </center> タグで括っても同じようにセンタリングします。



まとめ


カスタム HTML ブロックで広告のコードを貼り付けている場合は、コードの前後にセンタリングの HTML タグ( <div style="text-align:center"> ~ </div> )を追加することでセンタリングが可能です。


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




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









Presented By Irojiro Haraguro .Com

ブログランキング・にほんブログ村へ