Update #89 – Gutenberg Layouts and Blocks – the Tools for Bloggers and Site Owners and more.

Take a look at the listed Gutenberg Layouts and Blocks and combine them with new Gutenberg-ready Themes.  The Gutenberg 4.0 version has about 140 line items in the change log, some a major bug fixes, some are quirks finally fixed and some are changes necessary for the integration into WordPress core. We now have a Patreon page where you can become a patron of Gutenberg Times and support the work of your curator, Birgit Pauli-Haack. Josh Pollock, Raquel M Smith in conversations on YouTube, insights for food bloggers, attorneys, developers and site owners and many more voices from the WordPress community around the new editor – Your Update #89.


Become a Patron of Gutenberg  Times. 

Chris Wiegman was our first patron! Become one too! 

Table of Contents

Thank You to Pantheon

After six month start-up partnership with Pantheon, we are now looking for new corporate sponsors. We are very grateful to Pantheon for helping us during the start up phase and get some traction in the community. Beyond the generous financial support, the people at Pantheon have be incredibly supporting and encouraging: Big “Thank you” to Drew Gorton, Atoosa Hashemi, David Needham, Andrew Tayler, Dwayne McDaniel, Tessa Kreisel, and Steve Perch.


Gutenberg Development

What’s new in Gutenberg? (11th October)

New in 4.0:  Color the Overlay of a Cover Image

Call for Testing: Gutenberg 4.0 Pre-release

top

Getting Ready and Using Gutenberg

October 12, 2018 – Status: Gutenberg Stats Blog
What You Need to Do to Prepare for Gutenberg
Gutenberg & TinyMCE FAQ

top

Layout & Blocks #280Blocks

3 Gutenberg Block Collections that Show What’s Possible with WordPress’s New Editor

Themes for Gutenberg

Developing For Gutenberg

Let’s start building JavaScript plugins for WordPress
Styling the Gutenberg Columns Block

Photos from around the World

Featured image: Photo by dylan nolte on Unsplash

Gutenberg blocks go nested!

Updated November 16, 2018

Gutenberg has now a “Media + Text” block. We use it to announce today’s episode on YouTube. We saved it as a reuseable block so I can add it quickly to other popular posts on our site. It’s very easy to use and has quite a few settings for you to modify the look & feel to it.

Update October 8, 2018

“With nested blocks, you can set a template. When added a page, all the inner blocks are already displayed. You can lock the parent block so blocks inside never change.” 

Raquel M. Smith, who builds plugins for food blogs at WPTasty for a living, published a tutorial on creating nested blocks for developers. 

Igor Benic also published a post on the same topic: How to enable InnerBlocks in your Gutenberg Block

Update June 19, 2018.

The early iteration of nested blocks turn out to have a few issues. And some of them will be resolved when Andrew Duthie finishes his work on the pull request:  “Blocks: Render columns as nested column (wrapper)” 41172652-83195ff0-6b22-11e8-98eb-c417771c4c14 February 16, 2016

WordPress content creators have been waiting for it since Gutenberg was announced: nested blocks. You can now create multi-column layouts and include pictures and add other blocks into those columns. On February 6th, Andrew Duthie’s Pull Request (PR) was merged to the master branch of Gutenberg. The new version Gutenberg 2.2 was released today. Matias Ventura in his announcement for the new release, labeled this  particular features as “experimental” It would still need further work and has some browser hiccups. Keep this in mind when you start working with it

From the PR comments we learned: [Now there is] a new Columns block which behaves similarly to the Text Columns block, except that it allows insertion of blocks within the rendered columns.

We tested it earlier this week with the master dev build version on our local development environment. Here is a short view.

It still feels a little rough around the edges for different browsers or with the alignment on the front-end. Minor quirks that will be fixed in later iterations, I am sure.

For Developers

Developers building custom blocks can also use nested blocks and restrict the type of blocks that can be added to their block. For instance, a team member block can only have an image, a heading and a paragraph, but the user would not be able to add an embed block or a gallery block.

Andrew explained the various API changes for nested blocks as well as the limits for this first iteration of nested blocks in his comments from February 6th. 

Courses for Developers - JavaScript for WordPress with Zac Gordon
Check ’em out now!

📢 Now on available: Advanced Gutenberg Development  📢

