WordPressユーザーインターフェースの進化 (2003 – 2024)

2003年のリリース以来、WordPressはシンプルなブログツールからサイト構築のための包括的なシステムへと変貌を遂げてきた。この変貌にはユーザーインターフェース（UI）への多くの変更が含まれ、より使いやすく、様々なタイプのサイトに対応できるようになった。

この投稿では、WordPressのUIが長年にわたってどのように進化してきたかを、初期のバージョンから最新の更新に至るまで検証します。WordPressが世界中のサイト制作者に選ばれるようになった主な変更点を紹介します。

このWordPress UIの進化の旅では、更新のたびにWordPressがどのようにユーザーフレンドリーになり、さまざまな種類のウェブプロジェクトに対応できるようになったかを紹介します。

WordPressの始まり

WordPressは2003年にスタートした。これは、すでに人気のあったb2/cafelogというブログソフトウェアの開発が、主要開発者によって中止されたことが主な理由だった。

b2/cafelogの熱狂的なユーザーであるマット・マレンウェグとマイク・リトルの2人は、そのブログソフトウェアの上に新しいプラットフォームを構築することを決めた。こうしてWordPressは2003年5月27日に初めてリリースされた。WordPressの起源については、WordPressの歴史に関する投稿でさらに詳しく知ることができます。

それ以来、WordPressは多くのリリースを行ってきました。この投稿では、管理画面のユーザーインターフェースに大きな変化をもたらしたリリースを取り上げます。

WordPress 0.71 – (2003年6月)

WordPress 0.71の管理画面のランディングページは、ブログ投稿を直接書くために使われていた。投稿エディターインターフェース以外のオプションはあまりなかった。

機能を少なくすることで、シンプルさを保っている。例えば、ユーザーは各投稿に1つのカテゴリーしか割り当てることができなかった。

また、ソフトウェアのコアファイルを編集して多くの情報を手動で変更するという面倒なインストール方法もあった。

WordPress 1.0.1 (マイルズ – 2004)

WordPressは、バージョン1.0.1のリリースから、メジャーリリースにジャズミュージシャンの名前を付けるようになった。ご覧の通り、このリリースには有名なミュージシャン、マイルス・デイヴィスの名前が付けられています。

このバージョンでは、WordPressはb2ファイル構造の使用をやめ、独自のファイル構造へと移行した。

新規: 複数のカテゴリー選択、SEOに配慮したURL構造、コメントモデレーション、新しいインストーラ、その他いくつかの改善。

WordPress 1.2 – ミンガス (2004年5月)

チャールズ・ミンガスにちなんで名付けられたWordPress 1.2は、記念碑的なリリースとなった。このバージョンで最も重要なアップグレード状況のひとつは、今やWordPressエコシステムの定番となった「プラグイン」の導入でした。

その他の目立った変更点としては、サブカテゴリー、カスタマイザー、投稿サムネイル作成、投稿プレビュー、暗号化パスワード、一度に複数のサービスにピンバックする機能などがある。

WordPress 1.5 – ストレイホーン (2005年2月)

このバージョンのWordPressは、ビリー・ストレイホーンにちなんで命名された。新しいダッシュボードスタイルの最初の片鱗を見せた。Ajaxは使われておらず、今日私たちが使っているWordPressよりもずっと遅かった。

もう一つの大きな特徴は、投稿と一緒にページが導入されたことで、ユーザーはブログフィードの一部ではない静的なページを作成する権限がありません。このリリースでは、WordPressの個別インストールで複数のテーマのインストールもサポートされた。

WordPress 2.0 – デューク (2005年12月)

WordPress 2.0では、WordPressの管理者インターフェースが大幅に刷新された。トップには大きな青いヘッダーが付き、管理エリアは完全に刷新された。

Ajaxを使用して特定のタスクを実行するため、以前のリリースよりもはるかに高速だった。このリリースには完全なWYSIWYGエディターも含まれている。

