Wenn Sie auf einen Sticker klicken, wird er dem Composer hinzugefügt.
Der Markdown-Code des Bildes wird in [wrap=sticker] img [/wrap] eingefügt, was bedeutet, dass die Sticker-Bilder separat von den anderen Bildern ansprechbar sind.
Die Sticker gehen immer in eine neue Zeile und enthalten Titel und Größe. Die Größe ist jetzt fest auf 180x180 Pixel eingestellt. Jeder Sticker hat einen Schatten, der das Bild „stickiger“ macht…
Im Composer und in den Beiträgen werden die Hover-Meta-Informationen mit CSS ausgeblendet.
Wie richte ich es ein?
Zuerst müssen Sie die Bilder hochladen, die Sie für Sticker verwenden möchten. Laden Sie diese Bilder einfach in einen Beitrag hoch.
Wir werden mit diesen Bildern arbeiten, wir brauchen die Bild-URL und die Markdown-URL.
Beispiel:
Ich habe das Bild in einem Beitrag hochgeladen. Ich verwende die optimierte Version der Bild-URL. Die Sie hier finden aber Sie können jede beliebige URL des Bildes verwenden.
Die Verwaltung der Sticker ist etwas mühsam – besonders der Vorschau-Teil –, da es dafür kein spezielles, dediziertes Layout oder keine Funktion gibt (wie es bei Avataren und benutzerdefinierten Emojis der Fall ist), aber ich verstehe, dass das viel mehr Arbeit wäre.
Der Schlagschattenfilter ist deaktiviert, wenn ein GIF gestoppt wird, und erscheint nicht als quadratischer Hintergrund auf dem mittleren Bild hier (ein rechteckiges JPG, das ein Lightbox auslöst):
Der Filtereffekt ist wirklich raffiniert, aber ich würde ihn als optionale Einstellung einstufen
Der Sticker-Picker verwendet eine „justified content“-Ausrichtung, wie zum Beispiel:
XXX
X
Aber ich denke, ich würde eine rechtsbündige Ausrichtung bevorzugen:
Wenn Administratoren Sticker-Gruppen erstellen können und Benutzer die Sticker-Auswahl entsprechend jeder Gruppe ihrer Lieblingsthemen anpassen können.
Und weiter, basierend auf dem installierten Symbol empfehlen, wenn ein Benutzer ein Symbol in einem Artikel verwendet, aber ich denke, dies ist eine schwierige Funktion.
Ja, Sie müssen das \n vom Anfang und Ende dieser Zeile entfernen.
Hallo @mattdm Entschuldigung für die Verzögerung. Ja, ich denke, es ist wahrscheinlich möglich, die Schaltfläche pro Kategorie im Composer anzuzeigen. Das muss ich prüfen.
Die Komponente ist bereits etwas komplex einzurichten. Ich bin mir da nicht sicher.
Hallo Ja, das ist eine andere Ebene. Ich bin mir nicht sicher, ob das jetzt mit dieser Implementierung möglich ist.
Oh, mein Fehler, Entschuldigung. Ich glaube, du solltest [wrap=sticker] und [/wrap] auch entfernen. Es wird das Bild inline anzeigen, also wird es wahrscheinlich nicht fehlen.
Das [wrap=sticker] dient nur dazu, dem Sticker-Bild etwas Stil zu verleihen.
aber Sie können jede beliebige URL des Bildes verwenden.
Ich bin mir nicht sicher, ob das jetzt mit dieser Implementierung möglich ist.