Ciao, può qualcuno aiutare con una soluzione accessibile? Vorrei inserire un’immagine nella mia pagina di benvenuto all’interno del div con classe .contents.clearfix.body-page, sotto il testo di benvenuto ma prima dei pulsanti in basso.
Grazie!
Al momento è possibile aggiungere contenuti solo sopra il testo… ma ho appena rilasciato un aggiornamento che permetterà di aggiungere contenuti anche sotto, poiché sembra una funzionalità ragionevole. (FEATURE: Add below-static plugin outlet · discourse/discourse@e4ebc30 · GitHub).
Se aggiorni Discourse tra qualche ora (tramite yoursite.com/admin/upgrade), dovresti ricevere questa modifica e poter aggiungere contenuti dove necessario.
Ecco come farlo. Nel tuo tema, dovrai aggiungere questo al tuo file header.html:
<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
{{#if showLoginButton}}
<div class="custom-login-content">
<!-- Il tuo HTML personalizzato qui -->
</div>
{{/if}}
</script>
Tieni presente che questo template viene utilizzato in più punti (pagina FAQ, pagina “Chi siamo”, ecc.), quindi se desideri che il tuo contenuto sia visibile solo sulla pagina di accesso “Benvenuto”, devi mantenere il blocco racchiudente {{#if showLoginButton}} {{/if}}.
Puoi scoprire di più sull’uso dei plugin outlet per aggiungere contenuti ai nostri template Handlebars qui: Developing Discourse Themes & Theme Components
Ciao Kris, sto usando un’istanza locale di Discourse in Docker per queste modifiche al design prima di applicarle al forum live, ma non riesco ad accedere a una pagina chiamata ‘example.com/admin/upgrade’ perché tale pagina non esiste. Non esiste nemmeno sul nostro sito live? Sto sbagliando qualcosa o c’è un altro metodo per l’aggiornamento? Inoltre, non vedo un modo per effettuare l’aggiornamento da admin/dashboard sul sito live.
Ciao di nuovo, Kris. La pagina che hai menzionato sopra non è disponibile né nel mio Discourse di test su Docker né nella mia istanza live. Puoi aiutarmi?
Saluti
Stai eseguendo in una sottocartella? Come sono state installate queste istanze?
Ogni istanza di Discourse dovrebbe avere un URL /admin/upgrade, ma se non sei un amministratore non sarà accessibile a te.
Ciao Stephen,
sono un amministratore e moderatore di livello 4 su entrambe le istanze.
L’istanza locale è stata installata utilizzando Docker nella directory: Users/my-local-user-account(admin)/documents/discourse-test. Devo aggiornare Discourse qui per prima cosa, così da poter costruire la pagina di test per il login.
Non sono sicuro di come sia stata installata la versione live (è precedente al mio arrivo), ma si trova all’indirizzo https://lifeevents.digital.gov.au
Scusa, sei amministratore e TL4?
Il docker-manager è abilitato come plugin nel tuo app.yml?
Sei sicuro che l’installazione locale non sia un’installazione di sviluppo?
sì, admin e TL4 su entrambi
nessun plugin installato sull’istanza locale
non sono sicuro per l’installazione di sviluppo - è stata eseguita in questo modo:
Esecuzione di Discourse in locale per i test
Il modo più veloce è utilizzare Docker.
Passaggio 1: Installare Docker
Puoi installare Docker direttamente dal sito web.
Puoi installarlo da qui: Mac | Docker Docs
Verifica il download riuscito
Per verificare se Docker è stato scaricato correttamente, puoi digitare docker -v nel terminale; ti indicherà quale versione stai eseguendo.
Passaggio 2: Creare la cartella Discourse
Consiglio di creare una cartella in Documenti o in un’altra posizione a tua scelta. Usa il seguente comando per farlo.
cd ~/Documents
mkdir discourse-test
cd discourse-test
curl -sSL https://raw.githubusercontent.com/bitnami/bitnami-docker-discourse/master/docker-compose.yml > docker-compose.yml
docker-compose up -d
Passaggio 3: Aggiornare il file /etc/hosts
Dobbiamo aggiungere la seguente riga di testo alla fine del file /etc/hosts.
127.0.0.1 www.example.com
Innanzitutto apri il file usando l’editor nano; ti verrà richiesta la password.
sudo nano /etc/hosts
Quindi aggiungi questo testo alla fine del file: 127.0.0.1 www.example.com
Infine, per salvare questa impostazione, premi ctrl+x, poi y, poi il tasto invio.
Passaggio 4: Apertura in locale
Ora dovresti essere in grado di aprire un browser e accedere a www.example.com per un’istanza di prova di Discourse.
Nome utente: user
Password: bitnami123
Comandi utili per Docker
Arresta Discourse (assicurati di essere nella directory ~/Documents/discourse-test):
docker-compose stop
Avvia Discourse (assicurati di essere nella directory ~/Documents/discourse-test):
docker-compose up -d
Rimuovi i container (assicurati di essere nella directory ~/Documents/discourse-test):
docker-compose down -v
Rimuovi le immagini (i container devono essere rimossi prima):
docker rmi $(docker images -q)
Ok, quindi stai utilizzando l’installazione Bitnami, che è un pacchetto di terze parti. Temo che non possiamo offrire supporto per questo qui. Sto contrassegnando questo argomento come unsupported-install
Le uniche installazioni supportate sono l’installazione standard ufficiale o, per gli sviluppatori che eseguono localmente, la dev-install.
Se hai bisogno di assistenza per quell’installazione, dovrai contattare Bitnami oppure eseguire un backup e ripristinarlo su un’installazione ufficialmente supportata.
Ok, quindi questa è l’installazione locale… Investigherò un’installazione standard. Concordo sul fatto che l’installazione non sia standard.
Per quanto riguarda il sito live: la pagina admin/upgrade non è disponibile nemmeno sul sito live? Non taggerei questo caso come installazione non supportata, dato che la richiesta riguardava entrambe le istanze?
Allora è possibile che si tratti anche di Bitnami, e la stessa cosa varrà lì. Se non è così, significa che docker-manager è stato disabilitato, il che è anch’esso davvero molto necessario. Lascio a te investigare su quell’installazione: potrai sempre aggiornarci in un secondo momento.
I tuoi problemi illustrano perché non possiamo offrire supporto per pacchetti di terze parti. Se non si comportano come previsto e mancano di funzioni importanti come l’aggiornatore web, allora sarà il mantenitore del pacchetto a dover fornire il supporto.
Onestamente, non ci sono davvero buone ragioni per utilizzare quel pacchetto. Quasi sempre sarai meglio utilizzando l’installazione ufficiale.
Capisco la tua frustrazione nei confronti dei pacchetti di terze parti, ma sono solo un designer che cerca di portare a termine un compito e questa era l’opzione che mi ha fornito lo sviluppatore, con cui ho avuto un accesso limitato: non sono uno sviluppatore.
Controllerò l’istanza live di Discourse e risponderò più tardi: grazie per il tuo aiuto e scusa per aver confuso la richiesta raggruppando l’installazione delle istanze in un unico thread.
Non è un problema e non ci crea frustrazione, ma capisco che potrebbe confondere o infastidire gli utenti che chiedono aiuto.
Forniamo molta assistenza gratuita qui, quindi dobbiamo fare qualcosa per mantenere l’ambito di tale supporto ragionevolmente focalizzato. Ci sono persone molto creative che fanno cose 
fantastiche con Discourse, e aiutare a facilitare questo può essere molto gratificante. Dovere supportare immagini non ufficiali aumenterebbe esponenzialmente il carico di tale assistenza, a danno di tutto il resto.
È fantastico! Se volessi aggiungere contenuti a sinistra o a destra del div del testo di accesso, significherebbe che è necessario creare un nuovo plugin-outlet o è meglio farlo aggiungendo attributi CSS?
In secondo luogo, presumo che sia anche possibile aggiungerlo in header.html di un componente del tema, ma volevo solo verificare.
Grazie!
Sto cercando di far funzionare questa soluzione, ma per qualche motivo showLoginButton non viene mai riconosciuto come true. Il mio sito di test è impostato come privato e quando vado su /login il pulsante è presente nella pagina. Ho provato a registrare il valore di showLoginButton e restituisce undefined.
Se sostituisco if con unless sembra funzionare correttamente. Apprezzerei qualsiasi idea su quale possa essere il problema.
<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
{{#unless showLoginButton}}
<div class="custom-login-content">
<h1>test</h1>
</div>
{{/unless}}
</script>