WordPress ビジュアルエディター拡張プラグイン TinyMCE Advanced インストール方法と設定方法

WordPress

 

こんにちは、yojipapa です。

 

前回の記事で、記事を格段に書きやすくするプラグイン Classic Editor(クラシックエディター)の導入方法をお伝えしました。

 

WordPress プラグイン Classic Editor(クラシック エディター)インストール方法
こんにちは、yojipapa です。 投稿画面はプラグインを使うことで、とても使いやすくすることができます。 一つひとつ積み重なった無駄な時間はもったいないので、ワードプレス標準の投稿画面よりもっと記事を書きやすくするために...

 

今回は、Classic Editor に加え更に記事を書きやすくする高機能なビジュアルエディター拡張プラグイン TinyMCE Advanced(タイニーエムシーイーアドバンンスド)のインストールと設定方法をお伝えします。

 

プラグインとは

プラグインはワードプレスのセキュリティーを強めたり、より使いやすくカスタマイズするためのシステムです。
プラグインを導入することにより、より快適にワードプレスを楽しむことができます。

 

WordPress ビジュアルエディター拡張プラグイン TinyMCE Advanced インストール方法と設定方法

 

まずは、ワードプレス標準に Classic Editor プラグインを入れた投稿画面を見てみましょう。

 

➀ 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 投稿 」→「 新規追加 」をクリックします。

 

 

ワードプレス標準に Classic Editor プラグインを入れた投稿画面はこのようになっています。

これでもワードプレス標準の投稿画面より使いやすいのですが更にパワーアップしましょう。
(^ – ^

枠の部分を更に高機能に使いやすくできます。

 

 

では、TinyMCE Advanced を導入をしましょう。

 

② 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 プラグイン 」をクリックします。

 

 

③ 「 プラグイン 」画面が表示されます。

 

・ 「 新規追加 」をクリックします。

 

 

④ 「 プラグインを追加 」画面が表示されます。

 

・ キーワードに、「 TinyMCE Advanced 」を入力します。

 

 

・ TinyMCE Advanced が表示されるので、「 今すぐインストール 」をクリックします。

 

 

・ インストールが完了すると、「 有効化 」の表示に変わるので「 有効化 」をクリックします。

 

 

以上で、投稿画面が高機能にパワーアップしています。
(^ – ^

 

確認してみましょう。

 

⑤ 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 投稿 」→「 新規追加 」をクリックします。

 

 

クラシックエディターの投稿画面はこのように変わっています。

 

 

1段だった編集機能が4段に変化しています。

まるでメールの送信画面みたいですね。
(^ – ^

 

TinyMCE Advanced の設定方法

 

① 「 WordPress(ワードプレス)管理画面 」を表示します。

 

・ 「 プラグイン 」をクリックします。

 

 

② 「 プラグイン 」一覧画面が表示されます。

 

・ 「 TinyMCE Advanced 」の、「 設定項目 」をクリックします。

 

 

③ 「 エディター設定 」画面が表示されます。

 

・ 「 Classic Editor(TinyMCE) 」をクリックします。

 

 

④ 「  Classic Editor(TinyMCE)」設定画面が表示されます。

クラシックエディターの投稿画面を更にお好みでボタンを追加したり削除することができます。

追加する場合は、ドラッグアンドドロップでボタンを追加します。
削除は、反対にドラッグアンドドロップで下にボタンを移動させます。

ちなみに私は、下線背景色 を追加設置しています。

 

・ 追加、削除などの変更をしたら「 変更を保存 」をクリックします。

 

 

* 設定は、まず投稿に慣れてから追加・削除することをおすすめします。

投稿する際に色々なボタンを試してみてください。
(^ – ^

 

 

いかがだったでしょう。

 

投稿画面のパワーアップに2つのプラグイン(Classic Editor・TinyMCE Advanced)を入れました。

 

これで、投稿画面はパーフェクトです。
(^ – ^

 

以上、WordPress ビジュアルエディター拡張プラグイン TinyMCE Advanced インストールと設定方法でした。

 

お疲れさまでした。
(^ – ^