Scusate se questo non è appropriato per il supporto.
Attualmente, la pagina principale dell’abbonamento /s mostra semplicemente le opzioni di abbonamento/pagamento. E ogni opzione di abbonamento/pagamento ha solo una quantità limitata di caratteri di testo che è possibile includere.
Ai miei fini, vorrei rendere la pagina di destinazione /s un po’ più accogliente e informativa piuttosto che semplicemente “solo per affari”.
È possibile aggiungere un qualche tipo di testo introduttivo o informativo alla pagina /s sopra le opzioni di abbonamento/pagamento? O è qualcosa che potrebbe essere implementato (un giorno) come opzione o è fuori ambito?
In sostanza, solo una casella di testo modificabile dall’utente con opzioni di formattazione standard sopra le opzioni attuali.
Non ho ancora familiarità con le opzioni di modifica css di Discourse, quindi non sono sicuro di cosa sia possibile per quanto riguarda la modifica di pagine, plugin o componenti. Quindi scusate la mia ignoranza.
Prima/Dopo. Nota, ho dovuto cambiare il testo predefinito “Abbonamenti” in “effettuare un pagamento” perché offriamo più di semplici abbonamenti. Anche se sembra che il testo sia collegato anche al titolo della pagina. Quindi nel mio caso, avrebbe più senso aggiungere un blocco di testo sopra il titolo della pagina esistente piuttosto che sotto di esso.
È qualcosa di cui posso approfittare se sono ospitato? È un po’ scarno di istruzioni per i nuovi utenti di Discourse, quindi probabilmente non sono il candidato ideale per l’uso al momento, ma sto cercando di mettermi al passo il più velocemente possibile e questo sembra che potrebbe essere davvero utile.
Ho dovuto seguire la pagina di Github per trovare un riferimento a questo:
Per trovare gli outlet dei plugin, esegui enableDevTools() nella console di javascript.
Apprezzo che tu risponda alla mia domanda. Grazie.
Sì. È un componente del tema. (Almeno la maggior parte dei piani ti permette di installare i componenti del tema che desideri). Hai provato a cliccare sul grande pulsante blu che dice “Installa questo componente del tema”?
Ho aggiunto quel link prima ancora di leggere questa parte del tuo messaggio!
Oh, ma guardando gli outlet dei plugin su /s non sembra che ce ne siano. Se vuoi inserire del testo sopra l’intestazione “Effettua un pagamento”, sei fortunato!
(Fai finta che “Paga per i servizi” sia “Effettua un pagamento”) Puoi inserirlo in top-notices o above-main-container, ma temo che questo aggiunga il contenuto su ogni pagina, non solo sulla pagina di pagamento, a meno che tu non riesca a trovare del CSS per nasconderlo su tutte le altre pagine. Se sei paziente, c’è una ragionevole possibilità che tu possa chiedere a https://ask.discourse.com/ come fare.
D’altra parte, sarebbe una richiesta ragionevole quella di aggiungere un outlet del plugin in quella pagina, ma questa è un’altra cosa da imparare.
Sì. Sono a un livello in cui posso installare componenti del tema senza problemi.
Non era intesa come critica. Mi scuso se è sembrata tale. Era solo un’osservazione da nuovo utente.
Sì, avevo scoperto quel link prima nelle mie ricerche. Il problema è che non so ancora come eseguire Discourse in un ambiente di sviluppo (o accedervi tramite la console del browser).
Quindi la mia domanda sulla possibilità di sfruttare il tuo componente riguardava quello e la necessità di accedere alla barra degli strumenti per sviluppatori per usarlo, non l’installazione del componente stesso. Scusa per la confusione.
Non ero a conoscenza di questa risorsa, grazie.
Per quanto riguarda il posizionamento, mi accontento di posizionare il testo introduttivo ovunque si adatti facilmente sopra il contenuto effettivo della “sottoscrizione” purché non compaia su ogni pagina.
No, no. Intendevo implicare, sì. Hai ragione. La documentazione dovrebbe essere migliorata. Ecco perché ho detto che era “giusta”!
Non devi farlo. Apri semplicemente gli strumenti per sviluppatori nel tuo browser (F12 funziona a meno che tu non sia su un Mac; e devo cercarlo ogni volta che uso un Mac anche se ce n’è uno a 2,5 metri da me, poi cerco su Google “mac open dev tools browser” o qualcosa del genere) e digita enableDevTools() nel prompt della console. Puoi farlo qui, proprio ora, su questo sito.
Ahhh. La console per sviluppatori del browser, non una console dipendente da Discourse. Le cose iniziano ad avere più senso. Grazie.
Ho abilitato i Componenti Personalizzati. E ho abilitato gli strumenti per sviluppatori nella console del browser. E ho attivato la barra degli strumenti per sviluppatori per vedere i componenti plugin.
E ora capisco, stai dicendo che non c’è un componente plugin per gli Abbonamenti, quindi nessun modo *facile per inserire testo in quella specifica pagina di destinazione. Ho capito.
*facile come Passo 1. Passo 2. Passo 3. Successo! E senza richiedere ore di ricerca ed educazione CSS, ecc.
Ho letto da qualche parte nelle mie recenti ricerche sugli Abbonamenti (scusate se non ho il link in questo preciso momento) che era previsto un rinnovamento comunque. Spero che il mio suggerimento per un’area di introduzione/testo venga preso in considerazione in qualsiasi sviluppo futuro.
Dovrebbe esserci una classe del corpo che è presente solo sulla pagina di abbonamento, in modo da poter utilizzare il CSS per nascondere l’elemento che aggiungi su tutte le pagine tranne quella di abbonamento.
Sì, le sottoscrizioni hanno class="above-main-container-outlet subscriptions-campaign ember-view", quindi fai qualcosa come nascondere la classe dell’elemento che aggiungi e poi renderla di nuovo visibile se si trova in una subscriptions-campaign. Qualcosa del genere.
Dopo aver cercato un po’ su Google e SO, ho messo insieme una versione in puro CSS:
.above-main-container-outlet.subscriptions-campaign::after {
content: "Qualsiasi testo che voglio mettere qui! \A Questa è una nuova riga! \A";
white-space: pre;
}
Sono riuscito a farlo funzionare solo sulla pagina degli abbonamenti e per lo più formattato correttamente con questo:
/* PARTE 1: L'intestazione (Stilizzata come un H1 nativo) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
content: "This is the Headline";
display: block;
/* Stile per corrispondere alle intestazioni 'title-wrapper' */
font-family: var(--heading-font-family);
font-size: var(--font-up-5);
font-weight: bold;
line-height: var(--line-height-small);
color: #DDDDDD;
/* Spazio tra questa intestazione e il testo sottostante */
margin-bottom: 8px;
}
/* PARTE 2: Il testo del corpo (Con spaziatura sottostante) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
content: "This is the plain text that goes below the header. \A You can still use backslash-A for new lines here.";
display: block;
/* Stile per corrispondere al testo del corpo standard */
font-family: var(--font-family);
font-size: var(--font-0);
line-height: var(--line-height-medium);
color: #DDDDDD;
white-space: pre-wrap;
/* Questo crea lo spazio vuoto (ritorno a capo) sotto il tuo testo */
margin-bottom: 40px;
}
: