Gutenburg custom format - form
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	SBisson
	Apr 7 2021, 2:59 PM

Description

Problem

With the existing Wikipedia Preview WordPress plugin based on the detectLinks feature, editors have to navigate to Wikipedia to find the URL of the article they want to link to so they can create a hyperlink. This is costing time and hurting focus.

Solution

A Gutenburg custom format that allows adding a preview directly instead of a hyperlink. It has a form for configuring the article title.

Works the same as the hyperlink tool.
Can add a preview to the selected text.
Can be used without selection, will insert the article title as text.
The form has 1 field
- Article title: defaults to the selected text if any
UI elements are localizable

Design

Preview without selection		Preview with selection

Figma Link

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Resolved		SBisson	T278383 Wikipedia Preview WordPress Plugin
		Resolved		hueitan	T279547 Gutenburg custom format - form

Event Timeline

SBisson created this task.Apr 7 2021, 2:59 PM

SBisson moved this task from Backlog to Q4 FY2020-21 on the Inuka-Team board.Apr 14 2021, 2:33 PM

SBisson moved this task from Q4 FY2020-21 to Kanban on the Inuka-Team board.May 10 2021, 6:00 PM

SBisson edited projects, added Inuka-Team (Kanban); removed Inuka-Team.

SBisson renamed this task from Gutenburg custom format to Gutenburg custom format - form.Jun 8 2021, 7:19 PM

SBisson triaged this task as High priority.

SBisson updated the task description. (Show Details)

hueitan claimed this task.Jun 18 2021, 9:09 AM

hueitan removed hueitan as the assignee of this task.

hueitan moved this task from Backlog to Dev on the Inuka-Team (Kanban) board.

hueitan moved this task from Dev to Backlog on the Inuka-Team (Kanban) board.

hueitan subscribed.

eamedina subscribed.Jun 21 2021, 8:11 PM

SGautam_WMF moved this task from Backlog to Definition on the Inuka-Team (Kanban) board.Jun 30 2021, 5:01 PM

SGautam_WMF updated the task description. (Show Details)Jun 30 2021, 5:13 PM

SGautam_WMF updated the task description. (Show Details)Jul 11 2021, 3:22 AM

SGautam_WMF assigned this task to hueitan.Jul 15 2021, 9:36 AM

SGautam_WMF moved this task from Definition to Dev on the Inuka-Team (Kanban) board.

SGautam_WMF mentioned this in T284601: Gutenburg custom format - preview.Jul 22 2021, 9:08 AM

PR https://github.com/wikimedia/wikipediapreview-wordpress/pull/23
Remember to read the notes here, which will be changed in the next task (search form)

eamedina updated the task description. (Show Details)Aug 2 2021, 7:26 PM

SBisson updated the task description. (Show Details)Aug 18 2021, 12:45 PM

The PR is merged but the feature is hidden so we can still release updates to the plugin without this feature showing up until it is ready. To test it, just add this url param: wikipediapreview_gutenburg=1 when using the Gutenburg editor and the Wikipedia Preview custom format should be available.

• Jpita moved this task from QA to QA WAITING FOR FEEDBACK on the Inuka-Team (Kanban) board.Aug 24 2021, 12:05 PM

• Jpita subscribed.

This comment was removed by • Jpita.

@Jpita it looks like you've answered your own question. Is it still waiting for feedback on anything?

In T279547#7304566, @SBisson wrote:

@Jpita it looks like you've answered your own question. Is it still waiting for feedback on anything?

forgot to move it forward :(

Looks good to me. For the official release, I think we can go with simple styling of the link then the current one(blue rectangle with border and info. icon).

SGautam_WMF moved this task from Design sign off to Product sign off on the Inuka-Team (Kanban) board.Aug 30 2021, 6:17 AM

• AMuigai closed this task as Resolved.Sep 1 2021, 10:29 AM

	F34546521: 01. Basic Preview Add flow with word.png
	Jul 11 2021, 3:22 AM

	F34533326: 01. Basic Preview Add flow with word.png
	Jun 30 2021, 5:13 PM

	F34533327: 01. Basic Preview Add flow without word.png
	Jun 30 2021, 5:13 PM

Gutenburg custom format - formClosed, ResolvedPublicActions