WordPress 5.3 Overview & NEW Features of the Block Editor

ThemeIsle: WordPress Tutorials & Reviews

5 Oct 201905:07

Summary

TLDRこのビデオでは、WordPress 5.3がリリースされた際に利用可能になる新機能について紹介しています。ログインフォームのデザイン変更、パスワード欄の目に見えるアイコン、ブロックエディター内の改善、ボタンブロックの「新しいタブで開く」オプション、画像に対するサークルマスクスタイルの選択、カラムブロックの幅サポート、テーブルブロックとギャラリーブロックの新機能など、ユーザーフレンドリーな機能が数多く追加されています。また、Otterによるボタングループやアニメーションオプションなどの特別な機能も紹介されています。これらの改善点は、より魅力的で使いやすいWordPressサイトの構築を支援します。

Takeaways

😀WordPress 5.3では、ログインフォームのデザインが角丸になり、ボタンのデザインに近づいた。
🔍パスワードフィールドには、入力内容を表示するための目のアイコンが追加された。
🎨ダッシュボード内の各入力フィールドに角丸が採用され、境界線のグレーシェードが濃くなった。
🖼ブロックエディターで新しいブログ投稿を追加する際、プラスアイコンをクリックするとブロックのプレビューが自動的に表示される。
🔵イメージブロックには、画像を円形にマスクするスタイルオプションが追加された。
🔗ボタンブロックには、「新しいタブで開く」オプションがついに設定可能になり、境界半径の設定も追加された。
🛠OtterによるButton Groupは、ホバー時の色や境界線、ボックスシャドウ、タイポグラフィーなど独自のオプションを提供する。
🎉Gutenberg BlocksとTemplate Library by Otterは、ダッシュボードから直接インストール可能な無料の機能豊富なプラグインである。
📏カラムブロックには、レイアウトの選択と設定でのパーセンテージ幅のサポートが追加された。
🖋テーブルブロックは、テキストアラインメント、ヘッダーとフッターのサポート、色設定などの新機能を備えて改善された。
📷ギャラリーブロックは、インラインの並べ替え機能とキャプションサポートが追加されて大幅に改善された。
🎨セパレーターブロックに色のサポートが追加された。

Q & A

WordPress 5.3の新機能として、ログインフォームにどのような変更がありましたか？
-ログインフォームには角が丸くなり、ボタンのデザインに近づいています。
WordPress 5.3では、パスワードフィールドにどのような新しい機能が追加されましたか？
-パスワードフィールドには、入力内容を確認できる「目」のアイコンが追加されました。
ダッシュボード内でのWordPress 5.3の変更点は何ですか？
-入力フィールドの角が丸くなり、境界線のグレーが濃くなりました。
ブロックエディターにおける新機能にはどのようなものがありますか？
-ブロックのプレビューが自動で表示され、イメージブロックには円形マスクのスタイルが選択できるようになりました。
ボタンブロックにどのような新設定が追加されましたか？
-リンクの設定に「新しいタブで開く」オプションとボーダーラジアスの設定が追加されました。
Otterプラグインを使用すると、どのような追加機能が得られますか？
-色やボーダーのホバー効果、ボックスシャドウ、タイポグラフィの設定、アイコンの追加、異なるパディングの設定、そしてすべてのブロックに対するアニメーションオプションが提供されます。
WordPressのデフォルトブロック「コラムブロック」にはどのような改善がありましたか？
-レイアウトの選択と設定でのパーセンテージ幅のサポートが追加されました。
テーブルブロックに追加された新機能には何がありますか？
-テキストのアライメント、ヘッダーとフッターのサポート、色の設定が新機能として追加されました。
ギャラリーブロックにはどのような改善が加えられましたか？
-インラインの並べ替え機能とキャプションサポートが改善されました。
セパレーターブロックに加えられた唯一の改善点は何ですか？
-色のサポートが追加されました。

Outlines

00:00

🎉WordPress 5.3の新機能紹介

この動画では、Themesile: WordPress Tutorials & ReviewsのRobertが、WordPress 5.3のリリースで得られる新しい機能について紹介します。まず、ログインフォームに丸みを帯びた角と、パスワードを表示するための「目」アイコンが追加されたことに触れ、これらの変更がデザインの統一感を向上させていることを評価します。次に、ダッシュボード内の入力フィールドにも丸みを帯びた角が採用され、境界線の色が濃くなったことを紹介します。ブロックエディタの新機能として、ブロックのプレビュー表示や、画像ブロックにサークルマスクを適用できるスタイルの選択肢、リンク設定に「新しいタブで開く」オプションを追加したボタンブロックの改善点を解説します。OtterによるButton Groupの利点や、Gutenberg Blocks and Template Library by Otterプラグインの紹介も含まれます。カラムブロックの幅サポートの改善、テーブルブロックのテキストアラインメントや色設定の追加、ギャラリーブロックのインライン並べ替えとキャプションサポート、セパレーターブロックの色サポートなど、WordPress 5.3におけるさまざまなブロックの改良点についても触れています。最後に、視聴者に対してコメントでお気に入りの機能を共有するように呼びかけ、チャンネルの他の動画の視聴と購読を促します。

