How to Create a Mobile-Friendly WordPress Theme

By Lisa Sabin-Wilson

The mobile web is all the rage: Your site visitors use every type of device from desktop computers to laptops, tablets, and mobile phones. WordPress.com gives you a nifty interface to create a mobile-friendly theme for your blog, which helps create a beautiful application-like experience for anyone browsing your website on any mobile device (such as a smartphone or tablet).

Follow these steps to enable and configure the mobile feature on your WordPress.com blog:

  1. Click the Mobile link under the Appearance menu.

    The Mobile Options page displays in your browser window.

    image0.jpg

  2. If it’s not already selected, select Yes for the Enable Mobile Theme option.

    This feature is not enabled by default. You can enable it at any time by selecting the Yes radio button.

  3. Select the Always Show Posts on the Front Page option.

    Select Yes to display your posts on the front page of the mobile theme. Select No if you don’t want to display posts on the front page.

  4. Select the Show Excerpts on Front Page and on Archive Pages Instead of Full Posts option.

    Select Yes to display only a short excerpt of each post on the front page and archive pages, requiring the reader to click the Read More link, or post title, to read the full post. The advantage to this is a faster page load — if the device is only loading short excerpts, the page load will be faster on a mobile device.

  5. Select the Show Featured Images on Front Page and Archive Pages option.

    Select Yes or No. Again, choosing to display images can slow down the page load of the site on a mobile device.

  6. Select the Turn Off the Custom Header Text Color? option.

    Select Yes to use the mobile theme’s default black header text color, or leave it as No to use the text color you’ve chosen in the theme customization options (if any).

  7. Click the Update button to save your changes.

    The Mobile Options page reloads with a message that tells you that your settings have been saved.

With the mobile feature enabled and your configurations saved, readers of your blog who use mobile devices can now have an enjoyable experience browsing your site.