無料テーマから有料テーマのTHE THOR【ザ・トール】に変更してから、tablepressの表が正常に表示されなくなりました。
特徴としてはtablepressの表の2列目の形が崩れるというものです。テーマ変更のやり方を間違ったのかと思い、プラグインを消したり何度もやり直しながら試したものの、不具合は治りませんでした。THE THOR【ザ・トール】の会員フォーラムで調べたところようやく一時的に解決することができたので、そのやり方を記載しておこうと思います。
表示されない原因
原因はどうやらTHE THOR【ザ・トール】のスタイルシートの記述にあるようで、2列目の要素に特別な設定がされているようなコードが記載されています。どうしてこのような仕様になっているかまでは理解できていません。
対策
THE THOR【ザ・トール】のスタイルシートに表示をおかしくしてしまうコードが記載されているので、対策としては子テーマでその設定を上書きして、元に戻してあげるような記述をする必要があります。
というわけで、まず「外観」⇒「テーマエディター」を選びます
「style-user.css」を選択します。
シートに以下のコードを貼り付けます
.tablepress .column-2 {
display: table-cell;
}
このような感じですね。
これで取り急ぎ形崩れはなくなるかと思います。
まとめ
私の場合、tablepressの表をいくつも使用していたので、テーマ変更時にtablepressの表が引き継げないとなると大問題となるところでした。
しかし、現在は見かけ上問題ない表になっているので、一安心しています。
どうやらTHE THOR【ザ・トール】とtablepressのプラグインの相性は悪いみたいですね。
今回はひとまず解決しましたが、ブラウザによってはこの方法でも形崩れをしてしまうこともあるようです。
私の場合現状は問題ありませんが、今後問題がでてくるようであればそのとき対応策を考えたいと思います。
コメント