Theme Design for Screen Size

  • kazookie

    (@kazookie)


    9 years, 9 months ago

    Hi
    I’m designing my first wordpress theme psd and wanted to know what screen size I should plan for. Do most designers design based on 1920 resolution or 1440? I know the macbook pro retina is defaulted to 1440 so I’m wondering if I should plan for that.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Jake

    (@jakewpsupport)

    9 years, 9 months ago

    @kazookie,

    You should probably not be so concerned about a particular screen size, since a browser width/height is variable. Recently the mobile first/responsive approach has become popular, and you may want to read into it. Other than that, I would just base my design off a popular device or desktop size, using percentages, and media queries to make it responsive. There are many popular grid systems available as well, based off common desktop screen sizes. Using your browsers developer tools, you can probably find common dimensions for mobile devices.

    Jason King

    (@jasoncharlesstuartking)

    9 years, 9 months ago

    Maybe consider basing your theme on a framework such as Bootstrap or Zurb Foundation, because they take care of a lot of the basic responsiveness for you.

    Moderator James Huff

    (@macmanx)

    9 years, 9 months ago

    Or consider customizing out an already responsive starter theme, like http://underscores.me (with a great tutorial on customizing that at https://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd-edition/ ) or https://roots.io/sage/

    Some free responsive themes for inspiration: https://wordpress.org/themes/tags/responsive-layout/

    Thread Starter kazookie

    (@kazookie)

    9 years, 9 months ago

    Thanks. The problem is I designed another theme using 1920×1200 and when people use a macbook pro with retina – the default is 1440×900 and everything looks too large that it pushes everything down above the fold on the site as it loads.

    Thoughts?

    I understand using bootstrap and percentages but is it wrong to design on 1920 instead of 1440 if 1440 is closer to a more popular size right now?

    Moderator James Huff

    (@macmanx)

    9 years, 9 months ago

    My recommendation is the same as above, build a responsive theme which is adaptable to *all* screen sizes.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Theme Design for Screen Size’ is closed to new replies.