Title: customizer – Make WordPress Test

---

#  Tag Archives: customizer

 [  ](https://profiles.wordpress.org/celloexpressions/) [Nick Halsey](https://profiles.wordpress.org/celloexpressions/)
12:47 am _on_ October 1, 2016     
Tags: [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, edge, [phone ( 22 )](https://make.wordpress.org/test/tag/phone/), [shiny-updates ( 6 )](https://make.wordpress.org/test/tag/shiny-updates/),
[Visual Record ( 7 )](https://make.wordpress.org/test/tag/visual-record/), windows-
phone   

# 󠀁[Customizer: Browse, Install, Preview Themes on Mobile](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/)󠁿

I tested the patch proposed on [#37661](https://core.trac.wordpress.org/ticket/37661)
on Windows Phone 10 with the Edge browser. Here’s a visual record of that experience:

 [   ⌊Open the customizer, tap "change."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0001/#main)

 Open the customizerCustomizer Tool built into WordPress core that hooks into most
modern themes. You can use it to preview and modify many of your site’s appearance
settings., tap “change.”

 [   ⌊Tap "see 10 themes."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0002/#main)

 Tap “see 10 themes.”

 [   ⌊Scroll through the themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0003/#main)

 Scroll through the themes.

 [   ⌊Tap a theme screenshot.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0004/#main)

 Tap a theme screenshot.

 [   ⌊Tap the right arrow.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0005/#main)

 Tap the right arrow.

 [   ⌊Tap the close icon.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0006/#main)

 Tap the close icon.

 [   ⌊Tap "Filter themes."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0007/#main)

 Tap “FilterFilter Filters are one of the two types of Hooks [https://codex.wordpress.org/Plugin_API/Hooks](https://codex.wordpress.org/Plugin_API/Hooks).
They provide a way for functions to modify data of other functions. They are the
counterpart to Actions. Unlike Actions, filters are meant to work in an isolated
manner, and should never have side effects such as affecting global variables and
output. themes.”

 [   ⌊Tap "featured."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0008/#main)

 Tap “featured.”

 [   ⌊Tap "See 15 themes."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0009/#main)

 Tap “See 15 themes.”

 [   ⌊Should this have scrolled back to the top instead of starting down the page? Scroll to top.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0010/#main)

 Should this have scrolled back to the top instead of starting down the page? Scroll
to top.

 [   ⌊Tap "Filter themes."⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0011/#main)

 Tap “Filter themes.”

 [   ⌊Tap Favorites.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0012/#main)

 Tap Favorites.

 [   ⌊Tap the username input.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0013/#main)

 Tap the username input.

 [   ⌊Enter username, tap get favorites.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0014/#main)

 Enter username, tap get favorites.

 [   ⌊Tap see 12 themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0015/#main)

 Tap see 12 themes.

 [   ⌊Tap filter themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0016/#main)

 Tap filter themes.

 [   ⌊Tap feature filter.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0017/#main)

 Tap feature filter.

 [   ⌊Scroll through list, tap on some features.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0018/#main)

 Scroll through list, tap on some features.

 [   ⌊Customize Themes on Windows Phone/Edge⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0019/#main)

 [   ⌊Tap see 294 themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0020/#main)

 Tap see 294 themes.

 [   ⌊Tap theme screenshot.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0021/#main)

 Tap theme screenshot.

 [   ⌊Tap install.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0022/#main)

 Tap install.

 [   ⌊Installing... tap close icon.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0023/#main)

 Installing… tap close icon.

 [   ⌊Installed. Tap Filter themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0025/#main)

 Installed. Tap Filter themes.

 [   ⌊Scroll up.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0026/#main)

 Scroll up.

 [   ⌊Tap search input.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0027/#main)

 Tap search input.

 [   ⌊Enter a search, tap see 7 themes.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0028/#main)

 Enter a search, tap see 7 themes.

 [   ⌊Scroll.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0029/#main)

 Scroll.

 [   ⌊Tap live preview.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0030/#main)

 Tap live preview.

 [   ⌊Loading...⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0031/#main)

 Loading…

 [   ⌊Tap preview.⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0032/#main)

 Tap preview.

 [   ⌊Customize Themes on Windows Phone/Edge⌉ ](https://make.wordpress.org/test/2016/10/01/customizer-browse-install-preview-themes-on-mobile/wp_ss_20160930_0033/#main)

The biggest potential fixes I found were to show a loading indicator in the filters(
next to the theme count button in the headerHeader The header of your site is typically
the first thing people will experience. The masthead or header art located across
the top of your page is part of the look and feel of your website. It can influence
a visitor’s opinion about your content and you/ your organization’s brand. It may
also look different on different screen sizes.?) when a new filter is loading, and
to scroll the themes container to the top whenever a new section is opened or a 
search/filter is changed (which should be happening, but isn’t).

I should also note that since it is impossible to reorder images in galleries with
Chrome on laptops that support touch, see [#31652](https://core.trac.wordpress.org/ticket/31652),
I had to go to the text editor to fix one that jumped out of order when creating
this post.

[#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#edge](https://make.wordpress.org/test/tag/edge/), [#phone](https://make.wordpress.org/test/tag/phone/),
[#shiny-updates](https://make.wordpress.org/test/tag/shiny-updates/), [#visual-record](https://make.wordpress.org/test/tag/visual-record/),
[#windows-phone](https://make.wordpress.org/test/tag/windows-phone/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2016%2F10%2F01%2Fcustomizer-browse-install-preview-themes-on-mobile%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
2:21 pm _on_ February 24, 2016     
Tags: 31195, 35875, [android ( 15 )](https://make.wordpress.org/test/tag/android/),
[chrome ( 28 )](https://make.wordpress.org/test/tag/chrome/), [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [desktop ( 26 )](https://make.wordpress.org/test/tag/desktop/), [iOS ( 64 )](https://make.wordpress.org/test/tag/ios/),
[macos ( 29 )](https://make.wordpress.org/test/tag/macos/), [phablet ( 50 )](https://make.wordpress.org/test/tag/phablet/),
[phone ( 22 )](https://make.wordpress.org/test/tag/phone/), [preview ( 6 )](https://make.wordpress.org/test/tag/preview/),
[safari ( 8 )](https://make.wordpress.org/test/tag/safari/), [visual-survey ( 17 )](https://make.wordpress.org/test/tag/visual-survey/)

# 󠀁[Customizer, Preview: Visual survey of customizer device preview](https://make.wordpress.org/test/2016/02/24/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

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-19-at-1-50-54-pm/#main)
Phone device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-19-at-1-50-51-pm/#main)
Tablet device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-19-at-1-50-45-pm/#main)
Desktop device preview

### Macnchrome, sidebar collapsed

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-42-10-pm/#main)
Phone device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-42-05-pm/#main)
Tablet device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-59-pm/#main)
Desktop device preview

### Macnfirefox, sidebar expanded

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-17-pm/#main)
Phone device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-15-pm/#main)
Tablet device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-11-pm/#main)
Desktop device preview

### Macnfirefox, sidebar collapsed

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-42-pm/#main)
Phone device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-36-pm/#main)
Tablet device preview   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screen-shot-2016-02-22-at-2-41-30-pm/#main)
Desktop device preview

 

Tablets and phones don’t have device preview.

### iPad Air

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/img_1268-2/#main)
Portrait   [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/img_1269-2/#main)
Landscape

### iPhone 6+

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/img_8104/#main)

### iPhone 5

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/img_3336/#main)

### Nexus 5

  [](https://make.wordpress.org/test/2016/02/24/customizer-preview-visual-survey-of-customizer-device-preview/screenshot_20160222-170025/#main)

#31195, #35875, [#android](https://make.wordpress.org/test/tag/android/), [#chrome](https://make.wordpress.org/test/tag/chrome/),
[#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#desktop](https://make.wordpress.org/test/tag/desktop/), [#ios](https://make.wordpress.org/test/tag/ios/),
[#macos](https://make.wordpress.org/test/tag/macos/), [#phablet](https://make.wordpress.org/test/tag/phablet/),
[#phone](https://make.wordpress.org/test/tag/phone/), [#preview](https://make.wordpress.org/test/tag/preview/),
[#safari](https://make.wordpress.org/test/tag/safari/), [#visual-survey](https://make.wordpress.org/test/tag/visual-survey/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2016%2F02%2F24%2Fcustomizer-preview-visual-survey-of-customizer-device-preview%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
4:46 pm _on_ February 19, 2016     
Tags: [33755 ( 2 )](https://make.wordpress.org/test/tag/33755/),
[customize ( 18 )](https://make.wordpress.org/test/tag/customize/), customizer, 
[iOS ( 64 )](https://make.wordpress.org/test/tag/ios/), [phablet ( 50 )](https://make.wordpress.org/test/tag/phablet/),
[safari ( 8 )](https://make.wordpress.org/test/tag/safari/), [site-icon ( 2 )](https://make.wordpress.org/test/tag/site-icon/),
[site-logo ( 3 )](https://make.wordpress.org/test/tag/site-logo/)   

# 󠀁[Customize: Site logo and icon, 33755.5.diff, iPhone 6+](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/)󠁿

Testing 33755.5.diff for [#33755](https://core.trac.wordpress.org/ticket/33755) 
on an iPhone 6+.

Notes:

 * Logo moved up to the top, putting title and tagline between site logo and site
   icon. I like the separation.
 * CustomizerCustomizer Tool built into WordPress core that hooks into most modern
   themes. You can use it to preview and modify many of your site’s appearance settings.
   preview was blank on the fresh VVV install I tested against.
 * Site icon hung while cropping once and completed with no feedback three other
   times.
 * I had to go to the desktop to see if the site icon was created or not. It was.

  [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8050-2/#main)
Site logo on an iPhone 6+.   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8051/#main)
Scroll down for site icon.   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8052/#main)
Preview is blank on this fresh VVV install with twentyfifteen active. 
  [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8053/#main)
This site icon cropping attempt hung indefinitely.   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8054/#main)
After cropping the site icon, the customizer does not show the new icon. The icon
doesn’t seem to be set.   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/screen-shot-2016-02-19-at-10-17-07-am/#main)
A visit to the desktop shows that the icon was actually set.

Previously: [https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/)

Update:

A version of Twenty Sixteen modified for logo support is available here:

https://github.com/wordpress/twentysixteen/tree/site-logo

Hit the Download Zip button and then unzip into a wp-content/themes directory and
activate Twenty Sixteen/twentysixteen-site-logo.

With twentysixteen-site-logo, any logo that is set will show on the front page.

[⌊Screen Shot 2016-02-19 at 11.58.33 AM⌉⌊Screen Shot 2016-02-19 at 11.58.33 AM⌉[

Update:

With 33755.12.diff:

  [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8120/#main)
[](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_8121/#main)

Notes:

 * Site icon 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. is better.
   It didn’t hang or complete without feedback as in the previous session.

Update:

Here are shots of .12.diff on Nexus 5 and iPhone 5.

  [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_3334/#main)
iPhone 5   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/img_3335/#main)
iPhone 5   [](https://make.wordpress.org/test/2016/02/19/customize-site-logo-and-icon-33755-5-diff-iphone-6/screenshot_20160222-165856/#main)
Nexus 5

#33755, [#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#ios](https://make.wordpress.org/test/tag/ios/), [#phablet](https://make.wordpress.org/test/tag/phablet/),
[#safari](https://make.wordpress.org/test/tag/safari/), [#site-icon](https://make.wordpress.org/test/tag/site-icon/),
[#site-logo](https://make.wordpress.org/test/tag/site-logo/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2016%2F02%2F19%2Fcustomize-site-logo-and-icon-33755-5-diff-iphone-6%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
10:34 pm _on_ February 18, 2016     
Tags: [33755 ( 2 )](https://make.wordpress.org/test/tag/33755/),
[chrome ( 28 )](https://make.wordpress.org/test/tag/chrome/), [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [desktop ( 26 )](https://make.wordpress.org/test/tag/desktop/), [iOS ( 64 )](https://make.wordpress.org/test/tag/ios/),
[macos ( 29 )](https://make.wordpress.org/test/tag/macos/), [phablet ( 50 )](https://make.wordpress.org/test/tag/phablet/),
[site-logo ( 3 )](https://make.wordpress.org/test/tag/site-logo/)   

# 󠀁[Customize: Site logo, 33755.3.diff, Macnchrome, iPhone 6+](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/)󠁿

Testing [33755.3.diff](https://core.trac.wordpress.org/attachment/ticket/33755/33755.3.diff)
from [#33755](https://core.trac.wordpress.org/ticket/33755).

Macnchrome:

  [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-14-11-pm/#main)
Click Select Logo   [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-14-19-pm/#main)
Drag drop an image and then click Choose logo   [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-14-24-pm/#main)
Now let’s change. Click Change logo. 
  [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-14-31-pm/#main)
Drop a new image.   [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-15-03-pm/#main)
Click Choose logo   [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-15-08-pm/#main)
Now, let’s remove. Click Remove.   [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/screen-shot-2016-02-18-at-4-15-14-pm/#main)
Done

iPhone 6+:

  [](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8033/#main)
[](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8034/#main)
[](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8035/#main)

[](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8036/#main)
[](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8037/#main)
[](https://make.wordpress.org/test/2016/02/18/customize-site-logo-33755-3-diff-macnchrome-iphone-6/img_8038/#main)

Notes:

 * I had to remove a console.log() to avoid a console error.
 * I added add_theme_support( ‘site-logo’ ) to the twentyfifteen functions.php to
   get the customizerCustomizer Tool built into WordPress core that hooks into most
   modern themes. You can use it to preview and modify many of your site’s appearance
   settings. logo ui to display.
 * I didn’t try adding the_site_logo() to the theme.
 * Logo isn’t above the site title and tagline as discussed in the ticket

#33755, [#chrome](https://make.wordpress.org/test/tag/chrome/), [#customize](https://make.wordpress.org/test/tag/customize/),
[#customizer](https://make.wordpress.org/test/tag/customizer/), [#desktop](https://make.wordpress.org/test/tag/desktop/),
[#ios](https://make.wordpress.org/test/tag/ios/), [#macos](https://make.wordpress.org/test/tag/macos/),
[#phablet](https://make.wordpress.org/test/tag/phablet/), [#site-logo](https://make.wordpress.org/test/tag/site-logo/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2016%2F02%2F18%2Fcustomize-site-logo-33755-3-diff-macnchrome-iphone-6%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
12:57 pm _on_ September 2, 2015     
Tags: [4.4 ( 2 )](https://make.wordpress.org/test/tag/4-4/),
[alpha ( 2 )](https://make.wordpress.org/test/tag/alpha/), [chrome ( 28 )](https://make.wordpress.org/test/tag/chrome/),
[customize ( 18 )](https://make.wordpress.org/test/tag/customize/), customizer, 
customizer-ui-experiments, [desktop ( 26 )](https://make.wordpress.org/test/tag/desktop/),
[feature-plugin ( 6 )](https://make.wordpress.org/test/tag/feature-plugin/), feature-
preview-responsiveness, [iOS ( 64 )](https://make.wordpress.org/test/tag/ios/), 
[macos ( 29 )](https://make.wordpress.org/test/tag/macos/), [phablet ( 50 )](https://make.wordpress.org/test/tag/phablet/),
[preview ( 6 )](https://make.wordpress.org/test/tag/preview/), [responsive ( 2 )](https://make.wordpress.org/test/tag/responsive/),
[tablet ( 4 )](https://make.wordpress.org/test/tag/tablet/), [visual-survey ( 17 )](https://make.wordpress.org/test/tag/visual-survey/)

# 󠀁[Customize: preview site responsiveness, Macnchrome, iPad Air, iPhone 6+](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/)󠁿

A brief visual surveyVisual survey A visual survey is a collection of screenshots
for a like set of screens or interfaces, such as all list table screens or all toolbar
incarnations across various devices. These screens are not presented in the context
of a particular flow. [https://make.wordpress.org/test/tag/visual-survey/](https://make.wordpress.org/test/tag/visual-survey/)
for [#31195](https://core.trac.wordpress.org/ticket/31195) with WP 4.4-alpha-33848
and [Customizer UI Experiments](https://wordpress.org/plugins/customizer-ui-experiments/)
0.1.

  [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/screen-shot-2015-09-02-at-7-34-40-am/#main)
Macnchrome   [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/screen-shot-2015-09-02-at-7-34-45-am/#main)
Macnchrome   [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/screen-shot-2015-09-02-at-7-34-49-am/#main)
Macnchrome 
  [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/img_4534/#main)
iPhone 6+, customize mode.   [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/img_4535/#main)
iPhone 6+, preview mode. Note there is no responsive selector on phones.   [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/img_1190/#main)
iPad Air with customizerCustomizer Tool built into WordPress core that hooks into
most modern themes. You can use it to preview and modify many of your site’s appearance
settings. ui experiments active, Preview doesn’t load and the Collapse button doesn’t
show.   [](https://make.wordpress.org/test/2015/09/02/customize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6/img_1191/#main)
With the 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 WordPress.
org Plugin Directory [https://wordpress.org/plugins/](https://wordpress.org/plugins/)
or can be cost-based plugin from a third-party. deactivated, preview still doesn’t
load but the Collapse button shows.

[#4-4](https://make.wordpress.org/test/tag/4-4/), [#alpha](https://make.wordpress.org/test/tag/alpha/),
[#chrome](https://make.wordpress.org/test/tag/chrome/), [#customize](https://make.wordpress.org/test/tag/customize/),
[#customizer](https://make.wordpress.org/test/tag/customizer/), [#customizer-ui-experiments](https://make.wordpress.org/test/tag/customizer-ui-experiments/),
[#desktop](https://make.wordpress.org/test/tag/desktop/), [#feature-plugin](https://make.wordpress.org/test/tag/feature-plugin/),
[#feature-preview-responsiveness](https://make.wordpress.org/test/tag/feature-preview-responsiveness/),
[#ios](https://make.wordpress.org/test/tag/ios/), [#macos](https://make.wordpress.org/test/tag/macos/),
[#phablet](https://make.wordpress.org/test/tag/phablet/), [#preview](https://make.wordpress.org/test/tag/preview/),
[#responsive](https://make.wordpress.org/test/tag/responsive/), [#tablet](https://make.wordpress.org/test/tag/tablet/),
[#visual-survey](https://make.wordpress.org/test/tag/visual-survey/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F09%2F02%2Fcustomize-preview-site-responsiveness-macnchrome-ipad-air-iphone-6%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/celloexpressions/) [Nick Halsey](https://profiles.wordpress.org/celloexpressions/)
3:54 am _on_ June 14, 2015     
Tags: [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [flow-comparison ( 8 )](https://make.wordpress.org/test/tag/flow-comparison/),
[menu customizer ( 2 )](https://make.wordpress.org/test/tag/menu-customizer/), [menus ( 6 )](https://make.wordpress.org/test/tag/menus/),
parity, parity-check, visual-compariosn   

# 󠀁[Menus in the Admin and the Customizer: UX Flow & Performance Comparisons](https://make.wordpress.org/test/2015/06/14/menus-in-the-admin-and-the-customizer-ux-flow-performance-comparisons/)󠁿

For this post I’ve prepared a series of short gifs depicting the flows for various
small menus tasks. Each task was completed using the admin, then the CustomizerCustomizer
Tool built into WordPress core that hooks into most modern themes. You can use it
to preview and modify many of your site’s appearance settings., attempting to be
as equitable as possible with interaction speed, initial mouse position, etc. to
make side-by-side comparisons that realistically compare the speed with which tasks
can be completed in either interface.

For the tests, I added links to both Menus UIs to the admin bar (4.3 will have one
link here, to the Customizer). I ran into a few areas where the experience could
be improved, but in terms of timing, the Customizer version wins in most of these
scenarios currently. Note that this is intended to compare the experience for power
users. I recommend opening the videos to view them larger, as the space is fairly
restricted here.

  |  Menus Admin Screen |  Menu Customizer |  
   |

[⌊Front page -> Menus -> open the menu set to the primary location (admin).⌉⌊Front page -> Menus -> open the menu set to the primary location (admin).⌉[

Front page -> Menus -> open the menu set to the primary location (admin).

 |

[⌊Front page -> Menus -> open the menu set to the primary location (Customizer).⌉⌊Front page -> Menus -> open the menu set to the primary location (Customizer).⌉[

Front page -> Menus -> open the menu set to the primary location (Customizer).

 |  
 |

[⌊Front page -> menus -> social menu (admin).⌉⌊Front page -> menus -> social menu (admin).⌉[

Front page -> menus -> social menu (admin).

 |

[⌊Front page -> menus -> social menu (Customizer).⌉⌊Front page -> menus -> social menu (Customizer).⌉[

Front page -> menus -> social menu (Customizer).

 |  
 |

[⌊Front page -> menus -> "everything" menu with 350 items (admin).⌉⌊Front page -> menus -> "everything" menu with 350 items (admin).⌉[

Front page -> menus -> “everything” menu with 350 items (admin).

 |

[⌊Front page -> menus -> "everything" menu with 350 items (Customizer)⌉⌊Front page -> menus -> "everything" menu with 350 items (Customizer)⌉[

Front page -> menus -> “everything” menu with 350 items (Customizer)

 |  
 |

[⌊Front -> create new menu, add home link, set to primary location (admin).⌉⌊Front -> create new menu, add home link, set to primary location (admin).⌉[

Front -> create new menu, add home link, set to primary location (admin).

 |

[⌊Front -> create new menu, add home link, set to primary location (Customizer).⌉⌊Front -> create new menu, add home link, set to primary location (Customizer).⌉[

Front -> create new menu, add home link, set to primary location (Customizer).

 |  
 |

[⌊Front page -> add five latest posts to menu (admin.⌉⌊Front page -> add five latest posts to menu (admin.⌉[

Front page -> add five latest posts to menu (admin.

 |

[⌊Front page -> add five latest posts to menu (Customizer).⌉⌊Front page -> add five latest posts to menu (Customizer).⌉[

Front page -> add five latest posts to menu (Customizer).

 |  
 |

[⌊Front page -> add the "Audio" tag and the five audio-related posts as children (admin).⌉⌊Front page -> add the "Audio" tag and the five audio-related posts as children (admin).⌉[

Front page -> add the “Audio” tag and the five audio-related posts as children (admin).

 |

[⌊Front page -> add the "Audio" tag and the five audio-related posts as children (admin).⌉⌊Front page -> add the "Audio" tag and the five audio-related posts as children (admin).⌉[

Front page -> add the “Audio” tag and the five audio-related posts as children (Customize).

 |  
 |

[⌊Front page -> delete the six items that were just added (admin).⌉⌊Front page -> delete the six items that were just added (admin).⌉[

Front page -> delete the six items that were just added (admin).

 |

[⌊Front page -> delete the 6 items that were just added (Customizer).⌉⌊Front page -> delete the 6 items that were just added (Customizer).⌉[

Front page -> delete the 6 items that were just added (Customizer).

 |  
 |

[⌊Switch from viewing one menu to the social menu (admin).⌉⌊Switch from viewing one menu to the social menu (admin).⌉[

Switch from viewing one menu to the social menu (admin).

 |

[⌊Switch from editing one menu to the social menu (Customizer).⌉⌊Switch from editing one menu to the social menu (Customizer).⌉[

Switch from editing one menu to the social menu (Customizer).

 |  
 |

[⌊Add sub-menu hierarchy to the everything menu with 350 items (admin).⌉⌊Add sub-menu hierarchy to the everything menu with 350 items (admin).⌉[

Add sub-menu hierarchy to the everything menu with 350 items (admin).

 |

[⌊Add sub-menu hierarchy to the everything menu with 350 items (Customizer).⌉⌊Add sub-menu hierarchy to the everything menu with 350 items (Customizer).⌉[

Add sub-menu hierarchy to the everything menu with 350 items (Customizer).

 |  
 |

[⌊Fully nest the social menu - 10 levels deep (admin).⌉⌊Fully nest the social menu - 10 levels deep (admin).⌉[

Fully nest the social menu – 10 levels deep (admin).

 |

[⌊Fully nest the social menu - 10 levels deep (Customizer).⌉⌊Fully nest the social menu - 10 levels deep (Customizer).⌉[

Fully nest the social menu – 10 levels deep (Customizer).

 |  
 |

[⌊Open an item's original link (admin).⌉⌊Open an item's original link (admin).⌉[

Open an item’s original link (admin).

 |

[⌊Open an item's original link (Customizer).⌉⌊Open an item's original link (Customizer).⌉[

Open an item’s original link (Customizer).

 |  
 |

[⌊Make every link in the social menu open in a new tab (admin).⌉⌊Make every link in the social menu open in a new tab (admin).⌉[

Make every link in the social menu open in a new tab (admin).

 |

[⌊Make ever link in the social menu open in a new tab (Customizer).⌉⌊Make ever link in the social menu open in a new tab (Customizer).⌉[

Make every link in the social menu open in a new tab (Customizer).

 |

[#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#flow-comparison](https://make.wordpress.org/test/tag/flow-comparison/), [#menu-customizer](https://make.wordpress.org/test/tag/menu-customizer/),
[#menus](https://make.wordpress.org/test/tag/menus/), [#parity](https://make.wordpress.org/test/tag/parity/),
[#parity-check](https://make.wordpress.org/test/tag/parity-check/), [#visual-compariosn](https://make.wordpress.org/test/tag/visual-compariosn/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F06%2F14%2Fmenus-in-the-admin-and-the-customizer-ux-flow-performance-comparisons%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
2:12 pm _on_ June 4, 2015     
Tags: 32733, [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [iOS ( 64 )](https://make.wordpress.org/test/tag/ios/), keyboard-flyup,
[menus ( 6 )](https://make.wordpress.org/test/tag/menus/), [phablet ( 50 )](https://make.wordpress.org/test/tag/phablet/),
[Visual Record ( 7 )](https://make.wordpress.org/test/tag/visual-record/)   

# 󠀁[Customize, Menus: Menu customizer, iPhone 6+](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/)󠁿

CoreCore Core is the set of software required to run WordPress. The Core Development
Team builds WordPress. 4.3-alpha-32689 and Menu CustomizerCustomizer Tool built 
into WordPress core that hooks into most modern themes. You can use it to preview
and modify many of your site’s appearance settings. 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 WordPress.org Plugin Directory [https://wordpress.org/plugins/](https://wordpress.org/plugins/)
or can be cost-based plugin from a third-party. 0.5-20150604.

  [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-71/#main)
Tap dashboard icon.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-72/#main)
Tap Customize   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-73/#main)
Tap Menus 
  [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-74/#main)
Tap ? icon   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-75/#main)
Tap gear icon   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-76/#main)
Tap gear icon again   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-77/#main)
Tapp Add a Menu. Seems like this should be a more prominent call to action.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-78/#main)
Tap into the input field and type in “Main”   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-79/#main)
Tap Create Menu   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-80/#main)
Feedback indicator   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-81/#main)
Tap Add Links. Seems again like this should be a bigger call to action. Add Links
confused me a bit as I tend to think of adding menu items, not links. “Add to Menu”
maybe?   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-82/#main)
Auto focused input fields cause keyboard flyupKeyboard flyup Keyboard flyup is the
unexpected display of the keyboard on touch devices. Keyboard flyup is often triggered
by auto-focused search fields. Auto-focusing search fields in modals is recommended
practice on desktop, but on mobile it is an example of [desktop bias](https://make.wordpress.org/test/glossary/#desktop-bias).
When search fields are auto-focused on touch devices, the keyboard flies up when
the modal opens. This obscures the modal and usually results in the user making 
an extra tap to dismiss the keyboard. Keyboard flyup is also caused by [rogue cursors](https://make.wordpress.org/test/glossary/#rogue-cursors).
[https://make.wordpress.org/test/tag/keyboard-flyup/](https://make.wordpress.org/test/tag/keyboard-flyup/).
Now I have to burn a tap on Done.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-83/#main)
Tap Links   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-84/#main)
Tap Posts   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-85/#main)
Tap Pages   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-86/#main)
Tap Home. Nothing happens.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-87/#main)
Tap Home again. And again. I don’t see any feedack.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-88/#main)
Crash.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-89/#main)
Tap Menus   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-90/#main)
Tap Main   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-91/#main)
Tap Add Links   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-92-2/#main)
Keyboard flyup. Tap Done.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-93/#main)
Tap Pages   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-92-3/#main)
Tap Home   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-94/#main)
No feedback. Try something else. Tap Categories.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-92/#main)
Tap Music. No feedback. Tap it several times. Give up. Tap the back arrow.   [](https://make.wordpress.org/test/2015/06/04/menu-customizer-iphone-6/image-95/#main)
So my taps did do something. Give up.

#32733, [#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#ios](https://make.wordpress.org/test/tag/ios/), [#keyboard-flyup](https://make.wordpress.org/test/tag/keyboard-flyup/),
[#menus](https://make.wordpress.org/test/tag/menus/), [#phablet](https://make.wordpress.org/test/tag/phablet/),
[#visual-record](https://make.wordpress.org/test/tag/visual-record/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F06%2F04%2Fmenu-customizer-iphone-6%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/celloexpressions/) [Nick Halsey](https://profiles.wordpress.org/celloexpressions/)
1:52 am _on_ May 26, 2015     
Tags: [4.2 ( 14 )](https://make.wordpress.org/test/tag/4-2/),
[customize ( 18 )](https://make.wordpress.org/test/tag/customize/), customizer, 
[flow-comparison ( 8 )](https://make.wordpress.org/test/tag/flow-comparison/), [menus ( 6 )](https://make.wordpress.org/test/tag/menus/),
[mobile ( 12 )](https://make.wordpress.org/test/tag/mobile/), [phone ( 22 )](https://make.wordpress.org/test/tag/phone/),
[visual-comparison ( 4 )](https://make.wordpress.org/test/tag/visual-comparison/),
winphone   

# 󠀁[Menus (admin) with Windows Phone on 4.2](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/)󠁿

 * WordPress 4.2.2
 * Old menus admin screen (to be compared with Menu CustomizerCustomizer Tool built
   into WordPress core that hooks into most modern themes. You can use it to preview
   and modify many of your site’s appearance settings.)
 * Windows Phone 8.1, IE11 Mobile (only browser allowed on this device)
 * Testing on an actual site whose menu I actually needed to make a couple edits
   to… because why not 🙂

 [   ⌊Open site (logged in). Tap dashboard icon.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0002/#main)

 Open site (logged in). Tap dashboard icon.

 [   ⌊Tap Menus.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0003/#main)

 Tap Menus.

 [   ⌊Menus page loads. The menu I want to edit is selected. Scroll down to the menu.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0004/#main)

 Menus page loads. The menu I want to edit is selected. Scroll down to the menu.

 [   ⌊Trying to delete "Big Buddies". Tap on it. Nothing Happens. Try zooming out.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0005/#main)

 Trying to delete “Big Buddies”. Tap on it. Nothing Happens. Try zooming out.

 [   ⌊Tap on the arrow for the item I want to delete.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0006/#main)

 Tap on the arrow for the item I want to delete.

 [   ⌊After a delay, it opens. Tap remove.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0007/#main)

 After a delay, it opens. Tap remove.

 [   ⌊The menu item is deleted. Now need to add a new item. Scroll up.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0008/#main)

 The menu item is deleted. Now need to add a new item. Scroll up.

 [   ⌊The item I need to add is a post. Tap posts.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0009/#main)

 The item I need to add is a post. Tap posts.

 [   ⌊Tab the checkbox for the item I want to add.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0010/#main)

 Tab the checkbox for the item I want to add.

 [   ⌊Tap add to menu.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0011/#main)

 Tap add to menu.

 [   ⌊Loading indicator, then stops. Scroll down.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0012/#main)

 Loading indicator, then stops. Scroll down.

 [   ⌊Item is at the bottom of the menu. While scrolling, hierarchy and positioning is messed up for several items at the bottom of the menu. Need to drag it up.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0013/#main)

 Item is at the bottom of the menu. While scrolling, hierarchy and positioning is
messed up for several items at the bottom of the menu. Need to drag it up.

 [   ⌊Try dragging the new item up. It needs to be a sub-item of "PSWC", which is much higher up the screen, just out of view. It lands three items up. Repeatedly try dragging it up higher with various techniques, no luck. Look around for another way to move items. Try tapping the arrow icon again.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0014/#main)

 Try dragging the new item up. It needs to be a sub-item of “PSWC”, which is much
higher up the screen, just out of view. It lands three items up. Repeatedly try 
dragging it up higher with various techniques, no luck. Look around for another 
way to move items. Try tapping the arrow icon again.

 [   ⌊Tap "up one".⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0015/#main)

 Tap “up one”.

 [   ⌊Item moves up, continue tapping up one several more times.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0016/#main)

 Item moves up, continue tapping up one several more times.

 [   ⌊More up one. Eventually get to top and move "under PSWC".⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0017/#main)

 More up one. Eventually get to top and move “under PSWC”.

 [   ⌊Scroll back down, need to cleanup broken hierarchy from trying to scroll earlier. Tap arrow icon.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0018/#main)

 Scroll back down, need to cleanup broken hierarchy from trying to scroll earlier.
Tap arrow icon.

 [   ⌊Tap "under Environmental".⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0019/#main)

 Tap “under Environmental”.

 [   ⌊Tap arrow for the Geotech item.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0020/#main)

 Tap arrow for the Geotech item.

 [   ⌊Tap out from under environmental⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0021/#main)

 Tap out from under environmental

 [   ⌊Tap to close the menu items (2 taps).⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0022/#main)

 Tap to close the menu items (2 taps).

 [   ⌊Look for save button. Scroll up, then down all the way.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0023/#main)

 Look for save button. Scroll up, then down all the way.

 [   ⌊Tap save menu.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0024/#main)

 Tap save menu.

 [   ⌊Loading...⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0025/#main)

 Loading…

 [   ⌊Tap home icon.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0026/#main)

 Tap home icon.

 [   ⌊Tap visit site.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0027/#main)

 Tap visit site.

 [   ⌊Site loads. Tap menu icon.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0028/#main)

 Site loads. Tap menu icon.

 [   ⌊Item was successfully remove. Scroll down.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0029/#main)

 Item was successfully remove. Scroll down.

 [   ⌊Item successfully added, messed up items successfully restored to correct positions.⌉ ](https://make.wordpress.org/test/2015/05/26/menus-admin-with-windows-phone-on-4-2/wp_ss_20150525_0030/#main)

 Item successfully added, messed up items successfully restored to correct positions.

[#4-2](https://make.wordpress.org/test/tag/4-2/), [#customize](https://make.wordpress.org/test/tag/customize/),
[#customizer](https://make.wordpress.org/test/tag/customizer/), [#flow-comparison](https://make.wordpress.org/test/tag/flow-comparison/),
[#menus](https://make.wordpress.org/test/tag/menus/), [#mobile](https://make.wordpress.org/test/tag/mobile/),
[#phone](https://make.wordpress.org/test/tag/phone/), [#visual-comparison](https://make.wordpress.org/test/tag/visual-comparison/),
[#winphone](https://make.wordpress.org/test/tag/winphone/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F05%2F26%2Fmenus-admin-with-windows-phone-on-4-2%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/designsimply/) [Sheri Grey](https://profiles.wordpress.org/designsimply/)
9:19 pm _on_ May 25, 2015     
Tags: [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [iOS ( 64 )](https://make.wordpress.org/test/tag/ios/), [menus ( 6 )](https://make.wordpress.org/test/tag/menus/),
[phone ( 22 )](https://make.wordpress.org/test/tag/phone/)   

# 󠀁[Testing Menus in the Customizer](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/)󠁿

 * WordPress 4.3-alpha-32600
 * [Menu Customizer](https://github.com/voldemortensen/menu-customizer) 0.4-20150525(
   a coreCore Core is the set of software required to run WordPress. The Core Development
   Team builds WordPress. feature-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 WordPress.org Plugin Directory [https://wordpress.org/plugins/](https://wordpress.org/plugins/)
   or can be cost-based plugin from a third-party. candidate)
 * Safari iOSiOS The operating system used on iPhones and iPads. 8.3 on iPhone 6

**Observations**

Note: this feature is still in development so there are some known issues (which
I’m sure I’ve hit here).

 * Blocker: tapping “+ Add Link” in a new menu resulted in a phantom UIUI UI is 
   an acronym for User Interface - the layout of the page the user interacts with.
   Think ‘how are they doing that’ and less about what they are doing. (looks like
   it doesn’t move over into view like it should?).
 * The “+ Add a Menu” button is hard to spot on mobile if you have several menus
   saved already.
 * The “+ Add a Menu” button is sits really close to the bottom menu bar in Safari
   on iOS. Some space below it could help make it a bigger tap target.
 * After tapping the “Reorder” link, I was surprised I could still tap and hold 
   to drag menu items.
 * Scrolling is really hard on iOS, especially with the menu items being so wide
   on a small device screen.

 [   ⌊Start in the dashboard.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2566/#main)

 Start in the dashboard.

 [   ⌊Land at the customizer menu panel after tapping Tap menu icon > Appearance > Customize.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2567/#main)

 Land at the customizerCustomizer Tool built into WordPress core that hooks into
most modern themes. You can use it to preview and modify many of your site’s appearance
settings. menu panel after tapping Tap menu icon > Appearance > Customize.

 [   ⌊Try tapping the arrow to the right of Menus and accidentally tap the 4-square-boxes icon which opens the advanced menu properties. This surprised me.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2568/#main)

 Try tapping the arrow to the right of Menus and accidentally tap the 4-square-boxes
icon which opens the advanced menu properties. This surprised me.

 [   ⌊Tap Menu Locations.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2569/#main)

 Tap Menu Locations.

 [   ⌊Change the Primary Menu to "Shorter Menu" and tap "Done."⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2570/#main)

 Change the Primary Menu to “Shorter Menu” and tap “Done.”

 [   ⌊From here, tried tapping "+ Add a Menu" and the "+" turned into an "x" but couldn't see the form at fist because it was still off screen below the button.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2571/#main)

 From here, tried tapping “+ Add a Menu” and the “+” turned into an “x” but couldn’t
see the form at fist because it was still off screen below the button.

 [   ⌊Scroll down and then can see a form to enter a new menu name.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2572/#main)

 Scroll down and then can see a form to enter a new menu name.

 [   ⌊This is what I saw after creating a menu, but I think I tapped something I shouldn't have and the blank keyboard seems like an iOS bug, so I tap "Done" and try again.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2573/#main)

 This is what I saw after creating a menu, but I think I tapped something I shouldn’t
have and the blank keyboard seems like an iOS bug, so I tap “Done” and try again.

 [   ⌊Tap "+ Add Links" button.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2574/#main)

 Tap “+ Add Links” button.

 [   ⌊Got stuck here. The cursor is present but the UI is invisible (very odd).⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2575/#main)

 Got stuck here. The cursor is present but the UI is invisible (very odd).

 [   ⌊Next, try editing an existing menu. Tap "Testing Menu" and it opens very low on the screen so I have to scroll down.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2577/#main)

 Next, try editing an existing menu. Tap “Testing Menu” and it opens very low on
the screen so I have to scroll down.

 [   ⌊Tap "Pages" since it's a duplicate. Tap "x Remove" and it gets rid of the menu item.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2578/#main)

 Tap “Pages” since it’s a duplicate. Tap “x Remove” and it gets rid of the menu 
item.

 [   ⌊Some of the items/arrows have a darker outline, but I'm not sure why. They seem stuck. (This could be user error because I tapped around a bunch.)⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2579/#main)

 Some of the items/arrows have a darker outline, but I’m not sure why. They seem
stuck. (This could be user error because I tapped around a bunch.)

 [   ⌊Tap "Shorter Menu."⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2581/#main)

 Tap “Shorter Menu.”

 [   ⌊Tap "Reorder."⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2582/#main)

 Tap “Reorder.”

 [   ⌊Tap indent icon to make "About" a submenu.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2583/#main)

 Tap indent icon to make “About” a submenu.

 [   ⌊Open a menu with lots more items in it and scroll down to the "Reorder" link.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2584/#main)

 Open a menu with lots more items in it and scroll down to the “Reorder” link.

 [   ⌊Tap "Reorder" and notice that I can still drag and drop while in this mode.⌉ ](https://make.wordpress.org/test/2015/05/25/testing-menus-in-the-customizer/img_2585/#main)

 Tap “Reorder” and notice that I can still drag and drop while in this mode.

[#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#ios](https://make.wordpress.org/test/tag/ios/), [#menus](https://make.wordpress.org/test/tag/menus/),
[#phone](https://make.wordpress.org/test/tag/phone/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F05%2F25%2Ftesting-menus-in-the-customizer%2F%23respond&locale=en_US)

 [  ](https://profiles.wordpress.org/ryan/) [Ryan Boren](https://profiles.wordpress.org/ryan/)
5:45 pm _on_ April 15, 2015     
Tags: [customize ( 18 )](https://make.wordpress.org/test/tag/customize/),
customizer, [mobile ( 12 )](https://make.wordpress.org/test/tag/mobile/), [tablet ( 4 )](https://make.wordpress.org/test/tag/tablet/),
[widgets ( 2 )](https://make.wordpress.org/test/tag/widgets/)   

# 󠀁[Adding a widget via the customizer, iPad Air, landscape](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/)󠁿

4.2-beta4-32130, iOSiOS The operating system used on iPhones and iPads. 8.3, and
Jetpack 3.4.1

  [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1112/#main)
Start on the front page. Tap Dashboard icon.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1113/#main)
Tap Customize.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1114/#main)
Wait for Widgets to load. 
  [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1115/#main)
There it is. Tap Widgets.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1116/#main)
Tap WidgetWidget A WordPress Widget is a small block that performs a specific function.
You can add these widgets in sidebars also known as widget-ready areas on your web
page. WordPress widgets were originally created to provide a simple and easy-to-
use way of giving design and structure control of the WordPress theme to the user.
Area.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1117/#main)
Tap Add a Widget   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1118/#main)
Focus is set on search field, which causes keyboard fly up. Tap to dismiss keyboard.
[](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1119/#main)
Scroll down.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1120/#main)
Once you hit the bottom of the list, scrolling get wonky. Here I can scroll the 
widget area plus the preview all around.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1121/#main)
Sometimes scrolling gets stuck.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1122/#main)
If you keep scrolling, the widgets area vanishes and the preview keep scrolling.
[](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1123/#main)
I missed a screenshot. After getting scroll reoriented I chose the Image Gallery
widget provided by Jetpack and ended up here. Tap Choose Images.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1124/#main)
The media modal comes up. Tap Add to Gallery.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1125/#main)
Tap to select an image.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1126/#main)
Tap to select another.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1127/#main)
Another and then tap Add to gallery and then tap Insert gallery (not pictured). 
The transition from Add to Gallery to Insert Gallery was subtle since the only visible
thing that changed was the button text. I thought my tap didn’t register so I tapped
again, which inserted the gallery. I didn’t realize what happened until after the
fact, which is why I missed grabbing a screenshot of the insert.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1128/#main)
This looks no different than when I started. I’m not sure this worked. I’ll go with
it. Tap Save & Publish.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1129/#main)
Button is inactive and says Saved. Tap the back arrow.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1130/#main)
Tap X to dismiss.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1131/#main)
Progress indicator.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1132/#main)
Back on the front page. Tap the hamburger to view the 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..   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1133/#main)
Swipe to scroll down.   [](https://make.wordpress.org/test/2015/04/15/adding-a-widget-via-the-customizer-ipad-air-landscape/img_1134/#main)
Uh oh. Jetpack throws notices instead of showing the gallery.

[#customize](https://make.wordpress.org/test/tag/customize/), [#customizer](https://make.wordpress.org/test/tag/customizer/),
[#mobile](https://make.wordpress.org/test/tag/mobile/), [#tablet](https://make.wordpress.org/test/tag/tablet/),
[#widgets](https://make.wordpress.org/test/tag/widgets/)

 * [Login to Reply](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fmake.wordpress.org%2Ftest%2F2015%2F04%2F15%2Fadding-a-widget-via-the-customizer-ipad-air-landscape%2F%23respond&locale=en_US)

# Post navigation

[← Older posts](https://make.wordpress.org/test/tag/customizer/page/2/?output_format=md)