<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Line In Web Design</title>
	
	<link>http://line-in.co.uk</link>
	<description>Let's build you an amazing Wordpress Site</description>
	<lastBuildDate>Mon, 26 Jul 2010 16:00:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/LineInWebDesign" /><feedburner:info uri="lineinwebdesign" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Creating a 3D Pipe with Illustrator and Photoshop</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/oWy4XJyzNcM/</link>
		<comments>http://line-in.co.uk/3d-objects-illustrator/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 16:00:42 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3D]]></category>

		<guid isPermaLink="false">http://line-in.co.uk/?p=455</guid>
		<description><![CDATA[<p><img width="620" height="400" src="http://line-in.co.uk/wp-content/uploads/2010/07/illustrator_pipe.jpg" class="attachment-large wp-post-image" alt="Illustrator 3D Objects" title="Illustrator 3D Objects" /></p>We&#8217;ll be building the shape in Illustrator using the 3D Revolve tool before going into Photoshop to texture it all up using clipping masks and blend modes and layer styles and all that modern doohickory. 1) Before I start trying [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="400" src="http://line-in.co.uk/wp-content/uploads/2010/07/illustrator_pipe.jpg" class="attachment-large wp-post-image" alt="Illustrator 3D Objects" title="Illustrator 3D Objects" /></p><p>We&#8217;ll be building the shape in Illustrator using the 3D Revolve tool before going into Photoshop to texture it all up using clipping masks and blend modes and layer styles and all that modern doohickory.</p>
<p><span id="more-455"></span></p>
<p>1) Before I start trying to create anything based on the material world, I always spend at least five minutes gathering some reference materials &#8211; especially for things that I don&#8217;t come in contact with every day. I&#8217;m not a pipe smoker, so I don&#8217;t have a real one lying around the house that I can use so I grabbed this photo from Stock Exchange instead. My memory is so rubbish that I don&#8217;t trust it to recall the important details of anything (anniversaries, birthdays, modern smoking pipe construction), so I always use a <a href="http://www.sxc.hu/photo/913743">reference</a>.</p>
<p>Instantly, I start to see little details that will help our design read better. The features that jump out at me from this image are the two different materials and the little lip at the smoking end.</p>
<p>2) In order to accurately recreate the pipe, we&#8217;re going to have to divide it into two parts. This is because we&#8217;re going to need to revolve the pipe around two different axis. Hopefully this screenshot will make the things a little clearer.</p>
<p><a rel="attachment wp-att-471" href="http://line-in.co.uk/3d-objects-illustrator/pipeaxis/"><img class="aligncenter size-medium wp-image-471" title="Axis of the pipe" src="http://line-in.co.uk/wp-content/uploads/2010/07/pipeAxis-459x306.png" alt="Axis of the pipe" width="459" height="306" /></a></p>
<p>3) Got it? No? Me either. Not to worry, when in doubt, just start &#8211; trial and error are your friends.</p>
<p>Let&#8217;s grab our pen tool (p) and start roughing out the shape of the stem. You need to imagine that you&#8217;re cutting a slice out of the tube, then cutting that slice down the middle. To help you understand that nonsense sentence, an example: If I was going to make a sphere, I&#8217;d draw out a half moon and revolve it around the straight edge. Play with the revolve tool until you figure it out &#8211; don&#8217;t worry, it took me a while too.</p>
<p>Here is the shape of my stem &#8211; I used no stroke and a fill of <code>#919191</code>. I used this neutral grey because it will react better with the texture when we apply the blending mode in Photoshop. It doesn&#8217;t have to be perfect, as the 3D Revolve is an applied effect that can be edited or deleted later from the &#8216;appearances&#8217; panel.</p>
<p><a rel="attachment wp-att-460" href="http://line-in.co.uk/3d-objects-illustrator/stemplan/"><img class="aligncenter size-full wp-image-460" title="Plan for the pipe stem" src="http://line-in.co.uk/wp-content/uploads/2010/07/stemPlan.png" alt="Plan for the pipe stem" width="450" height="704" /></a></p>
<p>4) Using the pen tool again, we start on the bowl, again using no stroke and a fill of <code>#919191</code>. I made something like this. Hopefully you can see the half-bowl shape. I&#8217;m going to be revolving it around the small edge, if that helps you understand it any better.</p>
<p><a rel="attachment wp-att-461" href="http://line-in.co.uk/3d-objects-illustrator/bowlplan/"><img class="aligncenter size-medium wp-image-461" title="Plan for the bowl and stem" src="http://line-in.co.uk/wp-content/uploads/2010/07/bowlPlan-460x671.png" alt="Plan for the bowl and stem" width="460" height="671" /></a></p>
<p>5) Once you&#8217;ve created your shapes, select the stem and go to <code>Effect</code> -&gt; <code>3D</code> -&gt; <code>Revolve</code>. Here are the settings I used for the stem:</p>
<p><a rel="attachment wp-att-468" href="http://line-in.co.uk/3d-objects-illustrator/stemrevolvesettings/"><img class="aligncenter size-full wp-image-468" title="Stem Revolve Settings" src="http://line-in.co.uk/wp-content/uploads/2010/07/stemRevolveSettings.png" alt="Stem Revolve Settings" width="449" height="630" /></a></p>
<p>6) And here are the settings for the bowl:</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/bowlrevolvesettings/" rel="attachment wp-att-467"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/bowlRevolveSettings.png" alt="Bowl revolve settings" title="Bowl revolve settings" width="444" height="627" class="aligncenter size-full wp-image-467" /></a></p>
<p>7) You&#8217;ll probably have to move the stem around so that it looks like it&#8217;s coming out of the bowl and not totally detached. This really is just trial and error (unless you smart folks know of a better way &#8211; <a href='http://line-in.co.uk/3d-objects-illustrator/#respond'>leave a comment</a> if you do). You have to click and drag with your mouse, then let go of the button so that Illustrator can re-render the object. Repeat until it looks something like this:</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/greyscalerender/" rel="attachment wp-att-459"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/greyscaleRender-460x275.png" alt="Greyscale Pipe Render" title="Greyscale Pipe Render" width="460" height="275" class="aligncenter size-medium wp-image-459" /></a></p>
<p>8) That&#8217;s looking pretty pipe-shaped! All right, go get a coffee before we move on to the Photoshop stage &#8211; you&#8217;ve earned it.</p>
<p>Got one? Great, now let&#8217;s make it look more real. <code>Shift + click</code> both paths to select them within Illustrator and then hit <code>Ctrl/Cmd + C</code>. Start up Photoshop and open a new document. The size of the clipboard image will already be set, but because it&#8217;s going in as a vector, you can have it as large as you want. My document size was 700px x 400px (increase the size/DPI if you&#8217;re planning to use it for print). Go to <code>Edit</code> -&gt; Paste (or hit <code>Ctrl/Cmd + V</code>) and Photoshop will ask you how you want to import it. Select <code>Smart Object</code> and then OK and it&#8217;ll come in with a bounding box around it.</p>
<p>I made mine a little smaller (remember to hold shift to constrain ratios) because I like to have a little breathing room around my images, and then I confirm the transformation.</p>
<p>9) Name this layer &#8216;Pipe Original&#8217;, then duplicate it, lock it and hide it (I like to use non-destructive editing techniques &#8211; including keeping originals intact &#8211; wherever possible. This is just in case we decide to go back and edit the original pipe in future. Rename the duplicate &#8216;Pipe&#8217;, then <code>right/ctrl + click</code> this layer and select &#8216;rasterize layer&#8217;.</p>
<p>10) Grab your favourite wood texture (I used the 4th one of these <a href='http://www.bittbox.com/freebies/free-hi-resolution-wood-textures'>free wooden textures</a>) and place it on a layer above the rasterized pipe. Call this &#8216;wood&#8217; and resize it so that the texture&#8217;s scale matches that of the pipe. I also rotated mine slightly so that the grain is parallel to the stem. <code>Alt + click</code> the line between the two layers to apply a clipping mask. Finally, change the &#8216;Wood&#8217; layer&#8217;s blending mode to <code>Multiply</code>.  Boom! 3D wood.</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/texturedwood/" rel="attachment wp-att-466"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/texturedWood-460x368.png" alt="wood texture" title="Wood texture" width="460" height="368" class="aligncenter size-medium wp-image-466" /></a></p>
<p>11) Select the Wood layer and click on the layer mask icon. Make sure your foreground colour is set to black, then get a big, hard brush &#8211; make it big enough that the edge of it follows the curve of the wood nicely. <code>Ctrl/Cmd + click</code> the small image on the Pipe layer within the layers panel to select it, then line it up between roughly half way between the bowl and the tip of the stem and click once. Finally, paint away all the wood between the tip of the stem and edge you just made, like so:</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/deletededge/" rel="attachment wp-att-465"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/deletedEdge-460x368.png" alt="Pipe with deleted edge" title="Pipe with deleted edge" width="460" height="368" class="aligncenter size-medium wp-image-465" /></a></p>
<p>12) <code>Ctrl/cmd+click</code> the Pipe layer icon, then <code>Ctrl/Cmd+click</code> the LAYER MASK image on the on the Wood layer, then press <code>Ctrl/Cmd+shift+i</code> to invert the selection. Create a new layer, then select the fill tool and click once within the selection &#8211; it doesn&#8217;t matter what color you use. Rename this layer &#8216;Plastic&#8217;.</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/layermask/" rel="attachment wp-att-464"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/layerMask.png" alt="Photoshop Layer Mask" title="Photoshop Layer Mask" width="294" height="300" class="aligncenter size-full wp-image-464" /></a></p>
<p>13) Drop the &#8216;plastic&#8217; layer&#8217;s fill to 0, then double-click the layer to fire up the layer styles. Select gradient overlay and make something similar to this:</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/plasticlayerstyle/" rel="attachment wp-att-462"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/plasticLayerStyle-460x586.png" alt="Plastic layer styles" title="Plastic layer styles" width="460" height="586" class="aligncenter size-medium wp-image-462" /></a></p>
<p>Make sure that you set the Blending Mode within the gradient style layer style, NOT on the layer itself, or else it won&#8217;t work right.</p>
<p><a href="http://line-in.co.uk/3d-objects-illustrator/illustrator_pipe/" rel="attachment wp-att-470"><img src="http://line-in.co.uk/wp-content/uploads/2010/07/illustrator_pipe.jpg" alt="Illustrator 3D Objects" title="Illustrator 3D Objects" width="620" height="400" class="aligncenter size-full wp-image-470" /></a></p>
<p>And there you have it! A realistic, 3D pipe to use anywhere in your illustrations</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=455&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/upgrade-wordpress-3/' rel='bookmark' title='Permanent Link: How To Upgrade To WordPress 3 Safely'>How To Upgrade To WordPress 3 Safely</a></li>
<li><a href='http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/' rel='bookmark' title='Permanent Link: How To Use Dreamweaver CS5′s New Site-Specific Code Hinting'>How To Use Dreamweaver CS5′s New Site-Specific Code Hinting</a></li>
<li><a href='http://line-in.co.uk/getting-a-good-conversion-rate/' rel='bookmark' title='Permanent Link: Why You Should Be Tracking Your Conversions'>Why You Should Be Tracking Your Conversions</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/oWy4XJyzNcM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/3d-objects-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/3d-objects-illustrator/</feedburner:origLink></item>
		<item>
		<title>How To Use Dreamweaver CS5′s New Site-Specific Code Hinting</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/8w1Zm7Yc4b0/</link>
		<comments>http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 16:00:12 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Products]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://line-in.co.uk/?p=436</guid>
		<description><![CDATA[<p><img width="620" height="427" src="http://line-in.co.uk/wp-content/uploads/2010/07/Dreamweaver_splash_screen-620x427.jpg" class="attachment-large wp-post-image" alt="Dreamweaver_splash_screen" title="Dreamweaver_splash_screen" /></p>The new version of Adobe&#8217;s successful CS series of creative products has just recently launched and Dreamweaver has received an extensive upgrade full of exciting new features for WordPress developers. For a long while, I was content using Notepad++ to [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="427" src="http://line-in.co.uk/wp-content/uploads/2010/07/Dreamweaver_splash_screen-620x427.jpg" class="attachment-large wp-post-image" alt="Dreamweaver_splash_screen" title="Dreamweaver_splash_screen" /></p><p>The new version of Adobe&#8217;s successful CS series of creative products has just recently launched and Dreamweaver has received an extensive upgrade full of exciting new features for WordPress developers. For a long while, I was content using Notepad++ to do all of my development but, after switching to a Mac, I thought I&#8217;d give <a href="http://www.adobe.com/products/dreamweaver/">DreamWeaver</a> another go and this new version has been well worth it.</p>
<p><span id="more-436"></span></p>
<h3>About Site Specific Code Hinting</h3>
<p>This has to be my current favourite new feature. Often times, I&#8217;ll find myself developing away from the internet on a local server. The <a href="http://codex.wordpress.org/Main_Page">WordPress Codex</a> is a fantastic resource but, unfortunately, it&#8217;s all online. Site specific code hints have been a lifesaver. Not only do they save typing time, but they also remind you what arguments a function takes and tell you where in your site tree that function is located.</p>
<p>WordPress&#8217; code is well commented, so sometimes looking up the function in its original file can provide all of the information I need to continue developing (and it sometimes has a lot more information than the Codex). Of course, you could use the site-wide search that has been available in DreamWeaver for many years, but that doesn&#8217;t tell me whether or not a function actually exists or whether I&#8217;ve just made it up (it happens more than you&#8217;d think).</p>
<p>These code hints aren&#8217;t limited to WordPress, either. There are defaults available for Joomla and Drupal as well but, better than that, you can actually have it search recursively through your programs and create code hinting from your own functions!</p>
<h3>Using Code Hints</h3>
<p>Using Site Specific Code Hinting is easy. If you&#8217;re looking to use one of the default sets (currently Wordprss, Joomla and Drupal), you first need to set up a site and add a PHP server.</p>
<p>I do all of my development offline on a local testing server using <a href="http://www.mamp.info">MAMP</a> on the Mac. MAMP stands for Mac Apache MySQL PHP, and is basically an Apache web server in a box. It&#8217;s very easy to install, set up and use. Equivalents are available on other platforms &#8211; <a href="http://www.wampserver.com/en/">WAMP</a> is available for Windows and you can just install a regular LAMP stack (using apt-get on Ubuntu or Debian, or simply install <a href="http://www.apachefriends.org/en/xampp.html">XAMPP</a>) in Linux</p>
<p>Once that&#8217;s done, you&#8217;ll need to define your site.</p>
<ol>
<li>Go to Site -&gt; New Site&#8230;</li>
<li>Fill in your site&#8217;s name and the location of the files on your hard drive</li>
<li>In &#8216;Servers&#8217;, click the &#8216;+&#8217; sign to add a new server</li>
<li>Name it whatever you want, then change the Connect using: to &#8216;Local/Network&#8217;</li>
<li>The Server Folder is your web root &#8211; usually &#8216;htdocs&#8217; or &#8216;www&#8217; &#8211; and the installation of your local testing server should have told you where it is on your drive. Put that location in this box.</li>
<li>The Web URL is how you access your site through a browser. This usually defaults to &#8216;localhost&#8217; (e.g. http://localhost/)</li>
</ol>
<p>To use Site-Specific Code Hints for a WordPress site, simply go to the <code>Site</code> menu and click <code>Site-Specific Code Hints...</code>.</p>
<p style="text-align: center;"><a rel="attachment wp-att-441" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/site-specific-code-hints-menu/"><img class="size-full wp-image-441 aligncenter" title="Accessing Site Specific Code Hints" src="http://line-in.co.uk/wp-content/uploads/2010/07/site-specific-code-hints-menu.jpg" alt="Accessing Site Specific Code Hints" width="370" height="354" /></a></p>
<p>Select <code>WordPress</code> from the <code>Structure: </code> drop-down list and hit OK. Now, open a file and start typing a WordPress function and you should get the hint from that function:</p>
<p style="text-align: center;"><a rel="attachment wp-att-446" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/post_dw_site-specific-code-hinting/"><img class="aligncenter size-full wp-image-446" title="post_DW_site-specific-code-hinting" src="http://line-in.co.uk/wp-content/uploads/2010/07/post_DW_site-specific-code-hinting.jpg" alt="" width="587" height="59" /></a></p>
<h3>Defining Your Own Sites</h3>
<p>It gets better, though. If you&#8217;re developing your own site or PHP application, then you can set up your own structure and have it scan through and create code hints for <em>your</em> functions! Let&#8217;s take a look.</p>
<p>Here&#8217;s a very basic folder structure:</p>
<pre>index.php
- includes/functions.php
</pre>
<p>I&#8217;ve defined a nonsense function in the functions.php, and I want to be able to access the hinting while I&#8217;m coding away in index.php. Go to <code>Site</code> -&gt; <code>Site-Specific Code Hints...</code> and select <code>New from Blank</code> from the drop-down menu.</p>
<p><a rel="attachment wp-att-444" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/site-specific-code-hinting-custom-1/"><img class="aligncenter  size-full wp-image-444" title="site-specific-code-hinting-custom-1" src="http://line-in.co.uk/wp-content/uploads/2010/07/site-specific-code-hinting-custom-1.jpg" alt="" width="573" height="416" /></a></p>
<p>Click the &#8216;+&#8217; sign next to <code>File(s): </code> and then click the  folder icon next to <code>File/folder: </code><a rel="attachment wp-att-442" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/site-specific-code-hinting-select-folder/"><img class="aligncenter size-medium wp-image-442" title="site-specific-code-hinting-select-folder" src="http://line-in.co.uk/wp-content/uploads/2010/07/site-specific-code-hinting-select-folder-460x303.jpg" alt="" width="460" height="303" /></a></p>
<p>Choose the folders you want to include (in this case &#8216;includes&#8217;), and then click <code>Add</code>. If you have nested folders, then click on the folders in the window and make sure that you check &#8216;recursive&#8217;. It will then search through all of the subfolders.</p>
<p><a rel="attachment wp-att-445" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/site-specific-code-hinting-all-done/"><img class="aligncenter size-medium wp-image-445" title="site-specific-code-hinting-all-done" src="http://line-in.co.uk/wp-content/uploads/2010/07/site-specific-code-hinting-all-done-460x338.jpg" alt="" width="460" height="338" /></a></p>
<p>Click <code>OK</code> and it&#8217;ll ask you if you want to save it as a custom structure. If it&#8217;s a structure you use a lot in different sites, then it&#8217;s probably worthwhile &#8211; otherwise, just hit cancel.</p>
<p>You should now have access to the defined function and if I go to index.php and start typing the name of the function, I get this:</p>
<p><a rel="attachment wp-att-443" href="http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/site-specific-code-hinting-new-hints/"><img class="aligncenter size-large wp-image-443" title="site-specific-code-hinting-new-hints" src="http://line-in.co.uk/wp-content/uploads/2010/07/site-specific-code-hinting-new-hints-620x58.jpg" alt="" width="620" height="58" /></a></p>
<p>Of course, there are a bunch of other great new features like Live Preview and the updated CSS panel, but the new code hinting feature is definitely the one I&#8217;m using the most. I hope you&#8217;ve found this useful &#8211; if you have, consider sharing it or subscribing to my <a href="http://feeds.feedburner.com/LineInWebDesign">RSS feed</a> or to my mailing list.</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=436&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/upgrade-wordpress-3/' rel='bookmark' title='Permanent Link: How To Upgrade To WordPress 3 Safely'>How To Upgrade To WordPress 3 Safely</a></li>
<li><a href='http://line-in.co.uk/3d-objects-illustrator/' rel='bookmark' title='Permanent Link: Creating a 3D Pipe with Illustrator and Photoshop'>Creating a 3D Pipe with Illustrator and Photoshop</a></li>
<li><a href='http://line-in.co.uk/wordpress-sites/' rel='bookmark' title='Permanent Link: Why WordPress Sites?'>Why WordPress Sites?</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/8w1Zm7Yc4b0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/</feedburner:origLink></item>
		<item>
		<title>How We Got Over 8,000 Visits In Less than Three Months</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/V0Q4jCa3AEo/</link>
		<comments>http://line-in.co.uk/getting-visitors/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 16:00:22 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Wordpress Case Studies]]></category>
		<category><![CDATA[Success]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://line-in.co.uk/?p=425</guid>
		<description><![CDATA[<p><img width="620" height="257" src="http://line-in.co.uk/wp-content/uploads/2010/06/NEV_analytics-620x257.jpg" class="attachment-large wp-post-image" alt="Our Analytics Results" title="Analytics" /></p>The launch of Never Ending Voyage was one of our most successful website launches to date, receiving over 8,000 visits and over 5,000 unique visitors in its first three months. Our site was launched on February 19th 2010 and the [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="257" src="http://line-in.co.uk/wp-content/uploads/2010/06/NEV_analytics-620x257.jpg" class="attachment-large wp-post-image" alt="Our Analytics Results" title="Analytics" /></p><p>The launch of Never Ending Voyage was one of our most successful website launches to date, receiving over 8,000 visits and over 5,000 unique visitors in its first three months. Our site was launched on February 19th 2010 and the image above is a picture of our Analytics account for those initial months (until May 18th 2010).</p>
<p>We launched with one post and a posting schedule of 3 a week (which we managed to keep to until we ran out of internet in Paraguay!) and we&#8217;ve been fortunate to have over <strong>470</strong> comments in the four and something months we&#8217;ve been live. We&#8217;ve also managed to earn some income through affiliate sales which has paid for the hosting costs for all of our sites for the year. Not bad for such a young site!</p>
<p><span id="more-425"></span></p>
<p>There are many possible reasons why it has been so successful, but I&#8217;d like to share what I think are some of the major contributing factors.</p>
<p><strong>1) Unique Design</strong></p>
<p>Design matters, it&#8217;s as simple as that. <em>Well-designed</em> does not have to mean lots of fancy graphics and crazy animations, but it does mean something that is easy to read and navigate and that stands out from the crowd.</p>
<p>We&#8217;ve had a lot of very nice things said about the design of the site. I&#8217;m sure it gives us an advantage over other travel sites that use free (or even premium) themes on their blogs in that it&#8217;s unique and recognisable.</p>
<p><strong>2) Quality Content</strong></p>
<p>My partner wrote a number of very in depth, high quality articles about selling all of our possessions and about saving money for travelling. She provided lots of details on how we did it and what worked and what didn&#8217;t and they proved to be very popular, getting shared around the web and ReTweeted on Twitter.</p>
<p>Of course, now the bar has been set we have to maintain that quality!</p>
<p><strong>3) Regular Posting Schedule</strong></p>
<p>We have been religious about updating the blog and I think that it does make a difference in keeping the site talking about &#8211; especially in the early days. Perhaps after a certain tipping point, the site will have enough momentum that regular updates are no longer as important, but in the beginning I think it&#8217;s important to show your commitment.</p>
<p><strong>4) Social Media</strong></p>
<p><a href='http://www.neverendingvoyage.com/about'>My partner</a> was incredibly active on <a href='http://twitter.com/NevEndingVoyage'>Twitter</a> from the outset, asking and answering questions and getting involved in the travel community. She has built up a following of nearly 600 people through her constant engagement and, as a result, Twitter remains one of our top 5 traffic sources.</p>
<p>Note that the important part here is <em>engagement</em>. You absolutely have to get involved and it has to be inolvement beyond the spammy &#8216;come and look at my site&#8217;. Chat to people, help them out, ask questions, make conversation &#8211; give freely of your time and effort and you&#8217;ll get it back in spades.</p>
<p>We also have a <a href='http://www.facebook.com/NeverEndingVoyage'>Facebook</a> page, a <a href='http://www.flickr.com/photos/neverendingvoyage/'>Flickr</a> account, a <a href='http://www.youtube.com/neverendingvoyage'>YouTube</a> account and a <a href='http://www.vimeo.com/nevendingvoyage'>Vimeo</a> account to make sure that we&#8217;re in as many relevant places as we can actively keep up with.</p>
<p><strong>5) Unique Story</strong></p>
<p>Although I don&#8217;t think you need to sell all of your stuff and travel indefinitely to have a successful blog, I do think that having a unique story has helped. Many people go travelling for 6 months or a year, but the longer the travel period the less people there are blogging about it.</p>
<p>It&#8217;s been a great start and our visitor numbers continue to grow and there have been many lessons learned from this launch which I&#8217;ll be applying to all future launches.</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=425&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/getting-a-good-conversion-rate/' rel='bookmark' title='Permanent Link: Why You Should Be Tracking Your Conversions'>Why You Should Be Tracking Your Conversions</a></li>
<li><a href='http://line-in.co.uk/wordpress-sites/' rel='bookmark' title='Permanent Link: Why WordPress Sites?'>Why WordPress Sites?</a></li>
<li><a href='http://line-in.co.uk/upgrade-wordpress-3/' rel='bookmark' title='Permanent Link: How To Upgrade To WordPress 3 Safely'>How To Upgrade To WordPress 3 Safely</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/V0Q4jCa3AEo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/getting-visitors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/getting-visitors/</feedburner:origLink></item>
		<item>
		<title>Why You Should Be Tracking Your Conversions</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/S78TRNUv6Vo/</link>
		<comments>http://line-in.co.uk/getting-a-good-conversion-rate/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 16:00:26 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[Traffic]]></category>

		<guid isPermaLink="false">http://simon/line-in-web-design/?p=333</guid>
		<description><![CDATA[<p><img width="620" height="306" src="http://line-in.co.uk/wp-content/uploads/2010/06/conversion-rates-620x306.png" class="attachment-large wp-post-image" alt="Conversion Rates Image" title="Conversion Rates Image" /></p>Ask me what the most important aspect of a website is and I&#8217;m likely to reply &#8216;Conversion Rate&#8217;. I believe it&#8217;s even more important than visitor numbers and I would rather have a high Conversion Rate than a high visitor [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="306" src="http://line-in.co.uk/wp-content/uploads/2010/06/conversion-rates-620x306.png" class="attachment-large wp-post-image" alt="Conversion Rates Image" title="Conversion Rates Image" /></p><p>Ask me what the most important aspect of a website is and I&#8217;m likely to reply &#8216;Conversion Rate&#8217;. I believe it&#8217;s even more important than visitor numbers and I would rather have a high Conversion Rate than a high visitor count (of course, having both would be best of all!)</p>
<p>Of course, you need to have a certain number of visitors to begin with, but even 100 visits is enough for you to start to see which aspects of your site are working.</p>
<p><span id="more-333"></span></p>
<h3>What Is a Conversion Rate</h3>
<p>Basically, it&#8217;s a number &#8211; usually expressed as a percentage &#8211; that tells you how many people are doing what you want them to do when they land on your site.</p>
<p>Everyone who has a website wants the people visiting it to do something on it &#8211; even if that&#8217;s just reading some content. Most actions that users take on your website can be measured (although there is one key thing that can never be measured by Analytics &#8211; we&#8217;ll come back to that later) and anything that can be measured can have a goal assigned to it.</p>
<p>Your Conversion Rate tells you how successful you are at achieving your goals. The most obvious goals are for eCommerce sites &#8211; making sales.</p>
<h3>An Example</h3>
<p>Bill and Steve both have online shops selling Flaming Death Skull t-shirts. The black shirts, adorned with a fetching bloody skull on fire motif, retail at $30 each. Bill is receiving about 200 visits a month and has a Conversion Rate of 1%. Steve is receiving about 50 visits a month, but has a Conversion Rate of 10%. Who&#8217;s doing better?</p>
<p>In terms of traffic, Bill. No question. But basic math shows us that, <em>financially</em>, Steve is doing much, much better, earning $150 a month against Bill&#8217;s $60 despite Bill have <strong>four</strong> times the traffic.</p>
<p>Although I&#8217;ve used a financial example here, the priciples can be applied to almost anything. Here are a few other things that could work as goals:</p>
<ul>
<li>Number of comments</li>
<li>Number of pages visited</li>
<li>Time spent on your site</li>
<li>Mailing list sign ups</li>
<li>Number of repeat visits</li>
<li>Brouchure requests</li>
<li>Number of visits from a particular keyword</li>
<li>Downloads</li>
<li>Uploads</li>
<li>Number of phone enquiries (a little harder to track, but still very possible &#8211; for example, by using a website specific phone number)</li>
</ul>
<h3>This Sounds Great &#8211; So How Do I Work It Out?</h3>
<p>Of course, in order to know if you&#8217;re reaching your goals you need a way to measure all of this stuff. Thankfully, the benevolent Google (All Hail!) has bestowed on us humble netizens an incredibly powerful (yet totally free) tool to help us &#8211; Google Analytics.</p>
<p>Installing Analytics is straightforward &#8211; you need a Google account and, once you&#8217;ve signed up, you just drop a small chunk of JavaScript at the foot of every page you want to track (that&#8217;s all of them) and then you sit back and let it collect the data. It&#8217;s very easy and there are plenty of tutorials out there, but if you need a hand setting it up, feel free to get in touch and we&#8217;ll work something.</p>
<p>Now you have your goal and your data, working out your Conversion Rate is simple mathematics. Analytics actually includes quite comprehensive support for goals that works out your Conversion Rate automatically within the program itself, but since that&#8217;s a fairly advanced topic we&#8217;ll start by working it out for ourselves.</p>
<p><em>Note: I&#8217;ll be writing more in-depth articles about using Google Analytics in future, so sign up to my <a href="http://feeds.feedburner.com/LineInWebDesign">RSS feed</a> or <a href="#signup">email mailing list</a> to make sure that you don&#8217;t miss them.</em></p>
<p>Let&#8217;s suppose that your goal is to get comments. You can work out your overall Conversion Rate by simply dividing the number of comments (spam comments don&#8217;t count!) by the number of visits and multiplying it by a hundred. If you had 4,000 visits in one week (hurrah!) and 200 comments, then your Conversion Rate for comments is ( 200 / 4000 ) * 100 = 5%. </p>
<p>That&#8217;s actually a really great rate &#8211; figure on 1% being an average rate. Of course, this varies wildly depending on what you&#8217;re doing, but as an extremely rough starting point it&#8217;s not too bad.</p>
<p>Note that we have barely even scratched the surface of what Analytics is capable of in the right hands. It can tell you where people are coming from, how long they&#8217;re staying, what they&#8217;re looking at and even what they&#8217;re clicking on. You can also have it work out all of your Conversion Rates automatically for up to 20 different goals. The trick, however, is not to focus on the numbers (or <em>metrics</em>) but on <em>what the data tells you</em> (it&#8217;s all too easy to get hung up on visitor numbers when, as we&#8217;ve seen, that&#8217;s not really what counts).</p>
<h3>OK, I Know My Conversion Rate &#8211; Now What</h3>
<p>If it&#8217;s a good rate then now is the time to start increasing traffic! Use the methods you&#8217;ve been using but increase their effectiveness. For example, if Twitter is getting you good traffic that converts, then increase your Twitter activity. If commenting on other blogs is helping, do that more. If certain keywords are bringing you traffic, schedule a few more posts around those words.</p>
<p>If it&#8217;s a poor Conversion Rate, then you need to fix it first! Throwing traffic at a bad (or non-existent) rate is a waste of your time and your bandwidth because no one is engaging with what you&#8217;re doing. There are potentially many reasons for this. </p>
<p>We&#8217;ll assume that you&#8217;ve taken care of the basics &#8211; you have a great looking site that functions well and is full of top quality content &#8211; but, even still, users aren&#8217;t engaging. Unfortunately, we rarely know through Analytics the most important reason why users aren&#8217;t getting involved but this doesn&#8217;t mean that we can&#8217;t do anything about it.</p>
<h3>That Important Reason</h3>
<p>So what is this mysterious thing that all of this data cannot tell us? </p>
<p>User Intention. </p>
<p>We rarely know <em>why</em> a user is visiting a website. You can guess and conjecture all that you want but the fact is that, until you ask them, you&#8217;ll never be totally sure. Even if you ask them, they may not tell you the full story (&#8216;I was on that porn site for research purposes! Honest!&#8217;). </p>
<p>There are ways to ask users why they visited your site, such as surveys, but even these won&#8217;t often give you the full picture because (apart from the innocent mistruths), the people that generally respond to surveys will be at the emotional extremes &#8211; incredibly happy or incredibly annoyed, for example &#8211; and may not be representitive of the majority. </p>
<p>So what can you do?</p>
<p>Test. Testing is the best way to find out what is engaging your users. Using your Conversion Rate as your baseline figure for measuring how successful your tests are, you can tweak and change to see what things will help you engage your users more.</p>
<p>For example, if you change the headline on your main sales page, does your Conversion Rate increase or decrease? How about if you change the main picture? What about floating it to the left or the right? Of course, the naysayers will say that they &#8216;know their users&#8217; and that their users aren&#8217;t dumb enough to be swayed to change by the simple placement of a picture. </p>
<p>The savvy, however, will never be arrogant enough to assume and will test to find out for sure (and then they will, very often, be surprised at the results).</p>
<p>Obviously, this is a very brief introduction into the deep and wide world of Analytics and conversion. I&#8217;ll be exploring various topics in more detail in future posts, so sign up to my <a href="http://feeds.feedburner.com/LineInWebDesign">RSS feed</a> or <a href="#signup">email mailing list</a> to make sure that you don&#8217;t miss them!</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=333&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/referral-competition/' rel='bookmark' title='Permanent Link: Competition &#8211; Win a Free Blog Consultation!'>Competition &#8211; Win a Free Blog Consultation!</a></li>
<li><a href='http://line-in.co.uk/getting-visitors/' rel='bookmark' title='Permanent Link: How We Got Over 8,000 Visits In Less than Three Months'>How We Got Over 8,000 Visits In Less than Three Months</a></li>
<li><a href='http://line-in.co.uk/wordpress-sites/' rel='bookmark' title='Permanent Link: Why WordPress Sites?'>Why WordPress Sites?</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/S78TRNUv6Vo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/getting-a-good-conversion-rate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/getting-a-good-conversion-rate/</feedburner:origLink></item>
		<item>
		<title>How To Upgrade To WordPress 3 Safely</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/AMVOBNwayOU/</link>
		<comments>http://line-in.co.uk/upgrade-wordpress-3/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 16:00:05 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://line-in.co.uk/?p=518</guid>
		<description><![CDATA[<p><img width="620" height="372" src="http://line-in.co.uk/wp-content/uploads/2010/06/li_post_upgrade-header-620x372.jpg" class="attachment-large wp-post-image" alt="Header image for the Upgrade to Wordpress 3 post" title="Upgrade to Wordpress 3" /></p>The recent release of the world&#8217;s most popular blogging platform has seen some huge additions, including the ability to add custom Post Types and custom Taxonomies, and support for multiple blogs. Other improvements include support for custom stylesheets to style [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="372" src="http://line-in.co.uk/wp-content/uploads/2010/06/li_post_upgrade-header-620x372.jpg" class="attachment-large wp-post-image" alt="Header image for the Upgrade to Wordpress 3 post" title="Upgrade to Wordpress 3" /></p><p>The recent release of the world&#8217;s most popular blogging platform has seen some huge additions, including the ability to add custom Post Types and custom Taxonomies, and support for multiple blogs.</p>
<p>Other improvements include support for custom stylesheets to style the post and page editors. What this means is that what you see in the editor more closely resembles the final product.</p>
<p>To take advantage of these amazing new features, you&#8217;ll need to upgrade. Upgrading your current version of WordPress to the new version is pretty easy and all of the core functionality <em>should</em> just continue to work as normal and you shouldn&#8217;t lose anything.</p>
<p>However, there have been reports of bugs in some plugins and themes after the new version has been installed, so some care should be taken.</p>
<p><span id="more-518"></span></p>
<p>WordPress recommends that you have a complete backup of your site before you attempt to upgrade, just in case the worst happens. In this post, I&#8217;m going to walk you through the steps of backing up your WordPress install before upgrading.</p>
<h3>Prerequisites</h3>
<p>There are a few thing that you should have to hand before starting:</p>
<ol>
<li>Webhost control panel login details &#8211; note that I&#8217;m assuming that you&#8217;re using CPanel, but the steps should be similar on other providers like Plesk</li>
<li>Database name &#8211; this is the name you gave your database when you first setup WordPress. If you&#8217;re not sure you can use the CPanel file manager to browse to the root directory and open up the file named &#8216;wp-config.php&#8217; &#8211; the database name is in there.</li>
</ol>
<p>There are two main parts to a WordPress install, the files and the database. Both should be backed up prior to upgrading. The good news is that, if you&#8217;re host is using CPanel, both these jobs are relatively straightforward.</p>
<h3>Backing Up Your Database</h3>
<p><em>Note: There are plugins that handle database backups available as well, but I won&#8217;t be discussing them here.</em></p>
<p>1) Log into your CPanel account, browse down to PHPMyAdmin and click the icon to open it up</p>
<p><a rel="attachment wp-att-533" href="http://line-in.co.uk/upgrade-wordpress-3/1-cpanel-phpmyadmin/"><img class="aligncenter size-large wp-image-533" title="CPanel PHPMyAdmin icon" src="http://line-in.co.uk/wp-content/uploads/2010/06/1-cpanel-phpmyadmin-620x596.jpg" alt="CPanel PHPMyAdmin icon" width="620" height="596" /></a></p>
<p>2) Once you&#8217;re in, select your blog&#8217;s database by clicking on the database name in the right hand panel (<em>note: you might have more databases listed &#8211; make sure you choose the right one!</em>)</p>
<p><a rel="attachment wp-att-532" href="http://line-in.co.uk/upgrade-wordpress-3/2-phpmyadmin-select-db/"><img class="aligncenter size-full wp-image-532" title="PHPMyAdmin Select Database" src="http://line-in.co.uk/wp-content/uploads/2010/06/2-phpmyadmin-select-db.jpg" alt="PHPMyAdmin Select Database" width="553" height="437" /></a></p>
<p>3) Click on &#8216;Export&#8217; along the top menu bar</p>
<p><a rel="attachment wp-att-531" href="http://line-in.co.uk/upgrade-wordpress-3/3-phpmyadmin-export-db/"><img class="aligncenter size-large wp-image-531" title="PHPMyAdmin Export Database" src="http://line-in.co.uk/wp-content/uploads/2010/06/3-phpmyadmin-export-db-620x242.jpg" alt="PHPMyAdmin Export Database" width="620" height="242" /></a></p>
<p>4) Make sure that all of the tables are highlighted here (click <code>Select All</code> if you&#8217;re not sure) :</p>
<p><a rel="attachment wp-att-530" href="http://line-in.co.uk/upgrade-wordpress-3/4-phpmyadmin-select-tables/"><img class="aligncenter size-large wp-image-530" title="PHPMyAdmin Select Tables" src="http://line-in.co.uk/wp-content/uploads/2010/06/4-phpmyadmin-select-tables-620x367.jpg" alt="PHPMyAdmin Select Tables" width="620" height="367" /></a></p>
<p>5) Check the box that says <code>Save As File</code> and then give it a name.</p>
<p><a rel="attachment wp-att-529" href="http://line-in.co.uk/upgrade-wordpress-3/5-phpmyadmin-save-as/"><img class="aligncenter size-large wp-image-529" title="PHPMyAdmin Export tables" src="http://line-in.co.uk/wp-content/uploads/2010/06/5-phpmyadmin-save-as-620x531.jpg" alt="PHPMyAdmin Export tables" width="620" height="531" /></a></p>
<p>6) Click <code>Go</code>, and the browser &#8216;Save as&#8230;&#8217; dialog will pop up. Save this file somewhere safe &#8211; I usually put it on the desktop while I&#8217;m working with it.</p>
<p><strong>Backing Up Your Files</strong></p>
<p>If you&#8217;re using CPanel, the quickest way to get a copy of all of your files is to backup your home directory.</p>
<p>1) Log into your CPanel account and browse to <code>Backups</code>.</p>
<p><a rel="attachment wp-att-528" href="http://line-in.co.uk/upgrade-wordpress-3/6-cpanel-backups/"><img class="aligncenter size-large wp-image-528" title="CPanel Backups Icon" src="http://line-in.co.uk/wp-content/uploads/2010/06/6-cpanel-backups-620x596.jpg" alt="CPanel Backups Icon" width="620" height="596" /></a></p>
<p>2) Under <code>Download a Home Directory Backup</code> click <code>Home Directory</code>.</p>
<p><a rel="attachment wp-att-527" href="http://line-in.co.uk/upgrade-wordpress-3/7-cpanel-backup-home/"><img class="aligncenter size-large wp-image-527" title="CPanel Backups page" src="http://line-in.co.uk/wp-content/uploads/2010/06/7-cpanel-backup-home-620x551.jpg" alt="CPanel Backups page" width="620" height="551" /></a></p>
<p>3) The browser &#8216;Save as&#8230;&#8217; dialog will open. Again, save this file somewhere safe in case you need it. Note that it may be a very large file &#8211; perhaps hundreds of megabytes &#8211; depending on how many photos and things you&#8217;ve uploaded.</p>
<p><strong>Upgrading WordPress</strong></p>
<p>Now you have a backup of the database and files, you can get on with upgrading.</p>
<p>1) Log in to your WordPress Admin panel.</p>
<p>2) Go to <code>Upgrade</code></p>
<p><a rel="attachment wp-att-526" href="http://line-in.co.uk/upgrade-wordpress-3/8-upgrade-wordpress/"><img class="aligncenter size-large wp-image-526" title="WordPress Upgrade Page" src="http://line-in.co.uk/wp-content/uploads/2010/06/8-upgrade-wordpress-620x362.jpg" alt="WordPress Upgrade Page" width="620" height="362" /></a></p>
<p>3) click <code>Upgrade Automatically</code>. WordPress will download and install itself.</p>
<p>4) After installation, you might be asked to do a Database upgrade as well. Make sure that you do this.</p>
<p>5) Return to the <code>Upgrade</code> panel, and make sure that you upgrade all of your plugins.</p>
<p>6) You&#8217;re done! If everything&#8217;s gone smoothly, you should be running the latest version of WordPress. If something&#8217;s gone wrong, don&#8217;t panic. Go down to &#8216;Copying Your Upgraded Database&#8217; below and follow the steps.</p>
<h3>Disaster Recovery!</h3>
<p>If something goes horribly wrong, don&#8217;t panic! All you need to do is restore your database and files and you should be all set. Once again, CPanel makes this easy.</p>
<p><strong>Restore Your Files</strong></p>
<p>1) Log into CPanel and click on <code>Backups</code></p>
<p>2) Click on <code>Restore A Home Directory Backup</code></p>
<p><a rel="attachment wp-att-522" href="http://line-in.co.uk/upgrade-wordpress-3/12-cpanel-restore-backups/"><img class="aligncenter size-large wp-image-522" title="CPanel Restore Backups page" src="http://line-in.co.uk/wp-content/uploads/2010/06/12-cpanel-restore-backups-620x551.jpg" alt="CPanel Restore Backups page" width="620" height="551" /></a></p>
<p>3) Remember that entire home directory backup file you downloaded? The really huge one? Click <code>Browse</code> and go find it.</p>
<p>4) Click <code>Upload</code>, then go make yourself a cup of coffee &#8211; this might take a while</p>
<p><strong>Restore Your Database</strong></p>
<p>1) Log into CPanel and browse to PHPMyAdmin</p>
<p>2) Select your blog database</p>
<p><a rel="attachment wp-att-532" href="http://line-in.co.uk/upgrade-wordpress-3/2-phpmyadmin-select-db/"><img class="aligncenter size-full wp-image-532" title="PHPMyAdmin Select Database" src="http://line-in.co.uk/wp-content/uploads/2010/06/2-phpmyadmin-select-db.jpg" alt="PHPMyAdmin Select Database" width="553" height="437" /></a></p>
<p>3) Check the <code>Check All</code> button to select all of the tables</p>
<p><a rel="attachment wp-att-525" href="http://line-in.co.uk/upgrade-wordpress-3/9-select-tables/"><img class="aligncenter size-full wp-image-525" title="PHPMyAdmin Select All Tables" src="http://line-in.co.uk/wp-content/uploads/2010/06/9-select-tables.jpg" alt="PHPMyAdmin Select All Tables" width="604" height="558" /></a></p>
<p>4) Choose <code>Drop</code> from the drop-down menu labeled <code>With Selected: </code>. It&#8217;ll ask you if you&#8217;re sure you want to do that. You are (you DO have that backup, right? Triple check before you hit &#8216;Yes&#8217;)</p>
<p><a rel="attachment wp-att-524" href="http://line-in.co.uk/upgrade-wordpress-3/10-drop-tables/"><img class="aligncenter size-large wp-image-524" title="PHPMyAdmin Drop Tables" src="http://line-in.co.uk/wp-content/uploads/2010/06/10-drop-tables-620x335.jpg" alt="PHPMyAdmin Drop Tables" width="620" height="335" /></a></p>
<p>5) Click <code>Import</code> along the top row, then click <code>Browse...</code></p>
<p><a rel="attachment wp-att-523" href="http://line-in.co.uk/upgrade-wordpress-3/11-import-db/"><img class="aligncenter size-large wp-image-523" title="PHPMyAdmin Import Database page" src="http://line-in.co.uk/wp-content/uploads/2010/06/11-import-db-620x342.jpg" alt="PHPMyAdmin Import Database page" width="620" height="342" /></a></p>
<p>6) Find the database file you downloaded earlier (it should have the file extension &#8216;.sql&#8217;), select it and then hit OK</p>
<p>7) Click <code>Go</code> and wait until you get the confirmation screen &#8211; if everything executed successfully, you can now close that down &#8211; that&#8217;s your database restored.</p>
<p>And that&#8217;s it! With any luck, your blog should be back to how it was before the upgrade!</p>
<p>If you still don&#8217;t feel very confident and would like some help in updating your WordPress Site, then please <a href="http://line-in.co.uk/contact">get in touch</a>.</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=518&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/' rel='bookmark' title='Permanent Link: How To Use Dreamweaver CS5′s New Site-Specific Code Hinting'>How To Use Dreamweaver CS5′s New Site-Specific Code Hinting</a></li>
<li><a href='http://line-in.co.uk/wordpress-sites/' rel='bookmark' title='Permanent Link: Why WordPress Sites?'>Why WordPress Sites?</a></li>
<li><a href='http://line-in.co.uk/3d-objects-illustrator/' rel='bookmark' title='Permanent Link: Creating a 3D Pipe with Illustrator and Photoshop'>Creating a 3D Pipe with Illustrator and Photoshop</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/AMVOBNwayOU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/upgrade-wordpress-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/upgrade-wordpress-3/</feedburner:origLink></item>
		<item>
		<title>Competition – Win a Free Blog Consultation!</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/LuLic34hwng/</link>
		<comments>http://line-in.co.uk/referral-competition/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 03:00:44 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Competitions]]></category>
		<category><![CDATA[Competition]]></category>

		<guid isPermaLink="false">http://simon/line-in-web-design/?p=351</guid>
		<description><![CDATA[<p><img width="620" height="372" src="http://line-in.co.uk/wp-content/uploads/2010/06/competition-e1276643498200-620x372.jpg" class="attachment-large wp-post-image" alt="Competition" title="Competition" /></p>In order to celebrate the launch of my new site, I&#8217;d like to offer up to three people the opportunity to have their blog streamlined for FREE! All you have to do to enter is refer someone to me who [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="372" src="http://line-in.co.uk/wp-content/uploads/2010/06/competition-e1276643498200-620x372.jpg" class="attachment-large wp-post-image" alt="Competition" title="Competition" /></p><p>In order to celebrate the launch of my new site, I&#8217;d like to offer up to <strong>three</strong> people the opportunity to have their blog streamlined for <strong>FREE</strong>!</p>
<p>All you have to do to enter is refer someone to me who is looking for a website, a custom plugin or a consultation and, provided they purchase a service worth more than £200, you will get 2 hours <strong>free</strong> consultation on your blog or website. It&#8217;s <em>that</em> simple.</p>
<p><span id="more-351"></span></p>
<p>There are no limits to the number of referrals you can make, so if you are able to refer three people before anyone else then you can claim the full <strong>SIX hours</strong> of consultation!</p>
<p>Here&#8217;s what a previous client had to say about my consultation services:</p>
<blockquote><p>
Simon knows blogging.  When I approached him with my ideas, he enthusiastically jumped on board and walked me through the process of hunting a killer domain name, setting up wordpress, creating memorable, well-presented content, and search engine optimization.  </p>
<p>After his patient explanations, everything seemed simple!  Simon approached both the technical and creative aspects of my project with equal aplomb and skill.  In addition, his expertise and passion for online self-publishing was clear to see.  But the thing which impressed me the most was Simon&#8217;s honest desire to help; I could tell that he was motivated by showing me how to achieve my goals.  On top of all this, he is an easy person to work with or just to have a friendly chat.  It was truly a pleasure to work with Simon and I will not hesitate to seek his services in the future.
</p></blockquote>
<p><cite>Adam Smith</cite><br />
The consultation will, of course, depend on what you need, but this could include one or more of the following:</p>
<ul>
<li>If you don&#8217;t have a blog, I can advise you on how best to set it up and optimise it.</li>
<li>Search Engine Optimisation &#8211; including keyword research and advice on post schedules.</li>
<li>Solving any technical issues that you might be having.</li>
<li>Installing and configuring the best plugins available to make your site faster and more indexable.</li>
<li>Installing and setting up Google Analytics, including goals, so that you know what your visitors are doing.</li>
<li>Setting up and installing your email list using MailChimp so that you can start building your most important asset.</li>
</ul>
<p>But that&#8217;s not all!</p>
<p>I&#8217;m currently running a <strong>Special Offer </strong>for my first TWO new clients &#8211; so not only do you benefit, but the friend that you refer benefits too! See my <a href="http://simon/line-in-web-design/services/#special-offer">Services page</a> for more details.</p>
<p>To enter, all you have to do is:</p>
<ol>
<li>Contact someone you know who is looking for a website and tell them about my services.</li>
<li>If they decides to purchase a service worth more than £200, tell them to give me your name and email address <strong>before</strong> the work is complete and you will be eligible to receive the two free hours consultation.</li>
<li>As soon as the work is complete and the final payment has been received, I will be in touch with you to arrange a convenient time for your consultation</li>
</ol>
<p>It couldn&#8217;t be simpler, but if you have any questions, then feel free to ask them in the comments!</p>
<h3>Terms and Conditions</h3>
<ol>
<li>Closing date for entries is Monday, 5th July at 12:00pm GMT.</li>
<li>If the person you refer purchases a service worth over £200, you will receive 2 hours of consultation absolutely free and with NO further obligation.</li>
<li>Consultation will be by either email or Skype or both and will be timed.</li>
<li>You may be required to give access to your blog or your hosting or both. This access can be temporary. If you are unsure how to give temporary access, I can show you but this will form part of the consultation period.</li>
<li>In order to be eligible, the person you refer MUST have given me your name and email address at some point BEFORE final payment has been received and the work has been completed. Any referral claims made after the work has been completed will be ignored.</li>
<li>An entry is considered valid as soon as the person referred has made initial contact about having work done. However, the free consultation will not take place until the work has finished and final payment has been received.</li>
<li>Winners will be on a first-come-first-served basis, with the first three valid entries being eligible for one prize of 2 hours consultation each.</li>
<li>I cannot be held liable for any technical faults or other issues that prevent me from receiving valid entries, whatever the cause and whether it is caused by You, Me or any other outside force.</li>
<li>If the person referred cancels at any point, the entry will be considered null and void and the next valid entry will then be eligible.</li>
<li>You can refer as many people as you wish. Each person referred must mention your name and email address individually.</li>
<li>The Prize cannot be transferred. The Prize is for consultation only and the limits of the consultation are at my discretion. The Prize cannot be exchanged or traded. If you do not wish to take part in the consultation, no alternative prize will be offered.</li>
<li>My decision is final.</li>
</ol>
<p>Hopefully that&#8217;s all clear, but if you do have any questions then feel free to <a href="http://line-in.co.uk/contact">get in touch</a> or leave a comment!</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=351&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/wordpress-sites/' rel='bookmark' title='Permanent Link: Why WordPress Sites?'>Why WordPress Sites?</a></li>
<li><a href='http://line-in.co.uk/getting-a-good-conversion-rate/' rel='bookmark' title='Permanent Link: Why You Should Be Tracking Your Conversions'>Why You Should Be Tracking Your Conversions</a></li>
<li><a href='http://line-in.co.uk/getting-visitors/' rel='bookmark' title='Permanent Link: How We Got Over 8,000 Visits In Less than Three Months'>How We Got Over 8,000 Visits In Less than Three Months</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/LuLic34hwng" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/referral-competition/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/referral-competition/</feedburner:origLink></item>
		<item>
		<title>Why WordPress Sites?</title>
		<link>http://feedproxy.google.com/~r/LineInWebDesign/~3/GoJkhobGpMM/</link>
		<comments>http://line-in.co.uk/wordpress-sites/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 16:00:36 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress Sites]]></category>

		<guid isPermaLink="false">http://simon/line-in-web-design/?p=154</guid>
		<description><![CDATA[<p><img width="620" height="352" src="http://line-in.co.uk/wp-content/uploads/2010/06/post_why_wordpress_sites-620x352.jpg" class="attachment-large wp-post-image" alt="An image of all of my Wordpress Sites" title="Why Wordpress Sites" /></p>In case you haven&#8217;t noticed, I&#8217;m a big fan of WordPress. I use it as a base to build all of my websites and here&#8217;s why: 1) It&#8217;s only good for blogs, right? I think the upcoming release of WordPress [...]]]></description>
			<content:encoded><![CDATA[<p><img width="620" height="352" src="http://line-in.co.uk/wp-content/uploads/2010/06/post_why_wordpress_sites-620x352.jpg" class="attachment-large wp-post-image" alt="An image of all of my Wordpress Sites" title="Why Wordpress Sites" /></p><p>In case you haven&#8217;t noticed, I&#8217;m a big fan of <a href='http://wordpress.org'>WordPress</a>. I use it as a base to build all of my websites and here&#8217;s why:</p>
<p><strong>1) It&#8217;s only good for blogs, right?</strong></p>
<p>I think the upcoming release of WordPress 3 takes it closer to putting that debate to bed with a resounding &#8216;No&#8217;. WordPress 3 allows custom post types and taxonomies, which makes creating different content editing areas for different parts of the site a breeze.</p>
<p><span id="more-154"></span></p>
<p>They can also be managed by privileges as well, so if you&#8217;re creating a larger corporate site, you could have certain areas editable by certain people. For example, you could give access to your Product Pages just to your product team and access to your Press Releases and Latest News pages just to your marketing team.</p>
<p>The new Navigation menus and custom Taxonomies also allow you to compartmentalise your site a lot more, taking it away from the traditional &#8216;Blog Stream&#8217; post format and giving you a lot more flexibility with how you arrange your own site. </p>
<p><strong>2) Easy to update</strong></p>
<p>Although all these custom post types and taxonomies sound complicated, WordPress has a well-designed Content Management System that is highly customisable. This makes updating and editing your sites very easy and means that you&#8217;re not having to pay someone to do it for you.</p>
<p><strong>3) Fully extensible</strong></p>
<p>The choice of plugins to extend WordPress&#8217; abilities is phenomenal. Some of my favourites include <a href='http://wordpress.org/extend/plugins/headspace2/'>Headspace 2</a> for SEO, <a href='http://wordpress.org/extend/plugins/google-sitemap-generator/'>Google XML sitemaps</a> and <a href='http://wordpress.org/extend/plugins/w3-total-cache/'>W3 Total Cache</a>. I also like <a href='http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/'>Yet Another Related Posts Plugin</a> and <a href='http://wordpress.org/extend/plugins/popularity-contest/'>Popularity Contest</a> for creating the &#8216;Most Popular&#8217; and &#8216;Related Posts&#8217; sections of websites.</p>
<p><strong>4) Search Engine Friendly</strong></p>
<p>It is widely recognised that WordPress is, with a little preliminary tweaking, highly optimised straight out of the box and, with a few extra plugins and a little more tweaking, it can be made into the kind of site that the Search Engines simply adore.</p>
<p>And because of it&#8217;s well designed interface, continuing to maintain your Search Engine Optimisation campaigns couldn&#8217;t be easier.</p>
<p><strong>5) It&#8217;s Free</strong></p>
<p>WordPress is an Open-Source platform that is entirely free to download and use with little restriction.</p>
<p>So those are my top five reasons why WordPress is awesome. If you&#8217;re interested in having a custom wordpress site or plugin built, <a href='http://line-in.co.uk/services'>get in touch</a>.</p>
<img src="http://line-in.co.uk/?ak_action=api_record_view&id=154&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://line-in.co.uk/upgrade-wordpress-3/' rel='bookmark' title='Permanent Link: How To Upgrade To WordPress 3 Safely'>How To Upgrade To WordPress 3 Safely</a></li>
<li><a href='http://line-in.co.uk/referral-competition/' rel='bookmark' title='Permanent Link: Competition &#8211; Win a Free Blog Consultation!'>Competition &#8211; Win a Free Blog Consultation!</a></li>
<li><a href='http://line-in.co.uk/how-to-use-dreamweavers-site-specific-code-hinting/' rel='bookmark' title='Permanent Link: How To Use Dreamweaver CS5′s New Site-Specific Code Hinting'>How To Use Dreamweaver CS5′s New Site-Specific Code Hinting</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/LineInWebDesign/~4/GoJkhobGpMM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://line-in.co.uk/wordpress-sites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://line-in.co.uk/wordpress-sites/</feedburner:origLink></item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)

Served from: line-in.co.uk @ 2010-07-26 16:06:15 -->
