WordPress Mobile Theme – Customization guide

The “WordPress Mobile Theme” enables the ultimate mobile WebApp experience for your mobile users.

The following instructions describe how to customize it after its been installed on your WordPress system.

1. Access the “WordPress Mobile Theme” customize screen:

There are two options to access the “WordPress Mobile Theme” customize screen, as follows:

   1.1 Access the customize screen on the WordPress theme settings:

You can customize the “Wordpress Mobile Theme” on the WordPress Admin – Appearance – Themes – click the “Customize” below the “Wordpress Mobile Theme”.

   

   1.2 Access the customize screen on the “WP Mobile Theme Switcher” plugin:

If the “Wordpress Mobile Theme” is not your WordPress activated theme, please install & activate the “WP Mobile Theme Switcher” plugin: http://wordpress.org/plugins/wp-mobile-theme-switcher/

  • Click the “Mobile Theme Switcher” on the WordPress admin sidebar.
  • Choose the “Wordpress Mobile Theme” from the dropdown menu for the “Smartphones Theme” or the “Tablets Theme”.
  • Click the “Configure” button on the right.

 

2. Customize screens settings

There are several screens you can customize on the “WordPress Mobile Theme”, as follows:

   2.1 Site Title & Tagline

The “Site Title” will be displayed on the header of the mobile App screens.

The “Tagline” is used for the website description meta tag.    

 

   2.2 Latest Posts Screen

The “Latest Posts” screen is a collection of all of your WordPress posts, you can customize the look and feel of this screen, as follows:

  • Display Author – By checking this box you can allow or disallow the display of the post’s authors.
  • Display Date- By checking this box you can allow or disallow the display of the post’s published date.
  • Display Comments – By checking this box you can allow or disallow the display of the unread comments counter. The mobile theme comments are based on the native WordPress comment system.
  • Display Thumbnails-  By checking this box you can allow or disallow the display of the post’s thumbnails. The theme uses your WordPress post thumbnails. If you have chosen to display thumbnails and certain post does not have a WordPress thumbnail, the theme will display this post without a thumbnail in a way the post title will capture the whole screen width.

 

   2.3 “Post Screen Settings”

A “Posts Screen” is opened from the “Latest Posts” Screen, you can customize this screen as follows:

  • Display Author – By checking this box you can allow or disallow the display of the post’s author.
  • Display Date- By checking this box you can allow or disallow the display of the post’s published date.
  • Display Comments – By checking this box you can allow or disallow the display of comments. The mobile theme comments are based on the native WordPress comment system.
  • Display Categories – By checking this box you can allow or disallow the display of the post’s related categories.
  • Display Tags – By checking this box you can allow or disallow the display of the post’s related Tags.

 

   2.4 “Page Screen Settings”

The App menu button on the top right includes WordPress “Page Screen”  which can be customized as follows:

  • Display Author – By checking this box you can allow or disallow the display of the page’s authors.
  • Display Date- By checking this box you can allow or disallow the display of the page’s published date.
  • Display Comments – By checking this box you can allow or disallow the display of comments. The mobile theme comments are based on the native WordPress comment system.
  • Display SubPages – By checking this box you can allow or disallow the display of child pages.

 

   2.5 App Icon

Your App icon is displayed on the smartphone’s homescreen (for users that saved your webapp shortcut to their homescreen). Please upload 1024×1024 pixels, PNG format, Rounded corners will be added automatically.

 

   2.6 “Navigation”

sc3

Choose the webapp menu from your WordPress theme menus. You can set your menus on your WordPress admin – Appearance – Menus    

 

   2.7 Static Front Page

sc4

You can set as your App front page the “Latest Posts” screen or a static page , if you prefer a static page you will need choose this page from the “Front page” dropdown list and also you will need to mark on the “Posts page” drop down list the blank WordPress page that is used as a place-holder for showing the Posts on your site. Please see more about creating a static front page for your WordPress at: http://codex.wordpress.org/Creating_a_Static_Front_Page