12 niesamowitych układów blogów Divi

Opublikowany: 2020-03-02

Divi to doskonały motyw do blogowania. Możesz stworzyć własny blog i układy postów, aby stworzyć unikalny projekt, aby Twój blog się wyróżniał. Oczywiście istnieje wiele układów blogów, od których możesz zacząć. W tym artykule przyjrzymy się 12 niesamowitym układom blogów Divi, które pomogą Ci w następnym projekcie Divi.

Ponieważ układy blogów mogą koncentrować się na stronie bloga, poszczególnych postach, stronach archiwum lub wszystkich powyższych, podzieliłem układy na sekcje, aby pomóc Ci znaleźć to, czego szukasz. Układy nie są w określonej kolejności w swoich sekcjach.

Pakiety układów bloga (konstruktor motywów)

Te układy zawierają wszystko, czego można użyć w Kreatorze motywów do tworzenia stron blogów, stron kategorii, stron archiwum i wyszukiwania oraz pojedynczych postów na blogu.

1. Zestaw do bloga Divi

Zestaw do bloga Divi

Divi Blog Kit zawiera 6 układów dla Twoich postów na blogu, strony bloga, archiwów kategorii i stron wyników wyszukiwania. Strona bloga zawiera układy modułów blogów z 1, 2 i 3 kolumnami. Strona bloga ma 2 kolumny z paskiem bocznym. Układy mają białe tło i czerwone tytuły, przycisk Czytaj więcej i metatekst. Na pasku bocznym wyróżnia się beżowe tło. Kategorie na pasku bocznym są tworzone za pomocą czarnych przycisków. Pasek boczny wyświetla ostatnie posty z miniaturami i formularzem biuletynu. Układy zawierają również obraz o pełnej szerokości z tytułem każdej strony.

Cena: 25 USD | Więcej informacji

2. Szablon bloga

Szablon bloga

Szablon bloga zawiera trzy układy do tworzenia strony bloga, stron kategorii i strony poszczególnych postów. Zawiera również stronę kontaktową. Układy bloga zawierają stylizowany pasek boczny i niestandardową stopkę. Projekt ma niebieskie podświetlenie tytułów sekcji w układzie i na pasku bocznym. Strona bloga wyświetla u góry najnowszy post, polecane posty z paskiem bocznym, artykuły, które mogą Ci się spodobać (w tym cztery artykuły z miniaturami), a następnie stopkę.

Cena: 29 USD | Więcej informacji

Układy stron bloga

Są to układy samych stron bloga. Zawierają nagłówki, stopki, paski boczne, sekcje bloga i nie tylko.

3. Pakiet Travel Lifestyle Blog Kit

Pakiet Travel Lifestyle Blog Kit

Pakiet Travel Lifestyle Blog Kit zawiera trzy różne zestawy układów bloga: Journal, Nomad i Coast. Każdy z zestawów zawiera główną stronę bloga, pojedynczy układ postów z nawigacją po postach. Posty mają pole autora, powiązane posty i tagi. Ich projekty tworzą układy blogów i czasopism, które koncentrują się na kategoriach i zawierają stylizowane paski boczne. Zestawy zawierają 3 pliki CSS dla układów o pełnej szerokości, wbudowanych i siatki. Inne funkcje obejmują stylizację paska bocznego i widżetów, JS, ustawienia dostosowywania i ustawienia widżetów. Stylizacja obejmuje wszystkie strony archiwum, strony kategorii i strony wyszukiwania. Projekt jest rozszerzany na wszystkie strony bloga za pomocą dołączonego kodu, więc działa podobnie do Divi Theme Builder bez korzystania z Theme Builder.

Cena: £120 | Więcej informacji

4. Układ strony bloga Divi

Układ strony bloga Divi

