Come riaprire il widget header-contents?

Sviluppatore
1

Ciao! Sono un principiante, quindi spero nel tuo aiuto. Voglio cambiare il contenuto in <header>...</header>. Quando apro i file sorgente, vedo che il widget “header-content” dice:

createWidget("header-contents", {
   tagName: "div.contents.clearfix",
   template:hbs`
     {{home-logo attrs=attrs}}
     {{#if attrs.topic}}
       {{header-topic-info attrs=attrs}}
     {{/if}}
     <div class="panel clearfix" role="navigation">{{yield}}</div>
   `,
});

Scrivo in common/head_tag.html


<script type="text/discourse-plugin" version="0.8.13">
     api.reopenWidget("header-contents", {
tagName: "div.contents.clearfix",
template:hbs`
<H1>Ciao! Aiutami per favore!!!</H1>
<div class="panel clearfix" role="navigation">{{yield}}</div>
`
});
</script>

Questo non funziona. Aiutami per favore.

1 Mi Piace
2

Ciao, @Deomid_Fedorov, benvenuto in Meta :wave:

Se controlli la console del browser, vedrai qualcosa di simile a questo

ReferenceError: hbs is not defined

ma anche se lo correggi, avresti comunque problemi a farlo funzionare perché i template dovrebbero essere precompilati sul server, non sul lato client.

Abbiamo molti modi per personalizzare l’header. Se mi fai sapere cosa stai cercando di fare, probabilmente potrò condividere un modo per ottenere il risultato desiderato.

3 Mi Piace
3

Saluti, Joe! Ti ringrazio molto per la tua prontezza. Voglio dire che sto iniziando ad apprezzare molto Discourse, ma ci sono alcune difficoltà che non sono ancora riuscito a superare. In generale, ho un grande desiderio: voglio poter incorporare il mio codice html dove voglio, in qualsiasi tag, e voglio poter rimuovere alcuni elementi che considero superflui.

Ho letto il post Developing Discourse Themes & Theme Components
Tuttavia, queste istruzioni non mi sono state sufficienti per risolvere i miei problemi.

Passiamo ad esempi specifici:

  1. Come incorporo il mio codice nel tag <header> tra i blocchi <div class="title"> e <div class="navigation">?
  2. Come impedisco la generazione dell’elemento <ul id="navigation-bar">?

Voglio avvisarti che la mia conoscenza dell’inglese non è perfetta, quindi potrebbero esserci errori nel testo. Spero nella comprensione.

1 Mi Piace
4

Nessun problema, possiamo risolvere questo problema.

So a cosa ti riferisci qui.

ma non sono sicuro a quale elemento ti riferisci qui

Puoi aggiungere uno screenshot di dove vuoi aggiungere nuovi elementi?

Se il tuo sito non ha bisogno di quell’elemento, puoi nasconderlo con CSS. Quindi, qualcosa del genere.

#navigation-bar {
  display: none;
}

Detto questo, quell’elemento offre agli utenti un modo semplice per navigare tra i diversi filtri per gli elenchi di argomenti e non consiglio di rimuoverlo, specialmente su dispositivi mobili.

Tuttavia, conosci la tua community più di chiunque altro. Quindi, se funziona per te, allora… fantastico :+1:

2 Mi Piace
5

deomid
deomid1920×710 56.5 KB

Questo è quello che intendo. Devo posizionare il mio blocco personalizzato dove ho indicato con la freccia nello screenshot.
Sto caricando un altro screenshot in modo che tu possa capire meglio quale risultato voglio ottenere:
Screenshot_3
Screenshot_31912×179 21.3 KB

6

Grazie ancora per la tua reattività. Ho buone competenze in CSS. So che scrivendo display: none posso nascondere l’elemento. Ma vorrei un’esperienza più completa. Vorrei poter gestire template e widget come un vero professionista. Immagino ci sia un modo per farlo in modo più corretto. Ad esempio, riscrivere il template o qualcos’altro.