Headway Themes — The Drag & Drop WordPress Theme

Technical

Upgrade Headway 2 to Headway 3 with Less Pain

If you are using Headway Theme version 2 and are still waiting anxiously for the upgrade path to Headway 3, it looks like it is not going to happen. I also have a few clients’ websites built with Headway 2 three years ago and since then never had any Headway or WordPress upgrade due to lack of Headway’s seamless upgrade path from version 2 to 3. But recently, I was forced to upgrade to Headway 3 as the older version of Headway started to give problems. The layout was broken and misaligned for unknown reason when I tried to update the content.

The method suggested by the support team from Headway Themes is to install Theme Test Drive plugin to redo the theme. This plugin allows you to work behind the scene while your site continues running live so your visitors will not see the mess. However, some members complained that it was confusing to use and screwed up their websites. So I decided against this method and started exploring other options.

Clone & Work on Your Current Site for Upgrade

Eventually I used back the same method I used before – I asked my web hosting company to clone my current website to another server of theirs and work on the cloned version. I uninstalled Headway Theme 2 and installed Headway Themes 3 and re-created the theme in Visual Editor. This was the only time consuming part otherwise everything was working smooth and well.

Preview New Website using Existing Domain

Do take note that if you are going to use this method and in order for you to preview your new Headway Themes in your browser using your existing domain name, you would need to edit the host file in your hard disk otherwise you would be seeing your old website in Headway version 2 not the new website in Headway version 3. In another word, your website visitors would still be seeing your old website but you are able to see your new website at your computer while working on the upgrade version.

Modify the Host File to Preview New Theme

Click here to follow the steps to modify your host file and add the following line to the host file, save it then restart your PC to take effect.

96.231.137.169 tutorialsos.com

The string of number was the new IP address of my web hosting company’s server. This is the cloned version I was working on so if you going to use this method, please ask your web hosting company what is the new IP address and replace the above code with your new IP address and your domain name.

Once the upgrade was completed, the web hosting company then re-directed the URL from the old website to the new website. They told me the DNS propagation would take few hours to complete and there was no major hiccup during the transition.

Advantages of using Cloned Method

There are many advantages to this method and personally I find it is far superior to Backup Buddy method (Sorry, Backup Buddy!).

  1. My existing or old website could continually run live without any disruption.
  2. All the external and internal links including links to text, media files and graphics are not affected.
  3. Similarly, the settings for the plugins and widgets remained intact.
  4. Last, and the most important, I was able to preview the developing website like a real website with correct URL and links.(This is the main reason I did not want to develop on sub-directory because when the website is migrated to the root directory, some of the links did not change to the correct URL especially the links embedded in the LiveCSS.)

So far, this is the best method for me as I could happily upgrade the theme without worrying it would break and cause damage to the website.

Those of you who are still waiting for Headway 3 upgrade path may like to consider this method as the earlier you upgrade, the less compatibility issues you need to worry especially when WordPress is constantly pushing upgrade. Or, if you have a better way to upgrade Headway 2 to 3, you are welcome to share it in the comment box below.

How to Change the Text on the Next/Previous Link in Single Post?

When you are using Headway Theme editor to create your blog or website, you will realize the default next and previous link at the end of your post is displayed as the title of each post. This might spoil your neat layout when you have long post title as seen below. Replace the Text withRead More




Have You Forgotten Your 404 Error Page?

It is common that the “404 Error” page is the most overlooked and forgotten by the blog owners because it is the last thing in their minds that such page is ever needed. Many of them will be more concerned about the functionality, look and feel or even busy thinking of content for the blogRead More




How To Add a Search Icon To the Search Bar

If you feel that the search bar in Headway Themes is a little bit bare and hoping to jazz it up with a magnifying glass or search icon next to search bar, here are the steps to do it. If you are looking for a nice search icon, you can go to FindIcons.com. They haveRead More




How to Move the Search Bar to the Top of the Header

Have you thought of moving the search bar to the top of the header so that your navigation bar has more spaces for your navigation items. If yes, add the following CSS code to your custom.css file. Log into your wordpress dashboard. Go to Appearance > Editor. On the right hand side, under “Styles”, clickRead More




Headway Visual Editor not Loading in the Browser

This is one of the most common problems found in Headway theme, i.e., many people faced the same problem while loading their Visual Editor (VE) – it would either took forever to load the visual editor (you see the loading icon circling continuously) or freeze with no reason. If you are having the same problemRead More




Unable to Upload Files to WordPress Sub-directories after Migration

I have finished developing a site in a test sub-directory and am ready to move to the actual sub-domain. I specially purchased BackupBuddy from iTheme to help me with the migration as I read a lot of positive comments about this plugin. It is said to be one of the foolproof ways to migrate oneRead More




Easier Way to Redirect Your Site Permanently

What is the fastest and easier way to redirect your site permanently? Technically speaking, doing a 301 redirect of your site will help to maintain your search ranking in search engines without showing your visitors a 404 page error. Your visitors will redirect to a new URL even though they have clicked on the oldRead More




How to Upgrade Smoothly from Headway 1.6.6 to 2.0.8?

Not many people can upgrade Headway automatically and smoothly from the wordpress dashboard. I was one of them, I either get the following messages or the installation took forever to install. Update WordPress Downloading update from http://wordpress.org/wordpress-3.0.4.zip…Unpacking the update…Verifying the unpacked files…Installing the latest version…Could not copy file.: /public_html/wp-admin/css/media.dev.cssInstallation Failed Eventually I gave up and triedRead More




How to replace Headway Search with Google Search?

Once your blog grows bigger and with more posts or pages added, Headway search may not be powerful and accurate enough for the search. You can try replacing it with Google Search instead. It is not as intimidating as one thought; you can either install a Google search custom wordpress plugin or manually add inRead More