Shortcodes – Boxen und Buttons
Boxen
Boxen können am besten in Spalten dargestellt werden.
[box title="" icon="" color="" buttontext="" buttonlink="" buttontarget="" ] ... Inhalt ... [/box]
[box title="Überschrift" icon="icon-home" color="" buttontext="Hier weiterlesen" buttonlink="https:brings-online.com" buttontarget="_blank" ] ... Inhalt ... [/box]
Shortcode Attribute:
title => Überschrift der Box
icon => Name des Icons
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
Eine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterEine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterEine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterNam liber tempor cum soluta nobis
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Eine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterEine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterEine Headline
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Hier geht's weiterButton 1
Die Farben der Button nutzen standardmäßig die in den Theme-Einstellungen ausgewählten „Kontrastfarben“ oder können alternativ individuell pro Button festgelegt werden
[button text="" url="" position="" target="" bg="" color="" ]
[button text="Hier erfahren Sie mehr" url="https://brings-online.com" position="left" target="_blank" bg="#cc0000" color="#ffffff" ]
Shortcode Attribute:
text => Beschriftung des Button
url => URL der verlinkten Seite
position => Position des Button (left, right, center)
bg => Hintergrundfarbe des Button / optional
color => Farbe der Beschriftung / optional
target => Linkziel – _blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll
Button 2
[button2 text="" url="" position="" target="" ]
[button2 text="Hier erfahren Sie mehr" url="https://brings-online.com" position="left" target="_blank" ]
Shortcode Attribute:
text => Beschriftung des Button
url => URL der verlinkten Seite
position => Position des Button (left, right, center)
target => Linkziel – _blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll
Button 3
[button3 text="" url="" position="" target="" ]
[button3 text="Hier erfahren Sie mehr" url="https://brings-online.com" position="left" target="_blank" bg="#cc0000" color="#ffffff" ]
Shortcode Attribute:
text => Beschriftung des Button
url => URL der verlinkten Seite
position => Position des Button (left, right, center)
bg => Hintergrundfarbe des Button / optional
color => Farbe der Beschriftung / optional
target => Linkziel – _blank, wenn die verlinkte Seite in einem neuen Fenster geöffnet werden soll
Social Media Icons
[social-media]
Die Links zu den Social-Media Profilen müssen vorab in den Theme-Einstellungen hinterlegt werden. Folgende Dienste können eingetragen werden: GooglePlus, Twitter, Linkedin, Xing, Tumblr, Facebook, YouTube, Vimeo, Instagram, RSS, Pinterest, Flickr, E-Mail.
Icons
Die Namen und Codes aller im Theme verfügbaren Icons finden Sie im WP Dashboard unter „BO Immobilia/Shortcodes“. Alternativ können aber auch zusätzliche Icon-Namen/Klassen genutzt werden, z.B. FontAwesome.
[icon name="" size="" color="" ]
[icon name="icon-smile" size="30px" color="#cc0000" ]
Shortcode Attribute:
name => Name/Klasse des Icons
size => Größe des Icons in px
color => Farbe des Icons
Textseparator Headline
[textseparator position="" text="" ]
[textseparator position="links" text="Informieren Sie sich hier über unsere Leistungen" ]
Shortcode Attribute:
position => Darstellung links oder zentriert
text => Text der Headline
Informieren Sie sich hier über unsere Leistungen
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.
[textseparator position="center" text="Informieren Sie sich hier über unsere Leistungen" ]
Informieren Sie sich hier über unsere Leistungen
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.