Shortcodes – Fahrschule Faruk – Dortmund

Zusätzlich zu den Gutenberg-Blöcken stehen einige praktische Shortcodes zur Verfügung. So können z.B. mit Hilfe der Spalten-Shortcodes auch in Textbereichen außerhalb des Editors zweispaltige Darstellungen erreicht oder Google-Maps und Social-Media-Icons in Sidebar-Widgets eingebunden werden.

[ google-map width="" height="" ] [ google-map width="100%" height="300px" ]

Shortcode Attribute:
width => Breite der Karte, in px oder %
height => Höhe der Karte, in px oder %

[google-map width=“100%“ height=“300px“]

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

Shortcode Attribute:
name => Name/Klasse des Icons
size => Größe in px
color => Farbe des Icons

[icon name=“icofont-truck“ size=“80px“ color=“#24B6FF“][icon name=“icofont-truck“ size=“80px“ color=“#606774″][icon name=“icofont-truck“ size=“80px“ color=“#AD0203″]

[ button text="" url="" icon="" ]

Shortcode Attribute:
icon => Name/Klasse des Icons
text => Beschriftung
url => URL der verlinkten Seite
color => Farbe des Button
target => Linkziel (_blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll)

[button text=“Hier erfahren Sie mehr“ url=“#“ icon=“icofont-dotted-right “ color=“#AD0203″ ]

[button text=“Hier erfahren Sie noch mehr“ url=“#“ icon=“icofont-wall-clock “ color=“#24B6FF“ ]

[ social-media ]

[social-media]

Optional können Icons und Links zu Social-Media Profilen auch oben im Header angezeigt werden.

[ accordion ]
[ item icon="" title="" bg="" color="" ] Inhalt [ /item ]
[ /accordion ]

Shortcode Attribute:
icon => plus/check/arrow/question
title => Überschrift bzw. Frage
bg => Hintergrundfarbe
color => Textfarbe

[accordion]
[item icon=“plus“ bg=“#24B6FF“ color=“#fff“ title=“Welche Kosten kommen für den Führerscheinantrag auf mich zu?“]

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

[/item]
[item bg=“#24B6FF“ color=“#fff“ icon=“check“ title=“Welche Kosten kommen für den Führerscheinantrag auf mich zu?“]

[/item]
[item bg=“#f0f1f6″ color=“#424A59″ icon=“arrow“ title=“Welche Kosten kommen für den Führerscheinantrag auf mich zu?“]

[/item]
[item bg=“#f0f1f6″ color=“#424A59″ icon=“question“ title=“Welche Kosten kommen für den Führerscheinantrag auf mich zu?“]

[/item][/accordion]

[ tabbox ]
[ tabs ][ tab id="1" title="Tab1" ][ /tabs ]
[ panels ][ panel id="1" ] Inhalt [ /panel ][ /panels ]
[ /tabbox ]

Shortcode Attribute:
id => ID des Tabs und des dazu gehörenden Panels

[tabbox]
[tabs][tab id=“1″ title=“Tab Nummer 1″][tab id=“2″ title=“Tab Nummer 2″][/tabs]
[panels]
[panel id=“1″]

[/panel]
[panel id=“2″]

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

[/panel]
[/panels]
[/tabbox]

[ testimonials  modus="" iconfarbe="" icon="" ]
[ testimonial name="" text="" ]
[ /testimonials ]

Shortcode Attribute:
modus => hell/dunkel icon => Name/Klasse des Icons
iconfarbe => Farbe des Icons
name => Testimonial-Name
text => Testimonial-Text

[testimonials iconfarbe=“#f0f1f6″ icon=“icofont-license“][testimonial name=“Benjamin“ text=“Vielen Dank für die tolle Betreuung und die unendliche Geduld mit meinen Fahrkünsten, die am Anfang ja nicht so toll waren. Jetzt habe ich meine Führerscheinprüfung direkt im ersten Versuch bestanden und bin super stolz :). Danke noch mal!“][testimonial name=“Paul“ text=“Ich kann die Fahrschule Mustermann nur weiterempfehlen! Alle sind sehr freundlich und hilfsbereit und die Theoriestunden sind hier auch gar nicht so langweilig wie befürchtet. Toll ist, dass man auch Samstags Fahrstunden nehmen kann. „][testimonial name=“Julia“ text=“Vielen Dank für die tolle Betreuung und die unendliche Geduld mit meinen Fahrkünsten, die am Anfang ja nicht so toll waren. Jetzt habe ich meine Führerscheinprüfung direkt im ersten Versuch bestanden und bin super stolz :). Danke noch mal!“][testimonial name=“Ahmed“ text=“Ich kann die Fahrschule Mustermann nur weiterempfehlen! Alle sind sehr freundlich und hilfsbereit und die Theoriestunden sind hier auch gar nicht so langweilig wie befürchtet. Toll ist, dass man auch Samstags Fahrstunden nehmen kann. „][testimonial name=“Marlene“ text=“Vielen Dank für die tolle Betreuung und die unendliche Geduld mit meinen Fahrkünsten, die am Anfang ja nicht so toll waren. Jetzt habe ich meine Führerscheinprüfung direkt im ersten Versuch bestanden und bin super stolz :). Danke noch mal!“][testimonial name=“Alexa“ text=“Ich kann die Fahrschule Mustermann nur weiterempfehlen! Alle sind sehr freundlich und hilfsbereit und die Theoriestunden sind hier auch gar nicht so langweilig wie befürchtet. Toll ist, dass man auch Samstags Fahrstunden nehmen kann. „][/testimonials]

[ blog ]

Zeigt die neuesten vier Blogbeiträge

[blog]