I just updated my blog to WordPress v5.0.3 which contains several bug fixes. As always, I backed up my files and database first. I have automatic updates disabled so I can do this beforehand. It included an update to the TwentyTwelve theme which I incorporated into my child theme. They were mainly just formatting and indention changes. As I always do, I updated the local copy on my PC before updating my blog here. The update seems to have gone fine. 🙂
I just updated my blog to WordPress v5.0.2 which contains many bug fixes. As always, I backed up my files and database first. I have automatic updates disabled so I can do this beforehand. It did include an update to the TwentyTwelve theme but nothing required me to modify my child theme. As I always do, I updated the local copy on my PC before updating my blog here. The update seems to have gone fine. 🙂
Well, I just updated my blog to WordPress 5.0.1 which seems to be some kind of hotfix. (Further reading shows it to be a Security Release.) As always, I backed up my files and database first. I have automatic updates disabled so I can do this beforehand. As I always do, I updated the local copy on my PC before updating my blog here.
At the same time, I noticed that the TinyMCE Advanced plugin I use also had an update to version 4.8.1. It now has a Hybrid Mode where it replaces the normal Paragraph block with a Classic Paragraph block. This allows the use of the classic interface while having access to all the newer Gutenberg block editor features. I’m playing with it now. So far, the update seems to have gone smoothly. 🙂
Well, I just updated my blog to the big WordPress 5.0 version which includes the new default editor, Gutenberg. As always, I backed up my files and database first. I have automatic updates disabled so I can do this beforehand. As I always do, I updated the local copy on my PC before updating my blog here.
Installing the update automatically disabled the separate Gutenberg plugin, which I then deleted. The TwentyTwelve theme I use also had an update to version 2.6 to become Gutenberg compatible. This update included editor styles to match how the theme looks on the front-end. There were no real code changes in the theme from the previous version that I had to include in my child theme. Just some tweaks to the style.css were needed (more on this later).
Following are some of my experiences and possible solutions to issues so far.
How to Change Inline Text Color Easier
One of the more annoying issues I’ve had with Gutenberg is not being able to change the color of text in a paragraph easily. All you can do with the default tools is change the color of a complete paragraph. Luckily, someone has made the Advanced Rich Text Tools for Gutenberg which makes changing the color of words much easier within a paragraph.
Correcting Appearance of Variable Width Table Cells
The Table block currently has some real issues when using variable width table cells. If a couple columns have just one or two words and a third has a long paragraph, it will squash the other cells such that they’ll have one or two characters per line. There’s an issue concerning this: Min-width needed on table columns · Issue #11266 · WordPress/gutenberg. As I mention there, the following CSS was the cause:
border: 1px solid currentColor;
I corrected it by putting the following in my theme’s style.css and my custom editor blocks.css file:
Oh, to load custom editor styles, create a blocks.css file in your child theme’s directory and add the following to the theme’s functions.php:
wp_enqueue_style( 'mytheme-block-editor-styles', get_theme_file_uri( '/blocks.css' ), false, '1.0', 'all' );
add_action( 'enqueue_block_editor_assets', 'mytheme_block_editor_styles' ,100);
Stop Loading Google Fonts in Editor
So far I have not been able to make it stop loading the fonts from Google when editing a post even though I am specifying a locally hosted font (which it also loads). For now, I have submitted the following support question: Topic: V2.6, Make editor not load Google Fonts | WordPress.org.
Anyway, these are my issues so far with WordPress 5.0 and Gutenberg. 🙂 For those that can’t deal with Gutenberg now, you can install the Classic Editor plugin.
I am making this test after reading: Topic: Big white space above youtube video since last update | WordPress.org. Below will be a YouTube video block.
This is the next paragraph after the video. With no caption looks like I need to add some bottom padding/margin on the front-end.
On further examination, the reason I don’t see the issue is due to the plugins I use and my Twenty Twelve theme which hasn’t been Gutenbergized yet. Many of the following CSS classes simply aren’t defined on the front-end:
<iframe src="https://www.youtube.com/embed/UQyEcspdYfY?feature=oembed" allow="autoplay; encrypted-media" allowfullscreen="" width="625" height="352" frameborder="0">
Currently, there is a WordPress/Gutenberg GitHub Issue concerning this.