• CMS Theme Settings in WPtouch Pro 3.x

  • CMS Settings in WPtouch Pro 4



    Site Identity

    The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall. Select a .png, .jpg, or gif image file from your computer. The icon will be used when adding your website as as web-app to a mobile device, as well as the favicon.


    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 enter a hex color value. Revert to the default color by clicking on the "Default" button.



    Blog

    The settings in this section allows you to override your WordPress Settings only in your mobile theme. You have the options to set the number of posts to display in your latest post listing and exclude from displaying any posts and pages that use specified categories and tags. Posts marked as sticky will continue to display at the top of your post listing in addition to the number of posts set with this option.


    To exclude posts and pages under particular categories or with particular tags, add the category or tag names to the relevant fields("Exclude Categories" and "Exclude tags" ) separating multiple items with commas.


    Choose what meta data you want displayed for each post in your blog listing. You have the option to:


    Show featured images on single posts


    Category Slider

    "CMS" theme offers a sliding menu of post categories. This menu appears in the header portion of the layout below other "CMS" menus.

    Custom CSS

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

    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 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.


    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.


    Header

    Logo images in .png and .jpg format may be uploaded for use in your mobile theme.


    Search

    Enable or disable the Search icon in the header.

    Second Menu

    "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.


    CMS Theme Settings in WPtouch Pro 3.x


    General

    Blog

    The settings in this area allow you to override your WordPress Settings only in your mobile theme. You may set the number of posts to display in your latest post listing and exclude from display any posts and pages that use specified categories and tags. Enable nested comments and enable/disabled featured images in single posts

    Posts marked as sticky will continue to display at the top of your post listing in addition to the number of posts set with this option.

    To exclude posts and pages under particular categories or with particular tags, add the category or tag names to the relevant fields separating multiple items with commas.

    Pages

    The default setting for WPtouch Pro is to disallow the comments area on pages. You may display comments on pages by enabling this option.

    "Show comments on pages" allows you to show the comment form and user comments on pages.


    "Show titles on pages" allows you to remove the page heading if desired.

    "Custom latest posts page" allows you to set one of your WordPress pages as the location for your blog post listing. This is useful if you have customized your home page and need another page setup for your post listing. To use this feature, save a new, blank WordPress page with any title you like then assign it as your custom latest posts page.

    Page Zoom

    This setting option allows you to enable or disable pinch and zoom capabilities on your mobile site. This setting is disabled by default in WPtouch Pro.


    Category Slider

    "CMS" theme offers a sliding menu of post categories. This menu appears in the header portion of the layout below other "CMS" menus

    Search

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


    Custom Post Support

    This option will appear if the WordPress installation has available custom post types to enable in WPtouch Pro. When enabled, the custom post types will be displayed in the main blog post listings.


    Related Posts

    "Enable display of related content on single posts"

    When active, this setting displays thumbnails and excerpts of related posts below the main post's content area. Posts are "related" when they share tags. When there are no tags available, the related posts will be shown related by category. The maximum number of related posts may be set when this option is enabled.


    "Ignore tags when identifying related posts"

    When this option is enabled, tags a ignored and not used to identify related posts.


    Login Form

    Where user authentication is offered on a website, the login form may be enabled. The form provides a mobile interface for the native WordPress login page and is displayed as part of the mobile theme's menu.

    There are options to display the "Sign-up" and "Lost Password?" links that also connect to the native WordPress functionality. The login form cannot be set up to connect to third-party authentication methods.
     

    Login Form - CMS Theme


    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.

    Video Handling Options


    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.

    Theme Colors - Branding

    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.