Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Building custom menus

From: Drupal 6 Essential Training

Video: Building custom menus

As much as I love Drupal I disagree with its some parts of its design. One of those parts is the default Navigation menu, which makes use of every part of the pig except the squeal. So on my site I replaced with it a custom menu that was shorter and discover just how useful custom menus are in general whether you use them to replace the Navigation menu as I did or for some other purpose. Let us go to my site and take a look at that. One of the things I did was I combine the name of the person logged in with the log out command here. I did this through a PHP code snippet that I got from drupal.org. We will show you how to do that in another part of this series. If we switch back to out original site you will see that the name of the person logged in and log out are in two different places and I thought that took up too much space.

Building custom menus

As much as I love Drupal I disagree with its some parts of its design. One of those parts is the default Navigation menu, which makes use of every part of the pig except the squeal. So on my site I replaced with it a custom menu that was shorter and discover just how useful custom menus are in general whether you use them to replace the Navigation menu as I did or for some other purpose. Let us go to my site and take a look at that. One of the things I did was I combine the name of the person logged in with the log out command here. I did this through a PHP code snippet that I got from drupal.org. We will show you how to do that in another part of this series. If we switch back to out original site you will see that the name of the person logged in and log out are in two different places and I thought that took up too much space.

Let us built a similarly simple Navigation menu for our site. We are just going to have two items in it; blogs and feed aggregator. Of course you can put in what ever items you like. The next thing to do is to figure out what URLs we go to when we go to click on those items. So, let us do it. Click on Blogs and we go to \blog. Remember that because we are going to be using it in minute. Click on Feed aggregator and we go aggregator. Once again we have to remember that. Another way to tell what the links are is to look in some browsers which have information area, for example in Fire Fox when you hover a link at the bottom of the screen down here, it tells you what that link is where you are going to go. I am switching back now to Safari so I can look at my administrative interface.

To add our custom menu we go to Administer and then Menus. From here we go to Add Menu. First, the menu name. This is going to be the machine-readable name of this menu. When you enter a machine- readable name it is best not to have any underscore or spaces because the machine won't understand them. The specific details about what machine-readable is are given underneath the entry field, but we will just keep it simple and call it new Navigation. For the title we will just call it Your menu and will leave the description blank for now. This part at the bottom about the ID for excluding and including this element is actually an advance topic, which we won't be covering in this course. We click on save, good. Now, let us take a look at all of the menus by again going to Administer and Menus. There it is there is our menu. We click on it and now we can start adding items to it.

You remember we wanted to have two things there, the blog and the aggregator. I will add an item and here we enter the path. This is going to be the URL where we go when we click on it. You do not have to put that leading slash so we just put log for the blog and then in the menu link title I am just going go say logs. For description we will enter what we are thinking now. We will have it enabled and we won't have it expanded because I do not want to show that my blog. It is just going to be a simple menu. The parent item tell us where this menu items going to go, since we created it coming from the Your menu choice it decides of course we are going to put it in Your menu, but we could decide at the last minute, oh no, we want to put it in the Navigation menu underneath Site Configuration in which case we will change the pop up menu to there. But we are not going to do that.

Weight controls are how high or low the items appears on the menu and we are just going to click Save because we only have one item here. Good! We have created out first item now we will create our second one, that feed aggregator, we do the same process again add an item. Remember the path we were going to is aggregator and the Menu link title, I do not like Feed Aggregator no one knows what that means, so I am just going to say News, and for description I will say all that fit to feed. Again we will leave that enabled but not expanded same here same here. Leave it as it is and click on Save. And our menu has been created. But where is it, we do not see it anywhere up here. That is because when you create a menu it is created as a block and you have to enable it some where on your page.

Let us do that now we do so by going to Administer and then over to Blocks. You see the Navigation menu is right here, if we scroll down we see that menu that we just created called Your menu is down in a disabled area. We are going to move that up to the left sidebar and Save it. Now, we have both the Admin menu here and Your menu down here at the bottom we do not really need both. So I am going to get rid of the Navigation menu at this point. Go to None and that gets rid of that and then I am going to move Your menu up to the top.

