WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 14.12.2023 19:16:47

franzluwein
Member

mehrere Hintergrundbilder

Hallo,

beim meiner Site mit dem Template Hortal kommen Seiten vor, die mehrere WYSIWYG-Abschnitte enthalten.
Was muss ich tun, um jedem Abschnitt ein eigenes, unterschiedliches Hintergrundbild zu verpassen?

Danke für die Hilfe.

Gruß
Franz

Offline

#2 15.12.2023 13:25:04

florian
Administrator

Re: mehrere Hintergrundbilder

1) Auf https://dev4me.com/droplets/other/maketag/ findest Du den Code für das Droplet "makeTag".
Kopiere den dort angezeigten Code in die Zwischenablage, rufe Admin-Tools > Droplets auf und erstelle ein neues Droplet mit dem Namen maketag, in das Du den Code reinkopierst.

2) Füge nun zu Anfang jeden WYSIWYG-Abschnitts den Aufruf des Droplets ein, wobei Du als Parameter "class" die Bezeichnung einer CSS-Klasse übergibst. Füge am Ende jeden WYISIWYG-Abschnitts den Aufruf zum Schließen des zuvor vom Droplet erzeugten Divs ein.

[[maketag?class=abschnitt1]]
...hier der normale Fließtext....
[[maketag?mode=close]]


3) Installiere das Admin-Tool Frontend Final CSS Editor und definiere darin für die Abschnitte die Formatanweisungen:

.abschnitt1 {
  background-image:url(https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_960_720.jpg); 
  background-repeat:no-repeat; 
  background-size:cover;
}
.abschnitt2 {
  background-image:url(https://cdn.pixabay.com/photo/2018/06/13/18/20/waves-3473335_960_720.jpg); 
  background-repeat:no-repeat; 
  background-size:100%;
  color:#fff;
  font-weight:bold;
}

Die Referenz auf die Pixabay-Bilder oben ist natürlich nur ein Beispiel.

Aufruf im Backend und Ergebnis im Frontend:
attachment.php?item=3483&download=1

Last edited by florian (15.12.2023 13:26:22)


Nicht ärgern. Nur wundern.

Offline

Liked by:

mk70

Board footer

up