Akismetは、増加するコメントスパム問題に対処するためのプラグインとして導入された。その他にも、画像やファイルのアップロード、サムネイル（screenshot.png）によるテーマプレビュー、投稿速度の向上、開発者向けの新しいフックなど、いくつか注目すべき機能があった。

WordPress 2.1 – エラ (2007年1月)

WordPress 2.1 Ellaは、コメントを管理する新しい管理画面を導入した最初のリリースでした。

ユーザーが管理画面をリロードすることなくコメントを削除したり承認したりできるため、コメント管理プロセスが大幅に改善された。

WordPress 2.3 – デクスター (2007年9月)

このリリースでは、WordPressのユーザーインターフェースは大きく変更されませんでしたが、いくつかの重要な改善が追加されました。WordPressは初めて、投稿にタグを追加するためのネイティブサポートを改善しました。

また、更新通知システムも導入され、WordPressのコアやプラグインに新しいバージョンが利用可能になったことを通知できるようになった。

このリリースでは、設定で定義された正しいWordPress URLにユーザーを自動リダイレクトするようになりました。

WordPress 2.5 – ブレッカー（2008年3月）

WordPress 2.5では、WordPressチームは大手ウェブデザインコンサルタント会社であるHappy Cogと協力し、WordPress管理画面のユーザーインターフェースを再設計しました。

これはデザインの大きな改善であり、今日のWordPressの使い方に大きな影響を与えた。

ダッシュボードは、より有用な情報が追加され、より良くなった。WordPressのプラグインディレクトリにあるプラグインをワンクリックでアップグレードできるようになった最初のバージョンです。

ビジュアルエディターとビルトインギャラリーもこのリリースに含まれている。

この再設計のコアコンポーネントの多くは、今でもソフトウェアの主要部分となっている。しかし、その外観はわずか10ヵ月後に急速に変化した。

WordPress 2.7 – コルトレーン (2008年12月)

WordPress 2.7では、WordPress管理画面のユーザーインターフェイスが大幅にアップグレードされました。ユーザーはWordPressダッシュボードの要素を再調整できるようになりました。表示オプションが導入され、ユーザーは必須要素を表示したり非表示にしたりできるようになりました。

その他、WordPress管理画面からのプラグインインストールがより簡単になったこと、管理画面からコメント返信を追加できるようになったこと、スレッドコメント、先頭固定表示、キーボードショートカット、コメントページ送りなど、注目すべき機能が盛り込まれた。

WordPress 2.9 – カルメン (2009年12月)

WordPress 2.9ではユーザーインターフェースは変更されなかったが、既存のWordPressインターフェースに見事に統合されたいくつかの新機能が追加された。これらの変更の一つは、ユーザーが個別クリックでプラグインを最新バージョンに更新できるプラグインアップデートシステムであった。

このリリースのもうひとつの大きな変更点は画像編集機能で、WordPressで画像のトリミング、リサイズ、回転、拡大縮小、反転ができるようになった。

WordPress 3.0 – セロニアス（2010年）

WordPress 3.0は、WordPressをブログプラットフォームから本格的なCMSへと変貌させるメジャーアップグレードでした。

投稿タイプ、タクソノミー、カスタム背景、ヘッダー、ショートリンク、ナビゲーションメニューが導入された。また、Twenty Tenと呼ばれる新しいデフォルトテーマも導入され、毎年その年にちなんだ新しいデフォルトテーマを導入するという伝統が始まった。

このリリースでは、WordPress MUと呼ばれるWordPressの姉妹プロジェクトがWordPressのコアに統合されました。この機能は現在、WordPressマルチサイトとして知られている。管理インターフェイスの基本的なスタイルは、管理エリアの大幅な見直しをすることなく、これらすべての大きな変更に対応することができました。

WordPress 3.1 – ジャンゴ・ラインハルト（2011年）

WordPress 3.1では、堅牢なWordPressユーザーインターフェースに引き続き機能が追加されました。

この新しいリリースで、WordPressは管理バー、投稿フォーマット、より優れた内部リンク機能を導入しました。

WordPress 3.3 – ソニー（2011年）

2011年12月にリリースされたWordPress 3.3は、既存のWordPressのUIに機能追加と改良が加えられました。

