『TinyMCE Advanced』で、初心者でも記事の作成を簡単に!

編集

 こんにちは、nozomiです!

 

 今回は、ブログの記事を書く時に活躍してくれるプラグイン『TinyMCE Advanced』の設定方法を解説していきます。

図解つきでわかりやすく説明していきますので、一緒に設定していきましょう!

 

『TinyMCE Advanced』ってどんなプラグイン?

 『TinyMCE Advanced』は、WordPressの【投稿の編集】の画面の機能を拡張できるプラグインです。

 

WordPressの【投稿の編集】画面は、デフォルトではとてもシンプルです。

TinyMCE Advanced

これを、『TinyMCE Advanced』で機能を拡張させると・・・

      

こんな感じにボタンが増えます。

TinyMCE Advanced

 

 文字に色をつけたり、文字の大きさを変えたり、表を挿入したり・・・

HTMLなどの難しい知識がなくてもボタン一つでできるようになっちゃいます^^♪

いろいろな機能を追加することができるので、断然記事が書きやすくなります!

ぜひ、導入しておいてくださいね。

 

では、早速インストールしてみましょう。

 

『TinyMCE Advanced』のインストール手順

①WordPressのダッシュボードにログインしておきます。

左側のメニューの「プラグイン」をクリックします。

プラグイン

②【プラグイン】の画面が表示されますので、「新規追加」をクリックします。

プラグイン

③【プラグインを追加】という画面に切り替わったら、右上の「プラグインの検索」の欄に「TinyMCE Advanced」と入力します。

プラグイン

④検索結果が表示されますので、【TinyMCE Advanced】の「今すぐインストール」をクリックします。

TinyMCE Advanced

⑤【今すぐインストール】のボタンが「有効化」に変わったら、「有効化」をクリックします。

TinyMCE Advanced

以上でインストールは完了です♪

 

『TinyMCE Advanced』の設定手順

 

①インストールが完了すると、プラグインの一覧に『TinyMCE Advanced』が追加されますので、「設定項目」をクリックします。

TinyMCE Advanced

 

②【エディター設定】の画面に切り替わります。

TinyMCE Advanced

 まず、左上の「エディターメニューを有効化する」にチェックが入っていることを確認します。

 

下の方の【使用しないボタン】の中から、追加したいボタンを上のツールバーにドラッグ&ドロップ(マウスをクリックしたまま移動させる)して追加します。

 

 nozomiが追加したのは・・・

「下線」「横ライン」「スタイル」「画像の挿入/編集」「背景」

です。

後で変更することもできますので、あなたのお好みで追加してくださいね。

 

画面を下にスクロールしていきます。

 

      

 

TinyMCE Advanced

【設定】

「リストスタイルオプション」「フォントサイズ」にチェックを入れます。

 

【高度なオプション】

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

 

チェックを入れ終わったら「変更を保存」をクリックします。

TinyMCE Advanced

 

以上で設定も完了です♪

 

まとめ

 『TinyMCE Advanced』は、ブログの記事を書くのには欠かせないプラグインです!

文字の色や大きさを変えたり、装飾をしたりして文章に変化をつけると、読者さんも読みやすくなり楽しめますよね♪

自分の使いやすいようにカスタマイズして、ぜひ、いい記事をたくさん書いてくださいね~。

 

次は、サイドバーに人気記事を表示させるプラグインを設定していきます。

⇒『WordPress Popular Posts』で人気記事を表示させよう!