워드프레스에서 추천 이미지 또는 포스트 썸네일을 추가하는 방법

WordPress에서 대표 이미지 또는 포스트 섬네일을 추가하는 방법은 모든 블로거, 개발자 또는 콘텐츠 제작자에게 필수적입니다. 대표 이미지는 게시물을 시각적으로 매력적으로 만들고 독자와의 소통을 강화하며 SEO를 개선하고 소셜 미디어 미리 보기를 향상시킵니다. 블로그, 포트폴리오 사이트 또는 온라인 스토어를 운영하든 잘 배치된 대표 이미지는 콘텐츠의 영향력을 크게 높일 수 있습니다.

이 기사에서는 코드와 테마 설정을 사용하여 워드프레스에서 추천 이미지를 활성화하고 추가하는 방법을 배울 수 있습니다. 또한 클래식 에디터와 엘리멘터를 통해 이미지를 추가하는 방법을 안내하여 워크플로우에 가장 적합한 방법을 선택할 수 있습니다.

게시물에 추천 이미지를 사용하는 이유는 무엇인가요?

대표 이미지는 워드프레스 게시물을 더욱 흥미롭고 전문적으로 만드는 데 중요합니다. 대표 이미지는 독자의 주의를 끌고 블로그나 웹사이트의 전반적인 미적 매력을 높이며 콘텐츠 전반에 걸쳐 일관성을 만들어 시각적 신호로 작용합니다. 시각적 매력을 향상시키는 것 외에도 소셜 미디어 플랫폼은 콘텐츠가 공유될 때 대표 이미지를 자주 사용하므로 게시물의 존재감을 높이고 클릭률을 높입니다.

추천 이미지의 영향으로 인해 사이트가 성장할 때 특히 미디어 파일을 관리하는 것은 추가하는 것만큼 중요합니다. 미디어 라이브러리가 복잡하면 워크플로우가 느려지고 효율적으로 이미지를 찾거나 재사용하기 어려울 수 있습니다.

이것이 WP Media Folder과 같은 도구가 권장되는 이유입니다. 무제한 폴더, 고급 검색 필터, 클라우드 플랫폼과의 원활한 통합과 같은 기능을 갖춘 WP Media Folder는 사용자가 체계적으로 정리하고 추천 이미지 및 기타 미디어를 쉽게 관리할 수 있도록 도와줍니다.

워드프레스 테마에서 특성이미지를 활성화하는 방법

모든 WordPress 테마가 추천 이미지 기능을 자동으로 표시하거나 활성화하지는 않습니다. 게시물을 생성할 때 이 옵션이 표시되지 않으면 테마에서 이 기능에 대한 지원을 활성화하지 않았을 수 있습니다. 걱정하지 마세요. 테마 파일을 직접 수정하지 않고 사용자 지정 코드를 사용하거나 사용 중인 테마의 기본 설정을 통해 두 가지 방법으로 이 기능을 활성화할 수 있습니다.

사용자 지정 코드 사용

WordPress에 익숙하고 functions.php 파일을 직접 편집하지 않고 추천 이미지 기능을 수동으로 활성화하려는 경우 WordPress 플러그인 WP Code와 같은 것을 사용할 수 있습니다. 이 플러그인은 입력 오류로 인해 사이트가 손상될 위험 없이 코드를 추가하는 것을 단순화합니다.

이렇게 하려면 플러그인 > 새 플러그인 추가 메뉴에서 WPCode 플러그인을 설치하는 것으로 시작합니다. 그런 다음 "WPCode"를 검색하고 설치를 클릭한 다음 활성화를 클릭합니다.

플러그인이 활성화되면 코드 조각 메뉴를 열고 + 조각 추가를 선택합니다.

"사용자 정의 코드 추가(새 스니펫)" 옵션을 선택합니다.

그런 다음 "코드 미리보기" 열에 다음 코드를 입력하고 코드 유형에서 PHP 스니펫을 선택한 다음 스니펫 저장을 클릭합니다.

