Elementor 4 i Atomic Editor – kompletny przewodnik po nowym środowisku

Jeśli pracujesz z Elementorem od jakiegoś czasu, wiesz, że każda większa aktualizacja potrafi wywrócić do góry nogami to, co znałeś na pamięć. Wersja 4 z Atomic Editorem to właśnie taka zmiana – i żeby nie tracić czasu na szukanie podstawowych funkcji, zebrałem wszystko w jednym miejscu.

Spis treści do poniższego filmu (kliknięcie na czasie przesyła do filmu):

0:31 Uruchomienie Edytora Atomic w Elementorze wersji 4

2:01 Uruchomienie Elementowa, rozpoczęcie pracy

4:14 Dodawanie sekcji, kontenerów

6:20 Dodawanie Tła

8:55 Obramowanie

9:34 Zaokrąglenie sekcji / obramowanie kontenera/sekcji

12:46 Dodanie obrazka i zaokrąglenie narożników

14:20 Pozycjonowanie elementów (np. Grafiki, kontenerów)

16:05 Dodawanie i edycja tekstu/ nagłówka

18:25 Zmiana koloru tekstu

19:40 Tworzenie kolumn z elementów strony

25:01 Dodawanie hiperłącza do sekcji, w tekście

Jak uruchomić Atomic Editor w Elementorze 4?

Zanim zaczniesz projektować, musisz upewnić się, że Atomic Editor jest aktywny. W Elementorze 4 znajdziesz tę opcję w ustawieniach wtyczki – to nowy tryb pracy, który zmienia sposób zarządzania kontenerami i strukturą strony. Po jego włączeniu interfejs edytora wygląda nieco inaczej niż dotychczas, ale szybko się przyzwyczaisz.

Samo uruchomienie edytora przebiega standardowo – wchodzisz na stronę lub wpis, klikasz „Edytuj z Elementorem” i od razu ląduje w nowym środowisku.

Struktura strony – sekcje i kontenery

W Atomic Editorze zapomnij o starym podziale na sekcje → kolumny → widgety. Teraz wszystko opiera się na kontenerach (Flexbox). Dodając nową sekcję, tak naprawdę dodajesz kontener, który możesz swobodnie zagnieżdżać.

Praktyczna wskazówka: klikając „+” na stronie, wybierasz, czy chcesz dodać kontener w układzie wierszowym czy kolumnowym. To daje dużo większą elastyczność przy budowaniu siatek.

Tło, obramowanie i zaokrąglenia

Tło sekcji

Opcje tła znajdziesz w panelu po lewej stronie, w zakładce Styl → Tło. Możesz ustawić kolor, gradient, obraz lub wideo – bez zmian w stosunku do tego, co znałeś wcześniej.

Obramowanie i zaokrąglenie kontenerów

Tu pojawia się jedna z ważniejszych nowości. Obramowanie i zaokrąglenie narożników kontenera ustawiasz w zakładce Styl → Obramowanie. Zaokrąglenia możesz kontrolować osobno dla każdego narożnika – wystarczy odblokować ikonę łańcuszka obok wartości.

Efekt zaokrąglonych kart, który teraz dominuje w nowoczesnym web designie, osiągniesz ustawiając border-radius na poziomie 12–24px dla większości sekcji treściowych.

Obrazki – dodawanie i zaokrąglanie narożników

Widget obrazka działa tak samo jak wcześniej, ale zaokrąglenie narożników znajdziesz teraz w Styl → Obramowanie (nie w zakładce „Obrazek”, jak mogłoby się wydawać). To częsty punkt, który dezorientuje na początku.

Pozycjonowanie elementów

W kontenerach Flexbox pozycjonowanie odbywa się przez właściwości Justify Content i Align Items – czyli dokładnie tak, jak w czystym CSS. Jeśli pracujesz z grafikami lub zagnieżdżonymi kontenerami, ustawienia te znajdziesz w zakładce Układ wybranego kontenera.

Dla bardziej zaawansowanego pozycjonowania (np. nakładania elementów na siebie) możesz przełączyć kontener w tryb Position: Absolute – opcja dostępna w zakładce Zaawansowane.

Tekst i nagłówki – edycja i kolory

Dodawanie tekstu i nagłówków nie zmieniło się znacząco. Klikasz dwukrotnie na widget, żeby edytować treść. Kolor tekstu ustawisz w Styl → Kolor tekstu – pamiętaj jednak, żeby najpierw sprawdzić, czy nie masz narzuconych globalnych stylów z Global Colors, bo to tam powinna siedzieć Twoja paleta kolorów.