Photo by Dmitri Popov on Unsplash

Update #88 Release schedule WordPress 5.0 + Gutenberg Reusable Blocks and so much more

Matt Mullenweg announced the leadership team responsible for the Gutenberg merge into Core and become the default editor. Gary Pendergast updated the release schedule.  The team aims for Nov 19, 2018. Riad Benguella posted a technical overview for the Gutenberg integration. Gutenberg adoption has grown to over 510K active sites using it. Enhanced reusable blocks are Gutenberg 3.9 killer feature: select multiple blocks and put them into one reusable block, then export and import. And 73 more change log items. Remaining task for Gutenberg developers before heading into the Core merge proposal. An comprehensive guide as an eBook, Blocks galore and more developer tips for building blocks. It’s a big round-up again. Enjoy the week!

Source: Gutenstats.blog – recorded Oct 4, 2018 at 18:19 pm EDT

Table of Contents


Gutenberg Development News

A Plan for 5.0
Proposed WordPress 5.0 Scope and Schedule
Technical overview of Gutenberg integration
What’s new in Gutenberg?
An Update on Gutenberg Tasks
WPWeekly Episode 331 – Status Update on Gutenberg With Gary Pendergast
Gutenberg nightly build

YouTube Live Shows

Gutenberg Times: WordPress Gutenberg Tips & Live Q & A
Set your reminder and join me on October 12th, 2018 at 2 pm EDT (18:00 UTC)

top

Using Gutenberg


Jen Roventine  & the team at Modern Tribe published a comprehensive guide to the new block-based editor, with clear explanations of the major changes, and a step-by-step checklist to prepare your site for Gutenberg. 👏


top

Blocks Galore #280Blocks

WordPress Theme and Plugin Shops are Pioneering the First Layout Blocks for Gutenberg

top

Building Blocks

How to Create Nested Blocks for Gutenberg

Learn JavaScript, ReactJS, Gutenberg Theme and Block development

Wes Bos, long time JavaScript educator

Zac Gordon, WordPress teacher par excellence

top

Photos from around the World

Curated information on Gutenberg – the new, modern publishing experience in WordPress by Birgit Pauli-Haack 
For developers, consultants, content creators and site admins

Show Notes: Keeping up with Gutenberg (Video)

With weekly or bi-weekly releases, plus changing APIs, how can anyone try keeping up with Gutenberg development?  To explore this issue David Needham and I hosted a live Webinar as part of Pantheon’s Gutenberg Webinar Series.

We were already in Belgrade, Serbia, for WordCamp Europe. In the webinar,  we discussed how best to keep up with the Gutenberg development. We also explored a few implementation strategies for site owners and content creators. And of course we talked about Gutenberg Times and my approach to curating all information and community voices addressing the new WordPress publishing experience.

The webinar took place on June 12, 2018. Quite a few things have changed since then. I added some notes for the particular respective sections.

We started out with “Why” it is so important to keep up with Gutenberg Development:

  • It’s a feature that soon will be on WordPress Core.
  • To make sure website will work with Gutenberg it needs to be tested and to become familiar to the user.  
  • As Developers, it’s time to prepare your plugins and themes for your users’ new publishing experience.

What is Gutenberg

And we took a step back and discussed “ What is Gutenberg?” and “How can people try it?”.

David warned our listeners not to try it out on a live site because it is still in beta. Instead, they  should host a copy of their site on Pantheon’s service for staging. And that is free of charge! Although it sounds scary, it is actually easy to get a copy of a site up and running on Pantheon. These instructions will help you.

David asked me about two “origin stories”. First: How I got started with WordPress when looking for a new content management system to support 40 nonprofits in our community. And second:  The origin story of Gutenberg Times.

Because of my experience 8 years ago seeing content creators in amazement as they embraced WordPress, I know the 2018 content creators will embrace the new publishing experience called Gutenberg.

You can read the orgin story of Gutenberg Times in an earlier interview by Drew Gorton on the Pantheon Blog. Pantheon has sponsored Gutenberg Times almost since the beginning. And I am very grateful for their generous support of my work

David Needham and Birgit Pauli-Haack

How can you try keeping up with Gutenberg development and WordPress?

Social Listening / Feeds / Discovery

