Jak skonfigurować obraz pokazu slajdów i kategorii

Przez: Benoit - Kategorie : Samouczki
star
star
star
star
star

Ta sekcja grupuje wszystkie ustawienia związane z obrazami używanymi przez PrestaBlog.

Znajdziesz ustawienia dla:

  • obrazów artykułów
  • obrazów kategorii
  • obrazów pokazu slajdów
  • obrazów powiązanych produktów
  • obrazów autorów

Te ustawienia definiują wymiary i formaty używane podczas przesyłania nowych obrazów.

Ważne Wszelkie modyfikacje dokonane w tej sekcji dotyczą tylko obrazów dodanych po aktualizacji ustawień. Istniejące obrazy nie są automatycznie modyfikowane.

Aby zaktualizować już opublikowane obrazy zgodnie z nowymi ustawieniami, dostępne jest narzędzie uzupełniające w Narzędzia > Regeneruj obrazy.

Konfiguracja rozmiarów obrazów i narzędzie regeneracji działają wspólnie: zaleca się zdefiniowanie tych ustawień zaraz po zainstalowaniu bloga lub regenerację obrazów, jeśli dokonano zmian na istniejącym blogu.

Jak zidentyfikować szerokość obrazu

Podczas konfigurowania rozmiarów obrazów ważne jest, aby znać szerokość faktycznie używaną przez motyw na liście bloga.

Poniższa procedura pozwala łatwo uzyskać tę informację, bezpośrednio z front-office:

  1. Przejdź na stronę główną bloga, gdzie wyświetlana jest lista artykułów
  2. Weź pierwszy wyświetlony artykuł
  3. Kliknij prawym przyciskiem myszy na tytuł tego artykułu
  4. Kliknij "Zbadaj"

Narzędzie deweloperskie otwiera się i generalnie zaznacza tytuł artykułu. W kodzie zlokalizuj blok tuż nad tytułem, który zawiera obraz. Ten blok jest identyfikowany przez class="block_top".

Najedź myszką na ten blok w narzędziu deweloperskim. Przeglądarka wyświetla bezpośrednio wymiary bloku w pikselach na ekranie. Wyświetlana szerokość odpowiada podstawowej szerokości używanej dla obrazu na liście.

Uwzględnienie powiększenia przy najechaniu myszką

Niektóre motywy stosują efekt powiększenia przy najechaniu myszką na obrazy na listach.

Zmierzony wymiar odpowiada początkowemu rozmiarowi wyświetlania. Przy najechaniu myszką obraz jest powiększany. Aby zachować ostry obraz i uniknąć pikselizacji, zaleca się użycie większego obrazu przy zachowaniu proporcji.

Na przykład, jeśli zmierzona szerokość wynosi 400 pikseli:

  • pomnożenie przez 1,5 daje 600 pikseli
  • pomnożenie przez 2 daje 800 pikseli

Ta metoda pozwala zachować proporcje obrazu zapewniając dobrą jakość, również przy najechaniu myszką.

Udostępnij tę treść

Benoit

O autorze

Benoit

orem ipsum dolor sit amet, consectetur adipiscing elit. Etiam feugiat felis in risus pulvinar vehicula. Cras eget ornare nibh. Suspendisse [...]

search Więcej artykułów autora

Zaloguj się, aby ocenić ten produkt

Powiązane posty

Dodaj komentarz