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 this course, we have been looking at how to use plug-ins to make simple mobile versions of web sites that are easy to access for mobile visitors. However, you would have notice that these mobile web sites have a very distinctive look, and that look doesn't really correspond with the look of your web site as a whole. There's a huge debate going on inside the web development community right now over these types of web sites. The question is do you go with the mobile specific web site that might be generic or do you create your own mobile version of the web site that looks exactly the way it should on mobile devices, or do you create a responsive web site that changes its content to fit with mobile devices? And this is a topic as fraught with controversy.
So if you are lying on the other side, that's fine. But personally, I like responsive design. The reason being in responsive design, if it's implemented properly, the site you visit when you go on your mobile device will be the same site that you visit when you go on your desktop. And therefore, you'll see cohesion between the two. For an example of a site that uses responsive design in WordPress really well, go to the smashingmagazine.com web site. Smashing Magazine is an excellent resource for articles on design and development, and they write a lot about WordPress.
But if you look at this site on your mobile device, you will notice that it works really well on the mobile device without this being a separate mobile solution. This site is responsive and will reformat its content to fit whatever size screen you're using. So if I am on a smart phone, it's rather small, and all the extra content has been cut off. But if I am on a large tablet, I get a different experience that has more extra content. If you're interested in learning how to build these responsive WordPress themes, check out my WordPress: Building Responsive Themes course right here on the lynda.com online training library.
If you follow that course from start to finish, you'll end up with a fully-responsive theme of your own.
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.