20
Lesson 2: Creating a Blog If you open these PDF lesson files in Adobe Acrobat, most browsers, or in Word, you’ll be able to copy content and paste it into WordPress. Makes things easier than having to type it in. (I don’t recommend Word, though, because some formatting will be a bit off due to the way Word imports a PDF file.) If you aren’t able to copy text from this PDF file, please post a message in the Discussion Area and let me know what app you’re using. Chapter 1: Introduction Welcome back! I hope the first lesson gave you a feel for the ways WordPress can help you create attractive and effective Web pages. At the start of this lesson, we're going to step back from WordPress for a moment to discuss organizing and planning a website. It's important to define goals and lay the groundwork before you add pages and posts. So we'll review our expectations and brainstorm how to best meet those goals. Then, I'll introduce the site style known as a blog. By the end of this lesson, you'll be able to use WordPress to publish and categorize blog posts and control how your visitors respond to them. In Lesson 1, I described a blog as a type of website featuring time-sensitive entries that appear in chronological order, usually with the most recent on top. Sort of like a diary. By contrast, a traditional website has much static information—content that doesn't change much. As recently as 20 years ago, blogs didn't exist. Now there are more than 100 million of them. Thanks to WordPress and other personal publishing platforms, blogging caught fire in the early 2000s as a way for nontechnical people to share their observations and opinions with Internet visitors.

Lesson 2: Creating a Blog · • A blog provides an interactive feature—a way for website visitors to provide feedback. • Because most bloggers update content regularly, a blog

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Lesson 2: Creating a Blog

If you open these PDF lesson files in Adobe Acrobat, most

browsers, or in Word, you’ll be able to copy content and paste

it into WordPress. Makes things easier than having to type it

in. (I don’t recommend Word, though, because some

formatting will be a bit off due to the way Word imports a

PDF file.)

If you aren’t able to copy text from this PDF file, please post a

message in the Discussion Area and let me know what app

you’re using.

Chapter 1: Introduction Welcome back! I hope the first lesson gave you a feel for the ways WordPress can help you

create attractive and effective Web pages.

At the start of this lesson, we're going to step back from WordPress for a moment to discuss

organizing and planning a website. It's important to define goals and lay the groundwork before

you add pages and posts. So we'll review our expectations and brainstorm how to best meet

those goals.

Then, I'll introduce the site style known as a blog. By the end of this lesson, you'll be able to use

WordPress to publish and categorize blog posts and control how your visitors respond to them.

In Lesson 1, I described a blog as a type of website featuring time-sensitive entries that appear

in chronological order, usually with the most recent on top. Sort of like a diary. By contrast, a

traditional website has much static information—content that doesn't change much.

As recently as 20 years ago, blogs didn't exist. Now there are more than 100 million of them.

Thanks to WordPress and other personal publishing platforms, blogging caught fire in the early

2000s as a way for nontechnical people to share their observations and opinions with Internet

visitors.

Today, all kinds of sites include a blog component because developers have discovered that it's

a useful addition to a static website. Here's why.

• A blog's an ideal format for organizing and presenting timely information. For instance, your blog might include information on upcoming community events or commentary on recent news stories.

• A blog provides an interactive feature—a way for website visitors to provide

feedback.

• Because most bloggers update content regularly, a blog can rank higher in search

engines. That means it generates more page hits and may help build a larger audience. Even if the blog is only a component of a larger traditional site.

In fact, almost any kind of website can benefit from a blog component. Businesses use blogs to

introduce new products, announce new programs and personnel, and point out their strengths

(by publishing vignettes about satisfied customers, for example). Community and organizational

websites have blogs aimed at recruiting volunteers, soliciting contributions, and reporting on

new programs. Even if your goal is to build a traditional website, including a blog can add an

important dimension to your online presence.

So let's get started on a blog! First we'll map out the project. Then we'll compose and format

posts. We'll also set up your WordPress website to encourage a dialog with your visitors.

Chapter 2: Setting Goals and Planning We'll get back to our project website in the next chapter. First, let's do some important

planning.

Now that you have the framework of a WordPress website, let's discuss how you're going to

structure your course project, Pets to Go. I find that before I start any new project, answering

these questions keeps me on track:

1. What's my goal? What do I want this site to accomplish?

In this case, let's assume my organization decided to create a website to increase

the adoption rate of dogs and cats. We would measure its success by comparing the

number of pet adoptions before and after it goes online.

When creating your website, your objectives might be more involved. For

example, let's suppose you're opening an art gallery. You might want to

publicize the new business and recruit future exhibitors. If you make recruiting

