こちらの記事では、TinyMCE Advancedというプラグインの設定と使い方を紹介します。

 

TinyMCE Advancedとは、WordPressで記事作成する時にフォントの色やサイズを変えるといった文章の見た目の設定がとても簡単になるプラグインです。

 

また、かつては『HTMLの知識がないと使いこなすのが難しい』とさえ言われていたWordPressブログですが、TinyMCE Advancedを使うことでメジャーな無料ブログのように簡単な操作で記事を投稿することができるようになります。

 

作業効率が格段にアップするプラグインですので、ぜひTinyMCE Advancedは導入しておきたいですね^^

TinyMCE Advancedの設定方法を動画で解説!

TinyMCE Advancedの設定方法を画像で解説!

WordPressのダッシュボードからTinyMCE Advancedプラグインをインストールして有効化。

有効化までを画像で解説したページはこちら→WordPressにプラグインをインストールし有効化する方法

 

「設定」→「TinyMCE Advanced」を順にクリック。

 

よく使うであろう機能のボタンを、下から上へドラッグ&ドロップします。

フォトサ」や「」はデフォルトで上に入っていますが、「背景色」も必ず必要になってくると思います。

 

下の方へスクロールして、高度なオプションの「段落タグの保持」にチェック。

こちらにチェックを入れることで、ビジュアルモードとテキストモードの切り替えを行った際でも、勝手に改行されたり空白が入ることを防止できます。

 変更を保存  をクリック。

 

これでTinyMCE Advancedの設定は終了です。

お疲れ様でした^^

TinyMCE Advancedの使い方を解説

続いては、TinyMCE Advancedの使い方を解説します。

装飾を加えたいテキストをドラッグして選択しておいた状態で、ボタンをクリックすればテキストに装飾ができます。

テキストの色を変えたい場合など

変えたい部分をドラッグして選択。

 のボタンがを変更するボタンです。
もしどのボタンが何の機能か知りたい場合はボタンの上にマウスを持って行く(マウスオーバーする)と、上図のように吹き出しが出てボタンの機能を知ることができます。

 

 のボタンの 右のをクリックすると色パレットが出てくるので、好きな色を選択。

これでフォントの色を変えることができました。

 

他の機能についても同じ要領で
装飾したい部分をドラッグして選択

ボタンをクリック
することで、テキストに装飾を加えることができます。^^

表(テーブル)を挿入したい場合

「テーブル」ボタンのをクリック

「テーブル」をポイント

作りたい表に応じてマス目をドラッグ(上図の状態だと4列×3行のテーブルが出来上がります)

 

このような、幅の狭いテーブルが出来上がります。

 


セルをクリックして入力していくと、セルの幅が広がります。

もしクリックしたいセルめがけて上手くクリックできない場合は、矢印キーも駆使しましょう^^

表を削除したい場合は

テーブルのどこかをクリックした状態で「表の削除」をクリック

さいごに

TinyMCE Advancedは、HTMLの知識がなくても体裁の整った記事を書くことができるのでとてもオススメなプラグインです。

この便利なプラグインをどんどん活用して、読みやすい記事を書いていきましょう。^^