5 wskazówek dotyczących organizowania zawartości strony blogu w Divi
Opublikowany: 2019-12-21Zawartość strony Twojego bloga można zorganizować na wiele sposobów. Ponieważ jest to strona bloga, większość treści będzie składać się z kanału najnowszych postów na blogu. Wiedza o tym, jak uporządkować te treści, może być świetnym sposobem na przełamanie monotonii i otwarcie drzwi dla bardziej unikalnych projektów stron bloga.
W tym samouczku podzielimy się z Tobą 5 pomocnymi wskazówkami dotyczącymi organizowania zawartości strony bloga w Divi, które pomogą Ci nauczyć się następujących rzeczy:
- Jak stworzyć układ dwukolumnowy
- Jak korzystać z przyklejonych postów
- Jak korzystać z offsetów pocztowych
- Jak korzystać z wielu modułów bloga, aby stworzyć niestandardowy układ postów na blogu?
- Jak wyświetlić ostatnie posty według kategorii
zapowiedź
Oto kilka sposobów, w jakie zorganizujemy zawartość strony bloga w Divi.
Korzystanie z układu dwukolumnowego
Sekcja polecanego posta nad głównym kanałem bloga
Suwak postów o pełnej szerokości nad głównym kanałem bloga
Korzystanie z wielu modułów bloga w celu uzyskania unikalnego układu i projektu
Zawiera ostatnie posty według kategorii
Czego potrzebujesz, aby zacząć
Jeśli jeszcze tego nie zrobiłeś, zainstaluj i aktywuj motyw Divi.
W tym samouczku będę używał szablonu strony kategorii Second Theme Builder Pack. Jeśli chcesz go używać do śledzenia, pobierz pakiet i zaimportuj plik divi-theme-builder-pack-2-category-page-template.json do kreatora motywów, korzystając z opcji przenoszenia. 
Domyślnie importowany szablon zostanie przypisany do „Wszystkie strony kategorii”. Otwórz ustawienia szablonu i przypisz go do bloga.
Teraz możesz rozpocząć proces porządkowania zawartości strony bloga w szablonie. Aby rozpocząć, kliknij ikonę edycji w obszarze treści szablonu.
Teraz możesz użyć edytora układu, aby zmodyfikować układ.
5 wskazówek dotyczących organizowania szablonu strony blogu w Divi
W tym szablonie mamy moduł bloga, który znajduje się w jednym wierszu kolumny, który wyświetla posty (w trzech kolumnach na komputerze) dla bieżącej strony. Jest to standardowa konfiguracja szablonów stron blogów i archiwum. Nie musimy jednak zachowywać tego standardowego układu do wyświetlania postów. Oto kilka pomocnych wskazówek dotyczących porządkowania zawartości strony bloga w Divi.
#1 Utwórz układ dwukolumnowy
Moduł bloga (jeśli jest ustawiony na układ siatki) wyświetli posty w strukturze trzykolumnowej, jeśli moduł zostanie dodany do wiersza jednokolumnowego (tak jak w naszym szablonie).
Jeśli chcesz zmienić układ, aby wyświetlać posty w układzie dwukolumnowym, oto coś, co możesz zrobić.
Najpierw zmień układ kolumn wiersza na układ dwie trzecie jednej trzeciej. Spowoduje to wyświetlenie postów na blogu w dwóch kolumnach w lewej kolumnie wiersza.
Następnie otwórz ustawienia dla kolumny 1 (tej zawierającej moduł bloga) i dodaj następujący niestandardowy CSS do elementu głównego:
width: 100% !important;
Spowoduje to, że kolumna zajmie całą szerokość wiersza.
Teraz wystarczy tylko schować kolumnę po prawej stronie. Otwórz ustawienia dla kolumny 2 (pustej) i wyłącz widoczność kolumny na wszystkich urządzeniach.
Teraz możesz organizować zawartość stron bloga z dwiema kolumnami na komputerze zamiast trzech, jeśli chcesz.
#2 Użyj przyklejonych postów
Jeśli znasz WordPressa, być może już o nim wiesz. Każdy post utworzony w Divi (lub WordPressie) może być przyklejony. Gdy post zostanie przyklejony, zostanie on automatycznie wyświetlony na samym początku kanału bloga na stronie bloga, nawet przed ostatnio opublikowanym postem. To świetny sposób na polecanie postów, o których wiesz, że Twoi odbiorcy będą chcieli (lub potrzebowali) zobaczyć.
Aby post był przyklejony, po prostu edytuj post w Divi i zaznacz opcję „Przyklej na górze bloga” na prawym pasku bocznym.
Każdy post, który utworzysz, zostanie oznaczony jako „Przyklejony” podczas przeglądania wszystkich postów na zapleczu.
Teraz, gdy odwiedzasz stronę bloga, możesz zobaczyć, jak przyklejone posty przeskoczyły na początek kanału postów na blogu.
Uwaga: Posty samoprzylepne mogą nie działać zgodnie z oczekiwaniami podczas korzystania z offsetów postów w module Blog. Na przykład, jeśli ustawisz moduł bloga tak, aby wyświetlał 3 posty z przesunięciem posta równym 3, Twoje przyklejone posty będą nadal wyświetlane przed (i dodatkowo) 3 postami.
Zanim przejdziesz do następnej wskazówki, proponuję pozbyć się przyklejonych postów.
#3 Użyj przesunięć postów, aby uporządkować zawartość strony blogu w oddzielne sekcje
Każdy moduł bloga ma opcję wprowadzenia numeru post Offset. Dzięki temu moduł bloga ma pominąć pewną liczbę ostatnich postów na blogu przed wyświetleniem kanału bloga. Ta opcja przydaje się, gdy chcesz nieco urozmaicić układ strony bloga, używając wielu modułów bloga do wyświetlania postów. Daje to większą elastyczność w projektowaniu układu, ponieważ każdy moduł bloga można zaprojektować inaczej.
Zawiera najnowsze posty z osobnym modułem bloga z użyciem przesunięcia postów
Jednym ze sposobów organizowania zawartości strony bloga w układzie szablonu jest dodanie sekcji polecanego posta na blogu u góry strony. W ten sposób możesz wyróżnić trzy najlepsze najnowsze posty w wyjątkowy sposób. Oto teraz, aby to zrobić.
Dodaj nową zwykłą sekcję do układu.
Następnie dodaj wiersz z jedną kolumną.
Skopiuj moduł bloga dołączony do szablonu i wklej go do nowego wiersza.
Zaktualizuj ustawienia bloga w następujący sposób:
- Liczba postów: 3
- Pokaż przycisk Czytaj więcej: NIE
- Pokaż kategorie: NIE
- Pokaż liczbę komentarzy: NIE
- Pokaż fragment: NIE
- Pokaż paginację: NIE
W górnej części strony będą wyświetlane trzy najnowsze posty.
Teraz musimy dodać numer przesunięcia postu do oryginalnego modułu bloga, aby pominął pierwsze trzy posty, które są już wyświetlane powyżej.
Otwórz ustawienia bloga dla oryginalnego modułu blogu i zaktualizuj następujące elementy:
- Numer odsunięcia postu: 3
Teraz kanał bloga zacznie się od postu nr 4.
Aby wyróżnić polecaną sekcję u góry strony, możesz dodać gradient tła.
Oto przykład tego, jak by to wyglądało.
Dodawanie suwaka postów o pełnej szerokości nad głównym kanałem bloga
Podobnie jak w powyższej sekcji, możemy również uporządkować zawartość postów na blogu, dodając suwak o pełnej szerokości w górnej części strony bloga. Jest to popularny projekt stron blogów i można go używać w połączeniu z modułem bloga, który ma przesunięcie postu.
Oto jak to zrobić.
Najpierw dodaj do układu sekcję o pełnej szerokości.
Następnie dodaj do sekcji moduł suwaka słupka o pełnej szerokości.
Następnie zaktualizuj następujące ustawienia:
- Posty dla bieżącej strony: TAK
- Liczba postów: 3
Następnie zaktualizuj projekt suwaka posta, aby pasował do układu w następujący sposób:
- Czcionka tytułu: Lato
- Grubość czcionki tytułu: pogrubiona
- Rozmiar tekstu tytułu: 40px
- Rozmiar tekstu ciała: 16px
- Rozmiar tekstu przycisku: 14px
- Kolor tekstu przycisku: #ff0071
- Kolor tła przycisku: #ffffff
- Szerokość obramowania przycisku: 0px
- Czcionka przycisku: Lato
- Waga czcionki przycisku: pogrubiona
- Styl czcionki przycisku: TT
Upewnij się, że moduł bloga wyświetla główny kanał ma numer przesunięcia postu wciąż ustawiony na 3, aby pomieścić 3 posty suwaka postu.
Następnie sprawdź wynik.
Jak dotąd wygląda dobrze.
Teraz przejdźmy do pomysłu wykorzystania oddzielnego modułu bloga o krok dalej, korzystając z tej następnej wskazówki.
#4 Dodawanie wielu modułów bloga, każdy z jednym postem
Nie musimy poprzestać na dodaniu jednego dodatkowego modułu bloga do układu szablonu. W rzeczywistości możemy korzystać z tylu modułów bloga, ile potrzebujemy. Możemy nawet wybrać wyświetlanie tylko jednego posta na moduł bloga, aby nadać niepowtarzalny wygląd pojedynczej pocztówce na blogu. Następnie, korzystając z offsetów postów, możemy stworzyć zupełnie unikalny układ dynamicznie wyświetlanych postów na blogu.
Oto jak to zrobić.
Najpierw dodaj nowy wiersz półtorej kolumny nad wierszem zawierającym główny moduł bloga.
Skopiuj oryginalny moduł bloga poniżej i wklej go w lewej kolumnie nowego wiersza. Następnie zaktualizuj następujące elementy:
- Liczba postów: 1
- Numer odsunięcia postu: 0
- Pokaż paginację: NIE
Następnie skopiuj właśnie utworzony moduł bloga i wklej duplikat w prawej kolumnie.
Następnie zaktualizuj następujące elementy:
- Numer po odsunięciu: 1
- Pokaż wyróżniony obraz: NIE
- Pokaż liczbę komentarzy: NIE
- Pokaż fragment: NIE
Upewnij się, że ustawiłeś numer przesunięcia postu na 1, aby pominąć pierwszy w lewej kolumnie.
Teraz kontynuuj ten proces, tworząc kolejny moduł bloga i za każdym razem zwiększając numer przesunięcia postu o 1.
Zduplikuj moduł bloga w prawej kolumnie.
Następnie zmień numer odsunięcia postu na 2.
Zduplikuj moduł bloga jeszcze raz i zmień numer przesunięcia postu na 3.
Teraz możesz mieć swobodę indywidualnego dostosowywania projektu każdego z modułów bloga. Na przykład możesz dodać do każdego inny kolor tła.
Oto wynik.
Jeśli zamierzasz zachować główny kanał bloga poniżej, zaktualizuj numer przesunięcia postu na 4, aby pomieścić 4 posty w powyższym wierszu.
Możesz również zobaczyć tę samą technikę używaną w niektórych naszych szablonach stron kategorii Theme Builder. Zapoznaj się z naszym samouczkiem, jak utworzyć szablon strony kategorii przy użyciu tej samej koncepcji.
#5 Wyświetlaj najnowsze posty według kategorii na stronie bloga
Oprócz głównego kanału bloga w szablonie strony bloga, możesz również wyświetlać swoje ostatnie posty według kategorii. To świetny sposób na uporządkowanie treści na stronie bloga, dzieląc nieco układ i jednocześnie podkreślając różne kategorie.
Oto jak to zrobić.
Najpierw dodaj nowy jednokolumnowy wiersz pod wierszem zawierającym główny moduł bloga.
Następnie zaktualizuj ustawienia bloga w następujący sposób:
- Posty dla bieżącej strony: NIE
- Typ postu: Posty
- Liczba postów: 3
- Uwzględnione kategorie: Biznes (lub jedna z Twoich)
Spowoduje to wyświetlenie trzech najnowszych postów z kategorii Biznes.
Następnie dodaj moduł tekstowy nad modułem bloga z odpowiednim tytułem kategorii.
I tak po prostu masz wyróżnioną sekcję kategorii na swojej stronie bloga – świetny sposób na uporządkowanie treści na blogu!
Możesz nawet dodać wiele polecanych sekcji kategorii, z których każda ma niepowtarzalny wygląd.
Te polecane sekcje kategorii dobrze pasują do dolnej części szablonu strony bloga.
Końcowe przemyślenia
Te wskazówki powinny pomóc Ci uporządkować zawartość strony bloga na wiele unikalnych sposobów. Te same wskazówki będą działać w przypadku wielu innych typów szablonów (takich jak szablony kategorii/stron archiwum), które używają modułu bloga do wyświetlania treści. Zachęcamy do zapoznania się z tymi wskazówkami i wykorzystania ich w kolejnym projekcie.
Czekam na kontakt z Państwem w komentarzach.
Pozdrawiam!