Menu Struktur (nav:)


Wikidot hat 2 Menü-Möglichkeiten zum Navigieren durch eine Wiki-Site vorgesehen.

Das Menü ganz oben wird "Top Bar" genannt , oder "Top Menü".
Das Menü auf der Seite wird "Side Bar" oder "Side menü" - Seitenmenü.

Top Menu Bar - nav:top

Was ist das?

  • Die Top Sektion ist die horizontale Leiste ganz oben auf Ihrer Wiki Seite.
  • Es wird auch manchmal nav:top genannt weil der zugrunde liegende (Source-) Text-Code für den "nav:top" (normalerweise) auf der Seite gespeichert http://yourwiki.wikidot.com/nav:top wird -merke die verwendetet Kategorie "nav" !
  • Das Top Bar Menü beszeht normalerweise aus Links in einer Liste, obwohl diese Liste auch reine Text-Einträgen im Format [# your text] beimhalten kann

Editiieren des Top Bar Menü

Das Top Bar Mneü kann verändet werden indem man auf seine Wiki-Seite wechselt http://yourwiki.wikidot/nav:top und auf den "Edit" Button am Ende der Seite klickt, genauso wie Sie andere Seiten editieren.

Standardmäßig kann diese Liste der Menüeinträge nicht tiefer als eine Stufe gehen, das heißt Sie haben die oberste (sichtbare) horizontale Leiste der Hauptmenü-Punkte und -wenn gewünscht - darunter die Unter-Menü die in einer Liste aufklappen. Es schaut in etwas so aus:
Example

Wie die Top Bar eingestellt wird

  • Gehe zu yoursite.wikidot.com/nav:top
  • Klick auf den "Edit"-Button am ende der Seite
  • Wenn das Editier-fenster erscheint wird der Text-Code in etwa so aussehen:
* [# example menu] 
 * [[[example item 1]]]
 * [[[example item 2]]]
* [[[contact]]]
Merke - die "example item 1 & 2" sind auf Stufe 1 - daher werden Sie im Aufklapp-Menü erscheinen.
  • now lets edit the top bar. lets say we want to add a link to the home page, the forum, the site manager, and a contact link.
  • first we probably want the home page and forum start links to be im one submenu under site naviagtion
  • so first we change [#example menu] top navigation. make sure you leave the # because if you dont, instead of just saying site navigation, it will be linking to a page called site navigation.
  • next, change the [example item 1] to [[[start|home page]]] and [example item 2] to [[[forum:start|Forum]]].
  • now since we want a contact link, we will leave [[[contact]]]
  • lastly, we want to add a link to the site manager. so what we do is add a bulleted after the contact link. after that, just add you link [[[admin:manage|site manager]]] so the code looks like this * [[[admin:site|site manager]]]
  • now were all done! so lets look at our finally code, and what this should end up looking like.

the code:

* [# site navigation] 
 * [[[start|home page]]]
 * [[[forum:start|forum]]]
* [[[contact]]]
* [[[admin:manage|Admin]]]

this should end up looking like this

example_2

Remove the Top bar menu

the top bar can simple be removed by goin to the site manager->appearance->navigation elements and removing nav:top were it ask for the page you top bar is located

Side Menu - nav:side

The side menu is located at the side of your wiki page. usually at the left. It is sometimes called nav:side because the source page for nav:side is located at http://yourwiki.wikidot.com/nav:side.

CSS - Custom Side Bar

The side bar in general is selected using the #side-bar id selector. Some common examples :

Width

#side-bar { width:150px; }

Removing the Side Menu

Can only be done by the site admin on the "Site manager" (page "admin:manage") under menu "appearance" :

A) Menu "Themes":
You have to select for specified categories of pages ( what is a category? See "category" )
a (predefined) "theme" without a "side-bar" (most standard themes have a variation without a side bar).
=> click on one of the themes to select them and have a look on the araising variations…

B) Menu "Navigation elements"

You have to chose a category and than you can decide the name of the nav:… page to use - or blank it out!

if you have lost by mistake all menus - than you can always key in the "admin:manage" page name in the adress-bar of your explorer after the "…wikidot.com/admin:manage"…

Foldable List Container

Links in the side menu can be made foldable by using a special div class :

[[div class="foldable-list-container"]]
* Top Link (handle)
 * Foldable Link
 * Foldable Link
 * Foldable Link
[[/div]]

Editing menus

( Video)

Created by: samooresamoore

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License