BO Handwerk – Shortcodes
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.
Buttons
Button2
[ button text="" url="" color="" position="" ]
Shortcode Attribute:
text => Beschriftung des Buttons
url => URL der verlinkten Seite
color => Farbe des Buttons
position => Position des Buttons (left,right,center)
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Button1
[ button2 text="" url="" position="" ]
Shortcode Attribute:
text => Beschriftung des Button
url => URL der verlinkten Seite
color => Farbe des Button
position => Position des Buttons (left,right,center)
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Testimonials
[ testimonials ][ testimonial text="" name="" ][ testimonial text="" name="" ][ /testimonials ]
Shortcode Attribute:
text => Zitat/Bewertung
name => Name
Max MaierLorem 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.
Martin MüllerAt 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.
Erika MustermannLorem 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.
Jane DoeAt 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.
Box
[ box title="" icon="" color="" buttontext="" buttonlink="" buttontarget="" ]
Shortcode Attribute:
title => Überschrift der Box
icon => Name des Icons
iconsize => Größe des Icons in px
buttontext => Beschriftung des Button
buttonlink => URL der verlinkten Seite
color => Farbe des Icons / optional
buttontarget => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)
Box Titel
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Hier geht's weiterBox Titel
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Hier geht's weiterBox Titel
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Mehr lesenIcons
[ icon name="" size="" color="" ]
Shortcode Attribute:
name => Name/Klasse des Icons
color => Farbe des Icons
Social Media
[ social-media ]
Die Links zu den Social-Media Profilen werden zuvor in den Theme-Einstellungen eingetragen.
Google Map
[ google-map ]
Tabs
[ tabbox ]
[ tabarea ]
[ tab id="1" title="Tab1" ]
[ tab id="2" title="Tab2" ]
[ /tabarea ]
[ panelarea ]
[ panel id="1" ] ... [ /panel ]
[ panel id="2" ] ... [ /panel ]
[ /panelarea ]
[ /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 auch mit einem WP Block 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]
Timeline
[ timeline icon="icofont-news"]
[ tlitem icon="" time="" title="" ] ...text... [ /tlitem]
[ /timeline]
Shortcode Attribute:
timeline icon => Icon oberhalb der Timeline (optional)
icon => Icon für einen Timeline-Abschnitt (optional)
time => Zeitangabe für einen Timeline-Abschnitt
title => Überschrift des Timeline-Abschnitts
- 2001 - 2002
Gründung und Einrichtung
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat
- 2003
Umzug in neue Räume
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
- 2006 und 2007
Gewinn des Unternehmerpreises
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
- 2010
Rekordumsätze mit neuem Angebot
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
- 2015
Umstrukturierung
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.