a part of your goal, you will remember to focus on how your site can help you

find those artists.

2. Would this project be more effective as a website, a blog, or both?

Recall that traditionally, blogs published time-sensitive information from a

personal perspective and encouraged comments from visitors. Websites were

static—their content didn't change much and focused on presenting

information, not soliciting feedback. But the distinction between websites and

blogs has blurred, thanks in large part to the ability of WordPress to produce

hybrid sites that combine static pages and time-sensitive posts.

Our goal is to offer pets for adoption. That means the site must feature both static

and time-sensitive elements:

Since we'll include about the same number of pages and posts, this project will

be effective as a hybrid. This format lets us update which animals are available

for adoption (in the blog portion) and present static information (in the website

portion).

As we move through the course, you'll see that WordPress is well equipped to

handle both blog and website formats.

3. What kind of presentation would be most effective?

One of the big pluses of using WordPress is that you don't have to spend hours

working on your website's appearance. On the self-hosted WordPress.org

platform, you can choose from literally thousands of professionally designed

themes. Themes come in all kinds of designs, colors, and column

configurations. And you can "audition" any or all of them with a click of your

mouse button.

We'll have plenty of pet photos to provide visual interest, so we should

probably keep the design simple. A horizontal menu bar near the top of the

page helps visitors get around the site. And since we want to present a clean,

uncluttered look, there's no reason to include more than two columns (page

divisions) on any page or post. So that's what we'll be looking for when it

comes time to choose a theme.

4. Should we encourage visitor feedback?

Involving website visitors can create a loyal community of users who could

increase the site's exposure through word of mouth. But a word of caution: If

the site becomes too popular, you may need to call on more people to help you

screen the feedback.

5. Which special functions would help our visitors?

In this case, we want to make it easy for people to decide whether to adopt from

us. We also want to streamline the adoption process. To fulfill those goals, we

might consider:

• A newsletter subscription form

• A contact form to allow visitors to ask for information not provided on the

website

• A pre-adoption application, so we can screen potential applicants

• A calendar of upcoming events

• A way to contribute money online

Can you think of anything else that would be useful?

We'll see which of these functions are available when we take a closer look at the

back-end features in WordPress.

6. Are there features we can add to make our site more useful to the people we want to serve?

We could ask a local vet to contribute regular posts. We could check out

YouTube for videos to use on the website. We could ask people who have

adopted pets from us to share their experiences in blog posts. Do you have

other suggestions?

I've asked all these questions to demonstrate what you should be thinking about before you

begin to set up your own WordPress blog or website. By planning ahead, you'll save time and

spare yourself aggravation. Asking these questions also helps you define your objectives.

It doesn't matter whether you're selling a product or service, promoting a business or

organization, or just letting your friends know how that pet rabbit is doing. First decide what

you want your website to accomplish, and then outline the most effective ways of getting there.

OK, we've put together a solid plan for our new website/blog. Now we'll do some hands-on

work.

Chapter 3: Creating a Post A blog is a collection of individual entries, known as posts. We're going to create a post for our

class project—a website called Pets to Go, designed for a fictitious organization that offers dogs

and cats for adoption.

Pets to Go will be a hybrid (a combination blog and website). The plan is to devote the blog

portion to descriptions and photos of pets available for adoption, and to use the static pages for

information about the shelter and the pet adoption process.

Since dogs and cats are the blog's focus, we'll begin by entering profiles of some of our furry

friends.

The first step is to reopen the WordPress administrative back end.

If you created a desktop shortcut or browser bookmark to your site's WordPress administration

area, click it now. Otherwise, in your browser’s address bar, type your blog address plus /wp-

admin, so it looks like this:

For SiteGround users: http://xxx.sg-host.com/wp-admin

When using your own domain: http://xxx.com/wp-admin

(In each case, replace xxx with your real domain’s name –which will be your first name with some

additional characters. You wrote down this important URL in Lesson 1.)

1. Log into the back end, and go to the WordPress menu (the far left column of the

Dashboard page).

2. Click Posts > All Posts. If you see any sample posts titled "Hello World!" or

"WordPress Resources at SiteGround," delete them: Hover your mouse cursor over

the title, and click the Trash link that appears below the title.

3. Now go to the top of the screen and click the Add New button (next to Posts).

This opens the Add New Post screen. (If you see a message that begins "SG

CachePress," click the link to hide that notice.) The top of the screen should look

like the page pictured below.

Add New Post screen

Under the "Add New Post" heading, you'll see a text box that says Enter title here.

4. Click inside the box and type Your Kids Will Love This Dog. (Or copy and paste this

text from this lesson.)

5. Below the title is the text box where you add your content. It looks like any word

processing or email editor.

6. Click the Preview button in the top-right corner. This will open the page in a new

browser tab to let you see the post how it will look on the Web page to your

visitors.

7. Now it's time to enter the content. Go back to the WordPress back end page (it’s

the tab in your browser just to the left of the preview page’s tab). You can begin

