Page Publishing

I would like to replace procourse-static-pages with “page publishing”. Is it somehow possible to add the default discourse header to “published page”? I mean, show the logo on the left side, the search, hamburger icon, avatar and the related functionality for theses buttons on the right side. Then it would be a replacement of procourse-static-pages.

Additionally, it would be great to use DiscoTOC for the published page, too.

7 Mi Piace

Thanks a lot for this feature! It allows to build great landing pages apart from the homepage. So it would be nice to have the appropriate metadata that you need for sharing on social media, SEO or Google Discover (the latter apparently became more important than Google search in my country during the last months when it comes to traffic). Are there any plans to provide a meta title / description and the custom meta tags for the big social networks or even make them editable?

8 Mi Piace

Any update on being able to include the Discourse header on published pages?

6 Mi Piace

Will it ever be possible to render LaTeX in a published page? Would be cool to write math articles.

2 Mi Piace

May I ask, Is there a url that can list all the published page for Admin ? So Admin can easily see all the page they published.
Something similar to wordpress ?
If not, It would be great if the url example.com/pub/. list all the page published.

6 Mi Piace

Are there any plans to allow rendering of these published pages inside the normal Discourse Ember layout? It seems a shame that you can’t just pull them into the layout like the other app sections. I’ve seen a number of others ask this in this thread but nobody seems to have given a direct answer yet.

All of the other static pages plugins that I’ve seen in my research seem to be also rendering their static content in their own Rails layouts, too. Is this a limitation of the Discourse platform, or just that nobody has coded it in yet?

If there is no hard limitation against rendering the published pages inside the normal app layout (with header), where should I start when it comes to getting this feature moving?

Thank you :smiley:

3 Mi Piace

You can alter styling per the original post: Page Publishing

2 Mi Piace

Thank you @hellekin. However, this does not address the main point of my reply. I asked if it’s possible to render the published pages within the normal Ember.js app layout (with the logo, search, hamburger nav, and user nav), not how to customize the separate published pages layout.

I want the static content to render within the normal app layout the same way that a category or topic detail page would load. I would like to use of all the existing plugins and theme components that interface with the main Ember app layout.

3 Mi Piace

I think the purpose of published pages is to remove the Discourse UI.

Although I agree that it would be great to have some features (e.g., from theme components or plugins), I think linking to topics would work better in your case. Maybe you want to explore styling closed topics instead?

2 Mi Piace

Is it possible to have the published page keep the site heading intact or did I miss a trick?

5 Mi Piace

Page publishing is really cool–the topics look great as standalone pages. But I haven’t been able to use it like I had hoped:

  1. I thought one cool use would be to set up page publishing as a landing page for the forum–so before users login they get to see a topic I have published and styled to be the page they see. Is that possible?

  2. The original post here mentions you can style the page. Is there a way to add jquery or javascript to the page? (edit: I see that from the earlier discussion there have been requests for being able to add jquery, javascript to the pages but not yet there, at least as of last year–basically, it looks like people have been hoping that they could have a static page, but render with the same customization possibilities of a normal topic–which is what I would appreciate too.)

3 Mi Piace

Yes, there is, although it is not immediately obvious.

5 Mi Piace

C’è un modo preferito per collegarsi al post originale dalla pagina pubblicata?

Mi trovo a volerlo fare spesso, per incoraggiare le risposte dei lettori, pur mantenendo il controllo sullo stile della pagina pubblicata di sola lettura. Ho provato diversi modi, tra cui collegarmi all’argomento in modo prominente o semplicemente con un link ‘discuti’.

Forse un’opzione per aggiungere un pulsante ‘discuti’ che rimanga sempre visibile (ma sia comunque modificabile con CSS) potrebbe funzionare. Qualcuno ha già implementato un trucco CSS del genere?

5 Mi Piace

2 post sono stati divisi in un nuovo argomento: Una pagina pubblicata può apparire insieme a about/faqs/tos/privacy?

A seconda della natura della pagina, lascio un link dove opportuno. In alcuni in alto, come qui:

In alcuni in basso, come qui:

Puoi “simulare” un pulsante codificando CSS per un tag specifico, come ho fatto per l’intestazione di questa categoria:

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

Testo:

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.
    [**Afiliación**](https://foro.enunionylibertad.com/t/formulario-de-pre-afiliacion/92)

(la parte importante sono i tag <mark>)

CSS per detti tag <mark>:

/* Codice per CAMBIARE il rendering del tag "mark" in qualcosa che assomiglia a una "barra dei menu" */
mark {
  display: inline-block;
  background-color: #E1E1E1 !important;
  color: black;
  border-radius: 20px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
3 Mi Piace

Un’alternativa al Page Publishing: un altro metodo consiste nell’utilizzare i CSS per rimuovere gli elementi indesiderati da un normale Topic Post, preservando al contempo tutte le funzionalità (ad esempio, Javascript nei componenti del tema installati, stile CSS, ecc.)

I tag nell’editor possono essere utilizzati per applicare selettivamente la formattazione a un Topic Post specifico.

Ad esempio, sul mio sito ottengo questo incollando i seguenti CSS nel CSS del mio tema nella scheda Common:

/********************** RIMUOVERE ELEMENTI DAL LAYOUT UTILIZZANDO I TAG *************** /

.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;
    }
}

Quindi creo dei Tag che posso applicare selettivamente ai Topic Post, corrispondenti ai selettori CSS nel codice sopra…

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


Quindi ecco le due diverse versioni dello stesso Topic Post…

Prima (nessun Tag applicato):

Dopo (tutti i Tag applicati) - che posso anche incorporare come iFrame in altri Post sul mio sito :nerd_face::

24 Mi Piace

Wow :star_struck:

Questo è un pensiero davvero fuori dagli schemi :smiley:

4 Mi Piace

Grazie mille @Richie!! Out-of-the-Box è il mio intero mondo!

2 Mi Piace

C’è un errore di battitura nel tuo codice, un punto e virgola doppio:

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

Inoltre,

Hai dimenticato di pubblicare la tua immagine? A meno che la versione “Dopo” della tua pagina non sia solo musica :smile:


Ho giocato un po’ con il tuo codice ed è semplicemente :sparkles: brillante! :sparkles:

Potremmo aggiungere alcuni suggerimenti per utilizzare questo trucco a seconda delle tue esigenze.

  • I tuoi argomenti potrebbero essere chiusi per impedire alle persone di aggirare le regole CSS e rispondere ad essi

  • I tuoi argomenti potrebbero essere non elencati per non aggiungere rumore agli elenchi di argomenti o apparire nei risultati di ricerca

  • Le etichette potrebbero essere in un gruppo di etichette invisibile agli utenti normali per rimuovere il rumore negli elenchi di etichette

  • Potresti nascondere alcuni elementi solo agli utenti normali ma non all’amministratore (come il menu dei post)

Mi è venuto in mente rapidamente, ma suppongo che ci siano altre cose a cui si potrebbe pensare.

4 Mi Piace

Grazie @Canapin :sparkling_heart: Ho corretto gli errori di battitura nel codice.

Le categorie e le sottocategorie possono anche essere utilizzate in CSS usando category-

cioè…

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

Sto anche usando questo trucco sul mio sito in modo estensivo, per stilizzare contenuti e embed al volo all’interno del composer…

Ho una sezione del mio sito dove documento i miei sviluppi (principalmente in modo che il mio futuro io possa ricordare e trovare ciò che ho già fatto, così non continuerò a reinventare la mia ruota!) Ma chiunque è il benvenuto a visitare e/o iscriversi a quella categoria se lo desidera…

3 Mi Piace