Vista previa de listas de temas (TLP)

Este es un Componente de Tema pero tiene la opción de agregar un plugin complementario.

:information_source: Resumen El componente original de Vista Previa de Tema que te permite agregar imágenes y extractos (¡y más!) a la Lista de Temas, mientras puedes configurar qué adiciones aparecen en qué lista.
:hammer_and_wrench: Enlace al Repositorio GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
:open_book: Guía de Instalación Installing a theme or theme component
:heart: Patrocinio Por favor, considera convertirte en un patrocinador continuo de mi trabajo de código abierto en un nivel que se adapte a los recursos y necesidades de ti o de tu organización, para asegurar que este componente reciba el mantenimiento que merece y continúe funcionando para tu sitio en el futuro.

¿Disfrutas este Componente de Tema? Por favor, :star: en GitHub

Instalar este componente de tema

¡Funciona muy bien con Discourse Bars 🍻 🍸 (a sidebar framework)!

Resumen

Vista Previa de Lista de Temas te permite:

  • Agregar imágenes, extractos y estadísticas de temas a los elementos de la lista de temas; y
  • Cambiar el diseño y estilo de los elementos de la lista de temas
  • Agregar temas “Destacados” por encima de las listas de temas y los temas.
  • Agregar Pared de Usuario a la página de actividad del Usuario (también conocida como función “Portafolio”).

El Sidecar

Esto puede complementarse con el plugin ‘sidecar’: https://github.com/merefield/discourse-topic-previews-sidecar-pro

Actualmente es un repositorio privado al que tienen acceso mis patrocinadores de GitHub que contribuyan con al menos $7/mes.

para agregar las siguientes características:

  • ‘acciones’ (marcar como favorito, enlazar y dar me gusta desde la Lista de Temas)
  • Selector de Miniaturas en el Editor de Metadatos del Tema. (Selecciona cualquier miniatura de todo el Tema usando una interfaz simple)
  • Colorización del fondo basada en el color dominante de la miniatura
  • Procesamiento de miniaturas de YouTube para eliminar cualquier borde negro (crítico para determinar el mejor color dominante).
  • Opción para recrear miniaturas al reconstruir la Publicación del Tema para permitirte gestionar rápidamente la eliminación de bordes de forma individual por Tema.

Guía de instalación del plugin: Install plugins on a self-hosted site

Necesitas al menos el Componente de Tema, el Plugin es opcional.

Estos ajustes pueden aplicarse a todas o a listas de temas seleccionadas, a nivel de todo el sitio o específico de categoría.

Este conjunto de características flexibles te permite crear una variedad de diferentes estilos de lista de temas, incluyendo

Estilo Básico

Ajustes relevantes
  • miniatura de lista de temas
  • extracto de lista de temas
  • acción de lista de temas

Estilo Pinterest (Masonry) aka ‘baldosas’

Ajustes relevantes
  • baldosas de lista de temas
  • miniatura de lista de temas
  • extracto de lista de temas
  • acción de lista de temas
  • ancho de miniatura de lista de temas
  • alto de miniatura de lista de temas

que tiene opción de formato ancho (detrás del ajuste topic_list_tiles_wide_format):

Esto funciona de forma responsiva, por lo que colapsará al formato masonry si no se le da suficiente ancho (y viceversa).

Imágenes Destacadas

Ajustes relevantes
  • etiqueta de imágenes destacadas de lista de temas
  • conteo de imágenes destacadas de lista de temas
  • ancho de destacado de lista de temas
  • alto de destacado de lista de temas
  • título de destacado de lista de temas
  • extracto de destacado de lista de temas
  • orden de destacado de lista de temas

Activación/Desactivación de Extractos:

Introduje esto hace un tiempo para usarlo con mi plugin Resúmenes de Temas con IA.

Puedes usarlo para TLP:

Ejemplos en la Naturaleza :seedling:

Soporte

No proporciono ningún soporte garantizado de forma gratuita. Puedo proporcionar soporte a empresas o instituciones que se suscriban a uno de mis niveles de Patrocinio mensual GOLD o PLATINUM.

También hay una opción de caza de errores única.

