ブログで発信したい、だけどデザインもこだわりたい、そんなあなたへ贈るWordPress テーマblanc note.

wordpress-basicWordPressの基本
WordPressの基本

WordPressのウィジェットエリアで広告をセンタリングする方法

WordPressの基本

広告表示を使う際に中央に表示をしたいのですが、
何度か設定しても左端に表示されてしまいます。

テーマの編集は不慣れなもので、
お手数でなければどちらをカスタマイズすれば良いのか
教えていただけないでしょうか。

というご質問をいただきましたので、お答えいたしますね。

広告の配置にはウィジェットを使う

ご存知かとは思いますが、広告を配置するために、WordPressの「ウィジェット」という機能を使います。

  • テキスト
  • カスタムHTML

広告は、上記のいずれかのウィジェットで配置します。

その時に、ウィジェットに広告コードをコピペするだけですと、左側よせになります。

ウィジェット内でセンタリングする方法

\お手軽/「テキスト」ウィジェットの場合

一番お手軽なのは、「テキスト」ウィジェットを使うことです。

(1)テキストタブに広告コードを追加

(2)ビジュアルタブに切り替えて、センタリングする

テキストウィジェットではうまく行かなかった時は「カスタムHTML」

(1)カスタムHTMLに、広告コードを貼り付けます

(2)センタリング用のdivタグで挟みます。
広告の前に

という部分が、blanc note.で使えるセンタリング用のクラスです。

広告の後に閉じるタグを入れて挟み込みます。

カステムHTMLは、タグをそのまま貼り付けられるウィジェットです。
そのため正確だと思います。
しかし、貼り付けの位置を間違えてしまったり、閉じるタグを入れ忘れてしまうと表示が崩れてしまうのでお気をつけくださいね。

以上になります。

Category : WordPressの基本
ほんわかクリエイター るこ

Web系のお仕事をしています。
むちゅめ(6歳/早生まれ/小学生1年生)大好きな親バカ系。
LOFT、無印、生活の木、伊東屋が好き。
自然溢れる場所に惹かれはするものの、めんどくさがりの省エネ派。ぐでたまを尊敬してます。

ブログ一覧へ戻る