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.
Once the theme has been configured, you can further customize the mobile experience by deciding what widgets to show. Mobile Widgets show up quite differently from your regular sidebar widgets, so it's worth some experimentation to find out which widgets work and which widgets don't. Controlling the widgets in your mobile theme is a bit different from controlling your regular widgets. If we go to Appearance and Mobile Widgets, you'll see here it says, Use this page to select which of your current visible widgets will appear for your mobile users, and when you scroll down you will see that under Main Sidebar we have Recent Posts and Recent Comments, under Footer Area One we have Custom Menu, under Footer Area Two we have Recent Posts, and under Footer Area Three we have Categories.
Where is this all coming from? It's coming from the Regular Widgets. So if we go to the Regular Widgets, you will see here under Main Sidebar, we have Recent Posts and Recent Comments, under Footer Area One we have Custom Menu, Footer Area Two, Recent Posts and Footer Area Three, Categories. So you here is what the Mobile Widgets function is doing is saying, hey, you have all of these widgets enabled for your regular theme, how many of those do you want to display in your mobile theme, that's great because it means you can add as many widgets as you want in your regular theme for desktop or laptop users, and then you can choose which ones you want to display on the mobile site as well.
So if we have the widgets we want here, I can choose to go into Mobile Widgets and activate just a couple of them because those are the ones that I want to display. When I Save this and load the site on my mobile device, and I scroll to the bottom, I will see that the Active Widgets now appear as accordion menus at the bottom, so I can click on each of these accordion menus, and I get list of the items in that widget. For instance, under Recent Posts, I now get the five most recent posts, and under More Info I get a custom menu.
So as you can see by configuring the Mobile Widgets, you get the same information that you have in your regular widgets on your regular theme, but you get them customized for the mobile experience.
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.