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

[Mobile App] [screenshots] [content] Separator block

Open estelaris opened this issue 1 year ago • 5 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 16: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 16:06 github-actions[bot]

/assign

vishal4669 avatar Aug 16 '24 10:08 vishal4669

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

github-actions[bot] avatar Aug 16 '24 10:08 github-actions[bot]

☑️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 Separator in the WordPress Mobile App for Android

1.Open the WordPress App:

  • Launch the WordPress mobile app on your smartphone or tablet. Ensure you are logged in to your WordPress app.

2.On New OR Existing Post:

  • Tap on the "+" (plus) button to add a Separator block on the post.

1 ALT Text : On a mobile screen, a content creation app interface is shown, with an option to add a new Separator block.

3.Select a Block:

  • Search the Separator block and select the Separator block

2 ALT Text : Displayed on a mobile screen is a search bar and various types of content blocks available for selection in an app.

3 ALT Text : A mobile interface showing available content blocks, with a focus on the Separator block’' option.

  1. Position the Separator 4 ALT Text : Displayed on a mobile screen is placed from where the user can adjust the width of the separator and where separator is placed.

5 ALT Text : Displayed on a mobile screen is placed from where the user can choose the separator width option.

5.Publish the Post Now:

  • After adding the separator block in post you can see how it will look and if you think no changes required than can publish the post

6 ALT Text : A mobile interface showing after adding separator block how user can publish the post

7 ALT Text : If everything looks good, tap on the "Publish" button to make your separator block post live on your WordPress site

6.Separator Block Post on Website: 8 ALT Text : A web page view displaying published separator block post with it’s details

How to Add social Separator Block in the WordPress Mobile App for IOS

  1. Open the WordPress App:
  • Launch the WordPress app on your iOS device.
  • Select the site where you want to add the separator block.
  1. Access the Editor:
  • Navigate to the post or page you want to edit.
  • Tap on the "+" (plus) button to add a new block.
  1. Search for the Separator Block:
  • In the block library, use the search bar at the top and type "Separator."
  • Tap on the "Separator" block from the results.
  1. Insert the Separator Block:
  • The separator block will be added to your content.
  • You can customize its style (e.g., default, wide line, dots) if needed.
  1. Position the Separator:
  • Drag and drop the block to place it where you want in your content.
  • You can also use the up and down arrows to adjust its position.
  1. Save or Publish:
  • Once you're satisfied with the placement, tap "Save" or "Update" to publish the changes.

How to Incorporate Separator block into a WordPress Site for IOS

https://github.com/user-attachments/assets/95de6a7a-ab87-46aa-b1df-e8f8128bcb8a

vishal4669 avatar Aug 26 '24 06:08 vishal4669

/review

vishal4669 avatar Aug 27 '24 13:08 vishal4669