6 sposobów na wykorzystanie funkcji przeciągania i upuszczania plików Divi w celu zwiększenia produktywności

Opublikowany: 2018-08-22

Funkcja przeciągania i upuszczania plików Divi może być wspaniałym narzędziem do zwiększenia produktywności jako projektanta stron internetowych. W tym samouczku omówię 6 sposobów wykorzystania funkcji przeciągania i upuszczania w celu usprawnienia pracy projektowej Divi. Po drodze przekażę Ci też kilka pomocnych wskazówek, przykładów i fragmentów kodu bonusowego. Jeśli już, zawsze fajnie jest przeciągać i upuszczać pliki, aby zobaczyć, co się stanie.

Zacznijmy!

Krótki przegląd funkcji przeciągania i upuszczania plików Divi

Funkcja przesyłania plików metodą „przeciągnij i upuść” to łatwy sposób na dodawanie treści do strony podczas korzystania z Divi Builder. Jak sama nazwa wskazuje, możesz przeciągać i upuszczać pliki na swoją stronę, aby dodać zawartość bez wcześniejszego konfigurowania sekcji, wiersza i modułu. A Divi umieści zawartość inaczej w zależności od typu pliku. Na przykład pliki txt zostaną dodane do modułów tekstowych, pliki html zostaną dodane do modułów kodu, a pliki css zostaną dodane jako niestandardowe CSS do Twojej strony.

Obsługiwane typy plików i ich zachowanie podczas przeciągania i upuszczania

Oto lista wszystkich typów plików aktualnie obsługiwanych przez funkcję „przeciągnij i upuść”. Może się to przydać przy rozważaniu sposobów wykorzystania tej funkcji w procesie projektowania. Dodałem również krótki opis, który pomoże Ci zrozumieć, co się stanie podczas przeciągania tych typów plików.

Pliki obrazów

gif
JPEG
jpg
png

Po upuszczeniu pojedynczego pliku obrazu Divi utworzy nową sekcję i wiersz z jedną kolumną, a następnie doda moduł obrazu z obrazem już przesłanym do modułu.

Po upuszczeniu wielu plików graficznych naraz, Divi utworzy tę samą strukturę (nowa sekcja i wiersz), ale doda twoje obrazy do modułu galerii.

Pliki tekstowe

tekst

Upuszczenie pliku txt spowoduje dodanie tekstu do nowego modułu tekstowego w nowej sekcji i wierszu.

Pliki czcionek

Upuszczenie pliku czcionki zainicjuje wyskakujące okienko Font Upload z już załadowaną nazwą czcionki i czcionką. Wszystko, co musisz zrobić, to potwierdzić, że chcesz uwzględnić wszystkie obsługiwane grubości czcionek przed kliknięciem przycisku przesyłania.

Pliki wideo

m4v
ruch
webm
wmv
mp4

Upuszczenie jednego lub więcej plików wideo spowoduje dodanie każdego wideo do nowego modułu wideo w nowej sekcji i wierszu.

Pliki audio

mp3
fala

Upuszczenie jednego lub więcej plików audio spowoduje dodanie każdego pliku audio do nowego modułu audio w nowej sekcji i wierszu.

Pliki internetowe

json
html
css

Plik json jest przeznaczony dla wszystkich wyeksportowanych układów stron. Przeciągnięcie pliku json automatycznie załaduje układ strony na stronę.

Przeciągnięcie pliku html doda html do nowego modułu kodu wewnątrz nowej sekcji i wiersza.

Przeciągnięcie pliku CSS spowoduje automatyczne dodanie kodu CSS do niestandardowego kodu CSS strony, który można znaleźć w zakładce Zaawansowane w ustawieniach strony.

Ogólnie rzecz biorąc, proces jest intuicyjny i ma świetne możliwości usprawnienia przepływu pracy. Przyjrzyjmy się niektórym sposobom korzystania z tej funkcji.

#1 Przeciągnij niestandardowe fragmenty CSS na swoją stronę w razie potrzeby

