LINE登録で3大コンテンツプレゼント中! プレゼント受け取る

TinyMCE Advancedの設定方法と使い方!ビジュアルエディタ必須プラグイン

ビジュアルエディターを使用して、ブログを書いている人必須のプラグイン「TinyMCE Advanced」の設定方法と使い方について紹介していきます。

WordPressのビジュアルエディターでは、初期設定では大変不便なため「TinyMCE Advanced」をインストールして使いやすくカスタイマイズしていきましょう。

作業効率化にもなりますので、「TinyMCE Advanced」をインストールして損をすることはありませんよ!

目次

TinyMCE Advancedのインストール方法

では、まずは「TinyMCE Advanced」のインストール方法について解説していきます。

分かりやすいように、画像付きで解説していきます。

1、「新規追加」をクリック

WordPressメニューから「プラグイン」をクリック、もしくはカーソルを合わせるとメニューが表示されるので「新規追加」をクリックします。

2、「TinyMCE Advanced」をインストールする

キーワード(検索窓)に「TinyMCE Advanced」と入力して、検索結果から「TinyMCE Advanced」を見つけ「インストール」をクリックします。(入力すると自動的に検索結果が表示されます)

※似たようなプラグインが表示されますが、絶対に間違わないよう、こちらをコピペして使用してください⇒「TinyMCE Advanced」作成者: Andrew Ozz

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

3、「有効化」する

「TinyMCE Advanced」をインストールしたら、忘れずに「有効化」をクリックします。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

これで、「TinyMCE Advanced」の導入(インストール)は完了です

TinyMCE Advancedの設定方法

次に、「TinyMCE Advanced」の設定方法について解説していきます。

1、「設定」⇒「TinyMCE Advanced」をクリック

WordPressメニューから「設定」をクリック、もしくはカーソルを合わせるとメニューが表示され、「TinyMCE Advanced」をクリックします。

※「TinyMCE Advanced」をインストールして有効化が完了すると表示されるようになります。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

2、「classic Editor」を選択する

メニューから「classic Editor」を選択して、使用しないボタンの中から必要な機能を選択(ドラッグ&ドロップ)します。

※ドラッグ&ドロップ:マウスの「左ボタン」を押したまま、マウスポインタを目的の場所まで移動させ(ドラッグ)、移動できたら「左ボタン」を離す(ドロップ)という操作

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

3、「設定」はデフォルトのまま

「設定」は変更する箇所はありません。デフォルトのままで大丈夫です。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

4、「段落タグの保持」にチェック

「段落タグの保持」にチェックを入れます。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

5、「変更を保存」をクリック

一番下にある「変更を保存」クリックして、設定は完了です。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

<

変更後、確認してみるとこのようになります。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

メニューが増え、「テーブル」などの機能が増えました。

また、フォントやフォントサイズが変更しやすくなるよう、ボタンの配置を変更しました。

TinyMCE Advancedの使い方

配置しておくと便利な機能をピックアップしてみました。

・スタイル

・段落

・太文字

・テキスト色

・背景色

・打ち消し

・下線

・引用

・リンクの挿入

・リンクの削除

・フォントファミリー

・フォントサイズ

・リスト(番号なし、番号あり)

実際に使用している配置がこちらになります。

TinyMCE Advanced,設定方法,使い方,ビジュアルエディタ,プラグイン

配置の変更はいつでも簡単にできますので、自分の使いやすいようにカスタイマイズしていきましょう。

まとめ

今回は、「TinyMCE Advanced」の設定方法と使い方について紹介させていただきました。

ビジュアルエディタを使用している場合、「TinyMCE Advanced」で作業を効率化していきましょう!

それでは最後までこの記事を読んでいただきましてありがとうございました。

ブログ収益化企画を開催!

ブログで稼ぎたいあなたの為の、
7日間の無料オンライン講座!

今すぐブログを収益化を目指したいあなたへ、
ブログ収益化に役立つ3大コンテンツを
プレゼント中!

/ タップして友だち登録する \

パソコンでご覧の方は、
こちらのQRコードからお友だち登録をして下さい!

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

この記事を書いた人

青木いさおです。
僕は現在、ブログで稼げるようになったことをキッカケに、自分のやりたいことや理想を一つずつ叶えることが出来ています。
つまり、パソコン1台で人生が変わりました。
 
しかし、
機械音痴な僕にこんな人生が待っているとは全く想像もしていませんでした。
周りに流されず、家族の顔色を伺うことを辞めた途端、それまでくすぶっていた感情や想いが溢れ、僕の人生は加速しました。
自分の好きなだけ仕事をして、好きなだけ子どもと遊んで、好きなだけお酒を飲んで、好きなだけチャレンジする。
そんな毎日を送ることが出来ています。
 
そんな僕がどのようにしてブログを始め、現在の、自分の理想を叶えることに全力で取り組むことが出来ているのか。
興味のある方はプロフィールをご覧になってみてください!

ブログ収益化企画を開催!

ブログで稼ぎたいあなたの為の、
7日間の無料オンライン講座!

今すぐブログを収益化を目指したいあなたへ、
ブログ収益化に役立つ3大コンテンツを
プレゼント中!

/ タップして友だち登録する \

パソコンでご覧の方は、
こちらのQRコードからお友だち登録をして下さい!

コメント

コメントする

目次