Przegląd i recenzja Journal Blog Kit dla Divi

Journal Blog Kit dla Divi to układ strony trzeciej autorstwa Divi Soup z funkcjami takimi jak motyw potomny. Sam układ jest wykonany z budynku Divi i zawiera suwak, kategorie i kanał bloga z efektami najechania, aby stworzyć elegancką stronę bloga. Zawiera również stylizowany pasek boczny i domyślny niestandardowy projekt postu na blogu, który dodajesz do motywu podrzędnego. Nowe funkcje są dodawane do motywu podrzędnego, importując je lub po prostu kopiując i wklejając.

Zestaw blogów zawiera trzy różne układy stron blogów i archiwum. Możesz zmienić układ między pełną szerokością, siatką lub wbudowanym, wklejając dołączony kod CSS do opcji motywu lub do edytora CSS motywu podrzędnego. Strony archiwum, kategorii, tagów, autorów i wyników wyszukiwania mają taki sam układ jak strona bloga. Zawiera również integrację Font Awesome.

Zestaw bloga zawiera wszystkie pliki i instrukcje, jak z niego korzystać. W tym artykule zainstaluję Journal Blog Kit i zobaczę, jak łatwo jest z niego korzystać oraz przyjrzę się jego funkcjom.

Instalowanie Journal Blog Kit dla Divi

Rozpakuj pobrany plik. Wewnątrz znajdziesz kilka plików, w tym pliki JSON dla układu strony bloga i ustawień dostosowywania, plik read me, CSS, PHP, JS i pliki widżetów (są to typy plików, które można znaleźć w motywie podrzędnym) .

Polecam postępować zgodnie z instrukcjami, aby zobaczyć, jak zainstalować pliki, ponieważ zostanie to zrobione ręcznie. Na szczęście instrukcje są dobrze napisane, a proces nie jest trudny. Musisz użyć motywu podrzędnego (nawet jeśli jest pusty). Plik PHP zostanie nadpisany, gdy motyw zostanie zaktualizowany, jeśli dodasz go do motywu nadrzędnego.

Zaletą tego, że jest to układ i ręczna instalacja plików, jest to, że działa z bieżącym motywem potomnym. Aby dodać te nowe funkcje, nie będziesz musiał zastępować motywu podrzędnego.

The Journal Blog Kit dla dokumentacji Divi

Link do dokumentacji znajduje się w pliku do pobrania. Kliknięcie pliku przeniesie Cię na stronę pomocy technicznej zestawu blogów, na której znajdziesz funkcję wyszukiwania, instrukcje instalacji, instrukcje dostosowywania oraz łącze do pomocy. Instrukcje dostosowywania pokazują, jak zmienić kolory, liczbę kolumn w układach i długość fragmentu.

Kliknij instrukcje instalacji i postępuj zgodnie z instrukcjami. Obejmuje to kopiowanie i wklejanie kodu do określonych lokalizacji, przesyłanie plików przez FTP i importowanie plików za pomocą wtyczki. Każdy z kroków jest szczegółowo opisany. Wykonanie kolejnych kroków zajmie kilka minut.

The Journal Blog Kit dla Divi Blog Page

Zestaw blogów zawiera układ strony bloga w postaci pliku JSON. Ten układ należy zaimportować do samej strony, a nie do biblioteki Divi. Sama strona korzysta z suwaka postów, sześciu modułów wezwania do działania oraz wiersza z blogiem i paskiem bocznym. Będzie to wyglądać inaczej w zależności od używanego CSS. Przyjrzyjmy się funkcjom i układowi każdego układu.

The Journal Blog Kit dla suwaka Divi i kategorii

Suwak postu umieszcza pionową nawigację kropkową po lewej stronie i wyświetla fragment po prawej stronie. Fragment wyśrodkowuje tekst i ma mniejszą nieprzezroczystość, dzięki czemu widoczny obraz suwaka jest widoczny. Zawiera również przycisk wyświetlania wpisu. Kiedy się przesuwa, obraz zanika, a fragment przesuwa się od dołu.

Moduły wezwania do działania działają jak linki do stron archiwum dla określonych kategorii. Najechanie kursorem na moduł zmienia kolor przycisku z czarnego tła z białym tekstem na białe tło z czarnym tekstem i dodaje czarne obramowanie. Uwielbiam odważny żółty. To ciekawy sposób na dodanie nawigacji po kategoriach do strony.

Kolory pochodzą z importu stylu dostosowania. Nie musisz go używać i możesz łatwo zmieniać kolory. Jeśli chcesz mieć dostęp do oryginalnego stylu dostosowywania, musisz go najpierw wyeksportować.

The Journal Blog Kit dla układu Divi o pełnej szerokości

Oto układ bloga wykorzystujący CSS o pełnej szerokości. Prezentowany obraz powiększa się po najechaniu myszą. Dodaje inicjał do pierwszego słowa fragmentu. Kategoria i inicjał są oznaczone kolorem żółtym. Styl przycisku Czytaj więcej jest dopasowany do układu.

The Journal Blog Kit dla układu Divi Grid

Układ siatki wyświetla dwa posty w jednym wierszu pod kategoriami. Zawiera ten sam styl, co układ o pełnej szerokości, taki jak powiększenie po najechaniu na wyróżniony obraz, żółta kategoria i inicjał wpuszczany oraz stylizacja przycisków.

The Journal Blog Kit dla układu Divi Inline

Wbudowany CSS pokazuje posty na blogu z obrazem po lewej stronie i tekstem po prawej. Zawiera stylizację i funkcje innych układów. W tym przykładzie zrobiłem zrzut ekranu na dole listy, aby pokazać stylizowany przycisk Starsze wpisy. Ten sam przycisk pojawia się we wszystkich układach.

The Journal Blog Kit dla Divi Sidebar

Jeśli zaimportujesz ustawienia widżetów, zostanie utworzony pasek boczny z kilkoma stylizowanymi widżetami. Pasek boczny zawiera sekcję o mnie z tytułem, zdjęciem i opisem oraz sekcje wyszukiwania, kategorii, archiwów, tagów i ostatnich postów. Każda sekcja jest stylizowana tak, aby pasowała do układu. Lubię żółte linie po obu stronach tytułów. Kategorie i archiwa to listy rozwijane. Tagi są linkami stylizowanymi.

The Journal Blog Kit dla indywidualnego układu postów Divi

Jeśli prześlesz plik postu przez FTP do plików motywu, poszczególne posty na blogu utworzone za pomocą WordPressa, a nie kreatora Divi, są również stylizowane i mają wiele nowych funkcji dodanych do nich. Funkcje obejmują kategorię, tytuł, datę, liczbę komentarzy i tagi nad postem. Słupek posiada stylizowany kapturek.

Po wpisie znajduje się stylizowane pole autora, nawigacja po wpisie, powiązane posty i stylizowane pole komentarza. Komentarze są ułożone kaskadowo i zawierają stylizowaną ikonę wskazującą, że odpowiedź jest odpowiedzią na inny komentarz. Poszczególne sekcje zawierają stylizowane żółte linie z tytułami.

The Journal Blog Kit dla Divi Price

Zestaw Journal Blog Kit dla Divi kosztuje 49,00 £. Zawiera wszystkie pliki i instrukcje potrzebne do korzystania z niego.

• Zestaw Journal Blog Kit można kupić na stronie dewelopera.

The Journal Blog Kit dla Divi

Zestaw Journal Blog Kit dla Divi dodaje wiele funkcji stylizacyjnych do stron i postów na blogu. Podoba mi się, że stylizuje posty na blogu bez konieczności ich tworzenia za pomocą konstruktora Divi. Cieszę się również, że widzę zestaw, który skupia się tylko na blogu. Blogi nie zawsze przyciągają uwagę.

Pliki muszą być instalowane ręcznie, ale myślę, że to dobre ćwiczenie, ponieważ pokazuje, dokąd trafiają określone typy plików i dostarcza informacji o tym, jak działa WordPress. Dodawanie plików jest w rzeczywistości łatwiejsze niż się wydaje. Nie miałem problemu z dodaniem żadnego kodu.

Dodałem CSS do pliku motywu potomnego dla jednego z układów, a następnie usunąłem ten kod i dodałem CSS do opcji motywu dla pozostałych. Obie działały zgodnie z oczekiwaniami. CSS, JS, PHP i wszystkie importowane pliki działały idealnie za pierwszym razem. Aby wrócić do oryginalnego lub innego projektu, po prostu zmień motyw podrzędny i usuń CSS.

Interesujące jest posiadanie w układzie funkcji stylu motywu podrzędnego. Podoba mi się to, ponieważ można go używać z dowolnym motywem lub układem podrzędnym. Jeśli jesteś zainteresowany dodaniem nowych funkcji blogowania do Divi, gorąco polecam zajrzeć do Journal Blog Kit.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś zestaw Journal Blog Kit dla Divi? Daj nam znać, co o tym myślisz w komentarzach poniżej.

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