WordPress 6.0:トップ20の新機能と改善点
公開: 2022-05-24更新する前に:サイトのバックアップを実行することを忘れないでください!
ブロックエディタの改善
ブロックエディタの更新により、いくつかの新しいブロックを含む、ブロックエディタの新機能や修正などがもたらされます。 WordPress 6.0は、Gutenberg 12.1 –13.0からの注目すべき追加機能をWordPressコアに組み込んでいます。
1.ブロックロックコントロール
[ブロックロック制御]プロジェクトの引き継ぎを簡素化し、クライアントがプロセス中に誤ってサイトを壊すことを心配することなく、創造性を解き放つことができます。
WordPress6.0のウェルカム画面
最終的に、フルサイト編集では、特定のブロックを編集する方法をより細かく制御する必要があります。 ブロックロックは、投稿コンテンツのように、多くのテーマで編集不能にしたいサイトレベルのブロックで特に便利です。
2.複数のブロックにまたがるテキストを選択します
ついに! これで、複数のブロックにまたがるテキストを選択してコピーできます。 ブロックエディタを頻繁に使用する場合、グーテンベルクがテキストエディタとして常にうまく機能するとは限らないことをご存知でしょう。 この使いやすさの向上は、ブロックエディターとしてのグーテンベルクとテキストエディターとしてのグーテンベルクの間のギャップを埋めるために必要な変更です。
「ブロックは強力なページ整形機能を可能にしますが、選択やクリップボードスペースについてもテキストと競合します。 [これは]ブロックとテキストが摩擦なく共存するエディターへの第一歩です。」
– Adam Zielinski、Gutenberg13.0リリースノート
3.リストビューの改善
リストビューはどんどん良くなっていきます! Gutenberg 6.0には、リストビューのブロックエディターエクスペリエンスを改善するためのいくつかの改善が含まれています。
新しいキーボードショートカット
たとえば、新しいキーボードショートカットを使用すると、同じレベルで複数のブロックを選択し、それらをドラッグアンドドロップして移動できます。
複数のブロックを選択するためのキーボードショートカットは次のとおりです。
- Shiftキーを押しながらクリック
- Shiftキー+上/下矢印
さらに、リストビュー内の特定のブロックを投稿の最後または最初まで選択するのがより簡単でキーボードフレンドリーになりました。
マルチブロックを選択するには、次を使用します。
- Shiftキー+ホームキーと終了キー
リストビューがデフォルトで折りたたまれています
リストビューはデフォルトで折りたたまれ、ブロックを選択するたびに現在の選択に自動的に展開されるようになりました。 ブロックベースのコンテンツはネストされたブロックに依存しているため、最初のリストビューエクスペリエンスへのこの変更はそれほど圧倒的ではありません。
4.新しいカラーパネルと改良されたカラーピッカー
デザインツールのサイドバーの煩雑さを軽減し、ユーザーエクスペリエンスを向上させるために、WordPress6.0では新しいドロップダウンベースのカラーピッカーが追加されています。 新しいカラーピッカーを使用すると、いくつかの色を連続して選択しやすくなり、色の編集エクスペリエンスが向上し、コントロールが他のデザインツールと統合されます。 この新しいカラーパネルデザインはスペースを節約しますが、それでも一目でオプションを表示します。
5.ブロックスタイルのプレビュー
WordPress 6.0は、サイドバーでのブロックスタイルのプレビュー方法を変更します。 スタイルにカーソルを合わせたとき、またはキーボードでそのスタイルにフォーカスしたときにすでに表示されているスタイルの名前が、プレビューの上に表示されるようになりました。 これにより、サイドバーの全体の高さが低くなり、各ブロックスタイルの名前に注意が向けられます。
6.新しいブロック変換オプション
ブロックの「変換先」オプションは、コンテンツを書いているときやページを作成していて、ブロックにすばやく変更を加える必要がある場合に非常に便利な機能です。 WordPress 6.0では、以下に示すように、タグクラウドからカテゴリ、カレンダーからアーカイブ、段落からコード、グループから行へのバリエーションなど、新しいブロック変換オプションが追加されています。
7.ブロックが変換されるときに維持されるスタイル
ブロックエディタで、ブロックをある種類から別の種類に変換するときに、既存のスタイルを保持できるようになりました。たとえば、段落ブロックからコードブロックに変換できます。 WordPress 6.0以降では、ブロック間で変換するときに、色やフォントサイズなどの一部のスタイルが維持されます。
8.新しいボタンは隣接するボタンからのスタイリングを維持します
新しいボタンの挿入が改善されました! 新しいボタンブロックを挿入すると、隣接するボタンのスタイルが自動的に保持されます。 カスタマイズされたボタンを作成できます。作成した新しいボタンは、スタイルのカスタマイズを自動的に保持します。
9.カバーブロックで注目の画像を使用する
更新されたCoverブロックにより、画像の紹介や特集が簡単になります。 「注目の画像を使用」ボタンをクリックするだけで、それだけです。 この更新は、フルサイト編集を使用して単一の投稿テンプレートを作成する場合に特に役立ちます。
10.ギャラリーブロックのギャップサポート
Galleryブロックのギャップサポート機能を使用すると、すべての画像の間に間隔を追加することから、間隔を完全に削除することまで、さまざまな外観を作成できます。 美しいギャラリーを簡単に作成できるようになりました。 ブロック間隔設定を使用して、空白ゼロから大きな「アートギャラリー」スタイルのギャップまで、ギャラリーブロック内の画像の周囲のスペースを制御できるようになりました。
新しいブロック
WordPress 6.0にはいくつかの新しいブロックが含まれており、そのほとんどはフルサイト編集テンプレートで使用するように設計されています。 これらのブロックは、効率が低下する可能性はありますが、通常の投稿やページ内で引き続き使用できることに注意してください。
11.新しいスタックブロック
新しいStackブロックを使用すると、コンテンツを垂直方向にスタックできるため、応答性の高いグループ、行、そして今ではスタックを構築できます。
現在、ブロックは、シングルクリックでスタックレイアウトまたは行レイアウトのいずれかに簡単にグループ化されます。 スタック、行、およびグループのバリエーションを切り替えて、レイアウトの柔軟性を高めてブロックのグループを配置します。 一度に多くのブロックを選択すると、ツールバーのグループブロックのスタックと行のバリエーションが表示されます。 Stackブロックは、小さい画面サイズに自動的に調整されるため、真に応答性の高いレイアウトを簡単に構築できます。
Stackブロックには、位置揃え、向き、テキストと背景色、タイポグラフィ、パディング、ブロック間隔、および境界線の追加設定が含まれています。
12.新しいアバター、投稿者の経歴、続きを読むブロック
新しいアバターブロックには、特定のユーザーまたは投稿の作成者のアバターが表示されます。 アバターは、自分のID、または投稿の作成者のIDを表示するために使用できる画像です。
Post Author Biographyブロックを使用すると、投稿者の経歴を表示できます。 この経歴は[ユーザー]>[プロフィール]ページから取得されるため、テキストは編集できません。
これで、投稿にリンクする続きを読むボタンを追加できます。 たとえば、このブロックは、サイトエディタでカテゴリテンプレートを作成するときに役立ちます。 具体的には、Read Moreブロックは、Queryブロック内の単一のページまたは投稿にリンクする簡単な方法を提供します。
13.新しいコメントクエリループブロック
WordPress 6.0では、Comments Query LoopブロックがPostCommentsブロックに置き換わり、新しいカスタマイズオプションを提供します。 たとえば、ネストされたコメントを表示するオプションが提供されるようになりました。これにより、コメントが別のコメントに応答しているかどうか、またはそれが単なる第1レベルのコメントであるかどうかを簡単に判断できるため、ユーザーエクスペリエンスが向上します。
フルサイト編集(FSE)の改善
WordPressの最後のメジャーバージョンであるWordPress5.9は、フルサイト編集(FSE)を導入しました。 一言で言えば、フルサイト編集は、サイト全体をブロックエディタでカスタマイズできるようにすることを目的としています。
以前は、これらのコントロールはすべてWordPressテーマによって排他的に処理されていたため、これをWordPressコア(ブロックベースのテーマが有効になっている)に組み込むことは、WordPressが以前にサイトのヘッダーやフッターなどのサイト全体のスタイルを処理した方法とは異なります。 、ブログ、およびブログ投稿。
私たちの意見では、フルサイト編集は、Kadenceテーマのようなテーマの真の候補になるまでにはまだ長い道のりがありますが、WordPress 6.0は、テクノロジーの開発が進むにつれて、いくつかの注目すべき改善と追加を提供します。
テーマがフルサイト編集をサポートしている場合は、WordPressダッシュボードに新しいエディター(ベータ)メニューが表示されます。
フルサイト編集がどのように機能するかについて、いくつかの注意点があります。
- フルサイト編集を実際に使用するには、ブロックベースのテーマが必要です。 ブロックテーマは、完全にブロックで構成されたテンプレートを備えたWordPressテーマであるため、さまざまな投稿タイプ(ページ、投稿など)の投稿コンテンツに加えて、ブロックエディターを使用してサイトのすべての領域を編集することもできます:ヘッダー、フッター、サイドバーなど。可能性は次のとおりです。現在、ブロックベースのテーマを使用していません。
- フルサイト編集はまだ最小限の実行可能な製品です。 これにより、ほとんどのテーマがまだこの機能を利用する準備ができていないか、今後互換性がなくなるため、ユーザーからの段階的な採用が可能になります。
- フルサイト編集を採用する必要はありません。 ブロックベースのテーマの準備がまだできていなくても、心配する必要はありません。 「クラシック」テーマは引き続き存在し、いつものように機能します。
- フルサイト編集では、カスタマイザー、メニュー、およびウィジェットが削除されます。 ブロックテーマが提供する新機能とコンテンツを直接編集する機能により、カスタマイザーメニューは、それを必要とするプラグインを使用していない限り、ダッシュボードから非表示になります。
- サイトを完全に編集するために、WordPress6.0やフルサイト編集ブロックベースのテーマは必要ありません。 これは、Kadenceテーマで、Proアドオンを使用して実行できます。このアドオンを使用すると、テンプレートを作成し、サイトのどこにでも条件付きで要素をフックできます。
WordPress6.0のフルサイト編集の新しい追加と改善点は次のとおりです。
14.スタイルの切り替え
サイトエディタで利用できるフルサイト編集のもう1つの大きな機能は、スタイルです。これは、サイトの色、タイポグラフィ、レイアウトなどをカスタマイズする機能です。 スタイルを使用すると、サイトを微調整したり、ボタンの新しいカラーパレットから新しいフォントの選択まで、すべてのオプションを使用してサイトにまったく新しい外観を与えることができます。
円のアイコンをクリックすると、エディター(ベータ版)の上部のツールバーから使用できるスタイルが表示されます。
スタイルパネルは、次のようないくつかの設定オプションを開きます。
- タイポグラフィ–テキストやリンクなどのさまざまな要素のタイポグラフィ設定を管理します。
- 色–Webサイト上のさまざまなグローバル要素のパレットとデフォルトの色を管理します。 パレットは、ブロックやさまざまなデザインツールのデフォルトのカラーオプションを提供するために使用されます。 ここでは、ラベルを使用して色を編集できます。 背景、テキスト、およびリンクが含まれています。
- レイアウト–パディングを追加
現在、各ブロックベースのテーマは、数回クリックするだけでサイトのルックアンドフィールを変更する多くの個別のテーマスタイルを持つことができます。 これにより、サイトエディタ内の新しいスタイルシステムがさらに拡張され、サイトのルックアンドフィールをすべて1つのテーマ内で切り替えることができます。
フォントの太さなどの使用可能な設定と、デフォルトのカラーパレットなどのスタイルオプションの両方を変更できます。 スタイルは、サイト、テンプレート、およびテンプレートパーツに適用されます。
15.新しいページテンプレート
ブロックベースのテーマを使用した完全なサイト編集は、サイトテンプレートを編集する機能のロックを解除します。 WordPressでは、これらは従来、サイトの重要な部分の構造化とスタイル設定を制御するコードファイルでした。
たとえば、Twenty Twenty-Twoのデフォルトのテーマは、次のテンプレートを追加します。
- 404 –コンテンツが見つからない場合に表示される「ページ」。
- 単一の投稿–単一の投稿がどのように表示されるか。
- ページ–単一ページの表示方法。
- ホーム–あなたのホームページ。
- インデックス–すべての投稿を表示する「ページ」。
- シングルポスト(セパレーターなし)
- ページ(セパレータなし)
WordPress 6.0には、サイトエディター内に5つの新しいテンプレートオプションが含まれています。
- 著者–1人の著者によって書かれた最新の投稿を表示します
- 日付–特定の日付からの投稿を表示します
- カテゴリ–最新の投稿を単一の投稿カテゴリに表示します
- タグ–単一の投稿タグで最新の投稿を表示します
- タクソノミー–単一の投稿タクソノミーからの最新の投稿を表示します
16.統合ブロックパターン
パターンオプションは、クイックインサーターや新しいヘッダーやフッターの作成時など、より多くの場所に表示されるようになりました。 次のすべての条件が満たされた場合、ブロッククイックインサーターはブロックではなくパターンを優先するようになりました。
- テンプレートを編集するときは、サイトエディターまたは投稿エディターのいずれかで。
- インサーターはルートレベルにあります。
- 挿入されるコンテンツは、他のブロックの間にあります(最初のブロックとしても最後のブロックとしても)。
WordPress 6.0では、ブロックの横にパターンを表示することで、より複雑なテンプレートを簡単に作成できます。 パターンとブロックのどちらを表示するかを決定するロジックの改善に取り組んでいますが、新しいフローにより、コンテンツの追加がより速く簡単になります。
17.コードエディタがサイトエディタで利用可能になりました
これで、サイトエディタを使用したときに舞台裏で何が起こっているかを確認できます。 WordPress 6.0には、コードエディタに切り替える機能が含まれています。
18.クエリループブロックのその他のフィルタリングオプション
クエリループブロックは、複数の作成者のフィルタリング、カスタム分類法のサポート、および結果がない場合に表示される内容のカスタマイズのサポートをサポートするようになりました。
パフォーマンスの向上
新しいWordPressパフォーマンスチームは、WordPressコアの新しいパフォーマンスの改善を導入するために懸命に取り組んできました。 たとえば、クエリが最適化および削除され、キャッシュが改善されました。
19.キャッシングの改善
WordPressCachingAPIに関連するWordPress6.0キャッシングの改善の技術的な詳細についてお読みください。
アクセシビリティの改善
パフォーマンスに加えて、WordPress 6.0での多くの作業は、WordPressコアのさまざまな部分でのアクセシビリティの向上に焦点を合わせています。
20.WordPress6.0でのアクセシビリティの改善
WordPress6.0のアクセシビリティの改善点の印象的なリストは次のとおりです。
- 全般的
- ナビゲーションブロック
- ブロック
- リストビュー
- メディア
- クイック/一括編集
- ログインと登録
- テーマ
開発者向けの改善
WordPress6.0を実現させてくれたすべての貢献者に感謝します
WordPress6.0ローンチイベントにライブで参加する
最新バージョンのWordPressが提供する新機能について学ぶために、iThemesセキュリティリード開発者およびWordPressコアコミッターであるTimothyJacobsに参加してください。 フルサイト編集、ブロックエディターの多数の改善、およびこれをこれまでで最高のWordPressにするための多くの内部的な変更について説明します。
WordPress 6.0ローンチイベント–最新のWordPressについて知っておくべきこと
6月1日水曜日@1:00– 2:00 pm CT
今すぐ登録
ライブウェビナーを作成できませんか? 先に進んで登録すると、リプレイがメールで送信されます。
タイムゾーンのウェビナー時間を参照してください。
WordPress6.0にアップデートする方法
1つのダッシュボードからすべてのWordPressサイトを更新する
複数のWordPressサイトにログインして更新を実行する代わりに、1つの中央の場所からすべてを更新できます。 iThemes Syncは、複数のWordPressサイトをすばやく簡単に管理できるように設計されています。
Kristenは、2011年からWordPressユーザーを支援するチュートリアルを作成しています。ここiThemesのマーケティングディレクターとして、彼女は効果的なWordPress Webサイトを構築、管理、維持するための最良の方法を見つける手助けをすることに専念しています。 クリステンはまた、ジャーナリング(彼女のサイドプロジェクト、 The Transformation Year !をチェックしてください!)、ハイキングとキャンプ、ステップエアロビクス、料理、そして家族との毎日の冒険を楽しんでいます。