Shortcodes stehen zusätzlich zu den Gutenberg-Blöcken zur Verfügung. Sie können überall im Content, aber auch in anderen Bereichen außerhalb des Editors genutzt werden, z.B. in Sidebars. Hier finden Sie außerdem Shortcodes für Immobilien, Leistungen, Ansprechpartner und Blogbeiträge.
Bitte beachten: Wenn Shortcodes hier aus den Code-Beispielen kopiert werden, muss nach dem Einfügen das Leerzeichen nach der ersten Klammer entfernt werden.
Slogan – Headline
Shortcode Attribute:
pre => „Preambel“ vor dem Text
text => Text
htag => Headline-Tag (h1 bis h6)
size => Schriftgröße
position => Position: links, rechts oder zentriert
[ slogan pre="" text="" size="" htag="" position="" ]
Morbi mattis nisl in magna gravida cursus
Buttons
Button2
[ button text="" url="" color="" icon="" target="" ]
Shortcode Attribute:
text => Beschriftung des Buttons
url => URL der verlinkten Seite
icon => Name/Klasse eines Icons
color => Farbe des Buttons
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Button1
[ button2 text="" url="" color="" target="" ]
Shortcode Attribute:
text => Beschriftung des Button
url => URL der verlinkten Seite
color => Farbe des Button
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Boxen
[ box title="" icon="" iconsize="" color="" buttontext="" buttonlink="" buttontarget="" ] ... [ /box ]
Shortcode Attribute:
title => Überschrift
icon => Name/Klasse eines Icons
color => Farbe des Icons
iconsize => Größe des Icons
buttontext => Beschriftung des Buttons
buttonlink => URL der verlinkten Seite
buttontarget => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Maecenas bibendum justo
Maecenas bibendum justo sit amet libero feugiat vestibulum. Quisque quis dapibus lorem, eu eleifend odio
[ box2 title="" icon="" color="" buttontext="" buttonlink="" buttontarget="" ] ... [ /box2 ]
Shortcode Attribute:
title => Überschrift
icon => Name/Klasse eines Icons
color => Farbe des Icons
buttontext => Beschriftung des Buttons
buttonlink => URL der verlinkten Seite
buttontarget => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Maecenas bibendum justo
Maecenas bibendum justo sit amet libero feugiat vestibulum. Quisque quis dapibus lorem, eu eleifend odio
Mehr erfahren[ box3 title="" icon="" color="" bg="" url="" target="" border="" ] ... [ /box3
Shortcode Attribute:
title => Überschrift
icon => Name/Klasse eines Icons
color => Farbe des Icons
bg => Farbe des Icon-Hintergrundes
url => URL der verlinkten Seite
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Überschrift
Maecenas bibendum justo sit amet libero feugiat vestibulum.
Maecenas bibendum
Maecenas bibendum justo sit amet libero feugiat vestibulum.
Maecenas bibendum
Maecenas bibendum justo sit amet libero feugiat vestibulum.
Testimonials
[ testimonials max="" ]
Shortcode Attribute:
max => Anzahl der Testimonials
Eleifend mi in nulla posuere. Faucibus nisl tincidunt eget nullam non nisi est sit amet. Eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Maecenas bibendum justo sit amet libero feugiat vestibulum. Quisque quis dapibus lorem, eu eleifend odio. Maecenas bibendum justo sit amet libero feugiat vestibulum. Quisque quis dapibus lorem, eu eleifend odio. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Eleifend mi in nulla posuere. Faucibus nisl tincidunt eget nullam non nisi est sit amet. Eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Testimonials werden zuvor in WordPress erstellt und können mit dem Shortcode ausgegeben werden.
Icons
[ icon name="" size="" color="" ]
Shortcode Attribute:
name => Name/Klasse des Icons
color => Farbe des Icons
size => Größe des Icons in px
Social Media
[ social-media ]
Die Links zu (diesen und anderen) Social-Media Profilen werden zuvor in den Theme-Einstellungen eingetragen.
Google Map
[ google-map ]
Tabs
[ tabbox ]
[ tabs ]
[ tab id="1" title="Tab Titel 1" ]
[ tab id="2" title="Tab Titel 2" ]
[ /tabs ]
[ panels ]
[ panel id="1" ] ... Inhalt 1 ... [ /panel ]
[ panel id="2" ] ... Inhalt 2 ... [ /panel ]
[ /panels ]
[ /tabbox ]
Cupcake ipsum dolor sit amet apple pie ice cream chupa chups. Muffin tiramisu pie tootsie roll chocolate bar. Cake oat cake cake. Jelly-o icing brownie bonbon soufflé jelly-o sweet powder cheesecake. Tart chocolate cake carrot cake carrot cake. Jelly beans chocolate bonbon pie liquorice pastry. Bear claw caramels chupa chups bear claw chocolate cake oat cake caramels. Jelly beans cupcake pudding sweet roll fruitcake lemon drops tart brownie biscuit.
Candy canes jelly-o gummies jelly beans cheesecake cotton candy. Croissant carrot cake danish tootsie roll halvah biscuit cookie jujubes sesame snaps. Croissant powder gummi bears gummi bears halvah. Halvah cheesecake brownie. Cookie wafer lollipop cake sesame snaps cupcake liquorice sweet roll caramels. Chocolate cake fruitcake cake candy danish sweet roll bear claw.
Chupa chups sugar plum icing wafer pie. Candy canes cotton candy gummi bears carrot cake croissant. Halvah cotton candy gummies lemon drops caramels chocolate cake. Ice cream danish bear claw caramels biscuit lemon drops candy canes. Biscuit jujubes danish bonbon. Sesame snaps brownie marzipan tart ice cream. Toffee caramels cotton candy jelly-o icing pudding. Liquorice gingerbread cheesecake chocolate bar apple pie sesame snaps icing biscuit. Ice cream fruitcake tiramisu. Sweet tootsie roll dragée soufflé candy canes danish. Pie sweet roll sweet roll sweet roll croissant muffin sesame snaps pastry jujubes. Sweet roll tootsie roll marzipan jelly beans.
Brownie bear claw cookie wafer cotton candy. Bear claw caramels dragée chocolate bar tiramisu gummi bears. Marshmallow sweet roll cotton candy fruitcake gummi bears gummi bears brownie wafer. Apple pie ice cream wafer wafer cotton candy. Croissant cupcake apple pie lemon drops sweet halvah candy canes gummi bears. Donut chocolate cake ice cream jelly gummi bears pudding dessert chocolate cake. Lollipop sweet roll toffee.
Jelly beans cake tootsie roll danish. Wafer cheesecake sweet roll soufflé donut marshmallow danish dessert muffin. Gummies candy canes tiramisu. Dragée chocolate icing lemon drops dragée marzipan danish tart. Tart liquorice topping ice cream tiramisu icing.
Spalten
[ row ]
[ col typ="col1-2"] ... zweispaltiger Text ... [ /col]
[ col typ="col1-2"] ... zweispaltiger Text ... [ /col]
[ /row]
[ row]
[ col typ="col1-3"] ... dreispaltiger Text ... [ /col]
[ col typ="col1-3"] ... dreispaltiger Text ... [ /col]
[ col typ="col1-3"] ... dreispaltiger Text ... [ /col]
[ /row]
[ row]
[ col typ="col1-4"] ... vierspaltiger Text ... [ /col]
[ col typ="col1-4"] ... vierspaltiger Text ... [ /col]
[ col typ="col1-4"] ... vierspaltiger Text ... [ /col]
[ col typ="col1-4"] ... vierspaltiger Text ... [ /col]
[ /row]
Spalten können am besten mit dem WP Block „Spalten“ eingerichtet werden – die Shortcodes sind hilfreich für alle Bereiche außerhalb des Editors, z.B. in Sidebars (HTML/Text-Widget) oder in Kontaktformularen.
[ row]
[ col typ="col2-3"] ... zwei Drittel ... [ /col]
[ col typ="col1-3"] ... ein Drittel ... [ /col]
[ /row]
[ row]
[ col typ="col3-4"] ... drei Viertel ... [ /col]
[ col typ="col1-4"] ... ein Viertel ... [ /col]
[ /row]
Panoramabox
Shortcode Attribute
src => URL des Bildes
height => Höhe der Ausgabe in px
width => alignwide (Contentbreite) oder alignfull (volle Breite)
[ panorama height="" width="" src=""]