jQMobile WordPress Theme

jQMobile — is a free mobile optimized WordPress theme based on jQuery Mobile framework. It can represent your blog in mobile and/or desktop browsers. You may use it for the mobile view only along with WordPress Mobile Pack plugin. The features are listed below:

jQuery Mobile Framework

  • Based on jQuery Mobile framework
  • Compatible with touch-screen smartphones and tablets
  • 3 skins included: Default, Valencia, Green
  • ThemeRoller Mobile Support
  • Widget ready
  • Adaptive layout

desktop/tablet view

Compatible with:
  • Google Chrome
  • Firefox
  • Safari
  • Internet Explorer
  • Opera
  • Apple iPad
  • Android Tablets
  • BlackBerry PlayBook

mobile view default schememobile view green schememobile view valencia scheme

Compatible with:
  • Apple iPhone and iPod Touch
  • Android Phones
  • BlackBerry 6+ Phones
  • webOS
  • Windows Phone 7
  • Opera Mobile
  • Symbian S60

If you like this theme and want it to be even better as well as to see new FREE mobile compatible themes from us, you are welcome to donate.

Theme Options

In order to achieve settings panel please go to Appearance menu of the admin panel and click Theme Options.There are Basic and Advanced settings.

In Basic Settings tab you may change:

Color Scheme: Here you can choose one of the available color schemes for your website. By default three schemes are available: "Default", "Valencia" and "Green".

color schemas

Upload Scheme: Optionally you may create your own color scheme using ThemeRoller Mobile. Once your custom scheme is created and downloaded you may upload it here by clicking "Upload" button.

upload custom color scheme

Mobile Layout: Here you may control the position of the sidebar. It can be left- or right-side aligned.

mobile layout

You may use Advanced Settings for tuning up your custom created color scheme downloaded from ThemeRoller Mobile.

ThemeRoller Mobile allows you to create up to 26 unique color "swatches" marked by letters from "a" to "z". Each swatch defines the look and feel for a bar, content block and a button with normal, hover and pressed interaction states. Within your site, you may assign swatch letters to the elements on a page to mix and match swatch colors for really rich designs. The elements available for customizing are: "Header", "Body", "Footer", "Post Teaser", "Sticky Post", "Widget", "Widget Content", "Comments" and "Comment Form".

advanced settings

See also jQuery Mobile ThemeRoller Preview video.

Changelog

  • Version 0.3 | Dec. 14th, 2011

    - Update to jquerymobile-1.0
    - ThemeRoller Support
    - Added 3 color schemes
    - Added theme options page

  • Version 0.2 | Sep. 29th, 2011

    - Update to jquerymobile-1.0rc1

  • Version 0.1 | Jun. 18th, 2011

    Original version.

Comments

DJABHipHop's picture
DJABHipHop on January 31st, 2012

nice theme but i found a problem
Warning: Invalid argument supplied for foreach() in /home/a9574079/public_html/wp-content/themes/jqmobile/inc/theme-options.php on line 187

MobilizeToday's picture
MobilizeToday on February 1st, 2012

DJABHipHop, this warning may occur due to missing skin files. Did you unpack files directly or through the admin panel? We're ready to help if you give us access to your website (by using contact form).

Sasa's picture
Sasa on February 18th, 2012

I have same problem as @DJABHipHop, got this error on admin page of theme in select where i need to select scheme. Its latest theme files from github and i got error when i upload files (select menu isn't populated). Got error locally on windows, and on hostgator linux hosting online.

Koen's picture
Koen on April 10th, 2012

This is awesome!! Thanks man, really appreciate it!

Ahmad's picture
Ahmad on May 20th, 2012

Amazing theme

Edwin's picture
Edwin on June 13th, 2012

Great theme - thanks a lot!

I was playing around with it and in the meantime WP 3.4 came along. I updated as usual and now the theme seems broken.

I will try to downgrade now…

Patrick Ward's picture
Patrick Ward on June 19th, 2012

Have you managed to get this loading posts from the index using ajax?

seo services pricing's picture
seo services pricing on June 26th, 2012

Everyone loves what you guys are up too. This kind of clever work and coverage!
Keep up the terrific works guys I've incorporated you guys to my personal blogroll.

Tigran's picture
Tigran on July 3rd, 2012

I've installed the theme but when switched to it does not allow to save theme options. Instead of "Default", "Valencia" and "Green" there was empty drop down box. I'm using the latest WP Version 3.4.1.

Thanks,
Tigran

Rich's picture
Rich on August 14th, 2012

Unable to use themeroller

Aron Prins's picture
Aron Prins on August 16th, 2012

To fix the theme, replace the 1.0.js version of jquery-mobile with the 1.1.1.js version : http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js

This will fix the theme ;) Cheers,Aron

robbin's picture
robbin on September 5th, 2012

2 issues/bugs I fixed, share for others.

1.theme-options.php (line 71), need to use
$theme_root = get_template_directory()."/themes";
because __DIR__ is current directory, but it is located in inc, and themes folder is on the parent of the directory, so (sometimes) you can't get the color schemes in theme admin page
2. Line 91,
should be @closedir($themes_dir);
themes_dir is the resource handler

MobilizeToday's picture
MobilizeToday on September 10th, 2012

Hi robbin,

Thanks for sharing the fixes. We've updated the master branch on github. jQueryMobile is upgraded to version 1.1.1. But the new theme version isn't ready yet since we have to resolve the issue with ThemeRoller first.

Mukesh's picture
Mukesh on September 8th, 2012

Hello, this is not working.

Theo's picture
Theo on September 22nd, 2012

Hi,

thanks for this update. At least the theme is working again under WordPress 3.4.2 Looking forward to the next update with a fix for ThemeRoller.

Theo's picture
Theo on October 6th, 2012

Interesting freebie. I created a slightly different theme based on WordPress Twentyeleven and jQuery Mobile. People who are interested in this can find it on my weblog http://www.webdesignforbeginners.info

Pankaj Agrawal's picture
Pankaj Agrawal on October 13th, 2012

Hi
Please tell me which version of wordpress this is for. I love the preview. But when i installed on my wordpress it is all messed up.

http://screencast.com/t/ViRXYwtr

Possibly its not picking up some css file?

- Pankaj

Pankaj Agrawal's picture
Pankaj Agrawal on October 13th, 2012

Hi,

I found that the theme is currently 1.0 in the download.

I was able to fix the previous issue. By replacing the ThemeRoller js file with the latest js file from http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js

The html classes were getting corrupt they were showing like:
ui-[object Object] in the footer instead of ui-footer

It might help other if you update the file.

- Pankaj
vTrainingRoom

Romain's picture
Romain on December 20th, 2012

Hi there!

Thanks for the theme. Works well. I noticed that there is no page transitions like on the iphone. How can I add that to the theme?

Regards

Steve's picture
Steve on February 6th, 2013

The uploading of a CSS file (that someone can create at themeroller) doesn't actually upload. It just goes to a blank screen. When I refresh the page, it's back to normal where I can upload the file again...and this cycle just goes on and on and on.

qqeweqw's picture
qqeweqw on June 12th, 2013

doesnt work with wp 3.5.1

mamke's picture
mamke on June 28th, 2013

Doesn't work with Wordpress 3.5.2. Looks like a completely unstyled wp page.

Would you like to express yourself?