Your Customers are Mobile, you will be too …

In this tutorial we will show you how to set up a WordPress 3.4 server in Dreamweaver CS6 or CS5.5. I have done a similar tutorial for CS5.5 and have been asked for an updated version for CS6. The process for this is very similar for most versions of Dreamweaver but CS6 is what I now work with. I have not noticed a difference between this and CS5 or CS4. The process is fairly easy particularly if you have set up other dynamically related servers in Dreamweaver in the past such as Joomla or Drupal.

Three things you will need before proceeding with setting up your WordPress server in Dreamweaver.

  1. A XAMPP server installed on your PC (MAMPP if your on Mac.) This server should be Switched on before your start.
  2. An installed copy of WordPress inside your XAMPP folder.
  3. A WordPress 3.4 theme installed for you to modify once your in.

We will not be covered the installation process for either of these things in this tutorial. That is a subject for another tutorial altogether. If you have all this done already then its time to open Dreamweaver and begin.

Dreamweaver CS6: Setting up WordPress 3.4 in Dreamweaver

This process as mentioned before is pretty simple so don’t be scared to jump in and do it. You will be building WordPress themes of your own in no time.

Step One: With Dreamweaver CS6 select Site >> New Site to start the set-up of our WordPress site. On the Site set-up window that appear we need to give our server a name, this can be anything you like. And we also need to select the folder in which our folder resides. If the XAMPP server is exclusively for the purposes of your WordPress server this would be the htdocs folder inside your XAMPP folder. If you work on numerous site at a time like I do this is very much likely to be a sub folder within the htdocs folder.

Step Two: Now that you have done that hit the servers tab on the left hand side of the site setup window and hit the add new server button.

In the basic server tab we now need to set the Server Name to localhost and set Connect Using to Local/Network. Once you have done that some of the selection will disappear leaving us with 2 more options to fill in. Select your servers folder again. This folder should match the folder you selected in the last step. And for the Web URL should be http://localhost/ if your wordpress is not installed in a subfolder. If your WordPress is install inside a folder inside of htdocs folder we need to add the folder name to this, so in my case I need to put in http://localhost/wordpress3-1test/ .

Step Three: Click on the advanced tab up top of the winder and down the bottom under Testing server you will find Server Model change it to PHP/MYSQL.

Step Four: Hit save and you will now see your server listed. However there are two tick boxes beside your server. One says remote (currently ticked) and the other currently unticked box says testing. We now need to untick the remote box and tick the testing box. 

And now click save and wait for dreamweaver to do its thing. When it is finished you will see all your files that make up WordPress in the Files Panel.

Open index.php and go into Design view. You will recieve a message telling you that you need to be in live view to display the page properly, go into Live View. and we are now ready to go.

Hopefully you found this tutorial helpful and see you again soon.

Leave a Reply

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: