Open JoshuaWolff opened 8 years ago
:+1: Seiten ohne großes Bild wären super. Siehe auch unsere Unterseiten im TYPO3 Template, z.B. http://www.pfadfinden.de/bund/aufbau-demokratie/
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.
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
Wordpress\wp-content\themes\buena-child
hinzufügen.Ohne Bild mit Überschrift Download
index-withoutteaser-mitueberschrift.php
per ´FTB unter Wordpress\wp-content\themes\buena-child
hinzu.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.
@JoshuaWolff Danke für die super Arbeit und ausführliche Anleitung! :clap: @corphi Bekommen wir das in das Theme?
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.