• RSS

[WP]TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

投稿画面のビジュアルエディタを拡張できるWordPress プラグインTinyMCE Advanced で、「テーブルの背景色が設定できない」問題を調べていたら、

最近リリースされたWordPress 4.0 環境にて、TinyMCE Advanced プラグインのバージョンを4.1 へとアップデートすることで、背景色やテーブルボーダーの設定ができるようになりました。

WordPress を最新版へ更新

以下のページよりWordPress の最新版をダウンロードするか、管理画面の更新通知に従ってバージョンアップを行います。


TinyMCE Advanced をバージョン 4.1にアップデート

TinyMCE Advanced 4.0 を使っている方ですと、WordPress 管理画面の更新ページでプラグインのアップデート通知が出ているかと思います。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

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 プラグインのバージョンを最新版にしたら、投稿画面に進んでテーブルを作成してみます。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

テーブルを作ったら、「テーブル」メニューから「表のプロパティ」をクリックます。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

「詳細」タブが増えていますのでクリックすると、
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

背景色を選択できるようになりますので、背景色フィールドの「 」ボタンを押して
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

カラーピッカーから背景色を指定します。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

こんな感じになりました。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

セルの背景色の変更

テーブル全体でなく、特定のセル(td)の背景色も変更することも可能です。

背景色を変えたいセルをマウスで選択して、
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

「テーブル」メニューから「セル」»「セルのプロパティ」へ進みます。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

同じく「詳細」タブをクリックすると、背景色を選択できるようになりますので、
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

カラーピッカーから背景色を指定します。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法

こちらも、こんな感じになりました。
TinyMCE Advanced でテーブルの背景色が設定できない問題を解消する方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください