Kristarella Studios

Design and development by Kristen Symonds

  • Home
  • About
  • Products
  • Portfolio
  • Contact
You are here: Home / Downloads / Thesis Mobile Child Theme

14 Nov 2011

Thesis Mobile Child Theme

Contents
  1. Features
  2. Installation instructions
    1. Copying your modifications to Thesis Mobile
    2. Use a mobile menu
    3. Sidebars and widgets

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

  1. Upload ThesisMobile to your themes directory
  2. Either:
    • Rename your Thesis directory to “thesis”
    • Or change line 7 of ThesisMobile/style.css from Template: thesis to Template: thesis_186 (or whatever your Thesis folder name is)

    Basically the main Thesis directory and the ThesisMobile “template” name have to be the same.

  3. Activate your mobile theme switcher plugin and set it to use ThesisMobile on mobile devices
  4. 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
    1. 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');
    2. 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 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

Free – Add to Cart Checkout Added to cart

Copyright © 2021 · Whitespace Pro Theme on Genesis Framework · WordPress · Log in