Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So we now have sample content on our site, and we have the beginnings of a design. At this point, I'm going to go back to our original plans, and make the site conform to what we want it to eventually become. We'll start by turning some of those randomly generated nodes into placeholders for our actual content, and we'll add some menu links while we're at it, but first, let's go back and see exactly what those pages are. We'll come back to the homepage later. Let's start with that Positions page. You might remember that we have a bunch of nodes in the position content type, which we collected with a view in the Implementing the Structure video.
We just need to add a menu item. So let's go back to our site, and take a look at that page. The URL, as I remember, was drews-positions. Hover up here, and edit the view. Go to the Menu setting, add a Normal menu entry in the Main menu, and the title will be Positions, and Apply, and as usual, we Save it.
But here's something strange; when we go back our site, it doesn't show up in the usual place. This is the sort of thing that you run into when you start actually implementing sites. As it turns out, the Corolla theme displays menus only through blocks; it doesn't use Drupal's native menu display system, and the way that you would find this out is basically by running into this problem, and looking through the issue queue. But that's okay; we'll fix it. Click Structure, and Blocks.
Then scroll down to the Main menu, and I'm going to put that into the Menu Bar, and save. When I close this out, the screen redraws. I see something interesting; it shows up above the header. Usually the Main menu shows up below, and if we go back and take a look at the wireframe, the way that the campaign manager wanted it, they wanted the Main menu actually below the banner. In this case, we have a choice; we can either leave it the way it is, and check with the client, or we could work pretty hard to make it exactly the way that they ordered it.
In this case, I'm going with the first option; I'll leave it as it is, and we'll go back, and have a conference with the client, and make sure that it's okay the way it is, or change it if necessary. But let's go back to our site map. The next step is to put up the blog. Well, that's easy; all we need to do is add a menu link to the existing blog system. Go back to our site, and go to Structure, Menus, and Main menu, where I'll add a link. I'll call it Drew's views, and the path will be blog.
I Save it, and take another look. Well, it's not in the order I want, but I can change that very easily; just go up here, list the links, and drag them into position. As always, I want to take a quick look at it the way that people from the public will see it. Yep, looks pretty good.
Continuing on, we'll handle regional campaigns in the next video. That brings us to Elect Drew Paulman. It could be done in a few different ways, but let's assume that it's just one basic page, containing information for both volunteering, and donating. We could also do this as a dropdown menu, or as separate pages, or so forth, but we'll keep it simple for now. There are a few ways we could do this. We could add the content, but I think I'll just use some of the content that we already have; I'll repurpose it. So I go up to Content, look for the first basic page we have -- this Quis Te -- and I'll edit it.
Now, it won't look exactly right, but again, we can change some of that later on when we do our finishing of the site. However, I do know that I'm going to need those three pages, so the first thing I'll do is I'll create them. Once again, I'm on the Content page, so I'll just look for some basic pages to use. Edit this one, and Save.
There is another, Save, and finally, this one, and Save.
So that I can get the links to put in the block, I'll just open those up in new tabs. This is the section we want: content/legal-info. I'll then make the block, and we remember to put it in the footer, and save.
Let's see how that looks. Yup, it's down there. Test the links, and they seem to work. However, it doesn't look quite right. As I say, we'll be coming back later to fix up some of the CSS. The last thing I'm going to do, and this is really for our own benefit as we're developing the site, is I'm going to make what we see here match a little bit more closely what we see as the public. I'm going to get rid of these administrative blocks. Just configure the block, move it out of the sidebar, and then do the same for navigation.
Now, you could continue in this way, and get rid of the toolbar, and shortcut bar, but I'm okay with this the way it is. It's starting to look like a real site, isn't it? Now comes the quantum leap stage, where we arrange the pieces we've developed so far into something resembling the final layout. We'll still have a way to go, but the next part is the one I always find the most encouraging, so stick around.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 104829 Viewers
56 Video lessons · 116687 Viewers
71 Video lessons · 85899 Viewers
131 Video lessons · 41088 Viewers
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.