Retired Documentation:  You are using the documentation for version 1.7.3 which was retired in 2013. Go here for the latest version documentation or check here for your available upgrades to ExpressionEngine 3.

Quick Start Tutorial - Step 2
Creating New Templates

The Goal:  Learn how to create a new Template and add standard HTML to it.

The first thing to do in setting up your new web site is to create the Template Group and Templates that will hold the HTML of your web site. Templates and Template Groups are managed in the Templates section of the Control Panel.

Important concept: Templates are similar to files and Template Groups are similar to folders. Please see the Overview, Templates section for more information.

Visit the Templates Section of the Control Panel

Click on the Template Tab (highlighted in the screen shot below).

Click on the Templates Tab

This will take you to the Template section of the EE Control Panel which will look similar to the image below. The highlighted section of the image are the default Template Groups created when EE is installed.

Templates section of the EE Control Panel

Create a New Template Group

Keep your new web site organized and separate from the default Template Groups created during installation. To help achieve this, put your web site in its own Template Group. Click on "Create a New Template Group (highlighed in the image below).

Create a new Template Group

This will bring up the create New Template Group screen shown below.

Create new Template Group screen

Name your Template Group "tutorial" by typing "tutorial" (all lower case) in the field Template Group Name and click submit.

Name the new Template Group tutorial

This takes you back to the main Tutorial section of the Control Panel. The tutorial Template Group you just created now shows up in the Template Group list. Your screen should be similar to the screen shot below.

The tutorial Template Group now shows in the Template Groups list

Add Content to Your Index Template

Click on the tutorial Template Group to open up the Template Group and view all the Templates inside. Whenever a new Template Group is created, an "index" Template is also created automatically.

A index Template is created by default with every new Template Group

Now, you're going to add some HTML to the "index" Template and view it in your web browser. Click on "index" (highlighted in the image above) to get to the Edit Template screen, shown below.

The tutorial Template, currently empty

Now, copy the code below.

<html>
<head>
<title>My First EE Site</title>
</head>
<body>

<h1>The title of my post</h1>

<div class="entry">

<p>Hello world! This is where my entry should show up.</p>

</div>

</body>
</html>

Paste the code into the "index" Template, as shown below, and click "Update".

Paste the HTML into the index Template and click Update

After you click Update, EE will tell you that the Template has been updated successfully.

EE will tell you that the Template has been updated successfully.

Next:  View Your Template

Top of Page