<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mediactive &#187; mobile</title>
	<atom:link href="http://mediactive.com/tag/mobile/feed/" rel="self" type="application/rss+xml" />
	<link>http://mediactive.com</link>
	<description>Creating a User&#039;s Guide to Democratized Media</description>
	<lastBuildDate>Wed, 02 Jun 2010 17:43:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>How to Optimize Your Self-Hosted WordPress Blog for Mobile</title>
		<link>http://mediactive.com/2009/10/20/how-to-optimize-your-self-hosted-wordpress-blog-for-mobile/</link>
		<comments>http://mediactive.com/2009/10/20/how-to-optimize-your-self-hosted-wordpress-blog-for-mobile/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 01:06:00 +0000</pubDate>
		<dc:creator>Josh Sprague</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress plugins]]></category>

		<guid isPermaLink="false">http://mediactive.com/?p=823</guid>
		<description><![CDATA[Update: Rich Gubby wrote to pitch his Wapple Architect Mobile plugin for WP. I&#8217;ve tested it and believe it&#8217;s another good option. Thoughts on Wapple are appended below. I&#8217;ve also updated the theme names for clarity. WordPress is activating two new themes for mobile phones, one for smart phones and the other for standard mobile [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-829" title="WP Touch1" src="http://mediactive.com/wp-content/uploads/2009/10/WP-Touch1-228x300.jpg" alt="WP Touch1" width="144" height="190" /></p>
<p><em>Update: Rich Gubby wrote to pitch his Wapple Architect Mobile plugin for WP. I&#8217;ve tested it and believe it&#8217;s another good option. Thoughts on Wapple are appended below. I&#8217;ve also updated the theme names for clarity.</em></p>
<p>WordPress is activating <a href="http://en.blog.wordpress.com/2009/10/20/the-hero-is-in-your-pocket/">two new themes</a> for mobile phones, one for smart phones and the other for standard mobile browsers. These will be displayed automatically for visitors based on the phone. However, this upgrade only applies to WordPress.com users at the moment. What if you self-host your WordPress blog?</p>
<p>No worries. Upgrading your self-hosted WordPress blog is rather painless and involves just two plugins, one of which I <a href="http://mediactive.com/2009/09/29/wp-touch-plugin-for-wordpress/">blogged about</a> previously. These two plugins are the same that WordPress has modified for WordPress.com users.</p>
<h3>1. Download the following plugins:</h3>
<p>-<a href="http://wordpress.org/extend/plugins/wordpress-mobile-edition/">WordPress Mobile Edition</a> by CrowdFavorite<br />
-<a href="http://wordpress.org/extend/plugins/wptouch/">WPtouch iPhone Theme</a> by BraveNewCode</p>
<h3>2. Upload and Activate WordPress Mobile Edition</h3>
<p>For WordPress Mobile Edition, you&#8217;ll need to drop one file in your plugin folder and a folder in your themes folder. The creators explain this <a href="http://alexking.org/projects/wordpress/readme?project=wordpress-mobile-edition">here</a>.</p>
<p><a href="http://mediactive.com/wp-content/uploads/2009/10/MobileOptimize4.jpg"><img class="alignright size-medium wp-image-831" title="MobileOptimize4" src="http://mediactive.com/wp-content/uploads/2009/10/MobileOptimize4-300x257.jpg" alt="MobileOptimize4" width="189" height="162" /></a>Once uploaded, activate WordPress Mobile Edition on the plugins screen in your dashboard. This will add a link called &#8220;Mobile&#8221; to your Settings section. Click &#8220;Mobile&#8221; to access the settings. In here, you will see two lists. The first is for traditional mobile browsers and the second is for smart phones. Delete the list of smart phones as we&#8217;re going to let WP Touch handle those. Click &#8220;Save Settings.&#8221;</p>
<h3>3. Upload and Activate WP Touch</h3>
<p>For WP Touch, you just have to drop the WP Touch folder in your plugins folder.</p>
<p>Once uploaded, activate WP Touch on the plugins screen in your dashboard. This will add a link called &#8220;WP Touch&#8221; to your Settings section. There are a lot of adjustments you can make here, but the plugin will be working immediately. I go into more detail on the WP Touch settings in a previous <a href="http://mediactive.com/2009/09/29/wp-touch-plugin-for-wordpress/">post</a>.</p>
<h3>4. Test</h3>
<p>Now, jump on your phone and take the site for a test drive. If you don&#8217;t have access to a smart phone or a non-smart phone, I&#8217;ve found a couple online tests. They aren&#8217;t perfect, but will give you a basic preview:<br />
-Smart phone <a href="http://www.testiphone.com/">test</a><br />
-Non-smart phone <a href="http://mtld.mobi/emulator.php">test</a></p>
<p><em>Update:</em></p>
<h3>Another Option:</h3>
<p>If you&#8217;re comfortable editing CSS, <a href="http://wordpress.org/extend/plugins/wapple-architect/" target="_blank">Wapple Architect Mobile</a> is another option worth checking out. The options are rather robust and allow for a high degree of customization. The biggest pro may be the fact that one plugin takes care of both smart and non-smart phones.</p>
<p><a href="http://mediactive.com/wp-content/uploads/2009/10/WappleScreen.jpg"><img class="alignleft size-medium wp-image-841" title="WappleScreen" src="http://mediactive.com/wp-content/uploads/2009/10/WappleScreen-300x268.jpg" alt="WappleScreen" width="240" height="214" /></a>In my previous post about WP Touch, I mention that it does give your blog an application feel. If you prefer a more customized look, Wapple offers that. Updating your mobile theme with a unique header is done via dashboard. However, color and typography options must be managed by editing a style sheet. The style sheet is well-commented, but may be a steeper entry point for novices.</p>
<p>You can find the plugin <a href="http://wordpress.org/extend/plugins/wapple-architect/" target="_blank">here</a>. You&#8217;ll also need to register for an API key for activation <a href="http://wapple.net/get-leading-mobile-web-site-builder-and-development-tools.htm" target="_blank">here</a>.</p>
<p><em>If you visit Mediactive via mobile, let me know if you run into any conflicts. I&#8217;ll update with surprises we find.</em></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://mediactive.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://mediactive.com/2009/10/20/how-to-optimize-your-self-hosted-wordpress-blog-for-mobile/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
