WordPress 사진 팝업 플러그인: Simple Lightbox 설치 및 설정 방법

워드프레스 사진 팝업 플러그인 Simple Lightbox 소개와 설정

대부분의 블로거들처럼 저도 처음엔 네이버로, 그다음엔 티스토리로 블로그를 시작했습니다.

워드프레스를 시작한 지 벌써 1년 반이 되었지만 자유로운 만큼 귀찮고 번거롭게 느껴지는 경우가 많습니다.

이전에 사용하던 티스토리가 뭐 이런저런 문제가 많다고는 하지만 글쓰기에는 깔끔하고 또 편리하고 쉬운 기능을 제공해 줬기 때문이겠지요.

개인적으로 포스팅을 읽는 사람의 입장에서 티스토리와 워드프레스의 가장 큰 차이는 본문에 포함된 사진의 확대 팝업 기능이라고 생각됩니다.

오늘은 티스토리와 마찬가지로 사진을 클릭했을 때 팝업으로 확대해 주는 기능을 가진 플러그인을 소개하고 설정까지 알아보겠습니다.

 

팝업 플러그인 simple lightbox post Thumbnail

 

Lightbox란 무엇인가?

원래 Lightbox는 뒷면에서 조명을 비추는 반투명 표면을 말합니다. 표면에 놓인 모양이나 물건을 높은 대비로 보아야 할 때 사용하는 백라이트 시청 장치라고 생각하시면 됩니다.

Lightbox를 사용해 그림을 그리는 모습 (팝업 플러그인 simple lightbox )
Lightbox를 사용해 그림을 그리는 모습

이러한 Lightbox와 비슷한 형태로 특정 이미지를 보여주기 때문에 홈페이지에서 특정 이미지나 배너를 클릭했을 때 배경화면의 조도를 낮추고 팝업으로 해당 이미지가 부각되는 것을 Lightbox popup이라고 부릅니다.

워드프레스에서 이렇게 이미지를 팝업 형태로 보여주는 플러그인 역시 'lightbox'라고 검색하시면 찾을 수 있습니다.

워드프레스 새 플러그인 찾기(팝업 플러그인 simple lightbox )
워드프레스 새 플러그인 찾기

 

수많은 Lightbox 플러그인 중에서 오늘 소개할 플러그인은 Simple Lightbox라는 플러그인입니다.

가장 기본적인 기능으로 서버에 부담도 적고, 설정도 복잡하지 않아 쉽게 적용할 수 있었습니다.

현재 10만명 이상이 설치하였고 평점은 5점 만점에 4.5점 정도로 준수한 편입니다. 최근 업데이트가 2개월 전으로 꾸준히 최신 WP 버전에 대응하고 있는 만큼 안정적인 구동이 보장되는 플러그인이라는 생각이 듭니다.

그럼 Simple Lightbox의 설치와 설정을 정리해 보겠습니다.

 

 

Simple Lightbox 설치와 설정

1) 설치 및 활성화

플러그인의 설치와 활성화는 여느 플러그인과 똑같습니다.

새 플러그인 추가 ➞ lightbox 검색 ➞ Simple Lightbox 선택 ➞ 설치 ➞ 활성화

 

추천글 ▶︎  광고 클릭률(CTR) 1%도 안 나온다면? 애드센스 CTR 높여 수익 내는 9가지 방법

2) 설정

플러그인의 설정은 워드프레스 관리자 메뉴 외모 또는 모양의 하위메뉴를 찾아보면 simple lightbox를 찾을 수 있습니다.

Simple Lightbox 설정메뉴(팝업 플러그인 simple lightbox )
Simple Lightbox 설정메뉴

아래 설정화면을 하나씩 설명해 보겠습니다.

simple lightbox 설정화면 1(팝업 플러그인 simple lightbox )

simple lightbox 설정화면 2(팝업 플러그인 simple lightbox )

① Activation / 각 페이지마다 활성여부 선택

  • Enable Lightbox Functionality : 라이트박스 플러그인 활성화
  • Enable on Home page : 홈페이지에서 활성화
  • Enable on Single Posts : 단일 게시글에서 활성화
  • Enable on Pages : 페이지에서 활성화

② 체크박스

설정 화면의 각 메뉴는 체크박스로 활성여부를 선택할 수 있습니다.
체크박스를 선택하시면 (Default: Enabled)라고 설명된 기능은 사용가능하게 되고,
(Default: Disabled)라고 설명된 기능은 사용이 불가능하게 됩니다. 만약 체크박스를 해제한다면 반대로 작동하겠지요

③ Gouping

  • Group items : 슬라이드쇼가 가능하도록 이미지를 그룹으로 표시
  • Group items bo Post : 이미지를 게시물별로 그룹화하기. 여러 게시물이 있는 Page에 적용

④ UI

  • Theme : 밝은 배경색의 Light 테마와 어두운 배경의 Dark 테마가 있습니다. 
  • Start Slideshow Automatically : 슬라이드쇼 자동 시작 여부 선택. 이 기능은 여러 이미지를 그룹화했을 때 자동으로 슬라이드쇼 형태로 보고 싶을 때 선택하는 것입니다. 체크하지 않으면 한 장씩 넘겨야 다음 이미지로 넘어가게 됩니다.

 

참고로 simple lightbox를 사용하시려면 포스팅에 사용하는 모든 이미지를 '미디어 파일'로 선택해서 삽입해야 합니다.

팝업 플러그인 미디어파일로 삽입

 

이상으로 워드프레스용 이미지 팝업 플러그인 'Simple Lightbox'의 설치와 설정에 대해 알아보았습니다.

 

※ 함께 볼만한 글