either by typing inside the text box or by pasting text that you've previously written

and saved in an editing application or Microsoft Word. To save time, I've provided

some content below. ***Select it by highlighting it with your mouse,

and then copy and paste it into the text box on the Add New Post page. (For

a refresher on how to copy and paste, visit the Supplementary Material

area.)

*** Unless you have opened this PDF file in Word or

some other editable program, you won’t be able to copy

any text from this PDF file. In that case,

remember you can always copy text from the lesson

version that’s on the website. Thanks!

RASCAL: 7 years old, neutered male, yellow Lab, 75 lbs.

Rascal was "surrendered" to us by his owner, who had lost his home to

foreclosure. He's great with other dogs, and he loves people, going for walks,

running, and playing Frisbee. He's good with children and enjoys riding in the

car. He has a cute habit of standing on his haunches and gently giving you his

front paws. Rascal shouldn't go to a home with cats, because he tends to chase

them.

Our vet has taken care of all Rascal's vaccinations, removed his dewclaws, and

microchipped him. He'd make a wonderful family dog.

If you're interested in Rascal, please call Donna at Pets to Go—(555) 555-5555.

Let's see how it looks online. Find the Publish box at the top of the right column. Click the blue

Publish button. When the screen refreshes, click View Post (over on the left, just above your

Page Title field).

Check out the information on the top of the post: This is known as metadata and includes the

author's name and the publish date. The Edit Post button is visible only on your computer,

because you're logged in to WordPress. No one else can see it. Click the Edit Post button to

return to the back end version of the post.

Let’s add another post? We'll follow the same steps:

1. Click the Add New button next to Edit Post (just above your Page Title field). Or go

to the WordPress Menu on the left and click Posts > Add New.

2. In the Enter Title text field on the new Add New Post screen, type A High-Energy

Bundle of Fun.

3. ***Copy and paste the text below, or try writing your own post.

CINDY: 3 years old, spayed female, Shepherd mix, 40 lbs.

Cindy came to us because her family was splitting up. She's never gotten the

attention a young dog needs.

Cindy is super playful. She loves toys, and her favorite game is fetch. She's a

smart cookie and adapts well to positive training. She already knows "sit,"

"down," "stay," "shake," and "sit pretty," and she's learning more fun tricks like

"roll over." Cindy is house-trained, rides well in the car, and enjoys being

brushed and groomed. She behaves well around the house and respects her

boundaries.

This special girl needs an adult-only home with people who have experience

with large dogs, so she can continue to develop into a well-adjusted dog. Cindy

needs someone who'll give her very clear rules, lots of love, and plenty of

exercise. In return, she'll be your loyal friend for life.

For information about Cindy, call Donna at Pets to Go: (555) 555-5555.

In the Publish box at the top of the right column, click the blue Publish button. When the screen

refreshes, click View Post.

Congratulations! You've created your first posts. If you want to add more, you'll find two sample

cat posts in this lesson's Assignment.

Click the Edit Post link to return to the back end.

WordPress doesn't by default display every feature available on the Posts editing pages. If I

refer to something you don’t see in the Post pages, click the Screen Options tab in the top right-

hand corner of the page. The window will expand.

Options for the Posts Edit Area

Click to add or remove a checkmark in the box next to any module you want to display or hide.

Then click the Screen Options tab once again to hide that panel. Note that these options are for

the Posts pages only. Other back-end pages will have their own options.

Publishing a Post

We've already used the WordPress Publish function to save our first posts. Now let's explore

some other publishing options.

Remember that the Publish module is the top box in the right-hand column of the Add New Post

page. When you've finished writing and formatting your post, you can save it without

publishing it by clicking Save Draft. When you decide the post is ready for the world to see, set

the option to Publish immediately, and click the blue Publish button in the lower-right corner.

Publishing options (expanded) for blog posts

However, WordPress also lets you choose the exact date and time to publish a post. If this is

important to you, click the Edit link next to Publish immediately, enter the date and time you

want your post to appear, and click OK. WordPress will remember to publish the post when you

specified. Because posts automatically display according to their published date, you can

change an entry's place in the list by entering a different date. Be sure to click Publish (or

Update) after you've set the posting date, or the date change won't take effect.

After you've published a page or post, you can always go back and make changes. But after first

