WordPress 5.0 został wydany z zupełnie nowym edytorem bloków Gutenberga i wieloma fajnymi funkcjami. Jednym z nich jest blok okładek, który umożliwia dodawanie obrazów okładek do postów i stron.

Ta funkcja zdezorientowała niektórych użytkowników, ponieważ może wydawać się podobna do opcji polecany obraz, który został w WordPress od WordPress 2.9.

W tym artykule wyjaśnimy różnice między obrazem okładki a obrazem polecanym w edytorze bloków WordPress.

Cover Image vs Featured Image - WordPress Block Editor

Co To jest okładka?

Obraz okładki to zwykle szeroki obraz używany jako zdjęcie okładki dla nowej sekcji w poście na blogu lub stronie. Jest to część całego artykułu. Możesz użyć obrazu okładki, gdy rozpoczynasz nową sekcję lub nowy wątek w artykule.

Dzięki blokowi okładki w WordPress możesz dodać nakładkę tekstową i kolorową na obraz okładki.

Cover block in WordPress block editor

Dodając odpowiednią nakładkę kolorów, która pasuje do koloru motywu lub nastroju treści, możesz uczynić swój artykuł bardziej wciągającym.

Podobnie, dodanie nakładki tekstowej pomaga użytkownikom łatwo zidentyfikować, gdzie zaczyna się nowa sekcja w artykule I O co w niej chodzi.

Tradycyjnie blogerzy używają nagłówka tekstu do oddzielnych sekcji w poście na blogu. W przypadku obrazów okładek dostępne są teraz opcje oddzielania sekcji w bardziej atrakcyjny wizualnie sposób.

Co To jest polecany Obraz?

Wyróżniony obraz (znany również jako miniatura postu) jest głównym obrazem artykułu, który reprezentuje treść. Są one wyraźnie wyświetlane na twojej stronie na pojedynczych postach, stronach archiwum bloga, a także na stronie głównej wiadomości, czasopism i blogów.

Poza tym polecane obrazy są również wyświetlane w mediach społecznościowych, gdy artykuł jest udostępniany.

Polecane obrazy są starannie zaprojektowane, aby wyglądały atrakcyjnie. Takie obrazy dają użytkownikom szybki wgląd w Twoje treści i zachęcają ich do całego artykułu.

Na ekranie edycji postu znajdziesz pole meta, aby dodać polecany obraz, ponieważ prawie wszystkie motywy WordPress domyślnie obsługują polecane obrazy.

Featured image in WordPress

Miejsce i sposób wyświetlania polecanych obrazów jest całkowicie kontrolowany przez Twój motyw WordPress.

Aby uzyskać zaawansowane opcje obrazu, możesz sprawdzić te najlepsze wtyczki do obrazów WordPress.

Jak dodać obraz okładki w WordPress?

Nowy edytor bloków WordPress (Gutenberg) jest wyposażony w Blok okładki, który pozwala dodać obraz okładki w WordPress.

Najpierw musisz utworzyć nowy post lub edytować istniejący. Na ekranie Edytuj post kliknij przycisk Dodaj nowy blok, a następnie wybierz blok okładki.

Add cover block in WordPress block editor

Blok okładki można znaleźć w zakładce wspólne bloki.

Po kliknięciu bloku zobaczysz blok okładki dodany do edytora treści z opcjami dodawania nowego obrazu okładki.

Cover block with options to upload image

Możesz po prostu przeciągnąć i upuścić obraz lub film w obszarze bloku, aby przesłać nowy obraz okładki. Możesz też kliknąć przycisk Prześlij, wybrać obraz na komputerze i otworzyć, aby przesłać.

Jeśli chcesz dodać obraz już przesłany do biblioteki multimediów, możesz kliknąć Biblioteka Multimediów przycisk i wybierz obraz z galerii multimediów.

Upload cover image in WordPress block editor

Po dodaniu obrazu okładki możesz go łatwo dostosować, klikając obraz okładki.

Spowoduje to wyświetlenie paska narzędzi z opcjami dostosowywania nad obrazem, pole Write title… na środku obrazu i zablokowanie ustawień, w tym nakładki kolorów w panelu po prawej stronie.

Cover block options

Oprócz opcji wyrównania, blok obrazu okładki daje dwa opcje szerokości: szeroka szerokość i pełna szerokość.

Opcja szeroka szerokość sprawia, że obraz wygląda tak szeroko, jak zawartość. Opcja pełnej szerokości sprawia, że obraz pokrywa cały ekran okna.

Full width cover image in WordPress block editor

Następnie możesz dodać tytuł swojego obrazu okładki. Po kliknięciu na obraz okładki zobaczysz pole „napisz tytuł …” na środku obrazu okładki.

Po prostu kliknij ten obszar, aby dodać tekst. Tytuł obrazu okładki można napisać i sformatować, korzystając z opcji formatowania, które pojawiają się na wierzchu tekstu lub na wierzchu obrazu okładki.

Add text on your cover image in WordPress block editor

Wreszcie, istnieją ustawienia bloku pokrywy na prawym panelu bocznym. Możesz włączyć Poprawiono Tło aby utworzyć efekt paralaksy, gdy użytkownicy przewijają stronę w dół.

Fixed background option in cover block in Gutenberg