Divi Blog Page Layout ma unikalny projekt nagłówka. Pokazuje obraz tła z tytułem bloga i stylizowanym separatorem skierowanym w dół. Nakłada się na to najnowszy wpis na blogu z wyróżnionym obrazem i tytułem. Tytuł unosi się w górę po najechaniu kursorem. Następne dwa posty na blogu pojawiają się pod tym, a następnie niestandardową stopką. Stopka zawiera stylizowaną przegrodę skierowaną w górę. Stopka zawiera jasnoszare tło.

Cena: za darmo | Więcej informacji

5. Blogowanie

Blogowanie

Blogowanie zawiera 10 różnych układów dla Twojego bloga. Układy mają wiele wersji kilku wzorów. Obejmują one układy listy, siatki, suwaka, osi czasu, pełnej szerokości i muru. Lista wyświetla posty w jednej kolumnie. Siatki mają różne style kart i efekty najechania. Suwaki pokazują różne style nawigacji i nakładki tekstowe. Pełna szerokość pokazuje posty w układzie naprzemiennym lub jako obrazy w siatce z tekstem w nakładce. Osie czasu pokazują posty w układzie naprzemiennym lub na stylizowanej liście. Układ murowany bloga wyświetla posty jako karty z 5 rzędami. Większość zawiera zielone podświetlenia po najechaniu kursorem.

Cena: 20 USD | Więcej informacji

6. Magnez

Magnez

Magnewz używa kategorii blogów do tworzenia układu magazynu. Występuje w trzech kolorach: czerwonym, żółtym i niebieskim. Najnowsze posty są wyświetlane w górnej części układu w suwaku. Poniżej znajduje się zestaw obrazów, po których następują dwie kolumny. Lewa kolumna jest największa i pokazuje najnowsze posty. Prawa kolumna jest przeznaczona na inne treści, takie jak tekst, osadzone filmy i obrazy. Poniżej znajduje się sekcja postów na blogu, a następnie następna sekcja, która dopasowuje najnowsze posty w układzie naprzemiennym z formularzem kontaktowym.

Cena: 49,95 USD | Więcej informacji

7. Elegancka strona bloga

Elegancka strona bloga

Elegancka strona bloga zawiera niestandardowe style postów i paska bocznego za pomocą CSS i JavaScript. Wyświetla najnowsze posty w suwaku u góry strony. Polecane kategorie pokazują kategorie z obrazami i tytułem, który nakłada się na wiersz. Posty na blogu są wyświetlane pod tym adresem z najnowszym postem w jednej kolumnie, a następnie ostatnimi postami w dwóch kolumnach. Ta sekcja ma stylizowany pasek boczny. Sekcja postów i tytuły paska bocznego zawierają również tła, które wyróżniają się na tle układu. Kategorie postów są umieszczane pod obrazami postów i wycinane w obrazie. Posiada brązowe tło z ciemniejszym odcieniem dla teł tytułowych.

Cena: za darmo | Więcej informacji

8. Układ bloga Pixie

Układ bloga Pixie

Pixie Blog Layout jest częścią pakietu Pixie i jest dostępny osobno. Wyświetla stylizowany nagłówek z obrazem tła i tytułem ze stylizowanym obramowaniem w nakładce. 6 najnowszych wpisów na blogu znajduje się pod tym adresem w dwóch kolumnach. Obejmują one wyróżniony obraz, tytuł, kategorię, a następnie meta na dole w stylizowanym polu. Obrazy pokazują stylizowane obramowanie i link, aby przeczytać więcej po najechaniu myszą. Pod postami znajduje się formularz e-mail o pełnej szerokości. Stopka zawiera linki do usług, stron i mediów społecznościowych.

Cena: za darmo | Więcej informacji

Układy archiwum blogów

Te układy skupiają się na stronach archiwum. Świetnie sprawdzają się w wynikach wyszukiwania i stronach kategorii.

9. Lepsza strona bloga

Lepsza strona bloga

