ワードプレスの作業効率化におすすめ!TinyMCE Advancedの使い方

wptiny

ワードプレスのプラグイン、TinyMCE Advancedを導入すると作業効率化に繋がります。文字のサイズや背景色をアイコンをクリックするだけで簡単に変更させたり、ビジュアルエディタからコードを挿入させたりと、デフォルトのままよりも断然使い勝手がよくなります。

ということで、今回はTinyMCE Advancedのインストール方法、設定方法について解説していきます。

TinyMCE Advancedをインストールする

① プラグインの新規追加よりTinyMCE Advancedを検索し、インストールします。

ti1

 

検索窓にTinyMCE Advancedと入力し、Enter。

ti2

 

いますぐインストールをクリックし、プラグインを有効化させます。

ti3

 

TinyMCE Advancedを設定する

設定からTinyMCE Advancedを選択します。
ti4

以下のように設定画面が表示されます。下のUnused Buttonsの一覧から追加したい機能を上部に移動させます。(ドラッグ&ドロップ)

ti5

 

Advanced Optionsの、以下の2つにチェックをつけます。

  • Stop removing the <p> and <br/>tags when saving and show them in the text editor (編集時に<p><br/>タグが削除される不具合を防ぐ)
  • Replace font size settings (フォントサイズの変更をpx:ピクセル単位で表示)

 

ti6

 

すべて設定が完了したら上部へ戻り、Save Changesで変更を保存します。

ti7

 

投稿画面を確認すると、先ほど追加した機能がありました!
※下の段を表示させるには以下のアイコンをクリックしてください。

ti9

 

フォントサイズもpxで選択できるようになっています。

ti10

 

TinyMCE Advancedの設定解説は以上です。使いやすいように是非カスタマイズしてみてください。

ブログランキングに参加中です★よかったらぽちっとお願いいたしますm(_)m
↓ ↓ ↓
ブログランキング・にほんブログ村へ
にほんブログ村

mailmagatouroku

コメントを残す

ブログ収入のやり方をメルマガにてプレゼント中!登録はこちらをクリック!