WordPress 5.7で導入されるもの(機能とスクリーンショット)

WordPress 5.7 ベータ版はすでに公開されており、2021年3月9日にリリースされる予定です。今年最初のメジャーリリースとなり、いくつかの新機能と改善が含まれています。

私たちは開発を綿密に追跡し、テストサイトで新機能を試してきました。

この記事では、WordPress 5.7 の新機能とスクリーンショットをご紹介します。

WordPress 5.7 で提供されるもの

注意: WordPress Beta Testerプラグインを使用して、コンピューターまたはステージング環境でベータ版を試すことができます。

WordPress 5.7 は開発中であり、一部の機能はまだ変更される可能性があり、最終リリースに含まれない場合があります。

それでは、WordPress 5.7 で何が来るのか見てみましょう。

動画チュートリアル

WPBeginnerを購読する

書き言葉での説明をご希望の場合は、そのままお読みください。

WordPress 5.7 のエディターの改善

WordPressエディターは、ウェブサイトの所有者がページ作成やコンテンツ作成に最も時間を費やす領域です。

WordPressの各リリースでは、エディターに新しい機能と改善がもたらされます。WordPress 5.7にも、編集エクスペリエンスを向上させるためのエキサイティングな新機能と強化機能が搭載されます。

インサーターからブロックをドラッグ&ドロップ

WordPress 5.7 では、「新しいブロックを追加」(+)インサーターからブロックをコンテンツエリアにドラッグアンドドロップするだけで配置できるようになります。これにより、投稿キャンバスにドロップする前にブロックの配置場所を選択できます。

インサーターからブロックをドラッグアンドドロップ

WordPress 5.7でフルハイトブロックが登場

カバー、カラム、グループブロックでフル幅ブロックを使用するのは好きですか?これにより、視覚的に魅力的なレイアウトを作成できます。WordPress 5.7 では、フルハイトブロックも作成できるようになります。

ブロックツールバーのフルハイトオプション

これらのブロックはユーザーの画面の高さいっぱいに表示されるため、さらに魅力的なレイアウトを作成できます。

ブロックバリエーションに独自のの説明を追加できるようになりました

WordPress 5.7 では、ブロックバリエーションの説明が表示されるようになります。例えば、ソーシャルアイコンブロックには、Facebook、Twitter、その他のソーシャルアイコンがあります。ブロックインスペクターでプレビューを確認できます。

ブロックバリエーションの説明

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

WordPress 5.7 では、ソーシャルメディアアイコンブロックのアイコンサイズを調整できるようになります。

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

ボタンの改善

WordPress 5.7では、ブロックエディターでボタンの垂直配置が導入されます。ユーザーは、ボタンのプリセット幅(パーセンテージ)を選択することもできるようになります。

ボタンの垂直配置

より多くのブロックでフォントサイズを調整する

ブロックエディターのもう1つの改善点は、リストブロックやコードブロックを含む、より多くのブロックでフォントサイズを調整できるようになったことです。

WordPress 5.7 では、より多くの場所でフォントサイズを設定可能に

HTTP から HTTPS への移行が容易に

以前は、WordPressをHTTPからHTTPSに移行する際に、コンテンツに埋め込まれたURLを手動で更新する必要がありました。これを怠ると、混合コンテンツの問題が発生していました。

WordPress 5.7では、ウェブサイトをHTTPsに移行することが容易になります。サイトヘルスメニューで、HTTPSの利用可能性が重要な問題として表示されます。

ワンクリックでHTTPsに移行

ここから、ユーザーはボタンをクリックしてWordPressのURLを更新できるようになります。これにより、WordPressとサイトのURL設定が切り替わり、コンテンツ内のURLがHTTPsを使用するように更新されます。

標準化されたWP-Adminカラーパレット

WordPress 5.7 は、wp-admin のカラーパレットも標準化します。基本的に、WordPress は Sass を使用して CSS ファイルをオンザフライで生成します。

WordPressには限られたカラーテーマしかなく、新しいカラーテーマの導入は、開発者がSass変数ベースのシステムを扱う必要があったため困難でした。

WordPressの管理画面のカラーテーマパレット

次期 5.7 リリースでは、WordPress は CSS で使用されるすべての色を、利用可能な青、緑、赤、黄、グレー、黒、白のいずれかの色合いに折りたたみます。これにより、開発者はより幅広い明るい色と暗い配色のパレットを利用できるようになります。

新しいロボットAPI

WordPress 5.7では、新しいロボットAPIが導入されます。このAPIにより、開発者はウェブサイトのrobotsメタタグをプログラムで制御および更新できるようになります。

