Amazon 在庫処分セール開催中 ≫

アフィリエイトリンク(バナー)を本文の中央に表示させる方法・HTMLタグ

Tips 〜コツ・小技集〜

アフィリエイトリンクやアフィリエイトバナーをコピーしてきてそのまま貼り付けると、↓のように左に寄ってしまいますよね。(スマホだと分かりづらいかも)

こちらを、↓のように画面の中央に表示させる方法をご紹介いたします。

アフィリエイトバナーを中央に表示させる方法

1.アフィリエイトリンクのソースを、カスタムHTMLパーツに貼り付ける

アフィリエイトリンクのソースを、WordPressのカスタムHTMLパーツに貼り付けます。

このように表示されると思います。

このままプレビューすると、↓のように左寄せで表示されます。

2.センタータグで囲む

中央に寄せるためには、センタータグで囲う方法があります。

<center>ここに文字</center>

↑のように、<center>タグで囲うことで、アフィリエイトバナーやリンクを記事の中央に表示させることが出来ます。

実際にWordPress上で編集するときのイメージはこんな感じです。

<center>で囲うだけで、↓のように中央に配置することが出来ます。

他にも方法はありますが、覚えやすいタグなので重宝します*

その他、便利なHTMLタグ

本業でプログラミングをしている身としては、個人的にはプログラムの文法は覚えなくても良いと思っています。

やりたい事がハッキリしていれば、インターネットで検索すれば出てくるご時世なので…笑

ですが、今回紹介したようなHTMLと呼ばれる言語は、少し理解して覚えておくだけで、格段にブログ作業の効率が上がると思っています。

HTMLを理解していくと、ゆくゆくはブログデザインには欠かせないCSSなどの勉強にも役立ちます。

ブログの見栄えを良くしたいと思っている方や、自分でブログデザインをしてみたいという方は、少しずつ勉強していくのもおすすめです*1日もあればなんとなく理解できます。

当ブログのカスタマイズについては下記の記事にまとめてありますので、興味のある方は是非こちらも参考にしてみて下さい。

ここまで読んでいただきありがとうございました*

質問などありましたら、コメントやお問い合わせフォーム、Twitter、インスタなどでお問い合わせ下さい。

コメント