Moving your WordPress blog from one server/hosting company to another

Posted by bcherney on January 14, 2013 under Nerd Herd | Be the First to Comment

I’m moving my blog from Network Solutions to my company’s server (www.sidekicktech.net) .  I’m mainly a .NET programmer but with so many people asking me to host their WordPress sites I decided to take the plunge and learn what it takes to move one. What I found was there are many different ways to accomplish this.  I’m going to go over the quickest and most non-technical way I found. There are still some manual things I need to do but overall the process I am using has worked well and is perfect for someone who is not very technical. I realize not everyone’s setup will be the same but it should help you understand the process.

I might do a blog on the more technical way which involves installing PHP Manger on your local IIS7 setup  and then connecting the your MySQL database remotely, but for this article I decided to explain the non-technical route.

First my setup.  My Network Solutions setup is on a UNIX Hosting package.  My Sidekick Technologies server is Windows. Windows uses IIS 7 and web.config files instead of UNIX and .htaccess files. If you are using shared hosting or any kind of hosting package you probably don’t need to know that for moving your site. The process in this article will work from UNIX to UNIX or UNIX to Windows.

wordpress_logoindex

As always feel free to comment if you have a different way. This is just one of them and will hopefully help some people out. I think this is an easy version since you don’t have to export the database file which is sometimes a little scary for non-technical people.

Step one: Upgrade WordPress to the current version.  This is the step that makes the process so easier, and if you can’t or wont do this the article may not help you. WordPress 3.5 is the current version as I write this post.  So on Network Solutions I updated to 3.5.   On my server I installed WordPress and did the same thing.  I now have two installs of WordPress 3.5. One with all of my content and one new install.

Note: When you install your new WordPress site make sure you create the same directory structure as your old one. So I need to install the new WordPress site into a folder called “blog” on my root directory. ( http://blog.thecherneys.com/blog/2013/01/14/moving-your-si…any-to-another/ )  This will make the SEO transition seamless as your URL’s will not change.

blog-directory

blog-theme-newStep two: Move your theme over to the new site. Since both sites are 3.5 we are not going to worry about compatibility. For the themes and the plugins I did an update to all of them on the original Network Solutions package.  So for themes we are just going to move our themes folder from Network Solutions to Sidekick Tech’s server.  Once you have done that you should be able to change your theme on the new server.

 

blog-pluginsStep Three: Move your plugin folder over to the new server. Same concept as moving your theme.  You will need to install the plugins on the new site by going to the plugins in your dashboard of your new site. If you have any plugins like Akismet make sure you write down your API key.

 

Step Four: Do a WordPress export from the original (Left Image). This will create an XML file that you can save locally.  Then you will need to do a WordPress import on the new server (Right Image). You will need to install the WordPress importer but you can do that from the dashboard –> tools by just clicking on “WordPress”. This will install the WordPress installer plugin.

export  import

 

 

 

 

 

Once you have the importer installed for WordPress you can import the XML file that was created during the export of the original site. You can assign a new author or import the current ones. Make sure to check the “download and import file attachments”

import-settings

Step Five: Clean up the site. This is the section I’m hoping to get comments from people who know WordPress better than me. I needed to go in a tweak a few things like the menu structure and permalinks structure to match my old site.  Only took about 5 minutes.  What I’m not sure on is since I started with a new database do I have to do those things manually on the new site or is that information in the core files that I can copy over?

blog-after-import   old-blog-look

 

 

 

 

 

 

So this is a very non technical way of moving your site. Some might ask why I didn’t just move the whole file structure over from the old WordPress folder to the new. I’m planning on testing that but since I was moving from UNIX to Windows I wanted to get a process that worked first. Then I’ll try different approaches.

Again, this may not be the best way for large complex sites since we are not exporting the original database (Using the WordPress xml export instead) and we are only using the theme folder and plugin folders.  You will need to tweak the new site a little but for how easy it was I’m OK with that.

The amount of time it took me (Once I had the procedure down) was about an hour.  Good Luck.

 

 

 

JavaScript and HighSlide in WordPress

Posted by bcherney on January 19, 2009 under Nerd Herd | Read the First Comment

Most developers have heard of WordPress and JavaScript. HighSlide on the other hand is not so popular based on the number of web sites both professional and personal that still use clunky out dated popup windows to display messages and images. HighSlide is a must JavaScript addon to most websites. There are not many tools that I find a way to use on a majority of my sites. This is one of them. HighSlide gives you the ability to smoothly display anything you want in a created pop window that is not seen as a popup window. (Spam blockers) Best of all it is free to try and for personal use.
Check out the site and examples at HighSlide.com
Try opening several images and moving them around on the screen. Just hold the left mouse button. We have used this in meetings to show the different paths users can take to get to the clients product. Moving images in/out and rearanging directly on the screen. Sounds simple but if done correctly can be a great visual tool.
Here are a couple examples:
Text link Example:
View Image

A quick test of JavaScript and HighSlide on WP
Thumbnail Example:
Highslide JS

A quick test of JavaScript and HighSlide on WP

Website Examples:
My golf page (Ugly but it works) allows you to view the scorecards by clicking on the thumbnails. On the top I pull in a saved Google map in the HighSlide. This comes in handy on any site that would like to show it’s location without the user leaving the page or forcing them to see the large Google map on the current page using an embed.
Golf Page Example

Displaying code examples in WordPress

Posted by bcherney on under Nerd Herd | Be the First to Comment

If you are going to give examples of code on your blog then manually converting your code to HTML special characters will get a little annoying.

Here is a plug in that will allow you to easily tag what is to be executed as code and what should be displayed without execution.

Here is a quick example of how to bold in html.
Without the CODE tag
<strong>With the CODE tag</strong>

Quick and easy. Here is the info.
1) download and install plugin WP_CodeShield

2) just put the tags <code></code> around your code examples.

All set. As always let me know if you have a different product that may work better or comments about this one.

Version of this example .4 2008-2-4
Version of WordPress 2.7 (The FYI says compatible up to 2.3.1 but looks to work on 2.7)

Iframes in WordPress

Posted by bcherney on under Nerd Herd | 5 Comments to Read

We have a client that is using a third party partner site to gather/show information. Unfortunately the only option is to use Iframes like they are currently doing which kills the clients SEO. Since WordPress removes iframe tags when posted you need to install a plug in to allow for Iframes.

Here are the steps we took to allow Iframes.

(There are several plugins you can use. We chose the one below. If you have any feedback on this plugin or others please feel free to post your comments.)
Version of this example 1.0 2008-11-17
Version of WordPress 2.7

1) Install “Embed Iframe” built by Deskera.

  1. Download EmbedIframe plugin
  2. Unzip
  3. Copy to your ‘/wp-content/plugins’ directory
  4. Activate plugin

2) Insert the iframe tag

Example: