TinyMCE Advanced/WordPressで編集ボタンを増やして執筆の効率を上げよう!!

この記事は約4分で読めます。

gf01a201503311800

 

今回は、WordPressの記事投稿画面に、編集ボタンを増やしてくれるプラグイン、「TinyMCE Advanced」をインストールしてみました♫

 

その手順をメモ(*^o^*)

スポンサーリンク

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

 

プラグインをインストールする前に、必ずバックアップを取りましょう!!

 

バックアップの取り方はこちらを参考にしてください♪( ´▽`)

BackWPup×DropboxでWordPressのバックアップを確実に取る方法
追記:サイト運営しておよそ1年半後、記事の増加に伴い、有料のロリポップ!バックアップオプションに申し込みました。サイト運営を初めた最初のうちは、こちらの無料プラグインを使用していれば安心且つ充分なので、おすすめです。 WordPres...

 

「ダッシュボード」→「プラグイン」→「新規追加」をクリックします。

スクリーンショット 2016-03-07 1.28.09

 

「TinyMCE Advanced」と検索し、こちらのプラグインをインストール・有効化しましょう。

スクリーンショット 2016-03-07 1.23.50

 

編集ボタンを追加

 

「ダッシュボード」→「設定」をクリックすると、「TinyMCE Advanced」が追加されているのがわかります。

 

それをクリックすると、設定画面へ入ることが出来ます。

 

ここで、自分の追加したい編集ボタンを選ぶことが出来ます。

スクリーンショット 2016-03-07 1.35.26

 

選び方は簡単。

 

下から上へドラッグ&ドロップするだけ♫

スクリーンショット_2016-03-07_1_35_26

 

全部入れると、このような感じになります。

 

たくさん(*^o^*)

スクリーンショット 2016-03-07 1.50.29

 

ただ、全部入れてしまうとゴチャゴチャしてしまうので、とりあえず使用するものだけを入れておきましょう。

 

後からいくらでも変更出来ます(*^o^*)

 

その他の設定

Enable the editor menu

 

ここにチェックを入れると、エディタの上部にメニューバーが表示されます。

スクリーンショット_2016-04-04_16_34_55

 

実際に記事を書くときの投稿画面では、このように表示され、「 TinyMCE Advanced」 で使用可能な全ての機能を確認することが出来ます。

スクリーンショット 2016-04-04 16.57.51

 

ただ、わたし個人的には記事を書くとき必要なボタンのみ表示されていた方が見やすいので、ここのチェックは外しています。

 

ここはご自分の「やりやすさ」に合わせて選択しましょう(=゚ω゚=)

 

Also enable

 

こちらは、上級者向けなのでいじらなくてOKです(=゚ω゚)ノ

スクリーンショット 2016-04-04 17.10.29

 

追記:表示が変わり、「Options」となりました。

スクリーンショット 2016-04-20 19.28.03

 

1番下にだけチェックを入れましょう。

 

ここにチェックを入れることによって、投稿編集画面でフォントサイズを選択することが出来るようになります。

 

文章の中で、特に強調したい箇所のフォントを大きくしたり出来るので便利ですよ!!

 

Advanced Opitons

 

こちらの2つのチェックボックスにチェックを入れましょう。

スクリーンショット 2016-03-07 1.49.28

 

追記:こちらはチェック箇所が変わりました。

スクリーンショット 2016-04-20 19.24.55

 

図のように1つだけチェックを入れれば大丈夫です。

 

ここにチェックを入れておくと、WordPressで記事を書いているときに起こる不具合を最小限に抑えてくれるようになります。

 

どんな不具合かというと、ビジュアルモードで書いたあとテキストモードで修正して、またビジュアルモードに戻ったりすると、修正したはずのところが元に戻っちゃったりすることがあります。

 

これは、不要なタグが追加されてしまうことが原因らしいです。

 

そういった不具合を最小限に抑えてくれるのはありがたい機能なので、ここにはチェックを入れておきましょう。

 

ちょこちょこ下書き保存するクセを付けると安心ですね!!

 

最後に、「 Save Changes」 で保存すれば設定は完了です(*^o^*)

 

新規投稿の画面を開いてみましょう。

 

編集ボタンが増えていることが確認出来ると思います。

 

まとめ

 

使い勝手やそれぞれの編集ボタンの使い方は、実際に使用しながら徐々に覚えましょう!

 

やっぱり、実際に使ってみないとわからない部分が多いと思うので(=゚ω゚)ノ

 

編集ボタンをうまく使いこなして、サイトに訪れてくれた方にとって読みやすい記事を書きましょう!!

 

今回参考にさせていただいた記事はこちら、

 

TinyMCE Advanced の設定方法と使い方

 

TinyMCE Advancedのおすすめの設定と使い方

 

どうもありがとうございましたm(__)m

 

この記事を読んでいただき、どうもありがとうございました!!

 

またお会いしましょう。

タイトルとURLをコピーしました