WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to create mobile theme for my theme (9 posts)

  1. jrstudio
    Member
    Posted 1 year ago #

    Hi again everyone,

    I am wondering how can I make mobile support for my theme. So what I would I like to do is not entirely new theme, just somehow mobile theme inside this theme, if you understand?

    If someone visits page on mobile phone or tablet, it will have different look for theme which I would style of course.

    Thanks

  2. Keith Burgie
    Member
    Posted 1 year ago #

    The WPtouch plugin will do it pretty simply:
    http://wordpress.org/extend/plugins/wptouch/

    A full responsive design will take more work. Responsive sites are the ones that look different on a phone or tablet. Smashing Magazine has all kinds of info:
    http://wp.smashingmagazine.com/2012/06/28/create-responsive-mobile-first-wordpress-theme/

  3. jrstudio
    Member
    Posted 1 year ago #

    Yea this plugin is nice, but its just what I do not want. I dont wanna plugins for this. Do you maybe know any other solution for this?

    I did found tutorial on how to create a nice and simple mobile theme, but again its complete theme. I would like something that's included in my theme and then when someone with mobile phone or tablet visits it just changes the look of it?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Are you CSS literate?

  5. jrstudio
    Member
    Posted 1 year ago #

    I'm sorry but I dont understand what you mean :/

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    You could use media queries within your theme, manually, but this would require knowledge of CSS.

  7. jrstudio
    Member
    Posted 1 year ago #

    oh, I know a "bit" of css but did not know about this. Do you think this would be a good method for developing mobile theme?

  8. kyme
    Member
    Posted 1 year ago #

    It would be better if you use plugins than creating your own unless you
    have any deadlines.
    Creating your own is nice and fun but it will eat all your time.
    If your on hurry and don't have specific styles for your mobile, just use plugins.
    But if your meticulous and willing to have its own and can provide,
    well you can work with css and media queries.

  9. Brendon Brown
    Member
    Posted 1 year ago #

    CSS media queries are currently the cleanest method for making a mobile-friendly theme. By inserting a media query into your main theme stylesheet, you can call separate styling for mobile devices. There are several formulations, but media queries generally look like: "@media screen and (max-width: 699px) and (min-width: 520px) {CSS STYLE HERE}" . I personally prefer to use a query to @import a whole separate stylesheet for the predetermined screen size.

Topic Closed

This topic has been closed to new replies.

About this Topic