How to Configure Your WordPress Site for Mobile Devices (in One Minute)

George Smyth asked me to do another segment on his One Minute How-To podcast, and I picked this as a topic.

First, log into your dashboard and go to “Plugins.” Select “Add New” from the menu.

search for plugins within WordPress

Type “WordPress Mobile Pack” into the search box and click the button that says “Search Plugins.”

WordPress Mobile Pack listing

Click “Install Now.” When the dialog box pops up and asks “Are you sure you want to install this plugin?” click “OK.”

Activate the plugin.

“Once the plugin is activated, you can modify settings under “Appearance.”

WordPress Mobile Pack settings

The plugin detects mobile browsers automatically. You can decide whether to include a link in your footer so mobile users can choose to see your regular theme instead of the mobile theme, and which mobile theme to use. (There are screenshots in your Themes directory.)

Instill-Leadership-New-Theme  WordPress MobilePack screenshot

The mobile theme isn’t as pretty, but it makes it possible to read the text on a narrow screen without having to scroll around.

There’s another popular mobile plugin, WPTouch, that people really like, but it’s just gone pro and costs $29. If most of your mobile visitors use touch-screen phones, it might be worth it.

July 2010 Meetup Notes: Choosing a Canon of Plugins

Questions & Answers
Marquee?

Susan started off by asking about putting a marquee (scrolling text) on her WP site as a placeholder for forthcoming content. Though none of us had used such a plugin, we found a few in the plugin repository and tested Marquee Plus on Sallie’s test blog.

Marquee Plus input

marquee plus options

The initial result was pretty bland, but what I didn’t notice during the test was that you can include HTML tags and style your text that way—or make links.

Marquee Plus first test

Enclosing the words in <h1> tags produced the following result:

Marquee Plus test 2

How do I keep a post on the top of the home page?

To keep a post at the top of your blog’s index page (index.php) even after you have posted more recent items, check the “make post sticky” option in publish. (You can also set this in the “Quick Edit” section.) This only works on the main index page, not on the archive or category pages.

Sticky Post in edit window

sticky post in quick edit

Image gallery that links to posts?

Mari asked how to create a gallery of images that linked to posts like the one at No Recipes.

post thumbnail gallery from no recipe

It appears to be a Random Posts widget of some kind. We took a look at the Advanced Random Posts plugin, which has an option to show post thumbnails, but no obvious way to leave out the titles. It’s probably worth doing some further searching and testing. Prizes for anyone who locates the best plugin.

Do you need a development server/test installation of WP?

It’s always a good idea to have a test site of some sort, either installed locally or online, where you can experiment with plugins and themes, particularly if the plugins are older and you don’t know whether they’ll work with your version of WordPress. But you can test them on a live site, too. The worst thing that’s likely to happen is that you’ll have to go into the plugin directory by FTP and delete the plugin if it breaks your site completely.

What’s the difference between WordPress.com widgets and WordPress.org Plugins?

WordPress.com gives you a set number of available widgets to add to your sidebar, and that’s it. On the plus side, they’re all guaranteed to work, and to work together. When you install a plugin on your WordPress.org site, there are many ways it can extend the site’s function. Sometimes that will be through a widget, but not always. The plugin could do something like back up the site, create a sitemap, add elements to posts and pages, etc.

Note that there are more than 10,000 plugins in the repository right now, and they don’t all play well together. No developer can test his/her plugin against all the others, never mind all the combinations.

Do widgets always have to be in the sidebar?

It’s up to your theme designer. Some themes also have widgetized footers or headers. If you’re designing a theme, you can put a widgetized area almost anyplace. But if you’re not comfortable editing the code to insert a widgetized region, you’re stuck with what the designer has provided, and should look for a theme that already has widgets where you want them. Note that widgets don’t always translate from theme to theme, so if you change themes, your widgets might end up in the “Inactive Widgets” section.

Is there a cross-platform offline blog editor?

Yes! You can use ScribeFire, the Firefox (and now Chrome and Safari) plugin to edit posts offline. I have no idea whether it stores local copies of those posts the way Ecto or Windows Live Writer does.

Can you post the same information to more than one WP site simultaneously? We want to keep the information on two sites updated in tandem.

You can use RSS to populate your site with content from elsewhere (if they’re posts), but you may need to do some tweaking. Talk to Anca about this; she’s working on it for a client.

How do I back up my blog?

There are dozens of plugins. The old standby is WP-DB-Backup, which backs up your database and mails it to you. There’s also Automatic WordPress Backup, which backs up your themes, plugins, uploads, and database to Amazon S3. Or you can use the amazing commercial BackupBuddy plugin, which makes restoring/moving sites easy. (With most other options, you need to do a manual restore.) Check for host compatibility before installing.

Your webhost may back up your site, but make sure the backups aren’t stored on the same server as the site itself.

Is there a gallery besides NextGEN that allows user uploads? NextGEN’s public uploader doesn’t give users the option to include a caption.

Uh…good question. If you have an answer, post it to the meetup mailing list!

Rotating Banners

Someone asked at the end about rotating banners. There are themes designed with this feature built in, but also plugins for it. One recent one that’s 3.0 compatible is Banner Rotator FX.

Plugins

We didn’t approach the plugin list comprehensively, and if we’d covered everything, it might have taken us until 5 PM. I’ve distributed the list separately and uploaded it to the meetup site.

