投稿画面のビジュアルエディタを拡張できるWordPress プラグインTinyMCE Advanced で、「テーブルの背景色が設定できない」問題を調べていたら、
最近リリースされたWordPress 4.0 環境にて、TinyMCE Advanced プラグインのバージョンを4.1 へとアップデートすることで、背景色やテーブルボーダーの設定ができるようになりました。
WordPress を最新版へ更新
以下のページよりWordPressの最新版をダウンロードするか、管理画面の更新通知に従ってバージョンアップを行います。WordPress › Blog Tool, Publishing Platform, and CMS
TinyMCE Advanced をバージョン 4.1にアップデート
TinyMCE Advanced 4.0 を使っている方ですと、WordPress 管理画面の更新ページでプラグインのアップデート通知が出ているかと思います。
TinyMCE Advanced の更新履歴情報を見てみると、
Includes the ‘textpattern’ plugin that supports some of the markdown syntax while typing, and the updated ‘table’ plugin that supports background and border color for tables.
と書かれているように、バージョンを4.1 にアップすることで、テーブルの背景色を設定できない問題が解消されるかと思います。
テーブルの背景色の変更
WordPress 本体とTinyMCE Advanced プラグインのバージョンを最新版にしたら、投稿画面に進んでテーブルを作成してみます。
テーブルを作ったら、「テーブル」メニューから「表のプロパティ」をクリックます。
「詳細」タブが増えていますのでクリックすると、
背景色を選択できるようになりますので、背景色フィールドの「
」ボタンを押して
カラーピッカーから背景色を指定します。
こんな感じになりました。
セルの背景色の変更
テーブル全体でなく、特定のセル（td）の背景色も変更することも可能です。背景色を変えたいセルをマウスで選択して、
「テーブル」メニューから「セル」»「セルのプロパティ」へ進みます。
同じく「詳細」タブをクリックすると、背景色を選択できるようになりますので、
カラーピッカーから背景色を指定します。
こちらも、こんな感じになりました。
コメント