Welcome to the Gutenberg Editor

Of Mountains & Printing Presses

The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around and interact with. Move your cursor around and you’ll notice the different blocks light up with outlines and arrows. Press the arrows to reposition blocks quickly, without fearing about losing things in the process of copying and pasting.

What you are reading now is a text block the most basic block of all. The text block has its own controls to be moved freely around the post…

… like this one, which is right aligned.

Headings are separate blocks as well, which helps with the outline and organization of your content.

A Picture is Worth a Thousand Words

Handling images and media with the utmost care is a primary focus of the new editor. Hopefully, you’ll find aspects of adding captions or going full-width with your pictures much easier and robust than before.

Beautiful landscape
If your theme supports it, you’ll see the “wide” button on the image toolbar. Give it a try.

Try selecting and removing or editing the caption, now you don’t have to be careful about selecting the image or other text by mistake and ruining the presentation.

The Inserter Tool

Imagine everything that WordPress can do is available to you quickly and in the same place on the interface. No need to figure out HTML tags, classes, or remember complicated shortcode syntax. That’s the spirit behind the inserter—the (+) button you’ll see around the editor—which allows you to browse all available content blocks and add them into your post. Plugins and themes are able to register their own, opening up all sort of possibilities for rich editing and publishing.

Go give it a try, you may discover things WordPress can already add into your posts that you didn’t know about. Here’s a short list of what you can currently find there:

  • Text & Headings
  • Images & Videos
  • Galleries
  • Embeds, like YouTube, Tweets, or other WordPress posts.
  • Layout blocks, like Buttons, Hero Images, Separators, etc.
  • And Lists like this one of course 🙂

Visual Editing

A huge benefit of blocks is that you can edit them in place and manipulate your content directly. Instead of having fields for editing things like the source of a quote, or the text of a button, you can directly change the content. Try editing the following quote:

The editor will endeavor to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

Matt Mullenweg, 2017

The information corresponding to the source of the quote is a separate text field, similar to captions under images, so the structure of the quote is protected even if you select, modify, or remove the source. It’s always easy to add it back.

Blocks can be anything you need. For instance, you may want to add a subdued quote as part of the composition of your text, or you may prefer to display a giant stylized one. All of these options are available in the inserter.

You can change the amount of columns in your galleries by dragging a slider in the block inspector in the sidebar.

Media Rich

If you combine the new wide and full-wide alignments with galleries, you can create a very media rich layout, very quickly:

Accessibility is important — don’t forget image alt attribute

Sure, the full-wide image can be pretty big. But sometimes the image is worth it.

The above is a gallery with just two images. It’s an easier way to create visually appealing layouts, without having to deal with floats. You can also easily convert the gallery back to individual images again, by using the block switcher.

Any block can opt into these alignments. The embed block has them also, and is responsive out of the box:

https://vimeo.com/22439234

You can build any block you like, static or dynamic, decorative or plain. Here’s a pullquote block:

Code is Poetry

The WordPress community

If you want to learn more about how to build additional blocks, or if you are interested in helping with the project, head over to the GitHub repository.


Thanks for testing Gutenberg!

?

Database Errors after 1and1 upgrade to PHP 5.4

I switched my global PHP version to 5.4 and then had problems with various software including WordPress, and Concrete connecting to my mysql database. I found that just going into database administration (after switching the PHP version to 5.4) and updating the mysql password (to the same as before) caused it to use the new hashing mechanism/library… and now the database connections work correctly.

Missing Rules and Alerts in Outlook 2003

If you are missing option “Rules and Alerts” in the tools menu of Outlook 2003, make sure that you have a email account created.  I discovered today, that the option isn’t available until you have an email account setup.

Other options that I tried, that didn’t work, but might be useful:

  • Run the “Detect and Repair” for Outlook
  • View->Toolbars->Customize, and then try to add the option back to the menu by looking for “Rules and Alerts” under Commands tab, Tools

So if you don’t have the “Rules and Alerts” option available to you, try one of these suggestions.

Re-center (move) content after resizing stage in Flash

When you have your flash application 90% developed and then a new requirement is presented that requires you to enlarge the stage size, you will find that it puts the additional space on the bottom and right sides of your document.  I haven’t found a way to specify where the additional space is placed, but I was able to find a way to move all my existing content (symbols, tweens, etc) intact together to a new location on the larger stage.

Edit Multiple Frames Screenshot

If you click on the edit multiple frames button (arrow pointing to it in screenshot) below the timeline you will get two brackets above the timeline (in the frame numbers, circled in screenshot), put the [ at frame 1, and the ] at the last frame of your timeline and then do a select-all.  This will select everything in every frame within the brackets.  Then you can drag or use the arrow keys to reposition everything.  When you are finished moving the content, just unclick the edit multiple frames to return to the typical editing mode.

