Różnica między pokrywanymi obrazami a polecanymi obrazami w WordPress

Kiedy WordPress 5.0 wprowadził edytor Gutenberg, wprowadził również kilka nowych funkcji do WordPressa. Kilka z tych cech jest widocznych w postaci bloków. Jeden z tych bloków nazywa się Okładka, który umieszcza zakryty obraz z kilkoma dostosowywanymi funkcjami w treści posta lub strony.

Oczywiście WordPress nadal zawiera opcję określenia polecanego obrazu dla stron i postów. Rodzi to kilka pytań. Czy obrazy objęte i polecane są takie same? Jeśli nie, to czym są i jak są używane? Co za różnica? W tym artykule omówimy zakryty obraz w porównaniu z polecanym obrazem w WordPress i odpowiemy na każde z tych pytań.

Pokryte obrazy

Obraz na okładkę to duże zdjęcie, które zwykle umieszcza się u góry strony lub posta. Nazywano je również obrazami nagłówka. Reprezentują treść. To pierwsza rzecz, jaką widzi czytelnik podczas przeglądania treści. Pomaga wprowadzić nastrój lub wizualnie opisać artykuł, aby czytelnik miał pojęcie, czego się spodziewać. Można ich również używać na całej stronie lub w poście, aby pomóc w wprowadzeniu do następnej sekcji.

Obrazy okładek można łatwo dodać do treści w Gutenbergu i zawierają pewne funkcje stylizacji, które nie są natywnie dostępne dla polecanego obrazu.

Gutenberg zawiera nowy blok o nazwie Okładka, który umożliwia tworzenie obrazu okładki dla Twoich postów lub stron. Blok znajdziesz w zakładce Wspólne Bloki na liście bloków.

Blok Cover umożliwia dodanie obrazu z nakładką i tekstem. Prześlij swój obraz lub wybierz obraz z biblioteki multimediów. Możesz także użyć wideo, jeśli chcesz, które będzie odtwarzane za tekstem i nakładką. To świetnie nadaje się do tworzenia przyciągających wzrok nagłówków. To jest coś, czego nie można zrobić z polecanym obrazem bez użycia wtyczki innej firmy.

Po dodaniu obrazu lub wideo zobaczysz funkcje tekstu, stałe ustawienia tła i nakładkę. Ma pewne ustawienia wyrównania nad obrazem.

Aby dodać tytuł, po prostu umieść kursor w miejscu, w którym jest napisane „Napisz tytuł…” i zacznij pisać. Posiada również opcje pogrubienia, kursywy, dodania linku lub przekreślenia tekstu. W ustawieniach nad obrazem możesz wyrównać tekst.

Naprawiono tło dodaje funkcję paralaksy do obrazów. Obraz pozostaje na miejscu podczas przewijania tekstu. Ta funkcja nie jest dostępna w przypadku filmów, ale wszystkie pozostałe ustawienia są dostępne.

Dodaj kolor nakładki, wybierając żądany kolor z opcji lub wybierz wielokolorowe kółko, aby wybrać kolor niestandardowy.

Kolor niestandardowy zawiera selektor kolorów z suwakiem i pokazuje wartość koloru w postaci szesnastkowej lub RGB.

Przezroczystość tła zmienia stopień krycia nakładki, umożliwiając pokazanie większej części obrazu i mniejszej ilości koloru nakładki lub większej nakładki i mniejszej części obrazu. W tym przykładzie ustawiłem krycie na 80. Możesz powiedzieć, że jest tam obraz, ale nie widzisz zbyt wielu szczegółów.

W tym przykładzie ustawiłem nieprzezroczystość na 20. Widać znacznie więcej obrazu, ale nadal widać na nim odrobinę kolorów nakładki.

Obraz ma również opcję pełnej szerokości w ustawieniach u góry obrazu. Świetnie nadaje się do tworzenia nagłówków obrazów lub wideo lub tworzenia pięknych wstępów do sekcji.

Bloki okładki otwierają wiele możliwości projektowania, umożliwiając dodawanie obrazów z tekstem, nakładkami i paralaksą. Obraz/wideo, tekst, kolory i paralaksa pomagają ustawić nastrój artykułu i przemawiają do odbiorców docelowych. Możesz użyć wielu bloków okładki w całej treści, aby wprowadzić nowe sekcje (które zwykle są identyfikowane za pomocą tekstu nagłówka) lub po prostu dodać wizualną atrakcyjność do linków do stron lub produktów.

Polecane obrazy

Prezentowany obraz dostarcza miniaturę posta. Te miniatury są wyświetlane wszędzie tam, gdzie widoczny jest wyróżniony obraz, na przykład na stronach głównych, na których są wyświetlane posty w blogu, strony archiwum blogów i pojedyncze posty. Prezentowany obraz przedstawia sam artykuł. Służą do wzbudzania zainteresowania i informowania czytelnika o rodzaju lub celu artykułu.

Były również używane jako domyślny obraz, który jest wyświetlany, gdy treść jest udostępniana w mediach społecznościowych, chyba że obraz ten zostanie nadpisany ręcznie za pomocą wtyczki, takiej jak Yoast, jak widać w powyższym przykładzie.

