Jak umieszcza się grafikę na stronie internetowej? Dodawanie obrazów w WordPressie

Dodawanie grafik na stronę internetową jest jednym z podstawowych zadań, jakie czekają osoby tworzące własną witrynę. Obrazy nie tylko poprawiają estetykę strony, ale także ułatwiają przekazywanie treści i budują pozytywne wrażenie u odwiedzających. W przypadku stron opartych na WordPressie, dodawanie grafik jest wyjątkowo proste – system ten został zaprojektowany z myślą o intuicyjnej obsłudze, także dla osób, które dopiero zaczynają swoją przygodę z tworzeniem stron.

Dodawanie zdjęć w WordPressie

WordPress oferuje wbudowane narzędzia do zarządzania mediami, które pozwalają na szybkie przesyłanie, edytowanie i umieszczanie obrazów w dowolnym miejscu na stronie. Cały proces odbywa się za pomocą tzw. edytora blokowego (Gutenberg), który działa na zasadzie dodawania kolejnych bloków treści – tekstowych, graficznych, multimedialnych. To rozwiązanie sprawia, że nawet osoby bez doświadczenia technicznego mogą sprawnie zarządzać wizualną stroną swojej witryny.

Sprawdź również: Grafiki i zdjęcia na stronę internetową. Skąd brać? O czym pamiętać?

Jak dodać grafiki w WordPressie? Krok po kroku

Dodanie obrazu w WordPressie można podzielić na kilka prostych kroków. Najpierw należy zalogować się do panelu administracyjnego swojej strony, czyli przejść pod adres: twojadomena.pl/wp-admin i wpisać login oraz hasło. Następnie można edytować istniejący wpis lub stworzyć nowy. W edytorze treści należy kliknąć przycisk „Dodaj blok” i wybrać blok o nazwie „Zdjęcie”. W tym miejscu można przesłać nowe zdjęcie z komputera lub wybrać już istniejący plik z biblioteki mediów. Po dodaniu grafiki można od razu zobaczyć, jak będzie wyglądała na stronie. Poniżej prezentujemy rozbudowy poradnik wraz ze zdjęciami oraz szerszym opisem.

Sprawdź również: Jak dodać galerię zdjęć w WordPressie?

Sprawdź również: Jak dodać lub zmienić zdjęcie główne w WordPressie?

Sprawdź również: Jak dodać lub zmienić zdjęcia produktowe w WooCommerce?

Sprawdź również: Jak zmienić tekst na stronie internetowej WordPress?

Zaloguj się

Pierwszy krok to zawsze logowanie do panelu administracyjnego WordPressa. Dla początkujących może to być mało intuicyjne, dlatego warto pamiętać, że adres logowania to najczęściej:

twojastrona.pl/wp-admin

To tam wpisuje się nazwę użytkownika oraz hasło ustalone podczas instalacji systemu. Po poprawnym zalogowaniu użytkownik trafia do tzw. kokpitu, czyli głównego panelu zarządzania stroną, skąd może edytować treści, dodawać zdjęcia i kontrolować wygląd swojej witryny.

Edytuj wpis lub utwórz nowy

Gdy jesteśmy już zalogowani, możemy przejść do zakładki „Wpisy” lub „Strony”, w zależności od tego, czy chcemy dodać zdjęcie do artykułu blogowego czy do podstrony serwisu. Początkujący użytkownicy często mylą te dwa pojęcia, dlatego warto pamiętać, że wpisy to zazwyczaj aktualności i blog, a strony to stałe sekcje jak „O nas” czy „Kontakt”. Niezależnie od wyboru, zasada dodawania grafik jest identyczna – otwieramy edytor i przechodzimy do pracy nad treścią.

Dodaj nowy blok o nazwie „Zdjęcie”

WordPress w edytorze blokowym oferuje dziesiątki różnych bloków – jednym z nich jest właśnie blok „Zdjęcie”. Można go dodać na dwa sposoby: klikając ikonę plusa lub po prostu wpisując w treści „/zdjęcie”. To bardzo wygodne i znacznie przyspiesza pracę. Po wstawieniu tego bloku pojawi się przycisk „Prześlij”, który pozwala wgrać nowy plik graficzny, lub opcja „Biblioteka mediów”, gdzie znajdują się już wcześniej przesłane zdjęcia.

Dodaj zdjęcia lub wybierz z galerii

Po kliknięciu „Prześlij” można wybrać plik bezpośrednio z dysku komputera. Dla osób początkujących warto podkreślić, że WordPress obsługuje popularne formaty, takie jak JPG, PNG czy GIF. Jeżeli zdjęcie zostało już wcześniej przesłane, można skorzystać z „Biblioteki mediów”, czyli wbudowanego archiwum wszystkich grafik użytych na stronie. To bardzo wygodne rozwiązanie, które przyspiesza pracę i pomaga utrzymać porządek w zasobach multimedialnych strony.

OPCJONALNIE – dodaj atrybut ALT i TITLE

Atrybuty ALT i TITLE to elementy, które często są pomijane przez początkujących użytkowników, a pełnią bardzo ważną funkcję. ALT to tekst alternatywny, który opisuje treść zdjęcia – jest on szczególnie ważny dla osób korzystających z czytników ekranowych oraz w sytuacji, gdy zdjęcie nie załaduje się poprawnie. TITLE to natomiast tytuł zdjęcia, który może być wyświetlany np. po najechaniu kursorem na grafikę. Dodanie tych atrybutów poprawia nie tylko dostępność strony, ale także jej widoczność w wyszukiwarce Google.

Znacznik ALT można dodać w sekcji „Tekst alternatywny”.

Z kolei znacznik TITLE można dodać w sekcji „Zaawansowane”, a następnie „Atrybut tytułu”.

O czym pamiętać, dodając grafię w WordPressie?

Na koniec warto wspomnieć o kilku dobrych praktykach, które ułatwią pracę i poprawią jakość strony. Przede wszystkim, zdjęcia powinny być odpowiednio zoptymalizowane – nie mogą być zbyt duże, ponieważ spowolnią ładowanie strony. Dobrym pomysłem jest także nadawanie plikom opisowych nazw, np. „kwiaty-na-stole.jpg” zamiast „IMG_1234.jpg”, co ułatwia ich późniejsze wyszukiwanie i poprawia SEO. Warto również dbać o spójność stylistyczną – jednolity format i styl zdjęć sprawia, że strona wygląda bardziej profesjonalnie.