워드프레스 사진 확대 플러그인 – 이미지 클릭시 확대

워드프레스 사진 확대 – Responsive Lightbox & Gallery 플러그인

사진 확대시 테두리 모양 설정 가능

워드프레스 홈페이지 및 블로그를 운영하시는 분들에게는 업로드 하는 사진 한장의 중요성이 적지 않음을 알고 계실겁니다.

어떠한 키워드로 사진을 업로드하냐에 따라 방문자를 한명이라도 더 끌어 올수가 있는데, 글의 내용상 사진이 중요할수록 사진이 확대가 안되서 잘 볼수가 없다면 방문자는 체류시간 1초를 기록하고 나가겠지요

물론 용도에 맞는 유료테마를 구입하셔서 설치하신다면 그 테마 안에 이미지 확대 기능이 내장되어 있는 경우는 있습니다.

그런데 워드프레스는 기본적으로 본문 내용의 사진을 확대가 안됩니다. 더군다나 사진에 글자가 삽입되어 있다면 더더욱 내용을 파악하긴 힘듭니다.

그래서 워드프레스 사진 확대 플러그인 중 보편적으로 많은 분들이 사용하는 Responsive LightboX & Gallery 플러그인을 소개하려 합니다.( 이하 라이트 박스 앤 갤러리 )

▼ 라이트박스 앤 갤러리 설치 후 활성화

라이트박스 앤 갤러리 플러그인을 설치 후 활성화까지 마치시면,

워드프레스 대시보드(알림판) 화면 좌측에 Lightbox 라는 메뉴가 새롭게 하나 생긴걸 확인하실 수 있는데요, 기본 설정은 여기서 다 하실 수 있습니다.

일부러 큰 사진을 한번 올려보겠습니다.

워드프레스 사진 확대

위 사진이 확대가 안된다면… 글씨는 알아보기가 좀….

쉽게 설명을 드리면, 우리가 포스팅을 할때 이미지 많이 넣죠. 그 중에서도 이미지에 링크를 넣어서 새로운 사이트로 연결 되게끔 하는데요,

라이트박스 앤 갤러리는 바로 이 방법을 적용했다고 보면 됩니다.

즉, 확대 하고 싶은 사진에 본래의 이미지를 링크로 넣어서 확대가 되는 셈인거죠.

라이트박스 앤 갤러리의 설정 화면의 중간에 보면 < Enable Lightbox for WordPress image links. > 에 체크가 되어 있는데 위에 설명드린, 대충 뭐 그런 뜻입니다. ~

▼ 확대 방법은 간단합니다.

일단 플러그인 활성화 하시고 크게 건드릴게 없습니다. 사진 확대를 위한 기본 세팅은 되어 있으며, 실질적으로 손을 봐야 할곳은 사진을 업로드 하면서 만져주면 됩니다.

참고로 저는 워드프레스 글 쓰는 방식이 고전편집기가 아닌 블럭편집기이기에 이 기준으로 설명드립니다.

워드프레스 사진 확대

위 사진처럼 사진을 본문에 업로드 하시고, 1번 링크 탭, 2번 미디어파일 클릭해주면 세팅완료 입니다. 사진을 클릭해 보시면 확대가 되는걸 확인하실 수 있습니다.

또한, 사진이 확대 될시 확대가 되는 방법이라던지, 확대된 사진의 스타일도 변경할 수 있습니다. Default lightbox 탭에서 설정이 가능합니다.

SwipeBox, prettyPhoto,FancyBox, Nivo Lightbox, Image Lightbox, TosRUs, Featherlight, Magnific Popup 등 총 8가지 섹션이며, 하나의 섹션 마다 또 수정이 가능합니다.

섹션 별로 수정을 원하면 Lightboxes 탭에서 수정 가능합니다.

워드프레스 사진 확대

이 부분은 직접 하나씩 만지작 해보시는 걸 추천드려요~

사진 확대시 테두리를 좀 바꾼다던지, 아니면 사진을 단계별로 확대를 시킬지 등등 다양한 옵션들이 있어서 직접 해보시길 추천 드리며, 이도저도 귀찮으시다면 그냥 손대지 않으셔도 됩니다.

워드프레스 사진 확대 플러그인은 라이트박스 앤 갤러리 말고도 엄청 많으나,정말 아주 간단하게 사용하기에는 라이트박스 앤 갤러기가 제일 수월하니 사용해보세요~

단점이라면, 기존의 포스팅을 했던 글들에도 이미지가 있으실건데 기존의 이미지는 하나하나 설정을 다시 해줘야만 확대가 된다는 점이 다소 단점이네요.

그런데 왠만한 플러그인은 다 비슷하더군요. 기존 이미지는 다시 작업을 해야하는…. <끝>

< 다른 플러그인 보러가기 >

1. 워드프레스 폰트 크기 설정 플러그인

2. 헤더와 푸터에 구글 애드센스 광고 자동 삽입 하기

3. 우클릭 사진 퍼가기 방지 플러그인

0 0 vote
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x