12
Drupal Basics Part 3 Create a new page Main tabs menu Using the t h e m e Agricultural Communications Services Integrated Media Training Sessions www.ca.uky.edu/agcomm/

Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

Embed Size (px)

Citation preview

Page 1: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

Drupal Basics Part 3Create a new pageMain tabs menu

Using the

them

e

Agricultural Communications ServicesIntegrated Media Training Sessionswww.ca.uky.edu/agcomm/

Page 2: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

How to Create a New Page in Drupal

After you login, go to “create content” on the navigation menu Then select “Page”

How to Create a New Page in Drupal slide 1

Page 3: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

A. Title the page the exact wayyou want it to read

B. Menu link titleIf the new page will be a link on theprimary link menu, what is the titleof the link? Or leave blank for now.

C. Choose <primary links>

D. “0” is the default

E. Begin adding text/imagesto the editing region

Drupal Basics

Drupal Basics

How to Create a New Page in Drupal slide 2

Page 4: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

F. With some text added to theediting region, go to URLpath settings and title the page.(no special characters or spaces)

G. Save the new page

F

G

drupal_basics

How to Create a New Page in Drupal slide 3

Page 5: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

Take a look at the menu settings.Choose “Menus”Choose “Main Tabs”

Main Tab Menu slide 1

Main tabs in UKAg header

Go to the navigation menu, and click on “administer”.

Page 6: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

When you click on Main Tabs, you will see the menu as it appears on your site.

At the top, you can add item(another link)or edit the menu

The link “News”is listed first. It is enabled,so you will see it on the nav. bar.

Expanded enables“children” links. (Like the Educational Resources dropdown links)You can edit or delete links by clicking the edit button.

Let’s look more closely at the edit function for a menu item

Main Tab Menu slide 2

Page 7: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

This is the “news” link information.Path is the url or page name

This is the title of the linkand description when youhover over the item

The link is enabled

Under Parent item dropdown,it shows that it is a main tab

Edit Menu Item

Menus: Edit Menu Item slide 3

Page 8: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

Path: add url, or <front>

Menu link title:name the link

Description: add information

Click on Enabled

Parent item:<maintabs>

Save

How to Add a Menu Item

Menus: How to Add a Menu Item slide 4

Click on the Add item tab.

Page 9: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

How to Add a Sub-linkto an Existing Menu Item

In this example, Educational Resources has a few drop down links. In order to create these links, the main link needs to have the “expanded” box selected.

Menus: How to Add a Sub-link to an Existing Menu Item slide 5

Page 10: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

If you need to create a new drop down link: Go to the “Add item” tab

Path: enter the url or the text “<front>”Menu link title: name the link,(this example the name of the new link is“new link”)

Description: add information

Click on Enabled

Parent item:find the menu title you wantthis new link to be associated with on the menu.

In this example, the sub-linkor “child” relates to Educational Resources

Save

Menus: How to Add a Sub-link to an Existing Menu Item slide 6

Page 11: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

Now, when you look atthe menu list, you willsee the new drop down link

If you decide that thesub-link needs to bethe first link in the drop down,click on the icon anddrag the link to where youwant it.

Click Save Configuration

Check the link on the main bar

Menus: How to Add a Sub-link to an Existing Menu Item slide 7

Page 12: Drupal Basics Part 3 Create a new page Main tabs menu Using the theme Agricultural Communications Services Integrated Media Training Sessions

This concludes Drupal Basics Part 3Thank you for using this training session.

Drupal Basics sessions available:

Drupal Basics Part 1An overviewLogin informationEdit the homepage

Drupal Basics Part 2Toolbar basicsAdd a hyperlink

Drupal Basics Part 3Create a new pageMain tabs menu

Drupal Basics Part 4Insert a fileInsert a imageAlter an image

Using theth

em

e Drupal Basics Part 5

Understanding Blocks

Menus: How to Add a Sub-link to an Existing Menu Item slide 8