워드프레스 슬라이더 플러그인 – Meta Slider

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

워드프레스에는 다양한 슬라이더 플러그인이 있습니다. 그 중에서 레볼루션 슬라이더(Revolution Slider)는 대표적인 유료 슬라이더로 타임라인 기능을 제공하여 슬라이드를 역동적으로 만들 수 있습니다.

하지만 대부분의 경우 이렇게 복잡한 슬라이더는 필요하지 않다고 생각합니다. 개인적으로는 슬라이드를 최소화하는 것이 가장 좋다는 생각을 가지고 있습니다. 이 사이트에도 테스트 목적으로 삽입한 슬라이드 외에는 슬라이드를 사용하고 있지 않습니다. 간단한 슬라이드를 사용하고자 하는 경우 Metaslider를 추천합니다.
Metaslider WordPress
Metaslider의 경우 지난 번에 테스트할 때에는 매우 단순한 기능만 제공한 것 같은데, 다시 설치해보니 캡션 기능과 페이지 연결 기능이 있네요. 이 플러그인을 설치하면 관리자 페이지에 “Meta Slider”라는 메뉴가 추가됩니다. New Slider에서 “Add Slide”를 클릭하여 이미지 파일들을 추가할 수 있습니다.
Metaslider- Add slide
이미지 파일들을 추가하면 다음과 같이 Caption과 URL을 추가할 수 있습니다.
Add Slides in Metaslider
오른쪽 패널에 설정을 지정할 수 있는 패널이 있습니다.
Metaslider - Basic Settings
그리고 그 아래에 있는 “Advanced Settings(고급 설정)”을 클릭하면 보다 자세한 설정을 지정할 수 있습니다.
Metaslider - Advanced Settings
설정을 마쳤으면 저장을 누르고 맨 아래 “Usage”의 “Shortcode”의 숏코드를 복사하여 원하는 곳에 추가할 수 있습니다.
Metaslider - shortcode

숏코드를 사용하는 방법은 “외모” -> “위젯”에서 원하는 위젯 영역에 “텍스트 위젯“을 추가하고 위의 “Shortcode”를 붙여넣기 하면 됩니다.

Adding shortcode to Widget

적절한 위젯 영역이 없으면 위젯 영역을 만들 수 있습니다.

위젯 영역을 만드는 방법은 어려울 것 같지만 그리 어렵지 않습니다. WordPress Codex 페이지를 참고로 하여, 먼저 함수 파일(functions.php)에 위젯 영역을 함수 형태로 등록하고(“How to Register a Widget Area” 부분), 위젯 영역 코드를 적당한 테마 파일에 추가합니다(“How to display new Widget Areas” 부분). 어떤 파일에 추가할 것인가는 어디에 배치할 것인가에 따라 달라집니다. 추가할 위치에 따라 header.php 파일일 수도 있고 index.php 파일이 될 수도 있을 것입니다.

저는 헤더 바로 아래에 새로운 위젯 영역을 추가하고 위의 Metaslider 숏코드를 텍스트 위젯에 붙여넣기 하여 삽입했습니다. 그럼 실제 작동을 볼까요?
Metaslider in action
이것으로도 괜찮지만, 캡션 부분이 조금 마음에 들지 않네요. 캡션 부분의 레이아웃을 조정하기 위해 다음과 같은 코드를 스타일시트 파일에 추가했습니다.

.metaslider .caption-wrap {

    background: #4BC3AE!important;
    line-height: 1.7em!important;
}

.metaslider .caption-wrap .caption {
font-size: 24px!important;
}

(.metaslider 대신 #metaslider_container_552와 같이 특정 슬라이더 ID를 추가하면 개별 슬라이더별로 레이아웃을 조정할 수 있습니다. 워드프레스에서 CSS 코드를 추가하는 방법은 여기를 참고하시기 바랍니다.)

이제 적용된 슬라이더를 보면:
Metaslider in action with caption changed
처음보다는 약간 낫네요. CSS를 통해 색상과 글자 크기 등을 적절히 조정하여 레이아웃을 원하는 대로 수정할 수 있습니다.

단순한 워드프레스 슬라이더 플러그인이 필요하다면 Metaslider 정도도 충분할 것 같습니다. 이 슬라이더 플러그인은 7월말 현재 50만 회 이상 다운로드되었고 평가도 좋은 편입니다. 그리고 CSS를 통해 약간의 레이아웃 수정도 가능합니다. 더 많은 기능을 원한다면 Pro 버전도 이용할 수 있습니다. Pro 버전은 아래와 같은 추가 기능을 제공합니다.
Metaslider Pro

 


참고로 보다 동적인 슬라이드를 구현하려는 경우에는 Slider Revolution, LayerSlider, Master Slider 등을 고려해볼 수 있습니다. 이 세 플러그인 모두 플러그인 판매 사이트인 Codecanyon에서 베스트 셀링 플러그인으로 이름을 올리고 있는 인기 플러그인입니다. 특히 레볼루션 슬라이더는 이름 그대로 슬라이더 플러그인의 혁명이라 할 정도로 혁신적인 기능을 선보입니다. 하지만 레볼루션 슬라이더는 작년 초에 보안 문제 때문에 홍역을 치른 적이 있습니다. 그럼에도 불구하고 레볼루션 슬라이더는 많은 사용자들의 사랑을 받고 있습니다. 여러 가지 플러그인을 검토하여 요구 사항에 맞는 플러그인을 선택하면 좋을 듯 합니다.



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.