Beitrag mit ACF-Feldern

Dieser Beitrag dient dazu, um die ACF-Felder mit Dynamic Shortcodes im Frontend anzuzeige.

ACF Felder: Grundlegend

Das ist das Text: Inhalt im einfachen Textfeld

Das ist ein Textbereich: Der Textbereich. Hier kann man eine Menge Text hineinschreiben. Spannend ist bei solchen Felden immer, ob auch die Zeilensprünge und die Absätze richtig angezeigt werden. Hier noch ein Absatz und ein Hard-Coded- Umbruch. Ergebnis: im ACF Backend umbricht es korrekt, im Frontend nicht!

Das ist das Numerisch: 642.5

642,5

Das ist er Bereich: 29

Das ist ein E-Mail-Link: e-Mail

Das ist ein Web-Link: zur Website

Das ist ein Passwort: DastIstGeheim42@

ACF Felder: Inhaltsfelder

Bildfeld:

https://demoserver.at/wp-content/uploads/2024/03/sonnenblume-1024×682.jpg
sonnenblume
Sonnenlume Querformat
Eine Sonnenblume steht an einem Gartenzaun.

Bild:

Sonnenlume Querformat
Sonnenlume Querformat
Sonnenlume Querformat

Dateifeld:

Dateititel: testfile1

Datei Permalink: https://demoserver.at/produkt/drittes-teil/testfile1/

Datei:

testfile1
https://demoserver.at/produkt/drittes-teil/testfile1/

testfile1

WYSIWYG: Das ist jetzt ein Text mit Formatierung. Manches ist fett, anderes kursiv. Ausserdem gibt es farbigen Text und auch Durchgesctrichen und Sonderzeichen: ♠Ω. Auch hier wieder der Versuch Absätze und Umbrüche unterzubringen.  Was natürlich auch nicht klappen kann. setzt man hingegen den Textbereich ein und schreibt Code klappt der Umbruch. Solange man nicht zurück auf „visuell“ wechselt.

WYSIWYG: Das ist jetzt ein Text mit Formatierung. Manches ist fett, anderes kursiv. Ausserdem gibt es farbigen Text und auch Durchgesctrichen und Sonderzeichen: ♠Ω. Auch hier wieder der Versuch Absätze und Umbrüche unterzubringen.  Was natürlich auch nicht klappen kann. setzt man hingegen den Textbereich ein und schreibt Code klappt der Umbruch. Solange man nicht zurück auf „visuell“ wechselt.

Galeriefeld:

ACF Felder: Auswahlfelder

Auswahlfeld: rot

Radiofeld: zwei

ACF Felder: Layoutfelder

Wiederholungsfeld:

Repeater (Als Linkliste):