<script type="text/discourse-plugin" version="0.8">
// Questo è l'outlet del plugin, seguito da un nome personalizzato per il componente
api.registerConnectorClass("below-site-header", "custom-homepage", {
// Impostazione del nostro componente
setupComponent(args, component) {
// Successivamente otteniamo l'impostazione del sito 'top_menu',
// dividiamo i valori in un array,
// e aggiungiamo uno slash iniziale
var topMenuRoutes =
component.siteSettings.top_menu.split('|')
.map(function(route) {return '/' + route});
// La prima pagina elencata nell'impostazione 'top_menu' è la tua homepage
// assegniamola a una variabile
var homeRoute = topMenuRoutes[0];
// Questo chiama il nostro codice ogni volta che la pagina cambia
api.onPageChange((url) => {
// Controlla se siamo sulla homepage
if (url === "/" || url === homeRoute ){
// Se è la homepage aggiungi la classe 'custom-homepage' al tag HTML
// e imposta 'displayCustomHomepage' su true
document.querySelector("html").classList.add("custom-homepage");
component.set("displayCustomHomepage", true);
} else {
// Se non siamo sulla homepage rimuovi la classe
// e imposta `displayCustomHomepage` su false
document.querySelector("html").classList.remove("custom-homepage");
component.set("displayCustomHomepage", false);
}
});
}
});
</script>
^ Aggiungi questo al tuo head per aggiungere una classe .custom-homepage al tuo tag body quando sei sulla homepage, quindi →
.custom-homepage #main-outlet-wrapper {
margin-top: -38px;
}