Welcome to the WPTouch Video Podcast. I'm Martin Kopland-Siewert, Product Manager and Designer at WPTouch. And I'm Dale Mugford, Co-Founder of WPTouch. WPTouch Pro 4 offers a variety of themes and extensions to create your mobile website. In choosing a theme for your site, there are seven great options to choose from, ranging from general purpose content to e-commerce.

Why don't we take a look at those seven options now, and see how you might decide which one is right for your site. If you've used the free edition of WPTouch, you'll be familiar with Bauhaus, a flexible theme for page-based websites and blogs, made to quickly and easily blend with your branding. For sites where storytelling is important and long-form content is the norm, Prose offers a beautiful reading experience.

Classic Redux offers a look back at the heritage of WPTouch, updated for modern sites. It also boasts optimizations for tablet devices. If you publish lots of content and are looking for category-based navigation, you cannot go wrong with CMS. Businesses and organizations often choose simple, a flexible theme with a menu-first design, or open, which adds built-in display of your location and hours of operation.

Both offer tap-to-call buttons built right into the theme. Finally, if you're running an online store with WooCommerce, Mobile Store offers the best mobile shopping experience for WordPress and support for all your WooCommerce extensions. Once you've chosen a theme, extensions can be added to make your mobile website faster, custom-tailored with advanced typography, ad advertising, or even a web app.

Here's a quick overview of extensions in WPTouch Pro 4. Advanced Typography lets you choose fonts for your site from the complete Google Font Library, or your Typekit or Font Deck subscription. Quickly and easily get ads from Google AdSense or a custom provider running on your mobile site with basic ads. Mobile Content adds the ability to create mobile-specific versions of your page and post content.

Multi-Ads provides more ad locations, as well as A-B testing support and the ability to run multiple ads per screen. Infinity Cache speeds up your site, for mobile devices, and, optionally, for desktop visitors too. Responsive Images allows older sites to benefit from source-set-based image loading technology. Related Posts keeps your visitors hooked, offering more great reads on your site. jQuery Enhanced helps you tune JavaScript performance.

Web App Mode lets you offer visitors an app-like experience, without the hassle and expense of the app store. And Make Child Theme offers a quick and easy start with theme customization and custom theming. We continue to improve our themes and extensions on a regular basis. Your WPTouch Pro 4 license includes updates to all the themes and extensions activated on your license and your site.

We've got detailed information about every theme and extension available for WPTouch Pro 4 on our website, WPTouch.com. This podcast series covers a variety of topics. You can find more videos and resources at WPTouch.com slash podcast. Thank you.

Hi, I'm Dale Mugford, co-founder of WPTouch. And I'm Martin Copland-Sewitt, product designer and manager for WPTouch. There are a few different ways to customize WPTouch. The customizer in WPTouch Pro 4 offers live editing capability, so that you can choose settings as you like. You can also customize WPTouch by adding your own CSS, JavaScript, modifying templates, or adding your own template.

Basically, anything you can do in WordPress, you can do with WPTouch. Let's take a look at the customizer. WPTouch Pro 4 adds a switch to mobile theme button to the WordPress customizer. Here, we're working with the theme bar house. You can customize many aspects of your theme in real time, including matching colors to your branding, controlling the featured slider's behavior, choosing header features, and selecting the fonts you want applied to your content.

With just a few clicks, your mobile theme is fully customized and ready to go. Next, let's look at custom templates. WPTouch Pro supports custom mobile templates, which allow you to create special layouts for particular pages or incorporate advanced functionality in your mobile website. Whether you're looking to add custom field support, support for a third-party plugin, or your desktop theme's advanced functionality, adding and modifying templates in your child theme is the way to go.

And it's not very hard at all. For my site, I don't want featured images to be shown in post headers. I've used the Make Child Theme extension to create a child theme, and now copy the appropriate template from the parent theme bar house. In my editor, I'm removing the code responsible for displaying the featured image, and save.

When I reload the mobile browser, the featured image is gone. What's great about child themes is that even though I've customized that one template, I can still keep the rest of the parent theme up to date as new versions are released. We have many helpful guides and walkthroughs on support.wptouch.com, and if you need more help, you can always file a ticket and our team can help you make WPTouch your own. This podcast series covers a variety of topics. You can find more videos and resources at wptouch.com slash podcast.

Welcome to the WPTouch Video Podcast. I'm Martin Copland-Sewitt, Product Designer and Manager of WPTouch. And I'm Dale Mugford, Co-Founder of WPTouch. Today we'll show you one of the most exciting changes to WPTouch Pro 4, live theme editing in the WordPress Customizer. Once you've stepped through the WPTouch Pro Setup Wizard, you can either continue configuring settings or, as we're going to do, click Customize Your Theme.

