jak dodawać obrazy w WordPress w 2022 Tutorial w dodawaniu obrazów w edytorach Classic i Gutenberg (+ zmniejszenie rozmiaru pliku)

dzisiaj rozkładamy, jak dodawać obrazy w WordPress i zmniejszać ich Rozmiar pliku (aby Twoje strony & ładowały się tak szybko, jak to możliwe).

kiedy dopiero uczysz się podstaw jak założyć bloga, jest wiele do przemyślenia, Rozumiem. Rozmawialiśmy o tym, jak zmienić rozmiar czcionki, zmienić kolor czcionki, tworząc klikalny link i wiele więcej tutaj.

dobrą wiadomością jest to, że w 2022 bardzo łatwo jest nauczyć się dodawać obrazy w WordPress ze wszystkimi aktualizacjami i ulepszeniami użyteczności, które widzieli w ciągu ostatniej dekady.

w tym krótkim samouczku pokażę Ci, jak dodawać obrazy w postach WordPress, zarówno w klasycznym edytorze (którego wolę używać), jak i za pośrednictwem nowszego edytora Gutenberga.

teraz zagłębimy się w Dodawanie obrazów do postów WordPress—jednocześnie zmniejszając ich rozmiar plików w jak największym stopniu, aby pozostać w zgodzie z najlepszymi praktykami SEO i aby Twoje strony ładowały się tak szybko, jak to możliwe.

Jak dodać zdjęcia WordPress (i zmniejszyć Rozmiar Pliku) w 2022

1. Dodawanie obrazów do postów w klasycznym edytorze WordPress
2. Dodawanie obrazów do postów w edytorze Gutenberg WordPress
3. dodawanie wyróżnionego obrazu do Postu 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 szybciej ładować posty) w 2 prostych krokach.

zainstaluj (za darmo) Kompresuj JPEG & PNG Images Plugin by Tiny PNG

możesz pobrać bezpłatną wtyczkę Compress JPEG & PNG Images dla WordPress tutaj z biblioteki wtyczek WordPress.

Alternatywnie możesz również wyszukać wtyczkę i zainstalować ją bezpośrednio w menu Wtyczki, dostępnym po lewej stronie sekcji administratora bloga tutaj-lub sprawdź ten szybki samouczek, Jak zainstalować wtyczkę WordPress:

po zainstalowaniu wtyczki Compress JPEG & PNG Images, każdy nowy obraz przesłany do bloga WordPress zostanie automatycznie zoptymalizowany, a Rozmiar pliku zmniejszy się tak bardzo, jak to możliwe, bez uszczerbku dla jakości obrazu.

uwaga: jest to najlepsza wtyczka do kompresji obrazu na rynku. Umożliwia do 500 bezpłatnych kompresji obrazów miesięcznie (co jest znacznie więcej niż prawdopodobnie potrzebujesz) przed koniecznością uaktualnienia do płatnego planu w cenie $.009 / obrazek powyżej pierwszych 500 miesięcznie. To poważna okazja i nie znajdziesz lepszej wtyczki do kompresji, która daje więcej darmowych kredytów.

jeśli jednak chcesz wykonać kompresję obrazu bezpośrednio na własnym komputerze (nieograniczoną za darmo), to polecam aplikację ImageOptim.

Prześlij swoje zdjęcia

to wszystko! Poważnie, to takie proste.

po zainstalowaniu wtyczki kompresji na swoim blogu—lub po skompresowaniu pojedynczych obrazów na komputerze—jesteś gotowy do przesłania ich do swoich postów lub stron w WordPress.

teraz zagłębimy się dokładnie w to, jak dodawać obrazy do WordPressa.

1. Dodawanie zdjęć do postów w klasycznym edytorze WordPress

jeśli jesteś podobny do mnie i nadal wolisz klasyczny układ edytora WordPress do dodawania / edytowania swoich postów, postępuj zgodnie z tutaj.

z drugiej strony, jeśli używasz nowszego edytora Gutenberg do treści postu, przejdź do następnej sekcji dla tego przejścia. Jeśli nie jesteś pewien, którego edytora używasz, rzuć okiem na zrzuty ekranu poniżej i porównaj je z tym, jak wygląda twój edytor. Chcesz użyć klasycznego edytora, ale nie wiesz, jak go zdobyć? Poświęć 2 minuty, aby śledzić wraz z prostym samouczkiem Yoast na temat instalacji klasycznego edytora na swoim blogu WordPress.

