워드프레스 블록 편집기에서 표지 이미지 대 추천 이미지 (초보자 용 안내서)

워드프레스 5.0은 새로운 구텐베르크 블록 편집기와 멋진 기능으로 출시되었습니다. 그 중 하나는 표지 및 페이지에 표지 이미지를 추가 할 수있는 표지 블록입니다.

이 기능은 워드프레스 2.9부터 WordPress에 있었던 추천 이미지 옵션과 비슷하게 보일 수 있으므로 일부 사용자를 혼란스럽게합니다.

이 기사에서는 워드프레스 블록 편집기에서 표지 이미지와 추천 이미지의 차이점에 대해 설명합니다.

표지 이미지 대 추천 이미지 - 워드프레스 블록 편집기

표지 이미지 란 무엇입니까?

표지 이미지는 일반적으로 블로그 게시물 또는 페이지의 새 섹션에 대한 표지 사진으로 사용되는 넓은 이미지입니다. 그것은 전체 기사의 일부입니다. 기사 내에서 새 섹션이나 새 스토리를 시작할 때 표지 이미지를 사용할 수 있습니다.

WordPress의 Cover 블록을 사용하여 표지 이미지에 텍스트 및 색상 오버레이를 추가 할 수 있습니다.

워드프레스 블록 편집기의 표지 블록

테마 색상이나 콘텐츠의 분위기와 일치하는 적절한 색상 오버레이를 추가하면 기사의 매력을 높일 수 있습니다.

마찬가지로 텍스트 오버레이를 추가하면 기사에서 새 섹션이 시작되는 위치와 그 내용을 쉽게 식별 할 수 있습니다.

전통적으로 블로거는 제목 텍스트를 사용하여 블로그 게시물의 섹션을 구분합니다. 표지 이미지를 사용하면 더 시각적으로 매력적인 섹션을 구분할 수 있습니다.

추천 이미지 란 무엇입니까?

추천 이미지 (게시물 미리보기 이미지라고도 함)는 콘텐츠를 나타내는 주요 기사 이미지입니다. 그들은 귀하의 웹 사이트에서 단일 게시물, 블로그 아카이브 페이지 및 뉴스, 잡지 및 블로그 웹 사이트의 홈페이지에 눈에 잘 띄게 표시됩니다.

그 외에도 기사를 공유 할 때 소셜 미디어 피드에 추천 이미지가 표시됩니다.

추천 이미지는 매력적으로 보이도록 신중하게 디자인되었습니다. 이러한 이미지는 사용자가 귀하의 콘텐츠를 빠르게 훑어보고 전체 기사에 대한 프롬프트를 표시합니다.

거의 모든 워드프레스 테마가 기본적으로 추천 이미지를 지원하기 때문에 추천 이미지를 추가하기 위해 게시물 편집 화면에 메타 상자가 있습니다.

WordPress의 주요 이미지

어디에서 어떻게 특집 이미지가 표시됩니다 귀하의 워드 프레스 테마로 전적으로 통제됩니다.

고급 기능 이미지 옵션의 경우, 워드프레스 추천 이미지 플러그인을 확인할 수 있습니다.

WordPress에 표지 이미지를 추가하는 방법?

새로운 워드프레스 블록 편집기 (구텐베르크)는 WordPress에서 표지 이미지를 추가 할 수 있도록 Cover 블록과 함께 제공됩니다.

먼저 새 게시물을 만들거나 기존 게시물을 편집해야합니다. 게시 편집 화면에서 새 블록 추가 버튼을 클릭 한 다음 표지 블록을 선택하십시오.

워드프레스 블록 편집기에서 표지 블록 추가

Cover Block은 Common Blocks 탭에서 찾을 수 있습니다.

블록을 클릭하면 새로운 표지 이미지를 추가 할 수있는 옵션이 포함 된 표지 블록이 컨텐츠 편집기에 추가 된 것을 볼 수 있습니다.

이미지를 업로드 할 수있는 옵션이있는 표지 블록

블록 영역에 이미지 나 비디오를 드래그 앤 드롭 만하면 새로운 커버 이미지를 업로드 할 수 있습니다. 또는 업로드 버튼을 클릭하고 컴퓨터에서 이미지를 선택한 다음 열어 업로드 할 수 있습니다.

이미 미디어 라이브러리에 업로드 된 이미지를 추가하려면 미디어 라이브러리 버튼을 클릭하고 미디어 갤러리에서 이미지를 선택하십시오.

워드프레스 블록 편집기에서 표지 이미지 업로드

표지 이미지가 추가되면 표지 이미지를 클릭하여 쉽게 사용자 정의 할 수 있습니다.

이렇게하면 이미지 위에 맞춤 설정 옵션이있는 툴바, 이미지의 가운데에 제목 쓰기 … 필드가 표시되며 오른쪽 패널에는 색상 오버레이를 포함한 설정이 차단됩니다.

표지 블록 옵션

정렬 옵션과는 별도로 표지 이미지 블록은 너비와 전체 너비라는 두 가지 너비 옵션을 제공합니다.

넓은 너비 옵션을 사용하면 이미지가 콘텐츠만큼 넓게 보입니다. 전체 너비 옵션을 사용하면 이미지가 전체 창 화면을 가릴 수 있습니다.

 워드프레스 블록 편집기의 전체 너비 커버 이미지

다음으로 표지 이미지의 제목을 추가 할 수 있습니다. 표지 이미지를 클릭하면 표지 이미지 가운데에 "제목 쓰기 …"필드가 나타납니다.

해당 영역을 클릭하기 만하면 텍스트가 추가됩니다. 표지 이미지 제목을 작성하고 텍스트 상단이나 표지 이미지 상단에 나타나는 서식 옵션을 사용하여 서식을 지정할 수 있습니다.

