WordPress 5.7 の新機能

公開: 2021-03-22

WordPress 5.7 は、2021 年 3 月 9 日に発表されたばかりです。WordPress Esperanza とも呼ばれ、今年最初の WordPress リリースとなります。 今回は、ブロック エディター、ユーザー インターフェース、新しいデフォルト カラー パレットの更新をさらに行います。 さらにエキサイティングなことは、 Gutenberg の完全なサイト編集の旅に一歩近づいたことです 時間を無駄にせず、このリリースがもたらした最高の機能のいくつかに飛び込みましょう:

開発者向け

1. 進行中の jQuery クリーンアップ

WordPress 5.5 から始まる jQuery の更新は、WordPress のさまざまなリリースにまたがっています。 この最新リリースでは、 jQuery 3.5.1 への移行は最終段階にあります。 テーマとプラグインの開発者は、最新の jQuery バージョンと互換性のあるコードを作成するという点で特に注意する必要があります。

一般的な WordPress 5.7 ユーザーにとって、このクリーンアップは、この移行に関してコンソールに表示されるメッセージが少なくなることを意味します。

2. 新しいロボット API

robots メタ タグに特定のフィルター ディレクティブを含めたいですか? これがあなたのチャンスです。 新しいロボット API にはこの機能が付属しており、新しい関数は wp_robotsを追加して、独自のフィルターを追加することでタグを管理できます。

これに加えて、新しい API にはディレクティブmax-image-preview:largeがデフォルトで含まれています。 これにより、Google などの検索エンジンに表示されるプレビュー画像を制御できます。 画像をより大きなサイズでプレビューできるようにすると、画像の解像度が高くなると他の人が見つけやすくなるため、トラフィックを生成する可能性が高くなります。 ここで注意すべきことは、このタグは、非公開としてマークされているサイトでは非表示になります.

3.HTTP から HTTPS への移行

サイトを HTTP から HTTPS に移行したいですか? WordPress 5.7 がそのお手伝いをします。 ワンクリックでそれを把握することで、このプロセスを簡素化します。 変換を開始し、サイトと WordPress アドレスの両方が HTTPS を使用していることを確認します。 完了すると、サイトのデータベース URL が自動的に更新されます。

さらに、詳細については、 WordPress ダッシュボード > ツール > サイトヘルスにアクセスしてください。 そこには、HTTPS ステータス チェックが用意されています。

4.インポート/エクスポートの機能強化

新しい WordPress 5.7 リリースで、投稿タイトルのエクスポート固有のフィルターを検索します。 また、エクスポート ファイルに最後に変更された各投稿の日付を含める必要があります。 を使用できます。 post_modifiedおよびpost_modified_gmtフィールドを、生成された WXR エクスポート ファイルに追加します。 さらに、メニュー項目のインポートのパフォーマンスが向上します メニュー項目を更新するときwp_resolve_post_date()を使用して、WordPress インポーターの実行を高速化します。 詳細はこちら.

5. 新しいデフォルト カラー パレット

WordPress 5.7 では、新しく標準化された WP-Admin カラー パレットが導入されました。 このリリースでは、合理化されたパレットを使用する簡単な方法として、すべての色を 7 つのコア カラーのみにまとめています これに加えて、白または黒に対する WCAG 2.0 AA 推奨コントラスト比を満たす56 の色合いが追加されています。 しかし、なぜこれが必要なのか疑問に思っているに違いありません。 あなたの答え:

「この一連の色を標準化することで、寄稿者は一貫性のあるアクセシブルなデザインの決定を下すことができます。 テーマとプラグインの開発者は、製品と WordPress コアの間の一貫性を高めるために、この新しいカラー パレットを使用することをお勧めします。」 – Jbオードラ。

What's new in WordPress 5.7? - Tyche Softwares

フルカラーパレット

ブロガー向け

を。 エディターの機能強化

WordPress 5.6 と同様に、新しいリリースにはかなりの数のブロック エディターの変更が袖にまで及びます。 それらのいくつかを見てみましょう:

1. 再利用可能なブロックの強化

WordPress 5.7では、再利用可能なブロックに新しい拡張機能が導入されています これにより、ある程度の安定性と使いやすい手順がもたらされます。 再利用可能なブロックが多くの時間を節約するのに役立つことはすでにわかっています。 再利用可能なブロックのテンプレートを作成し、この保存されたブロックを再利用するだけです。それがページであろうと投稿であろうと!

再利用可能なブロックの機能強化により、[更新] をクリックすると、投稿と共にブロックが自動的に保存されるようになります。 個別に保存する必要はありません。 より多くの時間を節約して、より多くのものを作成します。

