STORK(ストーク)のウィジェットでバナーが表示が切れる・・・

WordPressテーマのSTORKでウィジェットに設定したバナーが表示しきれず切れてしまう・・・ここではその対応方法を紹介する。

バナーが切れてしまう例

例えば、こういう横長なバナー広告をサイトに表示したい。

どうして切れちゃうのか?

WordPress管理画面外観ウィジェット利用できるウィジェット欄のところで、

利用できるウィジェット

テキストってウィジェットを使っちゃったのが原因でした。

テキストウィジェット

ビジュアルタブでプレビューするとしっかり右端まで表示されているんですが、、、、

ウィジェットビジュアル

実際のサイト表示では右半分が切れてしまった・・・

実際のサイト表示

バナーを正しく表示するにはカスタムHTML

カスタムHTMLウィジェットを使うのが正解。テキストウィジェットは表示幅が決まっているようだ。。。

カスタムHTMLウィジェット

同じように枠にドラッグ&ドロップする。内容にバナーのHTMLを貼付ければOK。

カスタムHTMLウィジェット

今度は正しく表示できた!

実際のサイト表示

今回は横長バナーだったが、縦長バナーもテキストウィジェットだと下半分が切れてしまう。縦長バナーについてもカスタムHTMLウィジェットを使用しよう。