Select Page

Using a Page Hierarchy on Your Website

Adam Corrao
Adam Corrao
27th February 2019

Video Transcript:

Hey guys, Adam here with ‘UI Design for Designers!’ Today we’re going to be talking about creating a page hierarchy using the Bakehouse template within the Wix template store.

So, a page hierarchy is pretty much just a clean and structured navigation menu. Within a page hierarchy there are three main components: there is the main navigation menu, the parent links and pages, and the sub-pages.

In this template here you’ll see the navigation menu up top, the parent links and pages are the first links you’ll see, and the sub-pages are pages here beneath a parent link. So in this case “Our Team” is a sub-page of the parent link “About.” Now to create a sub-page, head over to the editor here, head over to “Add,” click “Add a Site Page.” As you can see it opened up a new page here. We’ll call it “Our History” to accommodate for it being under the “About” page. To make it a sub-page just click it, hold it, and drag it beneath the page you want it to be a sub-page under. To make sure that it actually is a sub-page you’ll see that it has this line here connecting it from the main page to it and it’s also a bit indented.

So now that it’s done – now this is a sub-page – we’ll go back to “Preview” and head over to the main page since it looks a little bit better than this blank page, and we’ll hover over about. We’ll see that it has been added here as a sub-page where it says “Our History” right here.

Okay, you really want to make these sub-pages and you really wanna page hierarchy, because the last thing you want is visitors to not be able to read the navigation links because they’re too small because you’re trying to fit them all on one line or even worse: you create multiple lines of the navigation menu because there are just too many pages on there.

Alright, so that’s the page hierarchy, I appreciate you guys for watching this video, be sure subscribe and I’ll see you guys in the next one!

Video Transcript:

Hey guys, Adam here with ‘UI Design for Designers!’ Today we’re going to be talking about creating a page hierarchy using the Bakehouse template within the Wix template store.

So, a page hierarchy is pretty much just a clean and structured navigation menu. Within a page hierarchy there are three main components: there is the main navigation menu, the parent links and pages, and the sub-pages.

In this template here you’ll see the navigation menu up top, the parent links and pages are the first links you’ll see, and the sub-pages are pages here beneath a parent link. So in this case “Our Team” is a sub-page of the parent link “About.” Now to create a sub-page, head over to the editor here, head over to “Add,” click “Add a Site Page.” As you can see it opened up a new page here. We’ll call it “Our History” to accommodate for it being under the “About” page. To make it a sub-page just click it, hold it, and drag it beneath the page you want it to be a sub-page under. To make sure that it actually is a sub-page you’ll see that it has this line here connecting it from the main page to it and it’s also a bit indented.

So now that it’s done – now this is a sub-page – we’ll go back to “Preview” and head over to the main page since it looks a little bit better than this blank page, and we’ll hover over about. We’ll see that it has been added here as a sub-page where it says “Our History” right here.

Okay, you really want to make these sub-pages and you really wanna page hierarchy, because the last thing you want is visitors to not be able to read the navigation links because they’re too small because you’re trying to fit them all on one line or even worse: you create multiple lines of the navigation menu because there are just too many pages on there.

Alright, so that’s the page hierarchy, I appreciate you guys for watching this video, be sure subscribe and I’ll see you guys in the next one!

Shares
Share This