The WordPress Customizer will load, already switched to Mobile Theme Editing Mode. The Customizer gives you a live preview of the changes you're making. It makes setting up your mobile theme incredibly quick and easy. One tool we've added here is the Device and Orientation Control. You can use it to see what your mobile theme would look like when the visitor rotates their screen.

Just click again to restore the regular rotation. We're working with a basic installation of BarHouse here. Let's take a quick look through the settings available to us. In Site Identity, you can upload your site icon. This is the same as in your desktop theme, but is used by mobile devices for bookmarks and home screen icons.

You can set all the colors available to your theme in Colors. In Blog, customize blog listings and display. In Custom CSS, upload your own styles. In the Featured Slider section, control the behavior of the slider and the homepage. Upload custom footer content. Set a site logo that replaces the name or control menu behavior.

Add URLs for social media links to be displayed in the footer. Control the display of social sharing links. And finally, choose the font pairings you want to use for your site. Now that we're familiar with the controls available, let's go ahead and customize the theme for my site. I'm a particular fan of red, so that's what I'll base my color choices on.

For the header, the dark tones are nice, but maybe a bit more red? There we go. The links should have a bit of a pop. Maybe a scarlet? Yeah. For post page headers, something a little less intense, probably. Burnt orange should be good. I like that. Now, to see the post page header color in action, we can simply click a post in the listing.

You can actually navigate your whole site in the customizer preview without the customizations you've made being live to the public. Now, I'm not a big fan of comments on blog posts, so I'm going to turn off the comment bubble here. The next setting I want to tweak is in the featured slider. I want to automatically advance slides so that visitors see more of my content options.

There we go. Now, I don't have footer content, but let's check the header in case I need to make a change here. I don't need a site logo, and okay, the menu defaults are fine. So let's leave the header alone. I don't have social media links to add, and I'm not too bothered about social sharing, so let's go to the last piece, typography.

I think a classic serif is good here. Yeah, that's right. Allegraer works. All that's left to do is save and publish, and my customizations are live to the world. Although WP Touch Pro 3 themes work in the WordPress customizer, they don't support all of their presentation features. That's why it's really important for you to update your theme to version 4 if you're running one of our stock themes.

If you've customized a theme, that's okay. Those themes are supported on WP Touch Pro 4 and will work in the customizer as well. Let's take a look at tablet support in the WordPress customizer. When you activate a theme with tablet support, a new device button is added to the customizer interface. Click the tablet, and your website preview is instantly adjusted to reflect tablet devices.

Menu and other interface behaviors are updated as well, even special layouts in landscape format. You can navigate your site preview in tablet mode, and when you're done working with the tablet view, click the smartphone device icon to switch the preview back. Although WP Touch has always been quite easy to use, we knew that we could do it a little bit better.

And when we first saw the WordPress customizer, I think we knew exactly where it was going to be going. And so we've introduced that support in this release. Customizer support in WP Touch Pro 4 introduces a revolutionary change to the way you make your mobile website your own. We think you'll love it. This podcast series covers a variety of topics. You can find more videos and resources at wptouch.com slash podcast.

Welcome to the WPTouch Podcast. I'm Dale Mugford, co-founder of WPTouch. And I'm Martin Copland-Sewitt, product designer and manager of WPTouch. Today we'll cover how WPTouch works in creating a mobile site and why you might choose it over a different method. One of the most common questions we get about WPTouch is a pretty simple one.

How does it work? Whether you use a dedicated server or a shared hosting provider, the basics of how webpages are loaded are the same for all WordPress websites. A URL is requested on a device. That request travels through the internet and reaches the server responsible for the address requested. When the page request arrives, WordPress loads content from the database, applies functionality added by plugins, and adds the right templates from your theme to make the finished page, which it then sends back to the device making the request.

When WPTouch detects a mobile device, there's one big change. Once WordPress loads your content and plugins, the desktop theme is booted out of the way, and templates from your chosen mobile theme are used instead. Because WPTouch can intelligently switch the themes for your site, there's no need for a special mobile subdomain or separate mobile site.

Everyone can access your content and get the best experience, regardless of the device they use. And if someone shares a page on your site, everyone can access it with the right theme applied. Why would you use WPTouch instead of a responsive theme? There are a few reasons, but a big one is page size. Desktop responsive themes do a reasonable job of rearranging pages to fit a mobile screen, but they can't help sending everything on the page, even content that they're going to hide.

