ProcessWire - Markup Regions - Versionsgeschichte

37.49.33.174 am 30. Juli 2018 um 12:52 Uhr

2018-07-30T12:52:31Z

37.49.33.174 am 30. Juli 2018 um 12:41 Uhr

2018-07-30T12:41:09Z

37.49.33.174: /* Siehe Auch */

2018-07-30T12:28:37Z

Siehe Auch

37.49.33.174: /* Kurzreferenz */

2018-07-30T12:24:31Z

Kurzreferenz

37.49.33.174 am 30. Juli 2018 um 12:23 Uhr

2018-07-30T12:23:23Z

37.49.33.174: Die Seite wurde neu angelegt: „== Siehe Auch == Processwire - Themes / Templates == Links == https://processwire.com/talk/topic/16589-markup-region-should-be-visible-in-docs/ http://pr…“

2018-07-30T10:21:15Z

Die Seite wurde neu angelegt: „== Siehe Auch == Processwire - Themes / Templates == Links == https://processwire.com/talk/topic/16589-markup-region-should-be-visible-in-docs/ http://pr…“

Neue Seite

== Siehe Auch ==

Processwire - Themes / Templates

== Links ==
https://processwire.com/talk/topic/16589-markup-region-should-be-visible-in-docs/
http://processwire.com/blog/posts/processwire-3.0.49-introduces-a-new-template-file-strategy/
http://processwire.com/blog/posts/processwire-3.0.50-core-updates/
http://processwire.com/blog/posts/processwire-3.0.62-and-more-on-markup-regions/

== Basics ==
* Die Einfachheit einer Seite mit direkter Ausgabe im Template soll mit der Mächtigkeit des delayed Output kombiniert werden.
* Wie bei Delayed Output muß das Basis-Template (_main) der Seite nicht in Header + Content + Footer Dateien aufgeteilt werden.
* Wie beim direkten Output kann man Ausgabebereiche einfacher an die Stelle packen an der man Sie haben möchte (aber ohne Includes)
* Templates können wir reines HTML genutzt werden. Man muß keine Variablen verketten, zwischenspeichern und includen.
*

== Quickstart ==
=== Aktivieren ===
Im Config File
$config->useMarkupRegions = true; // soll später default werden
=== Vorbereitungen ===
$config->appendTemplateFile = '_main.php';
im Init File '''ist nicht notwendig''', da wir nicht wie beim delayed Output Variablen manuell einfügen müssen die dann später ausgegeben werden. Wir nutzten es in diesem Beispiel trotzdem, da wir schon vertraut damit sind.

Angenommen es sieht so aus:

<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
<head>
<title><?=$page->title?></title>
</head>
<body>
<div id='content'>
<h1 id='headline'><?=$page->title?></h1>
<div id='bodycopy'>
<?=$page->body?>
</div>
</div>
<aside id='sidebar'>
<p>Welcome!</p>
</aside>
<footer id='footer'>
<p>Copyright 2017</p>
</footer>
</body>
</html>
</syntaxhighlight>

@@ Zeile 107: / Zeile 107: @@
 Bereits vorhandene Attribute bleiben erhalten.
-=== Markup Regions über include einsetzen ===
+=== Verschachtelte Dateien über include statt über einsetzen ===
 In den Beispielen haben wir ein _main.php File über
   $config->appendTemplateFile
 als Hauptdatei genutzt. Man kann aber auch einfach übergeordnete Dateien per include nutzen. Z.B. aus der home.php heraus:
   include("./markup.inc")
-=== mehr zu den pw- Klassen ===
+=== Markup Regions definieren ===
 * pw- Klassen werden am Ende entfernt und sind im Markup nicht mehr zu sehen.
 == Kurzreferenz ==

@@ Zeile 88: / Zeile 88: @@
 Verwendet man prepend statt append werden Elemente vorangestellt.
-=== Inhalte nach oder vor Containern (pw-before-[id],pw-after-[id]===
+=== Inhalte nach oder vor Containern (pw-before-[id],pw-after-[id]) ===
 In den vorigen Beispielen wurden Inhalte innerhalb des Containers ergänzt. Man kann aber auch komplett neue Inhalte vor oder nach dem Container platzieren:
- <h2 class='pw-after-headline'><?=$page->subhead?></h2>
+<pre>
 <pre>
 <div class='twitter pw-before-footer'>

@@ Zeile 140: / Zeile 140: @@
 <div class='pw-prepend-yo bar'>Prepends this div.bar to #yo</div>
 </syntaxhighlight>
 '''
-Summary of class attributes'''
+'''Zusammenfassung der class Attribute'''
 <pre>
-    pw-replace replaces element (default assumption)
+pw-replace replaces element (default assumption)
-    pw-prepend prepends markup to element
+pw-prepend prepends markup to element
-    pw-append appends markup to element
+pw-append appends markup to element
-    pw-before places markup before element
+pw-before places markup before element
-    pw-after places markup after element
+pw-after places markup after element
-    pw-before-id places this tag and markup before element with "id"
+pw-before-id places this tag and markup before element with "id"
-    pw-after-id places this tag and markup after element with "id"
+pw-after-id places this tag and markup after element with "id"
-    pw-remove removes element from document completely
+pw-remove removes element from document completely
-    foo adds class "foo" to element (can be any class name)
+foo adds class "foo" to element (can be any class name)
-    -bar removes class "bar" from element (can be any class name)
+-bar removes class "bar" from element (can be any class name)
 </pre>

@@ Zeile 1: / Zeile 1: @@
 == Siehe Auch ==
+[[Processwire - Themes / Templates]]
 == Links ==

@@ Zeile 18: / Zeile 18: @@
 == Quickstart ==
 === Aktivieren ===
 Im Config File
   $config->useMarkupRegions = true; // soll später default werden
-=== Vorbereitungen ===
   $config->appendTemplateFile = '_main.php';
 im Init File '''ist nicht notwendig''', da wir nicht wie beim delayed Output Variablen manuell einfügen müssen die dann später ausgegeben werden. Wir nutzten es in diesem Beispiel trotzdem, da wir schon vertraut damit sind.
-Angenommen es sieht so aus:
+Angenommen unser Standard _main Template sieht so aus:
 <syntaxhighlight lang="html5">
 <!DOCTYPE html>
@@ Zeile 49: / Zeile 52: @@
 </html>
 </syntaxhighlight>