Uwaga: Poniższy artykuł pomoże Ci w: Jak dodawać obrazy w WordPress w 2023 r. Samouczek dotyczący dodawania obrazów w edytorach Classic i Gutenberg (+ zmniejszanie rozmiaru pliku)
Dziś się załamujemy jak dodać obrazy w wordpress i zmniejsz rozmiar ich plików (aby Twoje strony i posty ładowały się tak szybko, jak to możliwe).
Rozumiem, że kiedy dopiero uczysz się podstaw, jak założyć bloga, musisz dużo wymyślić. O tym, jak zmienić rozmiar czcionki, zmienić kolor czcionki, utworzyć klikalny link i wiele więcej, pisaliśmy tutaj.
Dobrą wiadomością jest to, że w 2023 roku bardzo łatwo będzie nauczyć się dodawać obrazy do WordPressa dzięki wszystkim aktualizacjom i ulepszeniom użyteczności, które widzieli w ciągu ostatniej dekady.
W tym krótkim samouczku pokażę, jak dodawać obrazy do postów WordPress, zarówno w edytorze (którego wolę używać), jak i za pośrednictwem ich nowszego edytora.
Teraz przejdźmy do dodawania obrazów do Twoich postów w WordPressie, jednocześnie zmniejszając rozmiar ich plików tak bardzo, jak to możliwe, aby pozostać w zgodzie z najlepszymi praktykami SEO i zapewnić jak najszybsze ładowanie stron.
Jak dodawać obrazy WordPress (i zmniejszać rozmiar pliku) w 2023 r
- Dodawanie obrazów do postów w klasycznym edytorze WordPress
- Dodawanie obrazów do postów w edytorze WordPress Gutenberg
- Dodanie wyróżnionego obrazu do posta w WordPress
Teraz szybko, zanim przejdziemy do tego samouczka na temat dodawania obrazów do WordPress, pokażę ci, jak zmniejszyć rozmiar pliku obrazu (pomagając w szybszym ładowaniu postów) w 2 prostych krokach.
Zainstaluj (darmową) wtyczkę kompresji obrazów JPEG i PNG firmy Tiny PNG
Możesz pobrać darmową wtyczkę Compress JPEG & PNG Images dla WordPress tutaj z biblioteki wtyczek WordPress.
Alternatywnie możesz też wyszukać wtyczkę i zainstalować ją bezpośrednio w swoim , dostępnym po lewej stronie sekcji administracyjnej bloga tutaj — lub sprawdź ten krótki samouczek na jak zainstalować wtyczkę WordPress:
Po zainstalowaniu wtyczki Compress JPEG & PNG Images każdy nowy obraz, który prześlesz na swojego bloga WordPress, będzie automatycznie optymalizowane a rozmiar pliku zmniejszony tak bardzo, jak to możliwe, bez uszczerbku dla jakości obrazu.
Jest to zdecydowanie najlepsza wtyczka do kompresji obrazu na rynku. Pozwala na wykonanie do 500 bezpłatnych kompresji obrazu miesięcznie (czyli znacznie więcej, niż prawdopodobnie będziesz potrzebować), zanim będziesz musiał przejść na płatny plan za 0,009 USD za obraz powyżej pierwszych 500 każdego miesiąca. To poważna okazja i nie znajdziesz lepszej wtyczki do kompresji, która da ci więcej darmowych kredytów.
Jeśli jednak chcesz wykonać kompresję obrazu bezpośrednio na własnym komputerze (nieograniczona za darmo), to polecam Aplikacja Image Optim.
Prześlij swoje obrazy
Otóż to! Serio, to takie łatwe.
Po zainstalowaniu wtyczki do kompresji na swoim blogu — lub wcześniej skompresowaniu poszczególnych obrazów na komputerze — możesz przesłać je do swoich postów lub stron w WordPress.
Teraz przyjrzyjmy się dokładnie, jak dodawać obrazy do WordPress.
1. Dodawanie obrazów do postów w klasycznym edytorze WordPress
Jeśli jesteś podobny do mnie i nadal wolisz Klasyczny edytor WordPress układ do dodawania/edycji postów, a następnie postępuj zgodnie z instrukcjami tutaj.
Z drugiej strony, jeśli używasz nowszego edytora Gutenberga do treści postów, przejdź do następnej sekcji tego przewodnika. Chcesz korzystać z Edytora klasycznego, ale nie wiesz, jak go zdobyć? Poświęć 2 minuty na zainstaluj Edytor klasyczny na swoim blogu WordPress, jeśli chcesz iść tą drogą.
1. Otwórz post, do którego dodajesz zdjęcia (i znajdź odpowiednie miejsce)
Najpierw musisz upewnić się, że znajdujesz się w poście, do którego chcesz dodać obraz.
Następnie przesuń kursor do dokładnego miejsca w poście, w którym chcesz dodać obraz.
2. Kliknij przycisk „Dodaj multimedia” u góry edytora
Ten przycisk będzie wyglądał tak tutaj:
Po kliknięciu przycisku „Dodaj multimedia” zostanie wyświetlony ekran, na którym można przesłać plik obrazu.
3. Kliknij „Prześlij pliki”
Kliknij kartę „Prześlij pliki”, a zostaniesz przeniesiony do ekranu, na którym możesz użyć narzędzia wyboru, aby wybrać plik obrazu z miejsca, w którym znajduje się on na komputerze.
Alternatywnie, jeśli będziesz przeciągać plik obrazu z pulpitu i przesyłać go — możesz pominąć ekran „Prześlij pliki” i po prostu przejść od razu do przeciągania i upuszczania obrazu (w następnym kroku jest demonstracja tego) .
4. Prześlij swój plik obrazu
Wolę przeciągać pliki obrazów z pulpitu i upuszczać je do narzędzia do przesyłania plików (zamiast używać selektora do lokalizowania ich na komputerze), ponieważ jest to znacznie szybsze.
Oto krótka demonstracja wideo/GIF, jak dodać obraz z pulpitu do WordPress:
Po przesłaniu obrazu wtyczka do kompresji zadziała magicznie, pomagając zmniejszyć rozmiar pliku (za kulisami).
Zanim skończysz opcje obrazu i klikniesz „Wstaw do posta”, będziesz chciał napisać przyjazny dla SEO tekst alternatywny dla swojego obrazu – coś, co opisuje naturę tego, co dzieje się na Twoim obrazie, a najlepiej wplata się w jeden z docelowe słowa kluczowe, na które masz nadzieję, że artykuł ostatecznie znajdzie się w rankingu (w bezpłatnych wynikach wyszukiwania).
5. Wybierz opcje obrazu i kliknij „Wstaw do posta”
Na koniec będziesz mieć kilka opcji do zdefiniowania dla swojego obrazu. To zawiera:
- Kontrolowanie wyrównania sposobu wyświetlania obrazu w poście (zawsze wybieram wyrównanie do środka)
- Umieszczanie w obrazie łącza do innej strony lub postu na blogu (lub zewnętrznego łącza, do którego chcesz kierować czytelników)
- Rozmiar wyświetlacza (zawsze zalecam przesyłanie w pełnym rozmiarze, aby uniknąć utraty jakości obrazu)
Po wybraniu tych opcji możesz kliknąć „Wstaw do posta” i gotowe!
Ten przycisk będzie tutaj, w prawym dolnym rogu ekranu:
Teraz zostaniesz przeniesiony z powrotem do okna edytora i zobaczysz właśnie dodany obraz w miejscu, w którym go przesłałeś.
Pamiętaj, że nadal masz kilka szybkich i łatwych opcji edycji, jeśli zdecydujesz, że chcesz coś zmienić przy wyświetlaniu nowego obrazu:
- Możesz zmienić jego rozmiar ręcznie, chwytając jeden z rogów i przeciągając go w górę lub w dół
- Możesz kliknąć środek obrazu i przeciągnąć go w swoim poście, aby zmienić jego położenie
- Zawsze możesz usunąć obraz, klikając „Backspace” lub „Delete” na klawiaturze i zacząć od nowa
I to wszystko! Nauczyłeś się dodawać obraz do WordPressa za pomocą Edytora klasycznego.
2. Dodawanie obrazów do postów w edytorze Gutenberg WordPress
W edytorze Gutenberg WordPress opcje edycji postów będą wyglądać zupełnie inaczej niż w edytorze klasycznym.
Gutenberg stosuje podejście polegające na dodawaniu/edycji treści za pomocą systemu „bloków”, takich jak bloki tekstu, bloki nagłówków, bloki obrazów i tak dalej. Zagłębmy się więc w dodawanie obrazów w Gutenbergu.
1. Wybierz ikonę „Dodaj obraz”.
Po upewnieniu się, że dodajesz obraz we właściwym miejscu w poście, wybierz ikonę „Dodaj obraz”. Tutaj będzie to wyglądać tak:
Po kliknięciu ikony „Dodaj obraz” pojawi się kilka opcji dodania obrazu do posta.
2. Wybierz sposób dodania obrazu
W Gutenbergu masz kilka szybkich opcji dodawania obrazu w WordPress. To obejmuje:
- Prześlij (co otworzy ekran wyboru, który pozwala wybrać plik obrazu z komputera)
- Biblioteka multimediów (która prowadzi do istniejącej biblioteki obrazów — z której można również przeciągnąć i upuścić obraz)
- Wstaw z adresu URL (jeśli gdzieś w Internecie znajduje się obraz, który chcesz zaimportować, możesz wkleić ten link tutaj)
Oto migawka tych opcji (osobiście po prostu klikam „Prześlij” i szybko pobieram żądany obraz z mojego pulpitu):
3. Prześlij swój obraz
Po wybraniu obrazu, który chcesz przesłać, po prostu kliknij przycisk „Otwórz”, a zostanie on dodany do Twojego posta.
Po dodaniu obrazu jego mniejsza miniatura pojawi się jako nowy blok w poście.
Oto zrzut ekranu, jak to będzie wyglądać:
4. Ustawienia obrazu i opcje szybkiej edycji
Zanim przejdziesz dalej, będziesz chciał wybrać ustawienia obrazu (zgodnie z najlepszymi praktykami SEO).
Podobnie jak w przypadku Edytora klasycznego, będziesz mógł zdefiniować wiele różnych ustawień i właściwości obrazu. W przypadku Gutenberga robi się to trochę inaczej. Twoje ustawienia obrazu znajdują się zamiast tego na prawym pasku bocznym (po pierwszym kliknięciu obrazu).
Oto jak wyglądają te ustawienia:
Pamiętaj o zdefiniowaniu ustawień obrazu dla co najmniej tych dwóch właściwości:
- Pisanie przyjaznego dla SEO tekstu alternatywnego, który opisuje obraz i wplata się w frazę kluczową
- Rozmiar obrazu (zawsze wyświetlam obrazy w pełnym rozmiarze, aby uniknąć utraty jakości)
Możesz także kliknąć ustawienia „Styl”, aby dodać bardziej dopracowaną stylizację i wbudowane funkcje przycinania za pomocą Gutenberga.
5. Przenoszenie obrazów w poście za pośrednictwem Gutenberga
Jednym z bardzo fajnych efektów ubocznych skupienia się redaktora Gutenberga na używaniu „bloków” treści jest to, jak łatwo możesz przenosić swoje obrazy (lub dowolne bloki treści) w obrębie postu.
Po jednokrotnym kliknięciu obrazu, który chcesz zmienić w swoim poście, zobaczysz strzałki „w górę” i „w dół” tuż obok obrazu.
Kliknij te strzałki, aby przenieść obraz w górę lub w dół w poście, na przykład:
I to wszystko! Możesz iść.
Nauczyłeś się teraz, jak dodać obraz do WordPress w edytorze Gutenberg 🙂
3. Dodawanie wyróżnionego obrazu do posta w WordPress
Wyróżnione obrazy są niezbędne na blogu WordPress — ponieważ są to obrazy wyświetlane u góry postów na blogu (zarówno w wynikach wyszukiwania, jak i na platformach społecznościowych, gdy treść jest udostępniana).
Na koniec, oto jak dodać wyróżniony obraz do posta (lub strony) w WordPress.
W prawym dolnym rogu okna edytora WordPress zobaczysz sekcję służącą do dodawania wyróżnionego obrazu. Kliknij, a zostaniesz przeniesiony do standardowego ekranu przesyłania obrazu, gdzie możesz dodać obraz, który ma się znaleźć u góry posta (również w wynikach wyszukiwania i na platformach społecznościowych).
Po przesłaniu obrazu, którego chcesz użyć, i kliknięciu „Ustaw wyróżniony obraz” nastąpi powrót do ekranu edytora, a w prawym dolnym rogu zobaczysz małą miniaturę obrazu (aby potwierdzić dodał odpowiedni obraz) w ten sposób:
Całkiem proste, prawda?
Jeśli wybrałeś niewłaściwy obraz (lub chcesz później wprowadzić zmiany), możesz po prostu kliknąć tekst „Usuń wyróżniony obraz”, a będziesz mieć możliwość wybrania lub przesłania innego obrazu, który ma się znaleźć w Twoim poście.
Ostatnie przemyślenia na temat dodawania obrazu w WordPress
Dodawanie obrazów do postów w WordPress nie musi być trudne.
Niezależnie od tego, czy na swoim blogu używasz Edytora klasycznego, czy Gutenberga, zespół odpowiedzialny za WordPress ciężko pracował, aby dodawanie obrazów było bardzo łatwym procesem.
Jeśli nadal masz problemy, napisz do mnie komentarz na dole tego posta, a z przyjemnością pomogę Ci je rozwiązać.
To wszystko na dzisiaj!
Właśnie omówiliśmy, jak dodawać obrazy w WordPress 👏
Lubisz co widzisz? Zarejestruj się, aby uzyskać więcej samouczków i porad dotyczących blogowania.
Chcesz więcej samouczków dotyczących blogowania?
Udaj się i sprawdź mój ostateczny przewodnik na temat zakładania bloga i zarabiania na nim w tym roku.