Mindmap

Keywords

💡WordPress 5.3

WordPress 5.3は、WordPressプラットフォームの新しいバージョンです。このビデオでは、WordPress 5.3が提供する新機能や改善点に焦点を当てています。例えば、ログインフォームやブロックエディター内の変更点が紹介されています。このバージョンでは、ユーザーインターフェースのデザイン変更（例：角の丸み）や、新しいブロック機能が追加されています。

💡ログインフォーム

ログインフォームは、ユーザーがウェブサイトにアクセスする際にユーザー名とパスワードを入力するためのインターフェースです。ビデオでは、WordPress 5.3のログインフォームにおけるデザインの変更、特に角の丸みについて言及されています。これは、ユーザー体験の向上に貢献する小さな変更の一例です。

💡パスワードフィールド

パスワードフィールドは、ユーザーがログイン情報としてパスワードを入力するためのテキストボックスです。ビデオでは、新しい「目」アイコンが追加されていることが紹介されており、これによりユーザーは入力したパスワードを表示・非表示できるようになっています。この機能はセキュリティと使いやすさのバランスを向上させます。

💡ブロックエディター

ブロックエディターは、WordPressのコンテンツ編集機能の核心部分で、ユーザーが投稿やページをビジュアルに編集できるように設計されています。ビデオでは、WordPress 5.3におけるブロックエディター内の新機能や改善点、例えばブロックのプレビューや新しいスタイルオプションが紹介されています。

💡ボタンブロック

ボタンブロックは、ウェブサイトのページや投稿にボタンを追加するためのブロックエディターの機能の一つです。ビデオでは、ボタンブロックの新機能、特に「新しいタブで開く」オプションとボーダーラジアス設定が紹介されています。これらはユーザビリティとデザインのカスタマイズ性を高める機能です。

💡Otter

Otterは、追加のブロックとテンプレートを提供するWordPressのプラグインです。ビデオでは、このプラグインが提供するボタングループなどのユニークな機能が紹介されており、ユーザーがより高度なデザインと機能をページに追加できるようになっています。

💡カラムブロック

カラムブロックは、WordPressのブロックエディターで使用できるレイアウトツールの一つで、複数の列を作成してコンテンツを整理できます。ビデオでは、幅のサポートとその他の改善点が紹介されており、ユーザーがより柔軟にページレイアウトを設計できるようになっています。

💡テーブルブロック

テーブルブロックは、テキストやデータを表形式で表示するために使用されるブロックです。ビデオでは、WordPress 5.3におけるテーブルブロックの新機能、例えばテキストのアラインメントやヘッダー・フッターサポート、色設定の改善が説明されています。

💡ギャラリーブロック

ギャラリーブロックは、画像を整理して表示するためのブロックです。ビデオでは、インライン並べ替え機能やキャプションサポートなど、WordPress 5.3でのギャラリーブロックの大きな改善点が紹介されています。これにより、ユーザーはより効果的に画像を展示できるようになります。

💡セパレーターブロック

セパレーターブロックは、セクションやコンテンツの間に視覚的な区切りを作るために使用されるブロックです。ビデオでは、WordPress 5.3での色サポートが唯一の改善点として紹介されており、デザインのカスタマイズオプションが拡大しています。

Highlights

WordPress 5.3の新機能について紹介します。

ログインフォームが角丸デザインに新しくなりました。

パスワードフィールドに、タイプした内容を表示するための目のアイコンが追加されました。

WordPress 5.3から、ダッシュボードのフィールドが角丸になります。

フィールドの境界線のグレーが濃くなり、より見やすくなりました。

ブロックエディターで、ブロックの挿入前にプレビューが自動で表示されるようになりました。

スタイルタブで、画像に円形マスクを選択できるようになりました。

ボタンブロックのリンク設定に、「新しいタブで開く」オプションがついに追加されました。

ボタンの境界半径を設定できるようになりました。

Otterプラグインを使用すると、ボタンに高度なカスタマイズオプションが追加されます。

Otterプラグインをインストールすると、WordPressのデフォルトブロックを含むすべてのブロックにアニメーションオプションが追加されます。

カラムブロックが幅のサポートとその他の改善を受けました。

テーブルブロックが改善され、テキストの配置、ヘッダー/フッターのサポート、色設定が新たに追加されました。

ギャラリーブロックにインラインの並べ替え機能とキャプションサポートが追加されました。

セパレーターブロックに色サポートが追加されました。

WordPress 5.3のお気に入りの機能についてコメントを残し、チャンネルとのエンゲージメントを促します。