Divi Plugin Highlight – Divi Custom Blog Module

Moduł bloga Divi pozwala na wszelkiego rodzaju dostosowania. Oprócz standardowych ustawień, takich jak układ, style czcionek, obramowania, nakładki, treść itp., możesz je jeszcze bardziej dostosować za pomocą CSS. Co by było, gdybyś chciał zmienić wygląd i dodać kilka funkcji bez konieczności kodowania własnego? Wtyczka innej firmy o nazwie Divi Custom Blog Module może być tym, czego potrzebujesz.

Divi Custom Blog Module (obecnie DTS Blog Module Pro) dodaje nowy moduł do Divi Builder, który zapewnia nową stylizację i funkcje, w tym tagi mediów społecznościowych, kolory tła dla meta i kategorii i wiele innych. Działa zarówno w układach pełnej szerokości, jak i siatki. Dodaj własny CSS, aby jeszcze bardziej go dostosować. Dodaje 12 nowych opcji dostosowywania, dzięki czemu możesz dostosowywać kolory w czasie rzeczywistym. Zawiera również trzy nowe widżety do umieszczenia na paskach bocznych.

W tym artykule przyjrzymy się wtyczce Divi Custom Blog Module i zobaczymy, co potrafi. Stworzyłem kilka przykładowych wpisów na blogu, abyśmy mogli zobaczyć, jak to działa. Obrazy do postów na blogu pochodzą z Unsplash.com.

Instalacja i ustawienia

Prześlij i aktywuj wtyczkę, tak jak każdą wtyczkę premium. Po aktywacji znajdziesz nowy element menu na pulpicie nawigacyjnym o nazwie Divi Custom Modules.

To menu pozwala wybrać dodatkowe elementy, które można dodać do fragmentów bloga.

Opcje DCM umożliwiają włączanie i wyłączanie ikon mediów społecznościowych i e-maili wyświetlanych we fragmencie bloga.

Opcje DCM – Custom Meta umożliwia włączanie i wyłączanie niestandardowych pól meta dla autora, daty i komentarzy.

Wszystkie te opcje zawarłem w moich przykładach.

Tworzenie układu bloga

Stworzyłem stronę do wyświetlania moich przykładowych wpisów na blogu i umieściłem moduł. Zauważ, że są teraz dwa moduły bloga – oryginalny moduł Divi (zwany po prostu Blog) i nowy moduł o nazwie Custom – Blog. Wybierz Niestandardowy – Blog.

Wszystkie funkcje bloga, do których jesteś przyzwyczajony, w tym układ, numer posta, kategorie, meta, paginacja, przesunięcie, wyróżniony obraz, nakładka obrazu, style czcionek, obramowania, ikony itp. Możesz skonfigurować układ bloga i zaprojektuj go w taki sam sposób, jak standardowy moduł bloga Divi z tym samym poziomem kontroli.

Aby pomóc nam zobaczyć dodane funkcje, najpierw chcę pokazać standardowy moduł bloga. Wybrałem układ siatki i pozostawiłem wszystko inne jako domyślne. Zawiera wyróżniony obraz, nazwisko autora, datę, kategorię, liczbę komentarzy i fragment artykułu. Jest czysty i świetnie wygląda.

Oto układ bloga przy użyciu modułu Divi Custom Blog z tymi samymi ustawieniami. Przenosi nazwę kategorii do lewego górnego rogu, wyśrodkowuje nazwę posta i umieszcza ją w kolorowym polu, dodaje przyciski udostępniania społecznościowego, które wybrałem w menu pulpitu nawigacyjnego, i przenosi metainformacje pod fragmentem postu.

Oto bliższy widok. Najechanie kursorem na ikony społecznościowe zamienia kolor ikony i jej kolor tła – ikona jest teraz biała, a jej kolor tła jest kolorem marki sieci społecznościowej. W tym przykładzie najeżdżam na ikonę Google+. Kliknięcie przycisku przeniesie Cię do tej sieci społecznościowej, w której możesz udostępnić artykuł (tak jak każdy przycisk udostępniania społecznościowego).

Oto zwykła strona główna (nie korzystająca z Divi Builder), która wyświetla tylko najnowsze posty. Korzysta z nawigacji pionowej z obrazem w tle, standardowych postów WordPress i zwykłych widżetów WordPress na pasku bocznym. Chciałem to pokazać dla porównania.