I use Brand24, one of the most powerful social listening tools available. It gives me all posts on the various social networks, and on the web and YouTube, around keyword “Gutenberg”. It finds all the blog posts of developers, bloggers and companies that don’t have a large distribution network, but whose voices are worth listening to.

Gutenberg Developers meeting on Slack

Every Wednesdays at 9 am ET ( 13:00 UTC) the developers and contributors to Gutenberg meet on Slack channel #core-editor for their team meeting. The team discusses upcoming releases, pull requests, and new issues on GitHub.

Note: A couple of months ago the team decided to move the GitHub feed into two channels #core-editor-firehose and #core-editor-commits.

Gutenberg Plugins Compatibility Project

Daniel Bachhuber developed an initiative to crowdsource testing plugins for compatibility. People could test plugins by setting up a test environment, installing Gutenberg automatically, and then testing just that one plugin. They could also install it automatically on that staging site to see if it breaks or makes the plugin. The tester then filled out a form and selected “is compatible”, “is likely compatible”, or “not compatible”.

Note 9/17: The project is now discontinued as of August 31, 2018.  During this project Bachhuber learned that 5,000 plugins of the 60,000+ had more than 5,000 active installs and about 85% of those, will continue to work when Gutenberg comes out since they don’t touch the editor. Of the 5,000 plugins that were fed into the project, around 900 where tested and 86% were “compatible” or “likely to be compatibile”, with about 7 or 8 % “not compatibile”.

Known Issues with Themes and Plugins

Information about issues with Gutenberg is highly fragmented around the WordPress universe: Apart from the 800 issues (June 18, now ~1,200 Sep 18) on Gutenberg Github repository, some of the pertinent information is in the support forums on wordPress.org, and some is on various websites of premium plugin companies. For Themes there is less as most Themes will work with Gutenberg out of the box. On Gutenberg Times there is a running list of known conflicts with Gutenberg  

Gutenberg Migration Guide

David directed our listeners to Daniel Bachhuber’s Gutenberg Migration Guide with a table showing the current method vs new methods to accomplish certain programming tasks.

It mainly documents things that are different, but includes a section of those for which there is no equivalent solution (yet) for the Gutenberg editor. Big plugin opportunities here!

For instance the action around the post submit box equivalent is called PluginPostStatusInfo”

How to get started with Gutenberg Testing

After this detour into the weeds, David and I discussed how best to get started with Gutenberg. My tip is to spin up a staging site, install Gutenberg, try to recreate more complicated blog posts, and see how that goes. Use the Gutenberg blocks and see what works and what doesn’t work. If you have time you could create a Github issue of things that don’t work.

Gutenberg at WordCamp US 2017

David remembers that he sat in the audience of the Matt’s State of the Word at WordCamp US 2017 and saw a real life demo of Gutenberg. That’s when it became real for him. And he felt that he wasn’t the only person for whom that was true. At WordCamp US I felt that the mood was shifting for a lot of people. Some of them saw Gutenberg for the first time. Until then, they had only heard the noise in the Community. During Q & A the attendees expressed very specific concerns and also a lot of excitement.

What’s a good avenue for people to communicate feedback?

  • Write a blog post about your experience.
  • Create a GitHub issue that would be particularly helpful.
  • Write a support ticket or a Review on the WordPress.org plugin repository of the Gutenberg plugin.
  • Whatever you choose to do, keep it civil, be kind, don’t belittle, and be specific.

David & Birgit at WordCamp Europe 2018

David asked me what I expect from WordCamp Europe regarding Gutenberg, and I said I was eager to meet many developers on the Gutenberg team face-to-face and connect with them at Contributer Day – WordPress’ workday for volunteers on various teams. And of course I was curious what Matt Mullenweg had to say about the progress on Gutenberg.

David shared with me that he is a contributor on the Training team, and had started thinking about training material for Gutenberg users. He was also a speaker and introduced his audience to Drupal, the other open-source content management system. He talked about why someone would choose Drupal over WordPress for a project, how our communities are similar, and where there is a lot of crossover.

Online Courses and Resources: ReactJS and Building Gutenberg Blocks and more.

We also explored common questions:  “How do I learn React” or “Do I need JavaScript?” Future WordPress developers won’t be successful without JavaScript, and I recommended a few online courses:

Developer Resources on Gutenberg Times

