WordPressブログで広告バナーを中央揃えにする方法

  • URLをコピーしました!

会社員しながらブログ書いてます。masaです。

今回の記事は、

広告バナーを左寄りから中央にずらすにはどうしたらいいの?

という人のために、WordPressブログでの広告バナーの中央揃えの方法をお伝えします。

下図にように左寄りから中央揃えにできるようになります。

HTMLやCSSを使いますが、慣れれば秒でできるようになります。

\当ブログで使っているWordPressテーマ『SWELL』/

目次

広告バナーを中央揃えにする方法

カスタムHTMLにコードを追加

広告バナーのリンクをそのままカスタムHTMLにコピペすると、左寄りで表示されますよね。

ここから中央揃えにするにはカスタムHTMLにコードに追加する必要があります。

<div style=“text-align: center”>

</div>

これを追加します。

リンクを上記のコードで挟んでください。

<div style=“text-align: center”>

(リンク)

</div>

これで完了です。

プレビューで確認してみてください。

コードの編集は思っているよりも簡単

コードを編集するのはこれが初めてという人が多いと思います。僕もそうでした。

コードが少しずつ使えるようになるとブログのデザインの幅が広がり、ブログ作業がもっと楽しくなります。

それでは、快適なブログライフをお過ごしください。

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

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次