---
title: "Wordpress, använda sig av kategorier och css."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/188245-wordpress-använda-sig-av-kategorier-och-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jofawe"
published: "2011-11-11T20:36:06.000Z"
updated: "2011-12-12T13:24:50.000Z"
replies: 8
views: 1735
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/188245-wordpress-använda-sig-av-kategorier-och-css"
---

# Wordpress, använda sig av kategorier och css.

## #1 — jofawe, 2011-11-11T20:36Z

Jag har lite problem med att få till det som jag vill med stylingen av min frontsida. <http://www.vaxjovimmel.se/bejbi/wordpress/> (sidan är inte live så dethär är inte nån smygreklam)

Jag vet att man kan använda sig av  \<?php="php" post_class();="post_class();"\> för att hämta upp kategorier ur poster i wordpress, men det jag inte får till är att jag vill kunna styla varje enskild post med olika utseenden, fast bara på förstasidan.

Min förstasida består av en slider och 9 stycken bilder under den.
Där då titeln är själva "beskrivningen" av inlägget.

Min vision är att alla inlägg ur olika kategorier ska ha olika färger på bakgrunden till beskrivningen (den som nu är turkos).

Har hittat en [guide](http://lorelle.wordpress.com/2007/09/06/using-wordpress-categories-to-style-posts/), men den funkar bara för själva inlägget.

Hur fan får jag till det?
Nån som förstod min kanske lite korkade beskrivning .. sorry 'bout that, är pedagogisk som en morot ungefär.

Permalänk: https://www.webforum.nu/p/188245

## #2 — bassebhu, 2011-11-13T10:31Z

Nu sätter väl wp automatiskt klassen home på första sidan, men om inte så lägg in en \<?php if( is_front_page() ) echo 'home'; ?\> i bodyns class.

Sen borde du ju bara kunna köra:
.home .post-id-xxx { style }

Eller vad post-klasserna heter.

Permalänk: https://www.webforum.nu/p/2288369

## #3 — jofawe, 2011-11-14T21:01Z

Nej, det funkade inte.
Jag tror jag måste ta bort funktioner i themet för att få det att funka... eller iaf om jag förstått det rätt.

Nån annan som har en bättre lösning?

Permalänk: https://www.webforum.nu/p/2288410

## #4 — kaxigt, 2011-11-23T19:38Z

<http://codex.wordpress.org/The_Loop>

<http://wpgarage.com/tips/giving-different-styles-to-different-wordpress-categories/>

Du kan använda din functions.php och kalla därifrån men för att göra det enkelt så skippa is_home eller is_front_page, lägg in en query eller som wp.codex anvisar - ifsatser - i loopen på din indexsida i stället. Kör sedan koderna som vanligt på de andra sidorna. Fixa till dina visningsegenskaper i stilmallen.

Fler länkar:
<http://www.wpbeginner.com/wp-themes/how-to-style-each-wordpress-post-differently/>

Googla runt lite så hittar du fler alternativ =)

Permalänk: https://www.webforum.nu/p/2288729

## #5 — jofawe, 2011-11-23T19:55Z

Bra länkar Kaxigt, fast de visar bara hur jag ska göra för att få själva kategorisidan att bli stylead. Inte posten på förstasidan.

Permalänk: https://www.webforum.nu/p/2288731

## #6 — Palle, 2011-11-24T15:33Z

Hur skulle detta funka?

Lägg till detta i din functions-fil:

```php
function addCategoriesAsCssClass($PostId, $bolReturnWithClassAttribute = false){
	if(get_the_category($PostId)){
		$cats = array();
		foreach((get_the_category($PostId)) as $category) { 
			array_push($cats, $category->slug);
		}
		if($bolReturnWithClassAttribute){
			return ' class="'. implode(' ', $cats) .'"';			
		} else {
			return implode(' ', $cats);
		}
	}
}
```

Innuti loopen lägger du till anropet till funktionen ovan, på din \<div\>, ex.

```php
echo '<div class="boxpost'. addCategoriesAsCssClass($post->ID, false) .'">';
```

Sedan i din CSS-fil, där du byter ut NAMNETPÅENKATEGORI och NAMNETPÅENANNANKATEGORI till vad din kategori faktiskt heter.

```
.home .NAMNETPÅENKATEGORI h2 {
	background: pink;
}

.home .NAMNETPÅENANNANKATEGORI h2 {
	background: lime;
}
```

Har jag förstått dig rätt då?   :bire

Permalänk: https://www.webforum.nu/p/2288774

## #7 — kaxigt, 2011-11-25T17:21Z

> **[jofawe skrev:](https://www.webforum.nu/p/1542961)**
>
> Bra länkar Kaxigt, fast de visar bara hur jag ska göra för att få själva kategorisidan att bli stylead. Inte posten på förstasidan.

Alltså - du kan använda samma princip på din förstasida. :)

<http://codex.wordpress.org/The_Loop#Style_Posts_From_Some_Category_Differently>

Palle, om du lägger in den funktionen i functions.php, och sedan i själva loopen, så läser WP in detta på alla boxar, i synnerhet om du anger dem med class="boxpost". Du måste då även koppla den till visningsegenskaperna för temats css. 

Jag har en sida någonstans bland mina länkar som har koder för just detta och alla koder kallas från functions.php. Smidigt och bra. Ska se om jag hittar sidan.

Permalänk: https://www.webforum.nu/p/2288826

## #8 — jofawe, 2011-12-07T21:08Z

Hittade du nån sida, kaxigt? :)

Permalänk: https://www.webforum.nu/p/2289302

## #9 — Palle, 2011-12-12T13:24Z

> **[kaxigt skrev:](https://www.webforum.nu/p/1543073)**
>
> Palle, om du lägger in den funktionen i functions.php, och sedan i själva loopen, så läser WP in detta på alla boxar, i synnerhet om du anger dem med class="boxpost". Du måste då även koppla den till visningsegenskaperna för temats css.

Ehum, alltså man anropar funktionen i loopen där man behöver använda den.. inte överallt. 

Och klassnamnet "boxpost" kommer från hans egen sida, eftersom boxarna han vill styla har just den klassen.

Permalänk: https://www.webforum.nu/p/2289407

---

Tråden på webben: https://www.webforum.nu/amne/html-css/188245-wordpress-använda-sig-av-kategorier-och-css