Quando fai clic su uno sticker, questo verrĂ aggiunto alla finestra di composizione.
Il codice markdown dell’immagine va dentro [wrap=sticker] img [/wrap] il che significa che le immagini degli sticker sono targettizzabili separatamente dalle altre immagini.
Gli sticker vanno sempre a capo e contengono titolo e dimensione. La dimensione è ora fissa 180x180px. Ogni sticker ha un’ombra che rende l’immagine più “stickerosa”…
Nella finestra di composizione e nei post, le informazioni hover - meta sono nascoste con CSS.
Come configurare?
Prima devi caricare le immagini che vuoi usare per gli sticker. Carica semplicemente queste immagini in un post di un topic.
Lavoreremo con queste immagini, ci serve l’URL dell’immagine e l’URL markdown.
Esempio:
Ho caricato l’immagine in un post. Uso la versione ottimizzata dell’URL dell’immagine. Che si trova qui ma puoi usare qualsiasi URL dell’immagine.
Il filtro dell’ombra è disabilitato quando una gif è ferma e non appare come uno sfondo quadrato sull’immagine centrale qui (un jpg rettangolare che attiva un lightbox):
L’effetto filtro è davvero bello, ma lo metterei come impostazione opzionale
Il selettore di sticker utilizza contenuti giustificati come:
XXX
X
Ma penso che preferirei l’allineamento a destra:
Se gli amministratori potessero creare gruppi di sticker e gli utenti potessero personalizzare la selezione degli sticker in base a ciascun gruppo dei loro argomenti preferiti.
Inoltre, consiglia in base all’icona installata quando un utente utilizza un’icona in un articolo, ma penso che questa sia una funzionalità difficile.
Oh, scusa, mi sono sbagliato. Penso che dovresti rimuovere anche [wrap=sticker] e [/wrap]. Visualizzerà l’immagine inline, quindi probabilmente non mancherà .
Il [wrap=sticker] serve solo per aggiungere uno stile all’immagine dello sticker.
ma puoi usare qualsiasi URL dell’immagine.
Non sono sicuro che sia possibile ora con questa implementazione.