Divi: Jak stworzyć sekcję Referencje w formie siatki

Divi: Jak stworzyć sekcję Referencje w formie siatki

Czy chciałbyś stworzyć sekcję Referencje w formie siatki? na swojej stronie internetowej z modułem Divi Testimonial?

Układy siatki świetnie nadają się do treści, które muszą być trzymane razem. Doskonałym przykładem są referencje. W Divi tworzone są referencje z nowym modułem dla każdej referencji. Ale na szczęście wyświetlanie ich w siatce jest proste. 

W tym artykule zobaczymy jak ułożyć referencje w formie siatki z modułem Opinie od Divi. Zobaczymy dwa różne układy, więc możesz wybrać ten, który najlepiej odpowiada Twoim potrzebom.

Zacznijmy!

badanie

Oto przegląd tego, co zrobimy w tym samouczku.

Układ siatki

Divi Testimonial moduł w formie siatki

Alternatywny układ

Divi Testimonial moduł w formie siatki

Projekt pierwszego layoutu z Divi

Pokażemy szczegóły obu układów, ale drugi układ użyje modułów z pierwszego.

Utwórz linię

Najpierw utwórz nowy wiersz i wybierz a Układ 3 kolumnowy.

Następnie otwórz parametry linii klikając jego ikonę koła zębatego.

Wybierz zakładkę Designu i aktywuj Użyj niestandardowej szerokości rynny i ustaw go na 1.

  • Użyj niestandardowej szerokości rynny: Tak
  • Szerokość rynny: 1

Następnie przewiń w dół do Rozstaw i zmień ustawienia odstępów w następujący sposób. Zamknij rząd. Utworzymy drugi wiersz, ale najpierw dokończymy ten, a potem sklonujemy.

  • Dopełnienie (góra i dół): 0px

Dodaj moduł „Referencje”

Następnie dodaj moduł referencji w lewej kolumnie.

Dodaj moduł referencji

Ustawienia zawartości modułu

Następnie dodaj treść zeznań. Obejmuje to imię i nazwisko autora, stanowisko, nazwę firmy, treść ciała i zdjęcie osoby wystawiającej referencje.

  • Autor: imię i nazwisko autora
  • Stanowisko: Stanowisko zajmowane w firmie
  • Firma: nazwa firmy
  • Treść ciała: referencja
  • Obraz: wybrany obraz

Parametry konstrukcyjne modułu

Następnie wybierz zakładkę Designu.

Cytat ikona

Zmień ustawienia ikon. Kolor ikony będzie również używany jako nazwa osoby. Będzie tak samo dla wszystkich modułów.

  • Kolor ikony cytatu: #fd335a
  • Kolor tła ikony cytatu: #ffffff
Obraz

Następnie przewiń w dół do Obraz i zmień następujące ustawienia:

  • Szerokość obramowania obrazu: 4 piksele
  • Kolor obramowania obrazu: #000645
tekst-treść

Następnie przewiń w dół do Treść tekstu i zmień czcionkę

  • Czcionka ciała: Roboto Mono
AutorTekst

Następnie przewiń w dół do AutorTekst.

  • Czcionka autora: Oswald
  • Grubość czcionki: pół pogrubiona
  • Styl czcionki: TT
  • Kolor tekstu: #fd335a
Tekst pozycji

Następnie przewiń w dół do Tekst pozycji (tytuł pracy) i zmień czcionkę.

  • Czcionka pozycji: Roboto Mono
Tekst firmowy

Następnie przewiń w dół do Tekst firmowy i zmień również czcionkę.

  • Czcionka firmy: Roboto Mono
Granica

Na koniec przewiń w dół do Granica i zmodyfikuj obramowanie w następujący sposób:

  • Szerokość obramowania: 24px
  • Kolor obramowania: #000645

Zduplikuj moduł Referencje

następnie zduplikuj moduł dwukrotnie i przeciągnij dwa sklonowane moduły do ​​innych kolumn w rzędzie.

Dostosuj drugi moduł Referencje

Otwórz je ustawienia drugiego modułu Testimonial i modyfikacji treści.

Obraz

Następnie wybierz zakładkę desing i przewiń do Obraz. Zmień kolor obramowania.

  • Kolor obramowania obrazu: #acf8f5
Granica

Na koniec przewiń w dół do Granica i zmień kolor.

  • Kolor obramowania: # acf8f5

Dostosuj trzeci moduł referencji

Otwórz je ustawienia trzeciego modułu Testimonial i edytuj treść.

Obraz

Następnie przejdź do zakładki Designu, przewiń do Obraz i zmień kolor obramowania.

  • Kolor obramowania obrazu: #fccaa0
Granica

Na koniec przewiń w dół do Granica i zmień kolor obramowania, aby pasował do obramowania obrazu. Zamknij ustawienia modułu.

  • Kolor obramowania: #fccaa0

Zduplikowana linia

następnie zduplikuj linię klikając opcję duplikatu, która pojawia się po najechaniu kursorem na linię. Ponieważ dodaliśmy 0px do górnego i dolnego wypełnienia, ta nowa linia automatycznie dotyka linii nad nią. Otworzymy każdy moduł w drugiej sekcji, aby zmienić jego zawartość i kolory.

Dostosuj czwarty moduł Testimonial

Otwórz je ustawienia drugiego modułu Testimonial i modyfikacji treści.

Obraz

Następnie przewiń w dół do Obraz i zmień kolor obramowania na #6eea9d.

  • Kolor obramowania obrazu: #6eea9d
Granica

Na koniec przewiń w dół do Granica i zmień kolor obramowania na #6eea9d, aby dopasować obramowanie obrazu. Zamknij ustawienia modułu.

  • Kolor obramowania: #6eea9d

Dostosuj piąty moduł Testimonial

Otwórz je ustawienia piątego modułu Testimonial i modyfikować jego zawartość.

Obraz

Następnie przewiń w dół do Obraz i zmień kolor obramowania na #fff67f.

  • Kolor obramowania obrazu: #fff67f
Granica

Na koniec przewiń w dół do Granica i zmień kolor obramowania, aby pasował do obramowania obrazu. Zamknij ustawienia modułu.

  • Kolor obramowania: #fff67f

Dostosuj szósty moduł referencji

Na koniec otwórz ustawienia szóstego modułu Świadectwa i zastąp jego treść.

Obraz

Następnie przewiń w dół do Obraz i zmień kolor obramowania na #593a94.

  • Kolor obrazu obramowania: #593a94
Granica

Na koniec przewiń w dół do Granica i zmień kolor, aby pasował do obramowania obrazu. Zamknij ustawienia modułu.

  • Kolor obramowania: #593a94

Wynik

Oto wynik, jaki mamy do tej pory.

Projekt drugiego layoutu z Divi

Stworzona przez nas siatka referencji działa świetnie, jeśli referencje są mniej więcej tej samej wielkości. 

Co by było, gdybyś miał krótkie i długie referencje? W tym celu siatka o różnych rozmiarach dla kolumn jest idealna. Możemy umieścić referencje z największą ilością informacji w dużych kolumnach.

W tym przykładzie. utworzymy nowe kolumny z tymi samymi ustawieniami odstępów i użyjemy tych samych referencji co poprzednio, ale z różną ilością tekstu.

Utwórz alternatywne linie

najpierw dodaj wiersz do 2 kolumn z kolumna 1/3 w lewo i kolumna 2/3 po prawej stronie.

Utwórz alternatywne linie

Następnie otwórz ustawienia linii, przejdź do zakładki Designu, przewiń do Dobór i wybierz Użyj niestandardowej szerokości rynny. Zmień szerokość rynny na 1.

  • Użyj niestandardowej szerokości rynny: TAK
  • Szerokość rynny: 1
Utwórz alternatywne linie

Następnie przewiń w dół do Rozstaw.

  • Dopełnienie (góra i dół): 0px
Utwórz alternatywne linie

następnie, duplikować linia.

Utwórz alternatywne linie

Wybierz opcje układ drugiego rzędu i wybierz układ za pomocą Pozostało 2/3 et 1/3 w prawo.

Utwórz alternatywne linie

Dodaj cztery moduły referencji

Wreszcie utwórz lub przeciągnij moduły referencji do linii. Używamy tych samych modułów, co w poprzednim przykładzie, ale zawartość została zmieniona, aby utworzyć różne rozmiary.

Divi Testimonial moduł w formie siatki

Moduły dostosowują się do szerokości swoich kolumn, tak jak w poprzednim przykładzie, ale każdy ma inną wysokość ze względu na zawartość treści. Tworzy to niezręczne odstępy w siatce. Na szczęście łatwo to naprawić.

