5 nowych funkcji w Elementorze Użytkownicy muszą wiedzieć i używać

Opublikowany: 2021-09-06

Elementor, firma programistyczna okrzyknięta jednym z najbardziej obiecujących izraelskich startupów w 2019 roku, znana jest ze swojego kreatora stron internetowych, który ułatwia użytkownikom WordPressa tworzenie profesjonalnych stron internetowych. Kreator witryn WordPress zgromadził już ponad 5 milionów aktywnych instalacji. Jego wtyczka, z wysoką oceną 4,7 gwiazdki, jest jedną z najwyżej ocenianych na WordPress.org.

W ciągu ostatnich lat Elementor przeszedł zmiany, aby poprawić jego funkcje i poprawić wrażenia użytkowników. Szczególnie godne uwagi są nowe funkcje dodane przez Elementora w 2021 r., Ponieważ odpowiadają one na to, o co domagali się użytkownicy i co zapewniłoby znaczną poprawę sposobu, w jaki twórcy stron internetowych budują swoją obecność w Internecie.

Oto pięć nowych funkcji, z którymi użytkownicy Elementora powinni się zapoznać i wykorzystać, aby w pełni wykorzystać swoją obecność w Internecie. Te funkcje zostały dodane w dwóch ostatnich wersjach Elementora, które zostały wydane dopiero w tym roku.

Spis treści

Pełne zestawy stron internetowych

Wprowadzona w wydaniu Elementora w wersji 3.3, funkcja pełnych zestawów witryn internetowych umożliwia pakowanie całej witryny w jeden zestaw, który można wielokrotnie wykorzystywać podczas tworzenia nowych, ale podobnych witryn internetowych.

Na przykład firma, która otwiera nowe oddziały w różnych lokalizacjach lub nowe linie produktów, prawdopodobnie będzie używać tych samych stylów, czcionek, palety kolorów, układów i innych atrybutów stron w witrynach internetowych swoich nowych oddziałów lub produktów. Kompletny zestaw do tworzenia witryn ułatwia wielokrotne wykorzystywanie tych atrybutów .

Pełne zestawy stron internetowych Elementora.
Zrzut ekranu ustawień globalnych Zestawów witryn Elementor.

Wielu twórców witryn WordPress jest sfrustrowanych koniecznością zaczynania od zera za każdym razem, gdy chcą stworzyć nową witrynę, mimo że zamierzają używać tych samych projektów, układów, czcionek, nagłówków, stopek, komunikatów wyskakujących, komunikatów o błędach 404, motywów i strony docelowe. Jak sama nazwa wskazuje, pełny zestaw stron internetowych zawiera wszystko, co jest niezbędne do zbudowania całej strony internetowej . Służy jako wygodny punkt przeskoku do tworzenia podobnych stron internetowych lub mikrowitryn.

Pełne zestawy stron internetowych Elementora są przeznaczone dla profesjonalnych twórców stron internetowych i początkujących w tworzeniu stron internetowych, w tym marketerów, którzy muszą szybko tworzyć nowe witryny dla kampanii. Nawet ci, których strony internetowe nie zostały stworzone przy użyciu Elementora, mogą również skorzystać z pełnych zestawów stron internetowych. Dzieje się tak, ponieważ Elementor udostępnia również bibliotekę zestawów (więcej na ten temat poniżej).

Biblioteka zestawów

Jak wspomniano, wprowadzenie pełnej funkcji zestawu witryny w wersji 3.3 jest uzupełnione o bibliotekę zestawów Elementor. Zapewnia kompletne komponenty witryny i atrybuty, z których mogą wybierać twórcy stron internetowych, dzięki czemu nie muszą zaczynać od zera, aby ukończyć projekt z krótkim obrotem.

Biblioteka zestawów Elementor.

Biblioteka zestawów pomaga tym, którzy nie są przyzwyczajeni do korzystania z WordPressa, w tworzeniu profesjonalnie wyglądających i stabilnych witryn internetowych, zapewniając proces budowania witryn z przewodnikiem. Dostęp do tej nowej funkcji można uzyskać, przechodząc do zakładki Elementor pod pulpitem WordPress. Zawiera ponad 87 pełnych zestawów stron internetowych, które mają już odpowiednie strony z treścią, części do tworzenia motywów, wyskakujące okienka i inne komponenty.

