Zurück   WordPress Deutschland Forum > Support > Design

Antwort
 
Themen-Optionen Ansicht
Alt 18.03.2010, 14:39   #1 (permalink)
PostRank: 0
 
Registriert seit: 18.03.2010
Beiträge: 2
2 Designs für verschiedene Kategorien auf Startseite

Hallo,

ich habe 2 Kategorien. Die Artikel der beiden Kategorien sollen sich auf der Startseite voneinander unterscheiden zB durch eine andere Hintergrundfarbe.

Durch query_posts(); kann ich ja die id der Kategorie abfragen.

Code:
<?php if (have_posts()) : 
 query_posts('cat=1'); 
 while(have_posts()) : the_post() ?>
<div class="style1">
<?php the_content(); ?>
</div>
 <?php endwhile; 
   wp_reset_query();
 
query_posts('cat=2'); 
 while(have_posts()) : the_post() ?>
 
 <div class="style2">
<?php the_content(); ?>
</div>
 <?php 
 endwhile; 
wp_reset_query();
 endif;
 ?>
Das Problem daran ist aber, dass ja die schleifen nacheinander abgearbeitet werden und demenstprechend erst alle Artikel der Kategorie 1 und dann alle Artikel der Kategorie 2 angezeigt werden. Das soll aber so nicht sein, sprich die Artikel durch das plugin postmash sortiert werden können, Kategorienunabhängig.

Ich hab jetzt so einige ausprobiert und im Netz recherchiert, aber es nicht hinbekommen bzw nichts passendes gefunden.

Evtl. hat ja einer von euch eine Lösung dafür .
thedan ist offline   Mit Zitat antworten
Alt 18.03.2010, 17:33   #2 (permalink)
PostRank: 10
 
Benutzerbild von alchymyth
 
Registriert seit: 07.06.2009
Beiträge: 2.820
mit einer kategorie-abhaengigen css class:

PHP-Code:
<?php if (have_posts()) : 
 while(
have_posts()) : the_post() ?>
<?php $categories
=wp_get_post_categories($post->ID);$cat=$categories[0]; ?>
<div class="cat-<?php echo $cat?>">
damit bekommst du eine kategorie-abhaengige class zB: .cat-5 wobei die 5 die kleinste ID der kategorie ist (ein post kann mehrere kategorien haben, und dieser code gibt nur die kleinste nummer aus, was fuer deinen zweck ausreichen sollte. d.h. ein post mit cat=5 und cat=31 wird dann .cat-5 als class haben. )

in der style.css dann die formatierung machen, zB::
Code:
.cat-5 {background-color: #123456; }
.cat-23 {background-color: #6789ad; }
__________________
"Wissen heißt wissen, wo es geschrieben steht." Albert Einstein
alchymyth ist offline   Mit Zitat antworten
Alt 18.03.2010, 22:20   #3 (permalink)
PostRank: 0
 
Registriert seit: 18.03.2010
Beiträge: 2
Das mit dem Hintergrund war nur ein Beispiel von mir. Im Endeffekt wird der ganze Loop für die jeweiligen Artikel der Kategorien anders aussehen *g*.
Dank deines Codes konnte ich jetzt eine simple if / else Abfrage basteln .
Danke!
thedan ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist aus.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus



Alle Zeitangaben in WEZ +1. Es ist jetzt 01:36 Uhr.


Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0 | Impressum | Ein Inpsyde.com Projekt