Navigation mit Bild
Normalerweise verwenden Sie für die Hauptseiten und Navigationslinks in Ihrem Web-Auftritt Text. Vielleicht möchten Sie aber zum Beispiel für die Startseite lieber Ihr Logo oder ein anderes passendes Bild verwenden. Dank den Feldern können Sie das in weblica recht einfach umsetzen.
Importieren Sie als erstes das gewünschte Bild in Ihr Projekt. Idealerweise hat das Bild schon die gewünschte Grösse.
Legen Sie dann ein neues Feld an, z.B. unter dem Namen "MenuBild". Verwenden Sie den folgenden Code-Schnippsel als Feld-Inhalt:
<img src="$(res.10.Weblica_Weltkugel_neu_png.path)" alt="Menüpunkt" height="24px" width="24px" border="0"/>
Beim rot markierten Text handelt es sich um ein sog. Ressourcen-Feld, welches auf das gewünschte Bild verweist. Ersetzten Sie dieses Feld durch den Ressourcen-Pfad Ihres gewünschten Bildes. (Mit CTRL-LEERTASTE rufen Sie eine Liste der Ressourcen-Felder auf).
Den Alt-Text können Sie frei wählen. Höhe und Breite sind optional. Mit der border-Angabe entfernen Sie einen evtl. vorhandenen Rahmen.
Legen Sie nun einen neuen Navigations-Link an. Setzen Sie als Navigationstitel den Feldnamen $(MenuBild). Wählen Sie als Zielseite die Seite, für die in der Navigation ein Bild erscheinen soll.
Achtung
Stellen Sie sicher, dass der Link sich in der Navigation auf der gleichen Ebene liegt wie die Hauptseite, für die er gilt.
Öffnen Sie nun die Seiten-Eigenschaften der Seite, die in der Navigation ein Bild erhalten soll. Deaktivieren Sie dort die Eigenschaft "In Navigation anzeigen".
Das war's!
Warum der Umweg über den Navigationslink
Damit die Anzeige des Breadcrumbs (Sie sind hier) nach wie vor korrekt funktioniert und dort nicht das Bild des Navigationspunkts angezeigt wird, verwenden wir einen Navigationslink für die Anzeige des Bilds in der Navigation. Für die Anzeige im Breadcrumb wird dann korrekt der Seitentitel der angesteuerten Hauptseite verwendet.