Customizer, Preview: Visual survey of customizer device preview

Screenshots from my testing sessions for #31195 and #35875.

Macnchrome, sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. expanded

Macnchrome, sidebar collapsed

Macnfirefox, sidebar expanded

Macnfirefox, sidebar collapsed


Tablets and phones don’t have device preview.

iPad Air

iPhone 6+

iPhone 5

Nexus 5

#31195, #35875, #android, #chrome, #customize, #customizer, #desktop, #ios, #macos, #phablet, #phone, #preview, #safari, #visual-survey

iOS app site deletion, iPhone 6+

Testing site deletion with build on an iPhone 6+.

Some screenshots:

Here is the site after deletion:



  • On the delete confirmation screen, I didn’t read any of the text on my first time through. I saw a text input in a delete confirmation and assumed my password was needed. I pasted my password and noticed that it was shown in the clear. Hmm. I noticed also that the delete site button was still disabled.  Hmmm. Finally, I read the text and saw that I was being ask to perform a different kind of AYS gymnastic, typing in the site name.
  • Otherwise, the process was straightforward and worked.
  • Not pictured in the screencast: To test this I created a new site. If you are scrolled down the site list when adding a new site, you won’t see any acknowledgment that the new site was created successfully. You must scroll up to see the new site at the top of the list.


#app, #ios, #phablet, #safari, #sites

Inline link toolbar, Mac and Chrome, iPhone 6+

With 4.3-alpha-32949. For #32604.

Being able to visit links from within the editor means no more cut-and-paste. Love it. Seeing the link without having to pop up the modal is also nice.

Mac and chrome:

iPhone 6+:

#32604, #4-3, #beta, #chrome, #editor, #ios, #link-toolbar, #links, #macos, #safari, #visual-survey, #web

A visual survey of list tables on an iPhone 6+

With 4.3-alpha-32930.

#4-3, #beta, #comments, #ios, #list-tables, #media, #phablet, #plugins, #posts, #safari, #taxonomy, #users, #visual-survey, #web

Multisite Flows (iPad)

Screenshots taken on an iPad Air.

Install MultisiteMultisite Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core.


Add a new user – network admin

Each field auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off" on the username field. The email field should be type="email".

Add a new user to a site

Username auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off".

Add an existing user to a site

Having to double tap a user from the auto-suggested list isn’t ideal.

Install, enable, and then activate a theme for a single site

It takes 18 taps (!!) to install and activate a theme on an individual site.

Install a theme and enable it for network

Install and then activate a pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party on a single site

Install and then network activate a plugin

Create a new site

Update a plugin

Update a theme

Edit the domain/path for an existing site

#ios, #multisite, #network-admin, #safari, #tablet, #web

Press This a YouTube video, iPhone 6+


  • Tapping Preview often results in the editor focusing and the keyboard flying up rather than preview. Pressing a youtube video and tapping into the editor before previewing is the most reliable way I’ve found to reproduce this.
  • Preview opens in a new window. This is really bad mobile usability that is shared by post-new.php.
  • The publish bar does not persistently remain on the screen. Sometimes it ends up at the end of the big chunk of whitespace that iOSiOS The operating system used on iPhones and iPads. puts below the editor. A lot of scrolling is required to reach it. This seems to happen in association with the preview bug mentioned above.

#forked-flow, #ios, #new-tab-window, #open-in-new-window, #phablet, #press-this, #preview, #safari, #vizrec, #web

Advancing the cursor through input fields on iOS

On iOSiOS The operating system used on iPhones and iPads. devices, I can’t advance the cursor through text that lies beyond the bounds of the Title input. The cursor stops advancing through text once it hits the left or right border of the input field. This causes me to abandon my mobile session and pick up editing when I get to a laptop. Mobile abandonmentMobile abandonment Bugs that terminally block flow on mobile cause mobile abandonment. Users must do a huge context switch from mobile to desktop to resume flow, which usually means postponing an action until the next time a laptop is available. of edit flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
is not good.

This happens on all my iOS devices. Android looks good. We could use an audit of all input fields for iOS.


cursor sometimes breaks out of the box


I can’t cursor left


Can’t cursor right


#boxed-input-scrolling, #editor, #input-scrolling, #ios, #mobile-abandonment, #phone, #safari, #web