Jak dodać powiązane posty do szablonu postów na blogu Divi

Opublikowany: 2022-01-09

Powiązane posty to świetny sposób na zwiększenie ruchu na blogu. Użytkownicy Twojego bloga zobaczą posty, które już ich interesują. Dzięki temu dłużej będą przebywać w Twojej witrynie i zwiększy się ich interakcja z Tobą i Twoją witryną. Na szczęście powiązane posty można łatwo dodać do szablonów postów na blogu Divi w Divi Theme Builder. W tym artykule pokażemy, jak to zrobić.

Zapowiedź

Oto spojrzenie na to, co robimy w tym samouczku.

Powiązane posty na pulpicie

Oto spojrzenie na to, jak powiązane posty będą wyglądać na pulpicie. Tytuł i góra postów nakładają się na sekcję powyżej. Nawigacja po wpisach jest zgodna ze stylem układu.

Powiązane posty na telefonie

Oto jak nasze powiązane posty będą wyglądać na telefonie. Obejmuje nakładanie się tytułu i pierwszego posta.

Powiązane posty na telefonie

Obejmuje to również nawigację, jak widać na dole powiązanych postów.

Subskrybuj nasz kanał YouTube

Czego potrzebuje szablon postu na blogu

Kilka elementów jest uważanych za kluczowe dla dobrze działającego szablonu postu na blogu. Post na blogu wymaga tytułu, polecanego obrazu, metadanych i treści. Bez nich nie sprawdzi się jako wpis na blogu. Użytkownicy będą zdezorientowani lub odwróceni od doświadczenia użytkownika.

Inne elementy postu na blogu

Kilka elementów nie jest niezbędnych dla funkcjonalności szablonu postu na blogu, ale dodają wiele dodatkowych funkcji, aby poprawić wrażenia użytkownika. Warto rozważyć te elementy.

Na przykład możesz dołączyć komentarze, aby czytelnicy mogli wchodzić w interakcje z Tobą i innymi czytelnikami. CTA zwracają uwagę na Twoje produkty, usługi i newsletter. Inną opcją są powiązane posty, jak zobaczymy w tym samouczku. Powiązane posty ułatwiają użytkownikom znalezienie interesujących ich treści.

Zbuduj lub pobierz szablon swojego bloga

Możesz stworzyć swój szablon postu na blogu od podstaw lub pobrać go z bloga Elegant Themes.

Aby zbudować go od zera, pamiętaj o dołączeniu listy niezbędnych elementów, które omówiliśmy powyżej. Dodaj moduły Divi, takie jak tytuł posta, polecany obraz, metadane i treść posta. Następnie rozważ dodatki, które chcesz uwzględnić, takie jak komentarze i moduły optin e-mail.

Eleganckie motywy zapewniają wiele darmowych szablonów postów na blogu, zaprojektowanych tak, aby pasowały do darmowych pakietów układów dostępnych w Divi. Aby pobrać jeden z bloga ET, po prostu wyszukaj na blogu „darmowy szablon postu na blogu”.

W przypadku moich przykładów korzystam z bezpłatnego szablonu wpisu na blogu dla pakietu Data Science Layout Pack.

Prześlij swój szablon postu na blogu

Jeśli pobierasz szablon z bloga ET, rozpakuj go, aby móc przesłać plik JSON. Aby go przesłać, przejdź do Divi > Theme Builder w panelu WordPress. Wybierz opcję Przenośność i wybierz opcję Importuj w otwartym oknie modalnym. Kliknij Wybierz plik i przejdź do pliku JSON i wybierz go. Kliknij Importuj szablony Divi Theme Builder i poczekaj na zakończenie importu. Zapisz zmiany.

Przejdź do Divi w panelu WordPress.
Wybierz Kreatora motywów.
Wybierz Przenośność.
Wybierz opcję Importuj w oknie modalnym, które się otworzy.
Kliknij Wybierz plik i przejdź do pliku JSON i wybierz go.
Kliknij Importuj szablony Divi Theme Builder i poczekaj na zakończenie importu.
Zapisz zmiany.

Jak dodać powiązane posty do szablonu postów na blogu?

Najpierw kliknij ikonę Edytuj, aby otworzyć szablon postu na blogu.

Jak dodać powiązane posty do szablonu postów na blogu?

Następnie musimy dodać nową sekcję i jednokolumnowy wiersz dla naszego nowego modułu bloga. Patrząc na szablon w widoku szkieletowym, widzimy, że ten zawiera na dole moduł Post Slider. Usuniemy ten suwak i użyjemy tego wiersza, ale najpierw przeciągnij sekcję nad wezwaniem do działania.

Jak dodać powiązane posty do szablonu postów na blogu?

Po przeniesieniu sekcji usuń suwak postów.

Jak dodać powiązane posty do szablonu postów na blogu?

Ta sekcja ma już styl z czarnym tłem . Jeśli samodzielnie dodajesz tło, otwórz ustawienia sekcji i ustaw tło na czarne.

Kolor tła: #000000

Jak dodać powiązane posty do szablonu postów na blogu?

Następnie wybierz szarą ikonę plusa i dodaj moduł Blog .

Powiązane posty Ustawienia modułu bloga

Ustawienia otworzą się automatycznie, gdzie możesz dokonać wyboru. Przełączyłem się na widok pulpitu na żywo, aby zobaczyć, jak moduł wygląda w układzie.

Pozostaw typ wpisu ustawiony na Posty. Ustaw liczbę postów na 3. W sekcji Uwzględnione kategorie wybierz opcję Bieżąca kategoria. Jeśli tworzysz szablon postu na blogu dla określonej kategorii, wybierz tę kategorię tutaj. Więcej informacji na temat przypisywania szablonu postów na blogu do określonej kategorii można znaleźć w artykule Jak używać różnych szablonów postów na blogu dla różnych kategorii w Divi.

Typ postu: Posty
Liczba postów: 3
Uwzględnione kategorie: Aktualna kategoria

Powiązane posty Ustawienia modułu bloga

Wybierz opcję Tak, aby użyć fragmentów posta . Zmień Długość fragmentu na 150. W obszarze Elementy wybierz opcję Tak, aby wyświetlić wyróżniony obraz .

Użyj fragmentów posta: Tak
Długość fragmentu: 150
Pokaż wyróżniony obraz: Tak

Powiązane posty Ustawienia modułu bloga

Również w obszarze Elementy wybierz opcję Pokaż fragment i paginację .

Pokaż fragment: Tak
Pokaż paginację: Tak

Stylizacja modułu bloga powiązanych postów

Następnie przejdź do zakładki Projekt. Upewnij się, że nakładka wyróżnionego obrazu jest włączona. Zmień kolor ikony nakładki na biały, a kolor tła nakładki na rgba(65 226 186 0,62).

Polecana nakładka obrazu: włączona
Kolor ikony nakładki: #ffffff
Kolor tła nakładki: rgba (65 226 186 0.62)