No creo que esto sea posible. El código de Discourse que se utiliza para recuperar los temas solo carga las listas de temas más recientes. Los filtros disponibles que conozco para ordenar las listas son replies, views, activity y likes. Podrías intentar ordenar las listas con uno de estos filtros para seleccionar los mejores temas. Por ejemplo:
La fuente que se utiliza en el iframe está definida en Discourse. En la última versión de Discourse, estoy teniendo un problema al establecer la fuente cuando incrusto una lista de temas en mi sitio de WordPress. Estoy probando esto localmente, no en un sitio de producción, por lo que eso podría estar relacionado con el problema. Lo que estoy encontrando es que este estilo se está pasando para la fuente del iframe:
font-family: var(--font-family);
Ese estilo está definido en Discourse, pero WordPress no tiene acceso a la variable, por lo que la fuente se establece como Times New Roman en mi sitio. Investigaré más este problema. (Edición: el problema al establecer la fuente se debe a cambios recientes en Discourse. Lo solucionaremos.)
Esto puede ser complicado. El iframe que se crea está dentro del elemento d-topics-list que agregas a la página. Establecer el valor a un ancho explícito en el CSS de mi sitio web me está funcionando. Creo que esto podría mejorarse:
¡Hola! Estoy intentando incrustar publicaciones en un sitio de WordPress y ya he logrado que la función de incrustación funcione. ¿Existe alguna forma de hacer que la vista móvil sea un poco más atractiva? Si las publicaciones tienen imágenes, la disposición de las columnas con imágenes se aprieta demasiado. Un simple
Hola, ya he incrustado una lista de temas en mi sitio web, pero ahora estoy intentando destacar un solo tema basado en una etiqueta. Logré incrustar otra lista (con per-page=1), pero el problema es que no puedo agregar clases CSS ni IDs, por lo que no hay ninguna diferencia entre la primera lista y esta.
Eso significa que incluso algo sencillo, como usar un color de fondo diferente para una de las listas incrustadas, es imposible.
Actualmente no hay forma de agregar reglas CSS diferentes a distintos elementos incrustados. Solo puedes agregar estilos personalizados que se apliquen a todos los elementos incrustados.
Esos errores parecen provenir de mini profiler y probablemente no estén relacionados con lo que ve un usuario normal. Visité tu sitio y vi una lista de temas sin errores.
No estoy seguro de que sea normal, pero no hay motivo para preocuparse. La mayoría de los usuarios no tienen acceso a mini profiler, así que probablemente solo se muestra cuando tú lo haces.
En Firefox y Chrome, la lista no funciona como esperábamos. Aunque la configuramos para mostrar 10 temas, solo muestra 4.
En Chrome, observamos este error de JS cuando incrustamos la lista:
Uncaught DOMException: Failed to execute 'postMessage' on 'Window': Invalid target origin '' in a call to 'postMessage'.
at u (https://rembetiko.gr/assets/embed-application-9cef8308c816fc1d83137e63d6c556c6cc2b68fe2b6e5ce16cca6766ba2c0ae4.js:1:105)
at window.onload (https://rembetiko.gr/assets/embed-application-9cef8308c816fc1d83137e63d6c556c6cc2b68fe2b6e5ce16cca6766ba2c0ae4.js:1:515)
Curiosamente, esto no ocurre en Safari.
La lista está incrustada en este sitio web: https://rebetiko.sealabs.net (al final de la página, si quieren probarlo por sí mismos).
Yo también tuve un problema con esto. A veces se veía bien. Otras veces, la lista de temas se cortaba antes de tiempo (como si estuviera determinada por el número de píxeles en lugar de por el número de temas) y la fuente no era la esperada (no recuerdo los detalles). Cambié a usar el feed RSS de Discourse en su lugar. Solo uso Chrome y no sospeché que podría haber sido un problema solo con Chrome.
