アフィリエイト

TinyMCE Advancedでビジュアルエディタカスタマイズ

投稿日:

hiro
こんにちは、hiroです。 →hiroのプロフィールはこちら

どうも、山田です。
 
  
今回は、「TinyMCE Advancedでビジュアルエディタカスタマイズ」についてです。
 
 

TinyMCE Advancedとは?

TinyMCE Advancedは、Wordpressの記事投稿画面において、文字のフォントサイズなどのスタイルをボタンで簡単に装飾することができるようになるプラグインです。
 
 
具体的には、見出しのhタグや、引用コード、太字、余白、文字サイズ変更など、ブログのデザインを見やすくするための項目が多くあり、記事作成を効率的にするためには必須のプラグインです。
 
 
人によってよく使う項目も異なるので、今回は、TinyMCE Advancedのビジュアルエディタのカスタマイズ方法を紹介します。
 
 

TinyMCE Advancedの導入方法

それでは、TinyMCE Advancedの設定方法です。
 
 
プラグイン→新規追加でTinyMCE Advancedを検索し、インストール→有効化します。
 


 
有効化をしたら、設定→TinyMCE Advancedに進みます。
 

 
エディター設定の画面になったら、使用しないボタンというところにある各項目のボタンをドラッグ・ドロップで上のエディターメニューに移すことでカスタマイズできます。
 
 
例えば、下線を移してみます。
 

 
下線のボタンを上のエディターメニューに移してみました。
 

 
エディターメニューのボタンの順番もドラッグ・ドロップで変更することができます。
 
 
また、エディターメニューの中で不要なボタンは、使用しないボタンの欄に移すこともできるので、必要なボタンだけを好きな順番にカスタマイズすることができます。
 


 
ボタンの追加・削除でカスタマイズができたら、設定・高度なオプション・管理のチェックマークを下記のようにいれておき、変更を保存を押します。
 


  
記事投稿を進めているううちに、この機能が欲しいな、とか、この機能はやっぱりいらないなというように、使い勝手が見えてくるので、随時カスタマイズしていくと良いですね。
 
 
これで、TinyMCE Advancedでビジュアルエディタカスタマイズは完了です。
 
 

  • この記事を書いた人

hiro

1987年生まれ。妻・息子・娘の4人家族。 早稲田大学大学院修了後、一部上場企業に入社。 給料がほとんど上がらない会社の年功序列に疑問を覚え、 会社で働きながら副業で月収10万円を稼ぐアフィリエイトブログを構築。 アフィリエイトで学んだ知識とノウハウを生かして、ブログコンサルを開始。個別コンサル生実績:MAX月収400万円。 ブログがアップデートで飛んだのをきっかけに、メルマガを使って本業を超える自動化収入を構築。 家族・子供の将来のためにも、米国株式インデックスを中心にNISAでつみたてる長期的な資産運用を開始。 30代の会社員パパが、自分の力でお金を作り、幸せに生きる方法をお伝えしていきます。

-アフィリエイト

Copyright© hiro's blog , 2021 All Rights Reserved Powered by AFFINGER5.