Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress 5.3の新機能(機能とスクリーンショット)

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPress 5.3がつい数時間前にリリースされた。2019年最後のWordPressメジャーリリースとなる。

このリリースには、いくつかの新機能と、真新しいデフォルトテーマを含む多くの改善が詰め込まれている。

この投稿では、WordPress 5.3の新機能と、サイト更新後に試すべき機能を紹介する。

What's new in WordPress 5.3

WordPress 5.3はメジャーリリースであり、マネージドWordPressホスティングサービスを利用していない限り、手動で更新を開始する必要があります。

重要です:更新を開始する前に、WordPressの完全なバックアップを作成することを忘れないでください。

デザインとユーザーインターフェースのアップグレード

WordPress 5.3では、WordPressユーザーインターフェースの全体的な外観がいくつか変更されました。これらの変更はそれほど目立つものではありませんが、管理エリアの全体的な外観に一貫性をもたらしています。

Form fields in WordPress 5.3 UI

新しいユーザーインターフェースでは、フォームフィールドの周りに枠線が追加され、より目立つようになりました。また、WordPress管理エリアのアクセシビリティを向上させ、すべてのユーザーにとって良い体験となるようにしています。

Twenty Twenty WordPressの新規デフォルトテーマ

WordPressは毎年、その年にちなんだデフォルトテーマをリリースしています。WordPress 5.3では、新しいデフォルトテーマとしてTwenty Twentyがリリースされました。

Twenty Twenty the new default theme in WordPress 5.3

この新しいテーマは、WordPressのブロックエディターを最大限に活用できるようにデザインされています。記事やページの美しいコンテンツレイアウトを簡単に作成することができます。

Twenty TwentyはInter書体(フォント)を使用しており、見出しに最適です。また、小さな画面でも見栄えがよく、端末を問わず読みやすい体験を提供します。

これは、あなたのブログ投稿やページのためのサイドバーがないことを意味する個別カラムWordPressテーマです。下部にウィジェット用のエリアがあります。

また、あなたの投稿やページでカバーまたは全幅のテンプレートを使用することができます。全幅テンプレートは、ブロックエディターだけでなく、他のページビルダープラグインでも本当にうまく動作します。

全体的に、これはビジネスサイトだけでなく、個人のブログの両方に適した美しいテーマです。

WordPressブロックエディターの新規機能

2018年、WordPressはコードネーム「Gutenberg」と呼ばれる新しいエディターインターフェースをリリースした。この新しいWordPressコンテンツエディターは、WordPressのライティングインターフェースを完全に変えた。

その後のWordPressのリリースはそれを改良し続けており、WordPress 5.3ではブロックエディターが大量に強化される予定だ。

WordPress 5.3でのブロックエディターの変更点をいくつか紹介します。

グループブロック

グループブロックを使うと、ブロックをグループ化することができます。この便利なブロックは、異なるグループに区切り、レイアウトを整理するのに役立ちます。

Adding group block in WordPress 5.3

グループの幅をワイドまたは全幅に設定し、グループコンテナの背景色を選択できます。

空白のグループに新しいブロックを追加したり、複数のブロックを選択してグループに追加することができます。これにより、これらのブロックを一緒に操作することができます。例えば、異なるブロックを1つのグループに入れて、再利用ブロックとして保存することができます。

カラム・ブロック

カラムは、WordPressエディターで興味深いレイアウトを作成するもう一つの方法を提供します。WordPress 5.3では、カラムブロックに大きな変更が加えられました。

まず、カラムのレイアウトを設定し、幅を調整することができます。

Adjusting columns width

次に、個々のカラムの幅を広く設定することができ、残りのカラムは自動的に調整されます。

カラム内にブロックを追加するためのプレースホルダーがはっきり見えるようになり、使いやすくなった。

また、カラムの垂直アライメントを設定することもできます。これにより、各カラムのコンテンツが適切に配置されるようにスペースを追加する必要がなくなりました。

Vertical alignment

ボタンブロックの改良

WordPress 5.3では、投稿やページにボタンを追加するのがより簡単になり、枠線の半径を自分で選択できるようになりました。

New button block

また、ボタンのリンクを新しいウィンドウで開き、必要に応じてnofollowにすることもできます。

ブロックプレビュー

WordPress 5.3のブロックエディターでは、ブロックプレビューが表示されます。ただし、プレビューが表示されるのは、上部にある「新規ブロックを追加」アイコンを使用している場合のみです。

Block preview in WordPress 5.3

見出しの色

WordPress 5.3では、記事内の小見出しの色を選択できるようになりました。

Change heading colors

ギャラリー画像の並び替え

WordPress 5.3の新しく改良されたギャラリーブロックでは、ギャラリー内の画像を並べ替えることができます。

Reorder gallery images

Imageブロックのスタイル