Polecany obraz jest dodawany w ustawieniach posta lub strony. Kliknij Ustaw polecany obraz i wybierz lub prześlij obraz do biblioteki multimediów.

Motywy, takie jak Twenty Nineteen, zawierają nakładkę na wyróżniony obraz. Kolory można wybrać w konfiguratorze motywów w obszarze Kolory. Niebieski jest domyślnym kolorem, ale możesz użyć suwaka, aby wybrać dowolny prawie kolor.

Możesz także dostosować polecane nakładki obrazów podczas korzystania z kreatorów stron, takich jak Divi i Extra. W tym przykładzie dostosowuję ikonę nakładki polecanego obrazu i kolor nakładki po najechaniu kursorem na moduł bloga.

Używanie obrazów okładek i obrazów funkcji razem

Możesz użyć obrazu okładki i polecanego obrazu razem na tej samej stronie lub w poście. W tym przykładzie mam oba pokazane w artykule. Najlepiej byłoby, gdyby nie siedziały obok siebie w ten sposób, ale to tylko po to, by pokazać, że mogą pojawić się w poście. Są jednak chwile, kiedy będziesz chciał użyć obrazu okładki jako polecanego obrazu.

Jeśli użyjesz tego samego polecanego obrazu, co obraz okładki, obrazy pojawią się dwa razy w treści. W rzeczywistości pokazuje dwie różne rzeczy: polecany obraz i obraz okładki, ale dla obu wybrałeś ten sam obraz.

Na szczęście jest kilka rzeczy, które możesz zrobić, aby użyć tego samego obrazu dla obu bez podwójnego wyświetlania obrazu. Niektóre motywy, takie jak Divi i wiele innych, umożliwiają wykluczenie wyróżnionego obrazu z treści.

Jeśli używasz Divi lub Extra, w menu pulpitu nawigacyjnego przejdź do Divi (lub Extra ) > Opcje motywu > Układ i wyłącz opcję Umieść kciuki we wpisie na karcie Układ pojedynczego posta . Ta opcja jest również dostępna w zakładce Układ pojedynczej strony , dzięki czemu możesz dostosować ustawienia do swoich potrzeb.

W tym przykładzie wyróżniony obraz jest taki sam jak obraz okładki. Dodałem nakładkę po najechaniu, którą demonstruję, najeżdżając na post po prawej stronie.

Sam post pokazuje tylko zdjęcie okładki. Polecany obraz nie wyświetla się w treści posta.

Dodatek zawiera opcję indywidualnego ukrywania wyróżnionego obrazu w poście. Daje to większą kontrolę nad tym, jak WordPress obsługuje polecane obrazy w postach i na stronach. W ustawieniach posta kliknij Ukryj wyróżniony obraz we wpisie .

Możesz także ukryć polecany obraz w poście za pomocą wtyczki, takiej jak Ukryj polecany obraz, darmowej wtyczki w repozytorium WordPressa. Wybierz, aby ukryć wszystkie polecane obrazy w postach lub na stronach lub ukryć je pojedynczo na stronach i w samych postach. W czasie testowania wtyczki nie była ona kompatybilna z Twenty Nineteen, ale działała świetnie z Twenty Seventeen i innymi.

Dodaje opcję do stron i postów, aby ukryć wyróżniony obraz. Jest to świetne, jeśli chcesz domyślnie wyświetlać polecany obraz, ale następnie ukryć go na stronach lub postach, które używają obrazu okładki. Daje to większą kontrolę nad projektowaniem wyświetlania polecanych obrazów.

Końcowe myśli

Oto nasze spojrzenie na obraz zakryty w porównaniu z polecanym obrazem w WordPressie. Na pierwszy rzut oka wydają się takie same lub podobne, ale w praktyce bardzo się różnią.

Polecane obrazy przyciągają czytelnika do artykułu. Artykuł będzie miał tylko jeden polecany obraz w witrynie, który będzie wyświetlany w dowolnym miejscu, w którym wyświetlane są miniatury postów, ale można go zastąpić innym obrazem do wyświetlania w mediach społecznościowych za pomocą wtyczek takich jak Yoast. Niektóre motywy, takie jak Twenty Nineteen, i kreatory, takie jak Divi, zawierają dostosowania polecanych obrazów.

Obrazy okładki są w rzeczywistości częścią artykułu i mogą pomóc zwiększyć zaangażowanie w posty. Artykuł może zawierać wiele obrazów lub filmów na okładkę w całej swojej treści. Świetnie nadają się do projektowania wizualnego i oddzielania sekcji artykułu, jeśli chcesz użyć obrazów zamiast samego tekstu nagłówka. Obrazy okładek są szczególnie interesujące ze względu na opcje pełnej szerokości, tekstu, paralaksy i nakładek, które są wbudowane w WordPress. Uwielbiam to, że może wyświetlać filmy. Do Gutenberga posiadanie tych funkcji wymagało wtyczki lub kreatora stron.

Obrazy objęte i polecane doskonale nadają się do dodawania projektu wizualnego do treści. Mają różne opcje i cele i możesz ich używać osobno lub razem.

Chcemy usłyszeć od Ciebie. Jak korzystasz z zakrytych obrazów i polecanych obrazów w WordPressie? Daj nam znać w komentarzach.

Polecane zdjęcie za pośrednictwem karnoff / shutterstock.com