Support » CSS / opmaak vragen » 2 verschillende kleuren voor de posts-achtergronden op de index

  • Opgelost htc88

    (@htc88)


    Hallo,

    Voor mijn nieuwe sites wou ik de verschillende posts onderscheiden door een verschillende achtergrondkleur.
    Dus:
    post 1: achtergrond grijs
    post 2: achtergrond wit
    Post 3: achtergrond grijs
    etc
    etc

    Ik heb dit namelijk al wel eens op enkele websites voorbij zien komen en vind dit een hele leuke manier van onderscheiden van de posts.

    Iemand een idee?

    Bedankt!

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • zoals je in veel themas ziet heb je een pagina iets als: no-sidebar.php Single-colum-page.np
    Dit is eigenlijk gewoon je page.php maar dan met ene stuk code meer of minder.
    Je zou een paar vandeze kunnen maken, bij de pagina stel je dan in welk template hij hem gebruikt.
    Dan kopier je css gewoon en bijvoorbeeld je div met ‘ pagina’ maak je dan bijv de kleur bij etc dus elke pagina eigen stukje css wat je oproept.

    lees hier anders even http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

    #valandil, bedankt voor je antwoord maar het gaat me puur om de index.
    De posts (Excerpts) die daarop vertoond worden bedoel ik met post1, post2, post3 etc..

    oei dat is een lastige dan 🙂
    Kleur om en om heb ik wel is gezien dus bijv:

    post 1 blauw
    post 2 wit
    post 3 blauw

    etc etc

    haha jah idd.
    Volgens mij is het een combinatie van php & css aangezien de post op de website waar ik het heb gezien om en om bijvoorbeeld class=”kleur1″ en class=”kleur2″ meekrijgen.

    Iemand een idee?

    Mischien als je op een manier de taggs of een tagg van de post in je <div id=”tagg” >
    Weet te krijgen, kan je er css op achter maken.

    Sorry verstuurde hem 2x dus 1 verwijderd.

    dat zou misschien kunnen, maar dan moet ik zelf nog elke keer kijken welke tag ik de post moet geven. Bij het systeem waarover ik het heb gaat dat automatisch;)

    Je moet hiervoor the_loop in je index.php aanpassen. Dat kan bijvoorbeeld met de volgende code:

    <?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) == 0) : $wp_query->next_post(); else : the_post(); ?>
    
     <div class="kleur1">Jouw content</div>
    
    <?php endif; endwhile; else: ?>
    <div>Nix te vinden hier</div>
    <?php endif; ?>
    
    <?php $i = 0; rewind_posts(); ?>
    
    <?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?>
    
     <div class="kleur2">Jouw content</div>
    
    <?php endif; endwhile; else: ?>
     <div>Nix te vinden hier</div>
    <?php endif; ?>

    #willemv

    Bedankt voor je reactie, maar had het ondertussen al op een soortgelijke manier opgelost!

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘2 verschillende kleuren voor de posts-achtergronden op de index’ is gesloten voor nieuwe reacties.