1. Otwórz Post, do którego dodajesz Zdjęcia (i znajdź odpowiednie miejsce)

najpierw musisz upewnić się, że jesteś w poście, do którego chcesz dodać zdjęcie.

następnie będziesz chciał nawigować kursorem do dokładnego miejsca w swoim poście, w którym chcesz dodać obraz.

2. Kliknij przycisk” Dodaj Media ” Na górze edytora

ten przycisk będzie wyglądał tak tutaj:

po kliknięciu przycisku „Dodaj Multimedia” pojawi się ekran, na którym możesz przesłać plik obrazu.

3. Kliknij „Prześlij pliki”

kliknij kartę „Prześlij pliki”, a zostaniesz przeniesiony na ekran, gdzie możesz użyć narzędzia selektora, 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 obrazu i upuszczania go (w następnym kroku jest to demo).

4. Prześlij plik obrazu

wolę przeciągać pliki obrazów z mojego pulpitu i upuszczać je do programu do przesyłania plików (zamiast używać selektora, aby zlokalizować je na moim komputerze), ponieważ jest to znacznie szybsze.

oto szybki film / GIF demonstracja jak dodać obraz z pulpitu do WordPress:

po przesłaniu obrazu wtyczka kompresji będzie działać magicznie, aby zmniejszyć rozmiar pliku (Za kulisami).

Uwaga: Przed zakończeniem opcji obrazu i kliknięciem „wstaw do postu”, będziesz chciał napisać przyjazny dla SEO Tekst alternatywny dla swojego obrazu—coś, co opisuje naturę tego, co dzieje się w Twoim obrazie, a najlepiej tkać w jednym z docelowych słów kluczowych, które masz nadzieję, że artykuł w końcu znajdzie się w rankingu (w organicznych wynikach wyszukiwania).

5. Wybierz Opcje obrazu i kliknij „Wstaw do postu”

wreszcie będziesz miał kilka opcji do zdefiniowania dla swojego obrazu. Obejmuje to:

• kontrolowanie wyrównania obrazu w Twoim poście (zawsze wybieram wyrównanie środkowe)
• Tworzenie linku do obrazu na innej stronie lub postu na blogu (lub zewnętrznego linku, do którego chcesz skierować czytelników)
• Rozmiar Wyświetlacza (zawsze polecam przesyłanie jako Pełny rozmiar, aby uniknąć utraty jakości obrazu)

Po wybraniu tych opcji, jesteś gotowy, aby kliknąć „Wstaw do postu” i możesz iść!

ten przycisk będzie w prawym dolnym rogu ekranu:

teraz zostaniesz przeniesiony z powrotem do okna edytora i zobaczysz obraz, który właśnie dodałeś, siedzący tam, gdzie go przesłałeś.

pamiętaj, że nadal masz kilka szybkich & łatwych opcji edycji, jeśli zdecydujesz, że chcesz coś zmienić, wyświetlając nowy obraz:

• 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 „usuń” na klawiaturze i zacząć od nowa

i jest! Nauczyłeś się, jak dodać obraz do WordPress za pomocą klasycznego edytora.

2. Dodawanie obrazów do postów w edytorze Gutenberg WordPress

w edytorze Gutenberg WordPress opcje edycji postów będą wyglądać znacznie inaczej niż w klasycznym edytorze.

Gutenberg ma podejście do dodawania / edycji treści za pomocą systemu „bloków”, takich jak bloki tekstu, bloki nagłówków, bloki obrazów i tak dalej. Zagłębimy się więc w Dodawanie obrazów w Gutenbergu.

1. Wybierz ikonę „Dodaj obraz”

po upewnieniu się, że dodajesz obraz we właściwej lokalizacji w swoim poście, wybierz ikonę „Dodaj obraz”. Będzie wyglądać tak.:

po kliknięciu ikony „Dodaj obraz” będziesz miał kilka opcji, jak możesz dodać obraz do swojego posta.

2. Wybierz sposób dodawania obrazu

w Gutenbergu, masz kilka szybkich opcji, jak dodać obraz w WordPress. W tym:

