Styling Previous / Next Pages anders als Index

Ein Freund von mir wies mich darauf hin, kindliche Elemente zu verwenden, um meine Indexseite so zu gestalten, dass ich eine Schleife und mehrere verschiedene visuelle Stile (einen hervorgehobenen Beitrag, einen kleineren Beitrag mit Unterfunktion und mehrere kleinere Miniaturansichten) erstellen konnte. Dies ist sehr hilfreich, da ich Posts hinzufügen kann und die vorhandenen Posts einfach durch dieses Styling fließen.

Zum Beispiel kann ich die .hentry-class folgendermaßen formatieren:

.hentry:nth-child(3) { background-color:#00000; } 

Und so weiter.

Das Problem, auf das ich gestoßen bin, ist, wenn ich auf die nächsten / vorherigen Links unten im Inhaltsbereich klicke, die folgenden Seiten behalten das Styling bei. Gibt es eine Möglichkeit, diese Seiten anders zu gestalten?

URL: http://piquantblog.com

Danke im Voraus!

Solutions Collecting From Web of "Styling Previous / Next Pages anders als Index"

Die body_class Ihres body_class kann für bestimmte Seiten verwendet werden:

 body.home /* front and subsequent pages */ body.paged /* any page *except* front page */ 

Ich glaube, dass Milos Antwort die einfachste und eleganteste Lösung ist. Ich möchte jedoch eine wenig bekannte Alternative hervorheben. Die Vorlagenhierarchie enthält eine fast unbekannte Vorlagendatei paged.php , die nur geladen wird, wenn

  1. Der aktuelle Kontext wird ausgelagert
  2. Der aktuelle Kontext ist ein Archiv
  3. Keine der Archivbaum-Vorlagendateien ( archive.php , date.php , {taxonomy}.php , author.php usw.) existiert

Diese Bedingungen sind fast nie gleichzeitig wahr; paged.php wird paged.php fast nie aufgerufen. Aber es ist da, verfügbar für den Einsatz und würde im OP-Szenario funktionieren.