「TinyMCE Advanced」の使い方！HTML不要で記事作成が楽に

今回は、そのTinyMCE Advancedの使い方をご紹介します。

TinyMCE Advancedは、記事作成の時に毎回HTMLなどの入力をしなくてもよくなるプラグインで、記事作成がとっても楽になります。

今回は、このプラグインの使い方や設定方法を詳しく説明していきます。

ちょっとPRです

みっぴー（@bennriya_mi）です～。

アイキャッチを変えただけで、広告表示回数が5倍になりました。（こっそり独り言）

今回、そのアイキャッチを誰でも使えるようにテンプレにしました。
詳しくは、下記にて

TinyMCE Advancedはどんなプラグイン？

ボタン１つで文字の大きさを変えたり文字の背景に色をつけたりが出来るプラグイン

WordPressの初期設定のままだと、文字の色は変えられるけど文字の背景の色は変えられなかったり、文字の大きさも変えられませんでした。

※厳密にいえば、HTMLを直接打ち込めば可能だけどブログを始めたばかりの初心者には、結構大変。私も実際に、ここは苦労しました。

しかし、このプラグインがあるとボタン１つで文字の大きさを変えたり、文字の背景の色を変えたり出来るので、ブログを始めたばかりの頃は重宝してました。

記事作成画面がこんな感じになります。

よくある無料ブログなどの記事作成画面と似てるからHTMLとかCSSの知識がない人でも、記事作成を簡単にオシャレにできちゃいます！私もこのプラグインを知るまでは、HTMLなどをネットで調べて毎回、記入してました。

でも初心者には本当に大変な作業で色を付けるのを途中でやめたくらいです苦笑。

でも、やっぱりせっかく書いた記事。オシャレに読みやすく見せたいですよね？それを叶えてくれたのがこのプラグインでした。

TinyMCE Advancedの利用までの流れ

この２つを完了すれば、記事作成がサクサクと作れるようになります！では、その手順をご案内していきます。

では、早速ですがTinyMCE Advancedの設定方法です。まず、「TinyMCE Advanced」のプラグインをいつもの手順でインストールしてください。

「TinyMCE Advanced」を検索してインストールすればＯＫです。

※プラグインのインストールの手順が分からない方はこちら。

インストールしたら、有効化をしてください。

まずは、最初に初期設定をしていきます。

「TinyMCE Advanced」をインストールし、有効化が終わるとWordpressの管理画面の左側メニューの中の【設定】の中に「TinyMCE Advanced」が入ってます。そこをクリックしてください。

クリックすると、設定画面に変わります。下の「Unused Buttons」の中にあるボタンをクリックして、そのクリックを離さずそのまま上の白いところまで持っていってください。そして、好きな場所に持ってきたらクリックを離してください。

これを繰り返して自分の使いたいボタンを全部、上に持っていきます。

この画面の上の白い部分に移動したものが、記事作成をする時の実際の記事作成画面に表示される形になりますので、自分の使いやすいように配置してください。

使いたいボタンを上に全部、移動したら右上にある、【Save Changes】のボタンを押して設定を忘れず保存してくださいね！

MEMO

参考程度に

必要ないかもしれませんが、一応私が設置した例を載せておきます。

これは、ほぼ全部のボタンを追加してますが、見出し、文字の色、文字の背景の色、リンク、引用、テーブル、リストくらいしか私は使ってません。

あまり多く追加すると、ごちゃごちゃして反対に使いにくいので、自分で不要だと思ったものは表示させないほうがいいかも。

では、次に各ボタンの機能について説明していきます。

色々なボタンがありますね。私がよく使うボタンやメインのボタンの機能について少し説明していきます。

**TinyMCE Advancedボタン一覧**
設定画面での表示	投稿画面での表示	そのボタンで出来る機能
		フォント(文字)の大きさを変更
		見出しを設定する
		文字の色を変える
		文字の背景の色を変える
		文字を太くする
		*文字を斜めに表示する*
		文字の下に線を付ける
		他サイトなどから引用した文に付ける
		箇条書きにする･や番号で使い分け可
		文字や挿入した画像の位置左寄せ・中央・右寄せから選択可
		リンクの挿入や取り消し
		アンカー設定
		記事内にテーブルを挿入