WordCamp US 2019 で行われた マット・マレンウェッグ (Matt Mullenweg) 氏による State of the Word (訳注: マット・マレンウェッグが毎年行う基調講演) の中で、プレゼンテーションに使用したスライドが、Slides プラグインを使用した Gutenberg で作られていることが明かされました。WordPress を使ってスライドを作成するのは誰にでも当たり前の選択肢とは言えないので、この記事では、その過程を紹介し、Gutenberg を使ってスライドのレイアウトを作成するためのコツを提供したいと思います。
この記事は エラ (Ella) と タミー (Tammie) の共同執筆によるもので、2人は今年の State of the Word スライドの作成に (Mel、Mark、Enrique、Q 、そしてサポーターとともに) 協力しました。
はじまりの経緯
エラ・ヴァン・ドゥールプ (Ella Van Durpe) が JSConf と ReactEurope で登壇者として選出され、プレゼンのスライドを作りたいと考えました。
過去には Reveal.js を使ってスライドを作ったことがあり、HTML/CSS/JavaScript を使って何でも作れる自由さを楽しく感じていました。エラにとってこれらの言語は使いやすく、手慣れていましたし、ネイティブな形式で Web に公開することができるからです。
スライドデザインのインスピレーションは、Blue Note のアルバム・ジャケットから生まれました (2011年の State of the Word スライドのインスピレーションでもありました)。これらのアルバム・ジャケットは、WordPress コアの最近の “About” ページと、新しい Twenty Twenty テーマのスターターコンテンツに影響を与えました。このスタイルは、力強く幾何学的な形状と、明瞭なラインのシンプルなフォームで構成されています。写真と大胆なタイポグラフィは、この意匠の本質です。