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

Dzięki kreatorowi DIVI możemy projektować doskonałe strony internetowe. Jest to naprawdę łatwy w obsłudze kreator stron, oferujący funkcje niemal do wszystkiego! Czasami jednak potrzebujemy pomocy dodatkowych komponentów, takich jak stworzenie doskonałej strony bloga, a WP Latest Post z DIVI nam w tym pomoże.

WP Latest Post to wtyczka umożliwiająca tworzenie stron z naszymi najnowszymi wpisami przy użyciu filtrów i narzędzi projektowych. Dzięki temu możemy wykonać pracę w rekordowo krótkim czasie i idealnie dopasować ją do naszej witryny.

W tym poście pokażemy, jak korzystać z DIVI i WP Latest Post, aby w pełni wykorzystać ich możliwości.

Utwórz blok z naszymi najnowszymi wpisami WordPress

Na początek musimy utworzyć blok Posts w WP Latest Post, aby osadzić go na DIVI.

Aby to zrobić, przejdź do WP Latest Post > All New Blocks w menu po lewej stronie, zobaczysz +New Block , kliknij go.

Będziemy mogli zdefiniować tytuł, a następnie kontynuować tworzenie bloku.

Tworzenie bloku jest podzielone na 3 sekcje, w których możemy zdefiniować każdą część bloku jako pierwszą - Źródło .

Jak sama nazwa wskazuje, będziemy mogli zdefiniować, co będzie używane w bloku, aby zdefiniować zawarte w nim wpisy. Możemy użyć stron, wpisów, kategorii lub niestandardowych typów wpisów.

W tym samouczku wybierzemy opcję Posty, ponieważ tworzymy stronę bloga.

Po wybraniu źródła możemy zdefiniować sposób filtrowania treści oraz dostosować sposób jej wyświetlania, definiując następujące elementy:

Kategorie : filtruj zawartość, która będzie wyświetlana według kategorii.

Sortuj według/Kolejność : zdefiniuj sposób sortowania postów, czy jest to oparte na dacie utworzenia, czy ma być rosnące, czy malejące.

Liczba wierszy/kolumn i elementów : wybierz liczbę wierszy, które chcemy wyświetlić, liczbę kolumn i maksymalną liczbę wyświetlanych elementów.

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

Zawartość utworzona najpóźniej : pozwoli nam to zdefiniować bardziej szczegółowy zestaw postów dla ostatnich godzin/dni/miesięcy/lat.

Uwzględnianie zawartości : zdefiniuj, czy chcemy wyświetlić kategorię raz, czy wielokrotnie.

Możemy również potwierdzić liczbę postów, które będą wyświetlane z naszą bieżącą treścią i wybranymi opcjami pod tytułem bloku.

Teraz możemy przejść do następnej części, czyli Wyświetlania i motywu , gdzie będziemy mogli ustawić motyw spośród 8 dostępnych dla WP Latest Post ( +Addon ).

Przede wszystkim w tej części będziemy mogli zobaczyć wybór motywu oraz opcje jego dostosowania. Opcje te będą się zmieniać w zależności od wybranego motywu.

Motyw domyślny

Siatka kategorii

Motyw Masonry

Motyw poziomy materiału

Materiał Pionowy Motyw

Motyw portfolio

Płynny motyw Hover

Motyw osi czasu

Mnóstwo opcji dla każdego motywu, dzięki czemu możemy dopasować ten, który nam się najbardziej podoba, do naszej strony i sprawić, by idealnie do niej pasował, zaledwie kilkoma kliknięciami.

W tym poście użyjemy motywu Masonry , aby móc kontynuować.

Teraz możemy przejść do kolejnej zakładki w tej sekcji, czyli Ustawienia motywu. ten może się różnić w zależności od wybranego motywu. W wybranym motywie mamy możliwość wyświetlania tytułu, przycisku „Wczytaj więcej” i wymuszenia wyświetlenia ikony po najechaniu kursorem.

Najpierw możemy dostosować ikonę, która będzie wyświetlana po najechaniu kursorem myszy, a także zmienić ją na dowolną z oferowanych przez WP Latest Post lub przesłać własną.

Zobaczymy kolejną zakładkę: Animacje . Ta opcja umożliwia zarządzanie motywami, które zawierają animacje, takie jak Smooth Hover , który jest motywem suwaka. W przypadku motywu Masonry nie ma żadnych animacji, więc go pominiemy.

A teraz możemy przejść do ostatniej części, Źródła obrazu , gdzie możemy zdefiniować obraz, który będzie używany w naszym bloku dla postów, które nie mają żadnego obrazu, a także użyć pierwszego dostępnego obrazu w poście lub Obrazu wyróżnionego.

W ten sposób kończymy konfigurację wpisu blokowego i możemy go opublikować.

Zobaczymy dodatkową zakładkę, w której możemy znaleźć kod skrócony bloku, a także zdefiniować, czy jest on prywatny, czy chcemy opublikować blok po upływie określonego czasu.

Mnóstwo niesamowitych narzędzi do wykorzystania w kreatorze stron DIVI! Teraz czas dodać je do strony za pomocą DIVI.

Tworzenie strony bloga za pomocą DIVI i WP Latest Post

Teraz, gdy już wiemy jak łatwo utworzyć blok Post, dodajmy go do naszej strony DIVI.

Najpierw przejdź do swojej strony / wpisu i edytuj go lub utwórz nowy, a następnie kliknij Użyj DIVI Builder .

Teraz możemy rozpocząć wstawianie naszego modułu, a następnie wyszukać WP Latest Posts , pojawi się blok wtyczki, kliknij go.

Opcja wyboru Bloku pojawi się jako pierwsza dostępna opcja. Kliknij Wybierz Blok , a następnie Zablokuj Post. W tym przypadku wpisaliśmy Moja Sekcja Postów .

Podgląd naszego bloku załaduje się natychmiast w tle.

I to by było na tyle! Niesamowita strona bloga stworzona zaledwie kilkoma kliknięciami.

Kolejną dobrą rzeczą, o której warto pamiętać, jest to, że będziemy mieli opcje dostosowywania na żywo naszego bloku najnowszych postów, korzystając z opcji Divi, gdzie będziemy mogli ustawić takie rzeczy, jak tło, przestrzenie, filtry, a także wiele innych opcji.

Teraz wystarczy tylko dokończyć edycję, jeśli to konieczne, i opublikować! Nasza nowa strona Custom Blog jest gotowa i możemy zaczynać!

Wystarczy kilka kliknięć, aby stworzyć najlepszą stronę bloga, jaką widzieliśmy, a dzięki licznym opcjom stylizacji zawsze będzie pasować do naszych treści. Niesamowite! Prawda?

Odblokuj kolejny poziom tworzenia sekcji Aktualności w WordPressie

Jak widać, WP Latest Post to świetny dodatek do naszej witryny WordPress, który pozwala nie tylko tworzyć strony blogowe, ale także wszelkiego rodzaju sekcje aktualności! Możesz filtrować je według kategorii i wyświetlać osobne sekcje aktualności dla każdej kategorii, a także tworzyć sekcje aktualności dla naszych produktów WooCommerce.

Możliwości są nieograniczone i działają ze wszystkimi głównymi kreatorami stron w WordPressie, więc na co czekasz? Wejdź tutaj i zacznij tworzyć!