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.
Just like you can pick what kind of theme you want to use for your main web site, you should be able to pick what kind of theme you use for your mobile sites. And just like in the WordPress Mobile Pack plug-in the WP Mobile Detector plug-in allows you to pick what theme you wanted people to see when they use mobile devices. If you go to the back end, go to WP Mobile Detector and select Mobile Themes you'll see a list of all the available mobile themes here, and you notice that this list looks quite like the General Theme Selector for WordPress.
Here we have the different stock options that come with the WP Mobile Detector. You'll easily identify them because they're all made by websitez.com, and you can pick any one of these. You'll also see other themes, including the themes that you have installed, and because we were using the WordPress Mobile Pack earlier we also have those as options down here. Picking any of these themes will give you a nice mobile experience. So, for example, if you want to use this Bluesteel option I'll go and click Activate, and that will activate Bluesteel as the mobile theme.
If I go to my phone now we can take a closer look at this theme. From the top you see the site name, and there's a dropdown menu where I get the Search option, I also get the regular menu options, and this is one of the custom menus, and I also get the widgets. So these different themes will place the widgets in different places. In the case of this Bluesteel theme the widgets are placed in this dropdown menu on the header. As we scroll down you see we have the site name and the content, and if we go using our menu to the News and Information section, which is the Blog section for this site, you see we get a fairly standard blog with the date, the title, and a short version of the post.
You can collapse the first post if you want to, and you can also expand any of the other post to see the short description of each of the posts. If you click on the title, you go directly to a full post where you have the tags, the categories, and you can also leave a comment. WP Mobile Detector ships with the several different themes and they all have slightly different configurations and different functionality, so I urge you to try a couple of different ones to see which one you like the best and then activate that one.
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.