CMS Theme Settings

Add custom CSS declarations to further customize your WPtouch Pro theme.

The "CMS" theme offers a home page slider that displays the featured images from your posts. At least two posts must have featured images attached for the slider to function. Posts without assigned featured images will not be included in the slider. You may choose:

• the maximum number of posts featured,
  
• whether or not your slider transitions between images automatically,
  
• whether your images continuously slide and repeat,
  
• whether to use the images' colors or to apply a black and white effect,
  
• whether or not the posts that display in the Featured Slider are also displayed in the post listing,
  
• the speed at which the slides interchange, 
• and from which posts you would like to source your slider's images.
  
• When selecting to display posts from a specific category, enter the slug name of the category (not the category ID)

Images are automatically resized to the slider's dimensions.

Enable or disable the Search icon in the header.

"CMS" theme offers a secondary menu that appears in the header sitewide. This setting allows you to customize the name of that menu. Menu options for the mobile theme may be setup under Appearance > Menus in WordPress. 

Social Media Links

When you enter the full URLs of your social network pages, corresponding icons will display in the footer of all pages in your WPtouch Pro active theme.

Social Sharing

You may choose to enable the set of sharing tools bundled with WPtouch Pro: Facebook, Twitter, Pinterest and E-mail. The set of buttons may be shown on posts or pages, placed above or below your content, and/or styled in either your theme's colors or with the colors of each social network. 

Tiled Background

Images in .png and .jpg format may be uploaded for use as a tiled background in your mobile theme. Large images will be automatically scaled for optimal presentation on Retina displays. Smaller images will not be scaled to be larger. Select and upload the image you would like to use as the tiled background in CMS.

Typography

WPtouch Pro includes a selection of complementary Google Font pairings for use in your mobile theme. Font styles will be applied to the body text and headings of your site.

Search

Enable or disable the search icon in the header area. Search is enabled by default in the CMS theme.

Custom Post Support

Video Handling

Video may be added to a site in several ways. In addition, a particular desktop theme may have its own method of handling video. To cover as many methods as possible WPtouch Pro offers choices in how video is handled. If the default method is not proving successful for your particular desktop theme, try one of the other methods.

---

Resizing Fixed-Width Video Some auto-embed code provided by video services add or include fixed-dimension iframes to your posts and pages. When video widths are fixed to be wider than a device’s screen, native resizing abilities are overridden and video overflow is often the result.One method to try when working with fixed-width elements is to add custom CSS to WPtouch Pro that will modify the item. Adding the following to your child theme’s style.css file   per these instructions should allow a fixed-dimension iframe to reflow to any device’s screen width:  

iframe { width: 100% !important;}

 Best practice is to avoid using fixed dimensions. Where possible edit embed code to use percentages for width definitions rather than pixels or ems.

Featured Slider

The "CMS" theme offers a home page slider that displays the featured images from your posts. At least two posts must have featured images attached for the slider to function. Posts without assigned featured images will not be included in the slider. You may choose:

• the maximum number of posts featured,
• whether or not your slider transitions between images automatically,
• whether your images continuously slide,
• whether to use the images' colors or to apply a black and white effect,
  
• whether or not the posts that display in the Featured Slider are also displayed in the post listing,
• the speed at which the slides interchange, and
  
• from which posts you would like to source your slider's images.

Images are automatically resized to the slider's dimensions.

Branding

Theme Colors

WPtouch Pro's palette tool allows you to easily choose custom colors for your mobile theme. Click on the color you want to change to bring up a palette that's automatically filled with the colors used in your desktop theme. You may choose any of those colors or select "palette" to select a custom color. Hex color values such as #5195b3 may be entered in the palette as well. Colors may be selected for the header background, theme background, and links of your mobile theme.

Site Logo

Logo images in .png and .jpg format may be uploaded for use in your mobile theme. Large images will be automatically scaled to a maximum width of 1136px for optimal presentation on Retina displays. Smaller images will not be scaled to be larger. Uploaded images are saved to:

• /wp-content/wptouch-data/uploads/ if you have a single-site WordPress installation, or
• /wp-content/wptouch-data/YOUR_SUBSITE_ID/uploads/ if you have a WordPress network installation.

Smart App Banner

If you have an app available for download on Apple's App Store, you may enter its app ID and WPtouch Pro will display its Smart App Banner above the header of your mobile theme. You may locate your App Store ID through Apple's Link Maker tool: http://itunes.apple.com/linkmaker/

Theme Footer

WPtouch Pro offers a field where you may quickly and easily add code to be displayed in the footer code of your mobile theme, below the theme switch. You may include plain text or HTML.

Tiled Background Image

Images in .png and .jpg format may be uploaded for use as a tiled background in your mobile theme. Large images will be automatically scaled for optimal presentation on Retina displays. Smaller images will not be scaled to be larger. Uploaded images are saved to:

• /wp-content/wptouch-data/uploads/ if you have a single-site WordPress installation, or
• /wp-content/wptouch-data/YOUR_SUBSITE_ID/uploads/ if you have a WordPress network installation.
  
  

Alternate Menu Title

"CMS" theme offers a secondary menu that appears in the header sitewide. This setting allows you to customize the name of that menu. Menu options for the mobile theme may be setup under the Menus admin panel.

CSS Effects

This option offers the ability to overlay a CSS-based texture effect on your selected background color and header areas.

Typography

WPtouch Pro includes a selection of complementary Google Font pairings for use in your mobile theme. Font styles will be applied to the body text and headings of your site.

Sharing

You may choose to enable the set of sharing tools bundled with WPtouch Pro: Facebook, Twitter, Google Plus, and E-mail. The set of buttons may be shown on posts or pages, placed above or below your content , and/or styled in either your theme's colors or with the colors of each social network.

Footer Social Links

When you enter the full urls of your social network pages, corresponding icons will display in the footer of all pages in your mobile theme.

Bookmark Icons

Icon Upload

Images in .png and .jpg format may be uploaded for use as a home screen icons on iOS and Android-based devices. If no icon is specified, the default iOS icon will be used.

• Low resolution icon – 96 x 96 pixels
• High Resolution icon – 192 x 192 pixels 

  

Custom Content

Static Front Page

Content added to the "Static front page alternate content" area will replace all content of the page set under WordPress > Settings > Reading Settings > Front page displays. This applies to sites that use a static home page only.

Web-App Mode

Detailed information on Web-App Mode, which is an option that is shared across themes, can be found at Web-App Mode.

Advertising

Detailed information on adding advertising content to your mobile theme, an option that is shared across themes, can be found at Advertising.