WordPress Gutenberg の更新: 知っておくべきこと

公開: 2022-11-25

序文
WordPress Gutenberg プロジェクトとは?
Gutenberg 最新情報: 現在の状況と今後の予定は?
- WordPress Gutenberg フェーズは次のとおりです。
最近の WordPress Gutenberg の更新
- サイト全体の編集
- ブロックパターン
- グローバル スタイルの切り替え
- コンテナ ブロックのコンテンツのみの編集のサポート
- 流動的なタイポグラフィ
WordPress Gutenberg の最新情報を入手する

新しい WordPress ブロック エディターは、最初のリリースから大幅に改善されました。 あなたのサイトではうまくいかない、または必要以上に手間がかかると考えて、Gutenberg ブロック エディターへの切り替えをスキップした場合は、その決定を再考する時が来ました。

最近の WordPress Gutenberg の更新を見逃したくない理由を理解するために、読み続けてください。

WordPress Gutenberg プロジェクトとは?

WordPress Gutenberg プロジェクトのリリースは 2018 年でした。WordPress 5.0 では、その年に投稿とページに新しい Gutenberg ブロック エディターが導入されました。

メディアを挿入するためのいくつかの基本的なオプションを備えたテキスト フィールドの代わりに、新しい編集エクスペリエンスはすべてを独自のブロックにしました。 各段落はブロックですが、テキストに限定されません。 スライドショー、ギャラリー、画像も使用できます。 ブロックをドラッグ アンド ドロップして順序を変更することもできます。

ブロックエディタの動作を見てみましょう。 「ブロックを追加」プラスボタンをクリックするだけです。

24 時間年中無休の WordPress サポート

実際の WordPress エキスパートから

もっと詳しく知る

投稿プレビューを表示するブロック/グーテンベルク エディター

ブロック選択メニューが表示されます。 「すべて参照」をクリックして、利用可能なさまざまなブロックをすべて表示します。

ブロック / Gutenberg で利用可能なブロックのプレビュー

しばらくブロック エディターを見ていない場合、Gutenberg の最大の更新の 1 つは、利用可能なブロックがさらに多くなったことです。 より多くのテーマ ビルダーとプラグイン開発者がブロック エクスペリエンスを活用しています。 また、ニーズに合ったブロックが見つからない場合は、いつでもカスタム Gutenberg ブロックを作成できます。

Gutenberg ブロック エディターを自分で試してみたい場合は、このデモをご覧ください。

Gutenberg 最新情報: 現在の状況と今後の予定は?

Gutenberg プロジェクトは、投稿の編集に使用する画面以上のものです。

WordPress チームは、プロジェクトを 4 つのフェーズに分割しています。

WordPress Gutenberg フェーズは次のとおりです。

  1. より簡単な編集。 この更新は、投稿とページのコア編集エクスペリエンスです。 2018年にリリースされて以来、何度も改良されてきました。
  2. カスタマイズ。 このフェーズでは、ブロックを使用してサイトを簡単にカスタマイズする方法に焦点を当てます。 最近の WordPress リリースと Gutenberg の更新のほとんどは、この段階のものです。 例には、完全なサイト編集、ブロック パターン、ブロック テーマが含まれます。
  3. コラボレーション。 このフェーズでは、コンテンツの共同編集を容易にする機能とツールを追加します。
  4. 多言語。 このフェーズには、WordPress コアへの多言語サイト サポートの実装が含まれます。

Gutenberg プロジェクトはフェーズ 2 にあり、将来のフェーズでいくつかの計画と開発が既に行われています。 カスタマイズに関する Gutenberg の更新により、追加のプラグインや大規模なカスタム コードを必要とせずに、サイトのデザインとレイアウトを微調整できるようになります。 このローコード アプローチは、コードの肥大化を抑えた高速なサイトにつながるはずです。

最近の WordPress Gutenberg の更新

フェーズ 2 のカスタマイズ オプションは、真のゲーム チェンジャーです。 ここでは、時間を節約するための最もクールな機能をいくつか紹介します。

サイト全体の編集

WordPress は、2022 年 1 月にバージョン 5.9 でフル サイト編集を導入しました。5 月に WordPress 6.0 を、11 月に 6.1 をリリースして、追加機能を追加しました。 完全なサイト編集は、個々の投稿やページだけでなく、サイト全体を編集するためのブロック エクスペリエンスのロックを解除します。 カスタム ページ テンプレートの作成やカスタム ナビゲーションの追加に最適です。 新しいFull Site Editing 電子ブックをダウンロードして、FSE ツールをサイトで機能させる方法について詳しく学んでください。

Full Site Editing を使用するには、WordPress 6.0 以降を実行し、ブロック互換のテーマを持っている必要があります。 互換性のあるテーマがありませんか? 心配しないで。 電子書籍の第 2 章に、お気に入りのいくつかをリストしました。 ブロック互換のテーマを見つけることは、ほとんどのサイトが完全なサイト編集を実装しようとする際に直面する最も大きな障壁です。 幸いなことに、より多くのテーマ開発者がブロックで動作するテーマを構築しています。

ブロックパターン

ブロック パターンは、デザインの出発点として使用できるミニ テンプレートのようなものです。 価格表やヒーロー セクションが必要ですか? そのためのパターンがあります。 パターンは、事前に構成された外観を持つブロックのグループです。 コンテンツをカスタマイズして自分らしく見せることはできますが、ゼロから始める必要はありません。 ブロック パターンを使用する利点の詳細については、この投稿をお読みください。

グローバル スタイルの切り替え

グローバル スタイル スイッチングを使用すると、テーマを変更せずにページまたは投稿のスキンを変更できます。 ライト モードやダーク モードなど、さまざまなスタイルを簡単に適用できます。

グローバル スタイル設定には、フォント、色、およびその他の CSS 設定が含まれます。 この機能を使用すると、サイトの特定のセクションに独自の外観を作成したい場合や、テーマを変更せずにサイト全体の配色やスタイルをすばやく変更する必要がある場合に、時間を節約できます。

コンテナ ブロックのコンテンツのみの編集のサポート

この機能は、クライアントや他の人がサイトのコンテンツを更新する Web デザイナーに最適です。 ブロック レイアウトを所定の位置にロックして、他のユーザーがブロック コンテンツの追加と編集のみを実行でき、その外観やスタイルを編集できないようにすることができます。 この機能は、11 月 1 日にリリースされた WordPress 6.1 で追加されました。

流動的なタイポグラフィ

携帯電話と巨大なデスクトップ モニターとの間で画面サイズが大きく異なり始めると、タイポグラフィの表示方法がさらに重要になります。 巨大な見出しは、大きなデスクトップ画面では奇妙に小さくても、携帯電話では場違いに見えることがあります。 Gutenberg には、この問題を解決するための流体タイポグラフィのサポートが含まれるようになりました。 フォント サイズは、画面サイズの変更に合わせて自動的に拡大または縮小されます。

WordPress Gutenberg の最新情報を入手する

Gutenberg の新機能をすべて逃さないようにする方法の 1 つは、サイトを常に最新バージョンの WordPress に更新することです。 Pressable のマネージド ホスティング サービスは、やることリストから最新情報を取り除きます。 すべての Pressable クライアントは、WordPress の最新バージョンへの自動更新を受け取ります。

自動更新により、常に最新の WordPress Gutenberg の更新が行われ、サイトにも最新のセキュリティ修正と機能が適用されます。 Pressable を使用して、サイトを最新、高速、安全に保ちます。 プランを選んで、今すぐサインアップしてください。

ウェブ パフォーマンス

ロード時間が重要! サイトの速度を知っていますか?

もっと詳しく知る