Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
7 tasks
Tracked by #1002
estelaris opened this issue Jun 9, 2024 · 4 comments
Open
7 tasks
Tracked by #1002

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

estelaris opened this issue Jun 9, 2024 · 4 comments
Assignees
Labels
mobile app user documentation for the mobile app needs screenshots new document Requests for new page/article. [Status] To do Issue marked as Todo user documentation (HelpHub) Improvements or additions to end-user documentation

Comments

@estelaris
Copy link
Member

estelaris commented Jun 9, 2024

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
Copy link

github-actions bot commented Jun 9, 2024

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

@estelaris estelaris changed the title Audio block [Mobile App] [screenshots] [article] Audio block Jun 9, 2024
@estelaris estelaris changed the title [Mobile App] [screenshots] [article] Audio block [Mobile App] [screenshots] [content] Audio block Jun 9, 2024
@estelaris estelaris self-assigned this Jun 9, 2024
@estelaris estelaris added user documentation (HelpHub) Improvements or additions to end-user documentation mobile app user documentation for the mobile app [Status] To do Issue marked as Todo labels Jun 9, 2024
@estelaris estelaris added new document Requests for new page/article. needs screenshots labels Jun 9, 2024
@minchev-nitro
Copy link

minchev-nitro commented Jun 13, 2024

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
Copy link

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

@vicheva
Copy link

vicheva commented Jun 13, 2024

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:
  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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
mobile app user documentation for the mobile app needs screenshots new document Requests for new page/article. [Status] To do Issue marked as Todo user documentation (HelpHub) Improvements or additions to end-user documentation
Projects
Development

No branches or pull requests

3 participants