Question: do images get properly…

Question: do images get properly attached to posts when publishing via various WP.com apps and clients?

One reason to know the answer is that certain displays, like Reader, might depend on an image being attached to the post in question to pull out a representative image to the post card in the Reader stream.

For example, in the Android app Reader: Reader: certain posts with an image don’t show the image.

The Flow Patrol team recently dug into this more (source: 6 tagged posts) to see how each app or client behaves. Here are the results:

Environment Image attached? Preview in Reader? Test results
Jetpack WP Admin Yes Yes #
Simple WP Admin Yes Yes #
WP Android No Yes #
WP iOS Yes Yes #
Calypso Yes Yes #
Gutenberg No Depends #

Summary: Looks like both Gutenberg and WP Android media handling could use more investigation to make sure images added to posts during publishing are attached to said posts correctly.

#image-post-flow #attachments #media

Image Posting Flow – Self-hosted (Jetpack) wp-admin

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from the wp-admin dashboard of a self-hosted WordPress site (which happens to be connected via Jetpack, although that’s largely irrelevant for this flow).

#image-post-flow

  1. From the wp-admin dashboard, open the Posts list
  2. Click Add New
  3. Add a title and body to the post
  4. Click Add Media
  5. Click Upload Files
  6. Click Select Files, and choose a file from your local machine (note that the file selection dialog isn’t visible in the video below)
  7. Click Publish

Question 1: Is the image you uploaded attached to the post afterward?
Yes –
wp-admin-image-attached-from-wpadmin-jetpack

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?Yes (Seen here on desktop web, but also observed in Android)
wp-reader-image-present-from-wpadmin-jetpack

 

Image Posting Flow – Gutenberg

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from Gutenberg (version 1.4.0 on a Pressable self-hosted site).

#image-post-flow

  1. Select Gutenberg > New Post in WP Admin.
  2. Enter a title and text.
  3. Add an image block.
  4. Drag and drop an image on the image block.
  5. Wait for the image to upload.
  6. Select Publish in the top right.
  7. Select “View Post” to view the published post.

Question 1: Is the image you uploaded attached to the post afterward?

No, I checked in the media library and the image was not attached to the post:

Screen Shot 2017-10-13 at 5.57.18 PM.png

This was an issue that is supposed to be resolved:

https://github.com/WordPress/gutenberg/issues/1586

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?

The image does appear on the post in the Calypso Reader feed:

CalypsoReader-GutenbergPhotoPost

However, there is no image preview on the Reader feed in the iOS and Android apps:

Image Posting Flow – Calypso

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from Calypso (in Chrome, Mac OS 10.12.6).

#image-post-flow

  1. Select the Write button in the top right (masterbar).
  2. Enter a title and text.
  3. Select the Add Content button.
  4. Select Media.
  5. Drag and drop an image into the media library.
  6. Select the Insert button.
  7. Wait for the Publish button to be enabled.
  8. Select Publish in the top right.
  9. Select Publish again to confirm.
  10. View the post preview.

Question 1: Is the image you uploaded attached to the post afterward?

Yes. I confirmed in the WP Admin media library that the photo is attached to the post:

Screen Shot 2017-10-13 at 5.37.31 PM.png

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?

Yes. I confirmed the image shows up on the post in the Reader feed in Calypso, iOS app, and Android app:

Image Posting Flow – WPiOS

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from the iOS native app (version 8.5 on iPhone 6, iOS 11.0.3).

#image-post-flow

  1. Tap the Post button in the center of the bottom navigation bar.
  2. Enter a title and text.
  3. Tap the Add Media button.
  4. Select a photo from the device photos.
  5. Tap “Insert 1” to insert the photo in the post content.
  6. Wait for the photo to upload.
  7. Tap “Publish” in the top right.
  8. Tap the View Post button to view the post.

Question 1: Is the image you uploaded attached to the post afterward?

Yes. I confirmed in the WP Admin media library that the photo is attached to the post:

Screen Shot 2017-10-13 at 5.10.49 PM

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?

Yes. I confirmed the image shows up on the post in the Reader feed in Calypso, iOS app, and Android app:

Image Posting Flow – WordPress.com Simple wp-admin

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from the wp-admin dashboard of a WordPress.com Simple site

#image-post-flow

  1. From the wp-admin dashboard, open the Posts list
  2. Click Add New
  3. Add a title and body to the post
  4. Click Add Media
  5. Click Upload Files
  6. Click Select Files, and choose a file from your local machine (note that the file selection dialog isn’t visible in the video below)
  7. Click Publish

Question 1: Is the image you uploaded attached to the post afterward?
Yes –
wp-admin-image-attached-from-wpadmin

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?Yes (Seen here on desktop web, but also observed in Android)
wp-reader-image-present-from-wpadmin.png

 

Image Posting Flow – WPAndroid

There have been some reports of people attempting to write posts with images, only to find that the images aren’t actually present on the post. To work through the problem, we’re going to post a quick series here on https://test.wordpress.com of image posts from a variety of platforms. This is the post documenting the flow from the Android native app.

#image-post-flow

  1. From the main site menu, tap the Compose Post button on the bottom right of the screen
  2. Add a title and text
  3. Tap the Add Media button
  4. Select a photo from my phone’s memory
  5. Tap Publish
  6. Wait for the post to upload
  7. View the post

Question 1: Is the image you uploaded attached to the post afterward?
No –
wp-admin-image-unattached

Question 2: If you view the resulting post in our various Reader environments, do you see an image preview?
Yes (Seen here in WordPress.com / Calypso web, but also seen from the Android app)-
wp-reader-image-present