Hey all you bloggers and publishers. If, like me, you’ve been putting off updating your blogs and wikis to show up nicely on smartphones, fear not, there are DIRT SIMPLE FAST solutions available today to set up special skins for mobile browsers that are gorgeous. As of today, here are the instant solutions.
WordPress
- Right inside your admin panel in WordPress, click on the Plugins button in the left pane.
- Select Add New.
- Punch in WPTouch and hit “Search Plugins”.
- There it is, now install it!
- That’s it. Seriously. You can play with the settings if you want (like changing the logo), but you don’t need to. Wow!
Mediawiki
- This skin is the one you want, but it has a few issues.
- Here is a corrected version, use it to take your chance for it to work “out of the box” 🙂 Download and untar it from within your [mediawiki/skins] folder. The changes I made are listed at the end of this post.
- Now users can select the skin in their preferences, but we want automatic! Update your LocalSettings.php file to set $wgDefaultSkin as follows:
if (preg_match("/iphone/i", $_SERVER['HTTP_USER_AGENT'])) { $wgDefaultSkin = 'wptouch'; } elseif (preg_match("/android/i", $_SERVER['HTTP_USER_AGENT'])) { $wgDefaultSkin = 'wptouch'; } elseif (preg_match("/webos/i", $_SERVER['HTTP_USER_AGENT'])) { $wgDefaultSkin = 'wptouch'; } elseif (preg_match("/ipod/i", $_SERVER['HTTP_USER_AGENT'])) { $wgDefaultSkin = 'wptouch'; } elseif (preg_match("/opera mini/i", $_SERVER['HTTP_USER_AGENT'])) { $wgDefaultSkin = 'wptouch'; } else { $wgDefaultSkin = 'vector'; }
- Go enjoy it!
Easy and beautiful!