In this lesson, you will learn the difference between a page and a post. You will also learn how to know which to use and where to add and edit them. This lesson plan will walk you through the differences between posts and pages; covering how to work with them both in WordPress.
After completing this lesson, participants will be able to:
- Recognize that pages are static.
- Recognize that posts are dynamic.
- Recall when to use posts and when to use pages.
Who is this lesson intended for? What interests/skills would they bring? Choose all that apply.
- Users
- Designers
- Developers
- Speakers
- All
How much experience would a participant need to get the most from this lesson?
- Beginner
- Intermediate
- Advanced
- Any
Which strategies will be used for this lesson plan? Choose all that apply.
- Demonstration
- Discussion
- Exercises
- Feedback
- Lecture (Presentation)
- Show & Tell
- Tutorial
How long will it take to present this lesson?
- 1 hour or less
- 2-4 hours (half-day)
- 5-8 hours (full-day)
- 2 days
- 3 days or more
Participants will get the most from this lesson if they have familiarity with:
- Have you worked with WordPress or another content management system before?
- Have you ever run a blog?
- A WordPress site for practicing
- A default theme such as Twenty Sixteen theme or Twenty Seventeen theme
- Theme unit test data to import for example site
- Link to lipsum.com
- Include an image to upload for a featured image or find one from http://placekitten.com/
- Slides (included in this repo)
- You will be using the image uploader in this lesson, but not going into depth on a lot of the media features WordPress offers. A future lesson will go over this.
- For this project you will copy and paste dummy content from lipsum.com. This makes the process of creating test pages and posts faster. It's advised you explain to students the concept of "dummy content" in the development process.
- The teacher should have access to the post editor and page editor, either installed locally or on a remote server. This editor should be visible to all students.
- Optionally, students should have access to their Editors, either installed locally or on a remote server.
- Instructions to the teacher are shown in square brackets.
- Create one post with dummy content and feature Image for default post type and publish it.
- Create one post with dummy content and feature Image under custom post type and publish it.
- Add Comments in the created post.
- Create one page With dummy content and Feature Image for the same and publish it.
- Practice exercises to understand difference between Post and Page.
Learn how to create a blog post by selecting the proper tools and using Lorem Ipsum to add content.
- Create a post.
- Give the post a title.
- Fill the post with content using Lorem Ipsum.
- Add a Featured Image.
- Choose tags and categories.
- Choose which privacy setting you want for your post and explain why.
- Schedule the post to go out five minutes from now. [Or whatever time frame is desired - enough so you can see it published before class is over]
- Check blog page to note post is not there.
- Check again after the "published" time to see post live.
- Bonus - go back into the post and make it sticky.
Learn how to create a blog page by selecting the proper tools and using Lorem Ipsum to add content.
- Create a page.
- Give the page a title.
- Fill the page with content using Lorem Ipsum.
- Add a featured image.
- Choose which privacy setting you want for your page and explain why.
- Publish the page.
- Bonus - add your page to a site menu.
A post is which of the following?
- Static
- Dynamic
Answer: 2. Dynamic
A page is which of the following?
- Static
- Dynamic
Answer: 1. Static
Can pages have tags?
- Yes
- No
Answer: 2. No
By default, pages are displayed in reverse-chronological order on the site, one on top of the other.
- True
- False
Answer: 2. False. Posts are shown in reverse chronological order. Not pages.
Can we assign category to page?
- Yes
- No
Answer: 2. No
- Post vs Page @ WordPress Support
- Writing Posts @ Codex
Today we are going to learn the differences between posts and pages. Although they look very similar, they each have unique functions. A post is dynamic, meaning it can be used and shown in many different ways (in a blog page, shared on social media, etc). A page is static, meaning that once you make it, the page stays in one spot until you physically change it. The best way to see the differences is to play around with both posts and pages.
Before you can create posts and pages, you need to log in to your site. Do this by entering the following in the web browser address bar: yourwebsite.com/wp-admin (Replace “yourwebsite.com” with the actual URL of your website.) Enter your username and password. You can check the “remember me” box if you will be using the same (non-public) computer to return to the website later and want to be logged in automatically. If this box is checked, your browser keeps you logged in for 14 days. If unchecked, you’ll be logged out when you close the browser or after two days. If you don’t remember your password, click the “Lost your password?” link below the form. Enter your username or email address and you will receive a link to create a new password via email.
Now it's time to add a post. To add a post to your site, you can select "New" from the admin bar at the top. You can also go to Dashboard>Posts>Add New. Take a moment to explore the publishing options. You can publish immediately, schedule a post or even password-protect a post. If you only want part of your post showing on social media and on your main blog page, insert the the more tag as you edit your post. Your post will have a unique url. Notice how it says post-title in the following example? Ex: http://yourwebsite.wordpress.com/date/post-title/ (The actual path will depend on your settings under Settings>Permalinks.)
When you are comfortable making a post, try creating a page. To add a page to your site, you can select "New" from the admin bar at the top. You can also go to Dashboard > Pages > Add New. Check out your publishing options on this page. Also note how the unique url is shown for pages by using page-title. For example: http://yourwebsite.wordpress.com/page-title/.
Open your new post and your new page so they are side-by-side. Show how both have the following options:
- Title
- Content
- Add Media
- Add Contact Form
- Discussion Options
- Sharing Options
- Featured Image
- Privacy Settings
Notice how pages are static and are not listed by date. They don't have tags or categories, and you can change the template. You can use a menu to make your pages stand out for readers, or you can use the pages widget. Some themes show pages in tabs at the top of a blog. Here are some popular uses for pages:
- Category Page
- Contact Page
- About Page
- Home Page
As discussed earlier, posts are a bit different from pages. Check out how your posts can be found in archives, categories, recent posts, various widgets and RSS feeds of your blog. There are also different ways of showing posts. For example, you can create a sticky post, which means that the post will show before all other posts. You can also limit the number of posts shown by going to Dashboard>Reading>Settings.
Follow with the Exercises and Assessment outlined above.