Opcje widgetu obrazek

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.

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

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.

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

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.

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

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

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.

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.

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.