Otwórz ustawienia pierwszego modułu i przejdź do zakładki Designu. Przewiń do Dobór i wpisz 100% dla „Wysokość”. 

Powtórz to dla każdego modułu .

  • Wzrost: 100%
Divi Testimonial moduł w formie siatki

Ostateczne wyniki

Układ siatki

Oto spojrzenie na nasz układ siatki. Działa to świetnie, jeśli referencje mają ten sam rozmiar.

Divi Testimonial moduł w formie siatki

Alternatywny układ

Oto alternatywny układ. Jest idealny do referencji o różnych rozmiarach.

Divi Testimonial moduł w formie siatki

Pobierz DIVI teraz !!!

Wnioski

Oto nasze spojrzenie na to, jak utworzyć sekcję referencji w formacie siatki za pomocą modułu Opinie od Divi. Ustawienia wiersza i modułu Divi doskonale ze sobą współpracują, tworząc siatkę wielu wierszy i kolumn. 

Przykłady, które tutaj pokazaliśmy, można łatwo rozszerzyć, aby utworzyć jeszcze większe siatki. Koncepcje działają również z innymi typami modułów Divi.

Mamy nadzieję, że ten samouczek zainspiruje Cię do kolejnych projektów Divi. Jeśli masz jakiekolwiek wątpliwości lub sugestie, znajdź nas w sekcja komentarzy przedyskutować to.

Możesz również skonsultować nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji swoich projektów tworzenia stron internetowych.

Nie wahaj się również skonsultować z naszym przewodnikiem na temat Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

Divi: Jak dostosować moduł „Odliczanie czasu” za pomocą GIF

Divi: Jak dostosować moduł „Odliczanie czasu” za pomocą GIF

Czy chcesz wiedzieć, jak dostosować moduł „Odliczanie” Divi za pomocą GIF?

W dzisiejszym samouczku pokażemy, jak używać pełnoekranowego wideo w tle w kursie. „Zegar odliczający”. Może być wykorzystany do "stworzenia napięcia" w zabawny i niebanalny sposób. 

Zacznijmy!

badanie

Zanim zagłębimy się w ten samouczek, przyjrzyjmy się rezultatowi, jaki chcemy osiągnąć.

dostosuj moduł "Odliczanie czasu" Divi

Projekt odliczania z Divi

Przygotowanie elementów projektu

Odliczanie, które zamierzamy zaprojektować, wykorzystuje wideo w tle. Istnieje wiele miejsc, w których można znaleźć bezpłatne lub płatne materiały stockowe. Ale w tym samouczku skorzystamy z kilku darmowych klipów wideo z Wideo.

Oto bezpośredni link do filmu, którego będziemy używać: Latające cząstki.

Wdrożenie projektu z Divi

Możesz użyć istniejącej strony. Ale dla uproszczenia będziemy pracować na nowej stronie. 

Stwórz więc nową stronę i dodaj wiersz z następującą strukturą kolumn.

Włóż moduł " Minutnik ».

Ustawianie parametrów modułu

Najpierw wybierz datę do odliczania, a następnie edytuj:

  • Użyj koloru tła: NIE

Teraz kliknij na zakładkę "Projekt" i zmień poniższe ustawienia.

  • Rozmiar tekstu liczb: 85px
  • Rozmiar tekstu etykiety: 15px

UWAGA : będzie wyglądać, jakby w ogóle nie było odliczania, ponieważ usunęliśmy kolor tła. Gdy dodamy nasz film w tle w poniższych instrukcjach, będziemy mogli zobaczyć odliczanie.

Ustawianie parametrów sekcji

Teraz musimy dokonać drobnych zmian w sekcji. Najedź kursorem na sekcję i otwórz ustawienia.

W zakładce Treść, Przejdź do ustawień „Wideo w tle”, a następnie Wideo w tle MP4

Kliknij „Dodaj wideo w tle” i dodaj film, który pobraliśmy wcześniej z Wideo. Powinieneś teraz zobaczyć wideo w tle odtwarzane za naszym odliczaniem.

dostosuj moduł "Odliczanie czasu" Divi

Teraz musimy dokonać tylko jednej małej korekty w zakładce Zaawansowane parametry modułu sekcji. Dodaj niestandardowy CSS poniżej w Główny element.

height: 100vh; 

Oto, co powinieneś zobaczyć do tej pory.

dostosuj moduł "Odliczanie czasu" Divi

Dodano niestandardowy CSS

Ostatnią rzeczą, którą musimy zrobić, to dodać niestandardowy CSS, który zabierze nas do końca.

Więc otwórz ustawienia modułu, kliknij zakładkę "Zaawansowany" i dodaj klasę CSS

  • Klasa CSS: niestandardowe odliczanie-5

Teraz, gdy nasza klasa niestandardowa została dodana, jesteśmy gotowi do dodania niestandardowego kodu CSS.

Aby to zrobić, przejdź do ustawień strony.

Przejdź do zakładki Zaawansowane i dodaj poniżej niestandardowy CSS.

.custom-countdown-5.et_pb_countdown_timer .sep {
display: none;
}
 
.custom-countdown-5.et_pb_countdown_timer .section.values {
 border-left: 1px solid #808080;
}
.custom-countdown-5 .days {
border-left: none !important;
 margin-right: 16px;
}
Divi

Następnie zapisz zmiany i podziwiaj swoje dzieło!

dostosuj moduł "Odliczanie czasu" Divi

BONUS: dodatkowa personalizacja

Możemy połączyć animowany gradient z naszym filmem w tle, aby uzyskać jeszcze bardziej unikalny wygląd. Po prostu dodaj CSS poniżej (po CSS powyżej).

