Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So we have a Drupal website that's up and running fine but we don't have any content on it yet. And in fact up until now we have just had this main page which says "Welcome to you new Drupal website!" on it. This page gives you a four step program of how to build your website and we have gone through many of these steps already. Now it's time to start adding content. To do so click on Create Content and you are given a choice between Page and Story. These two are very similar and we will discuss the differences between them but for now we are going to create the homepage for the site and that's going to be a page so we click on Page and enter all of this information.
We have created some exercise files for you. If you are a premium subscriber to lynda.com or received this course on a disk, you have these exercise files. We are going to go there now and get the information that we need for this page. To do that we go back to the Finder, Hide everything in the folder Exercise Files, Chapter07, section 01, and here in basic-info.txt is the text that we are going to enter in this page. There is our title. I am going to copy it with Command+C or Ctrl+C on the PC.
Go back to our browser and paste it in the Title area and go back and paste our BODY in. that's really all that you need to create a page, a title and something in the body and in fact the body is optional although usually you will have one of course. Let's look at some of the other options on this page as well. If you want this page to appear in a Menu that is along the left-hand side or up here on the top with the other menus, you can do so by clicking on Menu settings deciding what sort of title you want it to be. Up here for example, the title is Contact us and where you want it to appear. We will talk more about menus in another video and for this content we are not going to have a link so we will close that up.
Continuing down, Input format changes whether it's being entered as Full HTML a limited subset of HTML or many other input formats that are available. One of the other formats is PHP, which I will also show you how to enter in another video. For now we are just going to use Full HTML. Revision information allows you to create a new revision every time you change this page. Personally, I recommend doing this and I recommend having that as the default setting. I am going to click it now, and in the Log message I will just say Created page.
The reason I suggest this is that if you make many changes and especially if there are many people making changes on the website, you want to keep track of who did what and when something changed and then be able to roll back to those earlier changes if you decide to do that. Continuing down this is going to be our homepage and we don't really want to have comments enabled. That is we don't want our users to be able to say, oh yeah that's right, oh that's wrong. So I will click there and yes it's already on Disabled. Authoring information, if there are other users on the system you could change who wrote it or at least who appears to have written it. In this case we will leave it as admin. Similarly, you can change the date on which it appears to have been written. Finally, Publishing options. There are three options here.
Published should always to be checked if you wanted to appear on your site and by default every content type has Publish already checked. Promoted to front page, lets you say whether it's going to appear on the homepage in addition to other places that it might appear on the site. In this case since we want it to be a homepage, piece of information we are going to say, promote it to homepage. Finally since this is really our center piece for our site that is it appears as the welcome page we do want it Sticky at top of lists. It might not be clear to you exactly what that means at that point but it will become more apparent as you add more content. Essentially it means that if there is a series of content on a single page, this one will always be at the top. And again since this is our homepage, we are going to say yes we want that at that top. Then we say Save, good. The page has been created as you can see.
If you want to go back and edit it, all you need to do is click on Edit and you can go back and do the same sorts of things. This Split summary at cursor, we will be discussing at another point. It's really for a longer stories and not relevant here. Let's go back to View, we still see our piece of content there. Now remember how we promoted it to the front page, let's go back to our front page by clicking on the logo here and there it is. It's on our front page and the original text that was there that said here is how you create your site is gone. That text disappears whenever you first promote something to the front page.
This page is still little bit boring. So I am going to add a graphic. After all it is our front page. To get there, I will go back to the Finder and hide everything. I will go into the Exercise Files and find the file I want which is this one called House-Underwater. Again, if you have received the Excise File it's in that folder. Now I am going to go to where I have my Drupal directory. For me that's in the Hard Drive, Users, tomgeller, sites and Drupal. Although of course your directory could be anywhere on your drive and for PC users, it's certainly in a different place. The directory we want to put this in since its specific to the site is sites, default, files.
I will go back there and I copy that file over by hitting Command+C or Ctrl+C on the PC and clicking in this directory and Command+V or Ctrl+V on the PC, there. I am going to copy the name of this file by highlighting it and on the Mac I say Command+A, Command+C to copy it. That will just make it a little bit easier to enter when I go back into Drupal, which I will do now. Go back into Drupal and I want to edit this piece of content. To do so click on the Title and then go to Edit. Here we have to enter a little bit of HTML. The HTML to enter to add this graphic is (img src="/sites/default/files --and remember that was the path to get to that file, and then / the name of the file itself, end your quotes (") and end your bracket ()).
Now let's go down and take a look and see if that took. Save it there it is. However it's not quite right. We are going to do one more small change to the HTML. To do so click on Edit and here we are just going to say align="right" hspace= "10". This will make the graphic appear to the right of the text and make the text wrap around it. Further it will add a little bit of space between the graphic and the text, so it will be a little bit more attractive. Let's scroll down to the bottom and there we have it. We go back to our front page just to see what it looks like.
Looks a lot better. That's how you would set up the front page to your website. You could create other static pages just as easily and pepper them throughout your site. The main difference in this case is that you have promoted this page to the front page and then again made it sticky so it will always be on the top of the front page.
Get unlimited access to all courses for just $25/month.Become a member
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.