Better Blog Page ma 15 różnych projektów archiwów blogów. Wyświetlaj posty w kilku różnych układach. Pierwsza to pojedyncza kolumna z obrazami po jednej stronie i tekstem po drugiej w układzie naprzemiennym. Inny używa tego samego projektu dla postów, ale nie zawiera naprzemiennego układu. Ten sam wzór jest również używany z różnymi rodzajami stylizacji daty i informacji meta lub z obrazami po drugiej stronie tekstu. Ma wiele projektów ze słupkami w jednej kolumnie. Kilka układów pokazuje posty w dwóch kolumnach. Pierwsza pokazuje tytuł i fragment w nakładce. Drugi pokazuje posty jako stylizowane karty.

Cena: 15 USD | Więcej informacji

10. Archiwum wyników

Archiwum wyników

Archive Results to darmowy układ, który zawiera niestandardowe pliki archive.php i search.php, które można dodać do motywu podrzędnego, a także kod do ich stylizacji. Możesz go również użyć z bezpłatnym niestandardowym układem pojedynczego posta, aby stworzyć ujednolicony projekt na wszystkich stronach archiwum. Projekt przedstawia posty w 2 kolumnach ze stylizowanym paskiem bocznym. Posty zawierają stylizowane obramowanie, meta i przyciski. Strona zawiera również stylizowaną nawigację. Tytuły paska bocznego są stylizowane tak, aby pasowały do ​​przycisków wpisów. Każdy z postów na pasku bocznym zawiera stylizowaną linię, która pasuje do obramowania posta.

Cena: za darmo | Więcej informacji

Układy postów na blogu

To są układy samych wpisów na blogu.

11. Układy pojedynczych postów

Układy pojedynczych postów

Układy pojedynczych postów zawierają 5 szablonów postów, które prezentują treść na różne sposoby. Pierwsza wyświetla wyróżniony obraz, z wyjątkiem kategorii i po lewej stronie. Przyciski tytułu, meta i społecznościowe znajdują się obok tego, a następnie treść. Drugi pokazuje wyróżniony obraz w pełnej szerokości z tytułem i kategoriami w nakładce. Treść pokrywa się z tym i zawiera kolumnę z informacjami o autorze. Trzeci umieszcza przycisk społecznościowy, aby nakładał się na polecany obraz i wyświetla treść w jednej kolumnie z obrazem autora nad nim. Czwarty dodaje styl do tytułu w wyróżnionym obrazie. Piąty dodaje informacje o autorze na pasku bocznym po prawej stronie, który nakłada się na wyróżniony obraz.

Cena: 25 USD | Więcej informacji

12. Układy Jo Post

Układy Jo Post

Jo Post Layouts zawiera 3 projekty postów dla Twoich postów na blogu. Pierwsza pokazuje część wyróżnionego obrazu w pełnej szerokości z tytułem nakładającym się na niego na dole obrazu. Jego tytuł i meta są wyśrodkowane. Poniżej znajduje się treść, grafika i sekcja komentarzy ze stylizowanymi przyciskami. Drugi wyświetla tytuł w stylizowanym polu po jednej stronie i wyróżniony obraz nakładający się na niego po drugiej stronie. Poniżej znajduje się treść i stylizowana sekcja komentarzy. Trzeci układ umieszcza tytuł na tle w dwóch kolorach, po którym następuje cytat, a następnie sekcja treści i komentarza.

Cena: 8 USD | Więcej informacji

Końcowe myśli

Oto nasze spojrzenie na 12 niesamowitych układów blogów Divi. Świetnie wyglądają i dodają stylu każdemu blogowi. Wiele układów bloga, archiwów i postów można również wykorzystać w Theme Builder.

Aby uzyskać jeszcze więcej układów blogów, sprawdź bezpłatne układy z Elegant Themes, które są dostępne w Divi Builder. Prawie wszystkie z nich zawierają strony bloga. Możesz znaleźć więcej stron Theme Builder z Elegant Themes tutaj na blogu ET, wyszukując Theme Builder Pack.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś któryś z tych niesamowitych układów blogów Divi? Daj nam znać, co o nich myślisz w komentarzach.

Polecane zdjęcie za pośrednictwem asch_asch / shutterstock.com