Post image for How to make your WordPress blog mobile friendly

How to make your WordPress blog mobile friendly

by Brad Grier on October 23, 2009

in Blogging,Doing,How to,In the life,Lifestyle Technology,On the web,Social Media

Earlier this week WordPress.com (the free blog host­ing site) announced that they’re includ­ing two new mobile friendly tem­plates in their offer­ing.

This is abso­lutely awe­some. I say this from the per­spect­ive of a iPod Touch owner who often surfs blogs on the device.

The more mobile friendly web­sites get, the more people will be able to find what they’re look­ing for, when they need it, wherever they are.

In fact you’ll find that this blog (yes the one you’re read­ing now) is mobile enabled (has been for months) using the same theme. — WPTouch by Brave New Code.

As a stand-alone mobile theme, it’s quite powerful:

  • User-selected theme toggle
    (between WPtouch view and your site’s reg­u­lar look)
  • iPhone-like applic­a­tion appear­ance, functions
  • AJAX, jQuery & effects in only 56kb
  • The abil­ity to turn advanced javas­cript effects & ajax on/off
  • Full Word­Press search, pages, archives, cat­egor­ies, tags and links support
  • Theme nat­ive social book­mark­ing support
  • iPhone/iPod touch nat­ive post e-mailing support
  • Ajax com­ments, pos­ted in real time
  • Ajaxed pagin­a­tion (users can browse posts like You­Tube videos)
  • Admin select­able cus­tom icons for pages, logo, book­mark icon
  • Manu­ally edit your site’s title to fit WPtouch
  • Show / Hide post excerpts, cus­tom­ize style in dif­fer­ent ways
  • Eas­ily add your own icons to cus­tom­ize menu appearance
  • Admin inclusion/exclusion of site pages shown in the theme’s menu
  • Com­pat­ib­il­ity suite in admin to inform of add-ons, Word­Press ver­sion support
  • Favicon fetch & con­ver­sion to .png for links dis­played using the WP blogroll
  • Sup­port for FlickrRSS plu­gin, Blip.it video plugin
  • Auto­matic Archives page lay­out (if you have or cre­ate a page called ‘Archives’)
  • Auto­matic Photo page lay­out with Flickr (if you have or cre­ate a page called ‘Pho­tos’ and have the FlickrRSS plu­gin installed)
  • Auto­matic Links page lay­out with your blogroll links lis­ted with their favicons (if you have or cre­ate a page called ‘Links’)

So, if you’ve got a Word­Press stan­dalone blog, browse on over to BraveNewCode’s site and grab this theme. If you’ve got a WordPress.com blog, do noth­ing, mobile themes are auto­mat­ic­ally enabled, though depend­ing on the device the mobile user is using, you’ll either get the WPTouch theme, or a more gen­eral mobile theme:

When read­ers visit a WP.com blog from a “mod­ern [mobile] web browser” (i.e. with a iPhone / Android device), they will now “get easy access to posts, pages, and archives” along with “fancy AJAX com­ment­ing and post load­ing.” Vis­it­ors access­ing WP.com sites with other/older mobile phones will be greeted by the Word­Press Mobile Edi­tion, which aims to load the site quickly and in a mobile-friendly format.

In a future post I’ll take a look at some of the fea­tures of WPTouch that I use here.

Related Posts with Thumbnails
Like this? Share it please!
  • Twitter
  • Digg
  • Facebook
  • RSS
  • Suggest to Techmeme via Twitter
  • del.icio.us
  • LinkedIn
  • Posterous
  • Reddit
  • StumbleUpon

{ 2 comments… read them below or add one }

1 Katharine October 23, 2009 at 7:46 pm

Very helpful information! I’ll definitely keep this in mind if I ever do manage to get my blog going.

2 Brad Grier October 24, 2009 at 9:56 pm

Hi Kat, thanks! For a very easy way to get into it, check out the free Wordpress.com blogs. Then, if or when you get into it bigtime, you can easily convert over to a self-hosted Wordpress blog.

Leave a Comment

Thesis Theme for WordPress:  Options Galore and a Helpful Support Community
Creative Commons License
blog.bradgrier.com by Brad Grier is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 2.5 Canada License.
Based on a work at blog.bradgrier.com.
ss_blog_claim=44aa26329ed37448560e7d4275ad1ef0