Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

What is: ビジュアルエディター

ビジュアルエディターは、WordPressの投稿編集画面にあるリッチテキストエディターです。WordPressの投稿編集画面には、ビジュアルエディターとテキストエディターの2つがあります。

ビジュアルエディターはWYSIWGエディターです。WYSIWIGとは、”what you see is what you get “の略で、コンテンツがどのように表示されようとも、それが公開されたときにどのように表示されるかを意味します。Microsoft WordやPagesのようなエディターもこのカテゴリーに入ります。

WordPressには、オープンソースのWYSIWYG HTMLエディターであるTinyMCEの改良版が付属しています。これは、Microsoft Wordのようなデスクトップ・パブリッシング・ツールの動作を模倣しており、コンテンツの書式設定を可能にする上部のツールバーなど、その機能の多くを備えている。

WordPress visual editor

そのため、ユーザーはHTMLを書く代わりに投稿を書き、ツールバーのボタンを使ってフォーマットすることができます。TinyMCEはビジュアル・テキスト・エディターであるため、ユーザーが画像を追加すると、エディター内に画像を表示することができる。ユーザーは、エディターのテキスト整列ボタンを使って、簡単に画像をテキストに整列させることができます。

下の画像のツールバーには、フォントを太字や斜体にしたり、段落を揃えたり、引用符を追加したり、スペルチェックをしたりといった、先ほど説明した設定オプションがすべて表示されています。左上には、投稿に画像やその他のメディアを含めることができる「メディアを追加」ボタンがあり、右上には、ビジュアルエディターモードとテキストエディターモードを切り替えることができるボタンがあります。

TinyMCEは拡張可能なので、WordPressプラグイン開発者は、ビジュアルエディターのツールバーに独自のボタンを追加することもできる。テーマは、エディターに独自のスタイルを追加して、ライブサイトと同じスタイルルールを使用することもできます。

Additional Reading

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!