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:

1 Mi Piace

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

1 Mi Piace

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.

1 Mi Piace

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:

3 Mi Piace

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.