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.


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 ][ testimonial text="" name="" ][ testimonial text="" name="" ][ /testimonials ]

Shortcode Attribute:
text => Zitat/Bewertung
name => Name

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.

Max Maier

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üller

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.

Erika Mustermann

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 Doe

[ 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 weiter

Box Titel

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Hier geht's weiter

Box Titel

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Mehr lesen

[ icon name="" size="" color="" ]

Shortcode Attribute:
name => Name/Klasse des Icons
color => Farbe des Icons

[ social-media ]

Die Links zu den Social-Media Profilen werden zuvor in den Theme-Einstellungen eingetragen.

Google PlusTwitterXingLinkedInInstagram
[ google-map ]

[ 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.


[ 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 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.

Mustermann GmbH
Karl Mustermann
Hauptstraße 3a, 12345 Hauptstadt

Wir freuen uns auf Ihre Nachricht und melden uns umgehend zurück!
Senden Sie uns hier eine Nachricht per E-Mail