【2022年】Advanced Editor Tools文字装飾・表の編集などエディタ機能を拡張できるプラグイン

Advanced Editor Toolsプラグイン WordPressプラグイン
【Advanced Editor Tools(旧:TinyMCE Advanced)とは?】

WordPressでの投稿・固定ページの編集画面では下記のような「ツールバー」があります。
この「ツールバー」に表示されている「各種アイコン」の、

・種類を増やす
・配置の並び替え
・不要なアイコンを非表示にする
・・・などができるプラグインです。

「Advanced Editor Tools」を使って「アイコン」を増やすことによって、文字の装飾や表の作成・編集ができるようになり、エディタ機能を拡張できます。

WordPressでの投稿・固定ページの編集では、『ブロックエディタ』か『クラッシックエディタ』を使って編集していきますが、

・『クラッシックエディタ』に高機能な「ツールバー機能」を拡張できます。
・『ブロックエディタ』の「ブロック」の中に、「クラッシック版の段落」を追加できます。
・表(TALBE)の作成や編集ができます。

要するに「Advanced Editor Tools」を使えば、記事の編集画面で、いろいろなカスタマイズができるようになります。

「Advanced Editor Tools」のインストール方法

まずは、「Advanced Editor Tools」のインストール方法から解説します。

プラグインの新規追加
①「ダッシュボード」から、
②「プラグイン」をクリックし、
③「新規追加」をクリックして下さい。
 
Advanced Editor-Toolsプラグイン
①「キーワード」欄に「 Advanced Editor Tools 」と入力して下さい
②「Advanced Editor Tools」がヒットしますので、『今すぐインストール』をクリックして下さい
そして『有効化』をクリックすれば、インストール・有効化は完了です。

「Advanced Editor Tools」の設定方法

「Advanced Editor Tools」の設定方法を画像を使ってわかりやすく解説していきます。

Advanced Editor Toolsの設定
「ダッシュボード」から、
①「設定」をクリックし、
②「Advanced Editor Tools(TinyMCE Advanced)」をクリックして下さい
すると、「Advanced Editor Tools」設定画面に入ります。

WordPressの編集画面では、「ブロックエディタ」と「クラッシックエディタ」があります。
まずは、「ブロックエディタ」の設定方法から解説します。

ブロックエディタの設定方法

「Advanced Editor Tools」設定画面に入ると、「ブロックエディタ」タブと「クラッシックエディタ」タブがありますので、「ブロックエディタ」タブを選択して下さい。

『メインツールバー』の下にある『ブロックツールバーで不使用のボタン』のアイコンの中から、使いたいアイコンを選び、ドラッグアンドドロップで「ツールバー」のタブの中に入れることができます。

例として、『A(text color)』アイコンを入れる場合では、
『A』をドラッグアンドドロップで、ツールバーのタブに入れることができます。

「選択済み文字色の設定を有効化」のところは、「はい」にチェックが入ったままでOKです。
そのまま下へスクロールして下さい。

①「クラッシック版の段落とクラッシックブロックのツールバー」というのが出てきますので、
②「エディターメニューを有効化する(推奨)。」にチェックを入れて下さい
 

「ツールバー」の中には、デフォルト設定の「アイコン」が入っています。
これを下の「使用していないボタン」の中から選んで増やすことができます。

ドラッグアンドドロップでアイコンを移動する
上記の図のように、「ツールバー」に加えたい「アイコン」をドラッグアンドドロップで、増やすことができます。
 

逆に、「不要なアイコン」を「使用していないボタン」の欄に移動させ、「ツールバー」には非表示にすることもできます。

不要なアイコンを移動
例えば、『I(イタリック)』を非表示にしたい場合には、
『I』をドラッグアンドドロップで、「使用していないボタン」の方へ移動させれば、非表示にできます。

下にある「オプション」「上級者向け設定」「テーブル用の高度な設定」「管理」のチェックはデフォルトのままでOKです。

最後に『変更を保存』をクリックして終了です。

クラッシックエディタの設定方法

「Advanced Editor Tools」設定画面のTOPに戻って下さい。
次は、「クラッシックエディタ」タブを選択して下さい。

「旧エディター(TinyMCE)」タブを選択して下さい
 
「エディターメニューを有効化する。」にチェックを入れて下さい
 

「ツールバー」の中には、デフォルト設定の「アイコン」が入っています。
これを下の「使用しないボタン」の中から選んで増やすことができます。

上記の図のように、「ツールバー」に加えたい「アイコン」をドラッグアンドドロップで、増やすことができます。
 

下にある各チェック欄はデフォルトのままでOKです。

最後に『変更を保存』をクリックして終了です。

タイトルとURLをコピーしました