UserGuide: Creating navigation menus

This revision is from 2009/02/24 22:10. You can Restore it.

Navigation menus are quite advanced topic in LionWiki because you'll need to know Subpage mechanism and probably little bit of HTML too.

There are two ways to create menu. Common for both of them is that you need to create a page and write your desired menu in it.

In short:

I want one menu in every single page(Edit)

Probably the best way to do this is to include your menu into HTML template (e.g. template_dandelion.html).

Again, we have two ways:

  1. create page (called e.g. "myMenu") and write menu in it and then put {include:myMenu} into the template on the right position.
  2. just write actual menu right into the template file

Page must be in HTML, not in LionWiki syntax. Because it is necessity, you can but don't have to enclose it in {html} tag.

The first way has obvious advantage in that you don't have to connect to your FTP if you want to edit menu, you can do it easily within your browser. On the other hand, second way is more simple and straightforward.

I want different menus in different pages(Edit)

This is a little bit more complicated but added complexity gives you more freedom :)

So, first thing you need to do is to create page(s), write menu(s) in it and save it. In this case, you can use both HTML and LionWiki syntax. However, you'll probably want to write menu in HTML as menu should have distinctive appearance, should be floating on the right or whatever ...

Let's see example of such "menu page":

{html}
<div class="tagCloud" style="width:auto;padding-bottom:0px;">
<b style="font-variant:small-caps;">Navigation</b><br />
<ul style="padding-left:20px;">
  <li><a title="Basic information, news" href="?page=&action=">Home</a></li>
  <li><a title="Installation" href="?page=UserGuide:+Installation">Installation</a></li>
  <li><a title="Graphic templates" href="?page=Appearance">Appearance</a></li>
  <li><a title="User guide to LionWiki" href="?page=UserGuide">UserGuide</a></li>
  <li><a title="Syntax reference" href="?page=Syntax+reference">Syntax</a></li>
  <li><a title="Discussion board" href="/forum/">Forum</a></li>
</ul>
</div>
{/html} 

Notice that menu is enclosed with {html} tag.

Or, as I said earlier, it can be in LionWiki syntax:

* [Home]
* [Appearance]
** [Templates]
* [Help]

But this doesn't look very cool.

Including subpage in pages(Edit)

Last thing you need to do is to include the page in every page you want it to be in, syntax is like this:

{include:myMenu} 

And that's it.