Viewers: in countries Watching now:
This course shows how to create a mobile version of an existing WordPress web site by leveraging ready-made solutions. Author Morten Rand-Hendriksen demonstrates how to install and configure three different plugins: WP Mobile Detector, which automatically detects the visitor's mobile device type and displays an auto-formatted theme; WPtouch, which transforms a site into an iPhone application-style theme with just a few clicks; and the WordPress Mobile Pack toolkit for making more fine-tuned adjustments. Morten also covers modifying the appearance of the mobile site and tracking its analytics and other stats. This course offers a variety of ways to get a stylish and nimble mobile site up and running quickly, without having to edit any code.
In addition to general and advanced settings, WPtouch comes with extra settings that allow you to set up push notifications, advertising and stats, and also apply some simple custom styling to your mobile sites. If we scroll down past General Settings and Advanced Settings, you'll get to the Push Notification Options. This option allows you to wire your mobile site to service know as Prowl that enables the web site to send push notifications to mobile devices.
To use this, you first have to have a Prowl API key that you can get from prowlapp.com, and this API key allows you to link your site with the prowl service, and that in turn will push notifications through cell phones. Those notifications would be new comments and pingbacks, account registrations, and allowing users to send direct messages. Below Push Notification options, we have Style & Color Options. The Style & Color Options are fairly basic, and they allow you to control a bit of the look of the site. We could go in here and change the Background from the Classic to one of the other default options here.
We can also change the fonts for the post titles to one of these options on the dropdown, and we can also change some of the colors on the site, including the title text color, the header background color, the sub-header background color, and the site-wide links colors. Below Style & Color Options we have Advertising, Stats & Custom Code. This function allows you to link your mobile site to advertising networks. In the free version of the plug-in you can only link it to Google AdSense, but if you have the Pro version, you can link to other advertising networks as well.
If you want to use the advertising network here, you need to have a Google AdSense account, you get the AdSense ID, and you plug it in here, and then you can also set up a custom Google AdSense Channel just for the mobile site so that you can run statistics and see how many people interact with a mobile ads in this plug-in. Personally, I do not like the idea of putting ads on my site at all and especially not in a mobile site, but if you want to do that, this is where you would do it. More importantly, you can also add custom tracking codes for statistics, and this is something I highly urge you to do.
Get a Google Analytics account and create two different tracking methods, one for your regular web sites and one for the mobile web site, and then you put in the tracking code here for the mobile web site. That way you run separate stats on the people that access your site through mobile devices, so you can truly see how they navigate through your site and compare that to how your desktop clients navigate through your site so that you can see what's going on and see what you need to perfect or change.
There are currently no FAQs about WordPress Mobile Solutions.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.