Page MenuHomePhabricator

Update documentation for Wikipedia Preview plugin following its position change
Closed, ResolvedPublic

Assigned To
Authored By
SGautam_WMF
Dec 21 2023, 9:59 AM
Referenced Files
F42006974: T353866_Wikipediapreview_OnboardUpdate.webm
Feb 21 2024, 12:04 AM
F42006948: 2024-02-20_11-46-36.png
Feb 21 2024, 12:04 AM
F41708530: 03 Detailed instructional graphics.png
Jan 23 2024, 12:09 AM
F41690961: 03 Detailed instructional graphics.png
Jan 15 2024, 8:51 AM
F41690958: Screenshot 2024-01-15 at 2.19.59 PM.png
Jan 15 2024, 8:51 AM
F41690955: screenshot-1.png
Jan 15 2024, 8:48 AM
F41690950: screenshot-1.png
Jan 15 2024, 8:48 AM

Description

Objective:

To revise and update the documentation related to the Wikipedia Preview plugin for WordPress in response to the recent change in the position(T352873) of the Wikipedia Preview option on the editing toolbar.

Places to update:
  • General description section on the Wikipedia Preview plugin page on WordPress.org.
  • Installation Tab on plugin page.
  • Change screenshot-1 from Screenshots section
Changes:

1. On the plugin homepage, under "Option 2 - How to add Wikipedia Preview links using Gutenberg/Block Editor".
Change second bullet point
From
Select ‘Wikipedia Preview’ from the menu.
To
Select ‘W’ - Wikipedia Preview icon from the menu.

2. On the Installation Tab of the plugin page, under "Option 2 - How to add Wikipedia Preview links using Gutenberg/Block Editor".

From
Select ‘Wikipedia Preview’ from the menu.
To
Select ‘W’ - Wikipedia Preview icon from the menu.

3. Replace the current instructional screenshot with a new one that displays the updated 'W' icon interface.

From

screenshot-1.png (360×640 px, 38 KB)

To

screenshot-1.png (900×1 px, 94 KB)

4. Club step 1 & step 2 in onboarding screen which shows up right after installing the plugin
From(production version)**

Screenshot 2024-01-15 at 2.19.59 PM.png (1×2 px, 824 KB)

To(mockup)

03 Detailed instructional graphics.png (2×1 px, 432 KB)

Figma file

Acceptance criteria:
  • All references to the location and usage of the Wikipedia Preview option in the documentation should accurately reflect its new position.
  • Verify that all links and references within the documentation are functional and direct to the correct information.

QA Results - WordPress

Event Timeline

@SBisson we would also need to make a change to the onboarding steps as current one still uses the dropdown menu for Wikipedia Preview option. Shall we create a separate task for that or we can use this one only?

From(production version)

Screenshot 2024-01-15 at 2.19.59 PM.png (1×2 px, 824 KB)

To(mockup)

03 Detailed instructional graphics.png (2×1 px, 493 KB)

Shall we create a separate task for that or we can use this one only?

use this one is fine.

Shall we create a separate task for that or we can use this one only?

use this one is fine.

Thanks @hueitan, added it in task description.

PWaigi-WMF triaged this task as Medium priority.Jan 15 2024, 4:10 PM
PWaigi-WMF moved this task from Definition to Ready for Dev on the Inuka-Team (Kanban) board.

@SGautam_WMF I updated the post-installation onboarding screen by removing second step and updating the first step text to "Highlight the text and select ‘W’- Wikipedia Preview from the menu", as discussed earlier. Please feel free to update ticket description as you see fit.

@SGautam_WMF I updated the post-installation onboarding screen by removing second step and updating the first step text to "Highlight the text you want to link to a Wikipedia article and select ‘W’- Wikipedia Preview from the menu", as discussed earlier. Please feel free to update ticket description as you see fit.

Thanks @eamedina, made changes to task description.

@eamedina @SGautam_WMF Figma and the onboard after installation instructions have been updated to the "W" icon as seen in the screenshot and .webm below. This will be moved to Design Sign-off. Thanks for all your work!

Status: ✅PASS
Environment: Wordpress 6.4.3
OS: macOS Sonoma 14.2.1
Browser: Chrome 121
Skins. N/A
Device: MBA M2
Emulated Device:: n/a
Test Links:
http://dev-test.local/wp-admin/options-general.php?page=wikipediapreview_intro

✅AC1: https://phabricator.wikimedia.org/T353866

FigmaOnboard
2024-02-20_11-46-36.png (1×970 px, 181 KB)
GMikesell-WMF updated the task description. (Show Details)
GMikesell-WMF moved this task from QA to Design sign off on the Inuka-Team (Kanban) board.