robotsメタタグを使用すると、検索エンジンのボットにウェブサイトのクロールとインデックス作成の方法を指示できます。これは、サイトのルートフォルダにrobots.txtファイルを追加するか、robotsメタタグを使用することで実現できます。

WordPress 5.7 では、wp_robots という新しい関数が導入されます。開発者は、この関数に独自のフィルターを追加することで、robots メタタグを変更できるようになります。以下にその仕組みの例を示します。

function wporg_wp_robots_add_follow( $robots ) {
    $robots['follow'] = true;
    return $robots;
}
add_filter( 'wp_robots', 'wporg_wp_robots_add_follow' );

WordPress 5.7 では、デフォルトで robots meta タグに max-image-preview:large ディレクティブが追加されます。これにより、検索エンジンは検索結果で大きな画像をプレビューに使用できるようになります。

サイトのソースコードでは次のようになります。

<!DOCTYPE html>
<html>
    <head>
        <meta name="robots" content="max-image-preview:large" />
    </head>

WordPressは、設定で検索エンジンの可視性がオフになっているウェブサイトでは、このタグを自動的に非表示にします。

これを無効にして、検索エンジンがプレビューに使用する画像を選択できるようにしたい場合は、次のコードをテーマの functions.php ファイルまたは サイト固有のプラグイン に追加できます。

remove_filter( 'wp_robots', 'wp_robots_max_image_preview_large' );

iFrame の遅延読み込み

WordPress 5.7 は、iframe の埋め込みに遅延読み込みを自動的に追加します。遅延読み込みは、ページ読み込み中のウェブサイトの速度を向上させるために使用されるテクニックです。基本的に、ユーザーのブラウザに、アイテムが表示されたときに読み込むように指示します。

WordPress 5.5 以降、WordPress はデフォルトで画像の遅延読み込みを使用しています。WordPress 5.5

これは、YouTube動画のように、iframeを使用するすべての埋め込みが遅延読み込みを使用してページ読み込み速度を向上させることを意味します。

Smash Balloon の YouTube Feed を使用している場合、より優れたキャッシュと遅延読み込みによって、すでに動画フィードが最適化されています。

内部変更

WordPress 5.7 は、開発者が独自のテーマ、プラグイン、プロジェクトで探索して使用できる多くの変更ももたらします。

以下に、これらの内部変更の一部を示します。

WordPress 5.7 では、投稿が公開可能かどうかを確認するための新しい関数 is_post_status_viewable() および is_post_publicly_viewable() が導入されます。(詳細はこちら)

レンダリングブロック関数により、開発者は単一ブロックのコンテンツをフィルタリングできるようになります。(#46187

WordPress 5.7 では、retrieve_password() 関数中に $user_data 変数を操作するためのフィルターフックが追加されます。これにより、開発者はパスワードリセット中にカスタム検証チェックを実行できるようになります。(#51924)

開発者は、新しいlogin_site_html_linkフックを使用して、ログインページフッターに表示される「サイトへ移動」リンクを変更できるようになります。(#35449

WordPress 5.7 では、投稿に親があるかどうかを判断し、関連する親投稿をオブジェクトとして取得するための新しい関数 get_post_parent()has_post_parent() が利用可能になります。( #33045 )

この記事で、今後のWordPress 5.7に何が搭載されるかについて、良いアイデアが得られたことを願っています。興味深いと感じた機能や、今後のWordPressリリースで見たい機能について、ぜひお知らせください。

この記事が気に入った場合は、WordPressのビデオチュートリアルをご覧ください。YouTubeチャンネルに登録してください。また、TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

21 CommentsLeave a Reply

  1. あなたの記事は有益で、様々な機能の仕組みや略語の意味を理解するのに役立つ追加情報へのリンクに大変感謝しています。

  2. 素晴らしい記事です!「HTTPからHTTPSへの移行が容易になった」という点が気に入りました。プラグインを使用せずに実行できるからです。

  3. WPbeginnerさん、ありがとうございます。期待できることの概要がとても参考になりました。簡潔でした。

  4. 私は個人的にWordPressエディターを使用しないので、それにはあまり期待していません。
    しかし、Robots APIやlazyload機能は良いですね。

  5. 素晴らしいです。更新されたすべての機能が気に入りました。特に、このバージョンでリストのフォントサイズを変更できるようになったことを嬉しく思います。

  6. WordPress、特にこの新しいバージョンであるWordPress 5.7について、もっと詳しく知るためのチュートリアルビデオが必要です。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。