More practice: content types

Log in to your contenttypes site (or whatever you called it) as user 1. Follow along.

Let’s create a content type called Dog.

We’ll give it the fields:

  • Name, e.g., Oscar
  • Photo
  • Breed, e.g., Labrador retriever
  • Date of birth
  • Weight

The content type

Go to Manage | Structure | Content type | Add content type.

Name the content type Dog. Type in a description.

There are four settings areas:

Settings

Title

Remember that each content type has to have a title field. But it doesn’t have to be called Title.

Georgina
Georgina
Wait, what?

If this was a Book content type, calling the field Title would make sense. Books have titles. OK.

But we’re making a content type for dogs. Dogs don’t have titles. They have names. It would make more sense to call the title field Name, rather than Title. So:

Name

OK, here’s something important. The difference between a field’s machine name and its label.

A machine name is Drupal’s internal name for a field. The machine name for a title field is always title.

A label is the name it shows users. For example, when creating a dog instance, here is what the user sees:

Label

Drupal labels the field Name for the user. But the machine name of the field is title.

This matters when we get to making views. Views use machine names.

Give your title field the label Name.

Titles don’t have to be unique. You can have two dogs called Oscar, and three called Renata.

Publishing options

Remember that each node (instance of a content type) has a page. Usually, when someone creates a new node, you want it to be available immediately on the site. So, if someone creates a new dog node, it will show up in views of dogs.

Sometimes, you don’t want that. Maybe you want someone to review and approve the new dog node, before it shows up on the site. That’s what the Published option is for:

Publishing

If a node is published, it shows up. If it isn’t, it won’t show up.

When you create a new content type (that’s what we’re doing now), you get to decide whether new nodes will be published, or not. That’s what we want, so we’ll leave Published checked. If you uncheck it, new dogs won’t be published. Someone will have to publish them before they show up on the site.

Promoted to front page and Sticky at top of lists don’t matter to us.

Create new revision is cool. Suppose you spend a lot of time getting a node juuuust right. The right photos, the right text; it’s all perfect. Then some bozo comes along and messes up the page. Deletes stuff you spent hours on. ARGH!

When you check Create new revision when creating a content type, when every time a node is updated, Drupal saves a copy of the node as it was before. You easily can retrieve the node as it was before Bozo Time.

Create new revision can be turned on and off for each node. Check it here (when you’re creating a new content type), and you’re setting the default for each new node of the type.

Turn it on. That means that every new dog will have revisions on by default.

Display settings

Display settings

This does what it says. Almost always, this should be off. Make it so.

Menu settings

Do you want to list particular dogs in menus? Probably not. A view of dogs, yes, but not individual ones. Turn all of these off.

(If you change your mind, you can still create menu links to individual dog pages, as you did in your eMe.)

Save

Now save the content type.

Yippee! Time to mess with fields.

Fields

Here’s are the default fields, when you create a new content type:

Default field

title isn’t listed. Content types always have a title field; Drupal doesn’t bother showing it.

Drupal automatically makes a field called Body when you make a new content type. If you don’t need it, get rid of it.

Kill body (in the library, with a pipe)

The Body field is what you’ve been typing into when you create your eMe pages. Look at the field type: Text (formatted, long, with summary). This is what one of those fields looks like:

Body field

It should look familiar. You’ve been typing into many body fields.

We don’t need a Body field for Dog. Get rid of it. You can figure out how.

Add photo

Click on Add field. You see:

Add field

Drupal lets you reuse fields that already exist. Saves time.

We want a photo. The Article content type already has a field we can use. Wait, what? You didn’t create the Article content type!

Drupal created the Article content type automatically, when you installed the software.

The Article content type has a field with the machine name field_image, and the label Image. Re-use the field, but change its label to Photo.

Reuse image

The next screen has a bunch of settings. Add some help text. Now scroll down the page, but don’t change anything. Some of the settings already have values. Where did they come from? From field_image, when it was created for the Article content type.

Woohoo for re-use! It saves us work.

Add breed

Let’s think this through. When someone creates a new Dog instance, we want to give them a list of breeds, like this:

Breed input

Mixed breeds are common, so let’s allow users to choose up to two breeds. So Lab Husky is OK, but Lab Husky Collie Boxer Bulldog is too many.

OK, let’s set up this field. Click Add field again. We’ll need a new field this time. Make the field type List (text). Set the label to Breed. Notice that Drupal creates a new machine name for you.

Enter a list of breeds, whatever you like. Here’s what I did:

Breeds

Now tell Drupal to allow two:

Allow two

The field is not required, so users don’t have to enter a breed when creating a Dog node.

(When you create a new dog node, you may get a dropdown for breed, rather than checkboxes. We’ll fix that later.)