The summary is that Sallie thinks every site should have:

Other plugins tend to vary depending on what you’re using the site for.

You can find Sallie’s Plugin Bookmarks on Delicious. There are 257 of them as I type this.

Mobile Plugins/Themes

Note that there are times when you will want a custom mobile theme, because your blog header and footer and sidebar don’t display normally (if at all) in WPTouch or WordPress Mobile Pack. But these themes can make navigation of your site much easier for users of smartphones. You should give users the options to choose to use the mobile theme or not through a theme switcher link.

WPTouch switcher link

WordPress Mobile Pack Switcher Link

You’ll need to create custom icons for your different pages in WPTouch. You can generate them using the Flavor Studios iPhone Icon Generator. Note that these may be overwritten if you update the plugin!

Announcements

Graham Bird won a copy of Beginning WordPress 3 by Stephanie Leary, donated by Apress. We look forward to reading Graham’s review. There’s another copy in the WordPress Meetup Lending Library at TechLiminal. If you leave a $10 deposit and sign the book out, you can take it home for a while.

New Sponsor

The Meetup has a new sponsor, WP Questions. If you’re a WP expert, you can make a few bucks answering questions. If you’re a WordPress newbie, you can get help for just a few bucks.

Future Meetups

We’ll hold our next meetup on August 22nd. The topic is BuddyPress. If you have a topic you’d like to present on, submit an idea or send me an e-mail.

WPtouch, WordPress MobilePack, and WordPress Mobile Edition

Whether or not you’re a smartphone user (and I still have a “dumbphone,” myself), there’s no denying that the Internet is going mobile. One of the great things about WordPress is the fact that you can create a mobile-friendly version of your site instantly by installing one of these plugins. (These are three that I’ve used, based on recommendations from colleagues; if you search the WordPress plugin repository for “mobile,” you’ll find several others.)

WPtouch The darling of the moment is the WPtouch plugin for touch-screen devices like the iPhone. The developers describe it this way:

WPtouch automatically transforms your WordPress blog into a web-application experience when viewed from an iPhone, iPod touch or Android touch mobile device. It comes complete with all the standard WordPress blog features: search, login, categories, tags, archives, photos & more. WPtouch also offers many customization features through a beautifully designed WordPress admin panel.

I might say “overwhelming WordPress admin panel,” myself. Still, the list of known page and plugin support and conflicts is handy, and it’s probably worth taking the time to create custom iPhone icons for your pages. (There’s a tool you could really waste some time with.)

Not everyone has a touch-screen phone, however—much less an iPhone. But not to worry, there are plugins that cater to the needs of other kinds of mobile users.

carrington-mobile When WordPress Mobile Edition and its Carrington Mobile theme came out, there was much rejoicing. The only difficulty with it was that because you had to put the mobile theme into the themes directory, you couldn’t use the automatic upgrade feature. (Well, you could, but then you had to go in with your FTP client and move the theme, so you might as well upgrade by FTP in the first place.) Given that the last upgrade was June 2009, it hasn’t been an issue recently. The plugin continues to work with WordPress 2.9, however.

As you can see from the two screenshots, Carrington Mobile provides a pretty bare-bones interface, even on the iPhone—but it’s conveniently uncluttered, and many phones don’t really support “sexy.”

mobilepack On most of my own sites, I’ve replaced WordPress Mobile Edition with WordPress MobilePack. MobilePack is a dotMobi project that offers multiple mobile widget options and several mobile themes, automatic browser detection and a manual mobile switcher so you can see what your site looks like in those themes (or smartphone users can view the desktop version of your site if they prefer) and a mobile admin interface.

One additional advantage is that MobilePack works just fine with the automatic upgrade process. When you upgrade the plugin, it prompts you to upgrade the themes as well, which you can do with the click of a button. (To give Crowd Favorite credit, that might not have been possible before WordPress 2.8.) And MobilePack is still being actively updated.

Whichever plugin you choose, don’t ignore your mobile visitors. There are going to be more and more of them in the next few years.

Dorataya

Site

www.dorataya.com

Relationship to WordPress Asylum

Client. (Okay, she’s my mom.)

Theme

Modularity Lite Screenshot

Modularity Lite by Thad Allender from Graph Paper Press

Active Plugins

Notes

Since my mother is a photographer, I wanted a portfolio-style theme for her site. And since she had already uploaded hundreds of photos to Picasa, I wanted her to be able to insert photos from her existing albums rather than having to upload them all over again.

Picasa Image Express takes care of inserting individual images from Picasa albums into posts, and it’s very easy for a non-geek to use. Shashin, on the other hand, is an impressively sophisticated tool, but the options are a bit overwhelming. It can, however, display all your Picasa albums in a WordPress page.

In addition to resizing a few of Mom’s panorama photos to fit the custom slideshow for Modularity Lite (one day I’ll have to see whether it’s possible to use more than 5 images for that), I chose a dark background for maximum drama and added the thumbnail excerpts because we wanted as many images to show as possible.

Finally, because Mom has so many Picasa friends from overseas, we needed a translator. The Global Translator plugin works well, though it can’t do what Picasa does and translate multiple languages into each other, since it’s designed to translate from the base language of the blog’s author into the language the blog reader chooses.