Elementor twierdzi, że te łatwo dostępne kompletne zestawy stron internetowych zostały stworzone z uwzględnieniem najnowszych trendów projektowych. Różne profesjonalnie zaprojektowane pełne zestawy stron internetowych są pogrupowane według różnych tematów, w tym biznesu, żywności podróżniczej, wydarzeń, odzieży i organizacji pozarządowych. Dzięki nim każdy powinien szybko założyć nową stronę internetową i szybko stworzyć wiarygodną obecność w Internecie.

Próbnik kolorów

Kolejnym wygodnym nowym narzędziem dodanym do Elementora wraz z wydaniem wersji 3.3 jest próbnik kolorów. Ułatwiając identyfikację i używanie kolorów z istniejących witryn internetowych lub obrazów, ten zintegrowany selektor kolorów Elementor pomaga twórcom stron internetowych w opracowywaniu projektów, które zachowują spójność kolorów, zwłaszcza gdy tworzą witryny oparte na poprzednich projektach.

Selektor kolorów Elementora.

Próbnik kolorów jest teraz natywną funkcją Elementora, co daje mu tę przewagę, że jest bardziej responsywny w porównaniu z wtyczkami lub dodatkami innych firm. Jest bardzo mało prawdopodobne, aby powodowało problemy w Elementorze lub było przyczyną wycieków pamięci lub nietypowego zużycia zasobów.

Niestandardowe punkty przerwania

Z łatwością jedna z najbardziej pożądanych funkcji Elementora, dodatkowe niestandardowe punkty przerwania zostały wprowadzone wraz z wydaniem Elementora w wersji 3.4. Platforma do tworzenia stron internetowych oferuje teraz więcej niestandardowych punktów przerwania, które obejmują łącznie siedem urządzeń. Są to następujące urządzenia: Komputer stacjonarny, Tablet, Tablet Extra, Mobile, Mobile Extra, Laptop, Widescreen.

Niestandardowe punkty przerwania Elementora.

Jak podzielili się Elementor CTO i współzałożyciel Ariel Klikstein w poście na blogu w grudniu 2020 r., przytłaczająca liczba użytkowników prosiła o dodatkowe niestandardowe punkty przerwania. „W rzeczywistości około 80% wszystkich funkcji zostało opracowanych w oparciu o takie prośby. Dodatkowe niestandardowe punkty przerwania znajdują się na szczycie listy od dłuższego czasu” – napisał Klikstein.

Elementor został pierwotnie stworzony do obsługi tylko dwóch punktów przerwania. Są to urządzenia mobilne i tablety. Twórcy zdawali sobie sprawę z wrzawy o dodatkowe niestandardowe punkty przerwania , ale napotkali wyzwania, szczególnie w dodawaniu nowych punktów przerwania bez łamania kodu i narażania wydajności.

Wydanie wersji 3.4 sygnalizuje widoczne rozwiązanie wspomnianych wyzwań. W tym roku Elementor jest gotowy do zapewnienia użytkownikom — słowami Elementora — „doskonałego punktu widzenia oraz w pełni responsywnego projektu strony internetowej i interfejsu użytkownika”. Kreator witryn ułatwia teraz twórcom witryn tworzenie witryn zoptymalizowanych pod kątem różnych rozmiarów ekranu i rozdzielczości różnych wyświetlaczy urządzeń.

Elementor twierdzi, że dodanie tych nowych punktów przerwania pozwala projektantom stron internetowych przełamać granice projektowe, zwłaszcza biorąc pod uwagę różne rozdzielczości ekranu i proporcje różnych urządzeń. Nowe punkty przerwania pozwalają twórcom wybrać, które punkty przerwania mają pozostać aktywne, wybrać wartość każdego punktu przerwania i skalować podgląd w górę lub w dół, aby dopasować go do preferencji użytkowników witryny.

Elementor stosuje podejście kaskadowe z punktami przerwania z pulpitem jako domyślnym ustawieniem ekranu. Obsługuje również ustawianie różnych tytułów dla każdego punktu przerwania. Dodatkowo programiści Elementora zapewnili, że twórcy nie będą mieli trudności z identyfikacją stylów ustawionych na innych punktach przerwania. Dodali nową funkcję w interfejsie użytkownika, aby pokazać odziedziczone wartości atrybutów, takich jak margines, tło, dopełnienie i obrazy.

