Jak korzystać z Elementora: Kompletny przewodnik

przez Passy Guy | Elementor

Czy masz problemy z rozpoczęciem korzystania z Wtyczka Elementor ? Oto kompletny przewodnik dotyczący korzystania z Elementora

Dzisiaj pokażemy Ci, jak używać Elementora do tworzenia stron i bloków dla Twojej witryny.

Kreatory stron stały się integralną częścią tworzenia stron internetowych dla osób z niewielkim lub żadnym doświadczeniem w projektowaniu stron internetowych.

Jednym z najpopularniejszych kreatorów stron jest Elementor, który jest dostępny za darmo i oferuje więcej funkcji w trybie premium.

Jak korzystać z Elementora

W tym artykule wyjaśnimy, dlaczego uważamy, że Elementor jest idealnym narzędziem do tworzenia stron na początek:

Poznawanie Elementora

Pierwsze spotkanie użytkownika z Twoją witryną pozostawia niezatarte wrażenie. Niezależnie od tego, czy wybrałeś styl retro lub minimalistyczny, czy zebrałeś swoje zasoby, aby stworzyć wizję tego, jak strony internetowe będą wyglądać w przyszłości, tak czy inaczej, kreator stron WordPress, taki jak Elementor, jest tym, co pozwala spersonalizować swoją witrynę bez żadnego kodowania .

Konieczne jest, aby najpierw zainstalować motyw WordPress zgodny z Elementorem.

Czytaj także: Czy możesz używać Elementora bez motywu? (Nie - oto dlaczego)

W dawnych czasach projektowałeś swoją stronę internetową, korzystając z dostępnych opcji projektowych oferowanych przez Twój motyw. Ale niektórym motywom brakowało pewnych funkcji dostosowywania, inne były niezgrabne i niezwykle trudne do dostosowania dla każdej strony.

Kreator stron Elementor umożliwia wprowadzanie zmian w witrynie w czasie rzeczywistym bez konieczności przełączania się między frontendem a backendem, aby sprawdzić, jak zostały zaimplementowane nowe zmiany.

Możesz zainstalować Elementora, odwiedzając swój własna strona internetowa a później, przesyłając plik zip do swojego WordPressa lub przeglądając repozytorium WordPress wtyczki i wyszukanie „Elementor” i kliknięcie instalator.

Upewnij się, że aktywujesz wtyczkę, a będziesz gotowy do zapoznania się ze wszystkimi opcjami, jakie ma do zaoferowania Elementor.

Czytaj także: Jak zainstalować Elementora

Funkcje, które ma do zaoferowania Elementor

Na szczęście Elementor jest edytorem frontendu, co oznacza, że ​​​​możesz zobaczyć zmiany w danym momencie i wprowadzić poprawki.

Kolejną pośrednią korzyścią jest to, że ze względu na jego popularność nie brakuje zasobów dostępnych na stronie YouTube lub WordPress, aby zacząć. Ten artykuł jest przykładem tych stron internetowych.

Personalizacja w Elementorze polega na widżetach, a gdy przyzwyczaisz się do przeciągania i upuszczania widżetów na stronę, przekonasz się, dlaczego jest to znacznie lepsze niż zajmowanie się domyślnym kreatorem stron motywu WordPress.

Wstaw widżet przycisku Paypal

Każda strona na WordPressie składa się z sekcji i jest to podstawa budowania strony za pomocą Elementora.

Po lewej stronie ekranu znajduje się menu hamburgerów, które umożliwia wprowadzanie zmian w całej witrynie, podczas gdy zmiany są odzwierciedlane po prawej stronie.

Funkcja przeciągania i upuszczania pozwala na szybsze tworzenie stron internetowych, przypominające narzędzie do projektowania.

Jedynym powodem, dla którego będziesz potrzebować motywu, jest to, że Twoja witryna nie może działać bez motywu, a Elementor nie miałby nic do zmiany bez niego.

Lir Czy możesz używać Elementora bez motywu? (Nie - oto dlaczego)

Ponadto nadal potrzebujesz motywu do zmiany nagłówka i stopki, jeśli planujesz pozostać przy bezpłatnej wersji Elementora.

Elementor Free kontra Elementor Pro

Główna różnica między nimi polega na liczbie widżetów oferowanych w wersji Pro.

Sprawdź więc, czy potrzebujesz tego w swoim projekcie.

Przydaje się także możliwość zmiany stopki i nagłówka w Elementorze, chociaż jeśli Twój motyw jest już wyposażony w dedykowany konstruktor nagłówków i stopek, może nie być tak przydatny.