publishing, you no longer see the blue Publish button. It will change to an Update button

instead. But as always, if you make any changes be sure to click that button after making your

edits, or the changes won't be saved.

Password Protecting Your Posts By default, the Visibility option (in the Publish module) is Public, allowing everybody to see the

entry you just published.

But what if you've written a post that you don't want to share with everyone? If you click Edit

(next to Visibility: Public), WordPress gives you some options:

• You can set a password for the post and give that password only to the people you

want to access it. To do that, click the radio button next to Password protected.

Type the password in the text box that opens.

• You could keep the post out of public view by clicking Private. I don't recommend

this, however, because there's really no reason to create a post if you want to keep

it hidden. And chances are if you make a post private, you'll even forget about it

yourself!

In Lesson 1, we discouraged search engines from visiting our site, listing our location as a work-

in-progress. It's also possible to hide the website from visitors by displaying an "Under

Construction" screen. It can be installed as a plugin, which I'll demonstrate later in the course.

Now that you've published a couple of posts, it's time to think about how to organize them.

We'll tackle that in the next chapter.

Chapter 4: How Can You Organize Posts?

Remember that blogs automatically sort and display entries chronologically. But even more

important than classifying posts by date is being able to arrange them by subject. The

WordPress Categories function lets you organize your site so visitors can do subject searches.

All this brings your blog closer to a classic online forum.

