Kompatibilität:
WebSite X5 Evo und Pro
Links in einem Text müssen leicht erkennbar sein: Wenn sie sich nicht vom restlichen Inhalt abheben, bemerken Besucher möglicherweise nicht, dass sie anklickbar sind.
In WebSite X5 können Sie Farbe, Stil und Verhalten der Textlinks für das gesamte Projekt festlegen und bei Bedarf nur für bestimmte Inhalte einen abweichenden Stil erstellen.
So machen Sie Textlinks gut erkennbar
Damit sich ein Link klar vom restlichen Text unterscheidet, sollten Sie vor allem die folgenden Aspekte berücksichtigen:
- Farbe - Wählen Sie eine Farbe, mit der der Link leicht zu erkennen ist, verlassen Sie sich jedoch nicht ausschließlich auf die Farbe: Farbenblinde Personen könnten zum Beispiel keinen Unterschied wahrnehmen.
- Stil - Sie können zum Beispiel Unterstreichung, Fettdruck oder andere grafische Merkmale verwenden. Die Unterstreichung ist eine weit verbreitete Konvention und hilft dabei, einen Link sofort zu erkennen.
- Kontrast - Gerade weil der Link leicht erkennbar sein muss, sollten Sie darauf achten, dass er gegenüber dem Hintergrund und dem umgebenden Text gut lesbar bleibt.
- Verhalten - Sie können das Erscheinungsbild des Links verändern, wenn sich der Mauszeiger darüber befindet oder nachdem der Link bereits besucht wurde.
Sie können gerne mit originellen Lösungen experimentieren, sollten aber immer daran denken, dass die Links leicht erkennbar und mit dem Design der Website konsistent bleiben müssen.
#tip - Barrierefreiheit. Die Verwaltung des Farbkontrasts und des erwarteten Verhaltens ist besonders wichtig, wenn es um die Barrierefreiheit von Webseiten geht. Weitere Informationen finden Sie in der Anleitung So überprüfen Sie den Farbkontrast, um die Barrierefreiheit im Web zu gewährleisten.
So legen Sie den Linkstil für die gesamte Website fest
Textlinks haben bereits einen Stil, der durch die für das Projekt gewählte Vorlage festgelegt wird. Sie können den vorgeschlagenen Stil beibehalten oder ändern.
So passen Sie den allgemeinen Stil an:
- Gehen Sie zu Schritt 2 - Vorlage.
- Öffnen Sie Stil für Texte, Felder und Schaltflächen.
- Wählen Sie im Menü der Seitenelemente Link.
- Konfigurieren Sie nacheinander die 3 verfügbaren Zustände:
- Aktiv;
- Bei Mouseover;
- Bereits besucht.
- Legen Sie für jeden Zustand die verfügbaren Eigenschaften wie Farbe, Stil und Mauszeiger fest.
Die Änderungen werden automatisch auf die Textlinks des Projekts angewendet, ohne dass Sie die einzelnen Links bearbeiten müssen.
So passen Sie nur bestimmte Links an
In einigen Fällen kann es sinnvoll sein, nur in einem bestimmten Bereich der Website einen anderen Stil zu verwenden.
Stellen Sie sich zum Beispiel eine Website vor, bei der der Hauptbereich der Seiten einen hellen Hintergrund hat, während der Footer einen dunklen Hintergrund verwendet. Für die Links im Footer müssen Sie andere Farben wählen als die für die gesamte Website festgelegten. In diesem Fall können Sie einen eigenen Stil für die Links festlegen, die in diesem einzelnen Objekt enthalten sind.
- Öffnen Sie das Textobjekt, das Sie bearbeiten möchten.
- Klicken Sie in der Symbolleiste auf die Schaltfläche
Linkstil. - Aktivieren Sie im geöffneten Fenster Benutzerdefinierter Stil.
- Legen Sie die Text- und Hintergrundfarben für die verschiedenen Linkzustände fest.
- Bestätigen Sie.
Der benutzerdefinierte Stil betrifft nur die Links in dem Inhalt, an dem Sie gerade arbeiten, und ändert nicht den allgemeinen Stil, der für das Projekt festgelegt wurde.
Der Befehl Linkstil ist im Editor des Textobjekts, des Tabellenobjekts und im Fenster zur Erstellung des Inhalts von Blogartikeln verfügbar.
#tip - Wenn Sie den Link noch erstellen müssen, siehe Links. Wie erstellt man einen Link?