Jeśli chodzi o widżety, oto podstawowe widżety dostępne w darmowej wersji:

  • Sekcja wewnętrzna
  • Obraz
  • Edytor tekstu
  • Vidéo
  • przycisk
  • separator
  • ikona
  • Rozdzielacz
  • Mapy Google

Oto niektóre z widżetów dostępnych w wersji Pro:

  • Portfolio
  • Formularz
  • Odwróć pudełko
  • Cennik
  • Cytat blok
  • Wezwanie do działania

Wszystkie informacje przydatne do podjęcia świadomej ostatecznej decyzji o tym, czy uaktualnić do Elementor Pro, zostały podane poniżej.

Ale ogólnie zalecamy zabawę z darmową wersją, dopóki nie upewnisz się, że Elementor jest dla Ciebie najlepszym narzędziem do tworzenia stron WordPress.

Elementor za darmo Elementor Pro
Cena wolny 49 do 99,199 XNUMX USD / rok
Liczba widżetów 25 + 50 +
Kreator stron dostępny dostępny
Kreator motywów niedostępne dostępny
Wsparcie niedostępne dostępny
Dynamiczna treść niedostępne dostępny
Pro szablony i bloki niedostępne dostępny
Integracja e-commerceCommerce niedostępne dostępny

Ostatecznie zapewnienie, że zespół wsparcia Elementor zapewnia wsparcie w wersji Pro, sprawia, że ​​mocno wierzymy w wersję Pro.

Zawiera również pewne niszowe funkcje, które znajdziesz w innych wtyczkach, ale dlaczego nie zrobić tego wszystkiego za jednym razem.

Na przykład, kreator wyskakujących okienek, opcje dynamiczne, warunki, dla których widoczny jest nagłówek lub wyskakujące okienka, niestandardowe CSS, skróty i widżety szablonów, niestandardowe czcionki i menedżer ról.

Możliwość przypisywania i ograniczania ról użytkownikom w WordPress pozwala im kontynuować pracę bez narażania projektu. Klient ma tylko dostęp do modyfikacji treści strony i nie może dodawać ani usuwać elementów poprzez przeciąganie i upuszczanie; w ten sposób Twój projekt będzie zawsze chroniony.

Środowisko edycji

Projektując swoją pierwszą stronę za pomocą Elementora, możesz być na początku przytłoczony liczbą widżetów i nie naszkicowałeś projektu do umieszczenia na pustym płótnie; w tym miejscu pojawiają się szablony stron Elementor dla tych, którzy w tej chwili czują się mniej zainspirowani.

Po prostu wybierz predefiniowany szablon z ogromnej listy, wstaw go na swoją stronę i dostosuj do swoich potrzeb. Prawa strona to plac zabaw dla projektowania, na którym możesz dodawać elementy tworzące układ strony.

Po lewej stronie znajduje się kreatywny panel wypełniony widżetami typu „przeciągnij i upuść” na stronie.

Możesz dodawać sekcje i przeciągać widżety, aby dopasować je do swojego projektu, lub wybrać wstępnie zaprojektowane szablony.

Czytaj także: Jak dodać efekt najechania w Elementorze za pomocą niestandardowego CSS

W dolnym panelu znajdziesz okrągłą ikonę strzałki, która zabierze Cię z powrotem do Twojej historii i podzielona jest na akcje i recenzje; w akcjach możesz znaleźć swoje kroki i powrócić do wcześniejszej edycji, a pod rewizją możesz znaleźć wszystkie zapisane wersje.

jak korzystać z Elementora

Kolejną zaletą korzystania z Elementora jest szybki dostęp do różnych trybów wyświetlania, dzięki czemu możesz natychmiast sprawdzić, jak wygląda Twój obecny projekt na różnych ekranach, takich jak tablet i telefon komórkowy.

Jeśli masz ochotę zaprojektować stronę główną, Bloki Elementora pomogą Ci zbudować własną stronę od podstaw.

Czytaj także: Jak dodać efekt najechania w Elementorze za pomocą niestandardowego CSS

Opcje zakładki Styl (kolor, rodzaj czcionki, rozmiar) pozwalają dostosować zawartość bloków do własnych potrzeb.

Istnieje również niezwykle przydatna opcja kopiowania stylu istniejącej sekcji i wklejania stamtąd, aby edytować wszystkie bloki w ten sam sposób.

jak korzystać z Elementora

Proste strony ze statycznymi stronami, takie jak portfolio, są w większości statyczne, ale większość stron ma wiele stron (blog, sklep internetowy, wyniki wyszukiwania).

