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.
Adding new pages to a blog is different from adding a new page to a standard Dreamweaver site. All of the action takes place in the WordPress Dashboard instead of the Dreamweaver Files panel. Let me show you how that works. Here in the dashboard, you'll see over on the left a Pages category. Now if I hover over the term Pages, you'll see that I have the option for editing the existing ones by clicking All Pages here or adding new ones. WordPress, by default, starts off with just one page, as you can see here in the All Pages menu, but I can add as many as I like.
Let's start by clicking Add New, and the first thing is to add a title. I'm going to call this Conference Schedule At-A-Glance. When I press tab, WordPress automatically creates the Permalink. All of this information has been recorded and is being stored in the MySQL database. Now, for the initial content of this page, I've already created some text that's sitting in the Exercise Files folder. So let's head back over to Finder or Windows Explorer, open up the Exercise Files folder, and then open Chapter 3 and 03_03 is where we're at now.
So again, I have both a DOC and an RTF, so you can use it whether you have Word or not. Let's double-click on DOC to open it up in Word, and then again, I'm going to go and select everything except for the title because we've already put that in, copy that with a Command+C. Now let's head back to our browser where we can paste it in. And again, I'm going to take advantage of this Paste from Word option that I have here. Once I open that up, I'll press Command+V, and it looks a little wonky in the formatting, don't worry about that, that's just this dialog box.
Go ahead and click Insert. And there is all of our text. Now, let's just go ahead and publish it and see how it looks. Once it's published, I can click on view Page, and then scroll down, and there's our new page. Notice that different styles for the bullets, the filled-in squares are being applied here instead of the standard unstyled circular bullet. That's just part of the default theme styling. Well, let me head back to the Edit Page screen.
And again, I just want to point out this Permalink that's automatically created. You might remember that a similar one was created for the initial blog post that we wrote. WordPress also creates one for every page. You can use this Permalink to make the connection from other pages on your site. The Page feature in WordPress is very impressive to me. The more you work with it, the more you'll come to appreciate the ability to create pages so quickly and easily, and if you're like me regard it as one of WordPress' most powerful features.
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.