David pointed out that VIP team also provides a lot of free resources such as Gutenberg Ramp Plugin and free online video series about converting Custom Post Types to Gutenberg, plus the same for  CMB2 and ACF.

What happens with my content when I enable Gutenberg?

One of the audience questions was about existing content and what happens to it when Gutenberg is enabled. Nothing happens to existing content. Gutenberg is only the editor. It doesn’t do anything to your blog posts and pages unless you want it to.

Gutenberg will load old content into the Classic Block which looks like the TinyMCE window now.

There is also an option to convert the content to blocks. The converter does a fairly nice job, but make sure you have revisions enabled and have a backup. And remember, unless you chose to convert the content to block, Gutenberg will not touch it.

Do I need to learn React or Gutenberg blocks?

Another listener asked if she needs to learn React to create Gutenberg Blocks. Micah Wood published a blog post with the same title and simply answered “No”.

There are multiple ways to create Gutenberg blocks without React, and you can register them in PHP.  But I caution you that you won’t be able to do all the complex things with Gutenberg and blocks without knowing at least a lot of JavaScript. The Gutenberg development team has extracted everything about React into WordPress methods and objects in JavaScript. JavaScript is definitely helpful.

That was the end of the Webinar. David and I covered a lot of ground, and this recap is now way longer than I had hoped.

Big Thanks to Pantheon for inviting me to be part of the webinar, and thank you so much to David for being a wonderful co-host of this event.

20 Gutenberg Talks On WordPress TV

This is a collection of WordPress.TV videos about Gutenberg. They are recordings of talks, presentations or workshops at WordCamps around the world. Here we publish those in englisch language. You’ll find similar talks in other languages to on WordPress.TV. Not every video is for all users, so we divided them up into various sections. Click on the link in the Table of Contents to reach the section more relevant to you. If you do know nothing about Gutenberg, here is a links to a demo.

Demo: What is Gutenberg?
What is Gutenberg? An overview of the features and benefits of Gutenberg, the new block-based editor for WordPress 5.0.

Table of Contents


Architecture and Vision

Matt Mullenweg: A Summertime Update – Keynote and Q&A
A 50 minute session with Matt Mullenweg, co-founder of WordPress: it includes a 30 minute keynote, followed by and 20 minutes of Q&A from the audience.

See also here for transcript: Matt Mullenweg announced Roadmap for Gutenberg Roll-out – bph

Kevin Killingsworth – Gutenberg: What You Need To Know
Gutenberg is the next editor for WordPress. Designed from the ground up for usability, it brings big wins for users of WordPress along with some great possibilities for plugin and theme developers. Simplifying shortcodes and visual editing are just the beginning! See what is possible with the Gutenberg editor today and where the future can lead! Kevin will lead you through a jaunt of how to use Gutenberg right now, and show how you can get involved today! Presentation Slides » 49:28 min

Matías Ventura: Beyond Gutenberg
This talk explores the principles behind some of the original decisions behind Gutenberg. What does it mean to build around HTML and treating the user’s content as the privileged actor? How does Gutenberg work internally to power the editing experience? This talk dives on the technical side of the project and its implications for democratizing publishing.
Presentation Slides 46:32 min

Tammie Lister: Anatomy of a block: Gutenberg design patterns
What are the little blocks made of? In this deep dive into Gutenberg’s design patterns, we’ll start looking at existing Gutenberg blocks, taking you through the design patterns used. From there, you will learn how to harness these patterns and use them to create your own blocks. Learn how to design a block the right way, and build on the strong design foundations within Gutenberg.  Presentation Slides » | 32:51 min

Marcel Bootsman: Meet Gutenberg, the future of WordPress publishing.
There’s something new on the way for WordPress. The editor as we know it is about to be replaced by a thing called Gutenberg. After this talk you will be inspired to try/test Gutenberg a day possibly contribute in giving feedback, asking questions or even add some pull requests. Presentation Slides

Brandon Payton: Gutenberg: Changing the Landscape of the Open Web
Gutenberg transforms how we think about content in WordPress and will ship with WordPress 5.0. In this session, we’ll discuss what Gutenberg is, why we need it, and where it is today. Finally, we’ll look at where the community is taking Gutenberg, including major improvements to site customization. Presentation Slides »

