https://wiki.stephanschlegel.de/index.php?action=history&feed=atom&title=LayoutBlock_-_HTML_%28uikit%29 2026-05-07T06:11:56Z Versionsgeschichte dieser Seite in Wikizone MediaWiki 1.35.14 https://wiki.stephanschlegel.de/index.php?title=LayoutBlock_-_HTML_(uikit)&diff=23485&oldid=prev 2018-11-02T17:00:27Z

<p>Die Seite wurde neu angelegt: „&lt;syntaxhighlight lang=&quot;php&quot;&gt; &lt;?php namespace ProcessWire; // v1.0 // Init $sectionClasses = array(&#039;uk-section&#039;); $sectionStyles = array(); $sectionClassesMarku…“</p> <p><b>Neue Seite</b></p><div>&lt;syntaxhighlight lang=&quot;php&quot;&gt;<br /> &lt;?php namespace ProcessWire;<br /> // v1.0<br /> // Init<br /> $sectionClasses = array(&#039;uk-section&#039;);<br /> $sectionStyles = array();<br /> $sectionClassesMarkup = &#039;&#039;;<br /> $sectionStylesMarkup = &#039;&#039;;<br /> $containerClasses = array(&#039;uk-container&#039;); // content container not box-container<br /> $containerClassesMarkup = &#039;&#039;;<br /> $gridClasses = array();<br /> $colClasses = array();<br /> $prepend = &#039;&#039;;<br /> $append = &#039;&#039;;<br /> $bodyPrepend = &#039;&#039;;<br /> $bodyAppend = &#039;&#039;;<br /> <br /> // Section Classes<br /> if($page-&gt;section_style) $sectionClasses[] = $page-&gt;section_style-&gt;value;<br /> if($page-&gt;section_size) $sectionClasses[] = $page-&gt;section_size-&gt;value;<br /> if($page-&gt;no_space_top) $sectionClasses[] = &quot;uk-padding-remove-top&quot;;<br /> if($page-&gt;no_space_bottom) $sectionClasses[] = &quot;uk-padding-remove-bottom&quot;;<br /> // Container Classes<br /> if($page-&gt;uk_container_size) $containerClasses[] = $page-&gt;uk_container_size-&gt;value;<br /> // Background Image<br /> if($page-&gt;single_image){<br /> $myImage = $page-&gt;single_image-&gt;width(1200);<br /> $sectionClasses[] = &#039;uk-background-cover&#039;;<br /> $sectionStyles[] = &#039;background-image:url(\&#039;&#039;.$myImage-&gt;url.&#039;\&#039;);&#039;;<br /> }<br /> // BOXED SECTION<br /> if($page-&gt;section_boxed){<br /> // add outer container<br /> $prepend .= &#039;&lt;div class=&quot;uk-container&quot;&gt;&#039;;<br /> $append .= &#039;&lt;/div&gt;&#039;;<br /> $gridClasses[] = &#039;uk-margin-remove&#039;;<br /> $colClasses[] = &#039;uk-padding&#039;;<br /> }<br /> <br /> // Fixed Width container ToDo wrap function<br /> if($page-&gt;fixed_width){<br /> $bodyPrepend = &#039;&lt;div class=&quot;&#039;.$page-&gt;fixed_width-&gt;value.&#039;&quot;&gt;&#039;;<br /> $bodyAppend = &#039;&lt;/div&gt;&#039;;<br /> }<br /> // CREATE MARKUP<br /> $sectionClassesMarkup = implode(&#039; &#039;,$sectionClasses);<br /> $sectionStylesMarkup = implode(&#039; &#039;,$sectionStyles);<br /> $containerClassesMarkup = implode(&#039; &#039;,$containerClasses);<br /> $gridClasses[] = &#039;uk-grid&#039;;<br /> $gridClassesMarkup = implode(&#039; &#039;,$gridClasses);<br /> <br /> $colClasses[] = &#039;uk-width-1-1&#039;;<br /> $colClassesMarkup = implode(&#039; &#039;,$colClasses);<br /> <br /> // Put things together<br /> $body = $bodyPrepend.$page-&gt;html.$bodyAppend;<br /> $out = &#039;&#039;;<br /> $out .= &quot;<br /> &lt;div class=\&quot;$sectionClassesMarkup\&quot; style=\&quot;$sectionStylesMarkup\&quot;&gt;<br /> &lt;div class=\&quot;$containerClassesMarkup\&quot;&gt;<br /> &lt;div class=\&quot;$gridClassesMarkup\&quot;&gt;<br /> &lt;div class=\&quot;$colClassesMarkup\&quot;&gt;<br /> $body<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &quot;;<br /> <br /> return $prepend.$out.$append;<br /> &lt;/syntaxhighlight&gt;</div>

Steff