Join Morten Rand-Hendriksen for an in-depth discussion in this video Creating page hierarchies, part of WordPress 4 Essential Training.
- Another unique feature about pages, are how they relate to each other. Whereas posts are related through their categories, tags, author, and publishing date and time, pages are only related through parent-child relationships. So, let's take a look at how that works. In between the movies, I've created two new pages. This is the first one, it's called all about H+ Sport. It's an about page that has a nice, big featured image at the top with a logo in it, and then some information about how the company was created. Including a photo of the CEO.
I've also created a second page, though I haven't published it yet. This is the page about all the people in the company. So you can see here that there is a little bit of text followed by a bio-profile on a photo for each of the people that work in the company. What I want to happen is for this page, our people page, to become a child of the all about H+ page. That way we have a clear structural hierarchy within our content. And you can imagine having a main menu, where you would have the about page at the top. And then you would have a drop-down with the people page below.
To create this relationship, all we have to do is go to the page attributes panel on the right hand side. You can see here, we have something called parent, and currently, by default, it's set to no parent. However, now that we have several pages, I can use the drop-down to set one of the existing pages as the parent of our people page. So, I'm going to select all about H+ as the parent. Now before I do anything else, let me just scroll up to the top and look at the permalink. Currently, the permalink for our people is simply: http://wp.hplussport.com/our-people.
And this is the standard permalink structure for pages. Once you create a page, it always lands on the root of your domain. But now that I've changed the parent, if I click save draft, you'll see that the URL structure changes. Now, all about H+ Sport is the parent and our people is the child page. In this URL you can actually see the structural hierarchy of these pages. If I publish the page and go and view it in the browser, you will see the same thing.
My URL here is allabouthsport/ourpeople. And search engines and other types of engines that come into your site will intuitively understand these structures. However, just like with all the other pages, there's currently no navigation to get us here. So, if I want to further create clear navigation between these two pages, I have to actually add in links within the pages themselves. Now that I have a child page, I should go into the about page, scroll to the bottom of the page. And say something like, to learn more about the people that power H+ Sport visit our people page to learn more about the people that power H+ Sport.
And I'll make this our people page into a link that points at our people. Click add link and update the page. Now if we go and view the page, you'll see, the about page, scroll to the bottom, there is a link to the our people page and you have a clear structural hierarchy between the two pages. Now, of course, to fully indicate that there is an actual structure here, we also have to add in a custom menu into our site that shows that structural hierarchy.
We're going to do that later. However, with most themes you activate for WordPress, there will already be a menu in place on your site. And if you don't do any kind of custom settings for your menus, they will automatically show these structural hierarchies for pages. So, if you're using a different theme from the 2015 theme, you're probably going to see that all about H+ Sport page has a drop-down menu and underneath, you will see our people already. There is more to the structural hierarchies than what you see on the front end. In the next chapter, we'll talk about that in more detail.
Note: This course covers an older version of WordPress, which features the Classic Editor. Watch this course only if you are using the Classic Editor plugin or using WordPress 4.9 or earlier. Otherwise, watch WordPress 5 Essential Training, which covers the new Block Editor experience.
- Creating posts and pages
- Formatting text
- Publishing and scheduling posts
- Adding images, audio, and video
- Bulk editing posts and pages
- Customizing themes and menus
- Using widgets
- Extending WordPress with plugins
- Editing users profiles
- Configuring settings
- Getting new readers
- Keeping WordPress up to date and secure
Skill Level Beginner
1. Getting to Know WordPress
What is WordPress?3m 30s
2. Getting Started
3. Creating Posts
4. Adding Images and Media
5. Creating Pages
6. Managing Content
7. Changing the Appearance of Your Site
8. Extending WordPress with Plugins
9. Users and User Profiles
10. Configuring Settings
11. Getting, and Interacting with, Readers
12. WordPress: Behind the Curtain
13. Maintenance and Security
Keeping up to date6m 59s
14. Diving Further into the World of WordPress
Going further with WordPress2m 29s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.