Jeśli chcesz zmienić kolor tylko fragmentu tekstu, zaznacz go i skorzystaj z mini-paska formatowania, który pojawia się nad zaznaczeniem.

Tworzenie kolumn

W Atomic Editorze kolumny budujesz przez zagnieżdżanie kontenerów. Schemat wygląda tak:

  1. Dodaj kontener zewnętrzny w układzie wierszowym (Row)

  2. Wewnątrz niego dodaj tyle kontenerów-dzieci, ile chcesz kolumn

  3. Każdemu dziecku ustaw Width: 1/2, 1/3 itd. lub zostaw flex: 1 dla równomiernego podziału

To podejście jest elastyczniejsze niż stary system kolumn, ale wymaga chwili przyzwyczajenia.

Hiperłącza – w tekście i na sekcji

Dodanie linku do tekstu to standardowe zaznaczenie + ikona łańcuszka w pasku formatowania.

Natomiast żeby podlinkować całą sekcję lub kontener, wejdź w ustawienia kontenera → zakładka Zaawansowane → Atrybut HTML i dodaj własny atrybut onclick lub skorzystaj z opcji Link dostępnej bezpośrednio w zakładce Układ (dla niektórych widgetów). Najczystsze rozwiązanie to jednak użycie widgetu Button lub owinięcie sekcji linkiem przez własny CSS/JS, jeśli zależy Ci na semantyce.

Polityka prywatności

§ 1. Postanowienia ogólne

1. Polityka prywatności i wykorzystywania plików cookies w serwisie internetowym https://innovated.pl/ (dalej: „Polityka”) została stworzona i przyjęta przez INNOVATED Creative Studio Sp. z o.o. z siedzibą w Krakowie.
2. Terminy użyte w Polityce oznaczają:
- Serwis: serwis internetowy https://innovated.pl/;
- Użytkownik: podmiot korzystający z publicznie dostępnego Serwisu;
- Właściciel: INNOVATED Creative Studio Sp. z o.o. z siedzibą w Krakowie, ul. Wileńska 9a/44, 31-413 Kraków, KRS: 00001019831, NIP: 9452268964, REGON: 524481710.
- Cookies: pliki tekstowe, wysyłane przez Serwis i zapisywane na urządzeniu końcowym Użytkownika, z którego Użytkownik korzysta podczas przeglądania stron internetowych. Pliki zawierają informacje niezbędne do prawidłowego funkcjonowania Serwisu. Cookies najczęściej zawierają nazwę domeny serwisu internetowego, z którego pochodzą, czas ich przechowywania na urządzeniu końcowym oraz numer;
3. Celem Polityki jest w szczególności:
- udzielenie Użytkownikom informacji dotyczących wykorzystywania Cookies w Serwisie, wymaganych przez przepisy prawa, w tym Prawa telekomunikacyjnego;
- zapewnienie Użytkownikom ochrony prywatności w zakresie odpowiadającym standardom i wymogom określonym w obowiązujących przepisach prawnych.
4. Właściciel ogranicza zbieranie i wykorzystywanie informacji dotyczących Użytkowników do niezbędnego minimum, wymaganego do świadczenia na ich rzecz usług.
5. W celu uzyskania pełnego dostępu poprzez Serwis do treści i usług oferowanych przez Właściciela, wskazane jest zaakceptowanie zasad wynikających z Polityki.
6. Zastosowanie mają m.in. następujące przepisy prawa:
- ustawa z dnia 16 lipca 2004 roku Prawo telekomunikacyjne (Dz. U. 2017.1907 t.j. ze zm.);
- ustawa z dnia 18 lipca 2002 roku o świadczeniu usług drogą elektroniczną (Dz. U. 2017.1219 t.j. ze zm.);
- Rozporządzenie Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (ogólne rozporządzenie o ochronie danych) (Dz.U. L 119 z 4.5.2016) wraz z polskimi przepisami o ochronie danych osobowych.

§ 2. Ochrona prywatności i danych osobowych