.et_pb_section:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
-o-animation: colorcycle 20s ease infinite;
-moz-animation:
colorcycle 20s ease infinite;
-webkit-animation: colorcycle 20s ease infinite; animation: colorcycle 20s ease infinite;
background: linear-gradient(270deg, #a253e0, #f15b4f, #2ea3f2);
background-size: 600% 600%;
}
@-webkit-keyframes colorcycle { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes colorcycle { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes colorcycle { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.et_pb_section_video_bg { opacity: .9; }

Oto jak to będzie wyglądać:

dostosuj moduł "Odliczanie czasu" Divi

Pobierz DIVI teraz !!!

Wnioski

Mamy nadzieję, że ten samouczek zainspiruje Cię do kolejnych projektów Divi. Jeśli masz jakiekolwiek wątpliwości lub sugestie, znajdź nas w sekcja komentarzy przedyskutować to.

Możesz również skonsultować nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji swoich projektów tworzenia stron internetowych.

Zobacz także nasz przewodnik po Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

10 motywów WordPress do stworzenia witryny biznesowej logistyki i transportu

10 motywów WordPress do stworzenia witryny biznesowej logistyki i transportu

Jeśli szukasz najlepszych motywów WordPress w zakresie logistyki i transportu, frachtu, wysyłki lub dostawy: ten artykuł jest dla Ciebie idealny, ponieważ dzisiaj oferujemy Ci listę najlepszych motywów WordPress premium przeznaczony do tego zadania.

Bez zbędnych ceregieli zapraszamy do zapoznania się z naszą listą. Ale najpierw, jeśli nigdy nie instalowałeś WordPressa, dowiedz się Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu.

Wróćmy do tego, dlaczego tu jesteśmy.

1. Transpix 

Transpix to wysokiej jakości motyw WordPress zaprojektowany specjalnie do tworzenia dowolnej witryny biznesowej z zakresu transportu lub logistyki. Jest to motyw WordPress z kilkoma funkcjami, które mogą pomóc Ci zaoferować zoptymalizowaną stronę internetową, która będzie prezentować usługi oferowane przez Twoją firmę.

Wordpress motyw Transpix tworzy stronę internetową logistyki transportu firmy

Oferuje szybki i przejrzysty proces importowania wersji demo, co zajmie Ci tylko kilka minut. Zaawansowane funkcje, takie jak zgodność z kilkoma nowoczesnymi i najnowszymi wtyczkami, nadadzą Twojej witrynie rangę, na jaką zasługuje.

Przeczytaj także nasz artykuł na temat Wtyczki 5 WordPress, aby zwiększyć liczbę subskrybentów

Ma doskonały panel sterowania, doskonałą obsługę klienta, doskonałą typografię, wiele szablonów stron, piękny nowoczesny wygląd i wiele innych.

Pobierz | Demo | hosting

2. Genurent

Genurent to responsywny motyw WordPress, idealny do tworzenia stron internetowych dla firm transportu publicznego, transportu wahadłowego, furgonetki, limuzyny, wypożyczalni helikopterów i nie tylko. Ten czysto zakodowany i bardzo dobrze zorganizowany motyw WordPress sprawi, że to zadanie będzie przyjemnym doświadczeniem dla każdego początkującego lub eksperta w tworzeniu stron internetowych.

Logistyka motywów WordPress - Genurent

Jest to w pełni konfigurowalny motyw WordPress z przyjaznym dla użytkownika wyglądem na wszystkich urządzeniach. Zawiera dokumentację opisującą każdą sekcję motywu WordPress i będzie Ci towarzyszyć w różnych procesach instalacji i konfiguracji Twojej witryny.

Odkryj także Wtyczki 7 WordPress, aby dodać znak wodny do zdjęć Twojej witryny.

Jest zgodny z kilka popularnych wtyczekniektóre z nich są bezpłatnie zintegrowane z tym ostatnim. Jego wersja demonstracyjna jest wysoce konfigurowalna dzięki wtyczkom WordPress, ale także potężnemu i solidnemu panelowi sterowania, który niewątpliwie będzie intuicyjny.

Pobierz | Demo | hosting

3. Orzeł

Eagle to premium motyw WordPress ze wszystkim, czego potrzebujesz, aby stworzyć idealną stronę internetową dla tej niszy. Poza tym jego ogólna ocena w ThemeForest osiąga doskonałość -5 / 5-. Doskonała typografia, z jaką jest zapewniony, zapewnia komfort wizualny, a elastyczność jego konstrukcji zapewnia doskonały wygląd na wszystkich ekranach.

Orzeł motywy wordpress stwórz stronę internetową logistyka biznesowa transport ładunków

Dzięki temu motywowi WordPress będziesz mógł łatwo stworzyć nowoczesną i profesjonalną stronę internetową dla firmy logistycznej lub transportowej. Proces dostosowywania jest równie łatwy, jak w przypadku większości profesjonalnych motywów WordPress.

Czytaj także Jak autor edytować artykuły dla autorów gości

Nie będziesz musiał martwić się wierszami kodu, ponieważ nie będziesz go potrzebował. Jeśli masz problemy z procesem instalacji lub po prostu chcesz wiedzieć, co zrobić lub jak to zrobić, zapoznaj się z samouczkami wideo poświęconymi temu motywowi WordPress.

 Oszustwa Paypal: jak je rozpoznać? Dowiedz się, przeglądając ten artykuł.

Objaśniają wszystko w przyjazny dla użytkownika sposób, aby każdy mógł sobie z tym poradzić bez angażowania profesjonalisty.

Pobierz | Demo | hosting

4. GoCargo

GoCargo to wysokiej jakości motyw WordPress, który ma pomóc Ci stworzyć stronę internetową dla firmy oferującej usługi w zakresie frachtu, logistyki i transportu. Zawiera 7 demonstracji, a każda z nich została elegancko stworzona i może być postrzegana jako szablon strony internetowej, a nie jako wariant jednego układu.

Motywy Gocargo Wordpress tworzą agencję internetową transportu firmowego

Większość jego dem dobrze wykorzystuje Wtyczka Slider Revolution, Oznacza to, że będziesz mieć do dyspozycji narzędzie, które pozwoli Ci prezentować wspaniałe pokazy slajdów na stronie głównej lub w innym miejscu. Wtyczka Visual Composer Jest również uwzględniony, dla dodatkowych możliwości twórczych. 

WordPress wtyczki 10 zarządzać wydarzenia na swoim blogu odkryć absolutnie.

GoCargo ma wystarczająco dużo wersji demonstracyjnych, aby objąć szereg firm oferujących usługi transportowe, a znajdziesz nawet linki do przykładów witryn używanych na całym świecie, które są oparte na tym motywie premium WordPress.

Pobierz | Demo | hosting

5. trucky

Trucky to premium motyw WordPress poświęcony tworzeniu strony internetowej dla firm zajmujących się logistyką i transportem. To świetna opcja dla tych, którzy chcą stworzyć stylową i funkcjonalną stronę biznesową.

trucky

Dzięki temu ultra dostosowywanemu motywowi WordPress klienci będą mogli uzyskać dostęp do Twojej witryny ze swojego smartfona, ponieważ treść automatycznie dostosuje się do dowolnej rozdzielczości ekranu.

Sprawdź naszą listę 10 Niezbędne wtyczki WordPress dla witryny firmowej

Jest skierowany przede wszystkim do firm transportowych, ale jego układ i oferowane przez niego opcje dostosowywania ułatwiają dostosowanie się do każdego innego rodzaju działalności.

Odkryj także nasze 5 premium WordPress wtyczki do optymalizacji kategorii

Aby pomóc Ci lepiej zrozumieć ten motyw WordPress, możemy napisać o nim cały artykuł. Ale najlepszym sposobem, aby to zrozumieć i mieć pomysł na temat tego, co może zaoferować lub co może zrobić dla Twojej witryny, zapraszamy do zapoznania się z jego wersją demo, konsultując się z nią za darmo.

Zapewniamy Cię już, że nie będziesz rozczarowany.

PobierzDemohosting

6. DHC

DHC to motyw WordPress zaprojektowany wyłącznie, aby pomóc Ci stworzyć stronę internetową dla każdej firmy, która oferuje usługi w zakresie frachtu, logistyki, transportu i wszystkich powiązanych z nimi usług.

Motywy Dhc Wordpress tworzą firmę zajmującą się transportem stron internetowych

Oparty na elastycznym układzie, ten motyw WordPress pozostaje jedną z opcji, które musisz sprawdzić, dzięki swojej niezwykłej wszechstronności. Zawiera 3 wersje demonstracyjne o unikalnym wyglądzie, które będą świetnym punktem wyjścia szybko uruchom swoją witrynę zwłaszcza jeśli masz napięte terminy.

Czytaj: Kilka porad, aby poprawić swój SEO.

Oferuje również jako funkcje: zgodność z wtyczkami Program Visual Composer et Suwak Revolution które są zintegrowane za darmo i pozwolą Ci zaoszczędzić około 50 €. Można go również przetłumaczyć na kilka języków i wiele innych.

PobierzDemohosting

7. Globalny Logistyka

Global Logistics został zaprojektowany, aby pomóc Ci łatwo stworzyć stronę internetową dla każdej firmy transportowej lub magazynującej produkty. Ta ostatnia, dostarczana domyślnie z wersją demonstracyjną, oferuje trzy style strony głównej, która byłaby idealna dla każdej z usług oferowanych przez Twoją firmę.

Globalny motyw logistyki Wordpress tworzy witrynę internetową logistykę transportu

Treść wersji demonstracyjnej można zaimportować za pomocą kilku kliknięć, co pozwoli ci uzyskać solidną bazę, od której możesz zacząć. Z responsywny układ, będzie wyświetlać się doskonale na każdym urządzeniu używanym do uzyskania dostępu do Twojej witryny.

Czytaj także Jak i dlaczego jakościowe badanie treści.

Pochodzi z Wtyczka WPBakery co pozwoli Ci dostosować układ swojej wersji demonstracyjnej, bez konieczności dodawania jednego wiersza kodu. Jest kompatybilny z wtyczkami takimi jak: Suwak Revolution, PO Composer, Essential Grid, Swiper Slider i WPML, których celem będzie zapewnienie najwyższej jakości obsługi w języku partnera lub gościa.

Pobierz | Demo | hosting

8. Odyssey

Jeśli Twoja witryna biznesowa związana z frachtem, dostawą, transportem lub przeprowadzką wymaga przebudowy, motyw premium Odyssey WordPress to rozwiązanie przyjazne dla użytkownika, które może zanurzyć Twoją firmę, a także jej witrynę internetową, w nowoczesność.

Odyssey

Jeśli wybierzesz ten motyw WordPress, będziesz mieć przynajmniej przewagę nad konkurencją dzięki dość dużej liczbie funkcji, które oferuje natywnie. Jego w 100% responsywny układ jest bardzo elastyczny i pozwoli gościom, którzy posiadają smartfony, korzystać z tego samego doświadczenie użytkownika tylko ci, którzy mają pulpit.

Daje również swobodę modyfikowania kodu na wiele sposobów. Różne opcje układ są uwzględnione, abyś mógł wybrać najbardziej optymalny sposób prezentacji usług Twojej firmy w Internecie. I jak zwykle WordPress Live Customizer i wtyczka Power Builder pozwoli Ci zmienić wygląd witryny za pomocą myszy.

 Pobierz | Demo | hosting

9. tranzyt

Ten motyw WordPress dla firm logistycznych premium można dostosować do wielu powiązanych nisz biznesowych, takich jak transport, dostawa, fracht, spedycja i firmy przeprowadzkowe.

Tranzyt

Podczas przewijania strony odwiedzający odkryją przejrzysty i zoptymalizowany projekt, typografia pixel perfect, opis usług firmy, szczegóły wysyłki, więcej informacji o firmie, referencje klienci i przepływ bloga.

Odkryj też Jak stworzyć katalog produktów na WordPress.

Ten premium motyw WordPress jest oparty na najnowszej wersji Cherry Framework, co czyni go jeszcze bardziej elastycznym i bogatym w funkcje. Oferuje idealną kombinację pomiędzy Live Customizer i wtyczką Power builder, aby maksymalnie wykorzystać możliwości personalizacji.

Pobierz | Demo | hosting

10. śruby

Bolts to w pełni responsywny motyw WordPress premium, zaprojektowany w celu ułatwienia tworzenia stron internetowych dla firm transportowych lub logistycznych. Jest to zatem motyw WordPress z układem, który można dostosować, aby był motywem WordPress o niepowtarzalnym wyglądzie.

Motywy Bolts wordpress tworzą stronę internetową logistyka biznesowa transportu towarowego

Jest wyposażony w osobne wersje demonstracyjne 4, które można dostosować za pomocą panelu sterowania. Ale nie będziesz mógł go modyfikować za pomocą takiej wtyczki Wtyczka WPBakery. Co nas bardzo rozczarowało, biorąc pod uwagę cenę wyświetlaną przez to drugie. Niemniej twórcy tego motywu WordPress obiecują przyszłą kompatybilność z tym ostatnim.

Jest kompatybilny z wtyczkami WPML, Suwak Revolution, LayerSlider et WooCommerce, Ma szczegółową dokumentację, która pozwoli ci łatwo to zrobić, niezależnie od tego, czy jesteś programistą, czy nie.

Odkryj także nasze Wtyczki 10 WordPress do tworzenia odliczania

To bardzo solidny motyw WordPress i jesteśmy pewni, że przyszłe aktualizacje zapewnią wszystko, czego potrzebujesz.

Pobierz | Demo | hosting

Polecane zasoby

Odkryj także inne zalecane zasoby, które pomogą Ci lepiej przyciągnąć partnerów i subskrybentów, ale także poprawią bezpieczeństwo Twojej witryny. 

Wnioski

Voila! To tyle w przypadku tej listy najlepszych motywów WordPress premium zaprojektowany, aby pomóc Ci stworzyć witrynę biznesową dla branży logistycznej. Mamy nadzieję, że ten artykuł pomoże Ci znaleźć przyszły motyw WordPress dla Twojej firmy. 

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Nie wahaj się i prześlij nam swoje podziękowania i sugestie w sekcji poświęconej commentaires, Szczególnie podziel się tym artykułem na swój temat sieci społeczne.

... 

Witryny lepsze niż arcydzieła: 10 szablonów NFT Marketplace

Witryny lepsze niż arcydzieła: 10 szablonów NFT Marketplace

Rynek NFT to miejsce, w którym każdy może kupować, sprzedawać i handlować aktywami wspieranymi przez niezamienne tokeny (NFT). Odegrały znaczącą rolę w podniesieniu NFT do ich obecnego poziomu. Sztuka, muzyka, teledyski, materiały z gier, karty kolekcjonerskie, memy, zdjęcia profilowe i inne NFT mogą być częścią rynków. Internet oferuje szeroką gamę Szablony rynku NFT które pozwalają szybko uruchomić zasób.

Aby uzyskać wysokiej jakości przestrzeń online, musisz wykonać następujące kroki.

  1. Pierwszym krokiem w tworzeniu rynku NFT jest dokładne przygotowanie się do niego. Rozważ wszystkie zmienne, które mogą być zaangażowane. Firma, grupa docelowa, specjalizacja, konkurenci, oferty, funkcje, reklamy, płatności i zastosowana technologia to kryteria, które należy wziąć pod uwagę.
  2. Najlepiej zacząć budować swoją platformę po ukończeniu strategii biznesowej dla NFT Marketplace. Aby tworzyć prezentacje dla użytkowników, korzystaj z niezbędnych zasobów technologicznych, takich jak web.js, HTML i React. Pamiętaj, że nadal możesz pracować z szablonami marketplace NFT.
  3. Po ogólnym opracowaniu musisz przeprowadzić obszerne testy.
  4. Udostępnij swoją platformę publicznie. Pamiętaj, aby przyciągnąć bazę użytkowników, intensywnie promując się na wielu platformach. Oferowanie wspaniałych korzyści wczesnym użytkownikom to świetne podejście do budowania bazy wczesnych użytkowników. Posiadanie wielu linii komunikacji jest również niezbędne, aby Twoja firma otrzymywała kluczowe informacje. Aby sprostać zmieniającemu się zapotrzebowaniu, regularnie aktualizuj swoją platformę na podstawie odpowiedzi.

Najpopularniejsze rynki NFT to obecnie OpenSea, Axie Marketplace, Rarible, SuperRare i Foundation.app.

10 wzorców rynkowych NFT: Twoja droga do zupełnie nowego wirtualnego świata

NFTRICA – Motyw WordPress Elementor NFT Project Artist Showcase

Aby zbudować wymarzoną witrynę, potrzebujesz tego początkującego wyboru szablonów NFT Marketplace. Koncentruje się na usuwaniu zawiłości z doświadczenia budowania. Dlatego możesz swobodnie skorzystać z Kreatora Stron Elementor, aby zmodyfikować wszystkie niezbędne aspekty.

Innymi słowy, otrzymasz intuicyjny kreator typu „przeciągnij i upuść” bez żadnych ograniczeń. Nie zapominaj, że pakiet oferuje również w pełni responsywny design. Twoi goście skorzystają z optymalnej elastyczności, ponieważ witryna dostosuje się do różnych urządzeń i ich ekranów.

Przeznaczenie: artyści NFT i inne pokrewne projekty.

Główne funkcje:

  • menu rozwijane;
  • 20+ wstępnie zaprojektowanych stron;
  • funkcjonalność bloga;
  • dobrze zorganizowana galeria;
  • Mapy Google.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Tokom – Motyw WordPress na giełdzie tokenów kryptowalut

Jeśli jesteś entuzjastą zdobywania wysokiej jakości szablonów dla rynku NFT, sprawdź tę niesamowitą opcję. Będziesz mógł tworzyć wszystkie elementy dokładnie tak, jak zamierzasz, dzięki dostępności Kreatora Stron Elementor.

Niewątpliwie otrzymasz szeroką gamę gotowych stron, które szczegółowo wyjaśnią Twoją pasję. Można mówić o usługach, ich przewadze nad konkurencją i innych aspektach. Istnieje również kilka układów blogów, które pozwalają przyciągnąć więcej osób, udostępniając wartościowe i zabawne treści.

Miejsce docelowe: sklepy NFT, sklepy wsparcia NFT, prośby o kryptografię i serwisy aukcyjne wsparcia cyfrowego. 

Główne funkcje:

  • zaawansowane wyszukiwanie ;
  • Subskrypcja newslettera;
  • konfigurowalne czcionki i kolory w jednym miejscu;
  • kompatybilny z WooCommerce;
  • Formularz kontaktowy.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Cryptobit – motyw WordPress dla rynku Crypto ICO i NFT

Przyznajmy, że nigdy nie można mieć zbyt wielu modeli marketplace NFT. Będziesz mieć możliwość wyboru spośród pięciu typów stron głównych i nieograniczonej liczby opcji kolorystycznych. Nie sposób nie zadowolić się w pełni responsywnym designem.

Ta wspaniała funkcja sprawi, że Twoja witryna będzie dostępna dla wszystkich potencjalnych odwiedzających. Jeśli nie masz czasu na zajmowanie się treściami wizualnymi, skorzystaj z przyciągających wzrok obrazów bonusowych zawartych w pakiecie.

Przeznaczenie: kryptowaluty i tematy związane z NFT.

Główne funkcje:

  • wideo w tle;
  • Mapy Google;
  • funkcjonalność bloga;
  • instalacja jednym kliknięciem;
  • Galeria.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Octo Space – strona główna projektu NFT w React + NextJS + TailwindCSS

Co zrobić, jeśli masz kolekcję NFT na OpenSea lub innych platformach blockchain bez projektu online? Zawsze można skorzystać z tego gotowego do użycia szablonu dynamicznego, który oferuje pożądany poziom głębi dostosowywania. Możesz bez wysiłku edytować niezbędne komponenty, w tym tekst wewnątrz witryny. Nie zapominaj, że otrzymasz również funkcje NextJS i React17, które usprawnią Twój projekt online. Zapewnia również łatwy dostęp do Instagrama, Discorda i Twittera.

Przeznaczenie: kolekcje NFT.

Główne funkcje:

  • płynne efekty animacji;
  • ikony mediów społecznościowych;
  • projekt zgodny z różnymi przeglądarkami;
  • menu rozwijane;
  • jeden szablon strony.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Cryptozen – szablon strony HTML5 dla ICO i Bitcoinów.

Ten żywy i atrakcyjny szablon może pomóc w stworzeniu niezwykłej witryny kryptowalutowej. Natychmiast zwraca uwagę na treść i zapewnia jej widoczność. Nie będziesz musiał wchodzić w interakcję z kodowaniem, aby dodać żądane elementy. W takim przypadku elastyczny i potężny kreator stron Elementor będzie Twoim asystentem, aby poprawić wrażenia z opracowywania projektu online. Możesz także wybierać spośród ponad 19 projektów nagłówków, ponad 10 stylów stopek i różnych suwaków.

Przeznaczenie: kryptowaluta ICO i bitcoin.

Główne funkcje:

  • płynne efekty animacji;
  • wideo w tle;
  • Funkcjonalność Ajax;
  • kompatybilny z WooCommerce;
  • wideo w tle.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Enefty – Szablon witryny NFT Marketplace

Jest to najlepszy wybór spośród szablonów rynku NFT, które oferują dużą liczbę kompleksowych narzędzi. Możesz być gotowy do pracy w mgnieniu oka dzięki bezproblemowemu procesowi dostosowywania. Aby przyspieszyć proces tworzenia witryny, masz możliwość skorzystania z kilku wstępnie zaprojektowanych stron.

Znajdziesz opcje, aby porozmawiać o swoim zespole i kolekcjach, udostępniać informacje za pośrednictwem bloga i tworzyć sklep internetowy. Nie ma znaczenia, czy chcesz prezentować złożone informacje, ponieważ w pełni responsywny projekt sprawi, że będzie wyglądać świetnie.

Przeznaczenie: rynek NFT, rynek cyfrowy, kryptowaluty, blockchain, sztuka cyfrowa i inne strony internetowe związane z kryptowalutami.

Główne funkcje:

  • Formularz kontaktowy ;
  • Czcionki Google;
  • dwie wersje strony głównej;
  • funkcjonalność galerii;
  • Członkowie zespołu.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

NFTJET – NFT Crypto Currency Bitcoin HTML Marketplace

Czy potrzebujesz szablonów rynku NFT, które dadzą Ci wystarczająco dużo instrumentów, aby zaimponować publiczności? Niewątpliwie w pełni responsywny projekt sprawia, że ​​to gotowe rozwiązanie jest bardziej atrakcyjne i skuteczne.

Innymi słowy, Twoi goście mają możliwość przeglądania żądanych treści na wszystkich możliwych urządzeniach. Pakiet zawiera ogromny zestaw wstępnie zaprojektowanych stron, aby zrealizować wszystkie Twoje pomysły. Należą do nich szczegóły pozycji i pozycji, aktywność, połączenie z portfelem i inne.

Przeznaczenie: kryptowaluta, bitcoin, rynek NFT, ICO, handel, technologia i pieniądze.

Główne funkcje:

  • Subskrypcja newslettera;
  • funkcjonalność bloga;
  • integracja z mediami społecznościowymi;
  • Formularz kontaktowy ;
  • kolekcje.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

NftPro – szablon HTML5 dla NFT Marketplace

Dzięki temu wyjątkowemu wariantowi szablonów marketplace NFT będziesz mieć piękną stronę internetową w mgnieniu oka. Posiada ponad 30 wewnętrznych stron, które umożliwiają wyświetlanie za ich pośrednictwem potrzebnych treści i multimediów. Wysoce konfigurowalny układ gwarantuje, że Twoja witryna będzie wyróżniać się z tłumu. Możesz także wybierać spośród ponad 5 odmian strony głównej. W korzystnym zestawie na pewno znajdziesz stylową typografię. Możesz także wybierać między trybami jasnym i ciemnym.

Miejsce docelowe: tematy związane z NFT.

Główne funkcje:

  • profile autorów;
  • łatwy proces dostosowywania;
  • Mapy Google;
  • funkcjonalność galerii;
  • Funkcjonalność Ajax.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

NextNFT – Strona główna Rynku Kolekcji NFT

Szukasz szablonów dla rynku NFT, które zapewniają bezproblemową obsługę? W takim razie warto przyjrzeć się tej imponującej opcji, która najlepiej odda Twoje pomysły. Będzie to doskonały punkt wyjścia dzięki dostępności wielu korzystnych instrumentów.

x. Na przykład są to różne wstępnie zaprojektowane strony do wyświetlania osi czasu, wykonawców i zespołu. Strona główna jest również dobrze zaprojektowana, więc nawigacja po Twoich elementach treści nie będzie skomplikowana.

Przeznaczenie: kolekcje NFT.

Główne funkcje:

  • integracja z mediami społecznościowymi;
  • w pełni responsywny projekt;
  • efekty animacji;
  • obrazy bonusowe;
  • jeden szablon strony.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

NFT Place – szablon strony HTML5 dla rynku sprzedaży NFT

Jeśli chcesz, aby publiczność chętnie kupowała Twoje cyfrowe przedmioty, najlepiej jest skorzystać z tego wspaniałego szablonu. Pakiet zawiera 40 gotowych stron, które tworzą zaawansowaną i znaczącą witrynę.

Będziesz mógł wystawić swoje przedmioty NFT, pozwolić ludziom połączyć swoje portfolio i stworzyć stronę aukcyjną. Witryna ma również w pełni responsywny projekt, który zapewnia użytkownikom przyjemność z pracy z witryną. Mogą przeglądać Twoją kolekcję na wszystkich nowoczesnych urządzeniach.

Główne funkcje:

  • efekt paralaksy;
  • menu rozwijane;
  • minimalistyczny design;
  • integracja z mediami społecznościowymi;
  • zaawansowane wyszukiwanie.

Kup teraz | Demo | Pobierz za darmo w MonsterONE

Wnioski

Większość NFT w dzisiejszych czasach jest cyfrowa. Dlatego szczególnie łatwo jest artystom zaoferować swoim fanom coś wyjątkowego i niepowtarzalnego. Na przykład niektóre NFT są dziełami sztuki cyfrowej, a ludzie gromadzą je teraz w taki sam sposób, w jaki od lat nabywają tradycyjne obrazy. Jeśli chcesz wejść w tę sferę, zawsze możesz odkryć premium motywy WordPress. Co więcej, nasz kod promocyjny „blogpascher7” umożliwia skorzystanie z rabatu na każdy produkt cyfrowy TemplateMonster. Wydaje nam się, że pominięcie tej oferty byłoby błędem. Dziękuje za przeczytanie !

10 motywów WordPress do sprzedaży mieszkań

10 motywów WordPress do sprzedaży mieszkań

Chcesz znaleźć najlepsze motywy WordPress do sprzedaży mieszkań?

Duża część nabywców domów korzysta z usług pośredników w obrocie nieruchomościami w celu nabycia nieruchomości, ale bardziej wymagający korzystają z internetu w poszukiwaniu nowego mieszkania. Najlepsza witryna do sprzedaży mieszkań zawiera wszystkie informacje potrzebne Twoim klientom, aby promować, sprzedawać lub wynajmować wille, apartamenty, studia, a nawet zwiedzać nieruchomości bez wychodzenia z domu. 

Zapraszamy do zapoznania się z naszą listą najlepszych motywów WordPress premium zaprojektowanych dla wszystkich aspektów branży nieruchomości.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu.

Wróćmy do tego, dlaczego tu jesteśmy.

1. pośrednik w sprzedaży nieruchomości

Realtor to motyw WordPress poświęcony łatwemu tworzeniu dowolnej strony internetowej, której celem jest promowanie i zapewnienie różnych procesów sprzedaży i zakupu nieruchomości, takich jak domy, mieszkania, wille i nieruchomości. innych.

Motywy nieruchomościowe wordpress stwórz stronę internetową do sprzedaży apartament willa

Realtor jest kompatybilny z wieloma najpopularniejszymi wtyczkami WordPress. Niektóre z nich są nawet zintegrowane za darmo i udostępniają Twoją witrynę elastyczność podobna do strony internetowej opracowanej przez eksperta.

Odkryj także nasze Wtyczki 10 WordPress do stworzenia witryny reklamowej.

Możemy przytoczyć m.in .: WPML, Visual Composer, WooCommerce, IDX i wiele innych. Panel sterowania jest również intuicyjny i nie wymaga wystarczającego wysiłku, aby rozpocząć. Zawiera szczegółową dokumentację i jest kompatybilny ze wszystkimi nowoczesnymi i najnowszymi przeglądarkami.

Jest to motyw premium WordPress, który w pełni zasługuje na swoje miejsce na tej liście i radzimy sprawdzić.

PobierzDemo | hosting

2. Apartament WP

Jeśli chcesz stworzyć stronę internetową, która pozwoli Ci sprzedawać lub promować mieszkania, to ta strona internetowa pozostaje przyjemnym rozwiązaniem, dzięki elastycznemu układowi, który będzie odpowiadał zarówno deweloperom, jak i ekspertom.

Mieszkania WP motywy wordpress stwórz stronę internetową na sprzedaż

Ten motyw WordPress oferuje w pełni responsywny interfejs, który dostosuje zawartość do wszystkich urządzeń (tabletów, smartfonów, komputerów stacjonarnych) używanych przez odwiedzających w celu uzyskania dostępu do Twojej witryny. Oferuje kilka szablonów stron głównych, które można zaimportować, aby szybko rozpocząć pracę.

Przesyłanie różnych właściwości zostanie wykonane w interfejsie użytkownika, dzięki czemu każdy może przesłać swoją własność bez martwienia się o rozpoczęcie pracy z WordPressem. Jest to wielojęzyczny motyw WordPress ze względu na jego zgodność z wtyczką WPML. Obsługuje dużą liczbę krótkich kodów, specjalistycznych i przeznaczonych dla agencji nieruchomości.

PobierzDemo | hosting

3. Prawdziwe Miejsca

Motyw WordPress premium Real Places ma projekt specyficzny dla tej niszy. Obsługuje wiele czcionek Google, umożliwiając dostosowywanie typografii witryny i poprawianie estetyki wszystkich stron.

Motywy prawdziwych miejsc Wordpress tworzy strony internetowe sprzedaży domów, mieszkań, willi

Zaawansowane funkcje wyszukiwania właściwości zostały uwzględnione i różne kryteria dla Filtry można zastosować, aby uzyskać bardziej precyzyjne i wyrafinowane wyniki. Twoi klienci będą mogli wybrać pola, które chcą wyświetlić, lub określić ich kolejność wyświetlania.

Wyniki twoich badań zintegrują funkcjonalność Mapy Google, prezentując znaczniki własności, ich szczegóły, określone obrazy, strony kontaktowe i wiele więcej.

PobierzDemo | hosting

4. villagio

Villagio to motyw WordPress do wynajmu nieruchomości, domu, willi i mieszkania premium, który jest doskonałym rozwiązaniem, jeśli chcesz zbudować stronę internetową dla dowolnej agencji nieruchomości. Jest to również motyw WordPress, który będzie idealny, jeśli chcesz stworzyć stronę internetową hotelu.

Villagio Real Estate motyw Wordpress Real Estate

Oferuje rodzimy sposób piękna forma wyszukiwania, doskonała typografia, obsługa efektów paralaksy, różne opcje kolorów, obsługa kilku nowoczesnych i nowoczesnych przeglądarek, system rezerwacji, kompatybilność z popularnymi wtyczkami WordPress, w tym IDXpress, siatki cen, szczegółowa dokumentacja i wiele innych.

Ten motyw WordPress ma całkowicie responsywny układ, który będzie działał idealnie na różnych typach urządzeń. Jeśli masz problemy z procesem instalacji lub po prostu chcesz wiedzieć, co robić i jak to zrobić, zapoznaj się z samouczkami wideo poświęconymi temu motywowi WordPress.

Pobierz Demo | hosting

5. HouseSang

HouseSang to piękny motyw WordPress premium przeznaczony do łatwego i szybkiego tworzenia dowolnej witryny internetowej agencji nieruchomości. To wyjątkowy i elastyczny sposób na radykalne zwiększenie ruchu w Twojej witrynie.

Domy na temat nieruchomości Wordpress Real Estate

Personalizacja tego motywu WordPress jest otwarta, co daje właścicielowi agencji szeroką autonomię w wyświetlanie różnych reklam nieruchomości, To także motyw WordPress, który można przetłumaczyć na wiele języków. Jego wydajność ładowania jest imponująca, a jego doskonałe pozycjonowanie pozwoli Ci promować swoje domy, wille, apartamenty itp.

Jest w pełni responsywny, a jego wygląd pozostaje doskonały i idealny na różnych ekranach urządzeń mobilnych i najnowszych przeglądarek. Niezależnie od tego, co jest najnowsze, oferuje doskonałe opcje i funkcje, które na to pozwolą stwórz stronę internetową, której nie będziesz zazdrościć konkurencji.

Pobierz | Demo hosting

6. Benaa 

Benna to wysokiej jakości motyw WordPress zaprojektowany, aby pomóc Ci w łatwym utworzeniu strony internetowej agenta lub firmy zajmującej się nieruchomościami w celu sprzedaży lub wynajmu domów w Internecie. Dzięki przejrzystemu, przejrzystemu, nowoczesnemu wzornictwu i zróżnicowanej kolorystyce, pozostaje w pełni konfigurowalny i posiada wszystkie funkcje, których potrzebujesz, aby stworzyć wrażenie.

najlepsze motywy WordPress do sprzedaży w domu - Benaa

Ten motyw WordPress oferuje użytkownikom możliwość przesłania swoich właściwości i pozwala mu stać się dostawcą wielu dostawców, wypełniając jednocześnie katalog właściwości. Twoje strony wyniki wyszukiwania zintegruje funkcjonalność Mapy Google, prezentując znaczniki właściwości, szczegóły, określone obrazy, strony kontaktowe, archiwum i sekcje taksonomiczne.

Zasadniczo zainteresowani klienci będą mieli dostęp do każdej istotnej informacji. A jeśli również celujesz klienci zagraniczni, jego zgodność z wtyczką WPML pozwala zainstalować to drugie i przetłumaczyć witrynę na kilka innych języków. 

Inne funkcje są w nim wbudowane, ale zachęcamy do obejrzenia jego wersji demonstracyjnej, aby dowiedzieć się więcej, i jestem pewien, że będziesz bardzo zaskoczony.

Pobierz | Demo | hosting

7. Kastell

Kastell to nowoczesny i bardzo intuicyjny motyw WordPress premium. Jest idealny dla każdego lub webmastera, który chce stworzyć stronę internetową poświęconą sprzedaży lub wynajmie domów, mieszkań lub willi.

Kastell Real Estate Theme WordPress Immobilier

Jest kompatybilny z imponującą liczbą wtyczek i oferuje ogromny katalog demonstracji, które uznasz za interesujące - zapraszamy do ich konsultacji, nie będziesz zaskoczony -. Oferuje również wiele opcji dostosowywania, które pozwolą Ci modyfikować style wizualne wszystkie jego elementy i sekcje, bez konieczności dotykania jednego wiersza kodu.

Oferuje wiele schematów kolorów i mnóstwo opcji konfiguracji, dzięki czemu webmaster może mieć pełną kontrolę nad wyglądem każdej sekcji witryny. Będziesz mógł dostosować policja, widżety, formularz kontaktowy, udostępnianie w sieciach społecznościowych i wiele innych.

Pobierz Demo |hosting

8. KRAINA MARZEŃ

DREAM LAND to motyw WordPress premia nowoczesny i elegancki z poczuciem świeżości, który pomoże Ci stworzyć stronę internetową dla każdej firmy z branży nieruchomości lub agenta nieruchomości. Jest to niezwykle responsywny motyw WordPress premium, starannie zaprojektowany, aby pomóc Ci łatwo przesłać właściwości do swojej witryny. 

najlepsze motywy WordPress - Dreamland

Jest kompatybilny z wtyczką dsIDXpress, która umożliwia odwiedzającym wyszukiwanie właściwości dostępnych na twojej stronie. Ponadto oferuje również użytkownikom możliwość przesłania swoich właściwości, co pozwala im zostać dostawcą wielu produktów, wypełniając jednocześnie Twój katalog nieruchomości.

W pełni się integruje system płatności PayPal, zaawansowany konfigurowalny agent lub profil firmy, formularz rejestracyjny lub login, intuicyjny panel opcji konfiguracji, który pozwoli dostosować witrynę do swoich wymagań lub potrzeb.

Sprawdź nasze Wtyczki 9 WordPress do dostosowania strony głównej.

Zawiera również konfigurowalne widżety, które pomogą Ci stworzyć ogromny i fantastyczny portal.

Pobierz |  Demo | hosting

9. Właściwości Tyche

Motyw WordPress premium Tyche Properties jest niesamowicie jasny i dopracowany graficznie, który został zaprojektowany z myślą o dużej mocy i elastyczności, aby nadawał się do szerokiego zakresu zastosowań przy tworzeniu dowolnej witryny biznesowej lub agencji nieruchomości. .

Tyche motywy wordpress stworzy stronę internetową na sprzedaż mieszkanie willa dom

Tyche Properties zawiera 3 różne szablony stron głównych. Ale jeśli te elementy nie odpowiadają tożsamości Twojej firmy, ten motyw WordPress oferuje możliwość dostosowania to gra kolorów aby była to wyjątkowa strona internetowa, która będzie się wyróżniać na tle innych.

Dołączone Megamenu poprawi nawigację w Twojej witrynie i zwiększy zaangażowanie użytkowników. Pochodzi z najnowszą wersją Program Visual Composer aby ci pozwolić tworzyć lub dostosowywać strony swojej witryny bez konieczności wpisywania ani jednej linii kodu. Niezależnie od tego, czy jesteś programistą, czy nie, proces ten będzie dla Ciebie bardzo łatwy, a nawet zabawny. 

Pobierz | Demo | hosting

10. pergola

Pergola to wysokiej jakości motyw WordPress o czystym i nowoczesnym wyglądzie. Jest to szablon zaprojektowany, aby pomóc Ci stworzyć stronę internetową dla firmy z branży nieruchomości lub dla agenta nieruchomości. Jest to idealne rozwiązanie dla tych, którzy chcą stworzyć przyciągającą wzrok witrynę, która może przyciągnąć wielu odwiedzających.

Najlepsze motywy WordPress na Pergoli sprzedają mieszkania

Daje możliwość zaprezentowania potencjalnym klientom każdej istotnej informacji, ponieważ integruje funkcjonalności, które pozwolą im się projektować. Będziemy mieli na przykład integracja z Google Maps co pozwoli mu łatwo zlokalizować przyszły dom, jeśli postawi kryterium geograficzne.

Jak stworzyć formularz podania o pracę w WordPress Aby odkryć absolutnie.

Po stronie dostosowywania nie musisz być doświadczonym programistą, aby nadać temu motywowi WordPress wyjątkowy wygląd. Jego typografia jest doskonała, a obsługa klienta pozostaje bardzo dostępna.

PobierzDemo | hosting

Polecane zasoby

Dla tych, którzy chcą pójść dalej, optymalizując swoją stronę internetową w celu lepszej promocji swojej nieruchomości. , zalecamy zapoznanie się z następującymi zasobami:

Wnioski

Voila! To tyle w przypadku tej listy najlepszych motywów WordPress premium zaprojektowany, aby pomóc Ci zbudować stronę internetową dla agencji nieruchomości, agentów nieruchomości i innych sprzedawców nieruchomości. Jeśli już korzystasz z motywu premium WordPress z Themeforest, który pominęliśmy na tej liście, prześlij go nam, aby nadal się rozwijał.

Nie wahaj się skonsultować nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z przewodnikiem Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

nie zapomnij udostępnij ten artykuł jeśli uznasz to za interesujące, a także daj nam znać swoje commentaires oraz sugestie w części poświęconej tym zagadnieniom.

... 

Divi: Jak stworzyć lepkie i rozwijalne menu podręczne

Divi: Jak stworzyć lepkie i rozwijalne menu podręczne

Czy chcesz być kreatywny, tworząc rozwijalne lepkie menu po najechaniu myszą za pomocą Divi?

W tym samouczku pokażemy, jak utworzyć rozwijalne lepkie menu po najechaniu myszą za pomocą od Divi's Mechanic Layout Pack . 

Zajmiemy się dwoma różnymi przykładowymi projektami, które możesz odtworzyć od podstaw i zastosować do dowolnego rodzaju tworzonej witryny! 

Menu zostanie wyświetlone po najechaniu kursorem na pulpicie i aktywowane po kliknięciu na urządzeniach mobilnych.

Chodźmy!

badanie

Zanim zagłębimy się w ten samouczek, rzućmy okiem na wyniki na różnych rozmiarach ekranu.

Przykład 1

Komputer stacjonarny

rozwijalne lepkie menu po najechaniu z Divi

Telefon komórkowy

rozwijalne lepkie menu po najechaniu z Divi

Pobierz DIVI teraz !!!

Przykład 2

Komputer stacjonarny

rozwijalne lepkie menu po najechaniu z Divi

Telefon komórkowy

rozwijalne lepkie menu po najechaniu z Divi

Pobierz DIVI teraz !!!

Ogólne kroki

Wyłącz naprawioną nawigację

Uzyskaj dostęp do opcji motywu Divi

Zaczniemy od kilku ogólnych kroków. Te kroki są takie same dla obu przykładów i są niezbędne do osiągnięcia pożądanego rezultatu.

Jeśli planujesz używać rozwijanego przyklejonego menu u dołu strony, możesz pominąć główny pasek menu u góry. 

Czytaj także: Jak tworzyć niestandardowe nakładki obrazów w Divi

Do tego będziesz musiał iść Divi >> Opcje motywu z pulpitu WordPress

Wyłącz naprawioną nawigację

Tam będziesz musiał dezaktywować „Stały pasek nawigacji” aby upewnić się, że u góry strony nie ma już wolnego miejsca.

  • Naprawiono pasek nawigacji: wyłączony

Ukryj główny pasek menu na stronie

Otwórz ustawienia strony

Przejdź do strony, do której chcesz dodać rozwijane menu przyklejone i otwórz ustawienia strony.

Dodaj niestandardowy CSS

Ukryj menu główne, dodając do swojej strony następujące wiersze kodu CSS.

#main-header {
display: none;
}

Dodaj nową sekcję na końcu strony

Bez względu na przykład, który chcesz odtworzyć, niektóre podstawowe kroki pozostają takie same. Pierwszym krokiem jest dodanie zwykłej sekcji na dole strony.

rozstaw

Otwórz ustawienia sekcji i zmień następujące ustawienia w zakładce Designu pod opcją Rozstaw.

  • Dopełnienie (góra i dół): 0px

Dodaj nową linię

Struktura kolumny

Kontynuuj, dodając nowy wiersz, korzystając z następującej struktury kolumn:

zaklejania

Nie dodając jeszcze żadnych modułów, otwórz ustawienia linii i zmień następujące ustawienia, w zakładce Designu pod opcją Dobór

  • Użyj niestandardowej szerokości rynny: TAK
  • Szerokość rynny: 1
  • Szerokość: 100%
  • Maksymalna szerokość: 100%

rozstaw

Następnie usuń domyślnie całą górną i dolną wyściółkę, pod opcją Rozstaw.

  • Dopełnienie (góra i dół): 0px

Główny element

Pozwalamy, aby cały wiersz przyklejał się do dołu naszej strony, dodając dwie proste linie kodu CSS do głównego elementu wiersza.

bottom: 0px;
position: fixed;

Indeks Z

I upewnimy się, że wiersz (i moduł tekstowy, który dodamy w kolejnych krokach) pozostaje nad całą zawartością strony, zwiększając indeks Z, opcję rozwijaną Pozycja.

  • Indeks Z: 99

Dodaj moduł kodu do kolumny

Dodaj kod CSS między tagami stylu

Ostatnią częścią ogólnych kroków jest dodanie modułu Code do nowego wiersza. Kod CSS, który dodamy w tym module Code, pomoże nam osiągnąć efekt odsłaniający po najechaniu myszą. 

Zobacz także: Jak utworzyć menu obracającego się koła po najechaniu kursorem w Divi

Wklej następujące wiersze kodu CSS do modułu:

<style>
.dt-menu li {
font-size: 0;
line-height: 0;
}
.dt-menu:hover li {
font-size: 2vh;
line-height: 2.1em;
}
</style>

Przykładowy projekt #1

Dodaj moduł tekstowy do kolumny

Dodaj treść

Teraz, gdy wykonaliśmy już wszystkie kroki, możemy zacząć koncentrować się na dwóch różnych przykładach projektowych, zaczynając od pierwszego! 

Dodaj moduł tekstowy do kolumny wiersza. W polu zawartości używamy stylu akapitu do wyświetlania tekstu „≡Menu”

Następnie umieszczamy wszystkie pozycje menu na nieuporządkowanej liście. Dodamy również link do każdego tytułu strony z osobna.

Domyślny kolor tła

Przejdź do ustawień tła modułu i zmień kolor tła.

  • Tło: #ffffff

Kolor tła po najechaniu myszą

Zmień ten kolor tła po najechaniu myszą.

  • Tło (najechanie): rgba (255,255,255,0.83)

Tło gradientowe

A także dodaj domyślne tło gradientowe.

  • Kolor po lewej: rgba (255,255,255,0)
  • Właściwy kolor: #ffffff
  • Pozycja prawa: 60%

Domyślne ustawienia tekstu

Kontynuuj przechodząc do zakładki Designu i zmiana ustawień tekstu.

  • Czcionka tekstu: Khand
  • Waga czcionki: pogrubiona
  • Kolor tekstu: #021827
  • Rozmiar tekstu: 3vh
  • Orientacja: Centrum

Wskaż ustawienia tekstu

Zmień niektóre ustawienia tekstu po najechaniu kursorem.

  • Kolor tekstu (najechanie: rgba (255,255,255,0)
  • Rozmiar tekstu (najechanie): 0vh

Ustawienia tekstu linku

Następnie przejdź do ustawień tekstu linku i zmień kolor tekstu linku.

  • Kolor tekstu łącza: #000000

Lista wartości domyślnych (komputer)

Przełącz się na domyślne ustawienia tekstu listy i dostosuj je według własnego uznania. Upewnij się, że używasz „0px” jako rozmiaru tekstu w stanie domyślnym.

  • Nieuporządkowana czcionka listy: Khand
  • Styl czcionki listy: TT
  • Wyrównanie tekstu listy: wyśrodkowane
  • Nieuporządkowany kolor tekstu: rgba (255,255,255,0)
  • Nieuporządkowany rozmiar tekstu listy: 0px
  • Waga tekstu listy: 0em
  • Pozycja stylu listy nieuporządkowanej: Wewnątrz

Ustawienia listy podręcznej

Następnie zmień niektóre wartości po najechaniu kursorem, aby umożliwić wyświetlanie elementów menu.

  • Kolor tekstu listy (najechanie): #000000
  • Rozmiar tekstu listy nieuporządkowanej (najechanie kursorem): 2vh
  • Nieuporządkowana wysokość tekstu listy (najechanie): 2,1 em

Domyślne odstępy (komputer)

Następnie przejdź do ustawień odstępów (opcja Rozstaw) i nadaj kształt modułowi Text.

  • Margines (lewy i prawy): 45vw (komputer), 39vw (tablet), 33vw (telefon)
  • Wypełnienie (góra i dół): 2vw (komputer), 4vw (tablet), 6vw (telefon)

Odstępy najechania

Zmodyfikuj te same wartości po najechaniu myszą.

  • Margines (lewy i prawy): 14vw
  • Wyściółka (góra i dół): 8vw

Domyślna ramka (komputer)

Przejdź do ustawień obramowania i upewnij się, że każdy z zaokrąglonych rogów ma wartość „0px”.

Obramowanie po najechaniu

Włącz opcje najechania na zaokrąglone rogi i zmień wartości na lewy górny i prawy górny.

  • U góry po lewej: 50vw
  • U góry po prawej: 50vw

Pole cienia

Kontynuuj, nadając głębi modułowi za pomocą cienia pudełkowego. Dzięki temu menu nie pozostanie niezauważone na stronie.

  • Siła rozmycia cieni w pudełku: 1000px
  • Kolor cienia: rgba (0,0,0,0.68 XNUMX)

Klasa CSS

Do modułu dodajemy również klasę CSS.

  • Klasa CSS: dt-menu

Przejścia

Na koniec zmniejsz czas trwania przejścia w ustawieniach przejść.

  • Czas trwania przejścia: 100ms

Przykładowy projekt #2

Dodaj moduł tekstowy do kolumny

Dodaj treść

Przejdźmy do drugiego przykładu! Tutaj ponownie dodamy „≡Menu” za pomocą stylu tekstu akapitowego i elementów menu za pomocą nieuporządkowanej listy. Dodamy również link do każdej pozycji menu z osobna.

Domyślny kolor tła (komputer)

Przejdź do ustawień tła i zmień kolor tła.

  • Tło: #ffffff

Kolor tła po najechaniu myszą

Zmień kolor tła po najechaniu myszą.

  • Tło (najechanie): #f71535

Domyślne ustawienia tekstu (komputer)

Następnie przejdź do zakładki Designu i wprowadź pewne zmiany w wyglądzie tekstu.

  • Czcionka tekstu: Khand
  • Waga czcionki: pogrubiona
  • Kolor tekstu: #021827
  • Rozmiar tekstu: 3vh

Umieszczaj ustawienia tekstu

Zmień te ustawienia po najechaniu myszą.

  • Kolor tekstu (najechanie): rgba (255,255,255,0)
  • Rozmiar tekstu (najechanie): 0vh

Ustawienia tekstu linku

Przejdź do ustawień tekstu i zmień kolor tekstu linku.

  • Kolor tekstu linku: #ffffff

Domyślne ustawienia tekstu listy

Zmień także ustawienia projektu nieuporządkowanych elementów listy.

  • Nieuporządkowana czcionka listy: Khand
  • Styl czcionki nieuporządkowanej listy: TT
  • Wyrównanie tekstu listy: do środka
  • Kolor tekstu listy nieuporządkowanej: rgba (255,255,255,0)
  • Rozmiar tekstu listy: 0px
  • Nieuporządkowana wysokość linii listy: 0em
  • Pozycja stylu listy nieuporządkowanej: Wewnątrz

Ustawienia listy podręcznej

I zmień niektóre z tych wartości po najechaniu kursorem.

  • Kolor tekstu nieuporządkowanej listy: #ffffff
  • Rozmiar tekstu listy: 2vh
  • Nieuporządkowana wysokość linii listy: 2,1 em

Domyślne odstępy (komputer)

Następnie przejdź do ustawień odstępów i daj modułowi trochę miejsca.

  • Margines (po prawej): 88 vw (komputer stacjonarny i tablet), 71 vw (telefon)
  • Wypełnienie (góra): 6 vw (komputer)), 10 vw (tablet), 18 vw (telefon)
  • Wypełnienie (u dołu): 4 vw (komputer), 10 vw (tablet), 12 vw (telefon)
  • Lewa wyściółka: 1vw

Odstępy najechania

Zmień wartości po najechaniu.

  • Margines (Prawy): 59vw
  • Wyściółka: (góra)13vw, (dół)8vw, (lewo)1vw, (prawo)13vw
lepkie rozwinięcie menu

Granica

Aby stworzyć ten projekt kwadrantu, zmienimy prawą górną ramkę w ustawieniach obramowania.

  • U góry po prawej: 50vw

Pole cienia

Dodamy również cień pudełka, aby stworzyć głębię na stronie.

  • Siła rozmycia cieni w pudełku: 1000px
  • Kolor cienia: rgba (0,0,0,0.68 XNUMX)

Klasa CSS

Następnie dodamy klasę CSS w zakładce Zaawansowane.

  • Klasa CSS: dt-menu

Przejścia

I skróć czas trwania przejścia w zakładce Zaawansowane aby stworzyć szybkie przejście.

  • Czas trwania przejścia: 100ms

badanie

Teraz, gdy przeszliśmy przez wszystkie kroki, przyjrzyjmy się ostatecznie, jak wygląda na różnych rozmiarach ekranu.

Przykład nr 1

Biuro

Rozwijanie przyklejonego menu

Telefon komórkowy

Rozwijanie przyklejonego menu

Pobierz DIVI teraz !!!

Przykład nr 2

Komputer stacjonarny

Telefon komórkowy

Pobierz DIVI teraz !!!

Wnioski

W tym artykule pokazaliśmy, jak stworzyć rozwijalne lepkie menu za pomocą pakietu Divi Mechanic Layout Pack. Omówiliśmy dwa różne przykładowe projekty, które możesz modyfikować i używać na dowolnym typie tworzonej witryny!

Mamy nadzieję, że ten samouczek zainspiruje Cię do kolejnych projektów Divi. Jeśli masz jakiekolwiek wątpliwości lub sugestie, znajdź nas w sekcja komentarzy przedyskutować to.

Możesz również skonsultować nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...