«
»

WordPress: jak zmienić tło w co drugim wpisie

Na polskim forum WordPressa użytkownik kujdak zadał pytanie

Mam skórkę Twenty Eleven ten. chciałem wyróżnić posty – co drugi o np. szarym tle. porsze o pomoc jak to zrobic?

Odpowiedź dotyczy dowolne skórki i jest przewrotna. Wystarczy dodać odpowiednią klasę i ją wyróżnić.

A więc jak dodać klasę?

add_filter( 'post_class', 'iworks_even_odd_post_class_filter' );
 
$post_count = 1;
 
function iworks_even_odd_post_class_filter( $class )
{
    global $post_count;
    $class[] = $post_count++ % 2? 'odd':'even';
    return $class;
}

Oraz dodać odpowiedni wygląd w pliku style.css:

.hentry.odd
{
    background-color:red;
}

Liczba komentarzy: 8

wujekbogdan - Gravatar

23 grudnia 2011 o godzinie 18:35 wujekbogdan skomentował:

ja bym to zrobił za pomocą css i nth-child(), no ale jak ma być cross browser to rozwiązanie powyżej jest ok.

btw i tak w większości projektów używam selectivizr: http://selectivizr.com/ więc rozwiązanie w css w zasadzie jest cross browser ;)

kujdak - Gravatar

23 grudnia 2011 o godzinie 21:01 kujdak skomentował:

witam,
a w jakim pliku ten pierwszy kod umieścić oraz w którym miejscu?

Marcin - Gravatar

23 grudnia 2011 o godzinie 22:29 Marcin skomentował:

Pierwszy kod można umieścić w pliku functions.php, drugi w style.css używanego motywu.

techformator - Gravatar

25 grudnia 2011 o godzinie 19:43 techformator skomentował:

Powinno być .hentry.odd a nie jak napisałeś .hetry.odd zakładam że to była tylko literówka ;)

Pozdrawiam i Wesołych Świąt.

Marcin - Gravatar

28 grudnia 2011 o godzinie 10:51 Marcin skomentował:

@technoformator: słusznie, literówka została poprawiona

Lukasz - Gravatar

20 stycznia 2012 o godzinie 13:23 Lukasz skomentował:

Mam prosty theme pod wordpressem, który robiłem od podstaw (nie ma plików funkcji i innych różnych plików .php odpowiedzialnych za wyświetlanie postów, jak w TwentyEleven).

Jak włączam theme TwentyE to to działa, na moim nie. Jakaś sugestia co może być nie tak?

Z góry dzięki ;)

Lukasz - Gravatar

20 stycznia 2012 o godzinie 14:23 Lukasz skomentował:

Poradziłem sobie za pomocą prostego licznika postów oraz sprawdzaniem czy licznik ma wartość parzystą czy nie ;)

Marcin - Gravatar

20 stycznia 2012 o godzinie 17:00 Marcin skomentował:

@Łukasz: we wpisie jest właśnie licznik postów i klasy „parzysta” i „nieparzysta”, tylko że sposób wypisywania do samego szablonu jest związany z tym jak trzeba pisać motyw. Jeżeli ten kod u Ciebie nie działa, to znaczy, że ma źle napisany motyw lub taki był Twój wybór.

Dodaj komentarz

Należy wpełnić pola oznaczone znakiem gwiazdki "*". Proszę zapoznać się z zasadami komentowania.

Tagi

404 aktualizacja auto referrer bezpieczeństwo blip blipgo cms css feed google grajan html internet explorer ip.board javascript jquery klient konfiguracja linux mysql nginx odnośnik perl php plugin poradnik webmastera portfolio postgresql RSS seo smarty spam testowanie upgrade upPrev usability utf8 webdesign webox WordCamp WordPress WordPress szablon wpml wtyczka xhtml

ostatnio popularne wpisy

ostatnie komentarze

Więcej w css, pl.forums.wordpress.org
przełam sieć › Zaloguj się
WordPress: modyfikacja ekranu logowania

WordPress bez zbędnego kłopotu pozwala zmienić domyślny wygląd ekranu logowania: <?php /** * branding ekranu logowania */ function iworks_login_logo() {...

Zamknij

Dodatek zrealizowany za pomocą wtyczki upPrev.