Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In a WordPress/Dreamweaver workflow, you'll want to take advantage of the strengths of both platforms. One of the key uses of WordPress is its ease of adding content. As a web designer, it's important to understand the user experience, so you can create sample content, and control the look and feel of typical posts. Let's start by opening up exercise files for Chapter 3. Let's drill down into the 03_01 folder. Here you'll find a number of documents. If you have Microsoft Word installed, double-click the Roux Academy Art Conference.doc file.
If you don't have Word, you can use the corresponding Rich Text File with the RTF extension. We have Word installed here, so I'll just double-click the .DOC file to open it up in Word. Now, in Word, I'm going to highlight the two paragraphs. I'll leave the title separate because that goes into WordPress individually, and now that they're highlighted, I'll press Command+C to copy them, Ctrl+C on the PC of course. Before we flip out of here, notice that we have two different paragraphs here, as well as some text that's formatted with bold. With that copied, let's go back over to the WordPress dashboard.
Now, if you aren't logged in, open up the index page for the blog by putting in localhost/roux_academy/blog, and then scrolling down a bit until you see the login link. Let me show you where that is. Where I have Log out, you would have Log in obviously, I'm already logged in. So click that, and that will take you into your Dashboard. Let's bring in a new post. There's a number of ways that you can get to it, one of the easiest is just go to Posts and then choose All Posts, and then choose Add New from the flyout menu.
And now we're ready to enter in a title, and I'll put in Roux Academy Art Conference, and once we do that and press Tab, WordPress creates what's called a Permalink or Permanent link, which you can edit if you want to, but let's leave it like this for now. Permalinks are very valuable because you can use them to link from within WordPress or from other programs or other sites. So now I'm in the Editor, and you'll notice here that there are actually two tabs, one for Visual and one for HTML. We're going to go ahead and stay in the Visual one for right now.
Now I could go ahead and just paste in my content, but I want to show you a little trick. So when you first come into the Dashboard for the first time, you'll see one row of buttons in the toolbar editor. There actually is a second row which you can access by clicking this last button on the left, which is labeled Show/Hide Kitchen Sink. Now on that second row are a couple of clipboard icons, one for Plain Text and one for Pasting from Word. Let's click on the Paste from Word icon, and that will open up a dialog box, and now we're ready to paste the text that we had copied from Word into the dialog box.
I'll press Command+V and then click Insert. Now, notice that it came in, and it's two paragraphs, and the text is bolded. Now one thing I want to point out is that not only does it add the formatting and all the content, but it actually converts it to HTML syntax properly. So, if I put my cursor in the seven days and seven night text here, you'll see down where the path is indicated that we go from a paragraph to a strong tag. We can verify that by going over to the HTML tab, and here you'll see the strong tag surrounding that text, as it does also at the bottom.
Using strong rather than bold is the proper way to handle bolding in a web standard compliant website. Now, something else I want to point out while we're here in the HTML tab. While we have the strong tags clearly present, you'll notice that there are no P tags or paragraph tags surrounding the paragraphs. Filtering out the P tags is standard WordPress behavior, and while there are workarounds you could put in place, they can be more trouble than they're worth. In my view, you're better off just getting used to this particular WordPress style.
When published, WordPress will put the P tags back in. Now, let's switch back to Visual, and we're ready to publish the text. So, I click the big blue Publish button over here on the right. And once that's published, you'll see a little note up above, Post published, and we have the option for viewing the post. So let me click that, and then I'll scroll down, and there is our title and our two paragraphs all placed into the existing theme.
As you can see, WordPress makes adding new content extremely easy. It's really no wonder that WordPress is among the world's most popular content management systems.
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.