Elementor zoptymalizował dodawanie nowych niestandardowych punktów przerwania, przebudowując responsywny mechanizm ładowania kontroli . Ta zmiana, według Elementora, spowodowała poprawę odpowiedzi serwera nawet o 23 procent i zmniejszenie zużycia pamięci o około 5 procent. Dodatkowo optymalizacje ograniczyły ruch danych do redakcji o około 30 procent.

Twórcy stron internetowych, którzy planują używać Elementora do tworzenia swoich stron internetowych, powinni w pełni wykorzystać te dodatkowe niestandardowe punkty przerwania, aby osiągnąć optymalne wrażenia podczas oglądania na dowolnym urządzeniu.

Niesamowite ikony czcionek SVG

Font Awesome to jeden z najpopularniejszych zestawów ikon na świecie. Jednak niektórzy twórcy stron internetowych unikają tego z powodu obaw o problemy z wydajnością i możliwość, że ikony mogą nie być obsługiwane. Nie ma dobrego powrotu, jeśli przeglądarka rzeczywiście nie obsługuje zestawu ikon.

Elementor Font Niesamowite ikony SVG.

Wydanie Elementora w wersji 3.4 zawiera aktualizację ładowania Font Awesome. Wcześniej za każdym razem, gdy ładowane były ikony Font Awesome, cała biblioteka była używana przez witrynę internetową. Jest to nieefektywne i pozwala stronie internetowej na niepotrzebne zajmowanie zasobów. Wraz z przejściem na podejście SVG zmniejsza się liczba żądań, co zapewnia poprawę wydajności dla każdego zmniejszonego KB.

Najnowsza wersja Elementora zmienia mechanizm ładowania z ikony na SVG . Skutkuje to zmniejszeniem liczby żądań i skróceniem czasu ładowania na całej planszy.

Ostatecznie aktualizacje w Elementorze w wersji 3.4 przynoszą korzyści nie tylko odwiedzającym witrynę, ale także twórcom witryn. Szybsze ładowanie ikon Font Awesome jest korzystne dla programistów, którzy łatwo denerwują się problemami z responsywnością. Podobnie odwiedzający witrynę z zadowoleniem przyjmują szybsze renderowanie ikon i czas ładowania strony.

Aby było jasne, ikony Font Awesome nie są nową funkcją ani funkcją debiutującą w Elementor Core 3.4. Wskazuje się tutaj, że twórcy stron internetowych powinni przestać się martwić możliwymi problemami, które mogą wyniknąć z używania Font Awesome. Elementor został zaktualizowany, aby zapewnić, że ten zestaw ikon jest kompatybilny z platformą i odpowiednio ekranowany.

Więcej nowych funkcji i ulepszeń w przyszłości

Przedstawiamy pełne zestawy stron internetowych, bibliotekę zestawów, próbnik kolorów, dodatkowe niestandardowe punkty przerwania i nowy mechanizm radzenia sobie z ikonami Font Awesome SVG dla użytkowników Elementora. Te godne uwagi nowe funkcje i funkcje dla twórców stron internetowych dodatkowo umacniają status Elementora jako jednej z najlepszych opcji tworzenia stron internetowych.

Co więcej, Elementor ma zapewnić więcej ulepszeń w przyszłości. W szczególności planuje usprawnić ładowanie stron poprzez przyjęcie koncepcji „ładuj tylko to, co chcesz” , zmniejszając zależność od JavaScript i CSS oraz optymalizując wewnętrzny JavaScript i CSS.

„Elementor dokłada wszelkich starań, aby zapewnić najlepszą platformę spełniającą potrzeby naszych użytkowników. W ramach tych wysiłków poprawa wydajności nadal jest głównym celem każdej wersji i cieszymy się, że możemy podzielić się nimi z naszą społecznością” – mówi Eran Alon, wiceprezes ds. marketingu produktów w Elementor. Aby uzyskać więcej informacji na temat Elementora, sprawdź recenzję Elementora.

AUTOR BIO:

Gal Shachar jest projektantem mieszkającym w Tel Awiwie, specjalizującym się w cyfrowym UX, mediach reklamowych i brandingu. W branży działa od 2017 roku, po studiach w Ruppin College. Od tego czasu Gal współpracował z wieloma znanymi markami i firmami przy projektowaniu stron internetowych, tworzeniu logo, doświadczeniu użytkownika i kampaniach brandingowych.