Upload and crop from grid view.
#gallery-33 {
margin: auto;
}
#gallery-33 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-33 img {
border: 2px solid #cfcfcf;
}
#gallery-33 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
-
- Media lib, grid view. Drag and drop an image.
-
- Image uploading.
-
- Image uploaded. Click the image.
-
- Click “Edit Image”
-
- I want to crop. The crop button is inactive. What do I do? I click and drag in the image hoping to start a selection.
-
- Crop area selected. The crop button is active. Click it.
-
- Thumbnail preview not updated. Click Save.
-
- Image saved. Click “X” to dismiss.
-
- Back in the media library.
Upload and crop from list view.
#gallery-34 {
margin: auto;
}
#gallery-34 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-34 img {
border: 2px solid #cfcfcf;
}
#gallery-34 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
-
- Media lib. List view. Attempt dragging and dropping an image.
-
- Drop not handled. Dead end. Browser back history must be used.
-
- Back at the lib. Click “Add new”.
-
- This horrible thing should be retired. Drag and drop an image.
-
- Upload progress
-
- Upload complete. Click Edit.
-
- New tab opened on the attachment editor.
-
- Scroll down. Click Edit Image.
-
- Editor opens scrolled down. Scroll up.
-
- Scrolled up. Start a crop selection.
-
- Selected. Click the crop icon.
-
- Cropped. Click Save.
-
- Saved.
-
- Go back to the media lib tab and refresh the page to see the cropped image.
Crop an already uploaded image from list view with the admin menu exposed.
#gallery-35 {
margin: auto;
}
#gallery-35 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-35 img {
border: 2px solid #cfcfcf;
}
#gallery-35 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
-
- Media lib list view. Click Edit.
-
- Scroll down to find Edit.
-
- Scrolled. Cick edit.
-
- The image editor opens scrolled down. Scroll up to the top.
-
- Scrolled to top. What a mess.
-
- Try to start a crop selection. This is what usually happens.
-
- Second attempt at selection. Now, click the crop icon.
-
- Image cropped. Click Save.
-
- Image saved. Click Media > Library
-
- Media lib showing cropped image.
Impressions: media-new.php should go away. The media lib list view needs drag and drop and the attachment details modal. Cropping is not at all friendly, especially when the admin menu is open. I usually require a few attempts to successfully crop an image. First I try clicking the inactive crop icon hoping to start selection. Failing that, I try to get a selection going in the image. After accidentally highlighting text on the page a couple times, I start an interior crop and expand it to the edges to avoid text selection. Then I click the crop icon and stare in confusion at a mess. Do I click Save or Update, I wonder.