Pubblicazione Pagina

[sbernhard (Bernhard Suttner)]

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.

[Krischan]

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?

[reclaimedpress]

Ci sono aggiornamenti sulla possibilità di includere l’intestazione di Discourse nelle pagine pubblicate?

[MrDavis97 (Miles Davis)]

Sarà mai possibile renderizzare LaTeX in una pagina pubblicata? Sarebbe fantastico poter scrivere articoli di matematica.

[lhkjacky (Jacky)]

Posso chiedere: esiste un URL che elenchi tutte le pagine pubblicate per l’amministratore? In modo che l’amministratore possa vedere facilmente tutte le pagine pubblicate.
Qualcosa di simile a WordPress?
Se non esiste, sarebbe ottimo se l’URL example.com/pub/ elencasse tutte le pagine pubblicate.

[rsmithlal (Robert Smith)]

Ci sono piani per consentire il rendering di queste pagine pubblicate all’interno del normale layout Ember di Discourse? Sembra un peccato non poterle semplicemente integrare nel layout come le altre sezioni dell’app. Ho notato che diverse persone hanno posto questa domanda in questa discussione, ma nessuno ha ancora fornito una risposta diretta.

Tutti gli altri plugin per pagine statiche che ho esaminato sembrano rendere i loro contenuti statici nei propri layout Rails. Si tratta di una limitazione della piattaforma Discourse, o semplicemente nessuno lo ha ancora implementato?

Se non esiste una limitazione tecnica che impedisca il rendering delle pagine pubblicate all’interno del normale layout dell’app (con intestazione), da dove dovrei iniziare per far avanzare questa funzionalità?

Grazie

[hellekin]

Puoi modificare lo stile come nel post originale: Page Publishing

[rsmithlal (Robert Smith)]

Grazie @hellekin. Tuttavia, questo non affronta il punto principale della mia risposta. Ho chiesto se è possibile rendere le pagine pubblicate all’interno del layout normale dell’app Ember.js (con logo, ricerca, menu a hamburger e navigazione utente), non come personalizzare il layout delle pagine pubblicate separate.

Voglio che i contenuti statici vengano visualizzati all’interno del layout normale dell’app, esattamente come verrebbe caricata una pagina di dettaglio di una categoria o di un argomento. Vorrei poter utilizzare tutti i plugin esistenti e i componenti del tema che interagiscono con il layout principale dell’app Ember.

[hellekin]

Credo che lo scopo delle pagine pubblicate sia rimuovere l’interfaccia utente di Discourse.

Sebbene sia d’accordo sul fatto che sarebbe fantastico avere alcune funzionalità (ad esempio da componenti del tema o plugin), penso che il collegamento ai topic funzioni meglio nel tuo caso. Forse vorresti esplorare lo stile dei topic chiusi?

[cokestroke (Clement Oke)]

È possibile che la pagina pubblicata mantenga l’intestazione del sito intatta o ho perso qualche trucco?

[JQ331]

La pubblicazione delle pagine è davvero fantastica: gli argomenti appaiono splendidamente come pagine autonome. Ma non sono riuscito a utilizzarla come speravo:

1. Pensavo che un uso interessante sarebbe stato impostare la pubblicazione delle pagine come landing page per il forum: così, prima che gli utenti accedano, vedrebbero un argomento che ho pubblicato e stilizzato come la pagina che appare. È possibile?

2. Il post originale qui menziona che è possibile stilizzare la pagina. Esiste un modo per aggiungere jQuery o JavaScript alla pagina? (modifica: vedo che dalla discussione precedente ci sono state richieste per poter aggiungere jQuery e JavaScript alle pagine, ma non è ancora disponibile, almeno fino all’anno scorso: fondamentalmente, sembra che le persone sperassero di avere una pagina statica, ma con le stesse possibilità di personalizzazione di un argomento normale, che è proprio ciò che apprezzerei anch’io.)

[RGJ (Richard - Communiteq)]

@JQ331

Esiste un modo per aggiungere jQuery o JavaScript alla pagina?

Sì, esiste, anche se non è immediatamente ovvio.

@RGJ

Infatti sembra che il text/javascript “normale” venga eseguito nelle pagine pubblicate quando si trova nell’header o nel footer di un componente del tema.

[hellekin]

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?

[lisandro_iaffar]

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

[denvergeeks]

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 :

[Richie (Richie Rich)]

Wow

Questo è un pensiero davvero fuori dagli schemi

[denvergeeks]

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

[Canapin (Coin-coin le Canapin)]

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

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

Inoltre,

@denvergeeks

Dopo (tutte le etichette applicate)

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

---

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

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.

[denvergeeks]

Grazie @Canapin 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…

Custom css inside a post / adding custom classes

Styles/classes are stripped out, but you can use data-theme-* attributes to target things in posts: <div data-theme-bot> Content here </div> For example, this paragraph is wrapped in a data-theme-bot div And then in a theme, target it like: div[data-theme-bot] { background-color: red; }

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…

Site Development