[Mobile App] [screenshots] [content] Stack block

[estelaris]

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

[github-actions[bot]]

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

[vishal4669]

/assign

[github-actions[bot]]

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]

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

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

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

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

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

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

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

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

https://github.com/user-attachments/assets/59c3bf66-9bd8-4f91-ab55-4ad959e8646f

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.

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

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

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

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

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

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

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

https://github.com/user-attachments/assets/faddd58d-b813-403d-bbe3-f8254a1fa121

[vishal4669]

/review