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] Video block #1609

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

[Mobile App] [screenshots] [content] Video block #1609

estelaris opened this issue Jun 9, 2024 · 5 comments
Assignees
Labels
mobile app user documentation for the mobile app needs screenshots new document Requests for new page/article. self-assigned [Status] Review Issue in review 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 Video block Jun 9, 2024
@estelaris estelaris added user documentation (HelpHub) Improvements or additions to end-user documentation new document Requests for new page/article. needs screenshots mobile app user documentation for the mobile app [Status] To do Issue marked as Todo labels Jun 9, 2024
@vishal4669
Copy link

/assign

Copy link

Hey @vishal4669, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

@vishal4669
Copy link

☑️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

How to Add Video Blocks in the WordPress Mobile App for Android

Adding a video block to your post in the WordPress mobile app involves a few straightforward steps. Here’s a detailed guide to help you through the process:

1.Open the WordPress App:
Launch the WordPress mobile app on your smartphone or tablet. Ensure you are logged in to your WordPress site.

2.On New OR Exisiting Post:
Tap on the "+" (plus) button to add video block on post.
1 ChooseBlock
ALT Text : On a mobile screen, a content creation app interface is shown, with an option to add a new content block.

3.Select a Block:
Search the video block and select the Video Block
2 BlockList
ALT Text : Displayed on a mobile screen is a search bar and various types of content blocks available for selection in an app.
3 chooseblock
ALT Text : A mobile interface showing available content blocks, with a focus on the 'Video' block option.

4.Choose a Video Source:
After adding the Video block, you'll have the following options to upload a video to the post.
Choose From Device: Select this option to upload a video file directly from your device. Tap "Choose From Device" to select a
video file stored on your device.
Take a Video: Use your device's camera to record a new video. Tap "Take a Video" to start recording a video directly within the WordPress app.
Wordpress Media Library: Access videos previously uploaded to your WordPress site's media library. Tap "WordPress Media Library" to choose a video that is already stored in your site's media library.
Insert From URL: Embed a video from an external source using its URL. Tap "Insert From URL" and paste the URL of the video (e.g., YouTube, Vimeo) to embed it directly into your post.
4 ChooseVideoSource
ALT Text : A screen displaying different options for video sources, such as 'Choose from device', 'Take a video', and 'WordPress Media Library'

  1. Choose Video From Media Library :
    Select the Video from Your Site Media
    5 ChooseVideoFromMedia
    ALT Text : On a mobile interface, a selected video thumbnail is displayed from the WordPress media library

  2. Selected Video Block on Post and Publish:
    When the chosen video block appears, click Publish in the upper right corner on the right side.
    6 VideoBlockOnPostSelected
    ALT Text : A screen in a content editor showing a video block with a thumbnail, indicating it's ready for publishing.

9.Publish the Post Now:
Click On Publish Now Button to Publish the Post
7 PublishThePost
ALT Text : If everything looks good, tap on the "Publish" button to make your video block post live on your WordPress site.

10.Video Block Post on Website:
8 VideoBlockPostOnWebsite
ALT Text : A web page view displaying a newly published video post, with the post date and author listed.

How to Add Video Blocks in the WordPress Mobile App for IOS

1.Open the WordPress App:
Launch the WordPress mobile app on your smartphone or tablet. Ensure you are logged in to your WordPress site.
2.Start a New Post:
Tap on the "+" (plus) button to start a new post.
3.Select a Block:
In the editor, tap on the area where you want to add a block (e.g., where you want the video to appear).
4.Add a Video Block:
Tap on the "+" (plus) button that appears or the "Add block" option.
Scroll down or search for the "Video" block. Tap on it to add it to your post.
5.Upload Video:
After adding the Video block, you'll have the following options to upload a video to the post.
Choose From Device: Select this option to upload a video file directly from your device. Tap "Choose From Device" to select a
video file stored on your device.
Take a Video: Use your device's camera to record a new video. Tap "Take a Video" to start recording a video directly within the WordPress app.
Wordpress Media Library: Access videos previously uploaded to your WordPress site's media library. Tap "WordPress Media Library" to choose a video that is already stored in your site's media library.
Insert From URL: Embed a video from an external source using its URL. Tap "Insert From URL" and paste the URL of the video (e.g., YouTube, Vimeo) to embed it directly into your post.
6.Publish:
If everything looks good, tap on the "Publish" button to make your video block post live on your WordPress site.

How to Incorporate Video Block into a WordPress Site for iOS

VideoBlockIOS.mp4
@vishal4669
Copy link

/review

@github-actions github-actions bot added [Status] Review Issue in review and removed [Status] To do Issue marked as Todo labels Jun 26, 2024
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. self-assigned [Status] Review Issue in review user documentation (HelpHub) Improvements or additions to end-user documentation
2 participants