+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: WordPress for iOS and Gutenberg Don’t Get Along

WPTavern: WordPress for iOS and Gutenberg Don’t Get Along

When it comes to editing and crafting content on the go, the WordPress Mobile apps are a good choice. The question is, how does the editor in the iOS app interact with content written in Gutenberg? Let’s find out.

Quick Edits Turn Into Lengthy, Frustrating Fixes

For testing purposes, I used a simple scenario that many users may run into. I’ve written and published a post in Gutenberg using paragraph, unordered lists, and image blocks. I then used the WordPress for iOS mobile app to access the post, correct a typo, and save it. The goal is to see if content is effected by saving it in a different editor.

Here is what the content looks like written and published in Gutenberg.


Content Written and Published in Gutenberg

Here is what the post looks like in the iOS app. It displays what appears to be Comment shortcodes at the beginning of each paragraph.


Gutenberg Content in WordPress for Ios

After correcting a typo and saving the changes, this is what happened to the post. As you can see, what was supposed to be a quick fix has turned into a lengthy process of fixing the entire article in Gutenberg.


Content Written in Gutenberg After Editing in the WordPress for iOS App

All of the content runs together as one giant block. To say that this is frustrating is an understatement, especially if you’re on the road and don’t have access to a desktop or tablet that can load the WordPress backend. 

Here is what the content looks like in Gutenberg after saving the edits in the iOS app. There are large gaps and a few of the blocks have warnings stating that they appear to have been modified externally.


Content in Gutenberg After It Was Edited in the WordPress for iOS App

Clicking the convert to block buttons turns the messages into blocks but it doesn’t return the formatting and in some cases, content goes missing. Before editing in the iOS app, this block contained a quote with a citation. Now it’s empty.


Quote Block Is Missing Content

WordPress has post revisions so I was able to quickly restore the breaking changes introduced by the iOS app. But this user experience between Gutenberg and the WordPress for iOS app is a great example of how something so simple can easily turn into a perceived disaster by users and ultimately, tarnish the new editor’s reputation.

Searching the Gutenberg repository on Github for iOS produces some results, but none refer to the compatibility issues I experienced.

I found out the hard way and will not be making any more changes to posts written in Gutenberg in the iOS app until compatibility between both editors exists. I recommend you don’t as well unless you want to fix a lot more than a typo.



Source: WordPress

Related Post
WPTavern: WPTracSearch: An Elasticsearch-Powered Search Interface for WordPress Trac Tickets

WPTavern: WPTracSearch: An Elasticsearch-Powered Search Interface for WordPress Trac Tickets WordPress Trac is one of the more utilitarian and uninspiring interfaces that many contributors have to contend with in the process of giving back to the project. After growing tired of Trac’s mediocre search functionality, William Earnhardt set out to improve it with a new […]

Read more
WPTavern: Tips for Replying to A Call for Papers or A Call for Speakers

WPTavern: Tips for Replying to A Call for Papers or A Call for Speakers The following is a guest post written by Jennifer Bourn. With 21 years experience as a graphic designer, 15 years experience as a web designer, 14 years as a creative agency owner, and 11 years as a blogger, Jennifer Bourn has […]

Read more
WPTavern: Storefront 2.5.0 Introduces a Custom, Block-Based Homepage

WPTavern: Storefront 2.5.0 Introduces a Custom, Block-Based Homepage Storefront, WooCommerce’s free flagship theme, has just released version 2.5.0 with updates that make it easier to setup and customize the homepage. In 2017, WooCommerce 2.2 introduced starter content to help users set up the homepage template, menus, widgets, and add some demo products. This content has […]

Read more