Praca z blokiem obrazów WordPress: Jak dodawać obrazy w WordPress [+Tajna wskazówka]

Dla wielu użytkowników praca z obrazem może być naprawdę frustrująca. Nie zawsze łatwo jest wybrać odpowiedni współczynnik proporcji lub odpowiednio zmienić rozmiar obrazów, aby dobrze wyglądały w całym układzie.

1. Dlaczego warto używać bloku obrazu WordPress
2. Jak dodawać obrazy za pomocą bloku obrazów WordPress
3. Dodatkowy proces formatowania obrazów
4. Dodatkowa wskazówka od nas w artykule

Starsze wersje WordPressa (do wersji 5.0) dodają obrazy za pomocą przycisku +Dodaj media. Problem polegał na tym, że nawet przy minimalnej zmianie rozmiaru obrazu musiałbyś przesłać go ponownie. Oznacza to stratę czasu i zbędne kliknięcia.

Nowy edytor blokowy Gutenberg zmienia sposób dodawania obrazów do WordPressa, aby uprościć ten proces dla użytkowników końcowych. W tym artykule przedstawimy praktyczny przewodnik dotyczący dodawania i edytowania bloku obrazu WordPress. Ponadto wyjaśnimy jeszcze jedną opcję wklejania obrazów – jak skopiować i wkleić obraz do obszaru zawartości za pomocą kilku kliknięć. Przedstawimy Ci również nowo dodane funkcje, które pochodzą z WP 5.3.

Ale najpierw porozmawiajmy o tym, dlaczego warto używać obrazów w postach i na stronach.

Dlaczego blok obrazów WordPress jest niezbędny dla Twojej witryny

Przyciągają uwagę

Obrazy przyciągają uwagę odwiedzających witrynę. Muszą być interesujące, aby zatrzymać odwiedzających na dłużej w Twojej witrynie. Pomyśl o poście na blogu bez obrazów. To tylko garść tekstu. Na pierwszy rzut oka nie jest to zbyt ciekawe, choć mogłoby być wartościowe i pełne informacji. Ponadto zdjęcia mogą pomóc lepiej wyobrazić sobie i opisać temat.

Z tego powodu musimy użyć bloku obrazu WordPress, aby skupić uwagę na ważnych rzeczach.

Przykładowy tekst i kontekst

Obrazy są również istotną częścią zrozumienia treści, ponieważ pozwalają odwiedzającym lepiej zrozumieć, o czym jest artykuł. Dzięki infografikom wyjaśnisz skomplikowane powiązania i opowiesz rzeczy w prosty sposób. Pomaga odwiedzającym lepiej zorientować się w problemie, o którym mówisz.

Spraw, aby strona była ładniejsza

Poza tym obrazy ładnie dopełniają całości projektu witryny. Nie chodzi tylko o układ strony, ale także o użyteczność. Odpowiednio dobrany i umieszczony obraz może ułatwić odwiedzającemu przeglądanie Twojej witryny.

Jak dodawać obrazy w edytorze bloków WordPress

Aby wstawić obraz do Postu lub Strony, musisz dodać core block – Image block. Można to zrobić na kilka sposobów:

– Używając „+” na górnym pasku lub w dowolnym miejscu edytora

– Używając ukośnika „/”, a następnie pisząc słowo „obraz”.

Zostanie utworzony nowy blok, w którym można dodawać rzeczywiste obrazy.

Przesyłanie obrazów do WordPress

Jak umieścić obrazy tam, gdzie chcesz?

• Użyj funkcji Prześlij i wybierz obraz z dysku twardego
• Skorzystaj z Biblioteki multimediów, w której możesz wybrać obrazy, które zostały już przesłane na Twoją stronę internetową
• Użyj myszki i przeciągnij i upuść obraz
• Wstaw adres URL obrazu

Mniej znana metoda dodawania obrazów WordPress

