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

추천 이미지 추가하는 방법은 모든 블로거, 개발자, 콘텐츠 제작자에게 필수적입니다. 추천 이미지는 게시물을 시각적으로 매력적으로 만들고 독자의 참여를 유도하며, SEO를 , 소셜 미디어 미리보기를 향상시키는 데 중요한 역할을 합니다. 블로그, 포트폴리오 사이트, 온라인 스토어 등 어떤 사이트를 운영하든, 적절한 위치에 추천 이미지를 배치하면 콘텐츠의 영향력을 크게 높일 수 있습니다.

이 글에서는 코드와 테마 설정을 사용하여 WordPress에서 추천 이미지를 활성화하고 추가하는 방법을 알아봅니다. 또한 클래식 편집기와 엘리멘터에서 이미지를 추가하는 방법도 안내하여 작업 방식에 가장 적합한 방법을 선택할 수 있도록 도와드립니다.

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

추천 이미지는 WordPress 게시물을 더욱 매력적이고 전문적으로 만드는 데 매우 중요합니다. 추천 이미지는 독자의 관심을 사로잡고, 블로그나 웹사이트의 전반적인 미적 감각을 향상시키며, 콘텐츠 전반에 일관성을 유지하는 데 도움이 되는 시각적 단서 역할을 합니다. 시각적 매력을 높이는 것 외에도, 소셜 미디어 플랫폼은 콘텐츠가 공유될 때 추천 이미지를 자주 사용하여 게시물의 존재감을 높이고 클릭률을 높입니다.

미디어 파일의 영향력 때문에, 특히 사이트가 커질수록 미디어 파일을 관리하는 것은 파일을 추가하는 것만큼 중요합니다. 미디어 라이브러리가 복잡하면 작업 속도가 느려지고 이미지를 효율적으로 찾거나 재사용하기 어려워질 수 있습니다.

그렇기 때문에 WP Media Folder 적극 추천합니다. 무제한 폴더, 고급 검색 필터, 클라우드 플랫폼과의 완벽한 통합 등의 기능을 갖춘 WP Media Folder 정리된 콘텐츠를 관리하고 주요 이미지 및 기타 미디어를 손쉽게 관리할 수 있도록 도와줍니다.

WordPress 테마에서 추천 이미지를 활성화하는 방법

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

사용자 정의 코드 사용

WordPress에 익숙하고 functions.php 파일을 직접 편집하지 않고 추천 이미지 기능을 수동으로 활성화하려면 WordPress 플러그인을 . 이 플러그인을 사용하면 입력 오류로 인해 사이트가 손상될 위험 없이 코드를 간편하게 추가할 수 있습니다.

이렇게 하려면 먼저 "플러그인 > 새로 추가" 메뉴에서 WPCode 플러그인을 설치하세요. 그런 다음 "WPCode"를 검색하고 "설치"를 클릭한 다음 "활성화"를 .

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

"사용자 정의 코드 추가(새 스니펫)" 을 선택하세요 .

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

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

게시물 표시에 추천 이미지를 표시하려면 루프 내부의 적절한 테마 파일(예: single.php 또는 content.php)에 이 코드를 추가합니다.

<?php the_post_thumbnail(); ?> 

이것을 추가하여 이미지 크기를 조정할 수도 있습니다.

set_post_thumbnail_size( 300, 200 ); 

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

add_image_size( '사용자 정의 크기', 590, 180 ); 

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

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

테마 설정 사용

코드에 신경 쓰고 싶지 않다면, 많은 최신 WordPress 테마가 이미 사용자 정의 도구에서 추천 이미지를 활성화하고 설정할 수 있는 설정을 제공합니다. 이렇게 하려면 '모양' > '사용자 정의' 다음 '게시물 유형' > '블로그/아카이브'를 선택하세요.

그런 다음 '게시물 구조 > 게시물 요소' '추천 이미지' 메뉴를 찾을 수 있습니다. 이 메뉴를 활성화하려면 아래 이미지처럼 눈 모양 아이콘을 클릭하세요. 비율, 호버 효과, 크기도 조정할 수 있습니다.

Gutengberg(블록 편집기)를 통해 WordPress에 추천 이미지 추가

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

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

Elementor를 통해 WordPress에 추천 이미지 추가

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

그런 다음, 상단 중앙에 있는 설정 아이콘을 클릭하세요. 왼쪽에 있는 추천 이미지 메뉴에서 ' 이미지 선택'을 클릭하세요.

그러면 미디어 디스플레이가 나타납니다. 이미지를 선택하고 ALT 텍스트를 입력한 후 '선택'을 .

결론

추천 이미지를 추가하면 독자의 관심을 끌고, 콘텐츠 정체성을 강화하며, 소셜 미디어 공유 시 시각적인 효과를 높이는 데 중요한 시각적 가치를 제공할 수 있습니다. 이 기능은 페이지를 아름답게 만들 뿐만 아니라 SEO에도 도움이 되고 WordPress 웹사이트를 더욱 전문적으로 보이게 합니다.

하지만 업로드되는 이미지 수가 증가함에 따라 미디어 라이브러리를 체계적이고 효율적으로 관리하는 것 또한 중요합니다. WP Media Folder . 지금 바로 사용해 보시고 추천 이미지를 더욱 빠르고 효율적으로, 그리고 스트레스 없이 관리해 보세요!