Call To Action (CTA)
Mit dem Shortcode [CTA title="Titel" subtitle="Subtitel"]
können Call to Action Boxen generiert werden.
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.
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.wordpress.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.wordpress.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.wordpress.rrze.fau.de/files/2022/07/lance-reis-7dY_rFuvxQ4-unsplash.jpg" search="1"]