Imagen de vista previa para temas propios

Soporte
1

Hola a todos:

En primer lugar, me gustaría señalar que mi pregunta es sobre algo totalmente intrascendente, pero quería hacerla de todos modos :wink::

¿Dónde/cómo configuro una imagen de vista previa para los temas propios? Se ve un poco desnudo en el área de administración sin una imagen de vista previa adecuada:

No preview image for own themes

Mi Adrian Monk interior se hace notar aquí cada vez. Y sé que todo el mundo tiene un Adrian Monk interior, y algunos son como el mío. :face_with_tongue: Así que podría importarles un poco a otras personas también.

Por favor, discúlpenme si esto ya fue respondido aquí en Meta. Pero no encontré nada adecuado a través de la búsqueda.

2

Recuerdo esta guía, pero no sé si es lo que estás buscando:

1 me gusta
3

Gracias, pero no realmente. O no entiendo, lo cual siempre es una posibilidad. :wink:

Creé el tema en la captura de pantalla del tema estándar de mi instancia de Discourse autoalojada. Así que no lo descargué ni lo subí a ningún lado. Tampoco veo un directorio de temas en las rutas de archivos compartidas fuera del contenedor de Docker.

Así que todavía estoy un poco perdido aquí… :man_shrugging:

4

Creo que las capturas de pantalla son solo para temas que creas tú mismo desde Github, como si lo estuvieras desarrollando tú mismo. Por eso está en Documentation > Developer Guides.

5

Sí. Así que la pregunta sigue siendo. ¿Hay alguna manera?

Y de nuevo, no es la pregunta y característica más importante de todas. :wink:

6

Si creaste el tema puramente a través de la interfaz de usuario de administración, no.
Para tener capturas de pantalla, deberías tener una estructura de archivos/directorios local que refleje el tema.
Podrías exportar el tema, descomprimirlo, añadir las capturas de pantalla como en la guía mencionada anteriormente, volver a comprimirlo e importarlo. Pero, de nuevo, las capturas de pantalla se utilizan principalmente para mostrar a otras personas cómo se ve tu tema, así que si no lo subiste a ninguna parte, ¿a quién se lo mostrarías?

7

De acuerdo. Gracias. Entonces es lo que hay. :slight_smile:

Otros administradores, por ejemplo. Pero como dije, en realidad no es importante. Simplemente lo noto cada vez que estoy allí para editar algo en el tema.

8

Es quizás un poco rudimentario, pero puedes reemplazar el patrón SVG predeterminado con una imagen personalizada con la ayuda de CSS.
Resultado de ejemplo

image
image848×734 54.5 KB

En la sección de subidas de tu tema, añades la captura de pantalla

image
image602×305 5.79 KB

y en la pestaña CSS de “editar código” añades

minúsculas y reemplaza los espacios con guiones

.theme-card.=THEME_NAME= .theme-card__image-wrapper svg {
 display: none;
}

.theme-card.=THEME_NAME= .theme-card__image-wrapper {
 background-image: url($=UPLOAD_NAME=);
 background-size: cover;
 background-position: center;
}

Espero que esto sea suficiente para ayudar a tu Monje interior a relajarse un poco más.

5 Me gusta
9

Vaya, muchas gracias por eso. Funcionó tal como lo describiste. Y fue solo copiar y pegar gracias a tu publicación. ¡Genial! :+1:

Mi Monje interior parece que ya no está. Al menos cuando se trata de esto. :stuck_out_tongue:

2 Me gusta
10

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.