文字装飾プラグイン「TinyMCE Advanced」使い方・設定手順

ワードプレス上で作業し始めて、記事を書いてみたら赤文字・青文字・マーカーを使いたいのにどうやればいいのか分からないという方必見です。

今回は、文字装飾を可能にするプラグイン「TinyMCE Advanced」の使い方や設定方法について詳しくご紹介していきます。

箇条書きのところは青文字
単語で目立たせたいところは赤文字や下線
あとは本当に強調した文章にはマーカー

といったこれは私の中の取り決めですが、あなたもこんな形で文字装飾を行っていこうとこのページにたどり着いたはず。

実際、文字装飾する事で、文章にメリハリが出てより読みやすい文章にする効果をもたらしたりもしますよね。

そんな今回は、文字装飾を今すぐに可能にするプラグイン「TinyMCE Advanced」の設定方法について詳しく解説していきますので、最後までしっかりとご覧ください。

岡田康平

こんにちは、岡田康平です。

なぜ私が在宅ワークで、家族全員が楽しめるこんなライフスタイルを送れているのか？

期間限定で、私が自由なライフスタイルを手に入れた方法について特別公開しているので、是非見ていってくださいね。

この記事で書かれている内容

1 文字装飾プラグイン「TinyMCE Advanced」の機能とは？
- 1.1 メリット
2 文字装飾プラグイン「TinyMCE Advanced」設定方法
- 2.1 自分用にカスタマイズする方法
3 文字装飾プラグイン「TinyMCE Advanced」使い方について
4 『文字装飾プラグイン TinyMCE Advanced 使い方』まとめ

文字装飾プラグイン「TinyMCE Advanced」の機能とは？

ワードプレスの初期の機能では細かい設定が出来ず、表の作成とか、フォントサイズの変更が簡単にできれば楽なのに…と感じていた方も多いはず。

他にも、例えば、

YouTube動画の挿入
テーブルタグの挿入や編集
文字の大きさや色などの細かい装飾
画像の回り余白を挿入

だったり、これらをプラグインなしでやろうと思うとHTMLの知識が必要だったりもします。

ただ文章を書き連ねていくだけであれば問題はなくても、検索して訪問してくれるユーザーにとって読みやすいコンテンツを作成していくためにも文字装飾や表や図って必要不可欠ですよね。

とはいえ、HTMLの知識を付けるのは簡単ではないですし、始めたばかりの初心者の方には難しいと感じる方も多いですよね。

しかし、そんな知識なしにそれらを実現してくれるのがプラグイン「TinyMCE Advanced」になります。

このプラグインを入れると、表作成や文字サイズを編集ボタンをクリックするだけで行えるようになるなど、記事を作成する時に時短になる機能がたくさん使えるようになります。

メリット

例えば、重要で目立たせたい文字を大きく表示しようとすると、初期のワードプレスの場合、テキストタブに切り替えてHTMLを編集する必要があります。

そんな事しないから必要ないと思った方もいるかもしれませんが、ただ単純に“改行”でさえHTMLが関わっています。

記事を書いてる時に改行をすると、＜p＞、＜br /＞といったHTMLの言語を使って改行が行われています。

ですが、ワードプレスの初期の状態で改行をしていると改行が消されてしまう場合があるようですね。

これは、余白部分を消してブログの容量を小さくしようとする働きが原因のようです。

ただ、改行したいところでできないとなればストレスですし、ダラダラと文章が続いていたのでは読むのが大変です。

そんな使い辛いところも自動で改善してくれる上に、自分が使う機能だけをピックアップしてボタンを設置できるので、あるだけで便利です。

さらに時間短縮・作業効率UPにもつながってきますので、初心者アフィリエイターの方には特にオススメです！

文字装飾プラグイン「TinyMCE Advanced」設定方法

ワードプレス管理画面の左下「プラグイン」をクリック
「新規追加」をクリック
右上に表示される検索窓に「TinyMCE Advanced」を入力し検索
「今すぐインストールボタン」をクリック
インストール完了後そのまま「有効化」をクリック

これでインストール・有効化は完了になります。

ここから設定を行っていく事になりますので、詳しい設定方法について下記でご紹介していきます！

自分用にカスタマイズする方法

続いて細かい設定方法に入っていきます。

実際にご自身がよく使う機能をボタンにするのがオススメ。

必要ないボタンまで入れてしまうと増えすぎて使いこなせなくなってしまうので、実際に利用して様子を見ながら増やしたり減らしたりを調節してみてください。

記事を作成していくと、自分がどれをよく使うのかという所が見えてくると思います。

まずは、設定画面を開きましょう。

有効化が完了したら左サイドバーメニューの一覧の「設定」から「TinyMCE Advanced」を選んでクリックします。

編集ボタンの追加・設定方法

実際のボタンの設置方法は、「使用しないボタン」の項目から利用したいものをドラッグ＆ドロップで上の空欄に設置するだけの作業です！

とても簡単ですね！

【よく使用する機能一覧】

アイコン	ツール名	用途
	段落	<h2>や<h3>などの見出しタグを設定する時に使用。インデックス効果を高めるWEBライティングのために必須
	フォントサイズ	文字のフォントサイズを変更する時に使用
	太字	文字を太字にして目立たせたい時に使用
	テキスト色	文字色を変更したい時に使用
	テキスト背景色	文字の背景に色を付けたい時に使用
	下線	文字にアンダーラインを付けたい時に使用
	左寄せ	文字を左寄せにしたい時に使用
	中央揃え	文字をセンター寄せにしたい時に使用
	右寄せ	文字を右寄せにしたい時に使用する。
	「続きを読む」タグを挿入	モアタグを挿入したい時に使用
	番号なしリスト	リストタグを挿入したい時に使用
	番号付きリスト	ナンバータグを挿入したい時に使用
	引用	引用タグを挿入したい時に使用
	インデントを減らす	文章をアウトデントしたい時に使用
	インデントを増やす	文章をインデントしたい時に使用
	リンクの挿入/編集	文字にリンクを挿入したい時に使用
	リンクの削除	文字のリンクを外したい時に使用
	テーブル（表）	テーブルタグを作成したい時に使用
	画像の挿入/編集	画像の挿入、編集の時に使用。実際には画像に余白を入れたり、画像サイズのピクセル数を入力して調整する時に便利。
	動画を挿入/編集	動画を挿入する時に使用。実際にはYouTubeの動画コードを挿入する時に利用すると便利な機能。