Personnalisation de la mise en page principale

Bonjour, je souhaite ajouter deux colonnes (gauche et droite) dans le main-outlet afin de les utiliser comme bannières.

D’après ce que j’ai compris, je peux facilement ajouter du code HTML dans l’espace plugin-outlets.
Mais ce n’est pas ce que je veux faire, car il n’existe pas d’espace prévu pour ces bannières.

Quelle devrait être ma démarche ?

Jetez un coup d’œil à :

1 « J'aime »

Hum… donc je créerais un widget pour chaque bannière, puis je le chargerais, c’est bien ça ?

Vous constaterez peut-être que le widget HTML existant répond à tous vos besoins. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

1 « J'aime »

C’est probablement la solution. Cependant, je n’ai pas encore réussi à faire fonctionner.

Je ne comprends pas ce que vous voulez dire ni comment utiliser le widget HTML existant. :confused:
J’ai donc décidé de créer mon propre widget qui générerait les deux bannières et les ajouterait sur les côtés.

J’ai créé un widget : https://github.com/teakap/banner-theme-component

Il est chargé, et je l’ai ajouté en tant que widget dans les paramètres de mise en page, mais je ne vois toujours pas le HTML du widget sur la page.

1 « J'aime »

Super que vous ayez plongé dedans !

Toujours, toujours gardez la console de votre navigateur ouverte lors du débogage JavaScript.

Voici ce que j’obtiens :

image

Il vous manque une instruction d’importation :

import { h } from 'virtual-dom';

Cela règle alors le problème :

Notez que vous devriez coder ainsi, sinon le nom de votre classe s’affichera (comme ci-dessus) :

h ("span.some-banner-class", "mon texte") :

image

Continuez ! :slight_smile:

3 « J'aime »

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