Imageブロックでは、画像のスタイルを選択できるようになりました。現在、2つのスタイルが同梱されています:初期設定とサークルマスクです。

Image block settings in WordPress 5.3

改良されたテーブルブロック

WordPress 5.3のテーブルブロックには、待望の改良が加えられました。スタイルを選択し、テーブル行に Stripe を追加できるようになりました。また、ヘッダーとフッターの行を追加できます。

Table block

最新投稿の改善

過去の投稿ブロックは、最近の投稿へのリンクのリストを追加するだけでした。WordPress 5.3では、最新の投稿を抜粋付きで追加し、グリッドレイアウトで表示することができます。

Latest Posts in WordPress 5.3

最新投稿のアイキャッチ画像は表示されません。別の方法については、サムネイル付きで最新の投稿を表示する方法のガイドを参照してください。

ブロックエディターがさらに速くなりました

WordPressエディターはPHPとJavaScriptに大きく依存しています。PHPはWordPressホスティングサービスサーバー上でしか動作しませんが、JavaScriptはユーザーのブラウザー上で動作します。

WordPressコアチームの大きな仕事は、ブロックやコンテンツをどれだけ追加してもエディターインターフェースをスムーズでレスポンシブに保つことです。

WordPress 5.3では、ブロックエディターチームは1000ブロックと36,000ワードの長さの投稿でテストを行い、読み込み時間を1.5秒短縮しました。

WordPress 5.3で改善された画像アップロード

これまで、携帯電話やカメラから大きな画像をアップロードする場合、アップロードが完了する前にサーバーがタイムアウトしてしまう可能性がありました。

WordPress 5.3では、この問題に対処しました。画像作成プロセスを自動的に保存し、何も壊すことなくアップダーを再開できるようになりました。

WordPressはまた、EXIFメタデータを使用した画像回転の問題も修正しました。EXIFメタデータは、カメラや携帯電話が元の画像に追加したものです。

WordPressの投稿やページで、非常に大きなサイズの画像を使用できるようになりました。

WordPress 5.3のサイトヘルスレポートの改善

WordPressはWordPress 5.1でサイトヘルススコア機能を導入しました。これにより、サイトオーナーはWordPressのスピードとパフォーマンスを改善し、WordPressのセキュリティに関する一般的な問題に対処できるようになりました。

サイトの健全性スコアはパーセンテージで表示され、少し恣意的で初心者には分かりにくいものでした。WordPress 5.3では、「改善すべき」や「良好」といった状態メッセージに置き換えられました。

Site Health score in WordPress 5.3

ログイン画面にパスワードボタンを表示する

WordPress 5.3では、ログイン画面にパスワードを表示するボタンが追加されました。これは本当に便利なツールで、複雑なパスワードを入力したり、パスワードが正しく入力されたことを確認したりするのが簡単になります。

WordPress管理者メールアドレスの確認

以前のWordPressでは、設定 ” 一般ページから管理者メールアドレスを変更することができました。

WordPressはこのアドレスにパスワードリセットやその他の通知メールを送信するため、このアドレスは非常に重要です。

WordPress 5.3では、これらのメールを見逃さないために、新しいメールアドレスの確認が必須となりました。

Verify site admin email address

注意: WordPressのSMTPプラグインを使用していることを本当に〜してもよいですか?WordPressでメールが送信されない問題の解決方法をご覧ください。

フードの下の変更

WordPress 5.3では、開発者をターゲットとした多くの機能と改善がもたらされました。以下は、最も重要な変更点の一部です。

WordPress 5.3では、’Discourage search engines from indexing this website’(検索エンジンがこのサイトをインデックスしないようにする)オプションをチェックすると、検索エンジンがサイトをインデックスしないようにする方法が改善されます。(#43590)

PHP 7.4との互換性を改善しました。(#47441 、#47704 、#47746 、#47783)

日付とタイムゾーン機能の扱いが改善され、開発者がプロジェクトでこれらをより効率的に使えるようになりました。(詳細を見る)

WordPress マルチサイトネットワークにおいて、開発者がサイトを状態別にフィルターできるようになった。(#37392,#37684)

マルチサイトはデータベースのバージョンをメタ情報として保存するようになりました(#41685)。

このガイドがWordPress 5.3の新機能の探索に役立てば幸いです。今回のリリースでは、特にブロックエディターの改善に期待しています。

この投稿を気に入っていただけたなら、WordPress ビデオチュートリアルのYouTube チャンネルをぜひご購読ください。Twitterや Facebookでもご覧いただけます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

13件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Vijay gupta says

    But I think, this version doesn’t permit to upload Amazon image link. If it is, please tell how can I do ?

    Please sir help me out
    I am very perplex with this issue.

  3. Daniel Ogera says

    Thanks for this awesome post update. I updated my site yesterday in a hurry but I had not read about what was in the new update.
    Thanks for giving us these detailed breakdown.

返信を残す

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