widget Kategorien: Basic
Wählen Sie aus einer Bibliothek mit mehr als 1.000 vorgefertigten Symbolen aus oder laden Sie eigene SVG-Dateien hoch. Sie können für die Symbole die Farbe, das Hover-Verhalten, den Hintergrund, den Rahmen und vieles mehr bearbeiten. Heben Sie mit Symbolen Text hervor und gestalten Sie das Layout der Website ausgeglichener.
Hinweis
-
Die Größe von SVG-Dateien kann ohne Auflösungsverlust geändert werden.
-
SVGs sind Bilddateien, die HTML-Code enthalten. Das heißt, wenn Sie ein SVG-Symbol zu Ihrer Website hinzufügen, fügen Sie auch Codezeilen hinzu. Mehrere komplexe SVGs können Tausende von Codezeilen hinzufügen und dazu führen, dass Ihre Website nur langsam lädt. Wenn Sie mehrere SVG-Symbole auf derselben Seite verwenden müssen, empfehlen wir, einige von ihnen in normale Bilder (.png, .jpeg usw.) umzuwandeln, um Probleme beim Laden oder mit der Funktionalität zu vermeiden.
-
Richtlinien zu Medien finden Sie unter Medien: Richtlinien und Spezifikationen.
-
Klicken Sie auf Symbol auswählen , um ein vorgefertigtes Symbol auszuwählen, oder klicken Sie auf SVG-Datei hochladen.
-
Um das Symbol zu verknüpfen, klicken Sie auf Symbol verknüpfen und wählen Sie die Seite aus, mit der Sie das Symbol verknüpfen möchten.
-
Geben Sie Alternativtext als Symbol ein. Alternativtext ermöglicht es der Suchmaschine, Bildinhalte zu erkennen. Verwenden Sie Text, der das Bild klar beschreibt. Oder klicken Sie auf das Sparkle-Symbol (), um den KI-Assistenten zum Generieren von Alternativtext zu verwenden.
Hinweis
-
Der vom KI-Assistenten generierte Alternativtext ist in derselben Sprache wie die aktuelle Sprache der Seite.
-
Das Sparkle-Symbol für AI wird deaktiviert, wenn kein Symbol ausgewählt ist.
-
-
Geben Sie eine QuickInfo für das Symbol ein. Der QuickInfo-Text wird angezeigt, wenn ein Benutzer hover über das Bild .
Im Designeditor können Sie Änderungen am Layout Ihres Icons vornehmen, die Größe und Farbe des Icons anpassen sowie Änderungen an den Abständen des widgetvornehmen.
Um das Symbol zu einem schwebenden widgetzu machen, aktivieren Sie den Schalter Schwebend und wählen Sie eine Position für das widgetaus. Um die schwebende Schaltfläche nur auf der aktuellen Seite anzuzeigen, aktivieren Sie den Schalter Nur auf dieser Seite anzeigen .
Hinweis
Schwebende Symbole können so eingestellt werden, dass sie auf bestimmten Seiten angezeigt werden, aber sie werden standardmäßig auf allen Seiten angezeigt (es gibt derzeit keine Möglichkeit, sie nur für bestimmte Seiten zu deaktivieren).
Dieses Problem hängt in der Regel mit der Art und Weise zusammen, wie die Datei ursprünglich erstellt wurde. Die Farbe des Symbols muss echtschwarz sein (z. B. Hexadezimalcode #000000).
Zusätzlich muss das SVG mit Inline-Stil exportiert werden.
Da SVG-Dateien aus kompliziertem Code bestehen können, empfiehlt es sich, sich für Anpassungen an jemanden zu wenden, der Erfahrung mit SVGs hat.