当ブログで使用のテーマSWELLのデモサイトをみる

アフィリエイトバナー広告を中央に寄せる方法

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

アフィリエイトのバナーを貼ったけど、左に寄っててバランス悪い。
気になりますよね💦
『カスタムHTML』に2行追加するだけで中央に寄せることができます。
さっそくやっていきましょう。

目次 読みたいところへスキップ

当サイトのバージョン情報(2022.2現在)

WordPress: 5.9

SWELL: 2.5.8.5

当サイトは現在この環境です。

アフィリエイトのバナーを中央によせる方法

カスタムHTMLをひらきます。

アフィリエイトのバナーを中央によせる方法

赤枠内のコードを広告コードの最初と最後に記入します。

1行目‥‥<div style=”text-align: center”>

最終行‥‥</div> です。

<div style=”text-align: center”>の『:』と『center』の間にはスペースが入っています。
気をつけてくださいね。

 

確認してみましょう。

アフィリエイトのバナーを中央によせる方法
左に寄っていたバナー
アフィリエイトのバナーを中央によせる方法
中央に寄りました!

きれいに中央に寄りました。

ずっと左に寄ってるバナーが気になっていましたが、解決してスッキリしました🙌

まとめ:バナーを中央に寄せるのは2行追加するだけ

いかがでしたか?とても簡単でしたね。

広告コードの中はさわっていないので、規約違反等の心配はいりません。

バナー広告を中央に寄せたい時はおためしください。

おまけ:コードの管理はWindows標準ソフト『ふせん』が便利

今回のコードのようにコピペで何度も使いたい情報は、ふせんに記録しておくと便利です。

Windowsに標準で入っている『ふせん』ソフトを使って管理しましょう。

スタート→ソフト一覧の中にあります。

アフィリエイトのバナーを中央によせる方法 付箋ソフト
左下スタートボタンをクリック
アフィリエイトのバナーを中央によせる方法 付箋ソフト
ふせんを右クリックでいろいろな機能が使えます

 

最後までお読みいただきありがとうございました。

 

\初心者から上級者までがんばる個人のための/

\日本最大級、ASP満足度No.1/

 

当サイトでも使用しているSWELLは

ブログを簡単に・楽しく・素早く書けるよう作られ

マウスでクリックしていくだけでコードを書く必要もなく、直感的に操作できることから

記事を書く時の時間コストを大幅に削減できます。

\初心者に圧倒的人気のWPテーマ/

 

PVアクセスランキング にほんブログ村

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

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
  • URLをコピーしました!
目次 読みたいところへスキップ
閉じる