Bilder zu Kategorien in Gallerie stylen

[rosaro]

Moin Moin.

Ich habe mal eine Frage (und versuche mich jetzt deutlich auszudrücken, da ich nicht vom Fach bin aber viel Spass am basteln und am lernen habe : )

Ich habe auf meiner Front-Page eine kleine Galerie, mit den letzten Posts. Die Posts sind in verschiedenen Kategorien abgelegt. Bei jeder
Kategorie arbeite ich mit verschieden Farben (Ich style die jeweiligen Posts dann immer mit der bodyclass).
Auf der Front-Page würd ich nun gerne die Bilder der jeweiligen Kategorien mit einem hover oder so stylen.

Aber wie komme ich an die Bilder?
Über ID bringt ja nicht soviel, da ich ja sonst jedes Bilder einzeln stylen muss, oder!?!?!
Kann man die Bilder verknüpft mit Kategorien ausgeben, bzw diese einzeln stylen?
Das ganze sieht so aus:

<div class="twelvecol last" id="spec-row">
            <h1>RECENT POSTS</h1>
            <div class="spec-cat">
                <?php
                    $args = array('posts_per_page' => 8 );
                    $query = new WP_Query( $args );
                    while ($query->have_posts()) : $query->the_post();
                ?>
                <div class="spec-art">
                        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('post-thumb'); ?>
                        
                    <div class="spec-caption">
                        <h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
                      </div>
                    </a>
                </div>
                      <?php
                    endwhile;
                ?>               
                 
            </div>
        </div>
</div>

Vielleicht hat ja jemand eine Idee

Schon mal Danke!

 

[rosaro]

AW: Bilder zu Kategorien in Gallerie stylen

Niemand ne idee?
Oder hab ich mich schlecht ausgedrückt?

 

[Myhar]

AW: Bilder zu Kategorien in Gallerie stylen

Du redest hier von styling und lieferst uns PHP Code. Dabei ist das Styling für das endgültige HTML Konstrukt verantwortlich, am Server muss dieser Code lediglich mittels PHP generiert werden.
Wenn du jedes Bild anders stylen willst, dann wirst du auch für jedes Bild ein eigenes CSS anlegen müssen:

.bild1:hover{border:2px solid green}
.bild2:hover{border:2px solid red}
.bild3:hover{border:2px solid blue}

Möchtest du jedes Bild gleich stylen, dann reicht natürlich eine Klasse aus.

 

[rosaro]

AW: Bilder zu Kategorien in Gallerie stylen

Ich hatte den PHP code geliefert, da ich eigentlich eine Klasse oder sowas für die Featured Images haben wollte....

Ich habe es jetzt damit hinbekommen:

                <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Aber trotzdem DANKE!

 

[afr0kalypse]

AW: Bilder zu Kategorien in Gallerie stylen

Sollen alle Bilder den gleichen Effekt haben?
dann wäre doch per CSS das hier möglich:

.classname img:hover { /* tu was */ }

 

[rosaro]

AW: Bilder zu Kategorien in Gallerie stylen

JA! Genau so habe ich es auch hinbekommen