Większość z was, użytkowników Divi, uwielbia Divi, ponieważ nie musisz używać niestandardowego CSS. To właśnie sprawia, że Divi jest tak wspaniałe. Jednak jeśli chodzi o dostosowywanie motywu WordPress, niestandardowy CSS (nawet w Divi) jest nadal cennym zasobem.

Jak każdy dobry programista internetowy, po drodze powinieneś zapisywać swoje fragmenty CSS, aby mieć do nich łatwy dostęp w przyszłych projektach. To nie tylko sprawi, że będziesz bardziej biegły w budowaniu stron internetowych, ale także pozwoli ci skorzystać z funkcji przeciągnij i upuść Divi.

Załóżmy na przykład, że masz fragment kodu CSS do ukrywania dolnego paska stopki na stronie Divi. Jeśli zapiszesz ten fragment jako plik css z tytułem „Ukryj dolną stopkę”, możesz pobrać ten plik i przeciągnąć go na swoją stronę, aby uzyskać natychmiastowe wyniki.

Divi automatycznie porządkuje Twoje fragmenty za pomocą każdej kropli

Z każdym plikiem css, który przeciągasz na swoją stronę, Divi wyodrębni CSS i doda go do Twojej strony. Możesz wyświetlić ten niestandardowy css w dowolnym momencie na karcie Zaawansowane w ustawieniach strony.

Zauważysz również, że Divi sprytnie uporządkuje Twój fragment kodu css, owijając go komentarzami. Jeśli nie wiesz, komentarze są używane w kodzie, aby łatwo zidentyfikować i/lub opisać określone bloki kodu. Przed fragmentem kodu CSS Divi wstawia komentarz z tekstem „Rozpocznij”, a następnie tytułem pliku CSS „Ukryj dolną stopkę”. Po fragmencie Divi wstawia kolejny komentarz z tekstem „Koniec”, po którym następuje tytuł pliku.

Oto przykład wyglądu fragmentu w ustawieniach strony po przeciągnięciu go do pliku CSS „Ukryj dolną stopkę”.

/* BEGIN: Hide Bottom Footer */
#main-footer {
    display: none;
}
/* END: Hide Bottom Footer */

Ci z was, którzy nie wiedzą, jak stworzyć własny css, mogą polegać na tych pomocnych samouczkach dostępnych w Internecie, które zapewniają to za Ciebie. To super. Wszyscy to robimy. Ale jeśli chcesz skorzystać z funkcji przeciągania i upuszczania, możesz zacząć zapisywać te fragmenty jako pojedyncze pliki i odpowiednio je nazywać. W ten sposób każdy fragment to tylko przeciąganie i upuszczanie.

Dwa przykłady fragmentów CSS, których możesz użyć do animacji najechania

Dzięki CSS możliwości są prawie nieograniczone. Pomyślałem jednak, że podam Ci kilka przykładów fragmentów CSS, które możesz zapisać w swojej bibliotece, aby dodać animację do Twojej witryny.

Zapisz następujący fragment kodu css jako plik „.css” (nazwij go mniej więcej w stylu „Ikony skali po najechaniu kursorem”).

