Czy chcesz wyświetlać najnowsze posty z określonej kategorii na swojej stronie WordPress? Filtrowanie postów według kategorii pozwala pokazać odbiorcom bardziej trafne najnowsze posty.
Nauczyliśmy się, że kiedy ułatwiamy odwiedzającym znalezienie treści, które ich najbardziej interesują, chętniej zostają na stronie. Może to pomóc w zmniejszeniu współczynnika odrzuceń i zwiększeniu liczby wyświetleń stron.
W tym artykule pokażemy różne sposoby wyświetlania najnowszych postów z konkretnej kategorii w WordPressie.
Dlaczego filtrować posty według kategorii w WordPressie
Wyświetlanie najnowszych postów pozwala użytkownikom odkrywać nowe treści podczas przeglądania Twojej witryny. To znacznie pomaga zwiększyć ruch na blogu i liczbę wyświetleń stron.
Może to również pomóc w optymalizacji pod kątem wyszukiwarek Twojej witryny, czyniąc Twoje treści bardziej odkrywalnymi i poprawiając wewnętrzne linkowanie między wpisami na blogu.
Aby lista Twoich najnowszych postów była jeszcze bardziej użyteczna, możesz chcieć wyświetlać tylko posty związane z treścią, którą użytkownicy aktualnie przeglądają.
Ten prosty krok może zachęcić odwiedzających do spędzania większej ilości czasu na Twojej stronie, co może nawet prowadzić do większej liczby subskrybentów e-mail i klientów.
Teraz, jeśli chcesz wyświetlić wszystkie swoje posty z określonej kategorii na oddzielnej stronie, WordPress już się tym dla Ciebie zajmuje.
Aby znaleźć stronę kategorii, wystarczy przejść do strony Posty » Kategorie » Wyświetl i kliknąć link „Wyświetl” pod kategorią.
Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo wyświetlać najnowsze posty według kategorii w różnych obszarach Twojej witryny. Omówimy następujące metody, dzięki czemu możesz przejść do tej, która Cię interesuje:
- Metoda 1: Dodawanie najnowszych postów według kategorii za pomocą edytora bloków
- Metoda 2: Dodawanie najnowszych postów według kategorii w pasku bocznym WordPress
- Metoda 3: Dodawanie najnowszych postów według kategorii za pomocą kodu
Metoda 1: Dodawanie najnowszych postów według kategorii za pomocą edytora bloków
Domyślnie WordPress zawiera blok najnowszych postów w edytorze bloków. Pozwala on łatwo wyświetlać najnowsze posty na stronie lub w poście, a nawet można je filtrować według kategorii.
Najpierw musisz edytować post lub stronę, na której chcesz wyświetlić najnowsze posty według kategorii. Na ekranie edycji posta kliknij przycisk dodaj nowy blok (+) , a następnie poszukaj bloku „Najnowsze posty”.
Zobaczysz blok pojawiający się w obszarze treści z podglądem Twoich najnowszych wpisów. Po prostu kliknij, aby wybrać blok, a ustawienia bloku zobaczysz w prawej kolumnie.
Na górze ustawień zobaczysz różne opcje, takie jak wyświetlanie obrazu wyróżniającego, autora posta, daty i treści.
Teraz musisz przewinąć w dół do sekcji „Sortowanie i filtrowanie” w ustawieniach bloku. Stamtąd musisz wprowadzić nazwę kategorii, z której chcesz wyświetlać posty.
Możesz nawet wybrać wiele kategorii, oddzielając nazwy kategorii przecinkiem.
Zauważysz, że podgląd Twoich najnowszych postów zmieni się, aby zawierać tylko posty z wybranych przez Ciebie kategorii.
Możesz teraz zapisać swój wpis lub stronę i wyświetlić podgląd w oknie przeglądarki. Oto jak wyglądało to na naszej stronie testowej, pokazując ostatnie wpisy z określonej kategorii z wyróżnionymi obrazkami i fragmentami wpisów.
Metoda 2: Dodawanie najnowszych postów według kategorii w pasku bocznym WordPress
Ta metoda jest zalecana dla użytkowników, którzy chcą wyświetlać najnowsze posty z określonych kategorii w swojej pasku bocznym WordPressa.
Po prostu przejdź do strony Wygląd » Widżety i dodaj blok „Najnowsze posty” do swojego paska bocznego.
Domyślnie blok pokaże Twoje najnowsze posty. Edytujesz ustawienia bloku i przewijasz do sekcji „Sortowanie i filtrowanie”.
Stąd możesz wybrać kategorię, z której chcesz wyświetlać posty.
Opcjonalnie możesz wybrać wyświetlanie obrazka wyróżnionego, fragmentu, autora i więcej.
Nie zapomnij kliknąć przycisku „Aktualizuj”, aby opublikować zmiany.
Teraz możesz odwiedzić swoją stronę, aby zobaczyć najnowsze posty przefiltrowane według kategorii.
Metoda 3: Dodawanie najnowszych postów według kategorii za pomocą kodu
Ta metoda wymaga ręcznego dodania kodu do Twojej witryny WordPress. Jeśli nigdy tego nie robiłeś, zapoznaj się z naszym przewodnikiem, jak kopiować i wklejać fragmenty kodu w WordPressie.
Najpierw musisz skopiować i wkleić poniższy kod do pliku functions.php swojego motywu WordPress lub do wtyczki do fragmentów kodu.
function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array(
'category_name' => 'travel',
'posts_per_page' => 5
) );
// The Loop
if ( $the_query->have_posts() ) {
$string .= '<ul class="postsbycategory widget_recent_entries">';
while ( $the_query->have_posts() ) {
$the_query->the_post();
if ( has_post_thumbnail() ) {
$string .= '<li>';
$string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
} else {
// if no featured image is found
$string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
}
}
} else {
// no posts found
$string .= '<li>No Posts Found</li>';
}
$string .= '</ul>';
return $string;
/* Restore original Post Data */
wp_reset_postdata();
}
// Add a shortcode
add_shortcode('categoryposts', 'wpb_postsbycategory');
Nie zapomnij zastąpić 'travel' własnym slugiem kategorii (nazwą kategorii używaną w adresach URL) i zapisz zmiany.
Wskazówka: Możesz również dodać wiele kategorii oddzielonych przecinkiem.
Zalecamy dodawanie tego kodu za pomocą WPCode, najlepszej wtyczki fragmentów kodu. Pozwala ona bezpiecznie dodawać kod w WordPressie, bez edycji pliku functions.php. Dzięki temu nie musisz martwić się o uszkodzenie swojej witryny.
Aby rozpocząć, musisz zainstalować i aktywować darmową wtyczkę WPCode. Jeśli potrzebujesz pomocy, zapoznaj się z tym poradnikiem na temat jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do Fragmenty kodu » + Dodaj fragment z panelu administracyjnego WordPress.
Spowoduje to przejście do strony Dodaj fragment. Stąd znajdź opcję „Dodaj swój niestandardowy kod (nowy fragment)” i kliknij przycisk „+ Dodaj niestandardowy fragment” pod nim.
Następnie musisz wybrać „Fragment PHP” jako typ kodu z listy opcji, które pojawią się na ekranie.
Następnie dodaj tytuł dla swojego fragmentu na górze strony, który może być czymkolwiek, aby pomóc Ci zapamiętać, do czego służy kod.
Następnie wklej powyższy kod do pola „Podgląd kodu”.
Gdy to zrobisz, przełącz przełącznik z pozycji „Nieaktywny” na „Aktywny” i kliknij przycisk „Zapisz fragment”.
Ten kod po prostu prosi WordPress o wyświetlenie 5 najnowszych postów z kategorii „news”. Następnie wyświetla te posty jako listę punktowaną z miniaturkami obrazków wyróżniających.
Na koniec tworzy skrócony kod [categoryposts], który dodajesz do strony, wpisu lub widżetu paska bocznego. Następnie pokażemy Ci, jak używać tego skróconego kodu.
Używanie krótkiego kodu do dodawania najnowszych postów według kategorii do postów i stron
Po prostu edytuj post lub stronę, na której chcesz wyświetlić najnowsze posty według kategorii. Na ekranie edycji posta kliknij przycisk dodaj nowy blok (+) , a następnie dodaj blok Shortcode do obszaru treści.
Następnie musisz dodać skrócony kod [categoryposts] w ustawieniach bloku.
Możesz teraz zapisać swój wpis lub stronę i wyświetlić podgląd, aby zobaczyć swoje najnowsze wpisy z określonej kategorii w akcji. Tak to wyglądało na naszej stronie testowej.
Jak widać, stylizacja nie wygląda zbyt schludnie. Nie martw się, możesz to zmienić, dodając niestandardowy kod CSS do swojego motywu.
Po prostu przejdź do strony Wygląd » Dostosuj, aby uruchomić narzędzie do dostosowywania motywu, a następnie przejdź do zakładki „Dodatkowy CSS” w lewej kolumnie.
Możesz dodać następujący niestandardowy kod CSS jako punkt wyjścia.
ul.postsbycategory {
list-style: none;
}
.postsbycategory li {
padding-bottom:5px;
}
.postsbycategory img {
margin-right:5px
}
Nie zapomnij kliknąć przycisku „Opublikuj”, aby zapisać swój niestandardowy kod CSS. Możesz teraz odwiedzić swój wpis lub stronę, aby zobaczyć swoje najnowsze wpisy, teraz nieco schludniej ułożone.
Dodawanie skróconego kodu najnowszych postów według kategorii do paska bocznego WordPressa
Możesz dodać ten sam krótki kod do paska bocznego WordPress lub dowolnego obszaru gotowego na widżety.
Po prostu przejdź do strony Wygląd » Widżety i dodaj blok „Krótki kod” do swojego paska bocznego.
Teraz możesz wkleić swój skrócony kod [categoryposts] do ustawień bloku. Nie zapomnij kliknąć przycisku Aktualizuj, aby zapisać ustawienia widżetu.
Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć widżet najnowszych postów według kategorii w akcji. Oto jak wyglądał na naszej stronie testowej.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać najnowsze posty z określonej kategorii w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat wyświetlania spersonalizowanych treści różnym użytkownikom w WordPress oraz naszą listą najlepszych wtyczek bloków Gutenberg dla WordPress, aby dalej dostosowywać swoją witrynę.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Mike
Dziękuję, zadziałało!
Dany
Jak dodać również datę?
Wsparcie WPBeginner
Jeśli masz na myśli datę publikacji posta, blok najnowszych postów ma opcję, którą możesz włączyć, aby ją wyświetlić!
Admin
Roger
Twój PHP dotyczący wyboru według kategorii uratował mi życie, DZIĘKI!
Victoria
Dziękuję za bardzo pomocny post! Zawsze uważam Twoje treści za naprawdę użyteczne. Dodałem blok „Najnowsze posty” do nowej strony i wpisałem kategorię, która ma się na niej pojawić. Zadziałało! Pytanie jednak: jak mogę wyświetlić więcej niż 100 postów? Czy jest na to jakiś sposób? Liczba wydaje się być ograniczona... jeszcze raz dziękuję! Będę wdzięczny za wszelką pomoc. Może potrzebuję do tego wtyczki?
Wsparcie WPBeginner
Tyle postów na jednej stronie mogłoby spowolnić Twoją witrynę, dlatego zazwyczaj istnieje limit. Obecnie nie mamy zalecanego wtyczki do wyświetlania tak wielu postów naraz.
Admin
Jade New
Kolejny świetny post, dzięki wielkie – męczyłem się z tym przez godziny wczoraj, a to takie proste! Twój blog jest w moich zakładkach.
Wsparcie WPBeginner
Glad our guide could help
Admin
Erietta
Dzięki za ten artykuł i pokazanie wszystkich opcji. Stworzyłem dwie różne strony docelowe artykułów dla witryny, każda z innymi kategoriami, używając bloku. Jak dotąd wszystko łatwe. Niestety oznaczało to, że domyślny archiwum blogów ze wszystkimi jego użytecznymi kontrolkami nie spełniało moich potrzeb. Teraz potrzebuję możliwości dodania paginacji do tych stron — ale nie mogę. Jakieś wskazówki?
Wsparcie WPBeginner
Na chwilę obecną musiałbyś utworzyć strony kategorii dla paginacji, której szukasz. Możesz to zrobić, dodając kategorię do swojego menu.
Admin
Rob
Jeśli mam wiele kategorii, powiedzmy kategorie X, Y i Z, i dodam je do kodu fragmentu – czy to wyświetli TYLKO posty z tej kategorii – więc jeśli przeglądam post z kategorii X, wyświetli on tylko inne posty z kategorii X, a nie z kategorii Y i Z… podobnie, jeśli jestem w Y, wyświetli tylko posty z Y?
Wsparcie WPBeginner
Musiałbyś użyć widżetów warunkowych, aby pokazać coś takiego.
Admin
Akshay
Styl czcionki jest zupełnie inny niż domyślny. Jak go zmienić zgodnie z motywem lub jakie jest dla niego CSS.
Wsparcie WPBeginner
Powinieneś skontaktować się z pomocą techniczną swojego motywu, aby upewnić się, że nie ma sprzecznych stylów.
Admin
Pankaj Prakash
To naprawdę pomaga. Dziękuję za udostępnienie.
Wsparcie WPBeginner
You’re welcome
Admin
Ledge
Jak pozbyć się linii oddzielających posty?
Wsparcie WPBeginner
Cześć Ledge,
Te linie są prawdopodobnie dodawane przez Twój motyw za pomocą CSS. Możesz użyć narzędzia Inspekcja, aby znaleźć kod CSS odpowiedzialny za to, a następnie dodać niestandardowy CSS, aby go nadpisać.
Admin
Allen S
Zacząłem właśnie używać widżetu Recent Posts Extended, ale z jakiegoś powodu nie mogę sprawić, aby wyświetlał to, co chcę i tam, gdzie chcę. Prowadzę szkołę jazdy i zbudowałem swoją stronę internetową za pomocą WP & Divi Builder. Mam 7 widżetów Recent Posts Extended. Jeden dla najnowszych recenzji klientów, które mają pojawić się na stronie głównej dla wszystkich obsługiwanych obszarów, 3 dla zdanych egzaminów i 3 dla recenzji klientów dla 3 obszarów, które obejmuję i które mają swoje własne strony. Ale kiedy wybieram obszar w „limit do kategorii” dla każdego widżetu Recent Posts Extended, spodziewałem się zobaczyć 7 kategorii z polami wyboru, a dostępne są tylko 5 kategorii do wyboru. Nie jestem programistą, więc zrozumienie kodu CSS jest dla mnie jak czytanie po chińsku. Przeszukałem internet i nie znalazłem odpowiedzi, która spełniałaby moje potrzeby.
Alex M.
Witam, dziękuję za ten fragment. Czy jest jakiś sposób, aby wyświetlić posty z konkretnej kategorii, ale jeśli nie ma ich wystarczająco, to wyświetlić zwykłe posty?
Na przykład mam jeden wpis z zaznaczoną kategorią „wyróżnione”, ale na mojej stronie głównej potrzebuję wyświetlić 3 wpisy, co pozostawia mi 2 puste miejsca.
Thanks!
Akash
Chcę wyświetlić wpisy, które użytkownik wybrał w wyróżnionych wpisach
Shahbaz
Jeśli chcę wyświetlić post z konkretnej kategorii na nowej stronie, to gdzie powinienem skopiować te fragmenty kodu
Mags Nixon
Właśnie aktywowałem ten plugin i działał dobrze dla pierwszego paska bocznego. Drugi niestandardowy pasek boczny pokazywał tylko kategorię pierwszego. Skończyłem usuwając drugi, ale teraz w ogóle się nie pokazuje. Czy otrzymałeś jakieś inne opinie na temat tego widżetu, który nie jest już obsługiwany przez WordPress od ostatnich aktualizacji? Będę wdzięczny za wszelkie rady.
Zelaphas
Dzięki za to. Używam tego z motywem WP „Sydney” i próbuję umieścić pewne kategorie projektów na stronie głównej jako portfolio/studia przypadków. Udało mi się wyświetlić widżet wraz z pożądanymi postami, ale wyświetlają się one pionowo. Chciałbym, aby były obok siebie poziomo w siatce (chyba że na urządzeniach mobilnych, oczywiście). Masz jakieś pomysły na ten temat? Dzięki!
hailemaryam
dziękuję!!! uratowałeś mi życie, pracowałem nad stroną klienta i potrzebowałem tylko wiadomości do wyświetlenia w suwaku. pokazałeś mi sposób, jak to dostosować.
Debora
Cześć, dziękuję za tutorial. Mam tylko pytanie: próbuję uzyskać karuzelę najnowszych postów na stronie głównej z obrazkiem podglądu. Wszystkie wtyczki, które wypróbowałem, miały zły układ obrazu, mam wiele obrazów o różnych rozmiarach. Dlatego chciałem spróbować bez wtyczki, tylko napisać kod w wp.
Czy możesz mi powiedzieć, jak dodać obrazy podglądu do swojego kodu, aby wyświetlać najnowsze posty z obrazem podglądu? Bardzo dziękuję
Alfredo
a... jeśli chcę pokazać ostatnie posty z kategorii bieżącego posta?
czy jest to możliwe? jak?
Pozdrawiam
ben
Witam,
Czy próbowałeś tego wtyczki (ostatnia aktualizacja 1 rok temu) z ostatnią aktualizacją WordPress?
Kiedy sprawdzam wsparcie na WordPress, wydaje się, że ta wtyczka nie jest już wspierana i niektórzy użytkownicy nie mogą jej poprawnie używać z najnowszymi wersjami WordPress.
Z poważaniem
Wsparcie WPBeginner
Cześć Ben,
Tak, wypróbowaliśmy wtyczkę i działa zgodnie z obietnicą.
Admin
Theo Dorant
Jeśli chcesz umieścić swój kod w functions.php, możesz użyć
function include_posts_from_recentPostWidget_by_cat() { $include = array( ‘cat’ => ‘2, 5’ ); return $include; } add_filter(‘widget_posts_args’,’include_posts_from_recentPostWidget_by_cat’);
2 i 5 to identyfikatory kategorii, które chcesz pokazać. Możesz zrobić to samo, aby wykluczyć kategorie, używając „-2, -5”.
Blair Jersyer
Co jeśli ten wpis, w którym pokazujemy najnowsze wpisy, jest częścią najnowszych wpisów i jeśli pokazujemy the_content()... Czy nie będzie nieograniczonej pętli?
Wsparcie WPBeginner
Nie, nie spowoduje to nieograniczonej pętli.
Admin