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;
} |
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;
} |
.hentry.odd
{
background-color:red;
}
Published by Marcin Pietrzak
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec ante nec lectus laoreet feugiat. Donec aliquet justo in tellus gravida, id elementum magna convallis. Curabitur faucibus mauris sed risus egestas lobortis. Nunc vestibulum elit ac ipsum ultricies, non ultrices lorem ultrices. Nam at dolor id elit lobortis ullamcorper. Fusce commodo turpis nisi, efficitur efficitur libero dictum eget. Morbi viverra dignissim lacus. Vestibulum mi justo, dictum ut iaculis eget, scelerisque et nibh.
View more posts
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 ;)
witam,
a w jakim pliku ten pierwszy kod umieścić oraz w którym miejscu?
Pierwszy kod można umieścić w pliku functions.php, drugi w style.css używanego motywu.
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.
@technoformator: słusznie, literówka została poprawiona
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 ;)
Poradziłem sobie za pomocą prostego licznika postów oraz sprawdzaniem czy licznik ma wartość parzystą czy nie ;)
@Ł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.
Dobrym i łatwym rozwiązaniem jest wtyczka http://wordpress.org/plugins/post-backgrounds
Właśnie ją testuje i widzę że jest fajna (próbowałem też innych ale albo mój szablon robiony artesteer’em jest jakiś niekompatybilny albo te wtyczki po prostu szwankowały lub nie działały jak należy)
Pozdrawiam :)
Witam,
jak dodać obrazek w każdym poście inny , chodzi mi oczywiście o obrazek pod treścią a nie o background strony. Id strony, wszedzie szczątkowe odpowiedzi. Pluginy typu post backgrounds nie maja racji bytu. Szablon Workalite portfolio.
Z góry dziękuję i pozdrawiam.
@Rafał: nie bardzo rozumiem Twoje pytanie, ponieważ Wp natywnie obsługuje „Ikonę wpisu” czyli, obrazek, który można przypisać do każdego wpisu.
Taką funkcjonalność musi wspierać motyw lub wtyczki.
moja strona :
. W tle dodałem obrazek za pomocą prostego kodu
background-image: url(https://m1.behance.net/profiles2/127962/projects/13578751/3b6fb6485e76c75373c916f507769b6f.png);. Każda pozycja z portfolio powinna mieć odrębne tło. Wiem że jest cos w stylu post.id- 384, nie wiem gdzie to umieścić ;) Przepraszam za ten bajzel w mojej wypowiedzi.
@Rafał: pomagam na tej stronie sugerując gdzie szukać. Za poprawianie konkretnego kodu biorę już pieniądze, więc mogę to poprawić, ale za wynagrodzenie.