TinyMCE Advancedプラグインのインストールと使い方

どうも、Kazuです

今回は、ワードプレスのプラグインのTinyMCE Advancedの使い方とインストール方法について解説をしていきたいと思います

TinyMCE Advancedはビジュアルエディタの拡張機能です。

他にもビジュアルエディタの拡張機能などは多くありますが僕が使ってきた中では一番使いやすい拡張機能ですので、お勧めです

こちらはワードプレスをインストールしていないと使用できないツールですので、まずはドメインとサーバーを契約して、ワードプレスをインストールしてからこちらのプラグインをインストールしましょう。

ドメインとエックスサーバーの契約方法

ワードプレスをインストール

TinyMCE Advancedのインストール

Baidu IME_2016-7-25_22-36-51

初期のビジュアルエディタは上記のような画面です

書きの画面がTinyMCE Advancedを使用したビジュアルエディタになります

Baidu IME_2016-7-25_22-37-12

 

初期の状態でも十分記事などは書いていく事はできますが、TinyMCE Advancedを使用すればさらに装飾できますので、ぜひインストールしましょう

まず、ダッシュボード画面で【プラグイン】という項目がありますのでそちらをクリックします

Baidu IME_2016-7-25_22-38-53

 

プラグイン画面になりましたら、【新規追加】をクリックして検索欄に【TinyMCE Advanced】と入力して検索してください

TinyMCE Advancedのプラグインが表示されましたら、【今すぐインストール】をクリックしてインストールが完了したら、有効化をクリックしてください

Baidu IME_2016-7-25_22-39-1

yajirusi_gra1_blue

Baidu IME_2016-7-25_22-39-12

yajirusi_gra1_blue

Baidu IME_2016-7-25_22-39-21

yajirusi_gra1_blue

Baidu IME_2016-7-25_22-39-29

 

これでインストールは完了です

次は【TinyMCE Advanced】をカスタマイズしていきましょう

TinyMCE Advancedのカスタマイズ

インストールが完了しましたら、表示するボタンなどをカスタマイズしましょう

ダッシュボード画面から【設定】をクリックすることでカスタマイズが可能になります

Baidu IME_2016-7-25_22-39-37

yajirusi_gra1_blue

Baidu IME_2016-7-25_22-39-46

 

上記画像の赤枠部分のボタンをドロップして上記の欄に持っていくだけでボタンを追加することができます

あなたが追加したい項目を移動して追加していきましょう。追加が完了したら【Save Change】で変更完了です

Baidu IME_2016-7-25_22-39-55

yajirusi_gra1_blue

Baidu IME_2016-7-25_22-40-8

 

 

文字に色を付けたり、大きくしたり、太字にしたりできますし見出しなども簡単に変更できますので非常に便利なプラグインです。

強調したい文章などを装飾するだけでも、読み手に伝わりやすいのでぜひ、TinyMCE Advancedはインストールしてくださいね

 

追伸

LINE@に質問をいただけるとすぐに返信する事が出来ます

またLINE登録頂いた方には【自動化戦略】の動画をプレゼントしております

自由を手に入れる為に自動化は必須です。

(LINE@登録方法)
スマホからはコチラをクリック

友だち追加数

または
スマホで「@kazu5317」をID検索してください

追伸2

フェイスブックページでも常に最新の情報を受け取れます。
いいね】を押してチェックしてくださいね

フェイスブックページはこちら