• Upload (który otworzy ekran selektora, który pozwala wybrać plik obrazu z komputera)
• Media Library (która przenosi cię do istniejącej biblioteki obrazów—z której możesz również przeciągnąć & upuść obraz)
• Insert from 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 chwytam obraz, który chcę z mojego pulpitu):

3. Prześlij swój obraz

Po wybraniu obrazu, który chcesz przesłać, kliknij przycisk „Otwórz”, a zostanie on dodany do Twojego posta.

teraz, gdy dodałeś obraz, mniejsza jego miniatura pojawi się jako nowy blok w Twoim poście.

oto zrzut ekranu jak to będzie wyglądało:

4. Ustawienia obrazu & opcje szybkiej edycji

zanim przejdziesz dalej, musisz wybrać ustawienia obrazu (zgodnie z najlepszymi praktykami SEO).

i podobnie jak w klasycznym edytorze, będziesz w stanie zdefiniować wiele różnych ustawień i właściwości obrazu. Z Gutenbergiem jest po prostu trochę inaczej. Zamiast tego ustawienia obrazu znajdują się na prawym pasku bocznym (po pierwszym kliknięciu raz na obraz).

oto jak wyglądają te ustawienia:

pamiętaj, aby zdefiniować ustawienia obrazu dla co najmniej tych dwóch właściwości:

• pisanie przyjaznego dla SEO alternatywnego tekstu, który opisuje obraz i splata się w frazę kluczową
• Rozmiar obrazu (zawsze wyświetlam obrazy w pełnym rozmiarze, aby uniknąć utraty jakości)

Możesz również kliknąć w Ustawienia „styl”, aby dodać więcej niuansów stylizacji & wbudowanych funkcji kadrowania z Gutenbergiem.

5. Przenoszenie obrazów w poście za pośrednictwem Gutenberga

jednym z bardzo fajnych efektów ubocznych skupienia redaktora Gutenberga wokół używania „bloków” treści Jest to, jak łatwo można przenosić obrazy (lub dowolne bloki treści) w poście.

po kliknięciu raz na obraz, który chcesz zmienić w swoim poście—zobaczysz strzałki „w górę” i „w dół” pojawiające się tuż obok obrazu.

kliknij na te strzałki, aby przesunąć obraz w górę lub w dół wewnątrz postu, tak:

i to wszystko! Możesz iść.

teraz nauczyłeś się, jak dodać obraz do WordPressa w edytorze Gutenberga 🙂

3. Dodawanie polecanego obrazu do Postu w WordPress

polecane obrazy są niezbędne w 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ści zostaną udostępnione).

Last but not least, oto jak dodać wyróżniony obraz do postu (lub strony) w WordPress.

w prawym dolnym rogu okna edytora WordPress zobaczysz sekcję dodawania polecanego obrazu. Kliknij „Ustaw wyróżniony obraz” , a zostaniesz przeniesiony do standardowego ekranu przesyłania obrazu, gdzie możesz dodać obraz, który chcesz wyróżnić na górze swojego 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”, zostaniesz przeniesiony z powrotem do ekranu edytora i zobaczysz małą miniaturę obrazu wyświetlaną w prawym dolnym rogu (aby potwierdzić, że dodałeś odpowiedni obraz) w ten sposób:

całkiem prosty, prawda?

jeśli wybrałeś zły obraz (lub chcesz wprowadzić zmiany później), możesz po prostu kliknąć tekst „Usuń wyróżniony obraz”, a będziesz miał możliwość wybrania lub przesłania innego obrazu, który ma być opisany w Twoim poście.

ostatnie przemyślenia na temat dodawania zdjęć w WordPress

dodawanie zdjęć do postów w WordPress nie musi być trudne.

niezależnie od tego, czy używasz klasycznego edytora, czy Gutenberga na swoim blogu, 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 postu, a chętnie pomogę ci rozwiązać wszelkie problemy, które masz.

to wszystko na dziś!

właśnie omówiliśmy, jak dodawać obrazy w WordPress 👏

podoba Ci się to, co widzisz? Zarejestruj się, aby uzyskać więcej samouczków i porad dotyczących blogowania.

Chcesz Więcej Tutoriali O Blogowaniu?

Idź i sprawdź mój najlepszy przewodnik po założeniu bloga i zarabianiu na nim w tym roku.