인터넷을 하다가 이미지를 클릭했을때 이미지가 확대돼서 보여지는 경우가 있습니다.
상당히 많은 웹사이트들이 이렇게 하고있는데
워드프레스에서 이런 기능을 기본적으로 제공하고 있습니다.
어떻게 하는건지 순서대로 확인해 보겠습니다.
적용 방법
블록 추가 버튼을 누릅니다. (편집창의 검은색 + 아이콘)
그리고 이미지를 선택합니다.
보통은 글을 작성할 때 업로드를 이용하시죠?
탐색기의 이미지를 클릭한 상태로 드래그해서
이미지 박스에다 놓으면 이미지가 삽입됩니다.
아니면 업로드 버튼 누르고 경로 찾아서 이미지 선택하시면 됩니다.
불편하시면 그냥 블록추가 버튼있는 줄에다가 이미지만 드래그해서 놔도 자동으로 삽입됩니다.
‘/을 입력하여 블록 선택‘ 여기에 이미지 드래그해 가면 색깔이 반전되는데 그때 손 떼면 자동 삽입 됩니다.
이미지가 삽입됐으면 이미지 위에 작은 창이 뜰겁니다.
안나오면 이미지를 클릭하세요.
거기에서 링크 아이콘을 클릭합니다. 중간에 (-) 이렇게 생긴 모양입니다.
그러면 아래에 드롭다운으로 메뉴가 펼쳐지는데
그중에서 ‘클릭하여 확대’를 선택하면 끝입니다.
이제 ‘새탭에서 미리보기’로 보시던가
나가서 ‘보기’로 보시던가
아니면 주소를 입력하고 들어가서 보시던가 했을때
이미지를 클릭하면 이미지가 화면에 확대돼서 나옵니다.
예전버전은 Simple Lightbox 플러그인을 설치하면 된다고 하는데
저는 워드프레스 6.8.1 버전부터 사용하다 보니까
예전 방법은 모르겠네요…
참고로 Astra 무료 테마와 Twenty Twenty-Five 테마 두군데서 확인해 봤는데 두군데 다 이미지 확대 기능이 기본으로 제공되고 있었습니다.
이상 간단히 워드프레스에서 이미지 클릭시 확대하는 방법이었습니다.