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 weiter

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 weiter

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 weiter

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

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 weiter

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 weiter

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

Google PlusTwitterXingLinkedInYoutube

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.