I’m proud to announce that the new look has been finished and you are seeing it now. I’ve met most of the objectives that I set out for in the redesign. Some of the differences from the Gimp rendering include…
- The simplified home page does have a footer- albeit a small one, as the information in the footer is needed
- The buttons in the mobile view do not have vertically centered text
- The featured images don’t scale for mobile phones because the images fit well enough
There are also issues with the search box in mobile design view. I will have to figure this out in a future update to this theme.
One thing I did implement was putting text only ads in place of image ads for mobile phones and tablets. If you are viewing this website on a mobile device you should see text ads only on the “Posts” page. If you’re viewing from a desktop computer, the ads should be in the sidebar.
You can test this functionality on a desktop computer too. You would need the latest version of Firefox, the add-on User Agent Switcher* and the included Responsive Design View found under Tools > Web Developer. Switch the Default User Agent to iPhone 3.0 and hit Reload. Then under the Responsive Design View you can choose one of the tablet or mobile widths (for example 360×640) to see it in action. I will tell you, my fellow readers, how I did this in an upcoming tutorial.
In addition, on the back end, I had to deactivate the WPtouch plugin that was previously handling mobile phone display. Then I adjusted settings in the WP Super Cache plugin that caches the site’s pages. I will do a tutorial for this as well, explaining how to prepare a new responsive theme with these two plugins when a non-responsive design was used before. Until then, see ya.
*User Agent Switcher has also been ported to Google Chrome.