Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
fluid_templates [14/09/2019 13:04]
Thomas Berscheid [Fluid Template für den Inhaltsbereich]
fluid_templates [14/09/2019 13:06]
Thomas Berscheid [Fluid Template für den Inhaltsbereich]
Zeile 37: Zeile 37:
 Die Inhalte der drei Bereiche sind mit einer ID versehen, damit sie per CSS [[css_beispiele|bearbeitet werden können]]. Die Inhalte der drei Bereiche sind mit einer ID versehen, damit sie per CSS [[css_beispiele|bearbeitet werden können]].
  
-===== Fluid Template ​für den Inhaltsbereich ​=====+===== Fluid Template ​mit Section ​=====
  
-In den meisten Fällen wird man den gesamten Inhalt der Webseite nicht über ein einziges Basis Template darstellen, sondern dieses in einzelne Teilbereiche gliedern. Diese ''​Partials''​ bieten mehrere Vorteile. So werden die einzelnen Vorlagen der Webseite übersichtlicher und kürzer. Zudem sind Anpassung im Quelltext der Vorlagen einfacher und können per ''​GIT''​ versioniert werden.+In den meisten Fällen wird man den gesamten Inhalt der Webseite nicht über ein einziges Basis Template darstellen, sondern dieses in einzelne Teilbereiche gliedern. Der Inhaltsbereich wird in einer ''​Section''​ dargestellt. Diese ''​Partials''​ bieten mehrere Vorteile. So werden die einzelnen Vorlagen der Webseite übersichtlicher und kürzer. Zudem sind Anpassung im Quelltext der Vorlagen einfacher und können per ''​GIT''​ versioniert werden.
  
-  <main id="​main"> ​  +  ​<​f:​render section="​main"​ /> 
-    <div class="​row">​ +    ​<main id="​main"> ​  
-      <div class="​col-md-12 col-sm-12">​ +      <div class="​row">​ 
-        [...Hier der Inhalt...]+        <div class="​col-md-12 col-sm-12">​ 
 +          [...Hier der Inhalt ​1...] 
 +        </​div>​
       </​div>​       </​div>​
-    ​</​div>​ +      <div class="​row">​ 
-  </​main>​+        <div class="​col-md-12 col-sm-12">​ 
 +          [...Hier der Inhalt 2...] 
 +        ​</​div>​ 
 +      </​div>​ 
 +    ​</main
 +  </​f:​render>
 ===== IBK Blog ===== ===== IBK Blog =====
  
  • fluid_templates.txt
  • Zuletzt geändert: 14/09/2019 13:06
  • von Thomas Berscheid