Flexible Table Blockでヘッダーの色が反映されない時の対処法

日常
スポンサーリンク

まえがき

私はWordPressにFlexible Table Blockというプラグインを入れている。

Flexible Table Blockとは

表を作成するプラグインである

  • セルの結合・分割ができる
  • 背景色、線の色などを変えられる

といったことができるので、愛用している

しかし、ヘッダーの色を変更したにも関わらず、公開ページに反映されない。

という現象が起きた。

この記事では、Flexible Table Blockが正常に作動してくれなかった時の対処法について書く

使用環境

私の環境は以下の通り。

  • WordPress:最新バージョン
  • テーマ:Cocoon Child 最新バージョン
  • プラグイン:すべて最新バージョン
  • PHP:最新バージョン
  • サーバー:ConoHa

症状

まず、グローバル設定でヘッダーの色をピンクに設定した。

この設定により、Flexible Table Blockで作成した表のヘッダーはすべてピンクになるはずだった。

確かにエディター上、表のヘッダーはピンクになっていた。

グローバル設定。エディター上はヘッダーがピンクになっている。

しかし、公開ページを見るとヘッダーがピンクになっていなかった。

更に言うと、セル内のテキストも中央寄せの設定にしているのに、左寄せになっている。

公開ページ表。ヘッダーがピンクになっていない。

対処方法

こうしたら直った

Cocoonのテーブル設定を変更した

「Cocoon設定」→「本文」をクリックし、下の方までスクロールする

横幅の広いテーブルは横スクロールするのチェックを外して保存する。

すると「閲覧できません」というエラーページになる。

すんなり解決させてくれないのがWordPressの醍醐味である。

閲覧できません(Forbidden access)という表示が出たら、WAFをオフにしよう。

用が済んだ後はオンに戻すのも忘れずに。

ConoHaを使用している場合、以下の手順でオンオフ切り替えられる。

ConoHaのコントロールパネルにログイン→「サイト管理」→「サイトセキュリティ」→WAFの利用設定

WAFを一時的にオフにしてからCocoonの設定を変更する。

公開ページでテーブルを見るとヘッダーの色がピンクになっている。

ヘッダーの色がピンクになって、テキストも中央寄せになった
タイトルとURLをコピーしました