Getrennte Styles für Seiten und Artikel

  • Hallo

    Auf einer Website, die ich per Wordpress erstellt habe, möchte ich Artikel mit einem anderen Aussehen als die Seiten erstellen (also getrennte Designs).
    Ich habe schon recherchiert, aber was ich gefunden habe war nicht unbedingt hilfreich.

    Ich würde mich freuen, wenn mir jemand bei der Lösung dieses Problems helfen könnte.

    Mit freundlichen Grüßen

    david220

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Sehr dürftige Infos ohne Bilder/Beispiele! Wenn ich hier recherchiere, dann findet sich zu dem Thema doch einiges!

    Zitat

    [COLOR=#333333]Artikel mit einem anderen Aussehen[/COLOR]

    Bearbeite in der style.css die entsprechenden Bereiche, die die single.php betreffen.

    Für die Seiten machst Du eine neueSeite.php und gestaltest diese, so wie Du es haben willst neue/die Eigenschaften trägst Du in die style.css ein. Die neueSeite.php muss im Theme-Ordner gespeichert werden. Wichtig ist, das

    PHP
    <?php 
    /* 
    Template Name: neueSeite 
    */ 
    ?>

    in der php als erstes steht, dann wird dass als Template erkannt und Du kannst Das Deiner Seite zuweisen.

  • Hallo

    Vielen Dank für die Antworten und die Anmerkung in Sachen "dürftig", Ansika24.

    Für bestimmte Artikel, nicht für alle, möchte ich, dass Kopf- und Fußzeile verschwinden. Es soll nur noch der Seiteninhalt angezeigt werden und das auf dem Hintergrundbild.
    Die Seite um die es sich handelt lautet: cms.lichtamhorizont.de.
    Artikelseiten sind dabei z. Bsp. unter "Aktuelles" -> "Archiv" -> "2009" zu finden. Das Hintergrundbild ist das Blau mit dem Verlauf. (Den Teil mit dem Hintergrundbild kann ich selber.)

    Ich muss dazu nun noch wissen, wie man bestimmten Artikeln ein anderes Aussehen zuweist.

    Mit freundlichen Grüßen david220


  • Ich muss dazu nun noch wissen, wie man bestimmten Artikeln ein anderes Aussehen zuweist.

    z.B. indem du in der header.php das body-Tag ergänzt:

    PHP
    <body id="id-<?php print $post->ID;?>">

    So bekommt jede Seite eine id die du nutzen kannst um gezielt Seiten zu gestalten.
    Was ich aber nicht verstehe, normal gibt WP doch schon einige Klassen für das body-Tag aus, die man nutzen kann, z.B. :

    PHP
    <body class="single single-post postid-855 single-format-standard logged-in">

    Bei dir wird gar nichts ausgegeben. Welche WP-Version hast du denn installiert?

  • Das funktioniert nur, wenn

    PHP
    <body <?php body_class(); ?>>


    in der header.php steht und nicht nur <body>

    genau. Normal steht das ja auch im TT- u. TE-Theme von Hause aus drin.
    Deshalb hatte ich auch gefragt welche WP-version installiert ist. ;)

  • Hallo

    Kann es sein, dass entweder

    PHP
    <body id="id-<?php print $post->ID;?>">

    oder

    PHP
    <body <?php body_class(); ?>>

    nicht in der header.php stehen muss sondern in der single.php?

    Ich muss dazu noch sagen, dass meine Kenntnisse in PHP-Programmierung mittel sind. Das Problem hier ist, dass ich immer noch nicht verstehe, wie man nun eine Seite mit einem bestimmten Style verbindet (dem oben beschriebenen, in dem header und footer entfernt werden sollen.)

    Das müsste doch über ein benutzerdefiniertes Feld laufen können, welches man in der single.php abfragt. Wenn ein bestimmter Eintrag in dem Feld steht, dann entferne header (Das Bild im Kopf und die Menüleiste) und footer (Das Bild am Fuss der Seite).

    Ich bin schon soweit, das mit einem Plugin lösen zu wollen, wobei das auch nicht gerade die feine Art ist.

    Mit freunclichen Grüßen

    david220

    Einmal editiert, zuletzt von david220 (27. September 2012 um 13:19)

  • das hier:

    PHP
    <body id="id-<?php print $post->ID;?>">

    kann in anderen (web)seiten als single post oder page unerwartete ausgaben haben, normalerweise die ID des ersten posts im loop.
    sollte daher evtl nur im loop, zB in single.php, verwendet werden.
    da koenntest du aber dann auch gleich 'post_class()' einsetzen.
    oder die ausgabe auf einzelseiten oder -artikel beschraenken:

    PHP
    <body <?php if( is_singular() ) : ?>id="id-<?php print $post->ID;?>"<?php endif; ?>>


    aber das hier:

    PHP
    <body <?php body_class(); ?>>

    sollte im header.php genau das machen wofuer es gedacht ist; d.h. (web)seiten spezifische css klassen ausgeben.

    zur eigentlichen frage:

    Zitat

    in dem header und footer entfernt werden sollen

    mit css kannst du die optische ausgabe der (ansonsten) sichtbaren header und footer element unterbinden.

    angenommen, du haettest 'body_class()' im body-tag, dann koenntest du zB hiermit auf einer Seite mit der ID 35 den sichtbaren header ausblenden:

    Code
    .page-id-35 #botHeader { display: none; }

    fuer die footer-wellen-flash-animation muesstest du ernst noch eine css class einfugen, damit das gezielt im stylesheet angesprochen werden kann.

  • nicht in der header.php stehen muss sondern in der single.php?

    Das müsste doch über ein benutzerdefiniertes Feld laufen können,

    zweimal nein!
    Der body-tag muss ergänzt werden und der steht in der header.php.
    Benutzerdefiniertes Feld ist das falsche Stichwort. Nachfahrenselektor ist besser.



    wie man nun eine Seite mit einem bestimmten Style verbindet (dem oben beschriebenen, in dem header und footer entfernt werden sollen.)

    Durch die Ergänzung des body-tags wird für jede Seite eine eigene ID ausgegeben. Diese kann man zum Gestalten per Nachfahrenselektor hernehmen.

    Du solltest dringend deine HTML/CSS-Kenntnisse erweitern (folge vorzeiligem Link und fange von vorne an!). Zumindest die basics sollte man draufhaben, wenn man mit WP rumhantiert. ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!