管理エリアでのナビゲーションを改善するためのフライアウトメニュー、刷新された管理バー、メディアファイルをアップロードするためのドラッグ＆ドロップ、ツールチップが追加された。WordPress 3.3のその他の機能とスクリーンショットをご覧いただけます。

WordPress 3.5 – Elvin (2012)

モバイル端末や高解像度端末は、すでにすべてのユーザーが利用できるようになっていました。WordPress 3.5は、最新のRetinaディスプレイ端末向けにユーザーインターフェースを合理化しました。

このリリースでは、アップグレードされたアイコンと、どの画面解像度でも見栄えのするアダプティブスタイルが追加されました。WordPress 3.5の機能とスクリーンショットをもっと見る。

WordPress 3.8 – パーカー (2013)

WordPressの外観やUIの基本的なスタイルは2008年以来変更されておらず、メジャーアップグレードの時期が過ぎていた。

このアップグレードの目的は、モバイル端末をよりエレガントに扱い、WordPressをよりアクセスしやすくすることでした。膨大な作業の後、新しいWordPressユーザーインターフェースはWordPress 3.8とともにリリースされました。

現在も使用されている新しいユーザーインターフェースは（若干の改良は加えられているが）、モバイル・レスポンシブで、配色が増え、ダッシュボードでアイコンフォントが使用され、タイポグラフィにOpen Sansフォントが使用された。

WordPress 3.9 – スミス（2014年）

WordPress 3.9では、新機能のユーザーインターフェースを拡張するためにいくつかの機能強化が行われました。

投稿エディターでのフラットボタンの使用、ドラッグ＆ドロップでの画像アップロード、ギャラリープレビューなどが始まった。

また、テーマカスタマイザーでウィジェットを追加する際のライブプレビューも追加された。WordPress 3.9の機能とスクリーンショットをもっと見る。

WordPress 4.0 – ベニー（2014年）

まさにその年、WordPress 4.0がリリースされた。UIに大きな変更はなかった。しかし、既存のWordPress管理インターフェースを拡張するクールな変更がいくつかあった。

メディアギャラリーに新しいグリッド表示が導入され、無限スクロールとスムーズな編集が可能になりました。WordPress 4.0のスクリーンショットと機能をご覧ください。

WordPress 4.2 – パウエル（2015年）

WordPress 4.2では、管理エリアの配色がほんの少しですが改善されました。

グレーはわずかに青みを帯び、ブルーは赤チャンネルのない純粋なブルーに変更されました。WordPress 4.2の機能とスクリーンショットをもっと見る。

WordPress 4.5 – コールマン（2016年）

WordPress 4.5では、初期設定の投稿エディターに待望の改良が加えられました。新しいインラインリンク編集機能といくつかの新しいインラインテキスト・ショートカットが導入されました。

テーマカスタマイザーにレスポンシブプレビューが追加され、ユーザーは端末を変更することなく、デスクトップ、タブレット、モバイル画面でテーマをプレビューできるようになりました。その他の機能については、WordPress 4.5のリリースに関する投稿をスクリーンショット付きでご覧ください。

WordPress 4.6 – Pepper (2016)

WordPress 4.6で、コアチームはGoogleサーバーからOpen Sansを読み込む代わりに、ネイティブフォントの使用を開始することを決定しました。

このリリースではアップデートも効率化され、ユーザーはページをリロードすることなくプラグインやテーマのインストール、更新、削除ができるようになった。

WordPress 4.8 – ヴォーン（2017年）

WordPress 4.8では、画像、音声、動画、リッチテキストなどのメディアを追加するための新しいウィジェットセットが導入されました。

また、WordPressのニュースやイベントを表示する新しいダッシュボードウィジェットが追加されました。その他の機能とスクリーンショットについては、WordPress 4.8の概要をご覧ください。

WordPress 4.9 – ティプトン（2017年）

2017年のWordPressの最後のメジャーリリースでは、テーマカスタマイザーに、新しいテーマの閲覧とプレビュー体験を含む、より多くの機能が追加されました。

