facebookから質問がありましたのでこちらで解説します。

サイドバーにテキストウィジェットを利用してバナー画像を設定する場合、バナー画像が小さくて、ブラウザの横幅に余裕があっても、1つずつで改行してセンター揃えにするようになっています。一時期は左寄せで、横幅に余裕があれば横に並ぶようになっていた時もあったような気がしますが、きっとそれは開発者のミスです・・・。

どうしてこのような仕様になっているかと言うと、主にタブレットで見た時に、バナーが左寄せではなく中央に揃っていた方が収まりが良いと思ったためです。

「じゃぁ画像が二つでも中央揃えにすればいいんちゃうの？」

と思う方もいると思うのですが、それをしようとすると、画像ではなく文字を表示したい場合にも文字が中央揃えになります。

もちろん運営者が文字の時はPタグで囲うなどの操作をしていただければ回避は出来るのですが、BizVektorはそういったhtmlやCSSの知識が無い方が操作してもそれなりにデザインがまとまるようにという事を重点に置いて仕様を決定していますので、むしろ、横に複数並べたいと思った方は、下記のように手動で指定を追加して下さい。

<p style="text-align:center">
<a href="**********" target="_blank"><img src="**********" alt="" style="display:inline;" /></a>
<a href="**********" target="_blank"><img src="**********" alt="" style="display:inline;" /></a>
</p>

この記事を書いた人

kurudriveBizVektorコア開発者
名古屋で株式会社ベクトル というウェブ制作会社をしています。
普段はWordPressを使って企業サイトなどを制作しつつ、
WordPress関連のイベントにもよく顔を出しています。
[ 著書 ]
・いちばんやさしいWordPressの教本（共著）
・現場でかならず使われているWordPressデザインのメソッド（共著）
[ 最近のWordPressコミュニティでの活動 ]
2014 WordFesNagoya 実行委員 & セッションスピーカー
2013 WordCampTokyo セッションスピーカー（パネラー）
2013 WordFesNagoya 実行委員 & セッションスピーカー
2013 WordCrabFukui セッションスピーカー
他

スポンサーリンク
投稿タグ