知っておくべき6つの重要なWordPressGutenbergの更新

公開: 2021-10-21

知っておくべき重要なWordPressGutenbergの更新

WordPressは、2018年にリリースされて以来、ブロックエディター機能に継続的に取り組んでいます。現在、WordPressコアは組み込みとして利用できるほか、個別のプラグインとしても利用できます。

幅広いGutenbergプラグイン機能がWordPress5.6に含まれていました。 現在、2つの異なるバージョンのブロックエディタがリリースされています。これは、最新の変更を取得して使用を開始するのに最適なタイミングです。

このブログでは、ブロックエディターの6つの最新の変更について学習します。 さらに、プラグインの1つ、つまりスタンドアロンのGutenbergプラグインでのみ利用できるベータ機能のロックを解除する方法についていくつかの情報を確認します。

WordPressブロックエディター

グーテンベルクは、ポストエディターおよび組み込みページとしても知られています。 GutenbergはWordPress5.0で導入され、TinyMCE ClassicEditorに置き換えられました。

Classic Editor(https://WordPress.org/plugins/classic-editor/)を使用してこれを使用することもできます。

このエディタは、Webページを作成するために、ブロックベースの方法を利用しています。 実際、グーテンベルクは、1つの広いコンテンツ領域を使用する代わりに、ページを異なるコンテンツブロックに分割します。 含まれているさまざまな最もよく使用される要素は、見出し、段落、画像、およびリストです。

グーテンベルクは主に、WordPressユーザーにより多くの柔軟性を提供するために開発されました。 初心者ユーザーの場合、ブロックエディタ機能を使用すると、コンテンツをより簡単に作成できます。

ほとんどの場合、WordPressがSquarespace、Wix、およびその他のトップビジュアルWebサイトビルダーと競合しようとしていることに気づきました。

以前、GutenbergはWordPressコアに統合される直前にスタンドアロンプ​​ラグインとして作成されていました。 Gutenbergプラグインでは、いくつかの活発な開発がまだ進行中です。

今後のエディター機能をプラットフォームに追加する前に、このプラグインを使用すると、これらすべての機能をプレビューできます。 これが、Gutenbergプラグインが優れたプラグインであると見なされる主な理由です。

いくつかのトップ6のWordPressGutenbergアップデート

これまで、ブロックエディターがWordPressコミュニティで最大の変更の1つとして認識されている理由を調査してきました。 しかし今、私たちはいくつかの素晴らしい機能をチェックします。

グーテンベルクの最も重要な更新は次のとおりです。

1.フルサイト編集(FSE)

あなたのウェブサイトの訪問者の注意を引き付けてそらすために、ウェブサイトのデザインは重要な役割を果たします。 効果的なウェブデザインを使用すると、自分の考えをアピールしてブランドを認知させることもできます。

ただし、最高のWebデザインは、潜在的な顧客がWebサイトにとどまるか、Webサイトを離れて、競合他社のページに移動するかを決定するのに役立つと言えます。

したがって、フルサイト編集(FSE)として知られる新しいWordPress Gutenbergの更新により、より魅力的で一貫性のあるWebサイトを設計するのに役立ちます。

ブロックを利用して、FSEで視覚的にデザインすることもできます。 したがって、ページや投稿を含むWebサイトの任意の部分を作成できます。 また、アーカイブページ、ヘッダー、サイドバー、フッターなどを作成できます。

Gutenberg Developersは、非常に多くの広範な機能を備えた膨大な数のサイトビルディングブロックをすでに開発しています。

Gutenbergは、従来のWordPressカスタマイザーと同じように機能するグローバルスタイリングパネルも提供しています。 ただし、この機能には互換性のあるWordPressテーマが必要です。たとえば、デフォルトの新しいTwenty TwentyOneなどです。

Gutenbergプラグインでは、FDE機能も利用できます。 将来のリリースでは、このタイプの機能がWordPressコアに追加される予定です。 これはマット・マレンウェッグによって述べられました。

2.ナビゲーションブロックとビルダー

訪問者がWebサイト全体をナビゲートし、Webサイトのコンテンツをより面白くするために、クリーンでシンプルなナビゲーションは非常に重要です。 明確なナビゲーションは、訪問者のエクスペリエンスを向上させるのに常に役立ちます。

ただし、訪問したページの総数やWebサイトで費やした合計時間など、いくつかの主要な指標にはメリットがあります。

検索エンジンのページの結果も、最高の高品質のナビゲーションで改善できます。 それは検索エンジンがあなたのウェブサイトをクロールし、あなたのページにインデックスを付けることができることを確実にします。 これにより、コンテンツが関連する検索結果に表示される可能性が高くなります。

新しいナビゲーションブロックもGutenbergによって追加され、Webサイトのナビゲーションを強化するのに役立ちます。 新しいナビゲーションブロックを使用すると、ページまたは投稿のどこにでもメニューを簡単に追加できます。

Gutenberg 9.0がリリースされたとき、ドラッグアンドドロップメニュービルダー機能が付属しています。 この機能により、訪問者の要件に応じて、わずかな労力で同じメニューを作成できる柔軟性が得られます。

グーテンベルクでメニュービルダーを有効にすることができます。 まず、Gutenbergプラグインをインストールしてアクティブ化し、Gutenbergオプションに移動します。WordPressダッシュボードで実験をクリックしてから、ナビゲーションの有効化画面に移動します。 最後に、[変更を保存]オプションをクリックします。

この後、もう一度グーテンベルクに行き、ナビゲーション(ベータ)をクリックします。次に、[作成]をクリックして独自のメニューの作成を開始し、[+プラス記号]をクリックします。 ドラッグアンドドロップ機能を使用して、メニューを視覚的にデザインできるようになります。

作成したメニューに満足したら、変更を保存します。 現在グーテンベルクを使用しています

3.ビデオ字幕のサポート

世界保健機関(WHO)から生成された結果によると、10億人以上が同様の弱さを持っています。 これは、世界の15%以上の人口が障害を持っていることを意味します。

アクセス可能なコンテンツを作成するだけでは不十分です。 それはまたあなたのウェブサイトの聴衆を改善することができます。

字幕は非常に重要です。 聴覚障害のある人は、あなたのコンテンツにもっとアクセスしやすくなります。

字幕もあなたのウェブサイトにある非常に重要なWordPressGutenbergの更新です。そのため、訪問者が騒がしい状況で音声を聞くことができない場合に備えて。

アクセシビリティ機能を促進するために、字幕がグーテンベルクのビデオブロックでサポートされるようになりました。 ビデオのアップロード中に、Webビデオテキストトラックファイルなどの字幕を付けることもできます。 テキストトラックボタンを選択すると、Webファイルをビデオブロックに追加できます。

4.異なるブロックを単一の列に変換するための選択肢

これで、複数のブロックを統合して1つの列を形成できます。 これは、ページにある程度の柔軟性を提供するため、重要です。 また、列内のすべての要素に同様の書式を追加できるため、一貫性のあるデザインを作成できます。

結合する最初のブロックを選択するだけで、さまざまなブロックを1つの列に変換できます。 この後、各ブロックを強調表示するには、それを新しい列にドラッグする必要があります。

5.ブロックパターン

WordPressのブロックパターン、つまり事前定義されたページレイアウトを挿入できます。 このようなタイプのテンプレートは、プロ並みで機能豊富なページの作成に役立ち、投稿の作業が少なくなります。

このWordPressGutenbergの更新は、WordPress5.5で作成されました。 ただし、Gutenbergプラグインにはさらにいくつかのブロックパターンが付属しています。 Gutenbergエディターでは、+プラス記号をクリックしてアクセスする必要があります。 この後、[パターン]タブを選択します。

オプションは、使用しているテーマによって異なります。

新しいパターンカテゴリスイッチャーもグーテンベルクからリリースされました。 これは、興味のある特定のテンプレートを見つけるのに役立ちます。

また、特定のWordPressテーマで利用できるものとデフォルトのパターンを区別するのにも役立ちます。

6.InstagramとFacebookの埋め込みブロックはもうありません

多くの場合、ページや投稿を作成するときに、別のWebサイトからコンテンツを追加する必要があります。 InstagramやFacebookなどのソーシャルメディアネットワークからの完全なフィードを含めたり、投稿を追加したりする必要がある場合もあります。

oEmbed APIを使用すると、WordPressのユーザーはFacebookのコンテンツだけでなくInstagramのコンテンツも埋め込むことができます。 ただし、セキュリティ上の理由から、Facebookは最近トークンレスoEmbedのサポートを導入しました。 FacebookはInstagramを所有しているため、このような種類の変更はネットワークにも影響します。

FacebookのAPI変更に対応して、InstagramとFacebookのブロックはWordPressによってGutenberg9.0から削除されました。 ただし、この変更はWordPressコア5.6に含まれていました。

ただし、InstagramとFacebookのコンテンツを投稿に追加することはできます。 ただし、これを行うには、oEmbedPlusとも呼ばれるサードパーティのプラグインを追加する必要があります。

oEmbed plus
結論:

グーテンベルクは学ぶべき幅広い主題です。 すべての新機能、改善点、WordPressGutenbergの更新を管理する必要があります。 最新の状態に保つことは、世界で競争するための最高のWordPressデザインを作成するのに役立ちます。