Add date of birth

Add a date field with the label “Date of birth”. Make it date only, with one value. Add some help text.

Add weight

Add a field for weight. Select Number (integer) as the data type. (Integers are whole numbers.) Add some help text. Give sensible maximum and minimum values. Make the suffix “lbs”.

Multiple displays

Look above the field list, and you’ll see some tabs:

Tabs

The Edit tab shows basic settings for the content type, like its name. They were the first things you told Drupal about when you created the content type. The Manage fields tab lets you create fields, as you just did. These fields are stored in your Drupal site’s database. But what are the other two tabs?

Say you create a node for Oscar, a lab. There are two ways people can see Oscar’s node. First, there’s the form someone uses when creating or editing the node.

Form

Second, there’s the page display, when they look at the node:

Page display

Drupal gives you control over both. (Drupal can create many display types for the same node, but let’s not worry about that now.)

Let’s change the input form. Right now, breeds are shown in a list widget. I’d rather have checkboxes, so it’s easier to see both breeds, if there are two:

Breed checkboxes

Here are those tabs again:

Tabs

Click on Manage form display. Then change Breeds to checkboxes:

Use checkboxes

Now the dog form will use the right widget.

The Manage display tab lets you control how the page display looks to users. This is what I have now:

Display

The format for date of birth doesn’t make sense. We’d rather have:

New date format

You can make that change on the Manage display tab (use a custom format: m/d/Y).

Add Dog nodes

Create some Dog content. Enter a name, photo, etc. Pixabay.com has some good dog photos.

Create a dog

Add four more dogs. Try different things with breed, weight, and the other fields. Get a feel for what it’s like to enter data.

Use the Manage display tab to change the way photos are displayed. Try the thumbnail option.


For tech humans: Machine names and labels

(You can skip this section.)

Go to the Create Dog form. Look at the HTML source. Ctrl+U in most browsers.

Search for exactly this: label for="edit-title

You’ll see this HTML (some omitted):

<label ...>Name</label>
<input ... name="title[0][value]" ... />

The <input> tag creates the widget for the user to type in. It’s name is title (and some other stuff). However, the <label> tag shows Name to the user. This is how Drupal do.


Making fake dogs

We need some dog data for the next lesson. You could type in a bunch of data yourself, but that takes time. Let’s tell Drupal to make fake data for us.

For that, we’ll use Devel. Install the latest version for Drupal 8. It adds several modules. Enable Devel generate.

Now go to Configuration | Development | Generate content. Tell it to generate 50 dogs. You can leave the other settings at their defaults.

Go to Content, and you’ll see many dogs. Have a look at some.

Permissions

Go to the permissions page, and scroll down to the Node section. You’ll see new permissions for the Dog content type:

Dog permissions

Every node has an owner, usually the person who created it. Notice that there are separate permissions for working on your own nodes, and working on all nodes.

This comes in handy. Suppose you’re making an IS for recipes that use Vegemite (it’s a yummy food). You make a content type called Recipe, and two roles: Contributor, and Editor. Contributors go to the site, log in, create a Recipe node (probably by going to /node/add/recipe ), and type in their recipe. Drupal gives that user ownership of the new node. If Contributors have “Recipe: Edit own content” permission, but not “Recipe: edit any content” permission, they’ll only be able to update their own recipes.

You give Editors “Recipe: edit any content”. They can do what they like with recipes.

Exercises

Exercise: Make a dog content type
Make a Dog content type. Use your contenttypes Drupal, or whatever you called it. Add the fields:
  • Name, e.g., Oscar
  • Photo
  • Breed, e.g., Labrador retriever
  • Date of birth
  • Weight

Breed should be a text list, with check boxes. For date of birth, use the custom format m/d/Y. Use an integer for weight, with the suffice “lbs”.

Use Devel to generate data for 20 dogs. Limit the node title to one word. (The data won’t make any sense. That’s OK.)

Submit the URL of your site, along with login credentials for user 1.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Exercise: Person content type
On your contenttypes Drupal (or whatever you called it), make a content type called Person, with the following fields:
  • Last name (use the title field)
  • First name (plain text field) (Limit to 20 characters, otherwise Devel goes wiggy with it.)
  • Photo
  • Date of birth
  • Gender (a text list, with options male and female)
  • Notes (a formatted long text field) (You can use body for this, if you want. Change the label to Notes.)

Use Devel to generate data for 20 people. Limit the node title to one word. (The data won’t make any sense. That’s OK.)

Submit the URL of your site, and login credentials for user 1.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Summary

We made a content type called Dog, with fields for name, photo, breed, date of birth, and weight. We used Devel to generate some fake dogs.