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

  • Gelöst helmapelz

    (@helmapelz)


    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!

    Ich möchte den Content vom main tag zusammen in einem div haben!

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • 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

    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

    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.

    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.