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] Separator block #1602

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] Separator block #1602

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 Separator block [Mobile App] [screenshots] [content] Separator block 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 new document Requests for new page/article. needs screenshots 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 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

SeperatorBlockIOS.MP4

@vishal4669
Copy link

vishal4669 commented Aug 27, 2024

/review

@github-actions github-actions bot added [Status] Review Issue in review and removed [Status] To do Issue marked as Todo labels Aug 27, 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
Projects
Development

No branches or pull requests

2 participants