Open Theme Settings
Open Theme 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.
Call to Action
Enable the Call to Action button. When enabled it will appear in the footer area of the Open theme. Enter the title of the call to action button in the "Button Label" field. The URL, should be entered in the "Target URL" field. Prefix your phone number with "tel:" to allow one-click phone calls.
Custom CSS
Featured Slider
The "Open" 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
- show # of comments
- 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.
Header Image - This image is displayed behind the header on pages and posts without a featured image.
Hours
Location
Enter an address and a menu item for 'Our Location' will be shown.
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.
Tagline
Add text that will be displayed below your logo on the homepage.
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.
Open Settings in WPtouch Pro 3.x
General
Blog
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
"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.
Location
Enter an address and a menu item for 'Our Location' will be shown.
Call To Action
Enable the Call to Action button. When enabled it will appear in the footer area of the Open theme. Enter the title of the call to action button in the "Button Label" field. The URL, should be entered in the "Target URL" field. Prefix your phone number with "tel:" to allow one-click phone calls.
Hours
Add your hours and the current day's hours will appear on the homepage along with a menu item for 'Our Hours'. You may also add a note in the "Note" field, which will appear in the Hours page.
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.
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.
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
(Advanced) 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.
Tagline
Displayed below your logo on the homepage.
Header Image
Upload an image to be displayed below your logo on the homepage.
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.
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.
- Android icon – 96 x 96 pixels
- iPhone / iPod Touch icons – 120 x 120 pixels
- iPad icon – 152 x 152 pixels
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.