THE THOR(ザ・トール)整形済みテキストが改行されない

THE THOR 記事一覧

タイトルの通り、整形済みテキストが改行されないというトラブル。

以前このトラブルに悩まされました。

整形済みテキストが改行されない

整形済みテキストは
   空白や改行などを
        入力したままに表示できる便利もの
  HTMLなどコードの表記によく使われます。

THE THORのデフォルト設定だと↑上記のように、左側に縦ラインで背景グレーで表示されます。

 

これが上手く表示されず一行になっていました。

整形済みテキストは 空白や改行などを 入力したままに表示できる便利もの HTMLなどコードの表記によく使われます。

トラブルを擬似的に再現すると↑こんな感じ。

これでは複数行のコードをキレイに表現できなくて困ります。困ったあげく普通の段落で表示していました。

 

しかし、このトラブルはいつの間にやら直っていました。
バージョンアップのときにこっそり修正されたと疑っていました、ごめんなさい。

 

HTML圧縮設定をオフにすると直ります

外観 →カスタマイズ→SEO設定→HTML圧縮設定
HTMLを圧縮するのチェックを外せばOKです。

 

※この情報はTHE THORの会員フォーラムで紹介されていました。ありがとうございます。


無駄に対策したこと

なにが悪いのかわからないけどプラグインならいけるだろうと、コード表記用のプラグインをいくつも入れては消しました。当然ですが、どのプラグインも一行表示のままで解決できませんでした。

しかし、同じTHE THORを使っている人の中にプラグインでコードをキレイに表示している人がいました。これはもう何のプラグインを使っているか訊くしかない・・・そう思ってDMを送ろうと決意したあたりで直っているのを発見。危なく余計な手間を取らせてしまうところでした。

 

もともとは page speed insight への対策としてHTMLの圧縮を行っていたのが原因でした。もちろんそんな副作用があるとは知りません。そして、いつチェックを外したのかもわかりませんが奇跡的にトラブルを解消していました。

THE THOR(ザ・トール)サイトの評価点をアップ 52→82 PageSpeed Insights

関連記事

THE THOR を使用している当サイトの スピード を定期的にチェック!     最新テスト結果(2019.9.7) 当サイトはcssの実験台となっていることもあり評価が下がっています。別サイトは現[…]

THOR 同期 ワードプレス

あとがき

この記事は完全に防備録です。

いつかまたやってしまったときのために、または書くことにより覚えることを目的としています。

 

THE THOR 記事一覧

整形済みテキストが改行されない
呟くのよ・・・私の棒ストが