Última lista como vista de cuadrícula

Desarrollador
1

Hola

Actualmente estoy desarrollando mi propio tema de “blog” y me gustaría configurar la vista más reciente en estilo de cuadrícula (como aquí en la categoría de temas).
Sé que hay algunos componentes para esto, pero no tengo imágenes en mis publicaciones, por lo que se ve un poco extraño. Y no hay opción (por ejemplo, en el componente topic-thumbnails) para configurarlo en 2 o 3 columnas (o incluso flexible).

Intenté muchas cosas (más o menos el sitio se rompió después de eso :joy:) pero no pude averiguar cómo hacerlo.

¿Alguien puede darme una pista sobre cómo resolver esto? Solo necesito la configuración básica para esto y después podré “estilizarlo” para que se ajuste a mis necesidades.

Saludos

PD. Si esta es la categoría incorrecta, por favor muévelo. :slightly_smiling_face:

2

la mayoría de las cosas como esa se pueden configurar en CSS a través de admin > personalizar > temas > CSS personalizado

También quería tener dos columnas y una vista más estrecha, así que reduje el ancho máximo de 1100px (?) a 950px y esto también cambió de tres a dos columnas; en mi caso, fue esto

:root { --d-max-width: 950px; }

3

La lista de temas de vista previa es adaptable, por lo que establece el número de columnas automáticamente. Simplemente la comprimes un poco con las barras laterales (por ejemplo, con el plugin Layouts) y el número de columnas disminuye. (Ver este ejemplo https://www.starzen.space - comienza con 2 columnas pero haz clic en una etiqueta y vuelve a 3 columnas)

2 Me gusta
4

Sí, sé que esto se puede hacer con CSS, todo mi tema está hecho con CSS.
Y, no tengo 1100px, mi diseño es flexible a la resolución de la pantalla. Y no, no quiero este ancho fijo ultra pequeño de 1100px. :wink:

@merefield
Probé este componente de tema mucho, pero no es lo que estaba buscando. No tengo imágenes en las publicaciones, y debería ser flexible con las columnas (depende de la resolución de la pantalla).

Lo que estoy buscando es la clase CSS para convertir la lista en una cuadrícula. :slightly_smiling_face:

5

Lo es, por eso solo hay una columna en el móvil.

En un iPad de 11 pulgadas con una sola barra lateral derecha, TLP muestra dos columnas en horizontal y una en vertical.

Esta es la línea clave en TLP:

Deberías leer esto:

y esto (pero no estoy seguro de que ‘resolución’ sea lo que quieres decir porque eso puede confundirse con DPI):

2 Me gusta
6

¡Gracias!

Mi problema era encontrar la clase CSS adecuada de Discourse para la lista. ¿Es topic-list-item o topic-list-item-seperator o algo más?

Lo intentaré más tarde.

7

La cuadrícula CSS debe estar por encima del nivel del elemento. Copia la forma en que lo hacen TLP o TLT.

3 Me gusta
8

Ahora estoy usando Topic List Thumbnails y he anulado algunas cosas a través de CSS. No quería nada con imágenes en el texto, pero puedes usar una imagen predeterminada.

9

¿No te refieres a un icono?
No tienes que usar imágenes con TLP y puedes usar una imagen predeterminada.

1 me gusta
10

Sí, por supuesto, un icono predeterminado. :wink:

11

Disculpa por publicar dos veces, pero tengo otra pregunta sobre el botón de registro/inicio de sesión.

Quiero ocultar estos 2 botones para los usuarios anónimos, pero entonces tampoco puedo iniciar sesión. ¿Hay una URL para un sitio de inicio de sesión o algo similar?

12

¿Nadie?

¿Realmente no hay una URL de inicio de sesión?

13

https://meta.discourse.org/login o

Dependiendo de tus métodos de inicio de sesión y de lo que quieras. :slight_smile: