Publicación de página

Me gustaría reemplazar procourse-static-pages con “publicación de páginas”. ¿Es posible de alguna manera agregar la cabecera predeterminada de Discourse a la “página publicada”? Me refiero a mostrar el logotipo a la izquierda, la búsqueda, el icono de hamburguesa, el avatar y la funcionalidad relacionada para esos botones a la derecha. De esa manera, sería un reemplazo de procourse-static-pages.

Además, sería genial poder usar DiscoTOC también para la página publicada.

7 Me gusta

¡Muchas gracias por esta función! Permite crear excelentes páginas de aterrizaje aparte de la página de inicio. Sería genial contar con los metadatos adecuados necesarios para compartir en redes sociales, SEO o Google Discover (este último, al parecer, se ha vuelto más importante que la búsqueda de Google en mi país durante los últimos meses en cuanto a tráfico). ¿Hay planes para ofrecer un título y descripción meta, así como etiquetas meta personalizadas para las principales redes sociales, o incluso hacerlas editables?

8 Me gusta

¿Hay alguna novedad sobre la posibilidad de incluir la cabecera de Discourse en las páginas publicadas?

6 Me gusta

¿Alguna vez será posible renderizar LaTeX en una página publicada? Sería genial poder escribir artículos de matemáticas.

2 Me gusta

¿Puedo preguntar si existe una URL que liste todas las páginas publicadas para el administrador? De modo que el administrador pueda ver fácilmente todas las páginas que ha publicado.
¿Algo similar a WordPress?
Si no es así, sería genial que la URL example.com/pub/ liste todas las páginas publicadas.

6 Me gusta

¿Existen planes para permitir la renderización de estas páginas publicadas dentro del diseño normal de Discourse con Ember? Parece una lástima que no se puedan integrar directamente en el diseño como las demás secciones de la aplicación. He visto que varios usuarios han preguntado lo mismo en este hilo, pero aún nadie ha dado una respuesta directa.

Todos los demás plugins de páginas estáticas que he investigado también parecen renderizar su contenido estático en sus propios diseños de Rails. ¿Se trata de una limitación de la plataforma Discourse o simplemente de que nadie lo ha programado todavía?

Si no hay una limitación estricta contra la renderización de las páginas publicadas dentro del diseño normal de la aplicación (con encabezado), ¿por dónde debería empezar para impulsar esta funcionalidad?

¡Gracias! :smiley:

3 Me gusta

Puedes modificar el estilo según la publicación original: Page Publishing

2 Me gusta

Gracias @hellekin. Sin embargo, esto no aborda el punto principal de mi respuesta. Pregunté si es posible renderizar las páginas publicadas dentro de la estructura normal de la aplicación Ember.js (con el logotipo, la búsqueda, el menú hamburguesa y la navegación de usuario), no cómo personalizar la estructura de las páginas publicadas por separado.

Quiero que el contenido estático se renderice dentro de la estructura normal de la aplicación, de la misma manera que se cargaría una página de detalles de categoría o tema. Me gustaría utilizar todos los plugins existentes y los componentes del tema que interactúan con la estructura principal de la aplicación Ember.

4 Me gusta

Creo que el propósito de las páginas publicadas es eliminar la interfaz de Discourse.

Aunque coincido en que sería genial tener algunas funciones (por ejemplo, de componentes de tema o complementos), creo que en tu caso enlazar a los temas funcionaría mejor. ¿Quizás quieras explorar el estilo de los temas cerrados?

3 Me gusta

¿Es posible que la página publicada mantenga el encabezado del sitio intacto o me perdí algún truco?

6 Me gusta

Publicar páginas es realmente genial: los temas se ven excelentes como páginas independientes. Pero no he podido usarlo como esperaba:

  1. Pensé que un uso interesante sería configurar la publicación de páginas como una página de aterrizaje para el foro, de modo que antes de que los usuarios inicien sesión, puedan ver un tema que he publicado y diseñado para ser la página que ven. ¿Es eso posible?

  2. El mensaje original aquí menciona que puedes dar estilo a la página. ¿Existe alguna forma de agregar jQuery o JavaScript a la página? (edición: veo que, por la discusión anterior, ha habido solicitudes para poder agregar jQuery o JavaScript a las páginas, pero aún no es posible, al menos hasta el año pasado. Básicamente, parece que la gente ha estado esperando poder tener una página estática, pero renderizada con las mismas posibilidades de personalización que un tema normal, que es lo que yo también agradecería).

3 Me gusta

Sí, existe, aunque no es inmediatamente obvio.

5 Me gusta

¿Hay una forma preferida de enlazar de vuelta a la publicación original desde la página publicada?