워드프레스 블록 편집기에서 표지 이미지에 텍스트 추가

마지막으로 오른쪽 패널에 표지 블록 설정이 있습니다. 활성화 할 수 있습니다. 고정 배경 사용자가 페이지를 아래로 스크롤 할 때의 시차 효과를 만듭니다.

구텐베르크의 표지 블록 고정 배경 옵션

그 아래에는 색상 오버레이 옵션이 있습니다. 기본적으로 테마 색상을 투명도 50 %의 오버레이 색상으로 추가하지만 오버레이 색상을 변경하고 점을 이동하여 불투명도를 변경할 수도 있습니다.

표지 블록 색상 오버레이 옵션

마지막으로, CSS 코드를 추가하고 표지 이미지에 스타일을 추가 할 수 있습니다. 많은 선택권.

그게 다야!

필요한 경우이 단계를 반복하여 단일 기사에 여러 표지 이미지를 추가 할 수 있습니다.

WordPress에 추천 이미지를 추가하는 방법?

추천 이미지를 추가하는 프로세스는 이전과 동일합니다. 잠시 동안 워드프레스 블로그를 가지고 있다면, 이미 특색있는 이미지가 어떻게 추가되었는지 알 것입니다.

추천 이미지를 추가하려면 전제 수정 화면을 연 다음 화면 오른쪽의 추천 이미지 메타 박스로 이동해야합니다.

다음을 클릭해야합니다. 추천 이미지 설정 선택권.

WordPress에 추천 이미지 메타 상자

그런 다음 드래그 앤 드롭 업 로더를 사용하거나 기존 미디어 라이브러리에서 이미지를 선택하여 새 이미지를 업로드 할 수 있습니다.

그런 다음 추천 이미지의 제목과 대체 텍스트를 추가 한 다음 고르다 선택권.

WordPress에 추천 이미지 업로드

추천 이미지를 기사에 추가했습니다.

보다 자세한 지침이 필요하면 초보자 가이드에서 WordPress의 추천 이미지를 추가하는 방법을 읽어보십시오.

추천 이미지를 추가하면 소식을 미리보고 어떻게 보이는지 볼 수 있습니다.

새로운 기본 테마 인 Twenty Nineteen 또는 다른 현대 테마를 사용하는 경우 추천 이미지에 색상 오버레이가 표시 될 수 있습니다.

워드프레스 사용자 정의 프로그램으로 이동하여 색상을 제거하거나 색상을 변경할 수 있습니다.

간단히 모양»사용자 정의 버튼을 클릭하십시오.

WordPress의 옵션 사용자 정의

한 번 사용자 정의 패널을 클릭해야합니다. 그림 물감 옵션을 선택하십시오.

사용자 정의 색상 워드프레스 20 19 테마

이 탭에는 테마의 기본 색상 옵션과 이미지 필터를 사용 또는 사용 중지하는 옵션이 표시됩니다.

20 가지 테마의 색상 옵션

테마를 선택하여 테마의 기본 색상을 변경할 수 있습니다. 관습 옵션을 선택하고 색상을 선택하십시오.

Tween 19 테마에서 기본 색상 변경

추천 이미지에서 색상 필터를 사용하지 않으려면 "기본 색상을 사용하여 추천 이미지에 필터 적용"옵션을 선택 취소하면됩니다.

20 개의 19 테마에서 추천 이미지의 색상 필터 사용 안 함

추천 이미지는 워드프레스 테마로 관리되므로 이미지 필터를 지원하지 않으면 테마에서이 옵션을 찾을 수 없습니다.

결론 – WordPress의 표지 이미지 대 추천 이미지

표지 이미지와 추천 이미지를 추가하는 방법을 알았으므로 몇 가지 모범 사례를 살펴 보겠습니다.

추천 이미지는 워드프레스 블로그, 온라인 잡지, 뉴스 및 엔터테인먼트 웹 사이트에서 게시물 축소판 또는 주요 기사 이미지로 널리 사용되었습니다.

잘 디자인 된 추천 이미지는 더 많은 사용자가 기사를 열도록 유도합니다. 그들은 당신의 웹 사이트를 매력적이고 시각적으로 보이게 만드는 데 아주 좋습니다.

표지 이미지는 실제로 기사의 일부입니다. 사용자는 기사를 열어 읽은 후 표지 이미지를 봅니다. 따라서 귀하의 기사를 더 매력적이고 재미있게 읽게합니다.

표지 이미지의 가장 좋은 사용법은 긴 기사 내부 섹션 간의 아름다운 전환을 추가하는 것입니다.

표지 이미지는 전체 너비 옵션이 있고 일반 텍스트 이미지 위에 텍스트 오버레이를 추가 할 수 있기 때문에 일반 게시물 이미지에서 고유합니다.

표지 이미지를 올바르게 추가하면 게시물의 사용자 참여도를 향상시킬 수 있습니다.

이 기사가 새로운 워드프레스 블록 편집기에서 표지 이미지와 추천 이미지의 차이점을 이해하는 데 도움이되기를 바랍니다. Gutenberg 블록 편집기로 이전 워드프레스 게시물을 업데이트하는 방법에 대한 기사도 읽고 싶을 것입니다.

이 기사가 마음에 들면 YouTube 채널 용 워드프레스 비디오 자습서에 가입하십시오. 우리를 찾을 수도 있습니다. 지저귀다 그리고 페이스 북.

워드프레스 블록 편집기 (초보자 용 안내서)의 표지 이미지와 추천 이미지는 WPBeginner에서 처음 등장했습니다.

당신이 좋아할만한 글 작성자의 다른글