Andrew Roberts: The What and Why of Gutenberg
Learn the history and design philosophy behind Gutenberg, the new editor in WordPress, from one of the Gutenberg team members. Find out how it relates to TinyMCE and when you can expect to see it in WordPress Core. The talk will include demo and update on the progress of Gutenberg.

Niels Lange: Gutenberg for Modern Editing
Learn about Gutenberg, the new editor that is coming to WordPress!

Morten Rand-Hendriksen: Gutenberg and the WordPress of Tomorrow
“What do I need to learn to become a WordPress developer?” This question pops up in forums, social media, and everywhere else on a daily basis. I think a better question is “How do I prepare for a future that looks nothing like the status quo?”. Tech is changing at incredible speed, and what we consider important skills today may be meaningless a year from now. This talk is a discussion of what technologies are on the horizon, how the web and the internet will change, and how we can all prepare for a future with or without WordPress

Matt Mullenweg: State of the Word 2017
The State of the Word is the annual keynote address at WordCamp US, presented by the co-founder of WordPress, Matt Mullenweg. In this year’s address, Matt summarizes the highlights of 2017 — including the 4.8 and 4.9 releases — and previews what we can look forward to in 2018 ( spoiler: it’s Gutenberg ) Presentation Slides (Gutenberg part starts at 34:00 min )

top

Block Development

Chris Van Patten: “Decisions, not Options” in the Age of Gutenberg
Gutenberg will usher in an era of unprecedented customisation for non-technical users and editorial teams. It’s incredibly exciting… and simultaneously terrifying. In this talk, you’ll learn strategies you can employ—code snippets, training tips, and UX improvements—that you can use to ensure users have all the customisability they need, without the risks and downsides. Chris published the slides on his blog – 41:32

Denis Snell: Extending Gutenberg – We’re not in PHP anymore
In this talk we’ll discuss how the Gutenberg editing model differs from the traditional WordPress flow and what implications that has on people wanting to augment and transform content. We’ll also take look at new possibilities for enhancing the editor itself with interactive controls and integrations into external services.
We’ll focus on what this means to the developer writing new plugins or updating existing ones to support and enhance the editing experience, what we can now do that we previously couldn’t, and how the application design guides extensibility. 37:43

Josh Pollock: Gutenberg Block Basics
It’s time for WordPress developers to start thinking in blocks. Sounds great, but…

  • How do you create a block?
  • How deeply do you need to know JavaScript to create a block?
  • What hooks will you use?
  • What are the types of blocks you can build?
  • Where can we save our blocks data?

Get answers to these questions, with example codes and lots of links to learn more. This is a talk aimed at intermediate to advanced developers, who already know JavaScript somewhat deeply. If you’re wondering what it means to build a custom block or extend a core block, this talk is for you. Learn what the new WordPress way of extending the post editor is and what cool things you can build with it. Slides 1:04:09 hr

Eric Debelak : Getting Started with Gutenberg Blocks
So you’ve probably heard about Gutenberg, but how do you start building your own Gutenberg blocks? We’ll cover tooling and the basics to create simple blocks. I’ll also walk through a simple example to help attendees feel comfortable enough to get started.  Slides & Code 35:22

Eric Debelak: Creating Advanced Gutenberg Blocks
Gutenberg is so new and comes with many built-in blocks, but how do you create interactive, dynamic and advanced Gutenberg blocks? We’ll cover topics like API calls to 3rd party services, server side rendering, advanced settings, using custom React components and other topics to help attendees start making advanced Gutenberg blocks. Slides & Code  54:52 min

Kevin Dees: Coding Gutenberg Blocks
In this talk we will cover what Gutenberg blocks are, how to start programming them, and answer the question “Is Gutenberg really the future of WordPress?” Presentation Slides »

AWP Gutenberg Interview Series with Ahmad Awais
This is the first of FOUR interviews we are doing in February 2018. This series is focused on the upcoming new block-based editor coming to WordPress 5.0, named Gutenberg. In this second interview, we chat with Ahmad Awais. Ahmad has created two different tools for development with Gutenberg. A Gutenblock boilerplate, and a new Toolkit.

Sidenote: If you feel you need to level up your JavaScript and React knowledge:

Wes Bos,
long time JavaScript educator, published two courses: very affordable React For Beginners and a free JavaScript 30 course.

