Praca ze zdjęciami
W DMSshop dostępne są gotowe układy graficzne, które umożliwiają precyzyjne określenie położenia zdjęcia względem treści tekstowej. Pozwalają one w prosty sposób dopasować wygląd sekcji do charakteru podstrony, bez konieczności ręcznego formatowania elementów.
Dobre praktyki
- Korzystaj z edytora tekstu głównie do dodawania niewielkich grafik i ikon.
- Dla dużych zdjęć wykorzystuj dedykowane pola obrazów dostępne w układach.
- Uzupełniaj tekst alternatywny (ALT) dla każdej dodawanej grafiki.
- Zachowuj proporcje obrazu podczas zmiany jego rozmiaru.
- Optymalizuj zdjęcia przed przesłaniem, aby skrócić czas ładowania strony.
Wskazówka SEO
Każdy obraz powinien posiadać opisowy tekst alternatywny (ALT), który ułatwia wyszukiwarkom zrozumienie zawartości grafiki oraz poprawia dostępność strony.
Wskazówka UX
Dbaj o odpowiednie rozmieszczenie zdjęć względem tekstu. Zachowanie odstępów i właściwego wyrównania zwiększa czytelność strony oraz poprawia komfort przeglądania treści.
Jak dodać układ ze zdjęciem?
Do dyspozycji użytkownika są następujące warianty rozmieszczenia:
Zdjęcie z lewej strony otoczone tekstem – grafika po lewej, tekst opływa zdjęcie.
Zdjęcie z prawej strony otoczone tekstem – grafika po prawej, tekst opływa zdjęcie.
Zdjęcie w lewej kolumnie – zdjęcie i tekst wyświetlane są w osobnych kolumnach.
Zdjęcie w prawej kolumnie – analogiczny układ kolumnowy z grafiką po prawej stronie.
Zdjęcie nad tekstem – grafika wyświetlana jest nad treścią tekstową.
Tylko nagłówek / tytuł – wiersz zawiera wyłącznie nagłówek, bez wyświetlania zdjęcia.
Parametry zdjęć
Każde zdjęcie dodane w wierszu może zostać dodatkowo skonfigurowane za pomocą poniższych parametrów:
Alt – tekst alternatywny wyświetlany zamiast zdjęcia (np. gdy grafika się nie załaduje); istotny także dla dostępności i SEO.
Opcje – określenie zachowania zdjęcia po jego kliknięciu lub powiększeniu.
Rozmiar – wybór rozmiaru miniaturki zdjęcia.
Podpis – tekst wyświetlany bezpośrednio pod zdjęciem.
Przekierowanie – adres lub podstrona, do której użytkownik zostanie przeniesiony po kliknięciu zdjęcia.
Zastosowanie gotowych układów oraz parametrów zdjęć pozwala zachować spójny wygląd strony, poprawia czytelność treści i ułatwia zarządzanie grafikami w serwisie.
Zdjecie z lewej strony otoczone tekstem
Zdjecie z prawej strony otoczone tekstem
Zdjęcie w lewej kolumnie
Zdjęcie w prawej kolumnie
Zdjęcie nad tekstem
Tylko nagłówek / tytuł
Najczęstsze problemy
| Problem | Rozwiązanie |
|---|---|
| Zdjęcie nie wyświetla się w treści. | Sprawdź, czy plik został poprawnie przesłany do repozytorium oraz wstawiony do edytora. |
| Obraz jest rozciągnięty lub zniekształcony. | Zachowaj proporcje podczas zmiany rozmiaru, korzystając z blokady proporcji. |
| Tekst przylega do zdjęcia. | Ustaw odpowiednie odstępy poziome i pionowe wokół grafiki. |
| Grafika ładuje się zbyt długo. | Zmniejsz rozmiar i wagę pliku przed przesłaniem do systemu. |
| Po kliknięciu zdjęcie nie otwiera właściwego linku. | Sprawdź ustawienia hiperłącza oraz poprawność przypisanego adresu URL lub podstrony. |