1. Dane dotyczące Użytkowników przetwarzane są przez Właściciela zgodnie z przepisami prawa. Uzyskane przez Właściciela dane osobowe Użytkowników przetwarzane są na podstawie udzielonej przez Użytkownika zgody lub wystąpienia innej przesłanki uprawniającej do przetwarzania danych według przepisów, w szczególności Rozporządzenia.
2. Właściciel dokłada szczególnej staranności w celu ochrony interesów osób, których dane dotyczą, a w szczególności zapewnia, aby dane te były:
- przetwarzane zgodnie z prawem, rzetelnie i w sposób przejrzysty dla Klientów i innych osób, których dane dotyczą;
- zbierane w konkretnych, wyraźnych i prawnie uzasadnionych celach i nieprzetwarzane dalej w sposób niezgodny z tymi celami;
- adekwatne, stosowne oraz ograniczone do tego, co niezbędne do celów, w których są przetwarzane;
- prawidłowe i w razie potrzeby uaktualniane;
- przechowywane w formie umożliwiającej identyfikację osoby, której dane dotyczą, przez okres nie dłuższy, niż jest to niezbędne do celów, w których dane te są przetwarzane;
- przetwarzane w sposób zapewniający odpowiednie bezpieczeństwo danych osobowych, w tym ochronę przed niedozwolonym lub niezgodnym z prawem przetwarzaniem oraz przypadkową utratą, zniszczeniem lub uszkodzeniem, za pomocą odpowiednich środków technicznych lub organizacyjnych,
3. Właściciel stosuje odpowiednie środki techniczne i organizacyjne, zapewniające ochronę przetwarzanych danych osobowych odpowiednią do charakteru, zakresu, kontekstu i celów przetwarzania oraz ryzyka naruszenia praw lub wolności osób fizycznych.
4. Właściciel dąży do systematycznego unowocześniania stosowanych informatycznych, technicznych i organizacyjnych środków ochrony tych danych, w szczególności Właściciel zapewnia aktualizacje informatycznych środków ochrony pozwalającą na zabezpieczenie przed wirusami, nieuprawnionym dostępem oraz innymi zagrożeniami, płynącymi z funkcjonowania systemu informatycznego oraz sieci telekomunikacyjnych.
5. Każdemu Użytkownikowi, który w jakikolwiek sposób udostępnił Właścicielowi swoje dane Właściciel zapewnia dostęp do danych i korzystanie z innych praw osobom, których dane dotyczą, zgodnie z obowiązującymi w tym zakresie przepisami prawa, w tym osobom tym przysługuje:
- prawo wycofania zgody w sprawie przetwarzania danych osobowych;
- prawo do informacji dotyczących ich danych osobowych;
- prawo do kontroli przetwarzania danych, w tym ich uzupełniania, uaktualniania, prostowania, usuwania;
- prawo do sprzeciwu wobec przetwarzania lub do ograniczenia przetwarzania;
- prawo do skargi do organu nadzoru i korzystania z innych środków prawnych celem ochrony swoich praw.
6. Właściciel może przetwarzać dane osobowe w sposób zautomatyzowany, w tym poprzez profilowanie, na zasadach wynikających z Rozporządzenia. W takim przypadku celem działań Właściciela są cele marketingowe lub potrzeby personalizacji komunikatów wysyłanych do Użytkowników (w tym dopasowanie informacji do potrzeb lub oczekiwań Użytkownika). Użytkownik ma prawo sprzeciwu wobec takiego przetwarzania jego danych – sprzeciw ten może być wyrażony poprzez wysłanie wiadomości na adres Właściciela: biuro@innovated.pl.

7. Osoba mająca dostęp do danych osobowych przetwarza je wyłącznie na podstawie upoważnienia Właściciela lub umowy powierzenia przetwarzania danych osobowych i wyłącznie na polecenie Właściciela.

§ 3. Cookies

