Opcje widgetu obrazek

Ostatnia aktualizacja: 21.10.2019

W tej instrukcji znajdziesz omówienie widgetu obrazka znajdującego się w edytorze.

I. Podstawy pracy z widgetem obrazek

1. Aby dodać obrazek, przeciągnij widget obrazek z lewej strony do prawej i upuść w odpowiednim miejscu na stronie.

OWO1_PL

2. W edytorze pojawi się puste pole bez obrazka. Aby dodać obrazek do pola, wybierz Zmień lub kliknij dwukrotnie w pusty obrazek.

OWO2_PL

3. Otworzy się okno galerii obrazków (u początkujących użytkowników galeria będzie pusta). Aby wgrać obrazek do galerii, kliknij Wyślij obrazki (1). Możesz je również grupować w foldery, wówczas wybierz Nowy folder (2). Po załadowaniu obrazek pojawi się w galerii.

OWO3_PL

4. Aby dodać obrazek w pustą ramkę w edytorze, kliknij ją i wybierz obrazek z galerii. Następnie kliknij Zapisz i zamknij.

OWO4_PL

5. Rozmiar obrazka możesz zmieniać przeciągając punkty obramowania uzyskując pożądaną wielkość. Ten sposób umożliwi Ci zachowanie odpowiednich proporcji obrazka.

OWO5_PL

6. Aby skopiować obrazek, użyj standardowych skrótów klawiszowych lub kliknij Duplikuj na górnym pasku widgetu.

OWO6_PL

7. Obrazki możesz grupować przytrzymując klawisz CTRL/CMD i klikając w obrazki myszką. Zostaną one otoczone niebieską ramką bez zaczepów. Tak zgrupowane obrazki możesz dowolnie kopiować i przesuwać.

OWO7_PL

II. Panel opcji obrazka

Po kliknięciu w wybrany obrazek, po prawej stronie pojawi się panel opcji. Możesz w nim kolejno: zmienić nazwę obrazka (1), jego szerokość i wysokość oraz położenie z dokładnością do 1 piksela (2), widoczność na wybranym widoku (3), przypisać mu akcję On click (4), dokonać podstawowej edycji jego wyglądu np. poprzez dodanie ramki (5) lub pobrać ID obrazka i nadać mu klasę (6), co jest często potrzebne do wykorzystania go w zewnętrznym skrypcie.

OWO8_PL

III. Zaawansowane funkcje obrazków

Po wejściu w ustawienia obrazka (zakładka Zmień) będziesz mieć możliwość kolejno: w zakładce Galeria (1): ładować, grupować i wybierać obrazki do wyświetlenia na landing page’u lub popupie, w zakładce Darmowe obrazy (2): skorzystać z naszych gotowych obrazów, w zakładce Po kliknięciu (3): ustawić akcję On Click (Po kliknięciu) dla obrazka, przekierować obrazek na wybrany adres URL lub przekierowywać obrazek do wybranej sekcji na landing page’u oraz przypisywać go do galerii obrazów. W sekcji Ustawienia (4) dodawać tytuł oraz tekst alternatywny.

OWO10_PL

IV. Optymalizacja obrazków, rekomendowane rozmiary i formaty

Każdy obrazek jest optymalizowany automatycznie w momencie publikacji landinga, po kliknięciu przycisku Publikuj co nie opóźnia jego ładowania.

Aby edycja landing page’a z wykorzystaniem plików graficznych przebiegała sprawnie, warto pamiętać o ich specyfikacji:

  • grafika jako tło landing page’a: preferowany rozmiar to ok. 1200x1400px (pamiętaj, aby najważniejsze elementy tła znajdowały się w proponowanej szerokości 1200px).
  • pliki graficzne (tj. widgety obrazki): rozmiar 1:1 (taki, jaki ma być wyświetlany na ekranie).
  • format: dla obrazków są to .jpg i .png, natomiast ikony mogą występować w formacie .svg.
Czy ten artykuł był dla Ciebie pomocny?

Nadal potrzebujesz pomocy?

Skontaktuj się z naszym supportem. Chętnie pomożemy.
Wyślij nam wiadomość
Ta strona używa plików cookies w celach analitycznych. Polityka prywatności.