Personalizzazione del layout principale

Ciao, vorrei aggiungere due colonne (sinistra e destra) al main-outlet per utilizzarle come banner.

Da quello che ho capito finora, posso aggiungere facilmente nuovo codice HTML nello spazio plugin-outlets.
Tuttavia, non è questo che voglio fare, dato che non esiste già uno spazio dedicato a questi banner.

Qual è l’approccio migliore?

Dai un’occhiata a:

Mmh… quindi creerei un widget per ogni banner e poi lo caricerei, giusto?

Potresti scoprire che il widget HTML esistente fa tutto ciò di cui hai bisogno. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

Probabilmente è la soluzione. Tuttavia, non sono ancora riuscito a farla funzionare.

Non riesco a capire cosa intendi o come potrei utilizzare il widget HTML esistente. :confused:
Quindi ho deciso di creare il mio widget che generi i due banner e li aggiunga ai lati.

Ho creato un widget: https://github.com/teakap/banner-theme-component

È stato caricato e l’ho aggiunto come widget nelle impostazioni del layout, ma non vedo ancora l’HTML del widget nella pagina.

Ottimo che ti sia addentrato!

Tieni sempre, sempre aperta la console del browser quando esegui il debug di JavaScript.

Questo è quello che ottengo:

image

Ti manca un’istruzione di importazione:

import { h } from 'virtual-dom';

Questo risolve il problema:

Nota che dovresti scriverlo in questo modo, altrimenti il nome della classe verrà visualizzato (come accade sopra):

h ("span.some-banner-class", "my text"):

image

Continua così! :slight_smile: