2020年8月12日更新: WordPress 5.5 がリリースされ、ベータ版を終えました。本番サイトで何も壊さないために、まずステージングサイトで WordPress 5.5 をテストしてください。
WordPress 5.5 はおそらく今年の最大のアップデートであり、今年2回目のメジャーリリースです。普段、最上級の表現で記事を書くことは好まないのですが、この新しい WordPress バージョンは多くのエキサイティングな新機能と改善をもたらします。 この新しい WordPress バージョンは、開発とデザインにおけるゲームチェンジャーです。より良い保守性とパフォーマンスを提供します。この新しいアップデートは、読み込み時間の高速化、画像の最適化、よりユーザーフレンドリーなインターフェイスの提供、検索エンジン最適化への強化など、いくつかの主要な分野を対象としています。 WordPress はすでに市場のリーダーですが、最新の WordPress 5.5 の変更により、競合他社との差をさらに広げることができます。 私たちは WordPress の開発を非常に注意深く追っており、新機能と改善を試すためにすでに2回目のベータをテスト済みです。本記事では、WordPress 5.5 で何が来るかを共有し、いくつかの実験とスクリーンショットを提供します。
Contents
- WordPress 5.5 アップデートでブロックエディターはさらにページビルダー化
- インライン画像編集
- セクションテンプレートとして機能するブロックパターン
- レスポンシブな Web サイトデザインのためのデバイスプレビュー
- より良くスムーズな編集体験
- ブロックの背景色
- より良いブロックナビゲーション
- WordPress 5.5 の新しい測定単位
- 画像の遅延読み込み
- テーマとプラグインの自動アップデート管理
- ZIP ファイルを使ったより良い手動でのテーマとプラグインのアップデート
- SEO 強化のための WordPress 5.5 のデフォルト XML サイトマップ
- WordPress 5.5 についての動画はありますか？
- おすすめ
- 結論
WordPress 5.5 アップデートでブロックエディターはさらにページビルダー化
WordPress は2018年に新しい編集体験を導入しました。この編集体験は、過去の WordPress サイトの構築方法を完全に変えました。新しいエディターはブロックの概念に基づいており、Gutenberg エディターとして知られています。それ以来、WordPress は毎リリースごとに Gutenberg に多数のアップデートと改善をもたらしています。WordPress 5.5 は、ブロックエディターにとって最大級のリリースの一つです。ブロックエディターに大規模な UI 改善をもたらします。
下のスクリーンショットでわかるように、ツールバー要素、ボタン、新しいアイコンが変更され、編集や執筆中にブロック間を移動するとフォーカスのハイライトが入ります。これはページビルダーが提供するのと同じ独特の編集体験です。すべてのウィジェットと要素は、左サイドバーで利用可能になりました。デバイスプレビューにより、モバイル、タブレット、デスクトップ向けのデザインができます。探索すべきことはまだ多くあります。
これらは試さないわけにはいかないいくつかの主要機能です。
インライン画像編集
WordPress 5.5 では、ページ作業中のインライン画像編集体験が大幅に向上します。+ プラスアイコンをクリックするだけで、ブロックやパターンから画像を挿入できます。パターンは事前に作成されたレイアウトを提供します。インライン画像エディターには、変換、ズーム、回転、トリミング、アスペクト比、肖像や風景などの画像方向の堅牢なコントロールに加え、その他多くの機能があります。
セクションテンプレートとして機能するブロックパターン
WordPress は、Web 開発プロセスの容易さのために構築されており、WordPress 5.5 のアップデートはブロックパターンを導入することでそれを強化します。ブロックパターンは、ページビルダーのセクションテンプレートのような事前作成済みのブロックです。+ プラスアイコンをクリックすることで、ブロックパターンを簡単に追加できます。WordPress 5.5 は、いくつかの基本的なブロックパターンを携えて登場します。WordPress コミュニティの一部として、開発者がより多くのブロックパターンを登録するにつれて、テーマやプラグインのリポジトリと同様に成長していきます。新しいブロックディレクトリを使って、エディターから新しいブロックを検索、インストール、挿入できます。
レスポンシブな Web サイトデザインのためのデバイスプレビュー
Web サイトがレスポンシブでなく、モバイルデバイスで使えないと、その価値は限定的です。WordPress 5.5 は、モバイルフレンドリーな Web サイトをよりよく設計するための新しいデバイスプレビューを提供します。同じ機能は、古いバージョンではテーマカスタマイザーモジュールでアクセスできます。WordPress のブロックエディターは、ますますページビルダーに近づいています。ブロックエディターを使用した編集中に、モバイル、タブレット、デスクトップ用のデバイスプレビューがあります。
より良くスムーズな編集体験
WordPress 5.5 は、ブロックエディターのユーザビリティとパフォーマンスのアップデートです。サイトの読み込みとデザインのパフォーマンスを向上させます。WordPress 5.5 は、多くの機能を備えたスムーズな編集体験をもたらします。
- 洗練された堅牢なドラッグ&ドロップ
- ブロックムーバーを使ってブロックを素早く掴む
- 親ブロックの選択
- コンテキスト要素のためのフォーカスハイライト
- 同じブロックを一度に編集する複数の選択肢
- ブロックのコピー、移動、検索が簡単
- 編集中にすぐに変更を確認できるパフォーマンス改善
ブロックの背景色
背景やグラデーションを追加して、Web サイトのデザイン体験を向上させることができます。WordPress 5.5 は、ブロック、グループ、カラム、メディア、テキストに背景色を導入します。
より良いブロックナビゲーション
WordPress 5.5 は、Elementor や Divi のような既存のページビルダーに苦戦を強いています。新しいブロックナビゲーションセクションは、ブロックレベルのコンテンツの要素を見つけるのに役立ち、編集体験を以前よりもはるかに良いものにします。
WordPress 5.5 の新しい測定単位
これは、本格的なデザイナーにとってもう一つの重要なアップデートです。WordPress は現在、利用可能なすべての測定単位をサポートしています。ems、rems、パーセンテージ、VH、VW などを選択できるようになりました。WordPress 5.5 では、入力中に行の高さを調整でき、執筆と組版をシームレスな体験に変えます。 WordPress 5.5 は、ブロックエディターに1500以上の改善をもたらします。新しいブロックエディターは、ページビルダーにとって良い競合相手になるでしょう。WordPress は以前のあり方から変わっています。小中規模の WordPress 開発者にとって、ブロックパターンを開発し、ブロックエディターディレクトリで公開するより良い機会となるでしょう。見栄えの良い WordPress サイトを作成するために、商用または無料のテーマを選ぶことは重要性が下がるでしょう。ブロックエディターは、デザイナーである必要も「正しい」テーマを使う必要もなく、見栄えの良いサイトを作るのに必要なすべてのツールを提供します。WordPress 5.5 Beta 2 はテスト用に利用可能です。 待ってください！WordPress 5.5 にはまだあります
画像の遅延読み込み
通常、画像は Web ページのテキストよりもはるかに遅く読み込まれます。WordPress サイトでの画像の最適化は大きな課題です。遅延読み込み（lazy loading）の技術は、画像を非同期で読み込み、必要なときにのみ読み込みます。つまり、サイトはまず "above the fold"（スクロールなしで見える領域）にあるすべてのテキストと画像要素を読み込み、ユーザーが一目ですべてを見られるようにします。スクロールダウンしてブラウザのビューポートに画像が入ってきたときにのみ読み込まれます。ユーザーが特定のセクションまでスクロールしなければ、画像は読み込まれません。WordPress 5.5 は、IMG タグに loading 属性を追加することで、サイト全体に遅延読み込みをデフォルト設定にします。
これは、あなたのウェブサイトだけでなく、インターネット全体にとって最も重要なアップデートの一つです。WordPress は最も人気のある CMS の一つで、利用可能なすべてのウェブサイトの35%以上が WordPress ソフトウェアに基づいています。遅延読み込みは、膨大な量のインターネット帯域幅を節約し、サーバー負荷を低減します。これは、ウェブホスティング企業や私たちのグローバルなエコシステムにとって素晴らしいニュースであり、電力消費を削減し、それによって（願わくは）地球温暖化を低減するでしょう。
パフォーマンスアップデートのベンチマーク
「私の WordPress は遅い！」
これは時々他の人から聞く言葉です。WordPress がパフォーマンスの問題を解決するために前進し続けているのを見るのは素晴らしいことです。WordPress は、変更によって以前より速く読み込めるようになりました。私たちは、変更がどれほど重要なのか、それとも理論的な性質のものなのかを見たかったのです。
WP Staging で WordPress 5.4.2 のサイトをクローンし、本番サイトと同じコンテンツを持つテストサイトを作成しました。
すべてのキャッシュは無効化されました。それ以上の最適化は行いませんでした。本番サイトはすべてのコンテンツを 2.8 秒 で読み込み、一方で WordPress 5.5 Beta1 を実行しているクローンは、はるかに優れたパフォーマンススコアでサイトをわずか 1.6 秒 で読み込みました。したがって、ページサイズとリクエスト数に大きな違いが見られます。
テーマとプラグインの自動アップデート管理
WordPress 5.5 は、プラグインとテーマのアップデートを管理するもう一つの強力な機能をもたらします。新しいアップデート管理システムでは、ワンクリックで自動アップデートを有効または無効にできます。プラグイン > インストール済みプラグイン に移動します。最後の列に自動アップデート用の列があり、特定のプラグインの自動アップデートをワンクリックで有効または無効にできます。
自動アップデートの列が表示されない場合は、表示オプションをクリックして有効にしてください。
同様に、テーマのアップデート機能も管理できます。外観 » テーマ をクリックし、自動アップデートを設定したいテーマをクリックする必要があります。
ZIP ファイルを使ったより良い手動でのテーマとプラグインのアップデート
時には自動アップデート機能が意図通りに動作しないことがあったり、WordPress のプラグインリポジトリからインストールも更新もできないプレミアムプラグインを持っていることがあります。その場合、ソフトウェアパッケージを手動でアップロードする必要があります。しかし、テーマやプラグインを手動で更新するプロセスはより複雑で、データやデザインを失ったり、他の何かを壊したりする可能性があります。通常、同じプラグインを再度サイトにアップロードする前に、プラグインをアンインストールする必要があります。
WordPress 5.5 の手動テーマおよびプラグインアップデートは、この問題を回避するのに役立ちます。プラグイン／テーマをダウンロードし、*.zip ファイルをアップロードします。WordPress は、パッケージがすでにインストールされているかを自動的に認識し、プラグインやテーマを事前にアンインストールせずにソフトウェアを更新する機能を提供します。
すでに存在するプラグインパッケージをアップロードしようとするたびに、同様の更新ダイアログが表示されます:
SEO 強化のための WordPress 5.5 のデフォルト XML サイトマップ
サイトマップは、サイトのすべての URL を一覧表示する XML ファイルです。Google が URL を簡単にクロールし、コンテンツをインデックスできるようになります。サイトマップは、WordPress SEO の設定において重要な役割を果たします。ほとんどの SEO プラグインは、XML サイトマップをデフォルト機能として提供しています。Yoast SEO や All In One SEO プラグインのような SEO プラグインは、XML サイトマップを備えています。 WordPress 5.5 は、WordPress コアにネイティブの XML サイトマップを導入しており、これはすでに WordPress コミュニティに評価されています。XML サイトマップ機能（MVP）はこのバージョンで実装されています。 WordPress の XML サイトマップは、サイトマップの主な機能をカバーし、以下のコンテンツタイプをインデックスします。
- ホームページ
- 投稿ページ
- コア投稿タイプ（固定ページと投稿）
- カスタム投稿タイプ
- コアタクソノミー（タグとカテゴリ）
- カスタムタクソノミー
- ユーザー（著者）
さらに、WordPress が公開する robots.txt ファイルはサイトマップインデックスを参照します。また、その上に構築するための XML サイトマップ API もプラグインに同梱されています。
すでに独自の XML サイトマップを備えた SEO プラグインを使用している場合、競合が発生する可能性があります。Yoast SEO や All In One SEO プラグインは、両方ともサイトマップの高度なカスタマイズを提供するため、WordPress のデフォルトの XML サイトマップを無効にする機能をすでに追加しています。
WordPress 5.5 についての動画はありますか？
はい、あります！私たちの友人 wpcrafter.com の Adam が、WordPress 5.5 アップデートの良いまとめを持っています:
おすすめ
WordPress 5.5 は大規模なアップデートを伴ってやってきます。Web サイトの構築、設計、保守の方法を変えています。WordPress サイトが WordPress コアを自動的に更新する場合、緊急の状況としてサイトのバックアップを作成することを強くお勧めします。プラグインを使わずに WordPress サイトを手動でバックアップする方法 についての記事があります。 大規模なソフトウェアアップデートがあり、それをインストールするたびに、インストール後にウェブサイトの何かが期待通りに動作しない可能性が高いです。WordPress 5.5 もそのルールの例外ではありません。だからまず テストサイト で新しい WordPress バージョンをテストしましょう。
結論
この記事が WordPress 5.5 で何がやってくるかを理解するのに役立ったことを願います。これはブロックエディター、パフォーマンス、サイトマップ、テーマとプラグインの自動アップデートのアップデートです。この重要なリリースは、ナビゲーションメニューブロック、ブロックディレクトリ、遅延読み込み、Gutenberg を最新リリースバージョンへの更新など、さらに多くの分野にも焦点を当てています。WordPress 5.5 はブロックエディターだけで1500以上の改善を伴ってやってきます。😮 WordPress 5.5 のパフォーマンスアップデートが気に入っています。この新しいバージョンで何が気に入ったか、最も重要なアップデートは何かを教えてください。 次に何を見たいですか、そして WordPress で何を見たくないですか？
