Call To Action (CTA)
Mit dem Shortcode [CTA title="" subtitle="" button="" url=""] können Call to Action Boxen generiert werden. Diese bestehen in der Regel aus einem Titel, einem Untertitel und einem Button. Der Klick auf einen CTA stellt die primäre Handlung auf einer Seite dar und sollte daher, wenn möglich, nur ein Mal auf einer Inhaltsseite eingesetzt werden.
Im Block-Editor bzw. im Theme FAU Elemental verwenden Sie den Block „CTA“ bzw. „Handlungsaufruf“ statt des Shortcodes.
Shortcode Attribute
Die folgenden Attribute stehen Ihnen zur Verfügung:
| Attribut | Beschreibung | Mögliche Werte | Beispiel |
|---|---|---|---|
title="..." | Die Überschrift des CTAs | title=“Interessanter Forschungsbeitrag“ | |
subtitle="..." | Den Untertitel bzw. kurzen Anleser des CTAs. | subtitle=“Darum geht es im Forschungsbeitrag“ | |
button="..." | Der Button-Text. Wenn Sie dieses Attribut freilassen, wird kein Button angezeigt. | button=“Mehr erfahren“ | |
color="..." | Die Hintergrundfarbe des CTAs. | fau, fau2, phil, phil2, med, med2, nat, nat2, rw, rw2, tf, tf2 | |
url="..." | Die Adresse, auf welche der zuvor definierte Button zeigen soll. | url=“https://url.de/beitrag“ | |
icon="..." | Ein Icon, was vor dem Button-Titel angezeigt werden kann. | Es kann jedes Icon aus der Font-Awesome 6 Linie verwendet werden. Hierbei wird der Set-Name vor dem Icon-Namen angegeben. Bei Icons aus der Reihe „Solid“ kann der Setname weggelassen werden. | icon=“solid arrow-right“ |
background="..." | Legt optional den Hintergrund des CTAs fest. | 1 – zeigt eine Sinuskurve als Hintergrund an | |
image="..." | Legt optional das Hintergrundbild des CTAs fest. | Die URL des gewünschten Bildes | |
search="..." | Erzeugt ein Suchfeld. | 1 – zeigt das Suchfeld an | |
placeholder="..." | Ändert den Platzhaltertext im Suchfeld (Standard: „Suchen nach…“) | ||
style="..." | Verringert den Abstand des CTAs für den Einsatz in engen Bereichen oder in der Sidebar. | small |
Beispiele
Mit Button und Sinuskurven-Hintergrund
[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-Hintergrund
[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"]
Mit Fakultätsfarbe
[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"]