Przejdź do głównej treści

Jak dodać klasę parzyste / nieparzyste pozycje na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz dodawać parzyste i nieparzyste klasy do artykułów na temat bloga WordPress? Dodanie klasy pozwoli wyświetlić określony styl dla każdego artykułu.

W tym samouczku pokażemy, jak wyświetlać parzyste lub nieparzyste klasy w WordPress.

wyświetlać nieparzyste, nawet pobierane przez WordPress klasy

Po co dodawać zajęcia? paires "Lub" nieparzysty »Na temat Twojego bloga WordPress?

Wiele motywów WordPress używa starej lub nawet klasy dla komentarzy WordPress. Pozwala użytkownikom zobaczyć, gdzie kończy się jeden komentarz, a zaczyna drugi.

Podobnie możesz użyć tej techniki w swoich artykułach. Wygląda estetycznie, umożliwiając użytkownikom szybkie skanowanie dużych stron. Jest to szczególnie przydatne na stronach głównych gazet lub czasopism.

To powiedziawszy, zobaczmy, jak dodać klasę do artykułów na swoim blogu WordPress.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Jak dodać klasę parzystą / nieparzystą na WordPress

WordPress generuje domyślne klasy CSS i dodaje je do różnych artykułów na Twojej stronie w locie. Te klasy CSS pomagają twórcom wtyczek i motywów dodawać własne style do każdego innego artykułu.

WordPress oferuje również funkcję o nazwie „ post_class Który jest używany przez twórców motywów do dodawania klas do artykułów.

Funkcja post_class Jest także filtrem, co oznacza, że ​​możesz nim manipulować. Właśnie to tutaj zrobimy.

Po prostu dodaj ten kod do pliku functions.php motywu WordPress.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

function oddeven_post_class ($ classes) {global $ current_class; $ classes [] = $ current_class; $ current_class = ($ current_class == 'odd')? "even": "nieparzysty"; return $ classes; } add_filter ('post_class', "oddeven_post_class '); global $ current_class; $ current_class = 'odd';

Ta funkcja po prostu dodaje klasę do nieparzystych i równych elementów.

W kodzie źródłowym swojej witryny znajdziesz nieparzyste i parzyste klasy. Po prostu najedź myszą na tytuł artykułu, a następnie kliknij prawym przyciskiem myszy, aby sprawdzić element.

podgląd nawet dziwnego artykułu WordPressa

Teraz, gdy dodałeś do artykułów klasy nieparzyste i parzyste. Następnym krokiem jest nadanie im unikalnego stylu za pomocą CSS. Możesz dodać własny kod CSS do motywu potomnego lub za pomocą prostej wtyczki CSS.

Oto przykład kodu CSS, którego można użyć jako punktu wyjścia:

.even {background: #f0f8ff; } .odd {background: #f4f4fb; }

Oto jak wynik może być:

alternatywne kolory Artykuły WordPress

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Będziesz potrzebował trochę praktyki, aby uzyskać dobre wyniki, ale do tego będziesz musiał opanować CSS lub po prostu użyć narzędzia takiego jak CSS Hero.

To takie proste. Mam nadzieję, że ten poradnik będzie ci bardzo pomocny. Zachęcamy do zadawania nam pytań lub udostępniania tego samouczka znajomym w ulubionych sieciach społecznościowych.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
12 akcji
udział8
ćwierkanie1
Enregistrer3