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] Stack block #1606

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] Stack block #1606

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 Stack block [Mobile App] [screenshots] [content] Stack 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

Steps How to Add Stack Blocks in the WordPress Mobile App for Android

  1. Open the WordPress App
  • Launch the WordPress app on your Android device.
  • Log in to your WordPress account if you haven’t already.
  1. Navigate to Posts or Pages
  • Tap on the menu icon (usually three horizontal lines or dots) in the top corner.
  • Select "Site" to view your sites, then choose the site you want to edit.
  • Go to "Posts" or "Pages" depending on where you want to add the Stack block.
  1. Create a New Post or Page (or Edit an Existing One)
  • Tap on the "+" icon to create a new post or page, or select an existing post or page to edit.
  1. Access the Block Editor
  • Once in the editor, tap on the area where you want to add the block.
  • Tap on the "+" icon (add block button) to open the block library.
  1. Add the Stack Block
  • In the block library, use the search bar to type “Stack” or scroll to find the Stack block.
  • Tap on the Stack block to add it to your post or page.
  1. Configure the Stack Block
  • Once added, you can add content blocks inside the Stack block, such as text, images, or other blocks.
  • Tap on the "+" icon within the Stack block to add content blocks.
  • Rearrange the blocks within the Stack by dragging them to your desired position.
  1. Customize Stack Block Settings
  • Tap on the Stack block to access its settings. You can adjust settings like alignment, background color, spacing, and more depending on the available options.
  1. Preview and Publish
  • Once you have added and configured the Stack block as desired, tap on the preview icon to see how it looks on mobile.
  • If satisfied, tap on the publish button to make your changes live.

How to Incorporate Stack Block into a WordPress Site for Android

stack_block_android.mp4

Steps How to Add Stack Blocks in the WordPress Mobile App for IOS

  1. Open the WordPress App
  • Launch the WordPress app on your Android device.
  • Log in to your WordPress account if you haven’t already.
  1. Navigate to Posts or Pages
  • Tap on the menu icon (usually three horizontal lines or dots) in the top corner.
  • Select "Site" to view your sites, then choose the site you want to edit.
  • Go to "Posts" or "Pages" depending on where you want to add the Stack block.
  1. Create a New Post or Page (or Edit an Existing One)
  • Tap on the "+" icon to create a new post or page, or select an existing post or page to edit.
  1. Access the Block Editor
  • Once in the editor, tap on the area where you want to add the block.
  • Tap on the "+" icon (add block button) to open the block library.
  1. Add the Stack Block
  • In the block library, use the search bar to type “Stack” or scroll to find the Stack block.
  • Tap on the Stack block to add it to your post or page.
  1. Configure the Stack Block
  • Once added, you can add content blocks inside the Stack block, such as text, images, or other blocks.
  • Tap on the "+" icon within the Stack block to add content blocks.
  • Rearrange the blocks within the Stack by dragging them to your desired position.
  1. Customize Stack Block Settings
  • Tap on the Stack block to access its settings. You can adjust settings like alignment, background color, spacing, and more depending on the available options.
  1. Preview and Publish
  • Once you have added and configured the Stack block as desired, tap on the preview icon to see how it looks on mobile.
  • If satisfied, tap on the publish button to make your changes live.

How to Incorporate Stack Block into a WordPress Site for IOS

StackBlockIOS.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 Aug 6, 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
None yet
Development

No branches or pull requests

2 participants