WordPress.org

The Test Team helps manage testing and triage across the WordPress ecosystem. They focus on user testing of the editing experience and WordPress dashboard, replicating and documenting bug reports, and supporting a culture of review and triage across the project.

Ryan Boren 12:57 pm on September 2, 2015
Tags: 4.4 ( 2 ), alpha ( 2 ), chrome ( 28 ), customize ( 18 ), customizer ( 14 ), customizer-ui-experiments, desktop ( 26 ), feature-plugin ( 5 ), feature-preview-responsiveness, iOS ( 64 ), macos ( 29 ), phablet ( 50 ), preview ( 6 ), responsive ( 2 ), tablet, visual-survey ( 17 )

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/ for #31195 with WP 4.4-alpha-33848 and Customizer UI Experiments 0.1.

: Macnchrome

: Macnchrome

: Macnchrome

: iPhone 6+, customize mode.

: iPhone 6+, preview mode. Note there is no responsive selector on phones.

: 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.

: 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/ or can be cost-based plugin from a third-party deactivated, preview still doesn’t load but the Collapse button shows.

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

William Earnhardt 5:32 pm on June 14, 2015
Tags: iOS ( 64 ), multisite ( 7 ), network admin ( 3 ), safari ( 8 ), tablet, web ( 44 )

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.https://codex.wordpress.org/Create_A_Network.

N/A

Add a new user – network admin

: Input username

: Input email & click submit

: Success!

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

: New User Screen on an individual site

: Input username & email

: If confirmation skip is not checked, user gets sent email to confirm they want to be added.

: If confirmation skip is checked, they just get added

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

Add an existing user to a site

: Begin typing and get auto-suggestions

: Tap auto-suggestion to select, tap again to insert

: Without skip confirmation email checked, user gets sent email to confirm adding

: With skip confirmation email checked, user just gets added

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

: Go to Network Admin > Themes. Tap Add New

: Tap on a theme

: Tap Install

: Theme installed

: Tap Sites

: Tap All Sites

: Tap the URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org or Edit link for the site you want to activate the theme on

: Tap the Themes tab

: Tap the Enable link for the theme you want to activate on this site

: Theme enabled, Tap menu

: Tap All Sites

: Tap Dashboard link for the site you want to activate theme on

: Tap the menu

: Tap Appearance

: Tap Themes

: Tap on the theme you want to activate

: Tap Activate

: Theme successfully activated

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

Install a theme and enable it for network

: Go to Network Admin > Themes. Tap Add New

: Tap on a theme

: Tap Install

: Theme installed

: After tapping Network Enable

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 WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party on a single site

: Tap the menu from the network dashboard and tap Plugins > Add New

: Tap Install Now on a plugin

: Plugin Installed. Tap Menu

: Tap Sites

: Tap All Sites

: Tap the dashboard of the site you want to activate the plugin on

: Tap the menu icon

: Tap Plugins > All Plugins

: Tap Activate link for the individual plugin

: Plugin activated!

Install and then network activate a plugin

: Tap the menu from the network dashboard and tap Plugins > Add New

: Tap Install Now on a plugin

: Plugin installed. Tap Network Activate

: Plugin activated

Create a new site

: Tap create a new site, or menu

: In menu, tap Add New

: Enter Site Information

: Site added successfully

Update a plugin

: In the Dashboard tap Updates menu link

: Tap Available updates

: Select the plugins to update

: Tap update plugins

: Plugin updated successfully

Update a theme

: In the Dashboard tap Updates menu link

: Tap Available updates

: Select theme to be updated

: Tap Update Themes

: Themes successfully updated

Edit the domain/path for an existing site

: From network dashboard, tap menu.

: Tap Sites, then tap All Sites

: Tap the URL or Edit link for the site you want to change

: Edit the domain/path fields and tap Save Changes

: Domain/path both updated

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

Ryan Boren 5:45 pm on April 15, 2015
Tags: customize ( 18 ), customizer ( 14 ), mobile ( 12 ), tablet, widgets ( 2 )

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

: Start on the front page. Tap Dashboard icon.

: Tap Customize.

: Wait for Widgets to load.

: There it is. Tap Widgets.

: 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.

: Tap Add a Widget

: Focus is set on search field, which causes keyboard fly up. Tap to dismiss keyboard.

: Scroll down.

: Once you hit the bottom of the list, scrolling get wonky. Here I can scroll the widget area plus the preview all around.

: Sometimes scrolling gets stuck.

: If you keep scrolling, the widgets area vanishes and the preview keep scrolling.

: I missed a screenshot. After getting scroll reoriented I chose the Image Gallery widget provided by Jetpack and ended up here. Tap Choose Images.

: The media modal comes up. Tap Add to Gallery.

: Tap to select an image.

: Tap to select another.

: 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.

: This looks no different than when I started. I’m not sure this worked. I’ll go with it. Tap Save & Publish.

: Button is inactive and says Saved. Tap the back arrow.

: Tap X to dismiss.

: Progress indicator.

: 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..

: Swipe to scroll down.

: Uh oh. Jetpack throws notices instead of showing the gallery.

#customize, #customizer, #mobile, #tablet, #widgets

s: search
c: compose new post
r: reply
e: edit
t: go to top
j: go to the next post or comment
k: go to the previous post or comment
o: toggle comment visibility
esc: cancel edit post or comment