ThesisMobile is a child theme for use with the Thesis WordPress theme. ThesisMobile formats your site to a mobile friendly format.
ThesisMobile is a true child theme, so it uses all your Thesis settings, but also has its own custom folder so that you can make customisations especially for your mobile site.
This child theme should be used with a mobile theme switching plugin, such as Mobile Smart. The child theme itself does not have any mobile switching capabilities itself. Please note, this is not a responsive theme where you have both desktop and mobile styles in theme: those are cool, but this is more for when you really want to pare back the content of your site on mobile devices.
Choose your own price!
Features
- Removes sidebars for streamlined viewing
- Makes whole post excerpts clickable for easier navigation on small screens (only with javascript enabled browsers)
- Uses the Thesis options you’ve already set up
ThesisMobile v0.5 works on Thesis 1.8.4, 1.8.5 and 1.8.6.
Installation instructions
- Upload ThesisMobile to your themes directory
- Either:
- Rename your Thesis directory to “thesis”
- Or change line 7 of ThesisMobile/style.css from
Template: thesis
toTemplate: thesis_186
(or whatever your Thesis folder name is)
Basically the main Thesis directory and the ThesisMobile “template” name have to be the same.
- Activate your mobile theme switcher plugin and set it to use ThesisMobile on mobile devices
- If you’re using a caching plugin make sure your plugin is set to not cahce, or create a different cache on mobile devices
- For W3TC this is in the User Agent Groups settings
- For WP Super Cache it is at the bottom of the Advanced settings (and is correct by default).
Copying your modifications to Thesis Mobile
- Copy layout.css from your active Thesis custom folder to ThesisMobile/custom/
- If you are using custom CSS and functions with Thesis you can add these to Thesis Mobile in one of two different ways
- Use the following code in ThesisMobile/custom/custom_functions.php to use the custom files directly from your main Thesis folder
include_once(TEMPLATEPATH.'/custom/custom_functions.php'); wp_enqueue_style('thesis-custom-css', get_bloginfo('template_url').'/custom/custom.css');
- Copy the custom files from your Thesis custom folder to the Thesis Mobile custom folder to be able to edit them especially for use with Thesis Mobile.
- Use the following code in ThesisMobile/custom/custom_functions.php to use the custom files directly from your main Thesis folder
Use a mobile menu
Version 0.5 has a mobile menu with the commonly used hamburger icon.
Sidebars and widgets
You can re-add your sidebars by pasting add_action('thesis_hook_after_content','thesis_sidebars');
into ThesisMobile/custom/custom_functions.php, or you can add new content areas using hooks and filters in the usual Thesis way.
That’s it! Enjoy!
Please ask your questions and make your feature requests below. Thanks!
$0