Featured Blog: Cole Smithey
New to Nimble: Borders for Posts and Sidebar & Miscellaneous Fixes

Typepad 101: Responsive Designs and Mobile Usability Issues

Recently you may have received an e-mail from Google about mobile usability issues on your blog.  It would look something like this:

Tool_reportThat looks scary, right?  It might look that way, but don't panic!  It actually isn't that scary at all.

All this means is that your blog needs to have a Responsive design applied to it. If you're wondering what exactly this does, it means that your blog will look as it should across all devices, whether it's a traditional laptop or desktop computer or the fanciest new tablet or smart phone.  With the number of people accessing the Internet from mobile devices, making sure your blog is readable on all of them is very important.


All Typepad bloggers have access to three Responsive pre-made themes: Gourmet, Sol, and Snap.  You can use any of these themes to your blog by going to Design, clicking the green "Choose a theme" button, and looking for the Responsive category.  Click the one you like best, apply it to your blog, and you're set!

If you're a Beta Team member, you'll have two additional options: the Responsive Theme Builder and the Nimble Design Lab.

It's easy to use the Responsive Theme Builder.  It works just as the Theme Builder you know and love, but has a few more options, including the option to make the theme Responsive. When creating your theme, just check the "Create as Responsive" box and your blog is now a Responsive blog!

Finally, you can use the Nimble Design Lab to make your blog Responsive.  We've been talking about Nimble a lot around here lately (Check back tomorrow to find out about even more new features!), but that's only because it's the most exciting design element in Typepad.

Nimble's got options for just about everything and we're currently making weekly updates to the system to incorporate additional features that we've been planning on releasing and features based on your own feedback and suggestions.

Once you've selected one of these designs and applied it to your blog, you can check your blog in the Mobile-Friendly Test tool. You should receive a “mobile-friendly” score, indicating that your blog is now ready to be viewed across all types of devices.

You can also read more about Responsive themes in our Knowledge Base.  If you've still got questions or need any further assistance with figuring out how to move to a Responsive theme, just open a help ticket and one of our support team members will get you straightened out!


The comments to this entry are closed.