Nav-Links gestalten


Der einfachste Weg, die im Navigationsmenü gefundenen Textlinks zu gestalten, ist mit den Typografieoptionen im Projekt Einstellungen.

Irgendwann möchten Sie möglicherweise die in der Navigationsleiste verschachtelten Textlinks mithilfe benutzerdefinierter Klassen formatieren. Durch einfaches Anwenden einer benutzerdefinierten Klasse auf die Navigationsliste können Sie die Links in dieser Liste nicht formatieren. Um die Navigationslinks zu formatieren, müssen wir zuerst der übergeordneten Navigationsliste eine benutzerdefinierte Klasse zuweisen und diese benutzerdefinierte Klasse dann verwenden, um auf die Links in der Liste zu verweisen.

1. Wählen Sie die Navigationsliste aus und wenden Sie eine benutzerdefinierte Klasse darauf an, z my-nav-liste. Weitere Informationen zum Hinzufügen benutzerdefinierter Klassen finden Sie hier werden auf dieser Seite erläutert.

2. Verwenden Sie nun die Tastenkombination ⌘ + 6 um den Klassenmanager zu öffnen.

3. Wir müssen jetzt eine neue Klasse erstellen, die auf unsere Navigationslistenklasse verweist my-nav-liste und dann zielen seine untergeordneten Links oder a Stichworte. Erstellen Sie mit dem Klassenmanager eine zweite Klasse mit dem Namen my-nav-liste aSie werden gefragt, ob Sie die Leerzeichen im Klassennamen durch Bindestriche ersetzen möchten. Wählen Sie diese Option aus. Nein, die Leerzeichen sollen unberührt bleiben.. Informationen zum Hinzufügen benutzerdefinierter Klassen finden Sie im Klassenmanager werden auf dieser Seite erläutert.

4. Um die Werte der neuen Klasse in der Klassenliste des Klassenmanagers zu bearbeiten, Links Klick auf dem Einstellungssymbol rechts neben dem neuen Klassenelement. Dadurch wird der Klasseneditor geöffnet, mit dem Sie die Navigationslinks direkt formatieren können.

Aktualisiert am 1. Dezember 2025
War dieser Artikel hilfreich?

Ähnliche Artikel