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.
Even in the free version, the WPtouch plug-in has a lot of customization options that help you customize the mobile experience for visitors that use mobile devices. To get to those settings go to the Dashboard > Settings > WPtouch. Here you get the dashboard for WPtouch, and here you can configure all the settings. At the very top you have a feed that shows you the latest news about the plug-in, along with a big ad for the WPtouch Pro plug-in, which if you like WPtouch you may want to invest in because it has a lot of extra functionality like iPad support and other things.
And directly underneath, you have Settings, and that's what we're going to look at now. Off the top you have Regional Settings that have to do with the plug-in itself, so in all this language that you see here can be switched either from automatically detected--which is where you should leave it--to French, Spanish, Basque, Japanese, Turkish, or Italian. This only applies to the language in the plug-in itself, so like I said, you should leave it at Automatically detected. The next option is really important, and it is the Home Page Re-Direction option.
If you look at the site I have right now you'll see that the front page is a static page, and the blog is placed under News and Information under a page called Blog. If I want to make the homepage on mobile devices be the blog page, I need to override the Reading Options which are set to the static page, and I can do that right here. So I simply drop it down, and I select the page--in this case the Blog page--and then the Home Page will now be the Blog page. Below that I can change the title of the site if I don't want to use the standard site title, and I can exclude categories and tags based on the IDs for those.
That's because in the plug-in when you hit the dropdown menu at the top, you get the category list, and in some cases you may want to exclude them so that they don't appear on the phone. That's especially important if you have a category with content you don't think we'll display properly on the phone anyway. You can set Text Justification either to Left aligned or to Full or justified, and you can choose what type of icons you want each post to have. The default is the calendar icon that you can see on the phone, but you can also choose to set it to Post Thumbnails, or you can set it to No Icon.
For each post you can also decide whether you want to see Truncated Titles, that means if the titles too long to fit on the screen, they will just add a ellipses to the end, that dot, dot, dot. You can also choose whether you want to Show the Authors Name, so if you have a one- author web site you may want to turn it off, but if you have multiple authors you may want to turn it on. You can choose whether to Show the Categories, the Tags, and whether to hide the excerpts. Finally, in the general settings, you can set a customized footer message. By default it just says, All content Copyright, and then it puts in the name of the blog, but you can put in anything you want.
Below the General settings we have Advanced Options, and these are on/off toggles for different settings. You can allow or disallow zooming on content, so you can do the pinch and zoom. That should be left off. You can Enable Categories in the header that's under the dropdown menu. You can also Enable Tabs and a Search link in header. If you want to you can enable login in the header. I would say that generally that's not a good idea, because you don't want people to try to log into your site, but in some cases you may want to make this an option.
And you can wire this plug-in in with other plug-ins like GigPress or WordTwit that show you either Twitter links or what's coming up on the blog. You can enable comments on posts, enable comments on pages, enable gravatars, and comments. Gravatars are those little faces that you see next to the comments. And finally, you can set it so that the first time someone visits your web site using a mobile device they get the desktop theme instead of the mobile theme. That may be a good idea if you really want people to identify the web site ask your web site the first time and then have them use the mobile theme.
The last two options, Enable WPtouch Restricted mode and Custom user-agents, are advanced options that are rarely used, and the only reason you'd want to use them is if you have very specific user scenarios.
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.