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] Can I make my text fancy? #1544

Open
1 of 5 tasks
estelaris opened this issue May 3, 2024 · 12 comments
Open
1 of 5 tasks

[Mobile App] [screenshots] Can I make my text fancy? #1544

estelaris opened this issue May 3, 2024 · 12 comments
Assignees
Labels
good first issue Good for newcomers mobile app user documentation for the mobile app self-assigned [Status] Review Issue in review

Comments

@estelaris
Copy link
Member

estelaris commented May 3, 2024

Article: #788 (comment)

Screenshots

Please take Screenshots from the Mobile App. Download here: https://wordpress.org/mobile/

  • iOS
  • Android

General

  • Make sure all screenshots are relevant to the latest version
  • Make sure videos, if any, are up to date
  • Add ALT tags for the images
Copy link

github-actions bot commented May 3, 2024

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

@estelaris estelaris added good first issue Good for newcomers mobile app user documentation for the mobile app [Status] To do Issue marked as Todo labels May 3, 2024
@CalolanC
Copy link

CalolanC commented May 6, 2024

/assign

Copy link

github-actions bot commented May 6, 2024

Hey @CalolanC, 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 ❤️

@estelaris estelaris assigned samxmunoz and unassigned CalolanC May 7, 2024
@github-actions github-actions bot added [Status] In progress Issue is in progress and removed [Status] To do Issue marked as Todo labels May 7, 2024
@CalolanC
Copy link

Screenshots and videos on Safari with Iphone 13:

Text-styling-options-IOS
Text-Background-Highlight-IOS
Select-color-for-highlight-text-IOS

Styling-the-text-IOS.mp4

Screenshots and videos on Chrome with Samsung Galaxy S23:

Text-styling-options-Android
Text-Background-Highlight-Android
Select-color-for-highlight-text-Android

Styling-the-text-Android.mp4

/review

@github-actions github-actions bot added [Status] Review Issue in review and removed [Status] In progress Issue is in progress labels May 15, 2024
@samxmunoz
Copy link
Collaborator

Here are the iOS Screenshots + associated ALT text to copy + paste

WordPress Mobile App - Fancy Text - SS 1

ALT: WordPress Mobile App screenshot showing the Post Editor view. Some text is highlighted and the "Bold" styling has been applied, a blue rectangle highlights the "B" (bold) styling option.


WordPress Mobile App - Fancy Text - SS 2

ALT: WordPress Mobile App screenshot showing the Post Editor view. Some text is highlighted and the "Italic" styling has been applied, a blue rectangle highlights the "I" (italics) styling option.


WordPress Mobile App - Fancy Text - SS 3

ALT: WordPress Mobile App screenshot showing the Post Editor view. Some text is highlighted and the "Italic" styling has been applied, a blue rectangle highlights the cogwheel icon for text settings.


WordPress Mobile App - Fancy Text - SS 4

ALT: WordPress Mobile App screenshot showing the Text Settings view. Options are displayed to update the Color of text and background as well as update Advanced fields such as HTML Anchor.


WordPress Mobile App - Fancy Text - SS 5

ALT: WordPress Mobile App screenshot showing the Background color settings. A pink background has been applied to the highlighted text and there is a checkmark over the pink background option.


WordPress Mobile App - Fancy Text - SS 6

ALT: WordPress Mobile App screenshot showing the Text color settings. A white text color has been applied to the highlighted text and there is a checkmark over the white text option.


WordPress Mobile App - Fancy Text - SS 7

ALT: WordPress Mobile App screenshot showing the Post Editor view. The text in the paragraphs has various styling applied: bold, italics, and a section with a pink background and white text.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

Uploading WhatsApp Video 2024-05-23 at 15.19.02.mp4…

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

1
ALT: WordPress Mobile App screenshot of a post editing screen: This image shows a WordPress post titled "Hello world!" with some highlighted text. The highlighted text "WordPress" is bolded. At the bottom, there are several formatting options, including buttons for adding media, changing text alignment, adding a drop cap, bolding text, adding links, undoing, and redoing changes.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

2
ALT: WordPress Mobile App screenshot of a post editing screen: This image shows a WordPress post titled "Hello world!" with some highlighted text. The highlighted text "WordPress" is bolded. At the bottom, there are several formatting options. The blue rectangle highlights the italic button, which allows the user to italicize selected text in the post.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

3 0
ALT: WordPress Mobile App screenshot of a post editing screen: This image shows a WordPress post titled "Hello world!" with some highlighted text. The highlighted text "WordPress" is bolded. At the bottom, there are several formatting options. The blue rectangle highlights the link button, which allows the user to add a hyperlink to the selected text in the post.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

3 1

ALT: WordPress Mobile App screenshot of a post editing screen: This image shows a WordPress post titled "Hello world!" with some highlighted text. The highlighted text "WordPress" is bolded. The highlighting "Link to" field in the toolbar, which allows the user to insert a link to an external website or resource within the post text.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

5
ALT: WordPress Mobile App screenshot of a post editing screen: The blue rectangle displays color customization options, including a default color palette and a custom color picker. The highlight is on the selected red color option in the default palette, enabling users to change the text color in the post or page.

@Zebedeu
Copy link

Zebedeu commented May 23, 2024

7

ALT: WordPress Mobile App screenshot of a post editing screen: The blue rectangle displays background color customization options, including a default color palette and a custom color picker. The highlight is on the selected lighter color in the first row of color options, enabling users to change the background color of the text in the post or page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers mobile app user documentation for the mobile app self-assigned [Status] Review Issue in review
Projects
Status: In Progress
Development

No branches or pull requests

4 participants