게시물 편집기를 열면 사이드바에 추천 이미지를 추가하는 옵션이 나타납니다.

게시물 디스플레이에 특집 이미지를 표시하려면 single.php 또는 content.php와 같은 루프 내부의 적절한 테마 파일에 이 코드를 추가하십시오.

<?php the_post_thumbnail(); ?> 

이미지 크기를 조정하기 위해 이 코드를 추가할 수도 있습니다.

set_post_thumbnail_size( 300, 200 ); 

또는 다음과 같은 사용자 지정 크기를 만듭니다.

add_image_size( 'custom-size', 590, 180 ); 

마지막으로 다음 코드를 호출합니다.

<?php the_post_thumbnail( 'custom-size' ); ?> 

테마 설정 사용

코드를 다루고 싶지 않다면 많은 최신 WordPress 테마에서 이미 사용자 정의 도구에서 직접 추천 이미지를 활성화하고 설정하는 설정을 제공합니다. 이렇게 하려면 외관 > 사용자 정의하기로 이동합니다. 그런 다음 글 유형 > 블로그/보관함

그런 다음, 게시물 구조 > 게시물 요소에서 특성이미지 메뉴를 찾을 수 있습니다. 활성화하려면 다음 이미지와 같이 눈 아이콘을 클릭하기만 하면 됩니다. 비율, 호버 효과 및 크기도 조정할 수 있습니다.

구텐베르크(블록 편집기)를 통해 워드프레스에 대표 이미지 추가하기

Gutenberg(블록 편집기)를 사용하여 WordPress에서 추천 이미지를 추가하는 것은 쉽고 실용적입니다. 특히 인터페이스가 현대적이고 직관적이기 때문에 더욱 그렇습니다. Gutenberg를 사용하면 추가 플러그인을 설치하지 않고도 편집기 사이드바에서 직접 추천 이미지를 설정할 수 있습니다. 이 기능은 게시물의 시각적 외관을 빠르게 사용자 정의하려는 초보자와 숙련된 사용자에게 적합합니다.

그런 다음 대표 이미지로 설정할 이미지를 선택하고 대체 텍스트를 입력한 후 대표 이미지 설정을 클릭합니다.

엘리멘터를 통해 워드프레스에 추천 이미지 추가

Elementor를 사용하여 페이지나 게시물을 생성하는 경우에도 여전히 쉽게 추천 이미지를 추가할 수 있습니다. 기본 WordPress 편집기와는 약간 다르지만 Elementor는 디자인 레이아웃에서 추천 이미지를 동적으로 표시하는 옵션을 제공합니다. 먼저 게시물을 열고 Elementor로 편집

그런 다음 상단 중앙에 있는 설정 아이콘을 클릭합니다. 왼쪽에는 추천 이미지 메뉴가 있습니다. 이미지 선택을 클릭합니다.

그러면 미디어 디스플레이가 나타납니다. 이미지를 선택하고 대체 텍스트를 입력한 다음 마지막으로 선택을 클릭합니다.

결론

대표 이미지를 추가하면 독자의 관심을 끌고 콘텐츠 정체성을 강화하며 소셜 미디어에서 공유할 때 외관을 개선하는 중요한 시각적 가치를 제공할 수 있습니다. 페이지를 아름답게 꾸미는 것 외에도 이 기능은 SEO도 지원하고 WordPress 웹사이트를 더욱 전문적으로 보이게 합니다.

그러나 업로드된 이미지 수가 증가함에 따라 미디어 라이브러리를 체계적으로 유지하고 효율적으로 유지하는 것도 중요합니다. WP Media Folder, 무제한 폴더, 고급 검색 및 클라우드 통합과 같은 뛰어난 기능을 갖춘 워드프레스 미디어 관리 솔루션을 사용할 수 있습니다. 지금 사용해 보십시오. 그러면 특집 이미지를 보다 빠르고 효율적으로 스트레스 없이 관리할 수 있습니다!