Zac Gordon
, WordPress teacher par excellence, published the Learn JavaScript Deeply Course and Gutenberg Block Development Course.

top

Getting Gutenberg-Ready: People, Plugins, Sites

Lauren Etheridge and Miles Elliott: The Blockenspiel: Tackling Gutenberg Development
In this talk, we will cover how the central IT web team at NC State reworked development processes and tools to fit within a GutenWorld. We will discuss changing coding practices, new vocabulary, and cross-departmental collaboration all coming together in a campus-wide Blocks plugin. Attendees of this talk will come away with strategies for adapting to change and working collaboratively, as well as a framework for developing a set of blocks for your campus.  | 58:03 Min

AWP Gutenberg Interview Series with Joost de Valk
This is the first of FOUR interviews we are doing in February 2018. This series is focused on the upcoming new block-based editor coming to WordPress 5.0, named Gutenberg. In this first interview, we chat with Joost de Valk, founder of Yoast.com about how he and his team are preparing his pluins for Gutenberg. There is a 25 minutes interview, followed by an AMA section from our AWP members.

top

Content Creators & Business Owners

Kojishi Dae: Gutenberg Basics
Getting started using Gutenberg for content creators and business owners. Where Gutenberg originates from, what’s it good for, how to take advantage of it and which latest features should be used at your own risk. Presentation Slides »

Monique Dubbelman: Meet Gutenberg – the new publishing experience for WordPress
With the release of WordPress 5.0, users will encounter a whole new publishing experience in WordPress. The classic editor that we’ve used for the past 14 years, will be replaced by something revolutionary: meet Gutenberg! Will you see a big difference and will it affect your everyday workflows? The answer is yes! However, it is nothing to be afraid of. In this talk, you will find out what potential opportunities Gutenberg brings to WordPress in the near future. In this talk, which includes a short live demo, you will learn a brief overview of the possibilities of the new editor, what it means for your current installed theme and plugins and how you can contribute.

WP Buffs
Affiliate link

top

Update #87 FAQ on WordPress 5.0 release, Gutenberg around the World. And Blocks, so many Blocks

Find below an FAQ block, courtesy of Yoast SEO, with a highly speculative idea on when we might see a WordPress 5.0 release. Gutenberg 3.8 was released, and 3.9 RC is available for testing. The WordPress.com roll-out started.  Gutenberg was not only topic at WordCamps in New York and Valencia, but also at Drupal Europe and at #ONA18 the Online News Association conference in Austin, Texas. Check out the photos from around the World. Also find more Blocks for your website and resources to develop your own blocks. Happy Monday! — Birgit  💕
PS: CU at my next “Secret Gutenberg Tips and Q & A for content creators and bloggers” show on YouTube on September 28 at 2pm

Table of Contents


Building Gutenberg

Google Calendar of Gutenberg Live & Webinars.

If you know other webinars and Google Live shows, send me an email to pauli@gutenbergtimes.com and we add them to the calendar!

Secret Tips for Guteberg 9-28-Birgit Pauli-Haack
Get yourself a reminder!

top

FAQ about Gutenberg release into WordPress Core

When will WordPress 5.0 be released?

No-one knows. When Gutenberg is ready. Are some common answers. And I don’t know anything else. 

The official WordPress 5.0 release page has not been updated since November 2017 and features lot of “TBD”s.  We need to wait for a public discussion of the merge proposal once that’s accepted, a Kick-off Meeting will be scheduled.

I estimate that we will see a 5.0 Beta 1 version Mid November just in time for WordCamp US. Matt Mullenweg, co-founder of WordPress and CEO at Automattic, might include lessons from the merge proposal in his annual “State of the Word” (STOW) presentation. After that we might see a 5.0 Beta 2 Mid December just before the holidays.  Everyone will be out until Mid January. We start again with Beta 3 and Beta 4 . The RC 1 might arrive at the end of February 2019 with a final release in March 2019. For our company planning we will wait with upgrades and training of content creators until 5.0.2 or 5.0.3 are out. Planning-wise that brings us to Summer 2019.

I might be totally wrong. I have no particular insight into the planning. I follow #core and #core-editor meetings on Slack, read GitHub issues and check on the progress of milestones.
Mullenweg quote during Q & A Gutenberg Roadmap

