WordPress의 커버 이미지와 추천 이미지의 차이점

게시 됨: 2019-02-03

WordPress 5.0이 Gutenberg 편집기를 가져왔을 때 WordPress에 몇 가지 새로운 기능도 가져왔습니다. 이러한 기능 중 일부는 블록 형태로 표시됩니다. 이러한 블록 중 하나를 Cover라고 하며, 게시물 또는 페이지 콘텐츠 내에 여러 사용자 정의 가능한 기능이 있는 덮힌 이미지를 배치합니다.

물론 WordPress에는 페이지 및 게시물에 대한 추천 이미지를 지정하는 옵션이 여전히 포함되어 있습니다. 이것은 몇 가지 질문을 제기합니다. 표지 이미지와 추천 이미지가 동일한가요? 그렇지 않다면 그것들은 무엇이며 어떻게 사용됩니까? 차이점이 뭐야? 이 기사에서는 WordPress의 커버 이미지와 추천 이미지에 대해 논의하고 이러한 각 질문에 답할 것입니다.

커버 이미지

표지 이미지는 일반적으로 페이지나 게시물의 상단에 배치되는 큰 사진입니다. 헤더 이미지라고도 합니다. 그것들은 내용을 나타냅니다. 독자가 콘텐츠를 볼 때 가장 먼저 보게 되는 내용입니다. 분위기를 설정하거나 기사를 시각적으로 설명하여 독자가 무엇을 기대해야 하는지 알 수 있도록 도와줍니다. 페이지 또는 게시물 전체에서 다음 섹션을 소개하는 데 사용할 수도 있습니다.

표지 이미지는 Gutenberg에서 콘텐츠에 쉽게 추가할 수 있으며 기본적으로 추천 이미지에서 사용할 수 없는 몇 가지 스타일 지정 기능이 포함되어 있습니다.

Gutenberg에는 게시물이나 페이지의 표지 이미지를 만들 수 있는 Cover라는 새로운 블록이 포함되어 있습니다. 블록 목록의 일반 블록 탭에서 블록을 찾을 수 있습니다.

Cover 블록을 사용하면 오버레이와 텍스트가 있는 이미지를 추가할 수 있습니다. 이미지를 업로드하거나 미디어 라이브러리에서 이미지를 선택합니다. 원하는 경우 텍스트와 오버레이 뒤에서 재생되는 비디오를 사용할 수도 있습니다. 이것은 눈길을 끄는 헤더를 만드는 데 좋습니다. 이는 타사 플러그인을 사용하지 않고는 추천 이미지로 수행할 수 없는 작업입니다.

이미지나 비디오를 추가하면 텍스트, 고정된 배경 설정 및 오버레이 기능이 표시됩니다. 이미지 위에 몇 가지 정렬 설정이 있습니다.

제목을 추가하려면 "Write title..."이라고 표시된 곳에 커서를 놓고 입력을 시작하면 됩니다. 또한 굵게, 기울임꼴을 사용하거나 링크를 추가하거나 텍스트에 취소선을 사용하는 옵션이 있습니다. 이미지 위의 설정에서 텍스트를 정렬할 수 있습니다.

고정 배경은 이미지에 대한 시차 기능을 추가합니다. 텍스트가 스크롤되는 동안 이미지는 제자리에 유지됩니다. 이 기능은 비디오에 사용할 수 없지만 다른 모든 설정은 사용할 수 있습니다.

선택 항목에서 원하는 색상을 선택하여 오버레이 색상을 추가하거나 여러 색상의 원을 선택하여 사용자 정의 색상을 선택하십시오.

사용자 정의 색상에는 슬라이더가 있는 색상 선택기가 포함되어 있으며 색상 값을 16진수 또는 RGB로 표시합니다.

배경 불투명도는 오버레이의 불투명도를 변경하여 이미지를 더 많이 표시하고 오버레이 색상을 적게 표시하거나 오버레이를 더 많이 표시하고 이미지를 적게 표시하도록 선택할 수 있습니다. 이 예에서는 불투명도를 80으로 설정했습니다. 거기에 이미지가 있다는 것은 알 수 있지만 자세히는 볼 수 없습니다.

이 예에서는 불투명도를 20으로 설정했습니다. 더 많은 이미지를 볼 수 있지만 여전히 오버레이의 색상 표시가 있습니다.

이미지 상단의 설정에 전체 너비 옵션도 있습니다. 이것은 이미지 또는 비디오 헤더를 만들거나 아름다운 섹션 소개를 만드는 데 좋습니다.

표지 블록은 텍스트, 오버레이 및 시차가 있는 이미지를 추가할 수 있는 기능을 제공하여 많은 디자인 가능성을 열어줍니다. 이미지/비디오, 텍스트, 색상 및 시차는 기사의 분위기를 설정하고 대상 청중에게 호소하는 데 도움이 됩니다. 콘텐츠 전체에 여러 커버 블록을 사용하여 새 섹션(일반적으로 헤더 텍스트로 식별됨)을 도입하거나 페이지 링크 또는 제품에 시각적인 매력을 추가할 수 있습니다.

