TinyMCE Advancedの設定方法について

ブログ
たけし
たけし
ブログ記事が単調なので、装飾系のプラグインを導入したいと考えています。
何かおすすめのプラグインを教えていただけないでしょうか(*^^*)
マツケン
マツケン
装飾系のプラグインは、記事執筆の際に必須ですよね!
本日は、tinymce advancedの使い方についてお伝えします!!

想定読者

tinymce advancedの導入を検討している人

ブログの記事を華やかにしたい人

フォントサイズなどを調整したい人

 

この記事を読むとどうなるの??

tinymce advancedのインストール方法、設定方法を理解することができ、

見栄えに富んだ記事を作成することができるようになります(*^^*)

 

 

結論

装飾系プラグインを導入したい人は、tinymce advancedを導入しましょう!

作業時間は約20分程度で完了します!

 

tinymce advancedとは

 

ビジュアルエディタの機能を拡張するプラグインのことです。

つまり、装飾系のプラグインなので、導入することで、記事を華やかにすることができるのです。

 

tinymce advancedのインストール方法

①プラグイン→新規追加→tinymce advancedを検索→インストールを押下

 

 

 

tinymce advancedの設定方法

用語解説

段落 見出しタグを設定する際に使用します。
太字 文字を太字にする際に使用します。
フォントサイズ 文字サイズを変更する際に使用します。
テキスト色 文字色を変更する際に使用します。
イタリック 文字をイタリック体に変更する際に使用します。
下線 文字に下線を引く際に使用します。
左寄せ 文字を左寄せする際に使用します。
中央寄せ 文字を中央寄せする際に使用します。
右寄せ 文字を右寄せする際に使用します。
「続きを読む」タグを挿入 moreタグを挿入する際に使用します。

 

番号なしリスト リストタグを挿入する際に使用します。
番号付きリスト ナンバータグを挿入する際に使用します。
引用 引用タグを挿入する際に使用します。
インデントを減らす インデントを減らす際に使用します。
インデントを増やす インデントを増やす際に使用します。
リンクの挿入/編集 文字にリンクを挿入する際に使用します。
リンクの削除 文字のリンクを削除する際に使用します。
テーブル(表) テーブルタグを挿入する際に使用します。
画像の挿入/編集 画像を挿入及び編集する際に使用します。
メディアの挿入/編集 動画を挿入及び編集する際に使用します。

 

 

マツケン
マツケン
続いて、具体的な設定方法についてお伝えしますね!
各画面を見て、わからない用語に出会ったときは、
用語解説を参照していただけると嬉しいです(*^^*)

 

①プラグイン→インストール済みプラグイン→tinymce advancedの設定を押下

②初期設定のままで大丈夫です(*^^*)

ブロックエディター用のツールバー

 

③赤枠で囲った箇所では、使用するボタンを編集することができます。

新たにボタンを追加したい場合は、「クラシック版の段落とクラシックブロックのツールバー用の使用していないボタン」内にあるボタンを、「クラシック版の段落とクラシックブロックのツールバー」にドラッグアンドドロップしましょう!!

④下図を参照して設定してみてください(*^^*)

上級者向け設定

 

⑤下図を参照して設定してみてください!

テーブル用の高度な設定

⑥初期設定のままで大丈夫です。

管理

全て設定したら、「変更を保存」を押下しましょう!!

 

以上で、tinymce advancedの設定は完了となります!!

 

tinymce advancedの使い方

テーブルの挿入方法

ツールバーのテーブル→行列を指定し、記事画面をクリックします。

すると、以下のような状態になります(*^^*)

 

以上でテーブルの挿入は完了です!!

 

まとめ

本日も投稿をご覧いただきありがとうございます。

装飾系のプラグインを導入する検討されている方は、

是非tinymce advancedを導入してみてください!

一つ導入するだけで、ブログ記事が華やかになること間違いなしです!(^^)!