また、カスタムCSSやテーマ/プラグインエディター用のコードエディターにシンタックスハイライトとオートコンプリートを追加した。

WordPress 5.0 – ビーボ（2018年）

2018年12月にリリースされたWordPress 5.0。コードネームGutenbergと呼ばれる新しいブロックベースのエディターを導入した大きなマイルストーンだった。

新しいブロックエディターにより、ユーザーは直感的な新しいインターフェースで美しいコンテンツレイアウトを簡単に作成できるようになりました。各コンテンツ要素は、独自の設定を持つブロックとして追加され、ユーザーはブロックを保存して再利用することで、より迅速なライティングが可能になりました。

新しいブロックエディターには、フル機能のWordPressページビルダーほどの機能はなかったが、WordPressの他のエリアでも同じブロックエディター機能を使うための基礎ができた。

新しいコンテンツエディターの違いについては、Gutenberg vs. WordPressページビルダーの投稿日をご覧ください。

古いTinyMCEエディターから、よりモダンなエディターへの大転換だった。移行準備ができていないユーザーは、Classic Editorプラグインをインストールすることで、古いエディターを使うことができた。

しかし、WPBeginnerを含む多くの専門家は、WordPressにとって必要な前進だと考えていた。古いクラシックエディターのインターフェースは、市場に出回っている他の人気サイトビルダーと比べると、時代遅れに感じられたからだ。

WordPress 5.2 – ジャコ (2019)

2019年もWordPressは、新機能の追加、バグの修正、ユーザーエクスペリエンスの向上など、ブロックエディターの改善に注力しました。

WordPress 5.2では、リカバリーモード機能が導入された。WordPressは致命的なエラーを表示する代わりに、エラーページを表示しました。

また、リカバリーモードで管理エリアにアクセスするためのリンクをサイト管理者にメールした。

これにより、サイトオーナーはトラブルシューティングのステップをいくつも踏むことなく、素早く問題を解決することができるようになった。

WordPress 5.4 – アダレイ（2020年）

ブロックエディターは、2020年もWordPressの開発において最も重要な部分でした。リリースのたびに新しいブロックやツールが追加され、より高速になりました。

WordPress 5.4で、フルスクリーンエディターがブロックエディターの初期設定になりました。

ブロックエディターには、モバイル画面用の新しいツールバーも導入された。

これにより、ユーザーは小さな画面サイズでも、よりクリーンな編集を体験できるようになった。

WordPress 5.5 – エクスタイン（2020年）

WordPress 5.5では ブロックパターンを導入。

パターンとは、ヘッダー、フッター、イントロ、コールトゥアクションなど、よく使われるデザイン要素を素早く追加するためにあらかじめ配置されたブロックのセットである。

WordPress 5.8 – テイタム（2021年）

ここ数年、WordPressはフルサイト編集ソリューションを提供するため、ブロックエディターの改良を続けてきました。

WordPress 5.8では、WordPressでサイト全体のテンプレートを簡単に作成するためのいくつかのサイトワイドブロックとともに、新しいテンプレート機能が導入されました。

このバージョンでは、ブロックベースのウィジェットも導入されました。WordPressテーマ内の各ウィジェット対応エリアは、ブロックエディター内のタブとして外観されるようになりました。ユーザーは自分のサイトのサイドバーやウィジェット有効化エリアにブロックとしてウィジェットを追加できるようになりました。

これらの機能は、将来の更新の基礎を築き、WordPressがブロックベースのサイトエディターを使用するための準備を整えた。

WordPress 5.9 – ジョセフィーヌ（2022年）

WordPress 5.9は2022年1月に登場し、フルサイトエディターがデビューした。

ナビゲーションメニュー、ウィジェット、管理サイドバーからのテーマカスタマイザーリンクをサイトエディターへのリンクに置き換えた。

しかし、ブロックベースのテーマを有効化したユーザーのサイトにしか表示されなかった。今回のリリースでは、サイトエディターをフルサポートする新しいデフォルトテーマとしてTwenty Twenty-Twoが採用された。

