Witaj! Jeśli zdarzyło Ci się kiedyś tworzyć stronę internetową za pomocą Elementora to jest spora szansa, że natknąłeś się na widżet „Akordeon”. Przydaje się szczególnie do sekcji z pytaniami i odpowiedziami na stronie. Elementor domyślnie ustawia pierwszą kartę widżetu jako otwartą. Za chwilę, pokażę Ci jak nakłonić go, aby po wejściu na stronę, pokazał się domyślnie zamknięty akordeon. Istota problemu Ze względu na fakt, że domyślne zachowanie kart akordeonu nie każdemu może przypaść do gustu, postanowiłem, poszukać rozwiązania. Przydaje się ono szczególnie, gdy posiadasz akordeon podzielony na kilka sekcji z nagłówkiem. Zobacz obrazek poniżej:    Ponieważ, chcesz podzielić go na sekcje, nie ma innej opcji niż zduplikować widżet i wstawić nagłówki. Niestety pierwsza karta w każdym z nich jest automatycznie rozwinięta. Zamknięty akordeon Możemy jednak temu zapobiec i stworzyć taki widok:   Jak to zrobić? Zapytasz. Już pokazuję: 1) Przejdź do strony z widżetem Akordeon i dodaj na dole strony nowy blok HTML (nie  Własny HTML, tylko ten zwykły HTML pokazany poniżej po lewej). 2) W treści pola tekstowego wklej poniższy fragment kodu: 3) A następnie zapisz zmiany na stronie. 4) To wszystko! Wszystkie karty akordeonu będą teraz automatycznie zamknięte

Cześć klikaczu! Chciałbym podzielić się z Tobą praktyczną wiedzą, jak stworzyć automatycznie rozwijany formularz kontaktowy. A dokładnie, to rozwijane pole formularza kontaktowego stworzonego w Elementorze. Jeśli jeszcze nie wiesz, czym jest Elementor, to koniecznie przeczytaj mój poprzedni wpis. Istota problemu Każde pole wiadomości w dowolnym formularzu kontaktowym, ma z góry określoną wysokość jaką zajmuje. Gdy wpisujesz treść wiadomości, która jest dłuższa niż liczba znaków mieszczących się w widocznym polu, przeglądarka dodaje w nim pasek przewijania. Sam Elementor pozwala na ręczne zdefiniowanie bazowej ilości wierszy pola tekstowego. W moim przykładzie po lewej stronie obrazka w nagłówku tego wpisu są to 2 linijki (wysokość pola na wiadomość). Dopisanie trzeciej linii tekstu powoduje dodanie przez przeglądarkę wspomnianego paska przewijania. Chociaż jest to bardzo praktyczne i naturalne rozwiązanie, to niekonicznie jednak estetyczne. Rozwijany formularz kontaktowy Jeśli korzystasz z Elementora, to możesz w prosty sposób zmodyfikować zachowanie formularza kontaktowego tak, aby pole wiadomości automatycznie rozwijało się wraz z ilością wpisywanej treści. Jak to zrobić? Zapytasz. Już pokazuję: 1) Przejdź do strony z formularzem kontaktowym i dodaj na dole strony nowy blok HTML (nie  Własny HTML, tylko ten zwykły HTML pokazany

Jeśli zastanawiasz się czym różni się Elementor od Elementora Pro i czy warto wydawać pieniądze na płatną wersję pluginu, to przeczytaj poniższy artykuł w którym postaram się rozwiać Twoje wątpliwości. Jest to rozwinięcie poprzedniego wpisu opisującego czym jest Elementor. Główne różnice Technicznie rzecz biorąc Elementor Pro jest dodatkowym pluginem rozszerzającym możliwości darmowej wersji Elementora. Oznacza to, że po zakupie musisz zainstalować go jako osobną wtyczkę w zapleczu WordPress. Będziesz mieć zatem na liście pluginów dwie osobne pozycje: Elementor i Elementor Pro. Ma to o tyle znaczenie, że wersja Pro nie modyfikuje plików ani ustawień należących do wersji podstawowej. Jakiekolwiek modyfikacje w wersji Pro nie grożą nam utratą danych czy ustawień bazowego Elementora. Wersja Pro dodaje jedynie więcej bloczków i funkcji. Co dokładnie dostajemy? Zobaczmy. 50 dodatkowych bloczków (widżetów) Nowe bloczki są najbardziej oczywistym dodatkiem wersji Pro. To solidna porcja rozszerzeń. Pop-upy, karuzele slajdów, itp. O ile zasadniczo nie są one super potrzebne, by zbudować dobrze działającą i ładną stronę, to ułatwiają i przyspieszają nieco pracę, bo nie musisz szukać ich darmowych odpowiedników we wtyczkach innych autorów. Widżet układania postów w gridzie zamiast zwykłej listy czy widżet projektowania formularzy kontaktowych są bardzo