Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Live view is great for checking the page or working on it in Dreamweaver to make sure that your CSS and other aspects are just the way you want them. But wouldn't it would be great if you could verify that the links to other pages in your site, or away from your site even, work as well? Well, you actually can, by working with the Follow Links feature. Let me show you how it works. So here we are in Live view that will open up our blog page, and there's just a few links down below, if I scroll down that we can access.
Now normally in Dreamweaver if I go up to a link, and I'm in Live view, you can see where I hover it, and you can see the underline up here as well as the pointer turn into a hand, indicating that it's a link. However, if I click on it nothing happens. Oh, well that's not quite true. Clicking on it does allow me to inspect the current styles over here in the CSS Styles panel. Now say I wanted to see how this linked page look in comparison to the Homepage.
Notice the Location field that you see up here in the Toolbar available to us now that we're in Live view. As you can see, it goes through the URL address that we set up earlier and pointing to our blog, starting with a localhost, our web server, the Roux Academy, the folder, and blog our WordPress folder. Now because we're looking at this blog page I can use this address bar to go to any other page within the site directly. So if I wanted to go to the homepage of the site I can get rid of the blog folder and type in index.htm, and hit Return or Enter, and there is the homepage for the site.
This is the site that we're going to be converting the blog to. Now if I want to go back to where I was to the initial page that open I can click on the homepage icon and the URL changes in the address field. In this situation, the Home icon will take you to the page that you originally opened in Dreamweaver. If you want to follow a link, you have two options, and those can be found here in the Live view options list. The first option Follow Link (Command-click Link) is the default.
On the PC you will see Ctrl-click Link, so let me demonstrate that by going down, and I'll hover over this Comment link, which says 1 Reply. This time, although you can't see it, trust me on this, I'm going to press the Command key and Click, and now it goes to another blog page that has the comment that you see here, and as you can see, up in the address field, especially when the tooltip opens up, there is a unique URL there.
It's not a specific page, but it is passing arguments to the PHP server. And, as you can see, scrolling up just a little bit, we have our Header area, is the same, but the content has changed. I'll return by clicking the Back button, and it works just like the browser. So now let's change that option under the Live view options so that we follow the links continuously. For this we won't have to hold down the Command or Ctrl key, so now I'll scroll down again to where the links are, and this is another trust me situation where I have my hands away from the keyboard, and I'm just going to click on the mouse on the comment one more time.
And again we go directly to that link. All right. Let's head back one last time, and I want to show you another feature. Here is a link to WordPress.org and even though this is not one of the local pages on your web server, I can click on it, and we'll go to the WordPress.org site, which you could if you wanted to explore at your leisure. Now let's go back to our original page by clicking on the Home icon. This ability to follow links within Dreamweaver not only ensures that your pages are connected properly but as you'll see it will also allow you to make changes to the linked pages as you grow your WordPress site.
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.