54 Me gusta
Facebook-like Feed?
Topic List Previews (legacy)
A more social Discourse layout
Discourse AI Topic Summary :robot:
Hi, is there a plugin for user image galleries?
New Photography Theme
Search results page displays topics title that I cannot click
What are good plugins or theme components for a forum emphasizing pictures?
Changing views to creating date?
I want to create a Theme/Theme component as shown in the picture below!
Imageboard layout for topics (topic excerpts)
Enabling a plugin for a specific theme only
Undefined column 'boomarks.post_id' after update
Attempted to upgrade and I think I messed something up
Allow users to block keywords
How to display posts as blocks?
Option to select format and compression degree for thumbnails
FKB Pro - Social theme
FKB Pro - Social theme
Multiple installs of user portfolio
Any plugins that show MEDIA on forum index?
FKB Pro - Social theme
Topic List Sort - Random
How can I change the background of a certain topic?
Homepage plugin for displaying recent topics, latest members, popular threads, and similar elements
Some posts showing 'ignored content'
Topic details under title
FKB Pro - Social theme
How to set summary word count?
Ghost Theme
2023: The Year in Review
Can the homepage display images within the Topic feed?
Expand new posts in topics in "Unread" and "New" to full summary
Can we get a custom PROFILE up?
Topic Author
Is it possible to display the thumbnails in Docs?
All links to categories broken?
Discussion grid latest
Is there a Kanban theme for Discourse?
Is it possible to add posts to a profile?
Carousel sliders with Featured Tiles component on mobiles?
How to display posts in grid?
FKB Pro - Social theme
Can discourse be used entirely through the APIs to build a flutter app?
2024: The Year in Review
How can I set the search results displayed in grid or mansionry
Visually better separate topics on the home page
Can Discourse achieve this kind of card UI layout for topics?
Creating a Unique Gallery Layout for a Category
View count on fakebook theme
Display post content in homepage
Create a forum with the same interface and functions
Help with display home screen look
Is there a way to display topic contents in category view?
How can I make my forum look like this one?
Homepage Feature
Cannot see the multiple posts selection icon on desktop view
Fakebook Theme
Video thumbnails issue
Don't show grid, just topics list
Guest Gate Theme Component
Visual newsfeed as community home
Visual newsfeed as community home
Looking for feedback on my new Discourse site ✨
Featured Topics
PAID - Seeking Discourse Developer for Custom Portfolio Feature
Eliminate YouTube thumbnail black bars
This theme (or component) msg doesn't go away
How to create a banner with link in the image?
Chat channels and chat nav seem to have broken
Topic List Previews (legacy)
Adding Like Dislike Buttons And Inline Replies To Redditish Theme
News on the sidebar
2021: The Year in Review
Topic excerpts appearing after update to Discourse 2.8
Thumbnail of topic
Extend Topic List Thumbnails TC with like button
Infinite scrolling is a total pain
Developing a component or plugin similar to topic list thumbnails or topic list previews
No Thumbnail for Unlisted Vimeo Videos
Plugin vs. theme component
Discourse.stpl and discourse.tlp

¿Hay alguna forma de que el orden de las imágenes destacadas se base en el momento en que se añade la etiqueta? Actualmente, trae la imagen destacada del tema que tiene actividad reciente, empujando hacia abajo las imágenes etiquetadas más recientes.

Por ejemplo, si tengo 10 imágenes y marco 5 de ellas como destacadas, ahora esas 5 se muestran en la barra superior. Si añado 5 etiquetas más, estas reemplazarán a las 5 existentes. Pero si alguno de los 5 temas anteriores tiene comentarios o publicaciones, esa imagen se pone al frente ahora.

3 Me gusta

¿Etiqueta? No, pero existe esta opción para ordenar por fecha de creación:

image

1 me gusta

Advertencia: Voy a implementar un cambio en el diseño de Tiles (elemento) muy pronto. Si tienes algunos ajustes de CSS, es posible que necesiten ser… eh… ajustados:

Prometo que no haré esto muy a menudo, pero este cambio es para organizar las cosas y facilitar algunas nuevas funcionalidades que podrían aparecer en el futuro…

Actualmente, el cambio está en la rama beta.

3 Me gusta

Sí, esa opción ayuda un poco, pero si alguna de las publicaciones antiguas tiene alguna actualización, aparece al frente.

2 Me gusta

Solo estoy utilizando las opciones nativas disponibles dentro de la API de Discourse (es un componente temático en el fondo, por lo que no puedes cambiar la API). Cuando tenga tiempo, volveré a revisar el orden. Sin embargo, esto surgió hace un tiempo e hice un cambio para ayudar a uno de los usuarios. Topic List Previews (legacy) - #1154 by merefield. Me sorprende que esto no funcione como se especifica. ¿Esperarías que el created_at de un tema permanezca estático a pesar de las nuevas publicaciones? ¿Estás seguro de que has cambiado la configuración y has actualizado el navegador?

3 Me gusta

@raghukamath Lo acabo de probar y parece que funciona como se esperaba. Todavía no cambiará el orden en respuesta a nuevas publicaciones y respeta la fecha created_at. Por favor, actualiza tu navegador e inténtalo de nuevo.

