Mit dem Shortcode section_fullwidth soll es möglich sein, in Seiten Bestandteile einzusetzen, die über die gesamte sichtbare Breite des Viewports des Browsers gehen.
Beispiel:
Mit dem Shortcode section_fullwidth soll es möglich sein, in Seiten Bestandteile einzusetzen, die über die gesamte sichtbare Breite des Viewports des Browsers gehen.
Beispiel:
Dieser Text geht über die gesamte Breite. Der Bereich kann auch ein normales Bild enthalten oder andere Shortcodes.
[section_fullwidth]
Dieser Text geht über die gesamte Breite. Der Bereich kann auch ein normales Bild enthalten oder andere Shortcodes.
<img class="aligncenter size-full wp-image-29944" src="https://themes.xwolf.de/files/2017/04/cropped-IMG_20170319_134442.jpg" alt="" width="1438" height="690" >
[/section_fullwidth]
Es ist auch möglich, einen festen Hintergrund zu setzen. Hierzu kann man die Attribute background="URL"
und opional fixed="true"
setzen.
Um bei einem hohen Bild die maximale Höhe des Bereiches einzuschränken, kann man zusätzlich noch maxheight="px"
setzen, wobei px die Pixelangabe ist.
Wenn ein Hintergrund gesetzt wurde, enthalten Elemente für Überschriften, der Absatz, Blockquote, Code und em einen kleinen Margin links und rechts.
Gebt mir mehr Piraten!
[section_fullwidth maxheight="250" background="https://themes.xwolf.de/files/2017/04/IMG_20170319_133955.jpg"]
Gebt mir mehr Piraten!
[/section_fullwidth]
Wenn man möchte, kann man das Bild fixieren. Dies sorgt dafür, dass bei dem scrollen das Bild stehen bleibt.
Beispiel mit Parameter: [section_fullwidth maxheight="350" fixed="true" background="http://www.pirate-rogue.de/files/2013/03/6085293763_0d7af6e34a_o.jpg"]
Kombiniert man das Hintergrundbild mit der Farbeinstellung, kann man den Hintergrund der Schrift ändern:
Beispiel mit Parameter: [section_fullwidth maxheight="400" color="maincolor" background="https://themes.xwolf.de/files/2017/04/IMG_20170319_133955.jpg"]
Als Farben sind alle Standardfarben möglich, also: black, red, yellow, green, blue, lightgrey, grey, dark, maincolor, secondcolor
Wie man sieht, kann man damit nette Dinge machen. Allerdings wird die Sidebar, sofern sie vorhanden ist, nach unten rutschen.