This course will be retired on February 24, 2020.
Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Start a free Basic trial
to watch this video
Learn how to make basic pages and menu links, as well as customize URLs for our pages, set the site name and the slogan.
Key Terms:
Content - The actual pages, words, images and sections you create on your site. The About page, announcements on the front page, a locations page, all of these are content.
Node - pretty much every piece of content we can create is a type of object Drupal calls a Node.
Content type - While content generally has some common properties like a title and body making them into nodes, we can also have different kinds of nodes. The two content types which come with Drupal automatically are called Basic Page and Article.
Menu link - A clickable link displayed in one of the four menus which takes you to a different page.
Base URL - the URL which takes your browser to your home page. With MAMP it defaults to http://localhost:8888
To change things like the site name, slogan, and default front page Click on "Configuration" in the Management menu, and then "Site information".
To open the Content Administration page, click the "Content" link on the left of the Management menu. Here you can edit and delete content, or click the "Add Content" link to create content for your site.
You can also add content by clicking on any of the other duplicates of the Add Content link on your front page.
-
0:00
Now that we are logged into our site with the site maintenance account,
-
0:04
we can start laying out the site.
-
0:06
Let's start by changing the name of our site, so
-
0:09
that the title bar is appropriate to our new client.
-
0:13
Then, we'll create and about us page, and a welcome page.
-
0:17
Lastly, we'll create a main menu link to the about page.
-
0:21
And we'll display the welcome content as our site's front page.
-
0:25
To change the site name, click configuration in the admin toolbar.
-
0:32
Then, under system, click the site information link.
-
0:38
Change the top field in this form, labeled site name.
-
0:41
To say Cameron's coffee, instead of My First Drupel Site.
-
0:49
Let's also add a slogan underneath in the next field,
-
0:52
such as, the finest coffee in town.
-
0:57
Now click save configuration at the bottom of the page.
-
1:01
And you're done with the first task.
-
1:04
If you click the little home icon in the top left corner of the admin tool bar,
-
1:10
you can see the new title and slogan appear on the front page.
-
1:14
Now, let's create an about page.
-
1:17
Click the content link, on the left of the management menu.
-
1:22
This is the content administration page.
-
1:25
It let's you search through and edit your content.
-
1:28
Click the Add content link at the top.
-
1:32
And then select Basic page.
-
1:35
Incidentally, the other Add content links all take you here as well.
-
1:40
They're just duplicates.
-
1:42
There are different types of content defined in Druple, and
-
1:46
a basic page is a static html page, something like an about page,
-
1:52
or a mission statement, a bio, or a terms and conditions page.
-
1:57
In other words, a page where you wont change the content that often.
-
2:01
Let's give it the title, About Us.
-
2:07
And then we'll fill in the body with some lorem ipsum text.
-
2:12
Lorem ipsum is fake text.
-
2:16
It lets you play with the layout of your site with real text in there,
-
2:20
so you can see what it will look like,
-
2:22
without having to have the finalized content completely finished.
-
2:27
So here I've found a lorem ipsum generator, called Coffee Ipsum.
-
2:31
Since we're making a coffee web site,
-
2:33
it makes sense to use some fake text that is relevant to our project.
-
2:39
So I will generate two paragraphs here.
-
2:43
And I will just copy and paste them into our body here.
-
2:51
For the text format, you can leave it at Filtered HTML.
-
2:57
Underneath that, there are six tabs for further configuring your new content.
-
3:02
By default, the menu settings are selected first.
-
3:06
Click the check box that says provide a menu link, so that as you create
-
3:10
this page, Druple will automatically create a link to it in the main menu.
-
3:16
Let's leave the title About Us.
-
3:19
And in the description, we can type in something like,
-
3:23
The history of Cameron's coffee.
-
3:30
We can leave the parent item set to main menu.
-
3:33
And also leave the weight set to zero.
-
3:36
The parent item allow us to create menus within menus.
-
3:40
Though right now, we just want this link to show up in our Main menu.
-
3:45
And the weight determines the order of the menu links.
-
3:50
Click Save at the bottom of the page.
-
3:53
And then you can see the About page you just created.
-
3:57
You can also see that there's a tab labeled Home.
-
4:01
And a new tab for our About Us page.
-
4:06
These tabs are the main menu links we created.
-
4:09
Click the About Us tab, and
-
4:12
you can see that there are two other tabs labeled View and Edit.
-
4:17
Let's click on the Edit tab, so that we can add a paragraph to the body.
-
4:23
I will just type it in here.
-
4:26
Hi!
-
4:27
My name is Cameron!
-
4:30
This is my coffee stand.
-
4:35
All right, good enough, and now we can scroll down and
-
4:39
click Save, in exactly the same way.
-
4:43
And you'll see the new paragraph show up on our about us page.
You need to sign up for Treehouse in order to download course files.
Sign up