Laptop, telefon i komputer ze stroną Tarso

Realizacja TARSO – użyte wtyczki

Zgłosiła się do Nas firma budowlana, by zrealizować im stronę internetową oraz logo. Nie ma co ukrywać – produkty jakim są pustaki ogrodzeniowe nie są wdzięczne ani łatwe do zaprezentowania. Naszym priorytetem było przedstawienie marki bardzo profesjonalnie, spójnie, a przy tym w nowoczesny sposób.

Przy projektowaniu strony założyłyśmy instalację kilku niezbędnych wtyczek, które miały na celu m.in. urozmaicenie wygląd:

1.

Jeg Elementor Kit

wykorzystanie elementów „JKit – nav menu” oraz elementu „JKit-button”

„Jkit – nav menu”

Wtyczka Jeg Elementor Kit posiada wachlarz możliwości jeśli chodzi o dodatkowe elementy, które można wykorzystać na stronie. Jednak my zdecydowałyśmy, że tym razem skorzystamy głównie z elementu „Jkit – nav menu”, po to by menu na telefonie było dużo bardziej atrakcyjne.

Powyższy element przede wszystkim umożliwia rozwijane od boku menu na wersji mobilnej – takiej możliwości nie ma przy zwykłym nav menu, oferowanym przez podstawową wtyczkę Elementor. Dodatkowo, możemy tu umieścić wybrany obraz (np. logo strony). Jak widać poniżej w prawym górnym rogu znajduje się przycisk do zamknięcia menu, który również możemy odpowiednio wystylizować.

Reszta wygląda podobnie jak przy zwykłym nav menu – na głównym planie znajdują się zakładki, które oczywiście można poddać stylizacji (nadać wybrany kolor przy najechaniu na poszczególną zakładkę, przy aktywnej zakładce oraz przy podstawowym zachowaniu menu, bez żadnej interakcji).

Opisywany element w wersji desktop zachowuje się podobnie jak zwykłe nav menu oferowane przez wtyczkę Elementor, które pod względem czcionki, kolorów i efektów możemy edytować w podobny sposób.

JKit-button”

Ten element wtyczki pozwala na większe pole manewru w przypadku edycji przycisków. Dzięki niemu mogłyśmy z łatwością dodać ikonę do przycisku oraz określić szerokość danego buttona:

2.

Sierotki

* Jeśli jesteście prawdziwymi estetami tak jak my i kłują Was w oczy pozostawione na końcu linijki tekstu pojedyncze litery – tak zwane „sieroty” (np. „i” „a” „w” „z” itd.) to ta wtyczka rozwiąże ten problem. Jednym słowem, ta wtyczka nie pozwala na zostawienie takich wyrazów na końcu linii tekstu, ale oczywiście zgodnie z zasadami polskiej gramatyki. Poniżej widać, efekt zastosowanej wtyczki. Jeśli chodzi o jej instalację, wystarczy zainstalować ją i włączyć. Nie wymaga ona żadnej dodatkowej edycji czy dodatkowych działań w poszczególnych zakładkach.

3.

Cookie Notice & Compliance dla RODO / CCPA

Aby strona spełniała określone wymagania prawne, potrzebowałyśmy również komunikatu informującego o zgodzie na pliki cookie. Posłużyłyśmy się wtyczką Cookie Notice & Compliance dla RODO / CCPA. Po jej instalacji i włączeniu przeszłyśmy do jej edycji.

W celu edycji komunikatu pojawiającego się na dole strony, należy przejść w kokpicie do wtyczki CIASTECZKA,

Następnie w USTAWIENIACH POWIADOMENIA umieścić wybrany komunikat informujący o cookies, który chcemy aby się pojawił na stronie. Oczywiście możemy wystylizować więcej elementów, m.in. zmienić kolor okienka z powiadomieniem.

Chcesz więcej?

Przejdź do opisu realizacji, by zobaczyć dokładniej elementy strony!

Chcesz więcej?

Przejdź do opisu realizacji, by zobaczyć dokładniej elementy strony!

Facebook
Twitter
LinkedIn
Pinterest
Logo nacjadesign

Kreatywne projekty z pasją do designu, dla ludzi z każdej branży, którzy chcą zyskać nowych klientów i rozwijać swój biznes.

Kategorie:

Najnowsze wpisy: