June 21, 2020 — Learn the principles of Atomic Design. Reframe your perception of content as pages and posts to work with it in the newer context of blocks. Extend this mindset to utilize the potential of Gutenberg as it is now, and where it might be going in the future.

Presentation Slides »

June 19, 2020 — The New York Times release of Snowfall in 2012 took the web industry by storm. Media-rich and captivating, its design evoked wonder, fear, and desperation in the face of an avalanche. Snowfall was one of the first great art-directed digital experiences in this era of the modern web.
Art direction isn’t a new concept, though. Look at any magazine or print publication—designers have long been creating evocative media experiences. Recent web technologies have made the dream of unconstrained art-directed experiences on the web possible. In this talk, Mel will explore how we can use the new WordPress editor, Gutenberg, to create gorgeous art-directed websites.

June 18, 2020 — In this talk, we’ll discuss the principles of Atomic Design, how to stop thinking of your content as “”pages”” and “”posts”” in favor of the concept of “”building blocks,”” and how to extend this mindset to utilize the potential of Gutenberg as it is now, and where it might be going in the future.”

Presentation Slides »

June 17, 2020 — For a long time, the ability to create powerful and dynamic web experiences rested in the hands of developers. Even something as simple as adding a call to action in the middle of an article could be a confusing process.

The recent release of the Gutenberg editor for WordPress, however, blows wide open the capability for editors themselves to create engaging content without needing to rely on unintuitive menus or painful workflows. At this talk, we will look at a few projects we’ve built using Gutenberg and discuss both the advantages and challenges of this new editor.

Presentation Slides »

June 12, 2020 — Apprendre à faire son premier patch sur le projet Gutenberg en utilisant GitHub, avec Riad Benguella

June 9, 2020 — 隨著古騰堡(Gutenberg) 編輯器的推出，有越來越多開發者跟開發商投入開發各種不同功能的區塊，但是若你原本不熟悉 React 這套 Javascript 框架，開發古騰堡區塊的學習曲線相對來說還是高了點。新版的 Advanced Custom Fields(ACF) 讓你在不用學習 React 的狀況下，打造出屬於自己的古騰堡區塊，讓你的後台擁有全新的使用者體驗。 這次的分享會使用一個實際的案例來跟大家說明，在過去古騰堡尚未推出前，如何使用 ACF 來開發一個客製化的網站和後台編輯界面，以及如何將這樣的網站轉移到以古騰堡編輯器加上 ACF Block 為主的編輯體驗。

June 5, 2020 — This lightning talk was an exploration of the operational and technical journey behind editorial commerce for the Airstream Supply Company.

June 5, 2020 — With the introduction of the block editor, the WordPress ecosystem and editing experience has shifted, particularly for teams who were deeply familiar with the Classic Editor and had workflows and tooling designed around that. With editorial under pressure to continue producing content, it can be tough to put together a plan to move your site, especially if it’s a large site, over to the new editor.

In this talk, we explored the migration path to Gutenberg at a high level and some strategies for making the transition as seamless as possible. We also drilled down and got tactical, with tasks that development and editorial can work on together. These included an audit of existing components and workflow and making a plan for how these might be implemented in the new editor.

By the end, everyone had some strategies for helping their team transition to the new editor and take advantage of all Gutenberg has to offer.

Presentation Slides »

June 2, 2020 — The pre-Gutenberg editorial experience in WordPress leaves much to be desired. There is the ostensibly what-you-see-is-what-you-get content editor that is invariably augmented with meta-boxes to collect additional information about how the post should be displayed, including content that appears above or below the post body, or in a sidebar, or inserted into the post’s metadata. There are two primary problems with this approach—it is necessarily non-visual, and relies heavily on using post previews to understand what the published post will look like; and it is rigid, because PHP templates control what appears where outside of the free-form content editor. Gutenberg, properly utilized, solves both of these problems by bringing content into the primary editor flow as blocks which can be fully visualized and re-ordered, allowing content editors to see and understand what a post will look like and how it will behave before publishing, without needing to continually refresh a post preview.

This talk discussed how developers can support content editors and publishers by moving away from meta-boxes to custom blocks and post-level metadata. I explained how to think Gutenberg-first during design and development, and showcased examples of these approaches in practice.

Presentation Slides »

June 1, 2020 — Monisha Varadan interviews Matt Mullenweg in an open discussion around WordPress, Gutenberg, Distributed Work, and more!