生活、IT・WEB、ガジェットに密着した情報をお届けしています

TinyMCE Advancedのすすめ

      2015/07/29

スポンサーリンク

はじめに

TinyMCE Advanceは、Wordpressの記事作成の効率を劇的にアップさせるプラグインです。
このプラグインをインストールしておけば、HTMLタグを記述する労力が削減され、
文字の装飾など直感的に文章へ加えることができるようになります。

スポンサーリンク

記事作成時にHTMLタグを記述するのが面倒だと思っている方やHTML初心者で記事の表現をもっと広げたいと思っているの方に非常におすすめのプラグインです。

 

TinyMCE Advancedの使い方

TinyMCE Advancedのインストール

tinymce advanced0

WordPress管理画面のプラグインから新規追加に移行します。

キーワードにTinyMCE Advancedと入力してインストールを実行します。

 

TinyMCE Advancedの設定

Editor Settings

tinymce advanced2

インストールが完了したら、設定のTinyMCE Advancedに移行します。

下部のUnused Buttonsから使用したいツールを上部にドラッグアンドドロップします。

ツールの位置も変更できるので、自分が使いやすいようにカスタマイズしていきましょう。

tinymce advanced3

Advanced Optionsでは、さらに細かい設定を行うことができますが、HTML、CSSの知識が必要です。

そのため、基本設定で慣れてから行うことをおすすめします。

 

ビジュアルエディターでの使い方

tinymce advanced4

Editor Settingsで設定したツールを固定ページや投稿ページのビジュアルエディター上で使用できるようになります。

装飾したい文字、箇所にカーソルを当てて、ツールを適用させます。

 

ブログ執筆におすすめ設定

TinyMCE Advancedのツールをエディターに多く盛り込んでしまうと効率が下がってしまう可能性があります。

そのため、ツールの選択は使用する環境に応じた選択を行ないましょう。

この項では、ブログ記事作成に特化させた設定を公開したいと思います。

 

使用するツール

使用するツールは、以下です。

 ツールアイコン  ツール名
 スクリーンショット 2015-05-26 18.28.46  段落
 スクリーンショット 2015-05-26 18.28.46 2  画像の挿入
 スクリーンショット 2015-05-26 18.28.46 3  動画の挿入
 スクリーンショット 2015-05-26 18.28.46 4  テキスト色
スクリーンショット 2015-05-26 18.28.46 5  続きを読む
 スクリーンショット 2015-05-26 18.28.46 6  太字
 スクリーンショット 2015-05-26 18.28.46 7  イタリック
 スクリーンショット 2015-05-26 18.28.46 8  引用
 スクリーンショット 2015-05-26 18.28.46 9  Bulleted list
 スクリーンショット 2015-05-26 18.28.46 10  番号付きリスト
 スクリーンショット 2015-05-26 18.28.46 11  左寄せ / 中央揃え / 右寄せ
 スクリーンショット 2015-05-26 18.28.46 12  リンクの挿入 / 編集
 スクリーンショット 2015-05-26 18.28.46 13  リンクの解除
 スクリーンショット 2015-05-26 18.28.46 14 テーブル
 スクリーンショット 2015-05-26 18.28.46 15 取り消し
 スクリーンショット 2015-05-26 18.28.46 16  やり直し

 

上記で紹介したツールだだけでも十分に表現できます。

tinymce advanced6

ブログ作成時はこの設定をベースとし、何か物足りないなと感じてきたらツールを増やしていくようにしましょう。

 

まずは1ヶ月使ってみる

TinyMCE Advancedは多様なツールが装備してあります。ツールに振り回されないためにも
本記事でご紹介した”ブログ執筆におすすめ設定”で1ヶ月間使用して感覚をつかむことをおすすめします。

ご観覧ありがとうございました!!

スポンサーリンク

 - Web, Wordpress