TinyMCE Advancedの設定方法と使い方!ビジュアルエディタを使うなら必須!

こんにちは、めい(@maystyle_may)です。

 

ブログを書く時、皆さんはどのエディターを使っていますか?

[kjk_balloon id=”3″]私は断然ビジュアルエディター派![/kjk_balloon]

テキストエディタももちろん使えたほうがいいけど、ビジュアルエディタはやっぱり見やすいし使いやすい!

 

そんなビジュアルエディタ派のアナタに、もっと作業効率がアップすることができるプラグイン『TinyMCE Advanced』の設定方法と使い方をご紹介します。

目次

TinyMCE Advancedの設定方法と使い方!

TinyMCE Advancedは、WordPressで記事を書く時に、文字を大きくしたり、文字に色を付けたり、などの装飾をする際、面倒なコードを使わずワンタッチでできるショートカットキーをエディター上に設置させることができるプラグインです。

 

これがビジュアルエディタです。

デフォルトでは機能が限られているので、プラグイン「TinyMCE Advanced」を使って増やしていきます。

 

TinyMCE Advancedの設定方法

手順1
プラグイン「TinyMCE Advanced」をインストールする

プラグイン 新規追加

ダッシュボードにある『プラグイン』>『新規追加』

TinyMCE Advanced

「TinyMCE Advanced」をインストールし、有効化する。

手順2
「TinyMCE Advanced」の設定をする

①Classic Editorを選択

②必要な機能をドラッグ&ドロップしていく

高度なオプションで以下にチェックを入れる。

最後に『変更を保存』をクリック

手順3
ビジュアルエディタ画面で確認
 

先程追加した機能が追加されています!

これでTinyMCE Advancedの設定は完了です!

 

TinyMCE Advancedの使い方

一般的によく使われる機能をピックアップしてみました。

これらの機能があれば作業効率がグッとアップします。

文字に色を付ける

好きな色を選ぶと文字の色が変えられます。

 

文字の背景に色を付ける

あいうえお

 

文字に下線を引く

アンダーラインのUが目印

 

リスト&ナンバリング

  • これ
  • あれ
  • それ

  1. この
  2. あの
  3. その

 

 

文字を打ち消す

古い情報などを打ち消すのに効果的

 

引用マーク

引用しています。

 

など。

これだけで作業効率がグッとアップするので是非活用していきましょう!

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

無料で学べるオンライン講座開講中

,center>※コンサル生の募集に関しては、不定期にてメルマガ読者様限定でご案内しております。

この記事を書いた人

めいです。
”子育てもシゴトもよくばりに!”をモットーにブログで収入を得ているママブロガーです。

「おうちで子どもと一緒にいながら収入を得られたらいいな!」

そんな子育てママに送る無料オンライン講座で「ブログで稼ぐコツ」を配信中!

是非メルマガを購読してみてくださいね!

目次