Wp-calypso: Editor: a full image edit options modal is missing

[designsimply]

Users would like to have a way to edit image details similar to the edit flow for galleries. They would like to be able to edit everything you have access to modify in WP Admin.

Here is how it currently looks in WordPress.com:

In WP Admin, you can access the "Image Details" screen by clicking on the pencil icon in the image toolbar. (1m36s)

Recently, the most-requested items have been:

• Link To
• Image Border & Color
• Image Margins

They also expect to be able to change:

• Caption
• Alt text

Other things are used and requested less frequently to my knowledge.

[koke]

Link To is the one I'm missing the most, but in my case it's often because some images look small on a post and I want to be able to see them bigger. I think I wouldn't care about where the image links to if clicking on it would open a bigger view like it does when it's a gallery.

[mikejolley]

Also seen this request in ticket 982616. For now I'm recommending they switch to the old editor to access the link-to functionality, or click the 'link' button after inserting the image which also works.

[eliorivero]

User at 2437867-t complains about missing image editing features, in this case regarding cropping, flipping and rotation.

[carinapilar]

User missing the "Link To" feature here.

[aduth]

As an FYI, we do support linking to the original images by clicking the Add Link button in the toolbar after selecting an image. Doing so will prepopulate the URL field with a link to the full-size image. This is a common use-case, though we do intend to add support for other "Link to" options (attachment page, custom URL, etc).

[carinapilar]

Yeah, the problem is that you have to do that in all images, add image then add the link. Before, if you set "Link To" to "Media File" in the first one, when adding other images it was loading the same option as default.

[jeherve]

User missing the "Link To" feature here.

[formosattic]

User in 2621414-t is missing "Link To" for media file. A feature he relies on a weekly basis.

[ryanboren]

I'm trying to improve the accessibility of my posts my adding alt to my images. I don't see how to do that in Calypso. I usually drag-and-drop images. The inline image toolbar allows adding a caption, but not alt.

[ryanboren]

I added accessibility because alt provisioning is not part of drag-and-drop image flow. Encourage accessible images.

[ryanboren]

Giving this a bump because of the accessibility implications.

The lack of a modal means those who drag-and-drop images directly into the editor can't add alt text to dropped images without rummaging in the insert image modal (accessed via a + plus button).

Further, without access to the image details modal from the editor’s inline image toolbar, adding alt to images on old posts requires scrolling through the image modal looking for the right image amidst months of thumbnails. Unlike in core WP, there is no “Images uploaded to this post” filter. This is supremely frustrating flow if you're trying to be good about alt text.

https://test.wordpress.com/2016/09/30/session-notes-drag-and-drop-image-flow-trackers-editor-masterbar-macnchrome-iphone-7/

[kriskarkoski]

+1 to adding this soon

Link To in paritcular is asked by users quite frequently and while it can be done in the Calypso Editor by clicking the image, then the link icon, having to do this for every image is tedious and it’s not intuitive to users how to do this, especially those used to the options already in the WP Admin editor.

[shaunandrews]

A quick idea for adding the details modal:

[davewhitley]

Here is what I suggest for tackling this.

1. We need to at least add an edit button to the popover that is shown when you click an image in the editor. Missing that button is a broken experience.

Next, it helps me to think of things that affect the original image, and things that are only relevant to this post.

1. I propose that we add a new tab to the image details modal that contains all of the post specific settings:

I'm not sure Post settings is the right name, but Display settings doesn't make much sense if it contains the link setting.

Image settings contains all of the existing info like caption and alt text.

We could also add in image size and image alignment to Post settings, but this would just be the secondary way to edit these settings. The primary way would be to do it from the popover in the editor.

1. Next, I'd try to bring as many of the important actions into the editor popover, like Link To:

Clicking the link icon would bring up a variation of the link modal:

This way it's more obvious how to link an image, and they can do it right from the editor.

[davewhitley]

Can this issue be filed under a Project, or can it be assigned to someone? It seems that Delta is already going to handle this issue, but I didn't know until reading through a P2.

[msmithgu]

This issue is partly covered by Issue https://github.com/Automattic/wp-calypso/issues/8306 and PR https://github.com/Automattic/wp-calypso/issues/13479 , which adds an inline image edit button, but does not provide a Link To feature. We may want to create a separate issue for a Link To button.

[jblz]

@msmithgu @gwwar -- is anything still outstanding here (or in #8306)?

Since #14143 got merged and we're tracking issues in (at least) #14233, are the above issues ok to close?

[gwwar]

@jblz, yes I think it makes sense to close these out and add new issues for additional improvements.

[jblz]

Sounds good. Thanks! If anyone disagrees, please feel free to reopen :)