最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

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.txtファイルを追加するか、ロボットメタタグを使用することで実現できます。

WordPress 5.7では、wp_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は、WordPress 5.5以降、画像に対してデフォルトで遅延読み込みを使用しています。

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

Smash BalloonのYouTubeフィードを使用している場合、すでにビデオフィードをより良いキャッシュと遅延読み込みで最適化しています。

内部変更

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では、投稿に親があるかどうかを判断し、関連する親投稿をオブジェクトとして取得するために、2つの新しい関数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. 新しいリリースに関する詳細をありがとうございます。共有させていただきます。
    良い一日を

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

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

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

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

Leave A Reply

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