Gdy prowadzimy bloga lub stronę czasem zdarzają się wpisy, które byśmy chcieli jakoś wyróżnić. Czemu? Bo albo są ważne, albo są np wpisami sponsorowanymi. Powodów może być wiele. I jest to naprawdę łatwe do uzyskania.

W poniższym tutorialu zaprezentuje dwie metody jak coś takiego osiągnąć. Obie metody sprowadzają się jednak do identycznego zakończenia, czyli oznaczenia wpisu odpowiednią css'ową klasą, np. "important". W stylu zaś ozdobimy go tak jak chcemy.

Nasz bohater

Nim jednak zaczniemy pisać o konkretach muszę wspomnieć troszkę o funkcji post_class(). Funkcja ta służy do wyświetlania klas związanych z wpisem. Wytestujcie ją umieszczając w loopie i zobaczcie co wypisze. Widać, że w bardzo prosty sposób dzięki niej można rozwiązać kwestię stylowania poszczególnych kategorii etc.

Poza wyświetlaniem klas możemy też zachęcić funkcję do tego, żeby wyświetliła klasę zaproponowaną przez nas. Jezeli chcemy dopisać do jakiegoś elementu klasę 'vivee' wystarczy, że użyjemy post_class('vivee').

Tyle jeśli chodzi o teorię - czas na praktykę.

Użyjmy kategorii

Pierwsze co musimy zrobić to utworzyć kategorię do której będziemy wrzucać ważne wpisy. Nazwijmy ją "ważne wpisy". Czas umieścić post_class() w odpowiednim miejscu.

Jeżeli nasz loop wygląda tak:

to post_class() umieszczamy następująco:

Wpisy, które zostały oznaczone kategorią "ważne wpisy" dostaną klasę category-wazne-wpisy.

Użyjmy pola użytkownika

Jeżeli komuś się nie podobają kategorie może użyć pól użytkownika. Wystarczy stworzyć pole "important" i jako wartość przypisać 1 (jeśli uznamy wpis za wazny).

W tym przypadku tworzymy functions.php i dopisujemy w nim (lub po prostu tylko dopisujemy do tego pliku jezeli już istnieje) funkcję is_important():

O polach użytkownika już pisaliśmy, jednak przypomnę, że za pomocą get_post_meta($post->ID, "important", true) pobieramy wartość pola "important" i przypisujemy do zmiennej. Następnie sprawdzamy czy wartość jest równa 1. Jeśli tak to dopisana jest klasa important.

Żeby to zadziałało zastępujemy zwykłe post_class() za pomocą:

Stylujemy

Kiedy już przy odpowiednich wpisach pojawia się nam klasa category-wazne-wpisy lub important możemy spokojnie zabrać się za stylowanie:

co wpiszecie zamiast "..." jest już tylko zależne od Was. Możecie np. zrobić coś bardzo kontrastowego i na białej stronie wyróżnionym wpisom dać ciemne tło.

Podsumowanie

I tak oto za pomocą niezwykle prostej sztuczki osiągneliśmy bardzo fajny i pożyteczny efekt. Ogólnie rzecz boirąc dopisywanie jakiejś klasy do pewnego typu wpisu jest bardzo użyteczną metodą. Tak też można wróżniać wpisy danego autora.