DIV einfügen — Wrapper um h1 + divs´s im main tag für EINZELNE Seiten

Gelöst helmapelz
(@helmapelz)

vor 7 Jahren, 2 Monaten

Hallo – ich arbeite an einer neuen Website: Woocommerce, Storefront Theme «Toyshop«.

Beitragsseiten haben einen weißen Hintergrund, der Klassenselektor ist .hentry: Innerhalb des main tags werden die post-content-div´s von einem äußeren Wrapper umgeben.

Auf den Shopseiten ist der Hintergrund nicht vorgesehen. Ich möchte ihn aber haben!

Kein Thema für die Produktseiten: Die haben im main tag ebenfalls einen äußeren Wrapper, also kann ich den Hintergund über Ansprache der Seiten-ID gestalten.

PROBLEM: Die Basis-Shopseite und die Kategorieseiten haben diesen äußeren Wrapper nicht. Ansprache ginge nur via Klasse des main tags (.site-main), was sich dann natürlich global auswirkt – geht nicht, weil die Startseite hintergrundfarb-frei bleiben soll.

FRAGE: Wie kann ich die einzelnen div´s auf Basis-Shop- und Kategorieseiten des Shops mit einem äußeren Wrapper versehen, damit ich diesem eine Klasse zuweisen kann???

Plugins mit einem Shortcode wie [divup] sind nicht die Lösung, soweit ich das erkenne. denn die Überschriften h1 sollen ja mit in den Wrapper!

Ich würde mich sehr über eine Anleitung zur Selbsthilfe freuen, habe das ein oder andere überlegt, gelesen oder versucht — aber einfach noch keine Lösung gefunden.

Danke!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Moderator Torsten Landsiedel
(@zodiac1978)

vor 7 Jahren, 2 Monaten

WordPress vergibt ja Body-Klassen, so kannst du das CSS auf bestimmte Seiten(-typen) beschränken.

Falls das nicht hilft, ginge immer noch ein Child-Theme, wo du den Wrapper-DIV in den passenden Templates ergänzt.

Gruß, Torsten

Thread-Starter helmapelz
(@helmapelz)

vor 7 Jahren, 2 Monaten

Hm. Vielen Dank. Jetzt habe ich zwei Fragen, weil trial & error nichts genützt hat:

Wie adressiere ich die Body-Klasse? Mir wird da etwas Eeeeendloses ausgegeben via Firebug – und so wie ich jetzt schreibe, geht nix:

.home page-template page-template-template-homepage page-template-template-homepage-php page page-id-40 logged-in custom-background wp-custom-logo summer storefront-full-width-content right-sidebar woocommerce-active sp-shop-alignment-center loaded customize-partial-edit-shortcuts-shown {
…
}

Zweitens:
Und wie könnte ich denn in welches Template den DIV ergänzen? Von php habe ich leider überhaupt keine Ahnung 🙁

Danke, Corinna

Moderator Bego Mario Garde
(@pixolin)

vor 7 Jahren, 2 Monaten

Wenn das <body>-Tag folgende CSS-Klassen hat

home page-template page-template-template-homepage page-template-template-homepage-php page page-id-40 logged-in custom-background wp-custom-logo summer storefront-full-width-content right-sidebar …

… reicht es doch völlig, wenn du eine CSS-Regel unter Verwendung einer CSS-Klasse anlegst, die ausschließlich auf der Startseite vorkommt – also z.B. home:

.home .hentry { background: url('pattern.png') }

Und wie könnte ich denn in welches Template den DIV ergänzen? Von php habe ich leider überhaupt keine Ahnung

Wir können (und wollen) hier keine Grundlagen vermitteln. Das würde einerseits den Rahmen sprengen, andererseits gibt es dafür bessere Quellen – z.B. das Mozilla Developer Network.

Thread-Starter helmapelz
(@helmapelz)

vor 7 Jahren, 2 Monaten

Danke Thorsten für den ersten Anstoß mit den Bodyklassen. Danke, Bego, das hat geholfen. Wieder was gelernt: Ich wusste nicht, dass es sich um eine Aufzählung von verschiedenen Klassen handelt und ich mir quasi eine aussuchen kann. Problem gelöst!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)

Das Thema „DIV einfügen — Wrapper um h1 + divs´s im main tag für EINZELNE Seiten“ ist für neue Antworten geschlossen.

DIV einfügen — Wrapper um h1 + divs´s im main tag für EINZELNE Seiten

Themen-Schlagwörter

Ansichten