Widget „Symbol"

Widget-Kategorien: Basis

Wähle aus einer Bibliothek mit über 1000 fertigen Symbolen, oder lade deine eigene SVG-Datei hoch. Du kannst Farbe, Hover, Hintergrund, Rahmen und mehr des Symbols ändern. Mit Symbolen hebst du deinen Text hervor und bringst das Layout deiner Website ins Gleichgewicht.

Informationen zum Hinzufügen von Widgets findest du unter „Add Widgets".

Hinweis:

• SVG-Dateien lassen sich ohne Auflösungsverlust in der Größe ändern.
• SVGs sind Bilddateien, die HTML-Code enthalten. Fügst du deiner Website ein SVG-Symbol hinzu, fügst du also auch Codezeilen hinzu. Mehrere komplexe SVGs können Tausende Codezeilen ergänzen, wodurch deine Website länger zum Laden braucht. Musst du mehrere SVG-Symbole auf derselben Seite verwenden, empfehlen wir, einige davon in normale Bilder (.png, .jpeg usw.) umzuwandeln, um Lade- oder Funktionsprobleme zu vermeiden.

Inhalte bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten der Inhalte.

1. Klicke auf Symbol auswählen, um ein fertiges Symbol auszuwählen, oder klicke auf SVG-Datei hochladen.
2. Um das Symbol zu verlinken, klicke auf Link-Symbol und wähle die Seite, auf die das Symbol verlinken soll.
3. Gib einen Alt-Text für das Symbol ein. Über den Alt-Text erkennen Suchmaschinen den Bildinhalt. Verwende einen Text, der das Bild klar beschreibt.
4. Gib einen Tooltip für das Symbol ein. Der Tooltip-Text erscheint, wenn ein Besucher mit der Maus über das Bild fährt.

Design bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.

Im Design-Editor änderst du das Layout deines Symbols, passt Größe und Farbe des Symbols an und änderst die Abstände des Widgets.

Um das Symbol zu einem schwebenden Widget zu machen, aktiviere den Schalter Schwebend und wähle eine Position für das Widget. Damit der schwebende Button nur auf der aktuellen Seite erscheint, aktiviere den Schalter Nur auf dieser Seite anzeigen.

Hinweis: Schwebende Symbole lassen sich so einstellen, dass sie auf bestimmten Seiten erscheinen, standardmäßig erscheinen sie jedoch auf allen Seiten (derzeit gibt es keine Möglichkeit, sie nur für einzelne Seiten auszuschalten).

Informationen zu Design-Optionen, die nicht speziell zu diesem Widget gehören (zum Beispiel Layout, Stil oder Abstände), findest du unter „Widget Design".

Häufige Fragen und Fehlerbehebung

Warum ändert sich die Farbe des Symbols nicht, wenn ich eine andere Farbe auswähle?

Das liegt meist daran, wie die Datei ursprünglich erstellt wurde. Die Farbe des Symbols muss echtes Schwarz sein (zum Beispiel Hex-Code #000000).

Außerdem muss die SVG mit Inline-Stil exportiert werden.

Da SVG-Dateien aus komplexem Code bestehen können, empfehlen wir, für Anpassungen jemanden mit SVG-Erfahrung hinzuzuziehen.