Me encuentro queriendo hacer esto con bastante frecuencia, para animar a los lectores a responder, mientras mantengo el control sobre el estilo de la página publicada de solo lectura. He probado varias formas, incluyendo enlazar al tema de forma destacada o simplemente con un enlace de ‘discutir’.

Quizás una opción para añadir un botón de discusión que permaneciera visible en todo momento (pero que aún pudiera modificarse con CSS) podría funcionar. ¿Alguien ha implementado ya algún truco de CSS de este tipo?

6 Me gusta

Se dividieron 2 publicaciones en un nuevo tema: ¿Puede una página publicada aparecer junto a about/faqs/tos/privacy?

Dependiendo de la naturaleza de la página, dejo un enlace donde sea apropiado. En algunos en la parte superior, como aquí:

En algunos en la parte inferior, como aquí:

Puedes “simular” un botón codificando CSS para una etiqueta específica, como hice para el encabezado de esta categoría:

https://foro.enunionylibertad.com/c/uni2-cordoba/6

Texto:

Ciudadanos con la convicción de que la República Argentina puede, debe, y va a ser un lugar mejor, si trabajamos todos Unidos en pos de la Libertad.
    <mark>&nbsp;&nbsp;&nbsp;[**Afiliación**](https://foro.enunionylibertad.com/t/formulario-de-pre-afiliacion/92)&nbsp;&nbsp;&nbsp;</mark>

(la parte importante son las etiquetas <mark>)

CSS para dichas etiquetas <mark>:

/* Code to CHANGE "mark" tag render to something that looks like a "menu bar" */
mark {
  display: inline-block;
  background-color: #E1E1E1 !important;
  color: black;
  border-radius: 20px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
3 Me gusta

Una alternativa a la publicación de páginas: otro método es usar CSS para eliminar los elementos no deseados en una publicación de tema normal, al tiempo que se preserva toda la funcionalidad (es decir, scripts de JavaScript en componentes de temas instalados, estilo CSS, etc.).

Las etiquetas en el compositor se pueden usar para aplicar selectivamente formato a una publicación de tema específica.

Por ejemplo, en mi sitio, logro esto pegando el siguiente CSS en el CSS de mi tema en la pestaña Común:

/********************** ELIMINAR COSAS DEL DISEÑO USANDO ETIQUETAS *************** /

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

Luego creo etiquetas que puedo aplicar selectivamente a las publicaciones de temas, coincidiendo con los selectores CSS en el código anterior…

no-header
no-sidebars
no-category
no-timeline
no-post-links
no-box-shadow
no-topic-meta-data
no-side-margins
no-footer-buttons


Así que aquí están las dos versiones diferentes de la misma publicación de tema…

Antes (sin etiquetas aplicadas):

Después (todas las etiquetas aplicadas): - que también puedo incrustar como un iFrame en otras publicaciones de mi sitio :nerd_face::

25 Me gusta

¡Guau! :star_struck:

Ese es un pensamiento innovador muy bueno :smiley:

4 Me gusta

¡Muchas gracias @Richie! ¡Out-of-the-Box es mi mundo entero!

2 Me gusta

Hay un error tipográfico en tu código, un punto y coma doble:

    .topic-body h1 {
        padding-top: 0 !important;
    }

Además,

¿Olvidaste publicar tu imagen? A menos que la versión “Después” de tu página sea solo música :smile:


Jugué un poco con tu código y ¡es simplemente :sparkles: brillante! :sparkles:

Podríamos agregar algunos consejos para usar este truco según tus necesidades.

  • Tus temas podrían cerrarse para evitar que las personas eludan las reglas de CSS y respondan a ellos.

  • Tus temas podrían no aparecer en la lista para no agregar ruido a las listas de temas o aparecer en los resultados de búsqueda.

  • Las etiquetas podrían estar en un grupo de etiquetas invisible para los usuarios habituales para eliminar el ruido en las listas de etiquetas.

  • Podrías ocultar algunos elementos solo para usuarios habituales, pero no para el administrador (como el menú de publicaciones).

Esto me vino rápidamente a la mente, pero supongo que hay otras cosas en las que se podría pensar.

4 Me gusta

Gracias @Canapin :sparkling_heart: Corregí los errores tipográficos del código.

Las categorías y subcategorías también se pueden usar en CSS usando category-

por ejemplo…

.category-books .main-content,
.category-my-great-book .main-content {
    width:100% !important;
}

También estoy usando este truco en mi sitio de forma extensiva, para estilizar contenido y embebidos sobre la marcha dentro del compositor…

Tengo una sección de mi sitio donde documento mis desarrollos (principalmente para que mi yo futuro pueda recordar y encontrar lo que ya he hecho, ¡así no sigo reinventando mi propia rueda!) Pero cualquiera es bienvenido a visitar y/o suscribirse a esa categoría si lo desea…

3 Me gusta