Oprócz przesyłania obrazów przez okno przesyłania, jak wspomniano wcześniej, istnieje inny sposób wstawiania obrazu (i jest to bardzo szybki sposób!). Dzięki ulepszonemu edytorowi WordPress możesz:

• Skopiuj obraz z dowolnej treści lub
• Wystarczy „przeciągnąć” obraz kursorem myszy

A następnie wstaw lub przenieś (upuść) wybrany obraz do wybranej lokalizacji w obszarze zawartości.

Tej samej techniki możesz użyć również w przypadku, gdy chcesz wkleić obraz przechwycony z ekranu. Potrzebne są tylko trzy proste kroki. Pierwszy, musisz zrobić zrzut ekranu za pomocą funkcji drukowania ekranu. Na przykład system Windows 10 zapewnia domyślne narzędzie Snippet o nazwie Snip & Sketch, które jest również dostępne za pośrednictwem skrótu — wystarczy nacisnąć jednocześnie klawisze Win+Shift+S na klawiaturze. Następnie wybierz obszar obrazu, który chcesz przechwycić. Ostatnim krokiem jest wklejenie skopiowanego obrazu (lub jego części) do obszaru zawartości za pomocą podstawowego skrótu Ctrl+V.

A co się stanie z obrazem WordPress, który wkleiłeś do swojego edytora? Cóż, jest automatycznie dodawany do Biblioteki multimediów, w której możesz edytować ten obraz.

Ograniczone opcje metadanych obrazu

W ramach edycji obrazu możesz ustawić jego tytuł, podpis, opis i tekst alternatywny. Niestety, nie można zmienić nazwy pliku obrazu – zachowa on automatycznie wygenerowaną nazwę, np obraz-1.png i tak dalej. Ten typ nazwy pliku może być niewielką wadą pod względem optymalizacji SEO ze względu na konflikt z zaleceniami dotyczącymi nazewnictwa plików. Dlatego należy wziąć pod uwagę ten aspekt przed przeniesieniem obrazów WordPress do obszaru zawartości.

Wyrównanie obrazu

Wyrównanie obrazu jest jedną z głównych funkcji. Bez względu na to, czy dodasz blok obrazu WordPress do postu lub strony, zawsze powinieneś rozważyć umieszczenie w zależności od projektu strony internetowej. Na tej podstawie można wybrać wyrównanie obrazu na pasku narzędzi nad nim. Domyślnie możesz wyrównać obraz do lewej, prawej lub wyśrodkować. Niektóre motywy WordPress umożliwiają wyśrodkowanie obrazów jako szerokich lub pełnych. To naprawdę zależy od funkcji motywu, ponieważ nie wszystkie motywy to obsługują.

Zmiana rozmiaru obrazów

Rewolucyjną cechą bloku obrazu w edytorze WordPress jest praktyczna zmiana rozmiaru. Po prostu przeciągnij bok obrazu, aby go zmniejszyć lub powiększyć. W ten sposób możesz dostosować rozmiar obrazu w zależności od tekstu w treści. Edytor automatycznie zachowuje proporcje obrazu, dzięki czemu nie musisz się martwić o deformacje.

Nowy styl bloku, który przekształca obraz w kształt koła

Jeśli używasz najnowszej dostępnej wersji WordPress, być może zauważyłeś nowy styl przycinania w kółko, którego możesz użyć do swojego obrazu. Kształt obrazu można zmienić za pomocą górnego paska narzędzi, klikając pierwszą ikonę „Zmień typ lub styl bloku”. Domyślny kształt (prostokąt) zostanie przycięty do kształtu koła.

Nowe funkcje w bloku obrazów WordPress (dodane w WP 5.3)

Obsługa obrazów o wysokiej rozdzielczości

Jedną z największych atrakcji WP 5.3 jest ulepszone przetwarzanie obrazu na platformie WordPress. Praca z obrazami ma teraz dwie główne cechy:

