Cuando haces clic en un sticker, se añadirá al editor.
El código markdown de la imagen va dentro de [wrap=sticker] img [/wrap], lo que significa que las imágenes de los stickers son dirigibles por separado de las otras imágenes.
Los stickers siempre van en una nueva línea y contienen título y tamaño. El tamaño ahora es fijo 180x180px. Cada sticker tiene una sombra que hace que la imagen sea más “stickerosa”…
En el editor y las publicaciones, la información de meta de pasar el ratón por encima está oculta con CSS.
¿Cómo configurar?
Primero necesitas subir las imágenes que quieres usar para los stickers. Simplemente sube estas imágenes en una publicación de tema.
Trabajaremos con estas imágenes, necesitamos la URL de la imagen y la URL markdown.
Ejemplo:
Subí la imagen en una publicación. Uso la versión optimized de la URL de la imagen. Que se encuentra aquí pero puedes usar cualquier URL de la imagen.
Gestionar las pegatinas es un poco tedioso, especialmente la parte de la vista previa, ya que no hay un diseño o función específica y dedicada para hacerlo (como sí la hay con los avatares y los emojis personalizados), pero entiendo que sería mucho más trabajo.
El filtro de sombra paralela se desactiva cuando un gif se detiene y no aparece como un fondo cuadrado en la imagen del medio aquí (un jpg rectangular que activa una lightbox):
El efecto del filtro es realmente genial, pero lo pondría como una configuración opcional
El selector de pegatinas utiliza contenido justificado como:
Si se permite a los administradores crear grupos de pegatinas y los usuarios pueden personalizar la selección de pegatinas según cada grupo de sus temas favoritos.
Y además, recomendar basándose en el icono instalado cuando un usuario utiliza un icono en un artículo, pero creo que esta es una función difícil.
pero puedes usar cualquier URL de la imagen.
No estoy seguro de que sea posible ahora con esta implementación.