Tutorial: jak stworzyć animowany tekst w kreatorze stron Elementor

Nie byłoby zaskoczeniem, gdybyśmy powiedzieli, że animowany tekst - to tekst z animacjami CSS3, które powodują poruszanie liter, nagłówków lub całych akapitów. Jest to dość oczywiste, prawda?

Animacja webowa przeszła długą drogę rozwoju i dziś jest o wiele łatwiej ożywić interfejs użytkownika wykorzystujący CSS efekty animacyjne. Bez wątpienia te efekty wizaulne pomogą Ci wpłynąć na emocje użytkowników, dostarczyć im dodatkowych informacji i skupić ich uwagę na najważniejszych rzeczach na stronie. W tym artykule pokażemy Ci jak stworzyć animowany tekst za pomocą kreatora stron Elementor.

Jak stworzyć animowany tekst w Elementor

W tym pokrokowym przewodniku pokażemy Ci jak można szybko dodać animowany tekst na stronę WordPress, wykorzystując kreator stron Elementor i wtyczkę z rodziny Jet o nazwie JetElements. Przed rozpoczęciem tworzenia animowanego tekstu musisz zainstalować ją na swojej stronie, a potem wykonać następne kroki:

1. Otwórz edytor Elementora i utwórz nową sekcję.
2. Przejdź do panelu Elementy i znajdź widżet Animowany tekst za pomocą paska wyszukiwania. Przeciągnij i upuść go do nowo utworzonej sekcji. Otrzymasz podstawowy projekt, który można dostosować według swoich potrzeb.
3. Dostosuj animowane komponenty tekstowe. Usuń lub zmień niektóre z nich w razie potrzeby.
4. Przejdź do zakładki Ustawienia, wybierz odpowiedni efekt animacyjny, typ podziału i wyrównanie.
5. Przejdź do karty Styl, aby dostosować wygląd elementów animowanych.

Jak widzisz, tworzenie animowanego tekstu jest dość proste i nie zajmuje dużo czasu. Korzystając z podstawowych ustawień, można łatwo eksperymentować z wyglądem tekstu.

TOP-5 Nowych motywów WordPress na kreatorze stron Elementor

Jeśli jeszcze nie masz swojej strony www i masz wątpliwości co do wyboru rozwiązania do jej uruchomienia, przyjrzyj się do nowych WordPress motywów na Elementorze na Elementor marketplace. Aby ułatwić Ci wybór, zebraliśmy na tej liście pięć najlepszych nowo opracowanych rozwiązań (każde z nich obsługuje animowany tekst).

FastRoad

Demo | Pobierz

Jeśli szukasz idealnego rozwiązania do tworzenia stron dla firmy transportowej, motyw FastRoad stanie się idealnym rozwiązaniem do tego. Oprócz tego, razem z nim otrzymasz dodatek JetElements, który pomoże Ci stworzyć różne bloki i moduły oraz animowany tekst. Wbudowany zestaw narzędzi WooCommerce pozwoli Ci sprzedawać usługi online, a strona kontaktów pozwoli Twoim klientom pozostać w kontakcie z Tobą. Moduły referencji i członków zespołu wraz ze zintegrowaną galerią umożliwią dzielenie się dodatkowymi informacjami z odbiorcami i dodawanie zaawansowanych funkcji do strony.

Balanceser

Demo | Pobierz

Balanceser to motyw oparty na kreator stron Elementor, który jest przeznaczony do tworzenia witryn dla firm finansowych. Jego responsywny układ zapewni stronie na podstawie motywu idealny wygląd na każdym nowoczesnym urządzeniu. Kreator stron Elementor w połączeniu ze wtyczkami Jet pozwala dodawać i edytować moduły, bloki, strony, archiwum i innr elementy bez dodatkowego kodowania. Krótko mówiąc, motyw Balanceser zapewnia wygodne i szybkie tworzenie stron.

Biznory

Demo | Pobierz

Biznory- to oparty na kreator stron Elementor biznesowy motyw WordPress Jest to wysoce funkcjonalne rozwiązanie do tworzenia stron, wyposażone w zestaw wtyczek Cherry i dodatków rodziny Jet, w tym JetElements, JetMenu, JetTricks i inne. Mnóstwo atrakcyjnych gotowych stron w zestawie motywu pozwalają lekko dostosować wygląd witryny według Twoich życzeń, zaprezentować plany firmy, przedstawić jej historię oraz wyświetlić referencje klientów i podzielić się swoimi pomysłami na blogu. Zestaw zawartych do zestawu motywu zdjęć tematycznych, pozwoli zaoszczędzić czas na wyszukiwanie odpowidenich grafik dla strony.

Webico

Demo | Pobierz

Motyw Webico został oparty na kreator stron Elementor i jest przeznaczony do tworzenia witryn dla firm projektowych. Oparcie o wygodny kreator stron i zestaw wtyczek Jet zapewnia szybkie dostosowanie szablonu, bez konieczności kodowania. TWbudowana wtyczka Ecwid pozwala bezproblemowo uruchomić e-sklep bezpośrdenio na stronie. W przypadku wystąpienia problemów podczas instalacji i korzystania z motywu, zawsze możesz skorzystać z pomocy przyjaznego i profesjonalnego zespołu Wsparcia techicznego lub sprawdzić szczegółową dokumentację, zawartą do archiwum motywu.

Connecty

Demo | Pobierz

Wybierz motyw Connecty, jeśli chciałbyś uruchomić stronę dla dostawcy usług hostingowych lub bloga poświęconego technologiom webowym. Ten motyw został wyposażony we wszystkie narzędzia i funkcje, które są potrzebne do tworzenia profesjonalnie wyglądającego i wysoce funkcjonalnego serwisu webowego. Do jego zestawu zostały zawrte mnóstwo gotowych stron na każdą okazję, kreator stron Elementor, zestaw zdjęć na różne tematy biznesowe, wtyczki rodziny Jet itd. W pełni responsywny układ, oraz kompatybilność z różnymi przeglądarkami zapewnią stronie na podstawie tego motywu idelany wygląd na ekramach komputerów, komórek i tabletów. Rozwijane menu, mapa Google, formularze kontaktowe i wyszukiwania ułatwią nawigację witryną.

* * *

P.S. W dobie rozwoju nowych technologii internetowych większość firm przenosi swoją działalność do sieci. W rezultacie zwiększają widoczność swojej firmy i angażują więcej nowych klientów. Jeśli wciąż zastanawiasz się nad uruchomieniem witryny dla swojej firmy, nadszedł czas aby ją stworzyć! Ze względu na funkcje premium, przyjazne dla użytkownika interfejsy, instrumenty zapewniające płynną nawigację, obsługę różnych narzędzi i zawartą do zestawu szczegółowej dokumentacji, motywy w katalogu TemplateMonster staną się idealnym rozwiązaniem do osiągnięcia tego celu! W dodatku, mkorzystając z tych rozwiązań będziesz mógł samodzielnie uruchomić witrynę! Zestaw gotowych sekcji, komponentów i narzędzia do tworzenia stron ułatwiają zarządzanie serwisem webowem i nie wymagają dotykania żadnej pojedynczej linii kodu. Zapewniamy, że dzięki naszym motywom WordPress zrozumiesz, że tworzenie stron internetowych może być tak proste jak ABC.