1. Cookies identyfikuje Użytkownika, co pozwala na dopasowanie treści witryny, z której korzysta, do jego potrzeb. Zapamiętując jego preferencje, umożliwia odpowiednie dopasowanie skierowanych do niego treści, w tym reklam. Właściciel stosuje Cookies, aby zagwarantować odpowiedni standard wygody Serwisu, a zebrane dane są wykorzystywane wewnątrz firmy lub partnerów wymienionych w dalszej treści, w celu optymalizacji działań.
2. Cookies wykorzystywane są w celu:
- dostosowania zawartości Serwisu do preferencji Użytkownika;
- optymalizacji korzystania z Serwisu, w szczególności poprzez rozpoznawanie urządzenia końcowego Użytkownika,
- tworzenia statystyk,
- utrzymania sesji Użytkownika,
- dostarczania Użytkownikowi treści reklamowych.
3. Cookies mogą być zamieszczane w urządzeniu końcowym Użytkownika Serwisu.
4. Zebrane dane służą do monitorowania i sprawdzenia, w jaki sposób Użytkownicy korzystają z Serwisu, aby usprawniać funkcjonowanie Serwisu zapewniając bardziej efektywną i bezproblemową nawigację.
5. Należy pamiętać, że w niektórych przypadkach, niezależnych od Właściciela, oprogramowanie zainstalowane przez Użytkownika na urządzeniu końcowym, służące do przeglądania stron internetowych (np. przeglądarka internetowa) wprowadza domyślne przechowywanie Cookies w urządzeniu końcowym Użytkownika. Użytkownicy mogą dokonać w każdym czasie zmiany ustawień dotyczących Cookies. Ustawienia te mogą zostać zmienione między innymi w taki sposób, aby blokować automatyczną ustawienia Cookies bądź informować o ich każdorazowym zamieszczeniu w urządzeniu końcowym Użytkownika. Informacje szczegółowe w tym zakresie dostępne są w ustawieniach i instrukcjach dotyczących oprogramowania (przeglądarki internetowej).
6. Użytkownik w każdej chwili ma możliwość wyłączenia lub przywrócenia opcji gromadzenia cookies poprzez zmianę ustawień w przeglądarce internetowej.
7. Zmiana ustawień stanowi wyrażenie sprzeciwu, który w przyszłości może spowodować utrudnienia w korzystaniu z Serwisu. Całkowite wyłączenie opcji przyjmowania Cookies nie będzie oznaczać braku możliwości przeglądania treści zamieszczanych w Serwisie z zastrzeżeniem tych, do których dostęp wymaga logowania.
8. Niedokonanie zmiany ustawień oznacza, że dane będą zamieszczone w urządzeniu końcowym Użytkownika (korzystanie z Serwisu będzie powodować automatyczne zamieszczanie Cookies w urządzeniu końcowym Użytkownika).
9. Przechowywane dane zamieszczone w urządzeniu końcowym Użytkownika nie powodują zmian konfiguracyjnych w urządzeniu końcowym Użytkownika lub oprogramowaniu zainstalowanym w tym urządzeniu.
10. Informacje dotyczące Cookies mają zastosowanie również do innych podobnych technologii stosowanych w ramach Serwisu.

§ 4. Google Analytics (cookies)

1. Google Analytics wykorzystuje technologię „cookies”, czyli plików tekstowych umieszczanych na Twoim urządzeniu, w celu umożliwienia przeanalizowania przez firmę INNOVATED Creative Studio Sp. z o.o. z źródeł ruchu i sposobu, w jaki odwiedzający korzystają z niego.
2. Google gromadzi na swoich serwerach dane pozyskane z umieszczania na urządzeniach plików cookies i korzysta z tych informacji w celu tworzenia raportów i świadczenia innych usług związanych z ruchem i korzystaniem z Internetu.
3. Google może również przekazywać te informacje osobom trzecim, jeżeli będzie zobowiązana to uczynić na podstawie przepisów prawa lub w przypadku, gdy osoby te przetwarzają takie informacje w imieniu Google.
4. Dane te nie są nigdy łączone z danymi podanymi, o których mowa w paragrafie § 6 i stanowią jedynie materiał do analizy statystycznej i mechanizmów korygowania błędów systemowych.
5. Jeżeli nie zgadzasz się na umieszczanie na swoim urządzeniu plików cookies możesz zablokować ich umieszczenie odpowiednio konfigurując swoja przeglądarkę internetową. Informacje jak to zrobić znajdziesz w plikach pomocy swojej przeglądarki internetowej. Niestety w przypadku zablokowania plików cookies Google nie możemy zagwarantować poprawnego działania strony innovated.pl.
6. Jeżeli zgadzasz się na umieszczanie na swoim urządzeniu plików cookies Google, ale po zakończeniu odwiedzin w strony innovated.pl chciałbyś je skasować, możesz to zrobić bez ryzyka, a informację o tym jak to zrobić znajdziesz w plikach pomocy swojej przeglądarki internetowej.

§ 5. Cookies pochodzące z serwerów partnerów INNOVATED Creative Studio Sp. z o.o.