2.ブロックパターンをドラッグ&ドロップ

WordPress 5.7 の更新により、ブロックを選択して画面上でドラッグするだけで、必要な位置に配置できるようになりました。 挿入パネルからブロックをドラッグするこの新しい更新により、より正確な方法でページと投稿を作成します。 ブロックをページに追加するためにブロックをクリックする必要がなくなります。 この柔軟性により、作成したものをよりスムーズに制御できます。

drag and drop feature of block editor gif

ドラッグアンドドロップ機能

3. リスト変更時のフォントサイズ

リストのフォント サイズをカスタマイズできるようになりました。 リストを大きく表示して作品の焦点にしたい場合は、簡単に行うことができます。 極小、大、小、特大など、任意のフォント サイズ オプションを選択できます サイズをより正確にしたい場合は、カスタムサイズを入力するだけで準備完了です! 別のプラス? これらの変更を行うために別の画面に移動することを心配する必要はありません。

What's new in WordPress 5.7? - Tyche Softwares

リストのフォントサイズの変更

4.ソーシャルアイコンのサイズ変更

リストのフォント サイズの変更と同様に、WordPress 5.7 では、ソーシャル アイコンのサイズも変更できるようになります。 ブロック ツールバーの [サイズ]オプションをクリックして、適用するサイズを選択するだけです。 利用可能なサイズは、S、Normal、Large、 Huge です。

What's new in WordPress 5.7? - Tyche Softwares

ソーシャルアイコンのサイズ変更

それではない。 ソーシャル アイコンの色を試す方法を探しているなら、今すぐお待ちください。 WordPress 5.7 では、ソーシャル アイコンの色のカスタマイズが組み込まれました。 アイコンの色とアイコンの背景色のさまざまなオプションから選択して、ページをさらに強化します。

What's new in WordPress 5.7? - Tyche Softwares

ソーシャル アイコンの色のカスタマイズ

5. ボタンブロックの幅変更

ボタンの外観を変える方法をお探しですか? これは、新しく追加されたボタン ブロックの「幅の設定」を使用して行うことができます。 このオプションで使用可能なパーセンテージ サイズのいずれかを選択すると、ボタン ブロックが簡単にそれに変換されます。 Call-to-Action ボタンを差別化する方法をサイトで探している場合、これらのさまざまなオプションは非常に便利です。

What's new in WordPress 5.7? - Tyche Softwares

ボタンブロックの幅変更

6. カバーブロック幅変更

カバー画像の高さを調整したいですか? カバーブロックに追加された拡張機能で簡単に制御できます。 カバー画像を挿入したら、[高さを完全に切り替える] オプションをクリックします。 そこから必要に応じて高さを調整します。

What's new in WordPress 5.7? - Tyche Softwares

カバー ブロックの高さの切り替え機能

さらにオプションを探している場合は、 [ブロック設定] > [メディア設定]に移動することもできます。 固定背景または繰り返し背景として画像を作成することを選択できます。 以下を見て、両方の設定がそれぞれの変更をどのように行うかを確認してください。

What's new in WordPress 5.7? - Tyche Softwares

固定背景と繰り返し背景の設定

b. iFrame の遅延読み込み

5.5 アップデートで、WordPress で画像を遅延読み込みする機能については既に紹介されています 現在、WordPress 5.7 では、iframe タグを使用するすべての埋め込みを遅延ロードできます。 たとえば、ページへのリンクを埋め込んだとします。 この埋め込みリンクを遅延読み込みしたい場合は、 loading="lazy"属性を iframe タグに追加するだけです。

デフォルトでは、iframe タグに幅と高さの両方が指定されている場合、 WordPress 5.7 は自動的にこの属性を追加します。 その結果、iframe を使用するすべてのリンクにより、ページの読み込みが速くなります。

今すぐアップデートを入手してください!

WordPress 5.7 への更新は 1-2-3 と同じくらい簡単です。 WordPress ダッシュボード > 更新に移動します。 「今すぐ更新」ボタンが簡単に表示されます。 それをクリックすると、作業が完了します。

WordPress 5.7 リリースについて詳しく知りたい場合は、このField Guideをご覧ください

結論

2021 年に向けて勢いよくスタートした WordPress 5.7 は、ほんの始まりに過ぎません。 WordPress 5.8 はすでに計画中です。 ここで開発サイクルに追加されるエキサイティングな機能に注目してください しかし今のところ、WordPress 5.7 のどの機能があなたを最もワクワクさせますか? 以下のコメントでお知らせください!