When will Gutenberg be the default editor

The plan is to release Gutenberg in WordPress core with the release of the Version 5.0. WordPress 5.0 is a major release and the roll-out will not happen automatically. Companies offering managed WordPress hosting will test the new release for a period of time before they upgrade clients’ sites to the version.

If you feel for any reason, that your site won’t be ready for Gutenberg yet, you can install the plugin called Classic Editor to keep the current editor running on your site.

For more granular control over which content and post type is edited with Gutenberg, you’ll find 16 Methods to avoid Gutenberg editor, when it becomes available in WordPress 5.0
Photo by rawpixel on Unsplash

top

Using Gutenberg For Content Creation

WP Buffs
Affiliate link

top

#280Blocks – Gutenberg Blocks

top

Developing for Gutenberg – Blocks

Zac Gordon offers two online course for developers and designers:

  1. Gutenberg Block Development
  2. Gutenberg Theme Development
Courses for Developers - JavaScript for WordPress with Zac Gordon
Check ’em out now!

📢 Now on available: Advanced Gutenberg Development  📢

top

Photos from around the World

View this post on Instagram

Gutenberg empowering going on #wcsac

A post shared by Jose Castaneda (@jmcasta85) on

top

Photo by Susan Holt Simpson on Unsplash

Update #86 Gutenberg Blocks & Themes for your WordPress site

This week, I focused on custom blocks and how to make your current theme ready for Gutenberg.  We also collected a few more posts and tweets from the community about using Gutenberg. The mood shifts. 🚀And a new Gutenberg version 3.8 was released, with Full Screen mode, faster parser, improved Drag & Drop, editor styling for themes, and many, many more fixes. 🐛🇬- Share your discoveries in the comments!  — Birgit

Continue reading “Update #86 Gutenberg Blocks & Themes for your WordPress site”

Gutenberg Times + Pantheon: Spreading the Guten Word

Originally published by Drew Gorton, Director, Developer Relations in June 2018 on the Pantheon Blog

One of the things I love about my role is the opportunity I have to get to know so many great people in the WordPress and Drupal spaces. Occasionally, I’m also in a position to collaborate with them on a project they’re working on. Birgit Pauli-Haack and the Gutenberg Times are a wonderful example of both. Pantheon is delighted to announce that we are sponsoring the Gutenberg Times in its mission to share news and updates related to the new Gutenberg editor coming in WordPress 5.0.

We first discovered the Gutenberg Times as an audience. Andrew Taylor was working to get up to speed on all things related to Gutenberg and he kept seeing good summary posts from the Gutenberg Times’ Twitter handle. Fast forward a bit and we realized that we were in a position to help support the Gutenberg Times.

If you’re also interested in these big, exciting changes coming to WordPress 5.0, subscribe to the Gutenberg Times Weekly Newsletter and check out our own Gutenberg Webinar Series. Read on for more insights into the project and person behind it!

Interview with Birgit Pauli-Haack of Gutenberg Times

Drew: Starting off, let’s make sure we have your name right. How do you pronounce Birgit?

Birgit: Sure. It’s two things developers love together: “Beer” + “Git”.

Drew: Oh, ha! Wow, that is easy to remember… which may say too much about me. Well, BeerGit, why did you build this site?

Birgit: In the time-honored open source pattern, I scratched a personal itch. While watching the demo video at last year’s WordCamp Europe, I saw the future of WordPress very clearly. I wanted to learn as much as possible about Gutenberg, the genesis of it, the bigger ideas behind it, and the road ahead. So I collected the blog posts, tweets, videos, etc. Given my excitement, I was surprised how many negative voices were out there, especially early on. I wanted to do something to offset that and highlight the positive voices and nuanced opinions as well.

In December 2017 at WordCamp US, after presentations by Morten Rand-Hendrickson and Matias Ventura (starts at 35 minutes), the mood shifted considerably. By then, I had done over 30 weekly or bi-weekly round-up posts. I was about to get really busy with a lot of voices chiming in about Gutenberg.

Drew: What excites you most about the new Gutenberg editor?

