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.
If you choose to use one of the default mobile themes that's shipped with WordPress Mobile Pack, you can further customize its behavior in the Mobile Theme section. The Mobile Theme section is found under Appearance and Mobile Theme and from here you have several new options that you can turn on or off, or customize, to make your mobile site work the way you want it to. Off the top, you can Enable, or Disable, Nokia Templates. This is for people who use old Nokia type phones that have a different type of browser in them, so this plug-in ships with custom experiences for those mobile users.
You can also check the mobile status of your site using a ready.mobi. It's an online service that goes into your site and checks how it will work on different devices. This might be a good idea if you are using a custom theme, and you're not sure how it's going to perform on different devices. All you do is you activate that theme, and then you click on Launch ready.mobi, and you will be taken directly to that site. Below that, you can choose whether you want to Show the Home link in your main menu. This is a common request for menus in general, people may or may not want to have that Home link show up, because in some cases if you're using a custom menu, you already have a Home link in the Custom menus, you don't want two of them.
This is where you would turn that on or off. Next you can choose the Number of posts. So this will override the general number of posts section in WordPress and allow you to restrict the number of posts to show in an archive page, like the Index page or Category page or a Tag page on just the mobile devices. Below that, you can choose what type of information you want to show for each post. You can show Title only, Title and teaser for just the first post and then just the Title for the rest, or Title and teaser for all posts.
You can also choose whether you want to show meta tags, including author, tags, categories, comments, and all that kind of stuff. Below that you can set the Teaser length. This is great if you have a lot of long teasers that you use for your theme, and you want to have a shorter version on the teasers for your Index pages on the mobile site, or in some cases you may want to have a longer teaser for your mobile site. The Number of widget items settings allows you to change the number of items in the widgets in your Mobile Theme because many widgets will default to quite a high number of items in lists, and in some cases that will look kind of weird on your phone.
Partitioning large pages may or may not be a good idea, I think this made more sense previously when people had a harder time loading things, what it does is it literally splits large pages in several pages. You get the Next button on the bottom. In some cases it leads to better user experience, but I find myself getting really annoyed when I have to keep skipping to the next page to read something, so I would turn that off. You also have a Shrink images option. This is smart because it allows the mobile plug-in to shrink the images down so that they fit on a mobile device because not surprisingly a mobile device where there is much smaller screen size doesn't need gigantic pictures because then we are just wasting bandwidth.
The Clear cache now button is associated with this, and it allows you to clear the cache, that is the saved versions of the smaller images. If you choose to change an image that's already into post, so if you check Clear cache now and save changes, then all the cached images, those are the images that were saved that are smaller will be deleted and new ones will be created next time they are called up. The final option, Simplify styling, is a clever little option that strips off any styling code that you may have put into your post.
Things like making certain font bigger or smaller so that it looks good on the phone. Now if you do things properly you shouldn't really have much styling elements in your post and pages to begin with, but if you do, it's a good idea to leave this on so that the experience is good for the people who visit your site using mobile devices. If you make any changes here, remember to always click Save Changes at the end.
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.