Customizer, Preview: Visual survey of customizer device preview

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

Macnchrome, sidebar 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

Editor: Trying to upload a video, iPhone 6+, Macnchrome

My journey starts in Press This on a wordpress.com site. I want to upload an image and a video. I upload both seemingly successfully, but only the image inserts. I go back into the media modal, and see this…

Notice also that the progress indicator is stuck and that scroll bleed is evident.

Maybe this is a wordpress.com specific problem. Let’s try a self-hosted site on Bluehost.

That’s a different error than on wordpress.com, but the effect is the same. I can’t insert a video.

Maybe this is an iOS problem. Next, let’s try desktop with Macos and Chrome.

Broken on desktop too.

Broken on desktop too.

Video insertion is broken on Macnchrome as well. The video does upload correctly. I can download it from this link and play it back.

Attachment page showing link to video.

Attachment page showing link to video.

WordPress* mobile web failure.

#chrome, #desktop, #editor, #ios, #macos, #media, #phablet, #video

Embeds: Visual Survey of the oEmbed feature plugin, Macnchrome, iPhone 5S

Surveying the oEmbed API feature plugin, which makes WordPress an oEmbed provider and allows you to embed posts from other WordPress sites. Related ticket: #32522

Using it is pretty simple:

  1. Find a blog post you like to embed
  2. Copy its URL
  3. Paste it into the editor

Note that the plugin needs to be active on both sites to work.

Chrome (on OS X), single site, admin user:

iPhone 5S, single site, admin user:

#chrome, #desktop, #feature-plugin, #feature-plugin-oembed, #ios, #macos

Media, Featured Images: Setting the featured image on an old post, Macnchrome

This thread discusses featured image flow through the media modal. There are some requests that the filter in the media modal remember the “uploaded to this post” filter setting independently for the featured image flow. Here’s an attempt at capturing this flow.

“Uploaded to this post” requires that the image be attached to a post. Images uploaded through the media modal from the editor are attached to the post, but images uploaded directly to the media library are not attached and don’t get attached later when added to a post. We could use API for pulling images out of post content, like we do with some other media types.

 

#23041, #23205, #32622, #33773, #chrome, #desktop, #featured-images, #macos, #media

Toolbar: visual survey of toolbar experiments, Macnchrome, iPhone 6+

Surveying the Toolbar Experiments plugin for #32678.

Macnchrome, single site, admin user:

iPhone 6+, single site, admin user:

#32678, #chrome, #desktop, #feature-plugin, #feature-plugin-toolbar-experiments, #ios, #macos, #phablet, #toolbar, #visual-survey

Customize: preview site responsiveness, Macnchrome, iPad Air, iPhone 6+

A brief visual survey for #31195 with WP 4.4-alpha-33848 and Customizer UI Experiments 0.1.

#4-4, #alpha, #chrome, #customize, #customizer, #customizer-ui-experiments, #desktop, #feature-plugin, #feature-preview-responsiveness, #ios, #macos, #phablet, #preview, #responsive, #tablet, #visual-survey

Passwords: Password reset via email, Macnchrome

#chrome, #desktop, #email, #macos, #passwords, #thresholds

Menus, Customize: Visual survey of menu locations, Macnchrome, iPhone 6+

Visuals for a locations, groups discussion. https://wordpress.slack.com/archives/design/p1440091790000074

Macnchrome:

iPhone 6+:

#chrome, #customize, #desktop, #ios, #macos, #menus, #phablet, #visual-survey

Upgrade/install: Update from an update notice, Macnchrome

This explores flows from the update notice. This site was running 4.3 RC3 and the beta tester plugin when vizreced, so the update-core.php screen shows beta track ui.

The codex pages linked to from the update notice and upgrade-core.php are not at all compelling. They’re the opposite of that. 🙂 You don’t see anything compelling until you reach the About page after doing the upgrade.

update-core.php really needs the shiny updates treatment. Upgrading to the next release is a flow that should be polished and compelling.

This entire process needs better localization.

#about, #chrome, #codex, #desktop, #l10n, #macos, #updates, #upgradeinstall, #wordpress-org