Tag Archives: johnchow.com

What can WPtouch do for my blog?

Last night I installed the WordPress Plug-in WPtouch after I watched a very informative video by Chris Pirillo.

I’ve been using my iTouch quite often, I got it from coComment. I noticed that when I load blogs on it I have to expand each one so I can read the content of the posts. This takes time and when I don’t have a lot of it I skip ahead to a faster loading blog. I stumbled upon the video above while looking for ways in which to add a blog icon to my blog so it can show up on the iTouch/iPhone home screen. I wanted to make my blog stand out on the iPhone.

My iTouch Blog Icon
Notice the two blog icons at the bottom of my iTouch home screen. One is for The BenSpark and the other for The Wired Kayaker.

I downloaded and installed WPtouch and added a blog icon for this blog to the proper location. Then I went to my iTouch to see what the blog looked like. Here are some screen shots that show the features of using WPtouch. Basically, what the plug-in does is that it reformats your blog into an iTouch compatible theme. This speeds up load times and improves readability of your posts. This is what it looks like.

The WPtouch Theme

Installing WPtouch on your wordpress blog reformats your blog for speed and readability on the iPhone/iTouch. Here we see

  1. The number of comments on a post and the date of the post
  2. A snapshot of your post, with a large link to push to go directly to the content of that post
  3. Categories and Tags are included for additional navigation
  4. You can quickly load additional entries
  5. Click the “+” sign to add this blog as a bookmark or better yet add it to your home screen

Here are two well known blogs on the iTouch, how easy to read are they?

Shoemoney.com on the iTouch
Shoemoney.com
John Chow on the iTouch
JohnChow.com

Not very, you have to pinch and expand each one just to read a post.

What I am going for is ease of readability and speed of load time. I want readers to instantly recognize my blog and add it to their Home Screen, so I had to give them something that was recognizable for my brand.

Add BenSpark to Home Screen
When you add BenSpark.com to the iPhone/iTouch home screen you get a distinctive and recognizable image that you can click to go directly to the BenSpark Blog.

So now that a reader has added The BenSpark to their iTouch they can click it right from the Home Screen and go right to my blog. Once they are there they can click on any of the latest blog posts or choose to see some older ones. Once they select a blog post they will see a well formatted and easy to read blog post. See what I mean below.

itouch_07

  1. Search box, readers can type in search terms to find posts from you
  2. Post titles can include the date, time,
  3. author and gravatar as well as an option to
  4. skip to the comments section.

Easy reading
With WPtouch your posts are formatted for very easy reading. No need to pinch or expand the screen.

Plug-ins that work with WPtouch

  1. You can still show your affiliate items in the posts.
  2. SezWho plug-in is supported with WPtouch
  3. Sociable plug-in is supported by WPtouch plug in
  4. You can show your categories
  5. You can show your tags
  6. Navigating between posts is easy.

Gravatars

  1. With WPtouch you can easily choose whether or not to show gravatars on your posts
  2. The plug-in Comment Luv is also compatible with the plug-in WPtouch

But what if you want to see the blog as it was created and intended to be seen on a browser. That is easy, you can select that option at the bottom of each screen.

Switching views

I hope that you can now see the importance of making your blog stand out on the iTouch/iPhone. With so many people using both products it would be a waste not to enhance your blog to serve their needs as well, especially when you can use a great plug in like WPtouch. There are many more features to the plug-in itself, you can set colors, decide if gravatars will be seen and even add additional icons for each of your blog pages like the about page and disclosure policy page.

* One caveat is that if you are using WP-Cache you need to configure it. And if you are using WP Super Cache. Currently, it does not work correctly with WPtouch. They’re working on it, though. Visit the WPtouch homepage for updates.

How to make my blog stand out on the iPhone

I recently acquired an iTouch from coComment. I love it and have been using it for so many things. This past week there was one place in the whole hospital where I could get the internet so instead of lugging my laptop up to that location I would hop online with my iTouch. I noticed a few things while I was working with web pages on the iTouch. Things that would load quickly on a laptop took a long time on the iPod Touch. Also I would have to expand each page just to be able to read posts. I learned a few very cool things when I started looking into how to make my blog load faster, look better and be more recognizable.

How do I make my blog more recognizable?

My ultimate goal is for my readers is to have my blog added to their home screen. And I want them to be able to tell at a glance which blog is mine. When you are surfing blogs on the iPhone/iTouch you can choose to add them to the home screen. Usually when you do this a small replica of the blog appears and frankly it doesn’t look that recognizable from any other blogs. Take for example two of the most recognizable blogs online, Shoemoney.com and JohnChow.com. On the iPhone/iTouch you can’t tell their buttons apart. Can you?

Would you Add this blog icon to your Home?
Whose blog is this?

Would you Add this blog icon to your Home?
Whose blog is this?

Wouldn’t you want your blog to be more recognizable on your reader’s iPhone/iTouch? Which blogs are instantly recognizable below.

Recognize these blogs

That’s right BenSpark and W(ired)Kayaker (You have to shorten named for the iPhone/iTouch)

So how do I make an iPhone/iTouch button for my blog?

There are actually 3 ways to do this.

Option #1
Create an image file of type .png that is titled apple-touch-icon.png and place this in your root folder of your blog. The image should be 57 x 57 pixels.

Option #2
Install the WordPress plug-in Blog Icons. This plug-in also allows you to add a favicon to your blog as well as an iPhone/iTouch icon and also an icon for Feed Readers (This part doesn’t work well). There are some bugs to this plug-in though. You have to paste the url for your image into the url field because the upload option doesn’t work and the rss feed icon part doesn’t work. You have to tweak this one a bit.

Option #3
Option #3 is the best option in my opinion because installing the plug in WPtouch gives you so much more than a blog icon for the iPhone/iTouch. This plug in actually reformats your blog for better load speeds and readability on the iPhone/iTouch.

What can WPtouch do for my blog? (Continued at The BenSpark)