Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In this course, author Joseph Lowery shows how to combine the utility of WordPress and the power of Adobe Dreamweaver to transition existing websites to the WordPress platform. The course demonstrates how to create new blog posts and pages, customize WordPress themes, and extend WordPress editable pages from within Dreamweaver. It also covers how to add Spry elements, add and customize plugins, and enhance WordPress-stored content with Dreamweaver's dynamic pages. Plus, a chapter on responsive design shows how you can adapt your layouts for tablets and mobile devices.
Okay, our database is created, the basic site has been placed in the local Web Server root, and we're ready to move on to the next step where we finally get to install WordPress. So, you want to get the latest version. So let's go to wordpress.org--not wordpress.com, .org-- and then click the orange download WordPress link you see over here on the right. That will take you to the Download page where you can click Download WordPress and whatever the version number is. As you can see, currently we're on version 3.4.2.
Now, it's entirely possible that WordPress will have released a minor bug fix version by the time you take this course. Don't worry though, the techniques I'm demonstrating will work fine with any sort of minor upgrade for security and other bug fixes. Now, I've already downloaded the WordPress .zip file and uncompressed it. And now, I have it stored on my Desktop. Now, I'm going to copy this entire folder of files, there's quite a few, about 835 in this particular version.
So I'm going to right-click, and then choose Copy WordPress. You could also of course select it and choose Ctrl+C for Copy. Now, I want to navigate to my local Web Server root, and for that I'm going to go to File > New Finder Window, drill down into the Applications, locate the MAMP folder, and then I'm going to be working with the htdocs folder. And because I'm going to be working with it quite a bit, let me pull it over into Favorites here.
And then I want to go into the roux_academy folder, and I want to paste that WordPress folder right in there. So, again I'm just going to right-click, and choose Paste Item, and there is my wordpress folder. Now, I tend to like to obfuscate the technology a little bit, and instead of using WordPress, which is going to appear in your path to the files. I'm going to change wordpress to blog, which is basically how we're using it. So I'm going to click it twice and then enter in the new name and hit Return or Enter.
And now we're ready to complete the installation. So for that we need to go back to the Browser, and I'm going to open up a new tab. Go to my local web Server, which is localhost/, and we want to put in the name of the website that we are working with, and that is roux_academy/. To get to the installation we actually have to drill into the wordpress folder, which you'll recall we renamed blog, so blog, and now we want to go into the admin section of WordPress which is found in the folder wp-admin, and the exact file we are looking for is install.php.
So, I'll hit Return. Now, you'll get a message that says it can't find the wp-config file, that's fine. That's exactly what we expected, so we want it to create one. I'll go ahead and click the Create a Configuration File button, and we'll get a brief welcome message from WordPress, informing us that it needs some more information about the database to continue. Now, we actually have all that information. So I'm going to go ahead and click Let's go. And we'll enter in our Database Name which you'll recall was roux_blog.
The MySQL username which on a default MAMP installation is root, which is also the password. Keep Database Host and Table Prefix both at their default settings and click Submit, and there's that fabulous response, All right sparky. So now since WordPress can communicate with the database, we'll go ahead and click Run the install, and we need a little bit more information, the site title, which is Roux Academy.
Let's keep the admin username for our administrator, and I'll enter in a password, and repeat it to make sure I got it in right. Put in my E-mail address. Let's keep the Privacy option selected and choose Install WordPress. Now, I'm going to have Google Chrome go ahead and save my password, so I won't have to keep re-entering it, and we're ready to log in. I'll click the Log In button. And since it has remembered the password we're good to go.
So, here's the official log in page. I'll click Log In, and there is the WordPress Dashboard, including a bright and shiny new welcome screen with lots of information on it. If you're just starting out, there is lots of great links here for you to follow. But since I'm going to be guiding you here let's go ahead and click Dismiss. And that will take you to the actual Dashboard page. We're going to spend a good amount of time exploring, and even modifying the dashboard in the remainder of this course, but for now let's partake of a little immediate gratification by taking a look at the current site.
Go over to the upper left and click on the title name for your site, and your site will open up in the Browser Window with some sample content. So this is the site with the blog title that we entered earlier, Roux Academy. The subtitle, Just another WordPress site, is one of the default entries that we can clear out later. Of this particular WordPress theme--it's the default one that's called 2011--uses a random background picture. So you may have a different one than the one that is shown on my screen. Let's go ahead and click Refresh, and you can see another image popup each time, always have guaranteed one.
So, everything that you see here is the default setup, which we will customize and change throughout this course. Now that you have all the essential elements of WordPress setup, you're ready to move on to integrating Dreamweaver into the workflow.
Find answers to the most frequently asked questions about Dreamweaver and WordPress: Core Concepts.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.