Poniżej znajdują się opcje nakładki kolorów. Domyślnie dodaje kolor motywu jako kolor nakładki z przezroczystością 50%, ale możesz zmienić kolor nakładki, a także zmienić krycie, przesuwając punkt.

Cover block color overlay options

Na koniec możesz dodać kod CSS i dodać więcej stylów do obrazu okładki, klikając Zaawansowane opcja.

To jest to!

Możesz powtórzyć ten krok, aby w razie potrzeby dodać wiele obrazów okładki do jednego artykułu.

Jak dodać wyróżniony obraz w WordPress?

Proces dodawania polecanego obrazu jest taki sam jak wcześniej. Jeśli od jakiegoś czasu masz bloga WordPress, to już wiesz, jak dodawany jest polecany obraz.

Aby dodać polecany obraz, musisz najpierw otworzyć ekran edycji postu, a następnie przejść do pola Meta polecanego obrazu po prawej stronie ekranu.

Będziesz musiał kliknąć Ustaw wyróżniony obraz opcja.

Featured image meta box in WordPress

Następnie możesz przesłać nowy obraz, korzystając z narzędzia do przesyłania przeciągnij i upuść lub wybierając obraz z istniejącej biblioteki multimediów.

Następnie możesz dodać tytuł i tekst alternatywny dla polecanego obrazu, a następnie kliknąć Wybierz opcja.

Upload featured image in WordPress

Pomyślnie dodałeś polecany obraz do swojego artykułu.

Jeśli chcesz uzyskać bardziej szczegółowe instrukcje, możesz przeczytać nasz przewodnik dla początkujących, aby dodać polecane obrazy w WordPress.

Po dodaniu polecanego obrazu możesz wyświetlić podgląd postu i zobaczyć, jak wygląda.

Jeśli używasz nowego domyślnego motywu Twenty Nineteen lub innych nowoczesnych motywów, możesz również zobaczyć nakładkę kolorów na polecanych obrazach.

Możesz go usunąć lub zmienić kolor, przechodząc do dostosowywania WordPress.

Wystarczy kliknąć na Wygląd ” Dostosuj przycisk w menu WordPress.

Customize option WordPress

Raz na Dostosuj panel, musisz kliknąć na Kolory opcja po lewej.

Customize colors WordPress twenty nineteen theme

Na tej karcie zobaczysz opcję podstawowego koloru motywu oraz opcję włączania lub wyłączania filtru obrazu.

Color options in twenty nineteen theme

Możesz zmienić kolor podstawowy motywu, wybierając Niestandardowe opcja i wybór koloru.

Change primary color in Twenty Nineteen theme

Jeśli chcesz wyłączyć filtr kolorów na polecanych obrazach, możesz po prostu usunąć zaznaczenie opcji „Zastosuj filtr do polecanych obrazów za pomocą koloru podstawowego”.

Disable color filter on featured images in Twenty Nineteen theme

Pamiętaj, że polecane obrazy są zarządzane przez motywy WordPress, więc możesz nie znaleźć tej opcji w swoim motywie, jeśli nie obsługuje filtrów obrazu.

Wniosek-obraz okładki vs. wyróżniony obraz w WordPress

Teraz, gdy wiesz, jak dodać obraz okładki i wyróżniony obraz, rzućmy okiem na kilka najlepszych praktyk.

Polecane obrazy były powszechnie używane przez blogi WordPress, czasopisma online, wiadomości i witryny rozrywkowe jako miniatury postów lub obrazy głównych artykułów.

Dobrze zaprojektowane obrazy pomagają przyciągnąć więcej użytkowników do otwarcia artykułu. Są świetne do tego, aby Twoja strona wyglądała atrakcyjnie i wizualnie interaktywnie.

Okładki są w rzeczywistości częścią Twojego artykułu. Użytkownik widzi obraz okładki po otwarciu artykułu do przeczytania. Dzięki temu Twoje artykuły są bardziej wciągające i zabawne do czytania.

Najlepszym zastosowaniem obrazów okładek jest dodanie pięknego przejścia między sekcjami w długim artykule.

Obrazy okładek są unikalne w porównaniu ze zwykłymi obrazami postów, ponieważ mają opcję pełnej szerokości i masz możliwość dodawania na nich nakładki tekstowej.

Prawidłowo dodając obrazy okładek, możesz poprawić zaangażowanie użytkowników w swoje posty.

Mamy nadzieję, że ten artykuł pomógł Ci zrozumieć różnicę między obrazem okładki a polecanym obrazem w nowym edytorze bloków WordPress. Możesz również przeczytać nasz artykuł o tym, jak zaktualizować swoje stare posty WordPress za pomocą Edytora bloków Gutenberg.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

6 Najlepszych bramek płatności WooCommerce dla WordPress

W artykule: Jak wybrać najlepszą bramkę płatności WooCommerceTop WooCommerce bramek płatności dla…

14 Najlepsze wtyczki WordPress SEO i narzędzia, których powinieneś używać

W artykule: Rzeczy, które musisz wiedzieć o wtyczkach i narzędziach WordPress SEO1.…

Czeka nas rozwój sportów motorowych

W artykule: Jaki jest związek między popularyzacją sportów motorowych a poprawą kultury…

Jak dodać nagłówki bezpieczeństwa HTTP w WordPress (Przewodnik dla początkujących)

W artykule: Czym są nagłówki bezpieczeństwa HTTP?Dodawanie nagłówków bezpieczeństwa HTTP w WordPress1.…