Foobox: 사회적으로 반응하는 미디어 라이트박스 플러그인
라이트박스는 상자에 콘텐츠를 표시하는 데 사용되는 JavaScript 기술입니다. 나는 당신이 이전에 여러 번 웹사이트에서 사용된 것을 본 적이 있을 것이라고 확신합니다. WordPress의 세계에서는 일반적으로 갤러리와 연결됩니다. 사용자가 갤러리 이미지를 클릭하면 이미지가 팝업 상자에 나타나고 페이지의 나머지 부분이 어두워져 이미지가 강조 표시됩니다.
라이트박스는 다른 유형의 웹사이트에서도 사용됩니다. 예를 들어, 많은 온라인 상점에서는 라이트박스 기술을 사용하여 제품 이미지를 강조합니다.
라이트박스는 방문자가 콘텐츠를 탐색할 수 있는 사용자 친화적인 기능입니다. WordPress에 내장된 WordPress 갤러리와 같은 기본 이미지 갤러리의 경우 사용자는 이미지를 클릭하여 전체 이미지를 확인한 후 뒤로 버튼을 클릭하여 갤러리로 돌아가고 다음 이미지를 클릭해야 합니다. 라이트박스를 사용하면 갤러리에서 왼쪽과 오른쪽을 클릭하기만 하면 콘텐츠를 탐색할 수 있습니다.
오늘 저는 Foobox라는 훌륭한 WordPress용 프리미엄 라이트박스 플러그인에 대해 이야기하고 싶습니다. 플러그인을 사용하면 이미지, 비디오, HTML 등에 라이트박스를 사용할 수 있습니다.
Foobox 받기
아름다운 반응형 라이트박스
Foobox는 가장 발전된 라이트박스 플러그인 중 하나입니다. 데스크톱, 태블릿, 휴대폰에서 멋지게 보이는 많은 유용한 기능과 반응형 디자인입니다. 사용자는 좌우로 스와이프하여 콘텐츠를 탐색할 수도 있습니다.
업로드된 각 이미지에는 고유한 URL이 제공됩니다. 이를 통해 방문자는 Facebook 및 Twitter와 같은 인기 있는 소셜 미디어 서비스를 통해 이미지를 공유할 수 있습니다.
플러그인은 내장된 WordPress 갤러리를 기본적으로 지원합니다. 또한 인기 있는 WordPress 플러그인인 Justified Image Grid, Jetpack 및 NextGEN Gallery를 지원합니다.
앞서 언급했듯이 Foobox는 이미지만 처리하는 것이 아닙니다. 플러그인은 비디오 및 HTML에도 사용할 수 있습니다. 예를 들어 YouTube 동영상을 더 눈에 띄게 표시하거나 뉴스레터 가입 상자를 표시하는 데 사용할 수 있습니다.
또한 iframe을 사용하여 콘텐츠를 표시할 수도 있습니다. 이 기능을 사용하면 라이트박스 영역 내에 전체 웹사이트를 표시할 수 있으며, 이는 방문자가 페이지를 떠나는 것을 원하지 않을 때 유용합니다.
Foobox가 무엇을 할 수 있는지 더 잘 이해하기 위해 Foobox의 설정 영역을 자세히 살펴보겠습니다.
Foobox 구성
자동 플러그인 업데이트를 받고 지원 탭을 활성화하려면 Foobox 라이선스가 필요합니다. 플러그인은 일반 공중 라이선스(General Public License)를 준수하므로 플러그인이 작동하는 데 라이선스가 필요하지 않습니다.
일반 설정 탭에서는 Foobox에서 사용되는 이미지 유형을 다룹니다. WordPress 갤러리, 첨부 파일 이미지, 캡션이 있는 이미지에 대해 활성화할 수 있습니다. 모든 유형의 이미지에 대해 Foobox를 자동으로 활성화할 수도 있습니다.
플러그인에는 Rounded와 Metro라는 두 가지 스킨이 포함되어 있습니다. 또한 5가지 색상 구성표, 12가지 아이콘 세트, 11가지 로딩 아이콘이 함께 제공됩니다.
캡션은 제가 평소에 별로 주의를 기울이는 부분이 아닙니다. 그러나 Foobox는 캡션에 대한 다양한 사용자 정의 옵션을 제공합니다. 이미지, 비디오, HTML, iframe에 캡션을 표시할지 여부를 선택할 수 있습니다.
캡션 제목과 설명은 앵커 제목이나 이미지 대체 제목으로 대체될 수도 있습니다. 이미지 파일 이름을 가져와 읽을 수 있는 이름으로 변환하는 기능도 있습니다. 예를 들어 'day-at-beach-456'으로 업로드된 이미지는 'Day at Beach'로 이름이 변경됩니다.
기능 설정 페이지에는 스크롤바 및 탐색 버튼 숨기기와 같은 다양한 옵션이 있습니다. Foobox가 이미지에 사용하는 고유 URL을 비활성화할 수도 있습니다.
다른 옵션으로는 전체 화면 버튼, 검색 속도 향상을 위한 이미지 사전 로드, 이미지 보호, 통계 카운터 및 슬라이드쇼가 있습니다.
소셜 미디어 공유 아이콘은 모든 유형의 라이트박스에 표시될 수 있습니다. 아이콘은 콘텐츠 영역 위나 아래에 배치될 수 있습니다. 왼쪽, 중앙, 오른쪽으로 정렬할 수도 있습니다.
10개의 소셜 미디어 서비스가 사용자에게 표시될 수 있습니다. 이메일 링크와 이미지 다운로드 옵션을 표시할 수도 있습니다. 해당 소셜 아이콘이 표시되려면 각 소셜 미디어 서비스를 활성화해야 합니다.
Open Graph Protocol, Facebook 및 Twitter에 대한 추가 구성 옵션을 사용할 수 있습니다.
선택한 소셜 미디어 네트워크를 활성화하면 공유 표시줄이 라이트박스에 표시됩니다. 다음과 같이 보일 것입니다:
기타 기타 기능은 고급 탭 아래에 있습니다. Foobox 제휴 URL을 라이트박스와 통합하고 추가 현금을 얻을 수 있는 옵션이 있습니다.
다른 옵션에는 다른 라이트박스 비활성화, 바닥글에 Javascript 파일 로드 및 디버그 모드 활성화가 포함됩니다.
Foobox에서는 사용자 정의 CSS 및 Javascript를 추가하여 라이트박스를 수정할 수도 있습니다. 이는 주로 Foobox의 기능을 확장하려는 개발자를 위한 것입니다.
라이트박스가 어떻게 보이는지 확인하기 위해 게시물과 페이지를 변경할 필요는 없습니다. 색 구성표나 소셜 미디어 공유 옵션과 같은 설정을 변경한 후 데모 탭으로 이동하여 라이트박스가 다양한 이미지, 비디오 및 iframe으로 어떻게 보이는지 확인하세요.
개요
Foobox는 라이트박스를 사용하여 웹사이트에 콘텐츠를 표시하는 가장 좋은 방법 중 하나입니다. 플러그인 소매가는 개인용 라이센스가 27달러, 다중 사이트 라이센스가 67달러, 비즈니스 라이센스가 97달러입니다.
Foobox는 현재 갤러리 기능을 대체하는 것이 아니라 향상시키는 플러그인이라는 점을 기억하는 것이 중요합니다. 따라서 Envira Gallery와 같은 갤러리 플러그인에서 볼 수 있는 기능이 부족합니다.
비디오, HTML 및 iframe을 지원하는 Foobox는 다양한 방법으로 사용할 수 있는 다재다능한 플러그인입니다. 공식 Foobox 웹사이트를 방문하여 플러그인에 대해 자세히 알아보세요 ?
이 기사가 마음에 드셨다면 RSS, Facebook, Twitter 또는 Google+를 통해 향후 업데이트를 위해 WPExplorer를 구독하시기 바랍니다. 주간 뉴스레터에 가입하시면 무료로 받은 편지함으로 업데이트 내용을 직접 받아보실 수도 있습니다.
언제나 그렇듯이, 플러그인에 관해 궁금한 점이 있으시면 댓글을 남겨주시면 최선을 다해 답변해 드리겠습니다.
케빈