[Mobile App] [screenshots] [content] Social Icons 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

How to Add social icon 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 site.

2.On New OR Existing Post:

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

ALT Text : On a mobile screen, a content creation app interface is shown, with an option to add a new social icon embed.

3.Select a Block:

• Search the Social Icon block and select the Social Icon block

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

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

4.Add a Link On Social Icon

ALT Text : Displayed on a mobile screen shows the social icon block.

ALT Text : Displayed on a mobile screen is a field where the user can add the selected social icon link to the post.

5. Add any new social Icon Expect Default Icon set

ALT Text : click on plus icon to add additional social icons on page or post

ALT Text : Use search option or directly select needed social icon by scrolling up or down

ALT Text : Selected social icon is displayed on screen

5.Publish the Post Now:

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

ALT Text : A mobile interface showing after adding link how user can publish the post

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

6.Social Icon Block Post on Website:

ALT Text : A web page view displaying published Social Icon block post with it’s details

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

1. Open the WordPress App

• Launch the WordPress app on your iOS device.
• Log in to your WordPress account if you haven’t already done so.

2. Navigate to Posts or Pages

• Tap the menu icon (typically represented by three horizontal lines or dots) in the top corner.
• Select "Site" to view your available sites, then choose the site you wish to edit.
• Navigate to "Posts" or "Pages" based on where you want to add the social icon block.

3. Create a New Post or Page (or Edit an Existing One)

• Tap the "+" icon to create a new post or page, or select an existing post or page to edit.

4. Access the Block Editor

• Tap on the area where you wish to add the block.
• Tap the "+" icon (add block button) to open the block library.

5. Add the Social Icon Block

• In the block library, use the search bar to type “social icons” or scroll to locate it.
• Tap the "Social Icons" block to add it to your post or page.
• In social media block can see the plus Icon on click of that can add the icon user wants

6. Add Social Media Links

• Tap on the social icon (e.g., Facebook, Twitter) you want to include.
• Tap the "Link" icon and enter the URL for your social media profile.
• Repeat the process for any additional social icons you want to include.

7. Preview and Publish

• Once you have added and configured the social icons, tap on the preview icon to see how it will look on mobile.
• If you are satisfied with the layout, tap the "Publish" button to make your changes live.

How to Incorporate social icon block into a WordPress Site for IOS

https://github.com/user-attachments/assets/82de2ed2-b4c3-455f-9c3f-5eba4e7137f4

[vishal4669]

/review