3 Me gusta

No hay problema. Probaré más. Quizás me confundí debido al comportamiento cuando la opción está habilitada. Lamento molestarte tanto.

Otro problema que mis miembros destacaron es que la corrección CSS del color del tema no leído y leído no se aplica a los navegadores móviles.

1 me gusta

Sí, eso todavía estaba pendiente como se indicó anteriormente. Intentaré enviarlo con la actualización del diseño descrita anteriormente, probablemente dentro de unos días.

Hola, estaba intentando trabajar con el plugin obsoleto de git cuando no pude anular el CSS en la miniatura móvil. Siguió revirtiendo a una altura de 80px. Empecé a buscar y vi que se trasladó al componente. ¿Tendré el mismo problema y necesitaré clonar el componente para cambiarlo o hay otra solución? Quiero que el móvil tenga el ancho completo en el navegador móvil.

¿No se adaptaría el diseño aquí a tus necesidades: Topic List Previews (TLP) - #4 by merefield a tus necesidades? Las nuevas fichas tienen miniaturas de ancho completo. Esto se encuentra actualmente en la rama beta. Instálala si lo deseas como un Componente de Tema adicional y pruébala. Recuerda especificar la rama al instalar y editar el nombre del Componente de Tema para que quede claro que es la Beta.

1 me gusta

Definitivamente lo haría. Ahora lo tengo a todo lo ancho como quería. Gracias.

1 me gusta

He fusionado la rama beta:

  • el estilo interno de las fichas se ha modernizado y ordenado. Las miniaturas ahora ocupan todo el ancho de la columna.
  • hay una serie de simplificaciones de CSS
  • el móvil ha tenido algunas mejoras menores de diseño para los que no son fichas.
  • los títulos de las fichas ahora también deberían reflejar las visitas anteriores en el móvil.
4 Me gusta

Hola,

¡Gracias por este increíble componente! Me encanta el diseño :heart_eyes:

Soy relativamente nuevo en Discourse y no sé mucho sobre los términos técnicos.

He tenido problemas con que las imágenes no se muestren en el componente de lista. Por alguna razón, las imágenes se muestran en la vista previa del componente, pero cuando cargo el real, las imágenes ya no están allí.


^ Esta es la vista previa del componente

1 me gusta


^ Así se ve cuando cargo la página real

Ahora, creo que tiene algo que ver con mi configuración de Discourse??

¿Hay alguna configuración específica que deba activarse para que este componente funcione? Realmente no sé por qué no está funcionando como debería…

1 me gusta

Hola, gracias por tu interés.

Un par de cosas:

  • Si nunca has instalado un componente o plugin similar antes, puede haber un retraso antes de que se generen todas las miniaturas. Este es un proceso por lotes y lleva tiempo. Este proceso debería comenzar a ejecutarse en segundo plano automáticamente una vez que hayas instalado el componente y lo hayas añadido a un tema. Revisa tu cola de sidekiq. Es posible que veas muchos trabajos en cola.
  • No es necesariamente compatible con cualquier tema, siempre existe la posibilidad de un conflicto: solo está desarrollado y diseñado con el tema predeterminado. Por favor, pruébalo en tu sitio solo con el tema predeterminado inicialmente. Puedes adaptar su apariencia, pero eso requerirá basarse en los artefactos especiales de este componente.
1 me gusta

Hola Robert:

¡Gracias por tu respuesta! Probaré lo que sugeriste en mi sitio :slight_smile:

1 me gusta

Hola Robert. Estoy incorporando una tabla con JavaScript de terceros debajo del encabezado y el script rompe las vistas previas cuando lo uso en un componente. ¿Alguna idea para una solución alternativa?

Si hay un error en ese script que impide la ejecución de javascript, podría romper el código de diseño de TLP que requiere que javascript funcione de la mejor manera. Busque errores rojos en la consola de su navegador.

1 me gusta

Hola, activé la opción de fecha de creación como sugeriste. De alguna manera resuelve los problemas. pero creo que en el plugin anterior el orden se establecía según la fecha en que se etiquetaba la publicación. Además, el problema de que las imágenes antiguas aparezcan en la página principal ante cualquier actualización o respuesta al tema hace que sea difícil que una imagen reciente permanezca destacada. Supongamos que hago una imagen destacada y si alguna publicación antigua de hace un año recibe una nueva respuesta, la página principal tendrá la imagen destacada de esa publicación. Si se responden muchas publicaciones antiguas, la imagen destacada recién etiquetada desaparece.