[動画×3] WordPress 5.3 ブロックエディター機能・使い方

2018年12月：WordPress5.0 がリリースされた直後は、慣れたクラシックエディターを使うことが多かったですが、春先ごろからでしょうか … 新たなブロックエディターを使い始めたところ、驚くほど便利で！ 😀

若干（だいぶ？）ディレイが掛かった感じではありますが；

自分用のメモを兼ねてご紹介します。

※ 2020-07-10 Update : 日本語の参考サイトを追加（記事末尾部分）

概要：旧エディターからは隔世の感

機能面だけではなく、何と言っても直感的な使いやすさが格段に向上していることは、多くのユーザーにとって大歓迎するべき点ではないかと思います。

2019年11月：WP5.3へのアップデートにより、ブロックエディターの編集機能はさらに強化されました。かつてはHTMLを書かないと／一定以上のHTMLの知識がないと困難だったレイアウトや見せ方が、今やマウス操作で実現可能になっています。

使い勝手の良さを測るひとつの基準として「(マニュアル不要で) 何となく触ってれば操作できるか否か」みたいなのってありますよね。 アプリケーションでも電化製品でも。

いよいよWPのエディタもそんな領域に入ってきたかなぁ？という感じで、数年前の使い勝手からするとホント隔世の感があります。改善してくれている方々スゴイ！

ナイスなチュートリアル動画×3 (英語)

WP5.0リリースから1年あまり、WP5.3のアップデートからだと2ヶ月程になりますが、当方も機能を全て理解している・使いこなしているとは言えず 😅 YouTubeのチュートリアル・デモンストレーションを見て「へぇ～ こんなことも出来るんだ！」と目を丸くしており…

以下、いくつか見た中で「これ良いなぁ！」と思った動画を、メモを兼ねてご紹介します。

※英語ですが、視覚的にわかりやすいものを選びました

WordPress 5.3 Overview & NEW Features of the Block Editor

改良されたブロックエディター概要が簡潔明瞭に紹介されています。 ( 2019/10/05 up、WP5.3 β版ベース )【約5分：うちブロックエディター解説は約3分半】

0’57″～ ブロック挿入イメージのプレビューが見られます
2’29″～ 2つ以上の横並びカラムのレイアウト説明
3’30″～ ギャラリー：複数写真を配置する方法の解説

WordPress Gutenberg Editor – Quick Start Tutorial

上の動画より少し古い（ 2019/04/02 up、WP5.1ベースの解説 ）ですが、とても親切でわかりやすいです。【約13分】

ブロックを構成する各要素について、簡潔かつ丁寧な説明がされています。英語も易しい語を選んで説明されている感じ。ブロックエディターの概要把握にはこちらが良いかも。

WordPress and Gutenberg, #12: How to Add Layout Blocks in Gutenberg

さらに古い（ 2019/02/13 up、WP5.0ベースの解説 ）となりますが、ブロック内でのレイアウトについては大変わかりやすい動画です。【約4分半】

「PCビューでの横並びレイアウトをドラッグ＆ドロップで」という操作は、ユーザーニーズが高いのではないかと思います。なおこの動画には #12とナンバーが振られている＝シリーズになっているようなので、他の動画も掘ってみるとより参考になりそうですね。

今回、英語の動画を3本紹介しました。WordPress関連情報は、日本語でもかなりのものが得られますが、英語圏に目を向けるとグッと情報量が多くなるなぁという感じです。

英語のドキュメントや本読んで覚えろって言われると構えちゃいますけど、動画ならば視覚的にも理解しやすく、若干ハードルが下がるように思う次第です。

ちょっとした英語の勉強にもなりますしね！🙂

なお、WordPressのバージョンアップとともにブロックエディターの使い勝手も改良され、細部はどんどん変更されてゆきます。YouTube検索で「wordpress block editor tutorial」「wordpress block editor」などの語で検索すると、その時々の最新に近い情報が得られると思います。

エクセレントな参考サイト (日本語)

いやぁもうメチャクチャわかりやすいです。参考にさせていただきます。平伏。