표지 이미지와 특징 이미지를 함께 사용하기

표지 이미지와 추천 이미지를 같은 페이지나 게시물에 함께 사용할 수 있습니다. 이 예에서는 기사 내에서 둘 다 보여주고 있습니다. 이상적으로는 이렇게 나란히 앉지 않을 것이지만 게시물 내에서 나타날 수 있음을 보여주기 위한 것입니다. 하지만 표지 이미지를 추천 이미지로 사용하고 싶을 때가 있습니다.

표지 이미지와 동일한 추천 이미지를 사용하면 이미지가 콘텐츠 내에서 두 번 표시됩니다. 실제로는 추천 이미지와 표지 이미지라는 두 가지 다른 것을 보여주지만 둘 다에 대해 동일한 이미지를 선택했습니다.

다행히도 이미지가 두 번 표시되지 않고 동일한 이미지를 사용하기 위해 할 수 있는 몇 가지 방법이 있습니다. Divi 및 기타 여러 테마와 같은 일부 테마를 사용하면 콘텐츠에서 추천 이미지를 제외할 수 있습니다.

Divi 또는 Extra를 사용하는 경우 대시보드 메뉴에서 Divi (또는 Extra ) > 테마 옵션 > 레이아웃으로 이동 하고 단일 게시물 레이아웃 탭 에서 게시물 에 엄지손가락 배치 를 비활성화합니다. 이 옵션은 단일 페이지 레이아웃 탭에서도 사용할 수 있으므로 필요에 따라 설정을 사용자 지정할 수 있습니다.

이 예에서 추천 이미지는 표지 이미지와 동일합니다. 호버 오버레이를 추가했는데 오른쪽에 있는 게시물 위로 마우스를 가져가서 보여주고 있습니다.

게시물 자체에는 표지 이미지만 표시됩니다. 추천 이미지는 게시물 콘텐츠에 표시되지 않습니다.

Extra에는 게시물의 추천 이미지를 개별적으로 숨기는 옵션이 포함됩니다. 이를 통해 WordPress가 게시물 및 페이지에서 추천 이미지를 처리하는 방법을 더 잘 제어할 수 있습니다. 게시물 설정에서 게시물의 추천 이미지 숨기기를 클릭합니다.

WordPress 저장소의 무료 플러그인인 Hide Featured Image와 같은 플러그인을 사용하여 게시물에서 추천 이미지를 숨길 수도 있습니다. 게시물 또는 페이지의 모든 추천 이미지를 숨기거나 페이지 및 게시물 자체에서 개별적으로 숨기도록 선택합니다. 플러그인을 테스트할 당시에는 Twenty Nineteen과 호환되지 않았지만 Twenty Seventeen 및 기타와 잘 작동했습니다.

추천 이미지를 숨기는 옵션을 페이지와 게시물에 추가합니다. 기본적으로 추천 이미지를 표시하지만 표지 이미지를 사용하는 페이지나 게시물에서 숨기려는 경우에 유용합니다. 이렇게 하면 추천 이미지를 표시하기 위한 더 많은 디자인 제어가 가능합니다.

마무리 생각

이것이 WordPress의 덮힌 이미지와 추천 이미지를 비교한 것입니다. 처음에는 같거나 비슷해 보이지만 실제로는 매우 다릅니다.

추천 이미지 는 독자를 기사로 끌어들입니다. 기사에는 사이트에 하나의 추천 이미지만 포함되며, 이 이미지는 게시물의 썸네일을 표시하는 모든 위치에 표시되지만 Yoast와 같은 플러그인을 사용하여 소셜 미디어에 표시할 다른 이미지로 대체할 수 있습니다. Twenty Nineteen과 같은 일부 테마 및 Divi와 같은 빌더에는 추천 이미지에 대한 사용자 지정이 포함됩니다.

표지 이미지 는 실제로 기사의 일부이며 게시물에 대한 참여도를 높이는 데 도움이 될 수 있습니다. 기사에는 콘텐츠 전체에 걸쳐 여러 개의 표지 이미지 또는 동영상이 포함될 수 있습니다. 머리글 텍스트 대신 이미지를 사용하려는 경우 시각적 디자인을 제공하고 기사 섹션을 분리하는 데 유용합니다. 표지 이미지는 WordPress에 내장된 전체 너비, 텍스트, 시차 및 오버레이 옵션으로 인해 특히 흥미로웠습니다. 동영상을 표시할 수 있어서 좋아요. Gutenberg까지 이러한 기능을 사용하려면 플러그인이나 페이지 빌더가 필요했습니다.

표지 이미지와 추천 이미지는 콘텐츠에 시각적 디자인을 추가하는 데 적합합니다. 옵션과 용도가 다르며 별도로 또는 함께 사용할 수 있습니다.

우리는 당신의 의견을 듣고 싶습니다. WordPress에서 표지 이미지와 추천 이미지를 어떻게 사용합니까? 의견에 알려주십시오.

karnoff/Shutterstock.com을 통한 추천 이미지