Jak zaprojektować blog w Elementorze za pomocą wtyczki i widżetu WP Latest Posts

Elementor to kreator stron umożliwiający tworzenie i projektowanie stron z łatwymi w użyciu blokami. Połączenie go z WP Lates Post pozwoli nam stworzyć wspaniałą stronę bloga z wpisami z naszej witryny.

WP Latest Post pozwala nam tworzyć sekcje zawierające określoną liczbę podglądów postów, oparte na filtrach i wykorzystujące motywy, które wyglądają po prostu niesamowicie! Pozwala nam to stworzyć kolekcję sekcji na naszych stronach w kilku prostych krokach.

W tym poście pokażemy, jak w kilku prostych krokach utworzyć stronę bloga przy użyciu Elementora i WP Latest Post.

Utwórz blok wpisów WordPress

Przede wszystkim musimy utworzyć blok postów, aby zdefiniować posty, które będziemy dodawać do naszej treści, na przykład czy chcemy wyświetlać wszystkie posty, czy tylko wybrane.

Przede wszystkim przejdźmy do WP Latest Post > All New Blocks (Najnowszy wpis WP) > All New Blocks (Wszystkie nowe bloki) w menu po lewej stronie, zobaczymy +New Block (Nowy blok) , kliknij go.

Najpierw możemy zdefiniować tytuł, a następnie przystąpić do tworzenia bloku.

Tworzenie bloku będzie podzielone na 3 kroki. Pierwszym krokiem będzie Źródło .

W źródle możemy zdefiniować, co będziemy używać w naszym bloku, na przykład strony, wpisy, kategorie lub niestandardowe typy wpisów.

Ponieważ będziemy tworzyć bloga, w tym samouczku wybierzemy opcję Posty.

Teraz, gdy wybraliśmy główne źródło dla naszego bloku, możemy przejść do dalszego filtrowania i dostosowywania naszego źródła. Aby to zrobić, możemy zdefiniować następujące elementy:

Kategorie: jeśli chcemy wyświetlić tylko wybrane kategorie.

Sortuj według/Kolejność: określa kolejność wyświetlania naszych postów, jeśli jest ona oparta na dacie utworzenia, a także czy jest rosnąca, czy malejąca.

Liczba wierszy/kolumn i elementów : w tej sekcji możemy wybrać liczbę wierszy, które chcemy wyświetlić, liczbę kolumn i maksymalną liczbę elementów, które będą wyświetlane w naszym bloku.

Opublikowano/Data: określa, czy chcemy wyświetlać tylko posty opublikowane przed/po określonej dacie.

Treści utworzone najpóźniej: umożliwi nam to zdefiniowanie bardziej szczegółowego zestawu postów dla ostatnich godzin/dni/miesięcy/lat.

Dodawanie treści :
  określa, czy kategorię chcemy wyświetlić raz czy wielokrotnie.

Gdy skończymy wybierać sposób, w jaki blok ma wyszukiwać nasz wpis, możemy potwierdzić liczbę wpisów, które zostaną dodane, tuż pod tytułem, który dodaliśmy dla bloku wpisów.

Na tym zakończylibyśmy konfigurację Źródła i moglibyśmy przejść do drugiej części konfiguracji tego bloku, czyli Wyświetlanie i motyw , w którym będziemy mogli ustawić motyw spośród 8 dostępnych dla WP Latest Post ( +Addon ).

Pierwszą opcją, którą zobaczymy, jest motywu i możliwość dostosowania ustawień. W zależności od wybranego motywu dostępne są różne ustawienia. Ponadto, w podglądzie, możemy sprawdzić dostępne motywy!

Domyślny motyw.

Siatka kategorii

Motyw Masonry

Motyw poziomy materiału

Materiał Pionowy Motyw

Motyw portfolio

Płynny motyw Hover

Motyw osi czasu

Widzimy, że istnieje wiele opcji, które idealnie dopasują się do stylów i treści naszej strony! W tym przypadku, w samouczku, użyjemy motywu Masonry , więc go wybierzmy!