1. Wznawianie przesyłania – jeśli przesyłasz zdjęcia w wysokiej rozdzielczości, a połączenie internetowe nie działa, proces przesyłania będzie kontynuowany automatycznie od momentu przerwania
2. Automatyczne obracanie obrazu – najnowsza wydana wersja WP zapewnia, że nieprawidłowo obrócone obrazy automatycznie obracają się do właściwej pozycji podczas ich przesyłania

Ustawienia w Inspektorze

Aby skonfigurować dokładne wymiary, możesz użyć Inspektora na prawym pasku bocznym edytora. Ustawienia rozmiaru obrazu oferują gotowe do użycia formaty, takie jak miniatura, średni, duży lub pełny rozmiar. Możesz oczywiście ustawić szerokość i wysokość w pikselach lub procentach.

Jest to bardzo szybkie i praktyczne, ponieważ możesz wprowadzać wszystkie zmiany rozmiaru obrazu bezpośrednio w bloku obrazów WordPress i wszystko w jednym miejscu w edytorze bloków.

Inne ustawienia blokowania obrazów

Jak dodać adres URL

Obrazy mogą być używane jako obrazy statyczne lub mogą być również klikalne i zawierać link do:

•   Plik multimedialny
•   Strona załączników
•   Niestandardowy adres URL

Jak edytować obraz w bloku obrazu WordPress

Każdy obraz można edytować po kliknięciu ikony ołówka. Otworzy się okno modalne z Media Library, w którym możesz wpisać tekst alternatywny, tytuł, podpis i opis. W ten sam sposób, w jaki robiłeś to już w starszej wersji WordPressa z klasycznym edytorem.

Dlaczego ważne jest, aby wypełnić te teksty?

Jeśli odwiedzający klikną obraz, aby zobaczyć go w powiększeniu, zobaczą tytuł obrazu (na przykład strona główna Citadela), a nie nazwę pliku obrazu. Ponadto, jeśli wystąpią jakiekolwiek problemy z ładowaniem obrazu, na Twojej stronie internetowej zostanie wyświetlony tekst alternatywny.

Dodatkowe wskazówki

Oprócz wszystkich tych powodów i ustawień bloków obrazów WordPress jest najważniejsza rzecz. Możesz zyskać więcej odwiedzających swoją witrynę za pomocą obrazów. Jak więc je zdobyć?

W dzisiejszych czasach ludzie są leniwi, by czytać. Wolą przewijać zdjęcia w dół, aby znaleźć odpowiedzi. Jak to możliwe, że Twoje zdjęcia i obrazy mogą być oceniane? Odpowiedzią są teksty. Bardzo ważny dla optymalizacji SEO jest idealny tytuł i opis obrazu. Nie zapomnij wypełnić tekstu alternatywnego. Wtedy Google może lepiej zrozumieć obraz. Miałbyś więc większą szansę na umieszczenie go w wynikach wyszukiwania grafiki.

2 sposoby dodawania podpisu do obrazu

Dodanie podpisu obrazu jest bardzo łatwe przy użyciu edytora bloków. Tuż pod obrazkiem znajduje się miejsce na wpisanie tekstu. To pierwszy sposób – Pod tym obrazkiem na danej podstronie umieszczany jest podpis.

Drugim sposobem jest napisanie podpisu obrazu za pomocą ikony ołówka (Edytuj obraz) w Bibliotece multimediów. W ten sposób dodajesz podpisy do obrazów globalnie w całej witrynie. Oznacza to, że jeśli użyjesz tego samego obrazu w trzech różnych miejscach, zawsze będzie używany ten podpis.

Czy podoba Ci się, jak łatwe jest dodawanie obrazów w bloku obrazów WordPress? Spróbuj sam!

Dowiedz się więcej o naszym nowym motywie WordPress Citadela i jego niestandardowych pakietach układu. Zostały one specjalnie zaprojektowane i opracowane dla różnego rodzaju firm, a także obsługują nowy sposób edycji treści za pomocą edytora bloków WordPress.