Te dynamiczne strony można edytować za pomocą Elementor Pro lub opcji motywu, na przykład projektując własny nagłówek i stopkę.

Zobacz także: Jak aktywować tryb Wkrótce w Elementorze

Wersja Pro zawiera również więcej bloków, szablonów i widżetów.

Na zapleczu możesz również uzyskać dostęp do menu Narzędzia, które zawiera opcje, takie jak Zastąp adres URL, tryb konserwacji i kontrola wersji, aby przywrócić poprzednią wersję, jeśli Twoja witryna miała problem z najnowszym Elementorem.

Krótko mówiąc, obie wersje umożliwiają tworzenie strony, korzystanie z narzędzi edycyjnych i wstawianie predefiniowanych szablonów.

Cena Elementora Pro

Sądząc z powyższej tabeli, jeśli jesteś przekonany, że Elementor Pro jest właściwym wyborem dla Ciebie, zespół Elementor ma 5 różnych planów, od których możesz zacząć, w zależności od liczby potrzebnych licencji.

W końcu

Ogólnie rzecz biorąc, połączenie Elementora (bezpłatnego lub Pro) z potężnym motywem WordPress, który zakrywa jego martwe punkty, jest w większości przypadków właściwym sposobem.

Inne dodatkowe wtyczki premium do WordPressa 

Odkryj także inne WordPress wtyczki premium, które optymalizują wydajność Twojego bloga lub witryny WordPress.

1. Foodify

Foodify to najszybszy i najłatwiejszy sposób zamawiania żywności w sklepie. Jest całkowicie czuły i zawiera dodatkowe funkcje, takie jak obraz, opcja wyszukiwania, informacje o produkcie. Foodlify menu żywności restauracji dla woocommerce

Dodaje również przyciski do koszyka, aby poprawić doświadczenie użytkownika. To rozszerzenie WooCommerce to szybkie, kompleksowe rozwiązanie do zamawiania, które można dodać do dowolnej witryny WooCommerce.

Tutaj dla ciebie Wtyczki 5 WordPress do optymalizacji opisów kategorii i etykiet

Ma tę zaletę, że jest bardzo elastyczny i kompatybilny z wieloma istniejącymi wtyczkami w katalogu WordPress.

Pobierz | Demo | hosting

2. Pan Zoom Image

Ta wtyczka umożliwia łatwe dodawanie funkcji powiększania panoramicznego do obrazów na blogu WordPress za pomocą krótkiego kodu. Możesz na przykład zintegrować go ze swoim artykułem lub stroną.

Wtyczka Wordpress do powiększania obrazu

Jako funkcjonalności będziesz miał między innymi: panoramiczny zoom na pojedynczy obraz lub galerię z nieograniczoną ilością zdjęć, położenie paska sterowania może być góra, prawo, dół i lewo, spód pojemnika może być ciemny, jasny i nic z tego; podgląd na żywo w panelu, przykład wielokrotnego powiększania w panoramie na tej samej stronie itp.

Odkryj także nasze Skróty 5 premium wtyczki WordPress

Pobierz | Demo | hosting

3. Slider Pro

Rozwiązanie Slider Pro oferuje kompleksową platformę, która pomaga tworzyć i edytować slajdy lub suwaki, które przypadną do gustu nie tylko blogerom, ale także tym, którzy nie tylko publikują artykuły.

Slider Pro responsywna wtyczka suwaka Wordpress

Ce WordPress Plugin premium unika zbędnych bajerów, które często są przeszkodą dla użytkowników poszukujących potrzebnych im informacji. Dodatkowo skupia się na prostota i wydajność, oferując jednocześnie szeroki zakres możliwości dostosowywania.

Odkryj też Jak stworzyć pokaz slajdów za pomocą Slider Revolution w WordPress

Jego zarządzanie adresami URL na pasku wyszukiwania przeglądarki to jedna z funkcji, która wyróżniała nas w tej drugiej. Jak sama nazwa wskazuje, jest to profesjonalne rozwiązanie, którego potrzebujesz.

Przeczytaj także nasze Wtyczki 5 WordPress do tworzenia często zadawanych pytań na blogu

Jego funkcje to: zoptymalizowane ładowanie obrazu, łatwa personalizacja, płynne animacje, wiele układów i więcej.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj ! To tyle w naszym artykule, który pokazuje, jak korzystać z Elementora w WordPressie. Jeśli masz komentarze lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji.

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 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. 

... 

Opublikuj komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.