.et-pb-icon {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.et-pb-icon:hover {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

Następnie zapisz poniższy fragment jako inny plik „.css” o nazwie „Blurb Shadow on Hover”.

.et_pb_blurb:hover {
    -moz-box-shadow: 0px 0px 20px #ccc;
    -webkit-box-shadow: 0px 0px 20px #ccc;
    box-shadow: 0px 0px 20px #ccc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

Po zapisaniu obu plików na komputerze. Wybierz oba pliki i przeciągnij je na stronę. Możesz oczywiście przeciągnąć tylko jeden, jeśli chcesz, ale pomyślałem, że pokażę ci, że działa również z wieloma plikami. Spowoduje to natychmiastowe wyskakujące okienka wszystkich modułów notatek poprzez dodanie cienia pola po najechaniu kursorem. Spowoduje to również, że wszystkie ikony notatek będą się skalować (powiększyć) po najechaniu na nie kursorem.

Całkiem fajne rzeczy.

I możesz sobie wyobrazić, jak bardzo będzie to pomocne, gdy będziesz mieć do dyspozycji cały arsenał tych plików css.

#2 Przeciągnij i upuść niestandardowe czcionki na swoją stronę i szybko zamień obecne czcionki

Jeśli tworzysz strony internetowe, znasz potrzebę posiadania szerokiego wyboru dostępnych czcionek. Divi ma setki czcionek wbudowanych w Divi Builder, co znacznie ułatwia pracę. Zawsze możesz skorzystać z opcji przesyłania nowych czcionek z poziomu Divi Builder. Ale dzięki nowej funkcji przeciągania i upuszczania Divi dodawanie nowych czcionek do witryny jest śmiesznie proste.

Załóżmy, że używasz jednego z gotowych układów, ale chciałbyś wypróbować nową czcionkę, której Divi jeszcze nie ma. Oto jak łatwo zmienić czcionkę:

Upewnij się, że konstruktor wizualny jest aktywowany i masz przesłany gotowy układ. Następnie wszystko, co musisz zrobić, to przeciągnąć plik czcionki z komputera do narzędzia do tworzenia stron/wizualizacji w oknie przeglądarki. Następnie kliknij przycisk przesyłania.

Przeciągnij i upuść z Znajdź i zamień to potężne połączenie

Aby pójść o krok dalej, możesz użyć funkcji Znajdź i zamień Divi, aby zastąpić czcionkę używaną w gotowych nagłówkach układu nową czcionką, którą właśnie upuściłeś.

Korzystając z układu strony docelowej agencji kreatywnej, otwórz moduł tekstowy zawierający tekst nagłówka w górnej sekcji. Następnie kliknij prawym przyciskiem myszy opcję czcionki nagłówka. W menu prawym przyciskiem myszy wybierz Znajdź i zamień.

W wyskakującym okienku Znajdź i zamień wybierz nową czcionkę w opcji "Zamień na" i kliknij niebieski przycisk Zamień.

Teraz wszystkie Twoje nagłówki mają nową czcionkę!

#3 Przeciągnij i upuść wiele obrazów, aby utworzyć natychmiastowe galerie zdjęć z tytułami

Funkcja przeciągania i upuszczania Divi umożliwia łatwe przeciąganie obrazów do witryny. To naprawdę przydaje się podczas tworzenia stron internetowych z dużą ilością obrazów. A ponieważ większość ludzi przechowuje zapisane obrazy w folderze na swoim komputerze, niezwykle wygodnie jest wybrać te obrazy i przeciągnąć je na swoją stronę.

Oto, jak to działa podczas przeciągania i upuszczania na pojedynczym obrazie.

Gdy przeciągniesz pojedynczy obraz do kreatora wizualnego, automatycznie wykona on następujące czynności:
1. Utwórz nową zwykłą sekcję z jednym wierszem w kolumnie
2. Dodaj moduł obrazu do wiersza
3. Wstaw obraz do tego modułu obrazu
4. Otwórz ustawienia obrazu dla wygody, aby rozpocząć proces edycji.

Oto, jak to działa podczas przeciągania wielu obrazów.

Gdy przeciągasz wiele obrazów na stronę konstruktora wizualnego, Divi automatycznie wykona następujące czynności:

1. Utwórz nową zwykłą sekcję z jednym wierszem w kolumnie
2. Dodaj moduł galerii do wiersza
3. Wstaw nowe obrazy do modułu Galeria
4. Otwórz ustawienia modułu galerii, aby przyspieszyć proces edycji.

Przygotuj obrazy przed przeciągnięciem ich na swoją stronę

Aby Twoja galeria obrazów wyglądała świetnie, warto wcześniej przeprowadzić kilka optymalizacji.

Rozmiar obrazu
Po pierwsze, upewnij się, że wszystkie obrazy mają ten sam rozmiar. Sugerowałbym użycie obrazów o wymiarach około 1500 na 800 pikseli. Zapewnia to ładny rozmiar obrazów, gdy są one wdrażane w lightbox. Ponadto Divi użyje mniejszej wersji obrazu jako miniatury w galerii. Skoro już o tym mowa, pomocne może być przejrzenie niektórych zalecanych rozmiarów obrazów dla modułów Divi. Następnie możesz nieco zmniejszyć rozmiar pliku, przeciągając go do TinyPNG lub użyj edytora zdjęć, aby zapisać go do specyfikacji internetowych.

Tytuły obrazów
Domyślnie Divi wyświetla tytuł obrazu pod każdą miniaturą w galerii. Tak więc, od tego czasu (jeśli chcesz, aby ten tytuł był wyświetlany), nadaj obrazom poprawny tytuł przed przeciągnięciem ich.

#4 Przeciągnij pliki MP3 na swoją stronę z plikiem CSS, aby przyspieszyć projektowanie

Dla was, podcasterów, może to zdecydowanie zwiększyć produktywność. Ponieważ funkcja przeciągania i upuszczania Divi obsługuje formaty plików mp3 i wav, możesz je łatwo upuścić do kreatora, aby przyspieszyć proces budowania.

Po przeciągnięciu pojedynczego pliku mp3 lub wav na stronę, Divi automatycznie wykona następujące czynności:

1. Utwórz nową zwykłą sekcję z jednym wierszem w kolumnie
2. Dodaj nowy moduł audio z dołączonym plikiem audio
3. Otwórz modalne ustawienia auto, aby rozpocząć proces edycji.

Kiedy przeciągasz wiele plików mp3 lub wav na stronę, Divi zrobi to samo, co podczas przeciągania jednego pliku audio, z wyjątkiem tego, że zrobi to wiele razy. Jeśli więc przeciągniesz 4 pliki audio, Divi utworzy 4 różne sekcje z jednym wierszem kolumny zawierającym moduł audio z dołączonym plikiem audio. Pojawi się również modalne ustawienie audio, aby rozpocząć edycję ostatniego modułu audio dodanego do strony.

Przeciągnij plik CSS, aby natychmiast stylizować wszystkie moduły audio jednocześnie

Jeśli jesteś przyzwyczajony do używania niestandardowego CSS, aby dodać dodatkową stylizację do swoich stron Divi, sugeruję zapisanie tych fragmentów w pliku css, który będzie używany w przyszłych kompilacjach (chociaż jestem pewien, że już o tym wiedziałeś). Więc jeśli masz fragment css do stylizacji modułów audio w określony sposób, zapisz ten css w osobnym pliku css. Następnie możesz po prostu przeciągnąć ten plik css na stronę, aby natychmiast nadać styl wszystkim swoim modułom audio.

CSS, którego użyłem na powyższej ilustracji, jest szybkim przykładem, ale jeśli chcesz go wypróbować, skopiuj następujący niestandardowy CSS:

.et_pb_audio_module_content h2 {position: absolute;
    top: -40px;
    background: #c5310d;
    padding: 0.6em;
    left: 50px;}
.et_audio_module_meta {
    position: absolute;
    bottom: -45px;
    right: 30px;
    background: #c5310d;
    padding: 1em !important;
}
.et_pb_audio_module {
background: #888 !important;
}

.et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before {
    color: #c5310d;
}

.mejs-time-handle-content {
    border: 4px solid #c5310d;
    height: 14px;
    left: -7px;
    top: -6px;
    width: 14px;
    background: #c5310d;
}
.et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total
{
background: #222;
}

Następnie wklej go do edytora tekstu i zapisz w formacie pliku css (musi mieć rozszerzenie „.css”). Po zapisaniu go na komputerze. Przeciągnij go do kreatora wizualnego zawierającego uwagi dźwiękowe.

#5 Twórz bloki kodu wielokrotnego użytku, które można przeciągnąć na swoją stronę w celu natychmiastowej implementacji

Funkcja przeciągania i upuszczania Divi obsługuje pliki CSS i HTML (przepraszam, że nie są dozwolone pliki javascript). Chociaż dla tych, którzy wiedzą, co robią, możesz dodać skrypty do pliku HTML, które dodadzą Ci tę funkcjonalność javascript. Pozostawia to jednak możliwość połączenia tych plików w celu stworzenia przydatnych bloków kodu, które można przeciągnąć na stronę, aby uzyskać natychmiastowe wyniki.

Przykład 1: przeciągnij i upuść wyeksportowane pliki Code Pen na twoją stronę

Jeśli jesteś fanem koderów, być może jesteś już przygotowany do przydatnej magii przeciągania i upuszczania. Zanim się za bardzo podekscytujesz, muszę Cię ostrzec, że aby tworzyć pliki, które natychmiastowo wpłyną na Twoją witrynę podczas ich przeciągania, ograniczysz się do codepenów, które używają tylko kombinacji html i css.

Oto, jak ten proces może działać dla Ciebie.

Przejdź do strony zawierającej Codepen, który chcesz wyeksportować, i kliknij przycisk eksportu w prawym dolnym rogu strony.

Wyodrębnij pliki na swoim komputerze i zlokalizuj plik html i plik css. Użyj edytora tekstu, aby wyświetlić plik html i usuń wszystkie niepotrzebne tagi (doctype, html, header, body), aby pozostał tylko kod html, który widzisz w polu html codepen . Następnie zapisz plik.

W rzeczywistości, w przypadku pliku HTML może być lepiej po prostu skopiować kod HTML bezpośrednio z pióra i utworzyć własny plik html.

Teraz znajdź plik CSS (powinien znajdować się w folderze CSS). Upewnij się, że używasz pliku CSS, a nie pliku SCSS (ten typ pliku nie jest obsługiwany przez funkcję przeciągania i upuszczania).

Teraz przeciągnij oba pliki na stronę z aktywnym konstruktorem wizualnym.

Oto, co dzieje się automatycznie:

1. Divi tworzy nową sekcję z jednokolumnowym rzędem.
2. Divi dodaj moduł kodu do wiersza z html jako treścią.
3. Divi dodaje niestandardowy css do niestandardowego bloku CSS w ustawieniach strony.

Jeśli pojawi się błąd, oznacza to, że nie masz odpowiedniego typu pliku lub zawartość pliku ma nieobsługiwany kod. Na przykład, jeśli plik html ma znaczniki doctype i html, plik nie będzie działał. Ponadto, jeśli plik css zawiera kod SCSS, może również wywołać błąd.

To prawda, że początkowo nie jest to najłatwiejszy proces. Będziesz musiał trochę uporządkować swój kod i pliki. Więc jeśli nie znasz html i CSS, może to być problem. Ale wynik końcowy może okazać się bardzo cenny, ponieważ będziesz mógł zaopatrzyć się w kilka bloków kodu wielokrotnego użytku, które można tylko przeciągnąć i upuścić.

Powinienem również zauważyć, że przed skopiowaniem kodu, który nie jest twój, powinieneś zapoznać się z licencją Codepen.

Przykład 2: przeciągnij i upuść izolowane wystąpienia Font Awesome na swoją stronę

Jeśli jesteś przyzwyczajony do korzystania z Font Awesome w swojej witrynie Divi, możesz skorzystać z kilku plików „gotowych do przeciągania”, które pozwolą Ci wstawić instancje Font Awesome na swoją stronę. W rzeczywistości można to zrobić za pomocą jednego pliku HTML.

Oto, jak ten proces może działać dla Ciebie.

Pobierz skrypt Font Awesome z ich strony internetowej. Upewnij się, że jest to wersja SVG + JS. Następnie skopiuj skrypt do schowka.

Następnie utwórz nowy plik tekstowy i wklej kod. Pod skryptem dodaj kod HTML i czcionkę, które chcesz wdrożyć na swojej stronie.

Oto przykład „gotowego do przeciągania” kodu HTML z listą wykorzystującą niesamowite ikony czcionek:

<script defer src="https://use.fontawesome.com/releases/v5.2.0/js/all.js" integrity="sha384-4oV5EgaV02iISL2ban6c/RmotsABqE4yZxZLcYMAdG7FAPsyHYAPpywE9PJo+Khy" crossorigin="anonymous"></script>

<h2>Header</h2>
<ul class="fa-ul" style="list-style:none; font-size: 18px">
<li><i style="color: Tomato; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
<li><i style="color: Dodgerblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
<li><i style="color: Mediumslateblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
<li><i style="color: Tomato; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
<li><i style="color: Dodgerblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
<li><i style="color: Mediumslateblue; " class="fa-li fas fa-address-book"></i>Your content goes here. </li>
</ul>

Upewnij się, że zapisałeś plik jako plik html. Następnie przeciągnij go na swoją stronę za pomocą wizualnego kreatora.

Divi automatycznie doda kod html do modułu kodu, a teraz masz niesamowitą listę czcionek gotową do edycji na swojej stronie.

Zapewne życzysz sobie, aby lista została umieszczona w module tekstowym, aby można było korzystać z ustawień tekstowych treści. Ale ponieważ nie dzieje się to automatycznie, możesz ograniczyć swój plik html, aby zawierał skrypt. A następnie wklej swój html do modułu tekstowego. Ale dla tych z was, którzy mają pod ręką plik css do obsługi projektu, fajnie jest móc przeciągnąć go za pomocą pliku html.

#6 Utwórz bibliotekę układów stron Divi (pliki json) na dysku twardym, aby przeciągnąć na swoje strony w celu szybszego rozwoju

Dzięki Divi możesz łatwo zapisywać i eksportować całe zaprojektowane układy stron. Ta funkcjonalność ma dwie naprawdę duże zalety. Pierwszą korzyścią jest możliwość zapisywania układów stron w Bibliotece Divi, aby przyspieszyć proces projektowania podczas tworzenia strony internetowej. Drugą korzyścią jest możliwość eksportowania układów stron na własny komputer. Pozwala to na zgromadzenie cennej kolekcji układów stron (plików json), aby rozpocząć kolejny projekt.

A nowa funkcja „przeciągnij i upuść” umożliwia szybkie przeciąganie zapisanych układów do kreatora wizualnego w celu jeszcze szybszego tworzenia.

Oto, jak ten proces może działać dla Ciebie.

Załóżmy, że chcesz zapisać tylko sekcję nagłówka układu strony docelowej agencji projektowej (może to być dowolny projekt, który Ci się podoba, ale w tym przykładzie używam gotowego układu). Po załadowaniu układu na stronę usuń wszystkie sekcje układu z wyjątkiem górnej sekcji nagłówka. Następnie wyeksportowałbyś układ na dysk twardy.

Aby wyeksportować układ strony za pomocą kreatora wizualnego, otwórz menu ustawień i kliknij ikonę przenoszenia. Następnie w wyskakującym okienku przenośności wprowadź nazwę („Układ nagłówka agencji projektowej”) i kliknij przycisk Eksportuj układ Divi Builder.

Spowoduje to zapisanie układu na twoim komputerze jako plik json.

Teraz, jeśli usunę sekcję nagłówka na mojej stronie, tak że moja strona jest teraz pusta z żadnych sekcji, mogę łatwo dodać ten nagłówek z powrotem do mojej strony, przeciągając plik json na stronę.

Kiedy przeciągam plik json, automatycznie wyskakuje modalny przenośność, aby umożliwić mi wybranie opcji zastąpienia istniejącej zawartości lub wcześniejszego utworzenia kopii zapasowej. Ponieważ nie muszę zastępować żadnej treści, wystarczy kliknąć przycisk importu i natychmiast zostanie załadowany na stronę.

To może nie wydawać się aż tak imponujące, ale może naprawdę przyspieszyć proces projektowania. Gdybym miał dużą kolekcję plików json z różnymi układami stron (każdy z konkretnymi elementami, które mi się podobały). Następnie mogę używać tych plików, takich jak blok konstrukcyjny i przeciągać je na stronę jeden po drugim. Po prostu upewnij się, że tytuły nadawane im podczas eksportowania są opisowe.

Końcowe przemyślenia

Funkcja przeciągania i upuszczania Divi może z pewnością być przydatnym narzędziem do zwiększenia przepływu pracy przy projektowaniu stron internetowych. Istnieją pewne ograniczenia, które na początku mogą powodować pewną frustrację, ale mam nadzieję, że ten artykuł pomoże Ci zrozumieć, jak wykorzystać tę funkcję, aby stworzyć osobistą bibliotekę plików, które można przeciągać, co zwiększy Twoją produktywność w projektowaniu stron internetowych.

Chciałbym usłyszeć Twoje własne pomysły w komentarzach poniżej.

Pozdrawiam!