Widget-Kategorien: Einfach
Wählen Sie aus einer Bibliothek mit mehr als 1000 vorgefertigten Symbolen oder laden Sie Ihre eigene SVG-Datei hoch. Sie können die Symbolfarbe, den Mauszeiger, den Hintergrund, den Rand und mehr ändern. Verwenden Sie Symbole, um Ihren Text hervorzuheben und das Layout Ihrer Website auszugleichen
Anmerkung
-
SVG-Dateien können in der Größe geändert werden, ohne die Auflösung zu verlieren.
-
SVGs sind Bilddateien, die HTML-Code enthalten. Wenn Sie also Ihrer Website ein SVG-Symbol 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 langsam geladen wird. Wenn du mehrere SVG-Symbole auf derselben Seite verwenden musst, empfehlen wir, einige davon in normale Bilder (.png, .jpeg usw.) umzuwandeln, um Lade- oder Funktionsprobleme zu vermeiden
-
Richtlinien zu Medien finden Sie unter Richtlinien und Spezifikationen für Medien.
dem Media Panel können Sie der Leinwand gleichzeitig ein Symbol und ein Icon-Widget hinzufügen. Oder Sie können vorhandene Symbole ersetzen. Weitere Informationen zum Media Panel finden Sie unterMedien-Panel.
So fügst du ein Icon-Widget aus dem Media Panel hinzu:
-
(Fakultativ) Verwenden Sie die Filter, um das gewünschte Symbol zu finden. Oder klicken Sie aufMedien hochladenum ein neues Symbol hinzuzufügen.
-
Klicken Sie auf das gewünschte Symbol und ziehen Sie es auf die Leinwand.
-
Klicken Sie Wählen Sie ein Symbol um ein vorgefertigtes Symbol auszuwählen, oder klicken Sie auf Laden Sie eine SVG-Datei hoch.
-
Um das Symbol zu verknüpfen, klicken Sie auf Link-Symbol, und wählen Sie die Seite aus, mit der Sie das Symbol verknüpfen möchten.
-
Geben Sie Alt-Text für das Symbol ein. Alt-Text ermöglicht es Suchmaschinen, Bildinhalte zu erkennen. Verwenden Sie Text, der das Bild klar beschreibt. Oder klicken Sie auf Funkeln Symbol (
), um den AI-Assistenten zur Generierung von Alternativtext zu verwenden.
Anmerkung
-
Der vom AI-Assistenten generierte Alternativtext ist in derselben Sprache wie die aktuelle Sprache der Seite.
-
Das Sparkle-Symbol für KI wird deaktiviert, wenn kein Symbol ausgewählt ist.
-
-
Geben Sie a ein Tooltip für das Symbol. Der Tooltip-Text wird angezeigt, wenn ein Benutzer den Mauszeiger über das Bild bewegt
In der Design-Editor, Sie können Änderungen am Layout Ihres Symbols vornehmen, die Größe und Farbe des Symbols anpassen und Änderungen am Abstand des Widgets vornehmen.
Um das Symbol zu einem schwebenden Widget zu machen, aktivieren Sie das Schwebendes schalten Sie um und wählen Sie eine Position für das Widget aus. Um die schwebende Schaltfläche nur auf der aktuellen Seite anzuzeigen, aktivieren Sie Nur auf dieser Seite anzeigen umschalten.
Anmerkung
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 auszuschalten).
Dieses Problem hängt normalerweise damit zusammen, wie die Datei ursprünglich erstellt wurde. Die Farbe des Symbols muss echtes Schwarz sein (z. B. Hex-Code #000000).
Zusätzlich muss das SVG im Inline-Stil exportiert werden.
Da SVG-Dateien aus kompliziertem Code bestehen können, wird empfohlen, für Anpassungen jemanden zu konsultieren, der Erfahrung mit SVGs hat.