Depending on the theme (in other words, the WordPress template you're using), category lists

may show up in a sidebar menu, in the horizontal navigation bar under the header, or in both

places. We’ll have much more to say about templates shortly.

The default WordPress installation contains just one category for posts—Uncategorized—that

can't be deleted. As you add information, you can create new categories and assign one or

more categories to each post. Any post that you don't assign a category to gets the label

Uncategorized.

Let's look at our Pets to Go website to see how this works. So far, we've added two posts about

dogs up for adoption, but we'll also want to feature cats. Suppose someone comes to our site

looking for a dog. Without putting our adoptable dogs into their own category, the visitor would

have to look through every post to find what they want. But if we add a category called Dogs,

the visitor can narrow the search.

If you want, you can even create second-level posts in a category hierarchy. For example, we

can subdivide the Dogs category into two subcategories—Puppies and Mature Dogs. The visitor

could click the Dogs category to view all the available dogs . . . or, to narrow the search, she

could click the Puppies subcategory. Always try to make maneuvering your site efficient for

visitors.

Creating Categories and Subcategories You can add categories as you're creating a post, but I prefer to organize categories on the Posts

> Categories screen. To get there, click Posts, then Categories in the WordPress menu.

We'll first add the main categories, Dogs and Cats:

1. Type Dogs into the Name field.

2. Then type dogs into the Slug field.

3. Leave the Parent drop-down box displaying "None." That will make Dogs a parent

category that can include child subcategories under it.

4. Click the Add New Category button.

Now repeat these steps for a Cats category (end by clicking Add New Category).

Let's add sub-categories now:

1. Type Puppies into the Name field; and puppies into the Slug field.

2. But this time, select Dogs from the Parent drop-down window.

Adding a sub-category

The trick to creating a sub-category is simply to select a Parent category for it.

3. Click Add New Category.

Now you can add Mature Dogs as a subcategory under Dogs. When you've finished that, add

Kittens and Mature Cats as subcategories under Cats. Here's how the table on the right side of

the Categories will look when you're done:

Category listing

To edit or delete any category or subcategory, put your cursor on the name, and click the

option, which will appear underneath.

One more step: We must go back to each post and assign the categories. On the Menu, click

Posts > All Posts:

One of the nice things about WordPress is that there are often two or more ways to do the

same task. For example, we could assign categories to posts by opening each Edit Post screen

and working in the Categories module. But I think it's easier to use the Quick Edit feature on the

Posts > All Posts screen. Hover your cursor under the first post title (A High-Energy Bundle of

Fun), and click Quick Edit.

That opens a panel allowing you to change the post's title or slug, its publish date, to password

protect the post, allow visitor comments, and assign categories. Because this post is about a

mature dog, we'll go to the Categories area in the center of the panel, and check the boxes next

to Dogs and Mature Dogs. You can also use the scroll bar to see, then remove, the check next to

Uncategorized. Click the blue Update button when you're done . . . and move on to categorize

the other post.

The expanded Quick Edit panel

Besides categories, WordPress gives you yet another tool—called tags—to help visitors zoom in

on specific information within your posts. For example, the Pets to Go site already contains a

parent category called Dogs with the subcategories Puppies and Mature Dogs. You know that

many visitors like to search by breed, but you don't want to make your category lists unwieldy

by adding too many topics. By making the dog's breed a tag to an individual post, you'll help the

visitor find the kind of dog he's looking for without diluting the categories.

Here's how to add a tag to a post. Hover your mouse over the Your Kids Will Love This Dog

entry. Click Quick Edit.

Want to give it a try? Open the post about Rascal, and type Yellow Lab in the tag name box.

Click Update. The post will now display Yellow Lab as a tag. When visitors click the tag, they'll

see other posts that share the same tag— and that helps them narrow their choices quickly.

It's possible to display every post tag in the site's sidebar (a narrower column that sits next to or

below the main content area on the Web page). That would allow a visitor to see a list of every

post containing the tag, when the visitor clicks that tag. You'll find out how to do that later in

the course.

Confused about the difference between categories and tags? Think about categories as a blog's

table of contents. In contrast, tags are like the items listed in the index. In other words,

categories tend to be broad, and tags tend to be very specific.

Very good! Now that we've created an easy way for our visitors to find the subjects they're

looking for, I'll show you how to set up WordPress to handle visitors' comments.

Managing Feedback One of a blog's most compelling features is its ability to stimulate a dialog among its readers. By

allowing website visitors to comment on your entries—and on other visitors' comments—you

can create a loyal community of participants.

But encouraging feedback can also lead to unwanted consequences, including inappropriate

comments and spam. Fortunately, WordPress comes with lots of options to manage and control

responses.

You can set these options to work globally (so they apply to the entire blog) or by individual

post. We'll start with the site-wide controls.

Setting Global Options for Comments Let's start by setting options that will apply to every blog post you create.

1. Go to your WordPress menu (over on the left).

2. Use the menu to open the Settings > Discussion screen.

The Discussion Settings screen lets you specify your preferences about how visitors can

comment on blog posts. It's designed to keep spam and inappropriate material from appearing

on your blog. Choose the settings illustrated below. If you don't like the way they filter your

blog's comments, you can always change the settings later.

Part of Discussion settings screen

This configuration will require anyone who wants to comment to provide an e-mail address. It

will also keep all comments unpublished unless or until you approve them. (WordPress will send

you an e-mail whenever someone submits a comment.)

Requiring an e-mail address will likely result in fewer posts, but the ones you get will be of

higher quality. Why? Because the person posting knows that you can report inappropriate posts

or spam to that person's Internet service provider—and many ISPs delete the accounts of

members who cause this kind of trouble. There's a similar trade-off with requiring approval of

comments. It will take longer for users to see the comments, but they'll be of better quality

because you will have deleted all the off-topic posts, advertisements, and other inappropriate

messages.

After you've made your choices, scroll down and click Save Changes at the bottom of the page.

Once you start receiving comments, they'll appear in a module titled Recent Comments on your

Dashboard page. From there, you'll be able to open a Comments page, where you can accept,

edit, or delete the feedback.

Setting Options for an Individual Post

You just specified how you want to handle all the posts in your blog. But what if you want to

handle responses to individual posts in a different way?

To override the global settings and customize the way you want to deal with an individual post,

you need to open that post for editing. In the Menu, click Posts, and then click the title of the

post to be reconfigured.

To try this out, let's look at the "A High-Energy Bundle of Fun" post you entered earlier (the one

about Cindy).

1. Open the Edit Post page by clicking Posts > All Posts in the WordPress menu, and

then hover your mouse over the post's title.

2. Click Quick Edit.

3. Over to the right, below the Tags field, uncheck the box next to Allow Comments.

You can also control trackbacks and pingbacks (they tell you when other blogs have linked to

yours). Let's leave that box checked.

Click Update in the Publish box to save your change. Once again, always remember to click

Update (or a similar button) to save any edits, or they’ll be ignored.

Then click View . There won't be a "Leave a Reply" box on the Web page, as there is on the

other post.

Thanks to this modification, the Discussion specifications for this post now overrides the global

settings on the Discussion Settings screen.

Time now to head over to Chapter 5 for a review of what you've accomplished!

Chapter 5: Summary Summary You probably know a lot more about blogs and posts than when we started! You've learned

when to use posts and how to create entries by adding text. You also refined the posts and

reviewed the publishing options that WordPress offers. And finally, you discovered all the ways

you can handle visitors' comments. How will you use these skills in your own Web projects?

For more information and further practice, be sure to visit the Supplementary

Material links, the Frequently Asked Questions section, and the lesson Assignment.

Next time, we'll examine how to build static websites. We'll also discuss situations in which it's

more appropriate to use a Web page than a blog post. I look forward to seeing you there.