Birgit: The answer is two-fold: I started building websites because I wanted to put content on the web that was missing on the German Internet at the time. This was the late 1990’s and web content management systems didn’t exist yet, so I had to hand-code my navigation, pages, links, everything. So I know the pain of a content creator through all these generations of the web and we still haven’t solved the WYSIWYG idea that people know from Desktop Publishing, MS Word, or Adobe Insights. The proliferation of page builders for WordPress illustrated the need. Their implementation, however, is clunky and hazardous. Despite WordPress being an open system, most page builders and Themes lock you in. You might as well use Squarespace and Wix, get better support, and surrender to the fact that you have to rebuild your site from scratch if and when you want to leave those systems.  

Gutenberg is the first editor that makes WYSIWYG possible in native WordPress. And it’s so elegant and beautiful. It takes technology out of the process of creating visually attractive content. It seems to hide all the difficulty a content creator encounters when writing for the web—the image positioning, the copy/pasting from Google Drive, the way you can highlight paragraphs, sharing blocks. Instead of knowing HTML or configuring yet another plugin, I just grab the button block, add the URL, and give it a nice color. It is a joy to work in Gutenberg every day. Your content not only shines on the desktop, but also on mobile,tablets, and phones. Yes, it’s still rough around the edges, but that’s to be expected. This is a ground-up re-imagining of the web WYSIWYG and that’s a huge task. It’s also not released yet and it keeps getting better.

The other piece of the answer is that it’s built in a modern JavaScript framework, ReactJS. It’s fascinating how that space has evolved over the last 8 years. I am excited to learn JavaScript for the 3rd time. Learning ReactJS and ES6 is a great joy. I understand the theory and mechanics how blocks, shared blocks, and block templates will make a lot of things easier to build… once you are past the—admittedly huge—learning curve. I can’t wait to finish my first React/WordPress website.

Drew: Fantastic. I agree; I think Gutenberg and WordPress 5.0 will unlock new growth for WordPress and the Open Web. I’m looking forward to that future! In the shorter term, I’m also looking forward to our upcoming Gutenberg webinar with you and David, right before WordCamp Europe!*

Birgit: Yes, that will be fun! WordCamp Europe will be great. I’m really looking forward to the rest of the Gutenberg webinar series as well. Thank you for making all the recordings available!

On a personal note: Pantheon’s support of Gutenberg has made the project sustainable and enjoyable for me. A huge ‘Thank You’ to the whole Pantheon team for supporting my work at Gutenberg Times.

* 8/29: The webinar is now available on the Gutenberg Times YouTube Channel

Update #85 Using Gutenberg, Finding Blocks and more

This week, I collected a great array of useful information for just using Gutenberg and finding blocks for your content creation process. See a VR (Virtual Reality) image block in action, find blocks in a public directory and read more about using Gutenberg for your storefront. Also, some voices from users and their successful transition to Gutenberg for content creation or revamp of their websites. I also found a few secret tips for power users. The next version 3.7 will come out tomorrow. Help testing the pre-release and grab the zip file from the Test Make Blog.

Table of Contents

Developing Gutenberg

WordPress to Support Classic Editor for “Many Years to Come,” Plugin and Theme Markets Expected to Drive Gutenberg Adoption

top

Using Gutenberg

Corrections:
## gives you a H2 heading, ### an H3 Heading
1. + space starts an ordered list.
Gutenberg Contributors Considering a “Focus Mode” for Writing

top

#280Blocks and Block management

See it in action on my personal blog
Distributor publicly released with Gutenberg support and Enterprise service offering

top

Developer & Designer resources

Gutenberg Categories
Courses for Developers - JavaScript for WordPress with Zac Gordon
Check ’em out now!

📢 Now on available: Advanced Gutenberg Development  📢

top

Photos from around the World

Photo by Steve Johnson on Unsplash

Update #84 – 200k active Installs, WordPress user voices, more Gutenberg blocks, and more developer resources

Roughly two weeks after the WordPress 4.9.8 release with the “Try Gutenberg” call-out in the Admin Dashboard, the Gutenberg plugins has now 200,000 active installs. People are using it and are providing feedback. Before the release the GitHub repository shows approximately 700 open issues and per this writing that number has grown to well over one thousand.  Friday, was release day for Gutenberg: the team issues 3.6, 3.6.1 and 3.6.2, within 5 hrs.

Continue reading “Update #84 – 200k active Installs, WordPress user voices, more Gutenberg blocks, and more developer resources”