Möglicherweise möchten Sie benutzerdefinierte Bilder für die Standardsymbole auf Ihrer Website hinzufügen: beispielsweise das Search-Symbol, die Titelleistensymbole oder Symbole, die auf Ihren Karten angezeigt werden. Um dies zu tun, müssen Sie die Bilder zu Ihrer Website hinzufügen, damit auf sie verwiesen werden kann.
So fügen Sie der Search Bilddateien hinzu:
- Klicken Sie in der Navigationsleiste auf Pages und dann auf die gewünschte Website.
- Klicken Sie auf die Schaltfläche Code-Editor anzeigen.
- Bewegen Sie den Mauszeiger über den Master Teilbereich und klicken Sie auf das angezeigte Stiftsymbol (
).
- Klicken Sie auf den Ordner
static
. - Klicken Sie auf den Ordner
assets
. - Bewegen Sie den Mauszeiger über die
images
-Datei und klicken Sie auf das …-Symbol. - Klicken Sie im Drop-down-Menü auf Datei hinzufügen .
- Laden Sie eine Bilddatei in Ihren
/static/assets/images
-Ordner hoch. Beachten Sie, dass Sie die Bilder in diesem bestimmten Ordnerpfad ablegen müssen, da sie sonst nicht für die Nutzung auf Ihrer Website zugänglich sind.- Wählen Sie Neue Datei hinzufügen und benennen Sie sie. Dies wird ein leeres Bild für Sie erstellen, in das Sie Code einfügen können.
- Wählen Sie Vorhandene Datei hochladen. Klicken Sie dann auf Datei auswählen, um ein Bild von Ihrem Gerät zu uploaden.
- Klicken Sie auf Datei hinzufügen.
- Ihre Bilddatei wird unter der Datei „images“ mit dem Pfad
/static/assets/images/filename.extension
angezeigt, sodass Sie das Bild mit dieser Struktur referenzieren müssen. Sie können dies überall dort verwenden, wo die Bibliothek eine Bild-URL erwartet. Unten sehen Sie ein Beispiel für den Verweis auf ein benutzerdefiniertes Symbol, das die Lupe in der Search Bar ersetzt:
"SearchBar": {
"placeholderText": "Search", // Der Platzhaltertext in der Suchleiste
"customIconUrl": "static/assets/images/magnifying_glass.svg"
}
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.