¿Qué CSS se utilizó para los comentarios aquí?

Este sitio es un blog de Ghost que utiliza Discourse para los comentarios.

What is Online Community?.

Observa qué bien se presentan los comentarios. ¿Qué CSS se utiliza para esto?
Los comentarios en mi propio sitio web no son buenos. Se extienden a lo largo de toda la pantalla. Idealmente, quiero que se vean exactamente como el que publiqué.

Aquí está mi sitio
https://ogatutor.com/

2 Me gusta

Puedes simplemente abrir las Herramientas de desarrollador en tu navegador e inspeccionar los elementos para ver el CSS.

Esto también se puede lograr simplemente haciendo clic derecho en el elemento y seleccionando “inspeccionar”. Es posible que tengas que subir y bajar en la jerarquía HTML para ver todo el CSS.

4 Me gusta

Lo intenté, no lo encuentro ahí.

1 me gusta

Hola, ¿qué problema encontraste?

3 Me gusta

Mi blog es un blog de Ghost que utiliza Discourse para los comentarios. Los comentarios funcionan bien, PERO lo que busco es el CSS para que se integren.
Mira el que referencié. ¿Notas cómo los comentarios fluyen bien?
Ahora mira el mío. Los comentarios ocupan toda la pantalla.

1 me gusta

Intenta inspeccionar el comentario en el blog. En la ventana de inspección, deberías ver una pestaña llamada ‘Estilos’ que contiene el CSS de los elementos seleccionados (y de todos los elementos).

4 Me gusta

¿Es esto lo que buscas?

este tema tiene información sobre cómo formatear publicaciones incrustadas:

Estilizando tu contenido incrustado

Si estás ejecutando Discourse 1.4.0 o superior, tienes la capacidad de agregar una hoja de estilo para tus comentarios incrustados. Usa la sección CSS incrustado del editor de temas en Admin > Personalizar > Temas > Editar CSS/HTML y podrás agregar una hoja de estilo personalizada que se servirá con tus comentarios incrustados. Por defecto, creemos que el diseño se ve bien sobre un fondo blanco, pero si tu sitio tiene un diseño único, querrás estilizarlo tú mismo.

6 Me gusta

Gracias,
Raro, la misma ventana no se abre en mi Safari, no sé por qué.
GRACIAS

2 Me gusta

¡¡GRACIAS!! Eso es lo que estaba buscando.

3 Me gusta

No se puede implementar CSS sin que se exponga en las herramientas de desarrollador del navegador.

Sospecho que necesitas tiempo para aprender las herramientas :wink:

3 Me gusta

bonito sitio de Ghost.

pero parece que tu incrustación del sitio de Ghost está un poco rota o mal configurada.

6 Me gusta

¡¡GRACIAS!!
Sí, está roto, pero he seguido TODAS las instrucciones sobre cómo incrustar, pero por alguna(s) razón(es) parece que no lo estoy haciendo bien.
Así se ve mi incrustación.


Esa configuración genera este código.

<script type="text/javascript">
    if (window.location.pathname.indexOf('/p/') < 0) {
        DiscourseEmbed = {
            discourseUrl: 'https:/teachmeai.ogatutor.com/',
            discourseEmbedUrl: '{{url absolute="true"}}'
        };

        (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
    }
</script>

Nota: Dejé la lista de rutas permitidas vacía porque, cuando pongo algo allí, el código ni siquiera se ejecuta.
¿Qué podría estar haciendo mal?
Gracias

2 Me gusta

oh, parece que ya está funcionando :slight_smile:

Iba a sugerir que probaras \\/\\d+\\/\\d+\\/.+ en el campo de la lista de permitidos de la ruta para esa configuración de host permitido.

1 me gusta

Gracias de nuevo, pero todavía tarda mucho en cargarse para los nuevos visitantes. Aproximadamente 1 minuto para los nuevos visitantes y los artículos NUEVOS. Una vez que un artículo ya tiene una discusión EN CURSO, se carga mucho más rápido.
No sé si es porque el tema se está creando automáticamente en Discourse. Mirando los registros de Ghost, todo parece estar bien.

1 me gusta

cargó inmediatamente para mí. podría ser solo una cuestión de ubicación. He mirado varias páginas y los comentarios se cargan de inmediato para mí.

edición: oh, qué raro, ahora acabo de recibir un error al cargar la página uno :thinking:

3 Me gusta

Muchas gracias. Mi trabajo casi ha terminado. La siguiente fase es intentar migrar a sus usuarios de phpBB.

1 me gusta

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