1. Innovated.pl korzysta ze skryptów i elementów oprogramowania dostarczonych i znajdujących się na serwerach jej partnerów biznesowych. Cookie takie mogą zawierać dane niezbędne partnerowi do realizacji usługi dostarczanej Innovated.pl lub zawierające inne niż wymienione w polityce prywatności dane.
2. Innovated.pl bardzo starannie dobiera swoich partnerów biznesowych nie odpowiada jednak za ich politykę w zakresie cookies. Dlatego zalecamy weryfikację każdego z naszych partnerów w zakresie własnym i samodzielne podjęcie decyzji, czy chcesz akceptować ich cookies.
3. Innovated.pl wykorzystuje skrypty następujących partnerów:
- Automattic, Inc. operator Automattic.com, z siedzibą w San Francisco USA.
- Facebook, Inc. operator Facebook.com, z siedzibą w California USA.
4. Jeżeli nie zgadzasz się na umieszczanie na swoim urządzeniu plików cookies możesz zablokować ich umieszczenie odpowiednio konfigurując swoja przeglądarkę internetową. Informacje jak to zrobić znajdziesz w plikach pomocy swojej przeglądarki internetowej. Niestety w przypadku zablokowania plików cookies nie możemy zagwarantować poprawnego działania strony Innovated.pl.

§ 6. Subskrypcja newslettera

1. W przypadku subskrypcji newslettera oraz wyrażenia zgody na jego otrzymywanie w procesie rejestracji lub składania zamówienia prosimy jedynie o podanie adresu e-mail, na który przesyłane będę informacje handlowe od Administratora, z których w każdej chwili możesz zrezygnować klikając link anulujący subskrypcję i znajdujący się w stopce każdego newslettera.
2. Dane podane w trakcie subskrypcji newslettera są przetwarzane przez firmę INNOVATED Creative Studio Sp. z o.o. i następujące podmioty:
- MailerLite, operator serwisu MailerLite.com

§ 7. Kontakt

1. Innovated.pl (INNOVATED Creative Studio Sp. z o.o.) kontaktuje się z Tobą korzystając z podanego e-maila, a tylko w szczególnych sytuacjach korzystamy z podanego przez Ciebie numeru telefonu.
2. W przypadku jakichkolwiek pytań lub wątpliwości co do polityki prywatności i bezpieczeństwa Twoich danych osobowych zachęcamy do kontaktu pod naszym e-mailem biuro@innovated.pl
3. W przypadku chęci aktualizacji lub usunięcia Twoich danych osobowych, o ile nie możesz lub nie chcesz zrobić tego samodzielnie, prosimy o kontakt pod naszym adresem e-mail biuro@innovated.pl.

§ 8. RODO

  1. Administratorem danych osobowych jest INNOVATED Creative Studio Sp. z o.o. z siedzibą w Krakowie, ul. Wileńska 9a/44, 31-413 Kraków, KRS: 00001019831, NIP: 9452268964, REGON: 524481710. Z Administratorem danych w sprawie przetwarzania danych można kontaktować się pisemnie za pomocą poczty tradycyjnej na adres: ul. Wileńska 9a/44, 31-413 Kraków lub email: biuro@innovated.pl.
  2. Administrator wyznaczył Inspektora Ochrony Danych, z którym można się kontaktować pisemnie, za pomocą poczty tradycyjnej na adres: ul. Wileńska 9a/44, 31-413 Kraków lub email: biuro@innovated.pl.
  3. Dane osobowe są przetwarzane na podstawie art. 6 ust. 1 lit. a RODO, tj. w oparciu o dobrowolne wyrażenie zgody.
  4. Pliki cookies wykorzystywane są w celu: analitycznym, w tym do monitorowania liczby i rodzaju odwiedzin strony internetowej, zbierania danych statystycznych na temat liczby użytkowników i schematów korzystania z witryny, w tym danych o numerze IP, urządzeniu, czasie ostatniej wizyty w serwisie, zachowania preferencji użytkownika, układów ekranu, w tym preferowanego języka i kraju użytkownika, poprawy szybkości działania i wydajności witryny oraz gromadzenia danych koniecznych do przeprowadzenia transakcji i zakupów.

§ 9. Postanowienia końcowe

  1. Polityka została przyjęta na mocy zarządzenia Właściciela i wchodzi w życie z dniem 02.04.2020r. Zmiana treści Polityki może nastąpić w takim samym trybie.
  2. Wszelkie odstępstwa od Polityki wymagają formy pisemnej pod rygorem nieważności.
  3. Prawem właściwym dla Polityki jest prawo Rzeczypospolitej Polskiej.
  4. W sprawach nie uregulowanych w Polityce stosuje się odpowiednie przepisy prawa.
Ściśle niezbędne pliki cookie

Niezbędne pliki cookie powinny być włączone przez cały czas, abyśmy mogli zapisać Twoje preferencje dotyczące ustawień plików cookie.