워드프레스 이미지 확대 기능은 방문자가 이미지를 크게 볼 수 있게 만드는 설정입니다. 그런데 기본 상태에서는 이미지를 클릭해도 확대되지 않는 경우가 많습니다. 특히 설명 이미지나 텍스트가 들어간 캡처 화면은 크기가 작으면 내용 확인이 어려워집니다.
문제는 여기서 끝나지 않습니다. 워드프레스 이미지 확대 설정을 해도 닫기(X) 표시가 보이지 않는 경우가 있기 때문입니다. 방문자는 확대된 이미지를 닫기 위해 뒤로 가기를 누르거나 화면 밖을 눌러야 하는데, 이런 방식은 모바일에서 특히 불편하게 느껴질 수 있습니다.
이번 글에서는 워드프레스 이미지 확대 설정 방법과 함께 닫기(X) 표시를 추가하는 플러그인 적용 과정까지 순서대로 정리해보겠습니다.
목차
워드프레스 이미지 확대가 필요한 이유
이미지를 많이 사용하는 글에서는 확대 기능 차이가 꽤 크게 느껴집니다.
예를 들어:
- 플러그인 설정 화면
- 서버 관리 화면
- 워드프레스 메뉴 설명
- SEO 설정 캡처
같은 이미지는 작은 상태에서는 글자가 잘 보이지 않습니다. 이 상태가 계속되면 방문자는 이미지를 다시 확대해서 보려고 시도하게 되는데, 클릭해도 반응이 없으면 이탈로 이어질 수 있습니다.
특히 워드프레스 이미지 확대 기능은:
- 튜토리얼 글
- 설정 가이드
- 서버 관리 글
- 플러그인 설명 글
에서 체감 차이가 큰 편입니다.
워드프레스 확대 설정 방법
워드프레스에서 이미지를 업로드하면 우측 설정 영역에 <첨부 파일 표시 설정> 메뉴가 나타납니다. 기본 상태에서는 연결 옵션이 “없음”으로 되어 있는 경우가 많습니다.
이 상태에서는 방문자가 이미지를 클릭해도 확대 화면으로 연결되지 않습니다. 그래서 확대 기능을 사용하려면 연결 항목을 “미디어 파일”로 바꿔야 합니다.
이 설정을 바꾸면 이미지 클릭 시 원본 이미지 화면으로 연결되기 때문에 워드프레스 확대 기능이 활성화됩니다.
워드프레스 이미지 확대 기존 이미지 수정 방법
새 이미지뿐 아니라 기존 이미지도 개별 수정이 가능합니다. 다만 현재 구조에서는 한 번에 전체 수정하는 방식보다 이미지마다 직접 변경하는 흐름에 가깝습니다.
이미지를 클릭하면 상단에 연필 모양 편집 아이콘이 나타납니다. 여기로 들어가면 이미지 링크 방식을 수정할 수 있습니다. 이 단계가 중요한 이유는 이미 업로드된 이미지 대부분이 “연결 없음” 상태로 저장되어 있는 경우가 많기 때문입니다.
특히 오래된 글은 워드프레스 이미지 확대 설정이 빠진 상태로 발행된 경우가 있어서 직접 수정해야 확대 기능이 정상 동작합니다.
닫기(X) 표시 플러그인 추가 방법
워드프레스에서 이미지 확대 기능을 켜면 이미지를 눌렀을 때 크게 보는 것까지는 가능합니다. 작은 글자가 들어간 이미지나 화면 설명 이미지를 올릴 때는 이런 기능이 꽤 편합니다.
그런데 실제로 사용해 보면 다른 부분에서 불편함이 생기기도 합니다. 확대된 이미지를 닫는 방법이 바로 보이지 않는 경우가 있기 때문입니다. 특히 모바일에서는 이런 상황이 자주 나옵니다.
- 화면 바깥을 눌러야 닫히는지
- 뒤로 가기를 눌러야 하는지
- 다시 이미지를 눌러야 하는지
처음 방문한 사람은 바로 알아차리기 어려울 수 있습니다.
그래서 워드프레스에서는 이미지 확대 기능만 사용하는 대신, 닫기(X) 버튼이 함께 나오는 Lightbox 플러그인을 같이 설치하는 경우가 많습니다. 화면 안에 닫기 표시가 보이면 이미지를 보고 다시 원래 글 화면으로 돌아가기 쉬워집니다.
특히 설명 이미지가 많은 글이나 모바일 방문자가 많은 사이트에서는 이런 방식이 더 편하게 느껴질 수 있습니다.
워드프레스 관리자 화면에서 플러그인 추가 메뉴로 들어간 뒤, WP Featherlight – A Simple jQuery Lightbox를 검색하면 비교적 위쪽에서 찾을 수 있습니다.
설정 메뉴가 복잡한 스타일은 아니라서 설치 후 활성화만 해도 바로 이미지 확대 기능이 적용되는 경우가 많습니다. 그래서 세부 옵션을 하나씩 만질 필요 없이 간단하게 사용하는 분들도 꽤 있는 편입니다.
다만 플러그인 페이지를 보면 마지막 업데이트 날짜가 오래된 경우가 있습니다. 그렇다고 바로 문제가 생기는 것은 아닙니다. 실제로는 오래된 플러그인이라도 현재 워드프레스에서 정상 동작하는 경우가 생각보다 많습니다.
그래도 워드프레스 메이저 업데이트가 있었거나, 사용 중인 테마·캐시 플러그인과 충돌 가능성이 걱정된다면 바로 운영 사이트에 적용하기보다는 테스트 환경에서 먼저 확인해 보는 쪽이 더 안전합니다.
특히 이미지 확대 기능은 모바일 화면이나 캐시 기능과 함께 동작할 때 차이가 생기기도 해서, 설치 후에는 실제 글 화면에서 이미지가 정상적으로 열리고 닫히는지 한 번 확인해 보는 것이 좋습니다.
닫기(X) 표시 적용 결과
플러그인을 적용하면 확대된 이미지 우측 상단에 X 표시가 나타납니다.
이 부분은 단순 디자인 요소처럼 보일 수 있지만 실제로는 방문자 흐름에 영향을 줍니다.
닫는 방법이 명확해지면:
- 모바일 이탈 감소
- 이미지 체류 증가
- 사용 흐름 개선
플러그인을 적용한 뒤 이미지를 눌러 보면 화면 오른쪽 위에 X 버튼이 함께 표시되는 것을 확인할 수 있습니다. 기본 이미지 확대 기능만 사용할 때는 화면 바깥 부분을 눌러야 닫히는 경우가 있는데, 처음 보는 사람 입장에서는 이 방법을 바로 알아채기 어려울 수 있습니다.
특히 모바일에서는 뒤로 가기를 눌러야 하는지 헷갈리는 경우도 자주 나옵니다. 반면 X 버튼이 함께 보이면 이미지를 닫는 위치를 바로 확인할 수 있어서 사용 흐름이 훨씬 단순해집니다.
설명 이미지나 화면 캡처가 많은 글에서는 이런 부분이 생각보다 차이를 크게 만들기도 합니다. 예를 들어 워드프레스 설정 방법이나 플러그인 사용법처럼 이미지가 여러 장 들어가는 글에서는, 이미지를 열었다가 다시 본문으로 돌아오는 과정이 반복됩니다.
이때 닫기 버튼이 있으면 화면 이동이 훨씬 자연스럽게 이어집니다.
정리하면 이런 차이가 있습니다.
- 이미지 닫는 위치를 바로 찾기 쉬움
- 모바일에서 뒤로 가기 혼동이 줄어듦
- 설명 이미지가 많은 글에서 보기 편해짐
워드프레스 이미지 확대 설정 시 같이 확인할 부분
- 이미지 링크가 “미디어 파일”인지 확인
- 모바일에서도 확대되는지 테스트
- 확대 후 닫기 버튼 표시 여부 확인
- 광고와 이미지 간격 확인
- 너무 큰 원본 이미지는 압축 후 업로드
마무리
워드프레스 이미지 확대 설정은 단순 기능 추가가 아니라 방문자가 이미지를 제대로 볼 수 있게 만드는 과정에 가깝습니다. 특히 설명 이미지나 설정 캡처가 많은 글에서는 확대 기능과 닫기(X) 표시를 같이 적용해 두는 것이 흐름 면에서 훨씬 자연스럽게 느껴질 수 있습니다.
▶ 워드프레스 속도 개선, 실제로 느려지는 원인부터 해결까지 정리
