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

2024年6月8日

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

ポイント

本記事では、

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

記事の見栄えが良くなりますね。

＼ココナラ成功パターンを詳しく見たい方はこちらをクリックしてください／

1 広告の表示位置（左・中央・右）
2 センタリング（中央寄せ）にする方法
- 2.1 ■ HTML + CSS でセンタリングする方法
- 2.2 ■ グループ化してセンタリングする方法
3 まとめ

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

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>

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

ポイント

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

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

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

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

WordPress のお役立ちテクニックはこちら

まとめ

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

ポイント

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

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

40代・50代「会社員におすすめ」の在宅でできる副業５選

: 40代・50代「会社員におすすめ」の在宅でできる副業５選（初心者でもできる）

４０代、５０代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では４０代、５０代におすすめの副業５選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選

: 20代・30代「専業主婦におすすめ」の在宅でできる内職・副業３選（初心者でもできる）

２０代、３０代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。２０代、３０代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い（または少ない）主婦におすすめの副業ができれば安心ですね。記事では、２０代、３０代専業主婦におすすめの副業３選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介！

: 【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介！快適な移住先も紹介します

都会は住みにくい！地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす！おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る