Mit dem Shortcode [CTA title="Titel" subtitle="Subtitel"] können Call to Action Boxen generiert werden.
Nutzen Sie die CTA-Funktion mit Bedacht. Dieses Element sollte so eingesetzt werden, dass nur maximal 1 bis 2 CTA-Boxen auf einer langen Inhaltsseite zu finden sind.
Shortcode Attribute
Die folgenden Attribute stehen zur Verfügung:
title="..."
Bestimmt den Haupttitel des Shortcodes. Der Text, den Sie hier eingeben, wird als Überschrift angezeigt.
subtitle="..."
Bestimmt den Untertitel des Shortcodes. Der Text, den Sie hier eingeben, wird als Untertitel unter dem Haupttitel angezeigt.
button="..."
Bestimmt den Text des Buttons. Wenn Sie diesen Parameter leer lassen, wird kein Button angezeigt.
color="..."
Bestimmt die Hintergrundfarbe der CTA-Box. Zur Auswahl stehen fau, fau2, phil, phil2, med, med2, nat, nat2, rw, rw2, tf, tf2.
url="..."
Bestimmt die URL, auf die der Button verlinkt. Wenn Sie keinen Button-Text angeben, wird dieser Parameter ignoriert.
icon="solid arrow-right"
Bestimmt das Icon des Buttons. Sie können jedes Icon aus der Font-Awesome 6 Linie verwenden. Der Setname muss vor dem Iconnamen angegeben werden. Bei Icons aus der Reihe „Solid“ kann der Setname weggelassen werden.
background="1"
Steuert den Hintergrund des Shortcodes. Wenn Sie „1“ angeben, wird ein Hintergrund mit Sinuskurven angezeigt. Wenn Sie diesen Parameter leer lassen, wird kein Hintergrund angezeigt.
image="..."
Bestimmt das Hintergrundbild des Shortcodes. Sie können eine URL zu einem Bild angeben, das dann als Hintergrundbild verwendet wird. Wenn Sie diesen Parameter leer lassen, wird kein Hintergrundbild angezeigt.
search="1"
Erzeugt ein Suchfeld. Wenn Sie „search“ eingeben, wird ein Suchfeld angezeigt. Wenn Sie diesen Parameter leer lassen, wird kein Suchfeld angezeigt.
placeholder="..."
Ändert den Platzhaltertext im Suchfeld (Standard: „Suchen nach…“)
style="small"
Verringert das Padding für den Einsatz in engen Bereichen oder in der Sidebar.
Beispiele:
Mit Button
[CTA title="Der Titel des CTA!" subtitle="Der Untertitel des CTA" button="FAU Forschung kennenlernen" url="#" icon="arrow-right" background="1" image="https://www.wp.rrze.fau.de/files/2022/07/lance-reis-7dY_rFuvxQ4-unsplash.jpg"]
Ohne Sinuskurven
[CTA title="Der Titel des CTA!" subtitle="Der Untertitel des CTA" button="FAU Forschung kennenlernen" url="#" icon="arrow-right" background="" image="https://www.wp.rrze.fau.de/files/2022/07/lance-reis-7dY_rFuvxQ4-unsplash.jpg"]
Ohne Bild
[CTA title="Der Titel des CTA!" subtitle="Der Untertitel des CTA" subtitle="Wissen bewegen." button="FAU Forschung kennenlernen" url="#" icon="arrow-right" background="1" image=""]
Mit Suche
[CTA title="Der Titel des CTA!" subtitle="Der Untertitel des CTA" button="" url="/" icon="" background="1" image="https://www.wp.rrze.fau.de/files/2022/07/lance-reis-7dY_rFuvxQ4-unsplash.jpg" search="1"]
Andere Hintergrundfarbe
[CTA title="Der Titel des CTA!" subtitle="Der Untertitel des CTA" button="FAU Forschung kennenlernen" color="phil" url="#" icon="arrow-right" background="" image="https://www.wp.rrze.fau.de/files/2022/07/lance-reis-7dY_rFuvxQ4-unsplash.jpg"]