Page Templates

[JoshuaWolff]

Es wäre gut die möglichkeit zu haben Page Templates zu verwenden. Damit mit man beispiels weise ein Template ohne Header-Bild hat, welches zur Zeit dauerhaft dar sein muss, dar dass auswählen von keinem zur folge hat das Schatten und Box weiterhin vorhanden sind.

[philippst]

👍 Seiten ohne großes Bild wären super.
Siehe auch unsere Unterseiten im TYPO3 Template, z.B. http://www.pfadfinden.de/bund/aufbau-demokratie/

[julian-weide]

Bin nicht sicher, ob das auch hierunter fällt, aber gut wäre es auch, wenn man wie in Philipss Beispiel mehrere "Beitragsboxen" auf einer Seite haben könnte und diese frei gestalten. z.B. auch mit Farben wie z.B. hier: http://www.pfadfinden.de/pfadfinden/altersstufen/
Aktuell geht das in Wordpress nur sehr eingeschränkt/umständlich über mehrere Beiträge.

[JoshuaWolff]

So ich hab nun ein bischen rumgetüftelt und es auch hinbekommen.

Benuzten: (Ich arbeite standart määsig mit einem Child-Theme)
Ohne Bild und ohne Überschrift
Download

1. Die entpackte php Datei must du per FTP zugang in den Ordner Wordpress\wp-content\themes\buena-child hinzufügen.
2. Wenn du nun eine Seite erstellts, klicke oben auf Optionen und aktiviere die Attribute.
3. Nun kannst du immer beim erstellen einer Seite, rechts aussuchen welches Page-Template du nutzen willst; in diesem Fall "Ohne Teaser Bild".

Ohne Bild mit Überschrift
Download

1. Ersetzte die style.css deines Child Themes, durch die hier runtergeladene. (Oder füge den Code zu deinem CSS-Code hinzu (bsp. mit Jetpack)
2. Füge die Datei index-withoutteaser-mitueberschrift.php per ´FTB unter Wordpress\wp-content\themes\buena-child hinzu.
3. Wenn du nun eine Seite erstellts, klicke oben auf Optionen und aktiviere die Attribute.
4. Nun kannst du immer beim erstellen einer Seite, rechts aussuchen welches Page-Template du nutzen willst; in diesem Fall "Ohne Teaser Bild mit ueberschrift".

Erklärung
Ich habe einfach die Index Datei kopiert und den jeweiligs den Abschnitt:

    <?php if ( $buenaTeaserImage = buena_get_theme()->getTeaserImage() ): ?>
      <header class="h h-box h-box-teaser">
        <?php echo $buenaTeaserImage; ?>
        <hgroup class="wrap">
          <h2><?php buena_get_theme()->printTitle(); ?></h2>
        </hgroup>
      </header>
    <?php else: ?>
      <header class="h">
        <h2><?php buena_get_theme()->printTitle(); ?></h2>
      </header>

bearbeitet.

Für eine Seite ohne Teaser-Bild habe ich alles gelöscht außer den Header der die Klassen "h" "h-box-teaser" lädt, gelöscht.

Für eine Seite ohne Teaser-Bild aber mit angepasster Überschrift habe ich die Ladenden Klassen auf "t" "t-box-teaser" geändert.
Daruf habe ich in der style.css erstmal alle Elemente der h-box kopiert, umbenant in t-box und daraufhin entsprechent angepasst.

/* Überschriften ohne Bild darunter */
.t-box-teaser > .wrap { bottom: 1em; padding-left: 240px; }
.t-box-teaser > .wrap > * { color: #ffffff; font-weight:bold; padding: 18px 0px 8px; font-size: 36px; line-height: 8px; }

@media (max-width: 720px) {
    .t-box-teaser { margin-top: 1em; margin-left: 2.5; }
    .t-box-teaser > .wrap { padding-left: 2em; }
    .t-box-teaser > .wrap > * { font-size: 3em; line-height: 15px; }
}

So das wäre es dann gewesen, nur hätte ich noch die frage, ob das evtl. ins Theme mit aufgenommen werden kann, damit nicht jeder User so einen komplizierten weg gehen muss.

Gut Pfad
Joshua

UPDATE: Vereinfachung des CSS codes und anpassung der Schrift zum CD wie auf Pfadfinden.de.
UPDATE2: Tut mir leid, ich hatte die Mobile Ansicht ganz vergessen; ist jetzt überarbeitet.

[philippst]

@JoshuaWolff Danke für die super Arbeit und ausführliche Anleitung! 👏
@corphi Bekommen wir das in das Theme?