{"id":8233,"date":"2019-12-17T19:27:01","date_gmt":"2019-12-17T19:27:01","guid":{"rendered":"https:\/\/wordpress.org\/news\/?p=8233"},"modified":"2021-06-04T12:02:05","modified_gmt":"2021-06-04T12:02:05","slug":"state-of-the-word-the-story-of-the-slides","status":"publish","type":"post","link":"https:\/\/wordpress.org\/news\/2019\/12\/state-of-the-word-the-story-of-the-slides\/","title":{"rendered":"State of the Word: the story of the slides"},"content":{"rendered":"\n

During the State of the Word at WordCamp US 2019, Matt Mullenweg shared that Gutenberg was used to create his slides and the presentation was powered by the Slides plugin. Using WordPress to power a slide deck isn\u2019t an obvious choice, so we wanted to showcase the process and give some tips for making slide layouts using Gutenberg.<\/p>\n\n\n\n

This post is co-written by Ella and Tammie<\/a>, who (along with Mel<\/a>, Mark<\/a>, Enrique<\/a>, Q<\/a><\/em> and a cast of supporters) helped create this year\u2019s State of the Word slide deck.<\/em><\/p>\n\n\n\n

How it Started<\/h2>\n\n\n\n

Ella Van Durpe<\/a> was selected to speak at JSConf<\/a> and ReactEurope and wanted slides for her presentation. <\/p>\n\n\n\n

In the past, she\u2019d used Reveal.js to create slides and enjoyed the freedom to create anything using HTML, CSS and JavaScript. These languages were comfortable, familiar, and also can be published on the web in their native format. <\/p>\n\n\n\n

For these new presentations, she wanted to use Reveal.js again but didn\u2019t feel like writing all the HTML by hand. Creating blocks of content visually, without having to actually write any code, which can be published natively to the web, is exactly what Gutenberg was built for.<\/p>\n\n\n\n

The plugin was prototyped quickly, with hardcoded styles on the slides and zero options. At the end of each presentation, Ella shared a brief demo of the Gutenberg-based slides and the audience was amazed.<\/p>\n\n\n\n

\n

.@ellatrx<\/a> any chance you might open source this? \ud83d\ude42 https:\/\/t.co\/6hygMpBqUA<\/a><\/p>— Pascal Birchler (@swissspidy) May 23, 2019<\/a><\/blockquote>