Kontynuujemy nasz cykl artykułów na temat dostosowania strony z pomocą kreatora Elementor. W poprzednim tutorialu nauczyłeś się, jak dodawać licznik do strony WordPress, bez dotykania kodu źródłowego. A teraz pokażemy Ci jak z pomocą kreatora Elementor uzupełnić stronę WordPress o moduł Brands.
Przejdź do strony edycji w kreatorze Elementor i wybierz Dodaj nową sekcję.
Wybierz typ układu, który najbardziej Ci się podoba.
Przeciągnij moduł Brands i upuść go do obszaru, w którym chciałbyś wyświetlać listę marek.
W prawym górnym rogu kliknij Edytuj widżet. Aby wprowadzić dalsze zmiany, przejdź do zakładki Zawartość.
Ustaw ilość kolumn (od 1 do 6) w bloku Ogólnych ustawień.
Następnie w bloku Marki dodaj lub usuń tyle elementów, ile potrzebujesz na stronie. W tym tutorila pokażę jak dodać jedną firmę do widżetu.
W sekcji Element możesz wprowadzić wszystkie niezbędne zamiany. Na przykład, można dodać logo firmy, przesyłając zdjęcie z dysku twardego lub wybierając go z galerii zdjęć. Następnie można wpisać nazwę firmy i dodać jej opisanie. Pole adresu URL firmy umożliwia połączenie elementu z potrzebną stroną.
Następnie możesz dostosować styl Listy marek. Aby to zrobić, przejdź do karty Styl. Tutaj możesz zmienić nazwę firmy, logo i opisanie.
Po kliknięciu w Logo firmy można dodawać i dostosowywać obramowanie, ustawiając jego szerokość, kolor, dodając cienie i wybierając typ wyrównania.
W części Wygląd logo można dostosować typ tła, wybierając opcje klasycznego lub gradientowego tła.
Jeśli wybierzesz opcję Klasyczne tło, możesz wybrać odpowiednie zdjęcie tła lub dowolny kolor. Wybierając opcję Zdjęcia w tle, będziesz mógł wybrać dowolne zdjęcie z galerii lub załadować je z dysku twardego. Możesz również ustawić położenie zdjęcia na liście rozwijanej.
Końcowy wynik będzie wyglądał tak:
Jeśli wybierzesz opcję Gradientowego tła, musisz wybrać dwa kolory, aby osiągnąć pożądany efekt. Ponadto ustaw ich typ i kąt, dodaj typ/szerokość/kolor ramki i, jeśli to konieczne, ustaw cienie ramki.
Oto co otrzymasz w rezultacie:
Następnie dostosuj styl Nazwy firmy - ustaw wymagany koloru tytułu, font, zmień margines i wyrównanie.
Aby zmodyfikować opis firmy, kliknij w blok Nazwa firmy, powtórz czynności opisane w poprzednim kroku, tzn. zmień kolor, font, margines i wyrównanie.
Na końcu dostosowywania otrzymasz takie wyniki:
Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: How to Add and Manage Brands Module in WordPress Elementor Themes.
Moduł Brands jest obsługiwany przez wszystkie motywy WordPress z marketplace. Jest to szczególnie przydatne w przypadku tworzenia stron komercyjnych, oraz serwisów dla firm, które chciliby zwiększyć swoją wiarygodność, a jednocześnie ujawnić listę marek/partnerów z którymi pracują. Poniżej znajdziesz listę najpopularniejszych motywów WordPress opartych na kreator Elementor, które pozwalają wyświetlić na stronie listy marek w atrakcyjny sposób.
Jak widać, istnieje wiele sposobów wykorzystania modułu Brands na witrynie. Na przykład, z jego pomocą można pokazać listę partnerów lub wyświetlić marki, produkty których sprzedajesz na stronie, a także wyświetlić klientów z którymi pracujesz, firmy, którym ufasz itp.
Czy potrzebujesz szerszego wyboru motywów WordPress zawierających moduł Brnads? Wtedy sprawdź całą kolekcję!