Jak korzystać z widżetu Elementor Shortcodes [Przewodnik dla początkujących]

Ostatnio przeszedłem do Elementora jako mojego kreatora przeciągania i upuszczania. Od samego początku krzywa uczenia się była tak łatwa i wizualnie zabawna – coś, czego mogłem użyć, aby strona internetowa była wizualnie idealna i precyzyjna.

Kilka dni później w WordPress Elementor zdałem sobie sprawę, że mogę dziesięciokrotnie eskalować proces budowania za pomocą „Skrótów Elementora”.

Na początek, optymalizacja strony internetowej, aby była szybka to jedno, a z drugiej strony szybkie i łatwe zbudowanie strony internetowej to drugie. Porozmawiajmy więc o tym, jak bardzo łatwo korzystać ze skrótów WordPress Elementor i czy dobrym pomysłem jest użycie krótkich kodów Elementora w swoim projekcie.

Co to są skróty do Elementora?

Skróty do Elementora to ciąg znaków lub fragment, który można skopiować i wkleić, aby zduplikować określony element witryny. Innymi słowy, skróty to specjalne znaczniki; coś, gdy zostanie wprowadzone, wygeneruje inny komponent po jego wyświetleniu.

Jeśli to brzmi skomplikowanie, pozwól, że ci to wyjaśnię. Biblioteka Elementor zawiera ogromną kolekcję gotowych widżetów, których możesz użyć do przyspieszenia procesu tworzenia witryny.

Teraz, jeśli jesteś zajęty rozwojem i potrzebujesz zduplikować komponent, skróty są najlepszym sposobem na zrobienie tego w ciągu kilku sekund.

Najpierw musisz skopiować fragment wybranego komponentu i wkleić go w dowolnym miejscu, w którym chcesz go zduplikować.

Załóżmy, że pracujesz nad stworzeniem formularza, którego będziesz używać na innej stronie. Zwykle zbudowałbyś dokładnie ten sam formularz za pomocą Elementora, a zrobienie tego zajęłoby ci kilka minut.

Jednak skrócone kody szablonów Elementor pozwalają wybrać gotowy komponent ze strony internetowej, a następnie powielić go w innych miejscach.

Jest to jedno z najbardziej podstawowych zastosowań skrótów widżetów i szczerze mówiąc, jest ono bardziej wydajne. Więc jeśli już myślisz…

Kiedy i jak korzystać ze skrótów Elementor?

Oto jeden prawdziwy przypadek, który znalazłem, najlepiej nadaje się do używania skrótów WordPress Elementor:

Skróty Elementor to idealny wybór, aby szybko dodać więcej treści do swojej witryny, jeśli jest ona częściowo zaprojektowana przy użyciu Elementora.

Jeśli chcesz dostosować starą treść i dodać wstępnie zaprojektowane widżety do swojej strony, sugestia ekspertów mówi, że skróty są dobrym rozwiązaniem. Więc wstaw skróty do szablonu, który chcesz, i voila!

Jest to najlepszy wybór do wstrzykiwania skrótów Elementor w celu podkręcenia. Częstym scenariuszem, w którym możesz spotkać się z taką sytuacją, jest praca na domyślnych stronach wybranego motywu.

Nie wszystkie motywy są zaprojektowane przy użyciu Elementora, więc próba przekonwertowania ich na stronę internetową Elementora może złamać strukturę strony.

Poza tym inne wtyczki, które nie obsługują Elementora, nie dają dostępu do edycji tych elementów, a tym samym pozostawiają Cię w stanie katastrofy.

Ale nie martw się…

Dzięki skrótom Elementor możesz dodawać nowe komponenty lub elementy do swojej witryny bez ryzyka konfliktu z innymi kreatorami stron i/lub wtyczkami. Poza tym pozwala również dodać własny, dostosowany szablon.

Jak zainstalować skróty dla Elementora?

Instalacja krótkich kodów jest naprawdę łatwa i zajmuje tylko 3 kroki, aby to zrobić. Oto, jak możesz zainstalować skróty dla Elementora.

Delikatne przypomnienie – wszystkie trzy kroki w tym przewodniku instalacji wymagają zainstalowania Elementora na WordPress. Jeśli więc nie robiłeś tego do tej pory, zrób to szybko i przejrzyj kroki później.

W tym przewodniku instalacji są dwa procesy — instalacja automatyczna i instalacja ręczna