サイトエディターはブロックエディターを使用していたため、ユーザーがコンテンツを書くためにすでに使用しているのと同じユーザーインターフェースをサイト編集に提供した。

WordPress 6.0 アルトゥーロ (2022)

WordPress 6.0は2022年5月にリリースされた。ユーザーインターフェースの主要コンポーネントには変更が加えられなかったが、サイトエディターのエクスペリエンスには大幅なアップグレードが施された。

これには、より多くのテンプレート編集のサポートや、さまざまなブロック設定へのツールの追加が含まれる。

WordPress 6.1 – ミーシャ（2022年）

WordPress 6.1は2022年11月にリリースされ、サイトエディター、特にテンプレートとテンプレートパーツの改良が続けられた。

今回のリリースでは、コアのUI自体には大きな変更は加えられなかった。しかし、いくつかの新しいツールを追加し、ブロックエディターを強化した。また、ブロックのツールや設定に一貫性を持たせ始めた。

WordPress 6.2 – ドルフィー（2023年）

2023年前半、WordPressはより簡単なサイト編集とカスタマイゼーションに焦点を当て続けた。

WordPress 6.2のリリースに伴い、新しいブロックベースのサイトエディターがベータ版からリリースされた。これにより、ユーザーはブロックエディターを使ってWordPressテーマをカスタマイズし、レイアウト、テンプレート、スタイルなどを作成できるようになった。

WordPress 6.3 – ライオネル（2023年）

2023年後半、WordPressはサイトエディターを大幅に更新した6.3をリリースした。

サイトエディターに新しいナビゲーション画面を導入し、テンプレート、ページ、パターン、スタイル、ナビゲーションメニューへのアクセスを容易にした。

このバージョンでは「コマンドパレット」も導入された。ユーザーはキーボードのCommand+KまたはCTRL+Kキーで起動できる。

コマンドツールは、WordPressのショートカットへのアクセスや、既存のコンテンツ、ブロック、パターン、テンプレートなどの検索も容易にした。

WordPress 6.4 – シャーリー (2023)

今回のリリースでは、サイトエディターが引き続き開発の中心となった。パターンを管理するための新しい方法が搭載され、パターンを簡単にソートするためのカテゴリーが導入された。

コマンドパレットに、ブロックを操作するための新しいコマンドとアクションが追加されました。これには、複製、変形、削除、挿入コマンドが含まれます。

また、これらの変更をより目立たせ、使いやすくするためにUIも更新された。

今後のリリースでは、WordPressはサイトエディター、WordPressエディター内でのリアルタイムコラボレーション、多言語機能に注力する予定です。

WordPress 6.5 – レジーナ (2024)

新しいサイト編集権限により、WordPressは、プラグインやテーマのインストール、コメントのモデレート、設定の管理など、執筆/編集とその他のサイトタスクの管理で、若干異なるユーザーインターフェースを持つようになりました。

2024年、WordPressは、サイトとブロックエディターの両方で一貫したワークフローを作成し、より良いデータ表示などを実現することで、すべてを近づけ始めました。

このリリースでは、サイトエディターでフォントライブラリと呼ばれる新機能を使用してフォントを管理およびインストールするためのユーザーインターフェースも提供されました。

ユーザーはインストールされているフォントを確認したり、カスタマイザーフォントをアップロードしたり、Google Fontsに接続することもできる。

WordPress 6.6 – (2024)

このWordPressのリリースでは、ブロックエディターとサイトエディターのユーザーインターフェースの統一を図った。

ブロックエディターに若干の改良を加え、サイトエディターのUIと同じように見えるようにした。

管理画面のデザインを改善し、モダナイズするための継続的な取り組みがある。サイトエディターとブロックエディターのUIの変更は、新しいアドミンデザインがどのような方向に向かうかについて、いくつかのヒントを与えてくれます。

この投稿が、2003年の最初のリリースからのWordPressユーザーインターフェースの進化の一助となれば幸いです。また、WordPressの全歴史や、WordPressで成長したトップ企業やビジネスもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.