Get parameters to HTML page with JavaScript

If you have a static HTML page that you need to pass a parameter so that it can be updated easily or work in different instances, this post will show you how to get the parameters via the URL into JavaScript without the use of a backend server.

document.URL contains the entire address bar of the browser, and you can parse this to get the parameters and do something useful with it.

Below is the snippet of code I worked up to do this for a mockup/demo that we were working on for work.  Specifically, we wanted to have a single HTML page that would load the same Flex player with different parameters (and wanted to pass those parameters in via the URL) so that we could test with current and future streams/video sources.

<html>
<head>
    <script>
        function pageLoaded() {
            var qAt = document.URL.indexOf("?");
            var params = document.URL.substr(qAt+1);
            // Use params as needed (parse, or pass along to flash swf):
            alert(params);  // just echoing in this example.
        }
    </script>
</head>
<body onload="pageLoaded()">
</body>
</html>

Windows 7 and Symantec Endpoint Protection

Symantec released on Monday, Sept 21, 2009, the update to Symantec Endpoint Protection (SEP) that supports Windows 7 RTM.  If you are a corporate account you can download the software at their updates site:

https://fileconnect.symantec.com

You will need your serial number to get access to the product download. 

SEP version 11.0.5 has official support for Windows 7 and Windows Server 2008 R2.

I experienced the following error message while attempting to install the update:

“Pending system changes that require a reboot have been detected” 

Rebooting didn’t resolve this issue.  However, I did find on Symantec’s website a Knowledge Base article that explains the issue and a resolution.

  1. Locate the following registry key:
    HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\
  2. Locate the PendingFileRenameOperations registry value in the right pane.
    Note: If you do not find the PendingFileRenameOperations value in the location above, this error message can be generated if there are pending changes in:
    HKEY_LOCAL_MACHINE\SYSTEM\CurrentSetXXX\Control\SessionManager\PendingFileRenameOperations
    Note: This value may be hidden. Make sure that your user account has permissions to this key.
  3. Delete the value date from the pendingfilerenameoperations registry value.
  4. Attempt to install the SEP client again.

After clearing my PendingFileRenameOperations registry value, I was able to complete the installation of SEP v11.0.5 on my Windows 7 computer.

iPhone leaving POP3 lock on mail server until powered off

Yesterday, I had a new iPhone user complain that they were getting a message about a POP3 lock when attempting to get new messages from the mail server after checking email on their iPhone.  I have been doing this for sometime and never noticed this issue, but decided to investigate further when I had time.

This morning, I ran a number of tests and was able to easily reproduce the lock message when attempting to check email after the iPhone had checked the POP3 server for email.  This is typical behavior that I have experienced when using multiple computers and one POP3 account.  The lock file is used to ensure that only one computer is updating the mailbox at one time (since typical POP3 behavior is to download messages AND remove them from the server). 

What I was surprised to find was that after I exited the Mail application on the iPhone and left it at the Home screen… the lock persisted on the mail server.  I waited a minute, and was still getting the message about the lock existing on my POP3 mail server.

I found through trial and error that it appears the iPhone continues to maintain the lock on the POP3 server until the phone is powered off.  In our case, 15secs after the iPhone is powered off, the lock is removed from the mail server (or at least allows the desktop mail client to download mails from that POP3 account).

After finding this, I realized that my common behavior would have never caused this to appear (for me).  My typical use case is that I check emails while out-and-about, or in a meeting.  When I have checked messages, I power off the phone.   I return to my computer and press Send/Receive (or Get Messages) and the new emails come down without an issue.  I guess I have never checked my email on my iPhone and while the phone is still on try to check them from my computer.

Limited user rights should be viable for everyone

While reading the March 2, 2009 issue of eWEEK, I enjoyed the commentary by Andrew Garcia in “Windows in the way? UAC is not a reason to reject Vista or Windows 7“.

“Alas, I admit I have been complicit in furthering these bad practices with shortcomings in my own testing and analysis for eWEEK. Therefore, I make this pledge — from here on, in my reviews, I will ensure all software I test designed to run on Windows desktops operates as advertized with only limited user rights. And I will call out those that fail this litmus test.”

Kudos to Andrew for championing the ability for users to run Windows software under limited user rights. With magazines and technology analysts documenting the shortcomings of various software packages, we have a chance of getting Windows software that works better for all of us. I look forward to seeing these details included in future reviews in eWEEK.