【WordPress】ウィジェットの表示がおかしい!それは自動改行のせい!解決策は…

久しぶりにワードプレスの「ウィジェット」を更新しようと思って、ほんのわずかいじったところ…

なんじゃこりゃ〜!!

サイドバーや記事下を含むウィジェットの表示がおかしい!!特に「オススメ記事」のところに謎の空間ができている!

これはヤバい!と色々と調べたところ、原因が判明。

WordPress4.8からテキストウィジェットの仕様が変更になったのが今回の原因でした。

今まではテキストウィジェットは「テキスト」のみだったのですが、WordPress4.8からはリッチテキストが使えるように。ブログの記事投稿時と同じようにビジュアルエディターを用いて、HTMLがわからない人でも簡単にビジュアルにこだわったウィジェットを作成することができるようになったのです。

それはそれでいいんですが、問題は「自動で改行する」のチェックボックスがなくなったこと。

「自動で改行する」ことがデフォルトとなり、「自動で改行しない」ことができなくなってしまったのです。

これはヤバい!今までテキストエディタにHTMLで記述していた場合、途中に改行があるとブログ表示時には勝手に「改行タグ」が挿入されてしまうのです。

そのため、意味不明な空間が空いてしまったり、デザインが崩れてしまったりと非常に残念な事態に。アドセンスやアフェリエイトなどのコードでも改行があると、空間が空いておかしくなる可能性があります。

ということで、急いで解決策を見つけました!

スポンサーリンク

旧テキストウィジェットを使えるようにするプラグイン「Classic Text Widget」を使う

問題解決法の一つとして「functions.php」に記述して「自動改行をオフにする」方法もありますが、あまり詳しくないのに手を出すとさらにどうにもならなくなる可能性があります。

そのため、本記事では比較的安全な方法として、プラグインを導入してWordpress4.7までのテキストウィジェットが使えるようにする方法をお伝えします。

プラグイン「Classic Text Widget」ダウンロード

使用するプラグインは「Classic Text Widget」
このプラグインを導入することで、Wordpress4.7までのテキストウィジェットを使えるようになります。

Classic Text Widget — WordPress Plugins

こちらのページから「Classic Text Widget」のzipファイルをダウンロードします。
zip(圧縮)ファイルですが、解凍しないでください。

プラグインのアップロード・インストール

WordPressの管理画面から「プラグイン」→「アップロード」。

先ほどダウンロードしたzipファイルを選択してアップロードします。
アップロードが完了したら、「有効化」をクリックしてください。

これで準備完了です。

ウィジェットの中に「Classic Text Widget」ができています

WordPressの管理画面から「外観」→「ウィジェット」。

プラグインが有効化されていれば、「利用できるウィジェット」の中に「Classic Text Widget」があるはずです。これが、Wordpress4.7までの「テキストウィジェット」と同じように使えるのです。

他のウィジェットと同様に、使いたい場所に「Classic Text Widget」をドラッグ&ドロップ。

今までの「テキストウィジェット」と変わらず使えます

今までの「テキストウィジェット」と変わらず、シンプルにテキスト(HTML)だけ入力して使うことができます。表示がおかしくなってしまったウィジェットのHTMLをここにコピペすればOK。

下には「Automattically add paragraphs(自動で改行します)」のチェックボックスがあるので、勝手な改行に悩む方はチェックを外しておきましょう。

無事に表示を元に戻すことができました。

有料テーマ「STORK」で直面した問題でした

ウィジェットの問題なので、テーマを問わず起こる可能性が高いですが、とりあえず上記の方法で解決することが可能です。

ただ、できれば今後Wordpressのアップデートで「自動で改行する」チェックボックスを復活させてほしいですね。本気で「どうしよう…」って頭抱えちゃいましたよ。

ちなみに、ぼくの場合は現在使用中のテーマ「STORK」で直面しました。
ウィジェットでも使える「関連記事」のショートコードが勝手に改行されて、謎の空間ができてしまうという症状。

ショートコード自体に「改行するな」と記述できないので、ほとほと困り果てましたが…とりあえず、無事に元どおりに戻すことができて助かりました。

「STORK」に限らず、他のWordpressテーマでも起こりうる問題です。

ここ最近「ウィジェット」の表示がおかしくなった…と思われたら、上記の解決策を参考にされてみてください。



WordPress
スポンサーリンク
スポンサーリンク
吉元 寿林をフォローする
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
スポンサーリンク
じゅりんHACK -IT情報館-
タイトルとURLをコピーしました