• Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

Easy Web Design Tutorials

WordPress Tutorials and more

  • Home
  • WordPress
    • How To
    • Plugins
    • Themes
      • Genesis
      • Themify
      • Mysite myway
    • Security
    • Developer
    • Teaching
    • Conference
    • Chat
  • Blog
  • About
  • Freelance
    • Plugins
    • Teaching
    • Need help?
    • CV og ref.
  • Contact

27 August - 2013 By Paal Joachim Add a Comment
Last updated on: January 8, 2016

I took part in todays THX38 (Theme Experience) chat where we discussed different solutions that various theme manufacturers use for their own themes and talked about mockups for the new Theme preview experience.

I mentioned a few sites so we could take a look at their theme browser experience:
https://themify.me/themes#
https://themeforest.net/category/wordpress
https://ithemes.com/find/themes/
https://www.elegantthemes.com/gallery/category/portfolio/
https://www.1stwebdesigner.com/wordpress/30-quality-sites-to-easily-preview-and-download-free-wordpress-themes/

Other sites mentioned:
https://theme.wordpress.com/
https://www.tumblr.com/themes

 

Here are some mockups:

 https://make.wordpress.org/ui/2013/08/20/thx38-first-meeting-summary/#comment-23592 Emil created this mockup:

 

 

WordPress quick draft by Emil wireframe

 

Themes page from the new experimental plugin:
https://wordpress.org/plugins/thx38/
https://cl.ly/image/3S3g1u0J0B31

 

hover-current-theme-Emil

shaunandrews created this mockup:
https://cl.ly/image/0p3Z2y3r0U14

 shaunandrews-theme-browser-mockup

I made a mix of both.

One of the stumbling blocks for new users today is creating a child theme. Understanding that what they customize in their theme might be overwritten when they update the theme. We need to find a simpler way to handle this.

Some options as I see them:

1. Have an obvious button called Child theme next to Customize as I have created in the two below mockups.
2. The first option in the Customizer could be Create a Child Theme.
3. Keeping it mostly invisible in the background. Clicking Activate Theme automatically creates a Child Theme.
Called perhaps something like Twenty Eleven in use/Child, or some other unique extension.

 

Theme-Browser-Mockup

 

When the installed themes cover more then a line it just pushes “Discover Themes” downward.

Another mockup I made.

 

Theme-Browser-Mockup2

 

To follow along in what is going on with Theme preview discussion go to: https://make.wordpress.org/ui

 

 

 

 

Share this:

  • Email

Categories: Developer, WordPress

Paal Joachim Romdahl

I enjoy teaching and creating tutorials. As well creating web sites.
I help people gain WordPress knowledge through my easy to follow tutorials and specialized training. Contact me for more information on how I can improve your WordPress skills and to help get your web site quickly up and running.

Leave a Comment Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© 2019 · By Easy Web Design Tutorials · Built on the Genesis Framework · WordPress · Log in · ⇪

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.