Automatyczna instalacja

1. Przejdź do „Wtyczki” i przejdź do „Dodaj nowy” z tego samego ekranu.
2. Poszukaj skrótów WordPress dla Elementora.
3. Zainstaluj wtyczkę i aktywuj ją.

Instalacja ręczna

1. Pobierz RS<a href=” #”> Elementor Shortcode.
2. Wyodrębnij plik shortcode.zip. Pliki wtyczek będą znajdować się w katalogu o nazwie rselements-lite.
3. Prześlij pliki wtyczek do lokalizacji instalacji WordPressa. Katalog powinien wyglądać mniej więcej tak – /wp-content/plugins/elementor-short-code.
4. Aktywuj wtyczkę z sekcji „Wtyczki” w menu WordPress.

Instalacja ręczna to tylko przykład jednej konkretnej wtyczki, a proces jest podobny dla każdej wtyczki, którą chcesz zainstalować ręcznie.

Jak wprowadzić szablony Elementora za pomocą skrótów?

Oto, jak możesz wprowadzić wstępnie zaprojektowany szablon Elementora za pomocą skrótów. Oto jak możesz to zrobić. Udaj się do -

WordPress -> Szablony -> Zapisane szablony

Tutaj będziesz mógł sprawdzić krótki kod dla każdego widżetu w bibliotece. Poza tym możesz również stworzyć własny szablon i wygenerować dla niego unikalny shortcode.

Każdy zapisany szablon ma swój unikalny shortcode, który jest zawsze dostępny do użycia na innych stronach.

Na przykład chcesz utworzyć wyskakujące okienko WooCommerce, w którym Twoi klienci mogą zobaczyć status swojego zamówienia.

W tym celu wystarczy przeciągnąć i upuścić wyskakujący widżet z paska bocznego na płótnie. Teraz wygeneruj shortcode z oryginalnego wyskakującego okienka i wklej go do nowego wyskakującego okienka, a wygeneruje on dokładnie ten sam widżet wyskakujący w krótkim czasie.

Teraz, gdy wiesz już o krótkich kodach i ich działaniu, możesz się zastanawiać, czy Elementor konwertuje każdą treść na stronie internetowej na krótkie kody? Cóż, jeśli już o to pytasz, oto twoja odpowiedź.

Czy Elementor wprowadza treści na strony internetowe z lub bez skrótów?

Aby wyjaśnić Twoje zamieszanie, Elementor nie wstawia treści na stronę internetową za pomocą krótkich kodów. Mówiąc najprościej, nie konwertuje szablonu na unikalny shortcode, a następnie umieszcza go na stronie internetowej. Dlatego…

Gdyby Elementor używał skrótów dla każdego wygenerowanego szablonu w bibliotece, jego elementy biblioteki byłyby w dużej mierze zależne od wtyczki Elementor.

Z jakiegoś powodu, jeśli musisz usunąć Elementora z listy zainstalowanych wtyczek dla swojej strony internetowej, stracisz całe wsparcie dla istniejących komponentów biblioteki Elementora i skrótów z nimi powiązanych. Jakby to zamieniło się w absolutny koszmar, gdyby tak się stało.

Ale tak nie jest w przypadku Elementora, ponieważ po prostu rozwiązuje problem. Elementor generuje krótki kod dla wybranego szablonu, który chcesz skopiować.

Ale zanim to zrobi, tworzy kopię zaprojektowanego szablonu jako kod na stronie.

Tak więc następnym razem, gdy kopiujesz coś z jednego miejsca do drugiego, wklejasz kod z tyłu. Ale wizualnie używasz do tego skrótów.

Wcześniejsze kreatory stron miały takie zależności od konkretnych wtyczek i szablonów, dla których trudno było korzystać z innych wtyczek na stronie internetowej.

Ale teraz, bez zależności, możesz łatwo dostosować stronę internetową, niezależnie od tego, czy używa ona kreatora stron Elementor, czy nie.

Podsumowując

Do tej pory masz wszystkie pomysły, których potrzebujesz, aby zacząć korzystać ze skrótów Elementor w swojej witrynie WordPress. Poza tym pierwsze kilka razy jest zawsze trochę zagmatwane. Więc obejrzyj kilka filmów, gdy to robisz, aby upewnić się, że Twoja nauka jest perfekcyjna.