It's Sean!

UK freelance journalist, author
and writer Sean McManus

Printed from www.sean.co.uk. © Sean McManus.
You are here: Home > Blog Home > Sean McManus's Writing blog: How to customise your blog for the iPad

Sean's Tech and Writing Blog

How to customise your blog for the iPad

08 September 2011


Although I use Blogger myself for managing this blog, I typically recommend Wordpress as being more fully featured. I use it for some other blogs I write, and it’s a bit more flexible and more powerful than Blogger, especially for newcomers. I wrote a section outlining the basics of getting started with Wordpress in my book Web Design in Easy Steps.

When I was looking around one of my Wordpress-hosted blogs recently, I discovered a new section in the Appearance section of the settings. If you log into your Wordpress dashboard, and scroll down, you should see ‘iPad’ in the Appearance section, on the left. These settings give you the option to upload an image that will be shown when someone launches your blog from an icon on the iPad’s home screen, and to upload a cover logo. These help to give a visit to your blog a more native app-like feel on the iPad. By default, the option to display a special theme for iPad users is ticked, and you can confidently leave it ticked.

Although I’ve been using the iPad a lot, especially while writing my book iPad for the Older and Wiser, I hadn’t visited any Wordpress blogs with it, so I was intrigued to see what this was all about. Basically, with the theme selected, Wordpress presents your blog in a format that is optimised for the touch screen and that will be familiar to iPad users when they view it. On the iPad, you see boxes containing headlines and a short summary of your story. When you tap one, a window opens to show the story in full which can be dragged up and down. To move between the pages of summaries, you swipe sideways to turn the pages. The whole experience is similar to the superb Flipboard app, which turns updates from social networks and your favourite websites into a magazine-like experience.

This is a great innovation from Wordpress: it feels like a native app on the iPad, and doesn’t require any additional work from the content creator, nor does it interfere with the experience for those using desktop computers. If you want to see an example of it, try visiting Finepixtrix, a photography blog I picked from Wordpress’s homepage, with your iPad. It features some great photography by Grahame Hall, who lives in South Africa. On a desktop computer, his blog looks much like this blog: the blog posts are stacked on top of each other and you scroll down the screen to read them. On the iPad, it’s more like a magazine, with headlines and images laid out neatly on the screen, so you can quickly find what you want to read. This screenshot shows the blog’s iPad theme:


If you have a Wordpress blog and want to offer iPad visitors a similar experience, the good news is that Wordpress is already doing it for you. However, you can make the experience even slicker by uploading a splash image and logo in your Wordpress settings. If you customise your blog for the iPad, leave me a comment and I'll check it out.

Labels: , , , , ,


Bookmark and Share
Permanent link for this post.

Comments

Hey Sean, see you've used my WP blog as an example to illustrate your article. I think that's just too cool. Many thanks.
Grahame (finepixtrix).
 
Hi Grahame. Thanks for your support! I'm pleased you like being included in the article.
 
If you have a regular wordpress blog - hosted at your own domain and hosting plan, you can add the plugin - WP Touch, and it optimizes for mobile use - assuming it works better for the iPad too. Cheers! MF
 
Hi Mike. Thanks for that pointer. It does work a bit differently if you host the blog yourself, so it's good to know there's a plugin out there that can do this.
 
Post a Comment

Blog Home | Website Home

Dip into the blog archive

June 2005 | July 2005 | August 2005 | September 2005 | October 2005 | November 2005 | December 2005 | January 2006 | February 2006 | March 2006 | April 2006 | May 2006 | June 2006 | July 2006 | August 2006 | September 2006 | October 2006 | November 2006 | December 2006 | January 2007 | February 2007 | March 2007 | April 2007 | May 2007 | June 2007 | July 2007 | August 2007 | September 2007 | October 2007 | November 2007 | December 2007 | January 2008 | February 2008 | March 2008 | April 2008 | May 2008 | June 2008 | July 2008 | August 2008 | September 2008 | October 2008 | November 2008 | December 2008 | January 2009 | February 2009 | March 2009 | April 2009 | May 2009 | June 2009 | July 2009 | August 2009 | September 2009 | October 2009 | November 2009 | December 2009 | January 2010 | February 2010 | March 2010 | April 2010 | May 2010 | June 2010 | August 2010 | September 2010 | October 2010 | November 2010 | December 2010 | March 2011 | April 2011 | May 2011 | June 2011 | July 2011 | August 2011 | September 2011 | October 2011 | November 2011 | December 2011 | January 2012 | February 2012 | March 2012 | June 2012 | July 2012 | August 2012 | September 2012 | October 2012 | December 2012 | January 2013 | February 2013 | March 2013 | April 2013 | June 2013 | July 2013 | August 2013 | September 2013 | October 2013 | November 2013 | December 2013 | January 2014 | February 2014 | March 2014 | April 2014 | May 2014 | June 2014 | July 2014 | August 2014 | September 2014 | October 2014 | November 2014 | December 2014 | January 2015 | February 2015 | March 2015 | April 2015 | May 2015 | June 2015 | September 2015 | October 2015 | December 2015 | January 2016 | February 2016 | March 2016 | May 2016 | July 2016 | August 2016 | September 2016 | October 2016 | November 2016 | December 2016 | January 2017 | April 2017 | Top of this page | RSS

Books by Sean McManus

Scratch Programming in Easy 

Steps

Scratch Programming in Easy Steps

Raspberry Pi For Dummies

Raspberry Pi For Dummies

Learn to program with the Scratch programming language, widely used in schools and colleges.

Set up your Pi, master Linux, learn Scratch and Python, and create your own electronics projects.

Super Skills: How to 

Code

Super Skills: How to Code

Web Design in Easy Steps

Web Design in Easy Steps

Learn how to code with this great new book, which guides you through 10 easy lessons to build up your coding skills.

Learn the layout, design and navigation techniques that make a great website. Then build your own using HTML, CSS, and JavaScript.

More books

©Sean McManus. www.sean.co.uk.