今回は、ワードプレスプラグイン【TinyMCE Advanced】のインストールから使い方を解説していきますね。
【TinyMCE Advanced】はワードプレスのビジュアルエディタを拡張することができるプラグインです。
記事を書いていく際にこのプラグインは必須ですし、記事の書きやすさがグンっと向上するので、ぜひ導入してくださいね〜。
TinyMCE Advancedの解説動画
TinyMCE Advancedのインストール手順
まずはTinyMCE Advancedをインストールしていきましょう。
ワードプレスにログインして、【プラグイン→新規追加】と進んでください。
![](https://kuri22.com/wp-content/uploads/2018/01/b0faf06175708fba6bab7f729b722f72.png)
クリックしたら、右上の【プラグインの検索】という所に
TinyMCE Advancedと入力して、検索してください。
![](https://kuri22.com/wp-content/uploads/2018/01/b0faf06175708fba6bab7f729b722f72-1.png)
検索すると、このようにTinyMCE Advancedが表示されるます。
![](https://kuri22.com/wp-content/uploads/2018/01/a8a84005eb2034498c4dad5e52cf94b0-2.png)
【今すぐインストール】をクリックします。
インストールが完了すると、 【今すぐインストール】のボタンが
【有効化】に変わるので、クリックしてください。
![](https://kuri22.com/wp-content/uploads/2018/01/e3e2b76b6e2f40ff49a5417d29ce459e-2.png)
これでTinyMCE Advancedのインストールと有効化まで完了したので
次は設定をしていきます。
TinyMCE Advancedの設定
ワードプレスのダッシュボード(管理画面)の左側に【ワードプレス】という項目の中の【インストール済みプラグイン】に進んでください。
TinyMCE Advancedが正しくインストールされていれば、インストール済みプラグインの中に、TinyMCE Advancedがあります。
TinyMCE Advancedを見つけたら、【設定項目】をクリックしてください。
![](https://kuri22.com/wp-content/uploads/2018/01/8f2677692c74fe0dad01df489419fab0-2.png)
クリックすると、下記画像のような画面になります。
![](https://kuri22.com/wp-content/uploads/2018/01/21f3ed2755db64d68565b83657af44de-1.png)
エディタを編集する場合【使用しないボタン】という所から
使用したい項目をドラッグ&ドロップで移動してください。
エディタ画面の編集に関しては、あなたの好みでどんどん編集していただいて
構わないので、自分好みにカスタマイズしてみてくださいね。
この記事では、私がよく使う【下線】と【背景色】を追加していきます。
ちなみに下線は、このように文字の下に線を引けます。
背景色は、このように文字の背景の色を変えることができます。
![](https://kuri22.com/wp-content/uploads/2018/01/92218554e0f438b1d2315a687ea0886e-2.png)
上記画像のように、使用しないボタンから、【下線】と【背景色】を追加しました。
ドラッグ&ドロップする位置はお好みで調整してくださいね。
![](https://kuri22.com/wp-content/uploads/2018/01/2b95389889e83bd154ad96a0945815c1-1.png)
追加が終わったら、【変更を保存】をクリックすると
エディタ画面の編集が終わりです。
お疲れ様でした!
エディタ画面を編集することで、記事をストレスなく書くことができます。
ぜひやってみてくださいね!
最後まで読んでいただきありがとうございました!