WPTouch sends just the pieces of the page that your visitors are going to see and interact with. WPTouch's themes are often a fifth of the size of your regular desktop theme or responsive theme. Give it a try and see why millions of website owners rely on WPTouch to create a mobile version of their website. This podcast series covers a variety of topics. You can find more videos and resources at wptouch.com slash podcast.

Welcome to the WPTouch Video Podcast. I'm Martin Copland-Sewitt, Product Designer and Manager of WPTouch. And I'm Dale Muckford, Co-Founder of WPTouch. And there are many great features in WPTouch Pro, but three of them in particular are ones we're going to look at today. Desktop Shortcode Handling, Home and Blog Landing Pages, and Custom Post Type Support.

Some desktop themes offer shortcodes that add special functionality and features for your content. Unfortunately, WordPress is unable to process them when it's using your chosen mobile theme. WPTouch Pro includes a special compatibility feature to help with this problem. Simply navigate to the WPTouch Pro Settings panel and switch on the Process Desktop Theme Shortcodes setting.

Your shortcode content should now appear in the mobile theme. If the content is missing some styling or behavior, you might need to load CSS or JavaScript from your desktop theme. You can add that through the WordPress Customizer. Choosing your home and blog landing pages ensure that your visitors get to where you want them to go when they're visiting from a mobile device.

Lastly, let's look at Custom Post Type Support. It's a feature that isn't on by default, but if you're using Custom Post Types, you'll want to turn it on. Your desktop theme may include specialized post types, such as portfolio items. Like Desktop Theme Shortcodes, WordPress will usually not be able to list or display these when your mobile theme is applied.

WPTouch Pro's Custom Post Support feature can help. Simply enable Custom Post Type Support, then select which types of content should be loaded. You can also choose to have the posts included in your blog post index if you like. With support for your custom post type enabled, reload the page and your entry appears. Though many people think of WPTouch as just an easy way to make their website mobile-friendly, it's really a powerful platform for mobile development. This podcast series covers a variety of topics. You can find more videos and resources at wptouch.com slash podcast.

Welcome to the WPTouch Video Podcast. I'm Dale Mugford, Co-Founder of WPTouch. And I'm Martin Copland-Stewart, Product Designer and Manager of WPTouch. Many people choose to use caching plugins to speed up their WordPress website. If you're using WPTouch alongside a caching plugin, there's a few extra steps you'll need to take to make sure they're both working together properly.

Today, we'll cover three popular caching plugins for WordPress. W3 Total Cache, WP Super Cache, and WordFence Cache. When your cache plugin is active but not set up for WPTouch, you'll see a warning at the top of your admin pages. Click the Step-by-Step Setup Guide link to access our support site, which includes some information we'll be using to configure these three cache plugins.

In particular, we'll be using the User Agent List you see here. To set up W3 Total Cache, navigate to the plugin's Browser Cache Settings page and make sure the Set Expires header setting is disabled. Next, click Page Cache. Here, scroll down to the Rejected User Agents field. We'll copy the list of User Agents from the Support Guide, and paste it here.

Now, click Save Settings. We'll do the same thing for Minify, and CDN. Finally, go to the Dashboard, and empty all Caches to make sure no copies of pages with the mobile theme active are left. W3 Total Cache is now configured for W3 Total Cache is now configured for WPTouch. Configuring WP Super Cache for WP Touch takes just a few clicks.

Navigate to the WP Super Cache Settings page and click Advanced. Next, scroll down and make sure the Mobile Device Support Settings is enabled. Next, scroll down to the Rejected User Agents field. Here, we'll paste the list of Mobile User Agents from the Support Document, and then click Save UA Strings. Finally, we'll clear the cache to ensure WP Super Cache doesn't use any cached copies of your mobile theme.

The warning is gone, and WP Super Cache is ready to work with WP Touch Pro. Setting up WordFence for WP Touch takes a little more effort. Navigate to WordFence Performance Setup and scroll to the bottom of the screen. Each exclusion rule must be added separately here. We'll start with the User Agent-based rules. Skipping ahead, we'll finally add the Switch Cookie exclusion.

WordFence is now ready for WP Touch, and the warning is gone. But what about caching mobile pages? None of these plugins support that. That's why we built Infinity Cache. It's a cache solution built specifically for WP Touch. It excels at speeding up mobile page views, and if you want to use it for desktop visitors, can speed up their page views too.

Caching is definitely helpful in speeding up WordPress websites with lots of traffic, that are on shared web hosts, or have other limited resources. If you're using WP Touch with a caching plugin, make sure you follow our guides to make sure that they're working together smoothly. This podcast series covers a variety of topics. You can find more videos and resources at wp-touch.com/podcast.