Oto spojrzenie na normalny układ postów WordPress z aktywnymi modułami niestandardowymi Divi. Mimo że ta strona nie została zbudowana za pomocą Divi Builder, nadal wyświetla posty przy użyciu niestandardowego modułu blogu Divi w układzie pełnej szerokości z tą samą dodatkową zawartością.

Posty są ułożone pionowo z obrazem po lewej stronie, tytułem bez stylizowanego tła, przyciskami śledzenia społecznościowego i fragmentem. Kategoria znajduje się w lewym górnym rogu, a informacje meta na dole, tak jak w przypadku modułu.

Trzy nowe widżety

Wtyczka dodaje również trzy nowe widżety:

DCM-About – nazwa, tytuł, stanowisko, obraz, opis i sieci społecznościowe.

Divichild Ostatnie posty – tytuł, liczba postów, kategoria.

Divichild Popular Posts – tytuł, liczba postów, kategoria.

Podobnie jak Divi Custom Blog Module, widżety można stylizować za pomocą narzędzia Theme Customizer.

Oto spojrzenie na widżety umieszczone na standardowej stronie głównej WordPress. Widgety są otoczone kolorami modułu. Widżet Informacje używa podobnego układu graficznego jak moduł wyświetlany w siatce.

Dostosowywanie motywów

Oczywiście czcionki i kolory można dowolnie modyfikować i dodawać nakładki z ikonami, tak jak w standardowym module blogowym. Możemy wykonać jeszcze więcej dostosowań za pomocą narzędzia do dostosowywania motywów.

Do Konfiguratora motywów dodano nowe dostosowanie o nazwie Divi Custom Blog Layout. Tutaj możesz dostosować kolory tagów, tła, czcionek, ikon i linków dla modułu i widżetów. Możesz dostosować widżety pojedynczo lub wszystkie razem.

W tym przykładzie dostosowałem kolory tła, ikon i czcionek. Możesz zobaczyć wszystkie zmiany w czasie rzeczywistym.

Oto spojrzenie na moduł bloga w pełnej szerokości ze wszystkimi zmianami, które wprowadziłem w konfiguratorze motywów. Ten wykorzystuje układ o pełnej szerokości. Zmiany obejmują kolor tagu kategorii, kolor tła i czcionki modułu meta, tło tytułu posta, tło widżetu i kolory ikon społecznościowych — informacje oraz kolor tytułu wszystkich widżetów.

Ten wykorzystuje układ siatki. Oba style kart blogowych wyglądają świetnie.

Licencja

Licencja pozwala na używanie wtyczki na nieograniczonej liczbie stron internetowych dla Ciebie i Twoich klientów tak długo, jak chcesz. Divi Custom Blog Module jest tak łatwy w użyciu, że nie wymaga dokumentacji. Jeśli możesz użyć modułu Divi i Theme Customizer, możesz użyć tej wtyczki innej firmy.

• To jest wtyczka premium. Kliknij ten link, aby kupić: Divi Custom Blog Module

Końcowe przemyślenia

Wszystkie dodatkowe elementy nadają fragmentom postów nowy wygląd, ale nie tylko wizualny. Dodatki są rzeczywiście przydatne. I oczywiście możesz dostosować kolory i czcionki, aby idealnie pasowały do ​​Twojej marki lub tematu.

Szczególnie podobają mi się przyciski udostępniania społecznościowego dodawane do każdego postu oraz widżet Informacje z przyciskami śledzenia społecznościowego. Widżety Najnowsze posty i Popularne posty dodają jeszcze więcej blasku, umożliwiając dopasowanie stylizacji lub indywidualne dopasowanie.

Divi Custom Blog Module jest prosty, ale między modułem a widżetami dodaje sporo dostosowania, aby każdy blog wyglądał świetnie. Jeśli chcesz dodać nowe funkcje do swojej strony bloga lub pasków bocznych, warto zajrzeć do tej wtyczki.

Chcielibyśmy usłyszeć od Ciebie! Czy wypróbowałeś moduł Divi Custom Blog? Daj nam znać o swoim doświadczeniu w komentarzach.

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