If you use Bitnami WordPress stacks and want it to work in Dreamweaver CS6 locally, this tutorial is for you.
I’ve tried out different server environment packages like XAMPP and WAMP in the past. The problem is while XAMPP and WAMP is certainly capable, you still have to get your hands dirty when installing WordPress on your computer. Not so with Bitnami Stacks!
I wanted to find a way to make Bitnami WordPress Stacks work in Dreamweaver on my local server. The default directory paths set during the installation of Bitnami WordPress stack resulted in a long and convoluted directory path (see screenshot below).
Nope, that’s not going to fly with me because I’m a stickler for organization.
I will explain how you can get started with Bitnami’s WordPress stacks and get it to work correctly with Dreamweaver CS6. This method has so far been the best way for me to keep my websites organized like this:
Let’s get started!
Download Bitnami’s WordPress stack that will suit your OS. The first thing here is your directory structure. We want it to work in the root of your computer (C:\ drive) so make a new folder there for your new Bitnami WordPress Stack installation. This part is important if you want to have it work in Dreamweaver and keep your websites organized!
1. Create a new folder in your hard drive (C:\ or elsewhere). Name this folder your website domain name or anything you like. I’m using misspewpew.com as an example for this tutorial so it’s easier to follow.
2. Run Bitnami and install it in that folder. Just browse to that folder and install it there. Your new Bitnami WordPress installation should now look like this:
3. Nifty! Start all servers when you start up Bitnami. You’ll want to visit your new local WordPress copy by clicking on ‘Go to Application’ in your Bitnami WordPress Stack program. Log in WordPress using your credentials that you entered during the installation for WordPress.
4. Once logged in, go straight to your dashboard’s Settings -> Permalinks, and change your permalink to default in WordPress. This is important because Dreamweaver will not work otherwise!
5. Next, fire up Dreamweaver and create a new site through Manage Sites where you can configure settings for your server to work with Dreamweaver.
Local Folder and Name for your Dreamweaver site
This is where you configure settings for your local folder and name your new Dreamweaver site.
For your local site folder, you want it to be the root of your wordpress installation (\apps). It should be C:\yourdomainfolder\apps for you.
Server Folder and URL for your Dreamweaver site
Next, click on Servers and add a new server by clicking on the little plus icon that appear at the bottom of the list. This is where you configure the meat for your server. If something goes wrong, it’s usually because something is entered incorrectly here. This is the part that makes everything work together.
You can name your server anything you like, I like to use my domain name with an extra label for localhost to help identify this as my local server. Next, put down Local/Network for how you want to connect using that. For your server folder, you want it to be the root of your apache folder, not your wordpress installation. This is the folder you made at the beginning of this tutorial.
Yep, that’s it! Now for your web URL, enter: http://127.0.0.1/wordpress/.
Next, click on Advanced and set your server model under Testing Server to PHP MySQL then click Save.
Check off ‘testing’ in your Server dialog box after you save, make sure Remote is unchecked if you have no plans on uploading anything. And there you have it!
You now have a fully configured WordPress installation that works with Dreamweaver using Bitnami WordPress stacks. It sits nicely in the root of your hard drive for ease of installation and keeping track of your projects.
You’ll want to navigate to index.php inside your activated theme folder like in my screenshot above. View in Live mode to activate it, Dreamweaver at this point will load everything up here and from here now it’s smooth sailing. Don’t forget I’m just using misspewpew.com as an example for my named folder in my tutorial and you don’t have to use the same naming conventions, you can choose your own name for your folder. It still works for me though!
If you have a different way or a better solution working with Dreamweaver locally, I’d love to hear about it. I hope this guide helped you get started with Bitnami with Dreamweaver in the easiest way possible :)