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

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

若干(だいぶ?)ディレイが掛かった感じではありますが;

  • 概要:旧エディターからは隔世の感
  • ナイスなチュートリアル動画×3 (英語)
  • エクセレントな参考サイト×2 (日本語)

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

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

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

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

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

WP5.3で、まさに従来の「かゆいとこ」に手が

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

いよいよ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」などの語で検索すると、その時々の最新に近い情報が得られると思います。

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

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

※ 2020-07-01, 07-10 追記

現時点の最新版は WordPress 5.4.2 で、ブロックエディターも 5.3 から更に磨きがかかっています。

お役に立ちましたら、シェアしていただけると嬉しいです😀

はてなブックマークに追加Add
クリップボードにコピーCopy URL
Author

林@零細Web屋

名古屋の自営業者(フリーランス11年目)です。中小/個人の事業者さんが抱えるお悩みの解決・目的達成のお役に立てるよう、Webサイト制作&運用支援を行っています。かつて中小企業で情報システム・広報・採用などを担当していた経験を活かし、受け手の目線に立った仕事を心がけています。

» プロフィール詳細 » 問い合わせてみる