ワードプレス 超初心者 字の大きさや色、背景色ボタンの設置

Pocket

TinyMCE Advanceの設定方法~フォントサイズや背景色ボタンの設置~

のブログの記事を書いていくときに、初めてだと悩んでしまうのが、フォントサイズ文字色の変更です。

文字の背景色なども簡単に変更できるプラグインTinyMCE Advance」の使い方を紹介します。

WordPressのプラグインの中で必ず入れておいたほうが良いプラグインです。

このプラグインを導入したことで、記事を書く速度は2倍くらいになります。

ビジュアルモードで変更が出来るのでワードプレスがはじめての初心者の方にぴったりのプラグインなんです。

プラグインTinyMCE Advanced

TinyMCE Advanced はワードプレスブログの記事作成のときに初心者の方にとても効果的なプラグインです。

ボタンでほとんどの編集が出来る!

ワードプレスブログを始めると、まずぶつかる壁がHTMLのコードとの戦いです。

しかし、そんな戦いとは無縁にしてくれるプラグインが「TinyMCE Advanced」です。

・文字(フォント)サイズの変更

・文字色の変更

・背景色(ハイライト)の変更

全てボタン一つで簡単に出来てしまうんです。

インストール

TinyMCE Advancedをインストールします。

プラグイン⇒新規追加⇒TinyMCE Advanced

⇒【プラグインのインストール方法は?

インストールが完了したら有効化してください。

インストールした後に、記事の作成画面を見てみると・・・

tinymce2

ビジュアルモードで選択できたものが増えているんです!

更に自分で使いやすいようにカスタマイズしていきます。

プラグイン設定

tinymce1

「設定」⇒「TinyMCE Advanced」

tinymce3

自分が使用しやすいように、「使用しないボタン」部分から上のエリアに移動させます。

私のおすすめの配置

tinymce4_2

理由は文字の編集ボタンが集まっているからです。

青の四角部分以外は好きに配置しても大丈夫ですし、ワードプレスを使っていくうちに、よく使用するボタンなどが出てくると思いますので、その都度変更していくといいと思います。

 

自分の完璧な配置を見つけてください。

フォントサイズ

tinymce5

フォントサイズと書かれているボタンで、文字やフォントのサイズ変更が出来ます。

 

文字色

tinymce6

Aという文字の下に線があるボタンが文字色の変更が出来るボタンです。

 

文字背景カラー(ハイライト)

tinymce7

Aという文字の後ろ部分が灰色になっているものが背景カラー(ハイライト)を変更できるボタンです。

 

 

これらの文字装飾変更のボタンが傍にあることで、記事作成の速度は格段に上がるので是非変更してみてくださいね!

 

 

 

勝手に改行が入ってしまう

ビジュアルエディタで記事を書いていった後に、テキストエディタに変えたとき・・・

あれれれれーーー??

何で勝手に数行間隔が空いているの???

 

改行が勝手に入ったり、消えてしまう原因は、テキストエディタで【改行タグ<br>】などが消えてしまうことが原因です。

このような現象が起こってしまうとしたら、下記の設定をするといいです。

 

ボタンを追加した設定画面に戻ります。

tinymce8

Advanced Optionsの中の3番目の項目にチェックを入れて保存してください。

 

こうすることで、ボタンなどだけのビジュアルエディタだけで記事の編集を完了することが出来ます。

改行が入ってしまったりして、ブログのレイアウトで悩んでしまう方は、是非設定してみてくださいね。

 

ここまででワードプレスのプラグイン「TinyMCE Advanced」の解説は終わりです。