Teraz, gdy pokazaliśmy już motyw, możemy przejść do następnego kroku, który zakończy konfigurację motywu. W tym celu przejdź do kolejnej zakładki Konfiguracja motywu , gdzie opcje będą się różnić w zależności od wybranego motywu.

W tym przypadku mamy możliwość wyświetlenia tytułu, przycisku „Załaduj więcej” i wymuszenia wyświetlenia ikony po najechaniu kursorem.

Możemy dostosować ikonę wyświetlaną po najechaniu kursorem myszy na dany wpis tak bardzo, jak chcemy, a także skorzystać z jednej z domyślnych ikon oferowanych przez WP Latest Post lub przesłać własną.

Ostatnią opcją w tej sekcji jest Animacja , która działa w przypadku motywów zawierających animację, takich jak Smooth hover , który działa jak suwak. W tym samouczku wybraliśmy motyw Masonry , który nie ma animacji, więc nie będziemy musieli niczego tutaj edytować.

Następnie przechodzimy do ostatniego kroku, czyli Źródła obrazu . Na tej karcie możemy zdefiniować domyślny obraz na wypadek, gdyby dla danego wpisu nie było dostępnego żadnego obrazu, a także wybrać, czy chcemy użyć wyróżnionego obrazu wpisu, czy pierwszego obrazu, który się tam znajdzie.

To zakończy konfigurację posta bloku, więc powinniśmy być gotowi do publikacji! W tym przypadku mamy wiele opcji, takich jak Shortcode w Shortcode , który pozwoli nam ustawić, czy blok ma być prywatny, czy publiczny, a także określić, czy chcemy opublikować go w określonym czasie.

Utwórz bloga za pomocą widżetu Elementor

Teraz, gdy wiemy już, jak utworzyć blok postów za pomocą WP Lates Posts, przejdźmy do następnego kroku, czyli dodania bloku postów za pomocą widżetu Elementor.

Aby to zrobić, możemy przejść do strony naszego bloga lub utworzyć nową, wybierając Strony > Dodaj nową i klikając Edytuj za pomocą Elementora .

Kreator Elementora załaduje się automatycznie z opcją wyboru widżetu na pasku bocznym. W pasku wyszukiwania wpisz WP Latest Post , a zostanie wyświetlony widżet dla naszego bloku posta. Przeciągnij go i upuść w treści strony.

Teraz, gdy widżet został załadowany, możemy przejść do wyboru bloku wpisu w opcjach widżetu, które pojawiają się na pasku po lewej stronie.

Pojawi się podgląd sekcji naszego bloku postów, w którym zobaczymy tytuł bloku, a także wybrane przez nas posty. Wystarczy dwa kliknięcia i gotowe! Stworzyliśmy spersonalizowaną stronę bloga i możemy ją dowolnie modyfikować, korzystając z niesamowitych narzędzi Elementora.

Teraz wystarczy, że opublikujemy stronę naszego bloga i gotowe, nasz blog jest gotowy!

Największą zaletą tej wtyczki jest to, że pozwala nam dodać sekcję bloku postów w dowolnym miejscu w naszej treści, a także oferuje integrację z WooCommerce, która pozwala nam tworzyć bloki produktów w dowolnym miejscu. To tylko jedna z jej funkcji. Super! Prawda?

Łatwe tworzenie najlepszych sekcji wiadomości w WordPressie

Biorąc pod uwagę, że widżet Elementor to tylko jedna z funkcji oferowanych przez WP Latest Post, możemy być pewni, że zawarte w nim motywy i narzędzia pozwolą nam tworzyć sekcje wiadomości z najlepszymi projektami i w najłatwiejszy możliwy sposób.

Ta wtyczka oferuje wiele funkcji, takich jak korzystanie z niestandardowych typów wpisów, kategorii, a nawet produktów WooCommerce jako źródła bloków, co daje nieskończone możliwości podczas tworzenia i dodawania bloków. Na co więc czekasz? Wejdź tutaj i pobierz WP Latest Post na swoją stronę już teraz!