Documentation-Issue-Tracker icon indicating copy to clipboard operation
Documentation-Issue-Tracker copied to clipboard

[Mobile App] [screenshots] [content] Audio block

Open estelaris opened this issue 1 year ago • 4 comments

The content needs to be written for for both iOS and Android

  • [ ] Create content for iOS
  • [ ] Create content for Android
  • [ ] Make sure all links point to wordpress.org/documentation/ .. /
  • [ ] Screenshots or video iOS
  • [ ] Screenshots or video Android
  • [ ] Alt tags for screenshots/videos
  • [ ] Upload to site

estelaris avatar Jun 09 '24 14:06 estelaris

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

github-actions[bot] avatar Jun 09 '24 14:06 github-actions[bot]

Android

The steps for adding an audio block are as follows:

  1. Go to an existing post/page or create a new one.
  2. Go to the plus sign on the bottom left corner.
  3. Click on "Audio" or search for it, then click on it.
  4. Choose between 'WordPress Media Library', 'Insert from URL', or 'Choose from device': a) If you choose 'WordPress Media Library', you will be able to select from all your existing WordPress files. If you don't have any files, you will see an empty state message: "You don't have any audio." b) If you choose 'Insert from URL', you will need to type in the URL of the file. c) If you choose 'Choose from device', you will need to select a file directly from your device by clicking on the desired file and then clicking on the tick sign. Keep in mind that you will need to allow access to the file system.

When the file is added, you will see it with its name and type. By clicking 'OPEN', you will be able to hear it. By clicking on the block itself, you will be able to add a caption for it.

minchev-nitro avatar Jun 13 '24 09:06 minchev-nitro

Android screenshots:

Plus sign (adding the block)

Looking for the block

Searching for the block

Choose audio

You don't have any audio

Insert from URL

Allow access to the file system

Allow access to the file system2

Choose audio file

Search for the audio file

No matches

Select the audio file

Audio file added

Add caption

Caption added

minchev-nitro avatar Jun 13 '24 09:06 minchev-nitro

How to Add Audio Blocks in the WordPress Mobile App for iOS

Adding audio blocks to your posts in the WordPress mobile app is simple. Follow these steps to enhance your content with audio files.

  1. Navigate to Publish > Posts.
  2. Select an existing post or create a new one.
  3. Tap the Plus (+) icon at the bottom left of the screen.
  4. In the search bar, type "Audio" and select the Audio block.
  5. Choose one of the following options:
  • WordPress Media Library: View and select audio files from your media library. Audio files appear at the top.
  • Insert from URL: Enter the URL of the audio file (e.g., https://file-examples.com/wp-content/storage/2017/11/file_example_MP3_700KB.mp3).
  • Other Apps: Redirect to your files and select the desired audio file.
  1. Tap Update at the top right corner to save your changes.

Screenshots

  1. IMG_4586 Alt text: Screenshot of the WordPress mobile app menu highlighting the 'Publish' and 'Posts' options.

IMG_4587 Alt text: Screenshot showing the list of existing posts with an option to create a new post in the WordPress mobile app. 3. Image from iOS (2) Alt text: Screenshot of the WordPress post editor with the Plus (+) icon highlighted at the bottom left corner. 4. IMG_4589 Alt text: Screenshot of the block search interface in the WordPress mobile app with 'Audio' typed in the search bar and the Audio block selected. 5. Image from iOS (3) Alt text: Screenshot showing the prompt with options for 'WordPress Media Library', 'Insert from URL', and 'Other Apps'.

  • WP Media Library: Image from iOS (4) Alt text: Screenshot of the WordPress Media Library with audio files displayed at the top.
  • Insert from URL: IMG_4592 Alt text: Screenshot of the URL input prompt for inserting an audio file from a web link.
  • Other Apps: Screenshot of the file selection interface accessed through 'Other Apps' showing various files available for selection.

IMG_4590 Screenshot with the 'Update' button at the top right corner of the WordPress post editor.

vicheva avatar Jun 13 '24 09:06 vicheva