Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
With your site design finalized, you are ready to go live. Let's take a look at the best way to accomplish that to make sure all of your files get transferred properly and WordPress works appropriately. The first task is to set up the remote server. So we'll need to open up the Site Setup dialog box, which you can do most easily by double-clicking on the site name in the Files panel. Once that opens up, we'll go into the Servers category where you'll recall we set up a testing server initially. Now we're going to add another server, so click the Add New Server option, and let's name this one remote.
This time instead of going to local/network, we'll connect using FTP. So I'm going to put in my FTP Address which is actually a sub domain that I set up for testing purposes here, and it's roux.lowerytest.com. The Port stays the same and put in my Username and Password. Make sure that you've got the Save check box selected so you won't have to reenter it every time and then click Test. Well, good news. We've been connected to the web server successfully, always gratifying to see that.
Click OK, now this is going to a specific directory so I don't need to put in a Root Directory entry here, but I can go ahead and change the web URL so any link checking will be handled properly. Once that information is in, that's all we really need to do. So let's click Save and note that Dreamweaver automatically picks up that this is a Remote server and then checks that off, that's good. And let me save this configuration. Dreamweaver will recreate the cache, and once it's finished we'll be ready to upload the files.
Now to do this, I'm going to go ahead and expand my Files panel, and let's make this pretty big here. We'll have it take over the whole screen. When you first come in, you're very likely to have your Local Files on the right and a blank site on a Remote Server on the left. Note that there are up top both a Remote Server and Testing Server icons. You want to make sure that Remote Server is selected, and once that's selected click the Connect to Remote Server icon.
When Dreamweaver makes the connection, it will show you what files are located in the directory you specified if there are any. Since I just set this up as a sub domain, the folder is empty. Normally, when you set up a site, there may be a couple of files that were established by the company, including a standard index.html file saying that the site is being set up as well as some corporate images perhaps. You want to be sure to remove any and all those files. Now I'm ready to upload this site, and you might think that I would just leave the uppermost folder selected and choose Put, but that's going to upload all of the files on the site, and for our purposes that's not quite correct.
We want to upload almost all the files. In fact, we want upload them all except for two. To explain what I mean, let's first expand the blog folder. Now the one file in here that I don't want to upload is wpconfig.php, because I'm planning on installing WordPress remotely. One way to avoid this being uploaded is to right- click on it, choose Cloaking, and then select Cloak. You'll see a red slash through the file, kind of the universal symbol of don't do that, and here it's telling Dreamweaver not to upload this file.
The other file that you want to be concerned with is within the Connections folder. The Connections folder was created in the lesson adding WordPress dynamic data to pages. And within the Connections folder is my connexhibits.php. Now this has all of the connection information for my local database which may be, and most likely is, different from what's on your Remote Server. Now honestly Dreamweaver doesn't really handle this very well. There are third-party extensions to Dreamweaver which allow you to work with any number of database connections and handle those appropriately, but instead of installing those, let me show you a workaround that I've developed.
I'm going to duplicate it twice, so I'll press Command+D once, and then again, and you can see that Dreamweaver appends the term Copy and Copy to the file name. I am going to change this first file name to connexhibits-local, and this file we'll just leave alone. This is actually just a direct copy of our local Connection file. This other one I'll rename to connExhibits remote. Now this is the file that you would open up, go into Code view, and then change the hostname, if there is a change, database name, database username, and database password.
Once you have all of those bits of information, save the file. I'm just going to make this password just to insert something different here. I'll save that file, close it, and let's go back to our Files panel, and I'm going to expand again. Well, now I'm going to use my same Cloaking ability for the local files, and I can actually select them both simultaneously and then right- click and choose Cloaking > Cloak, which should Cloak both of those files. And once I close my folder, I'm ready to select all of my files and put them online. So I'll click Put.
Dreamweaver will ask if we want to put up dependent files. Since I have everything selected, I can go ahead and click No, and it will begin the process of uploading the files. Now once the files are transferred, you'll be ready to take the next step which depends on how you want to bring your data in. If you want to use WordPress' import/export future, follow the steps outlined in the exporting and importing WordPress files lesson. If you'd prefer to go the direct database route, go for the approach detailed in backing up and restoring your database.
Either way, you'll be able to move your local development to the remote location on your way to go in life.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.