WordPress에서 추천 이미지 또는 게시물 썸네일을 추가하는 방법

게시물 미리보기 이미지라고도하는 추천 이미지는 WordPress 테마에서 널리 사용되는 기능입니다. 오늘날 대부분의 WordPress 사진 테마, 식당 테마, 교회 테마 및 기타 유형의 테마는 게시물 섬네일을 기본적으로 지원합니다. 이 기사에서는 WordPress에서 추천 이미지를 추가하거나 썸네일을 게시하는 방법을 보여줍니다..


추천 이미지를 사용하고 썸네일을 상호 교환 적으로 사용하는 이유를 생각할 수도 있습니다. 글쎄,이 기능은 WordPress 2.9에서 처음 소개되었을 때 포스트 썸네일이라고 불렀습니다. 그러나 다음 버전에서는 추천 이미지로 이름이 변경되었습니다..

WordPress의 주요 이미지에 대한 초보자 안내서

추천 이미지 또는 게시물 미리보기 이미지는 테마 기능입니다. Genesis와 같은 대부분의 테마는 기본적으로 추천 이미지를 지원합니다..

테마가 추천 이미지를 지원하는지 여부를 쉽게 알 수있는 방법은 게시물 편집기로 이동하는 것입니다. 새 게시물을 작성하고 약간 아래로 스크롤하면 화면 오른쪽에 추천 이미지라는 메타 상자가 있는지 확인할 수 있습니다..

WordPress의 주요 이미지 메타 박스

비디오 튜토리얼

WPBeginner 구독

동영상이 마음에 들지 않거나 지침이 더 필요한 경우 계속 읽으십시오..

WordPress에 게시물 축소판 그림 또는 추천 이미지 추가

WordPress 게시물에 추천 이미지를 추가하려면 위의 스크린 샷에 표시된 추천 이미지 메타 상자에서 “특징 이미지 설정”링크를 클릭하십시오..

워드 프레스 미디어 업 로더가 열립니다. 이를 사용하여 컴퓨터에서 이미지를 업로드하거나 미디어 라이브러리에서 기존 이미지를 사용할 수 있습니다. 이미지를 선택한 후에는 특집 이미지 설정 버튼을 클릭하십시오..

WordPress에서 추천 이미지 설정

이미지가 추천 이미지 메타 상자에 다음과 같이 나타납니다.

WordPress 게시물에 추가 된 추천 이미지

테마에 따라 이미지가 약간 다르게 나타날 수 있습니다. 테마가 추천 이미지를 처리하는 방법에 따라 다릅니다..

일부 잡지 테마는 기본 페이지의 측면 게시물 요약과 함께 작은 축소판을 사용하고 단일 게시물보기에서 더 큰 버전을 사용합니다..

테마 개발자가 정의한 설정에 따라 추천 이미지가 게시물과 함께 자동으로 나타납니다. 그러나 테마가 추천 이미지를 처리하고 미리보기 이미지를 게시하는 방식을 변경하려면 계속 읽으십시오..

노트 : 이 아래의 모든 것은 코딩 지식이 필요합니다.

WordPress의 주요 이미지 및 게시물 썸네일에 대한 테마 개발자 안내서

추천 이미지가 많은 테마에서 지원되는 인기있는 기능이지만 추천 이미지를 지원하지 않는 테마를 사용하고있을 가능성이 있습니다. 이 경우 테마에 추천 이미지 지원을 추가 할 수 있습니다. 테마 파일을 편하게 편집하고 약간의 CSS를 둘러 보는 방법을 알고 있다면 직접 할 수 있습니다..

WordPress 테마에 추천 이미지 지원을 추가하려면 테마의 functions.php 파일에 다음 코드 줄을 추가해야합니다.

add_theme_support ( ‘post-thumbnails’);

이 코드는 게시물과 페이지에 대한 이미지 지원 기능을 활성화합니다. 이제 게시물이나 페이지로 이동할 수 있으며 추천 이미지 옵션이 활성화되어 있습니다. 그러나 추천 이미지를 설정하면 WordPress 테마에 자동으로 표시되지 않습니다. 테마에 추천 이미지를 표시하려면 템플릿을 수정하고 추천 이미지를 표시 할 위치에 다음 코드 줄을 추가해야합니다.

<?PHP the_post_thumbnail (); ?>

위 코드를 추가 한 파일은 테마에 따라 다릅니다. 포스트 루프 안에 코드를 추가하고 싶을 것입니다.

위의 코드는 추천 이미지 지원을 추가하고 테마에 추천 이미지를 표시하는 데 필요한 기본 기능입니다. 업로드 한 추천 이미지의 이미지 크기를 설정하려면 functions.php 파일에이 코드 줄을 추가해야합니다.

set_post_thumbnail_size (50, 50);

set_post_thumbnail_size의 매개 변수는 너비, 높이 순서로 있습니다..

_post_thumbnail () 함수와 함께 사용할 추가 이미지 크기를 설정할 수도 있습니다. 예를 들면 다음과 같습니다.

// 단일 게시물의 이미지 크기
add_image_size ( ‘단일 포스트 썸네일’, 590, 180);

이 예에서는 새로운 이미지 크기를 추가했습니다. 싱글 포스트 썸네일 높이 590px, 높이 180px입니다. 테마에서이 이미지 크기를 사용하려면 적절한 테마 파일에 이미지를 추가해야합니다. 자세한 내용은 WordPress에 추가 이미지 크기 추가에 대한 가이드를 확인하십시오..

이전에 추천 이미지를 업로드했지만 여전히 다른 크기로 표시되는 경우 이전 게시물의 미리보기 이미지 및 이미지 크기를 다시 생성해야합니다.

아래는 특정 이미지 크기를 가진 추천 이미지 기능의 예입니다.

<?php the_post_thumbnail ( ‘단일 포스트 썸네일’); ?>

이것은 전체 기능 버전으로 분류됩니다. 추천 이미지의 기능을 더욱 확장 할 수 있습니다. 예를 들어 게시물 썸네일에 대한 기본 대체 이미지를 설정하거나 자막이있는 추천 이미지를 표시하거나 여러 게시물 썸네일 또는 추천 이미지를 추가 할 수도 있습니다..

이 기사가 추천 이미지를 추가하거나 썸네일을 WordPress에 게시하는 방법을 배우는 데 도움이되기를 바랍니다. 14 개의 추천 이미지 플러그인 및 WordPress에 대한 자습서 목록을 확인하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me