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

何ですか: ビジュアルエディター

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

ビジュアルエディターは、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プラグイン開発者は、ビジュアルエディターのツールバーに独自のボタンを追加することもできる。テーマは、エディターに独自のスタイルを追加して、ライブサイトと同じスタイルルールを使用することもできます。

追加リーディング

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!