WordPress.org

Making WordPress.org

Opened 5 weeks ago

Last modified 5 weeks ago

#5063 new enhancement

Add Responsive device icons on the Theme Preview

Reported by: fahimmurshed Owned by:
Milestone: Priority: normal
Component: Theme Directory Keywords: needs-testing needs-design-feedback
Cc:

Description

Please add Responsive device icons on the Theme Preview.
It'll be good to check the theme responsive at the same time.

https://i.imgur.com/Q6hyU5U.png

Currently, it has no theme responsive check options.

https://i.imgur.com/9tfZly3.png

Change History (9)

#1 @fahimmurshed
5 weeks ago

Please ignore .diff file.

#2 @Otto42
5 weeks ago

Broken attachment removed.

#3 @joyously
5 weeks ago

The theme preview doesn't need responsive icons. The user can simply change their browser window. If the user was on a phone, clicking the desktop icon would not work well, so it's best not to give the wrong impression by putting icons there.

#4 follow-up: @Otto42
5 weeks ago

  • Type changed from defect to enhancement

Well, the Customizer has similar buttons.

#5 in reply to: ↑ 4 @fahimmurshed
5 weeks ago

Replying to Otto42:

Well, the Customizer has similar buttons.

That's why I propose to add that on the Theme Preview page. This is just a request :)

Thanks a lot, Otto and Joyously.

#6 @joyously
5 weeks ago

Yes, but the Customizer is in the admin, and is less likely to be used by mobile, since there is a mobile app.

#7 @fahimmurshed
5 weeks ago

@joyously,

Thanks for getting back to this ticket. I am sorry for that, you didn't get my point.

I can't explain more but I'll try.

See, when a user checks a theme of how it is on the wp.org theme repo, or before install/download. He tries to check how its responsive/mobile/tab view.

So, I strongly with my proposal to add that options on the Theme Preview page.

I hope, you understand with my point.

#8 @dufresnesteven
5 weeks ago

The user can simply change their browser window

I don't know that this is necessarily simple for everyone.

Less technical users are familiar with the 'layout' icon paradigm; its used by most of the website builders (WIX, squarespace... etc.).

What others are doing:

Wix

  • Theme preview on Desktop
    • Has 3 (mobile, tablet, desktop) icons
  • Theme preview on Mobile
    • Previews the mobile view only

SquareSpace

  • Theme preview on Desktop
    • Has 3 (mobile, tablet, desktop) icons
  • Theme preview on Mobile
    • Has 3 (mobile, tablet, desktop) icons

Shopify

  • Theme preview on Desktop
    • Has 2 (mobile, desktop) icons
  • Theme preview on Mobile
    • Previews the mobile view only

It appears like other website builders all support this feature.

#9 @fahimmurshed
5 weeks ago

Squarespace template preview

https://i.imgur.com/P2DJfMB.png

Wix template preview

https://i.imgur.com/oyEcyJv.png

Shopify preview

https://i.imgur.com/VvpAZIZ.png

Note: See TracTickets for help on using tickets.