Dodawanie obrazu.

Dodaj zdjęcie albo ilustrację, która wypełnia kolumnę i skaluje się do ekranu.

Dodaj obraz

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. Twoja pierwsza strona przedstawia podstawy.

1. Najedź na kolumnę i kliknij + na jej pasku sterowania albo kliknij Add Elements na pustej stronie. Otwórz zakładkę Treść i kliknij obraz. Obraz pojawi się na górze kolumny i otworzy się okno ustawień.
2. W sekcji Obraz kliknij Select Image. W przeglądarce mediów (Media browser) filtruj po nazwie, jeśli chcesz, zaznacz zdjęcie i kliknij Insert selected.
3. Kliknij nagłówek SEO, aby go rozwinąć. Zastąp tekst w polu Atrybut alt krótkim opisem zdjęcia.
4. Kliknij Zapisz w oknie dialogowym. Następnie kliknij Zapisz na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

Co widzisz

Domyślna szerokość obrazu to 100%. Czytniki ekranu odczytują twój tekst alt. Aby sprawdzić skalowanie, ustaw tryb widoku na Podgląd i zwęź okno przeglądarki. Odwiedzający zobaczą twoje zmiany po zapisaniu i opublikowaniu.

Skonfiguruj obraz

Najedź na element i otwórz More > Settings na jego pasku sterowania. Opcje:

• Obraz: wybierz obraz z mediów albo przeglądarki plików w twojej witrynie, prześlij plik albo wklej zewnętrzny URL.
• Szerokość obrazu: szerokość CSS, na przykład 100% albo 300px. Domyślnie 100%.
• Wysokość obrazu: stała wysokość, na przykład 400px. Pozostaw puste, aby zachować kształt zdjęcia.
• Link obrazu: sprawia, że obraz można klikać. Wpisz URL albo wybierz stronę.
• Cel linku obrazu: Same window albo New window. Widać go po dodaniu linku.
• Atrybut alt: w sekcji SEO opis dla czytników ekranu i wyszukiwarek.
• Atrybut title: w sekcji SEO dodatkowe informacje pokazywane jako podpowiedź po najechaniu.

Ładowanie obrazu a szybkość strony

DXPR Builder automatycznie zarządza ładowaniem nowych obrazów, aby strony były szybkie, a treść nie przeskakiwała. Obrazy na początku strony oraz w zakładkach, karuzelach i marquee pozostają gotowe do pokazania. Obrazy niżej mogą wczytywać się podczas przewijania.

Obrazy mogą pochodzić z twojej biblioteki mediów, przesłanych plików albo zewnętrznych adresów URL. Poczekaj, aż obrazy wczytają się w edytorze, zanim zapiszesz, aby DXPR Builder mógł zarezerwować odpowiednią ilość miejsca. Wymiana obrazu aktualizuje jego wymiary bez zmiany wybranego rozmiaru wyświetlania.

Obrazy już znajdujące się w twojej witrynie nie są ulepszane automatycznie. Szybkość strony zależy też od rozmiaru plików graficznych i pozostałej treści. Sprawdź opublikowaną stronę na wąskich i szerokich ekranach.

Jeśli go nie widać

• Obraz nie występuje w zakładce Treść. Twój profil użytkownika go ukrywa. Poproś administratora o włączenie go na stronie Profile użytkowników.
• Zniknął po przeładowaniu. Strona nie została zapisana. Dodaj go ponownie i kliknij Zapisz na pasku narzędzi u góry obszaru treści.
• Element obrazu jest pusty. W polu Obraz nie ustawiono żadnego zdjęcia. Najedź na element i otwórz More > Settings, a następnie kliknij Select Image.
• Pojawia się ikona uszkodzonego obrazu. Plik usunięto albo przeniesiono w bibliotece mediów. Najedź na element i otwórz More > Settings, usuń wybór i wybierz nowy obraz.
• Obraz jest rozciągnięty albo zgnieciony. Szerokość obrazu i Wysokość obrazu mają stałe wartości niepasujące do zdjęcia. Wyczyść Wysokość obrazu, aby przywrócić kształt.

Co dalej?

Panel Styl, aby zmienić odstępy i tło obrazu.