verschiedene Styles pro Kat

Vicky08

Hallo liebes Forum,

für mein Theme hatte ich mir ursprünglich gedacht, dass jede Kategory sein eigenes Stylesheet erhälten soll. Das klappt so weit auch, nur leider funktioniert das nicht für die Posts in der Kategorie. Diese werden im Standard Style der Startseite angezeigt in der Post Ansicht (also wenn man den Titel anklickt oder den Read more Button). Dit war nicht Sinn der Sache :(

Gibt es hierfür eine Anleitung oder hat jemand eine Idee, wie ich das umsetzen kann, dass auch die Post der jeweiligen Kategorie in dem Kategorie-Style erstrahlen?

Herzlichen Dank für Eure Hilfe.

Werbepost

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

Ammaletu

Das sollte kein Problem sein. Du musst doch nur in der header.php schauen, ob Du Dich in der Einzelansicht befindest (Funktion is_single) und ob es eine Kategorie gibt, und dann das entsprechende Stylesheet einbinden, wahlweise anstatt oder zusätzlich zum Standard-Stylesheet.

Mal sehen, so in etwa (aus dem Kopf und ungetestet):

PHP

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php
  // get the category ID
  $my_category_id = -1;  
  if (is_single()) {
    // post in a category
    $my_categories = get_the_category();
    if (($my_categories != null) && (sizeof($my_categories) > 0)) {
      $my_category_id = $my_categories[0]->id;
    }
  } else {
    // try category page
    $my_category_id = intval(get_query_var('cat'));
  }
  if ($my_category_id > 0) {
?>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/category-<?php print $my_category_id; ?>.css" type="text/css" media="screen" />
<?php
  } /* end if */
?>

Alles anzeigen

Das würde ein zusätzliches Stylesheet namens category-x.css einbinden, mit x = ID der ersten Kategorie des Posts.

Vicky08

Vielen Dank!!! Das werde ich einmal ausprobieren.

In der header.php hatte ich zuvor eher die sehr einfache Variante, was die Kategorien auch brav verschiedenfarbig darstellt... nur eben die Posts nicht.

Herzlichen Dank!!!

Vicky08

Huhu :-)

Ich habe Deinen Code einmal ausprobiert. Leider führt der zum gleichen Ergebnis, wie vorher. Irgendetwas fehlt oder ich habe etwas übersehen.

Ich habe Stylesheets angelegt und "category-X" benannt, sie in den Ordner "css" im Stylesheet abgelegt und Deinen Code eingebunden.

Ergebnis:

Beim Klick auf die Kategorie Seite wird das Stylesheet zur Kategory angezeigt. Beim Klick auf das Posting der Kategorie erhalte ich wieder das Standard CSS...

Irgendetwas habe ich vergessen oder mache ich falsch... :confused:

Kann eventuell mal jemand hier drüber schauen? Ich würde mich sehr freuen. Vielen Dank!!!

Ammaletu

Tut mir echt Leid, ich muss Deine letze Antwort irgendwie überlesen haben. Ich hab es eben mal ausprobiert und mein Code enthielt leider noch einen Fehler. Richtig muss es so heißen, und das sollte dann aber auch wirklich gehen:

PHP

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php
  // get the category ID
  $my_category_id = -1;  
  if (is_single()) {
    // post in a category
    $my_categories = get_the_category();
    if (($my_categories != null) && (sizeof($my_categories) > 0)) {
      $my_category_id = $my_categories[0]->term_id;
    }
  } else {
    // try category page
    $my_category_id = intval(get_query_var('cat'));
  }
  if ($my_category_id > 0) {
?>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/category-<?php print $my_category_id; ?>.css" type="text/css" media="screen" />
<?php
  } /* end if */
?>

Alles anzeigen

Sorry noch mal für die lange Wartezeit und ich hoffe, das hilft Dir trotzdem noch weiter.

Wolf Larsen