Once again we go to the bottom of the page, Save Blocks, there we now have a very simple menu up here instead of the Navigation menu. I am actually going to change it back. To do so we just reverse the process. Take Your menu, make it None, scroll down to the Navigation menu, make it left sidebar. Save your blocks and then move it around to wherever you wanted, it. It was originally underneath user log in which only shows up by the way when you are not logged in. Scroll to the bottom, Save Blocks and we are back where we began. A lot of what makes the site attractive is having a clear Navigation path and being able to create customize menus makes that goal possible. In designing menus I recommend that you be as spare as possible but be prepared to invest time in figuring out which menus are really important. The best way to do that is with user testing, watch where people actually go the most and make menus so they can go there easily.

Less is more, and to repeat one of my favorite quotes, making it easy is hard.

Show transcript

This video is part of

Image for Drupal 6 Essential Training
Drupal 6 Essential Training

66 video lessons · 31287 viewers

Tom Geller
Author

 
Expand all | Collapse all
  1. 4m 38s
    1. Welcome
      50s
    2. Using the example files
      3m 48s
  2. 28m 55s
    1. Drupal is a CMS
      7m 43s
    2. Choosing Drupal
      5m 32s
    3. Checking Drupal's requirements
      4m 26s
    4. Understanding the inner workings of Drupal
      4m 35s
    5. Meeting the Drupal community
      6m 39s
  3. 11m 28s
    1. Learning key terms in Drupal
      5m 20s
    2. Touring Drupal's interface
      6m 8s
  4. 34m 35s
    1. Installing WAMP and Drupal on Windows
      9m 41s
    2. Installing MAMP
      4m 34s
    3. Setting up the database on a Mac
      2m 2s
    4. Downloading and installing Drupal on a Mac
      6m 37s
    5. Troubleshooting installation problems
      3m 49s
    6. Automating updates with cron
      7m 52s
  5. 25m 37s
    1. Setting up clean URLs
      5m 52s
    2. Backing up your Drupal site
      3m 31s
    3. Restoring your Drupal site from backup
      4m 19s
    4. Wiping your Drupal installation clean
      2m 7s
    5. Updating Drupal
      9m 48s
  6. 15m 37s
    1. Using the Administration menu
      6m 21s
    2. Setting site information
      4m 50s
    3. Setting the theme
      4m 26s
  7. 35m 8s
    1. Understanding security and permissions
      7m 2s
    2. Controlling site access with user management
      3m 39s
    3. Creating users
      7m 58s
    4. Setting user profiles
      9m 40s
    5. Creating contact forms
      6m 49s
  8. 19m 19s
    1. Creating your site's basic info pages
      7m 13s
    2. Understanding page layout
      5m 40s
    3. Creating a flexible layout with blocks
      6m 26s
  9. 15m 35s
    1. Monitoring performance
      4m 52s
    2. Recovering from disasters
      7m 37s
    3. Improving administration skills
      3m 6s
  10. 41m 3s
    1. Understanding nodes
      6m 50s
    2. Creating basic content: Stories and pages
      7m 9s
    3. Enabling other content types
      9m 22s
    4. Adding blogs
      3m 49s
    5. Adding forums
      6m 56s
    6. Adding polls
      6m 57s
  11. 34m 50s
    1. Exploring content categories
      7m 45s
    2. Exchanging content via RSS
      9m 47s
    3. Using input filters
      7m 41s
    4. Managing comments
      9m 37s
  12. 38m 5s
    1. Configuring your theme
      11m 27s
    2. Changing your theme's graphics
      4m 59s
    3. Finding and installing a new theme
      8m 56s
    4. Understanding Cascading Style Sheets (CSS)
      5m 56s
    5. Deciphering CSS files
      6m 47s
  13. 22m 41s
    1. Finding modules
      6m 53s
    2. Unpacking and installing modules
      6m 30s
    3. Configuring modules
      3m 50s
    4. Implementing complex modules
      5m 28s
  14. 32m 12s
    1. Ensuring automated updates with poormanscron
      3m 11s
    2. Defining custom content types with CCK
      12m 54s
    3. Stopping spam using a CAPTCHA
      10m 43s
    4. Using a WYSIWYG text editor
      5m 24s
  15. 22m 18s
    1. Getting around with multilevel menus
      7m 26s
    2. Building custom menus
      5m 42s
    3. Creating easy-to-navigate books
      9m 10s
  16. 20m 19s
    1. Changing page templates with PHP
      8m 15s
    2. Using PHP in content
      5m 20s
    3. Implementing PHP snippets
      6m 44s
  17. 10m 15s
    1. Launching your site
      5m 52s
    2. Joining the Drupal community
      4m 23s
  18. 14s
    1. Goodbye
      14s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Drupal 6 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.