Danke für den Code! Nach ein paar Minuten Frickelei hatte ich es auch raus. Zunächst fand ich keine IDs, die sieht man wohl nur im Backend in der Browserleiste, wenn man die Kategorien bearbeitet. Dann hatte ich irgendwie verschiedene CSS-Stile übereinander, wobei der eine den anderen überschrieb :-)

Wenn man Artikel in zwei Kategorien hat, dann nimmt er das Stylesheet nicht, oder? Ist bei mir so, aber ist ja auch irgendwie logisch.

Kann man so einen Code auch für statische Seiten bekommen? Für Kategorien finde ich ihn gar nicht so interessant, aber eine statische Seite mit Gallerie, mit abgedunkelten Farben, dass wäre doch was?

Wolf

Ammaletu

Du kannst natürlich genauso auch testen, ob Du auf einer bestimmten statischen Seite bist, entweder über den Namen/ID oder über den Wert eines benutzerdefinierten Feldes. Ich hab im Moment aber keine zeit, die genaue Syntax rauszusuchen.

Wenn ein Beitrag mehrere Kategorien hat, sollte obiger Code die erste Kategorie nehmen, wobei die vorher glaube ich alphabetisch sortiert werden. Wenn der Beitrag also an "Allgemein" und an "News" hängt, dann müsste das Stylesheet für "Allgemein" eingebunden werden. So war es jedenfalls gedacht.

Megget89

Wie funtioniert das den jetzt? Wo muss ich das genau einfügen und wo kann ich meinen 2 Header angeben?

So sieht das bei mir im style.css

CSS

/* header START */
#header {
	background:url(img/header.png) 0 0 no-repeat;
	height:250px;
}
#caption {
	height:54px;
	padding:50px 30px 100px 300px;
}
#caption h1 a{ color:#4a8e00}


*html #caption {padding:50px 30px 100px 300px;} /* ie6 fixed */


#title a {
	text-decoration:none;
	color:#da4213;
	/*width:250px;*/
	height:30px;
	display:block;
	font-family:"Trajan Pro";
	letter-spacing:0;
}
/* image blog title */


#tagline {
	color:#666;
	text-decoration:none;
	font-size:10px;
	float:left;
	padding:0 3px;
	margin-top:10px;
}
#navigation {
	height:30px;background: url(img/nav.png) no-repeat bottom;filter:Alpha(Opacity=75); opacity:0.85;margin:0 auto;
}
#menus li {
	float:left;	height:30px;text-align:center;line-height:30px;width:auto; padding:0 15px;background: url(img/nav_img.gif) no-repeat right top; list-style:none
}
#menus li a {
	display:block;color:#fff;text-decoration:none; line-height:30px; font-weight:700;
}
#menus li:hover {
	background:url(img/nav_hover.png) no-repeat center top; height:30px; width:auto; color:#FFF !important; text-decoration:none !important;
}
#menus li.current_page_item{
	background:url(img/nav_hover.png) no-repeat center top; height:30px; width:auto;
}




#searchbox {
	width:280px;
	float:right;
	padding:4px 10px;
}
#searchbox .textfield {
	line-height:16px;
	width:180px;
	float:right;
}
#searchbox .switcher {
	background:url(img/icons.gif) 0 0 no-repeat;
	float:right;
	width:18px;
	height:22px;
	line-height:16px;
	display:block;
	text-indent:-999em;
	padding:0 2px;
	height:16px;
	margin-top:3px;
}
/* header END */

Alles anzeigen

Wolf Larsen

Du fügst natürlich keinen zweiten Header in 1 Stylesheet ein. Abweichend vom normalen Style kannst Du einen weiteren angeben, nach Kategorie, der dann vielleicht nur eine andere Farbe/Bild für den Header hat. Die Steuerung, also wie das Stylesheet gewählt wird, hat Ammaletu geschrieben. Du musst also Code im Template verändern.

Wolf

Willkommen! Melden Sie sich an oder registrieren Sie sich.

verschiedene Styles pro Kat

Jetzt mitmachen!