사업분야·서비스·브랜드를 카드로 넘겨 보여 주는 슬라이더입니다. 가운데 카드는 위로 떠오르며 크게, 양옆 카드는 흐리게 보여 시선이 자연스럽게 한 곳에 모입니다. 관리자에서 사진과 글을 넣고 저장하면 나오는 숏코드 하나로 원하는 페이지에 넣습니다.
01주요 기능
이 플러그인으로 할 수 있는 일입니다.
- 가운데 카드 강조
가운데 카드는 위로 떠오르고 모서리가 둥글어지며 크게 보이고, 양옆 카드는 흐리게 처리되어 지금 보는 카드가 분명합니다.
- 둥근 + 버튼
카드 아래 둥근 + 버튼을 누르면 그 카드의 자세한 페이지로 이동합니다.
- 작은 제목 자동 번호
카드마다 「BUSINESS 01」처럼 번호가 붙은 작은 제목이 자동으로 들어갑니다. 앞 글자는 원하는 말로 바꿀 수 있습니다.
- 배경 영문 글씨
카드 뒤에 옅고 큰 영문 글씨를 깔아 구간에 깊이감을 줍니다.
- 끝없이 돌기 · 끌어 넘기기
마지막 카드 다음에 첫 카드가 이어지고, PC에서는 마우스로, 휴대폰에서는 손가락으로 끌어 넘깁니다.
- 직접 입력 또는 게시판 불러오기
사진·제목·설명·링크를 직접 넣거나, ON 보드 게시판 글을 불러와 카드로 보여 줍니다.
- 모양 조절
카드 크기, 떠오르는 높이, 모서리 둥글기, + 버튼 색을 고릅니다. 모서리는 직각으로도 할 수 있습니다.
- 미리보기
샘플 보기로 저장 전에 모양을 확인할 수 있습니다.
02방문자에게는 이렇게 보입니다
- 페이지 구간 가운데에 카드 한 장이 위로 떠올라 크게 보이고, 양옆 카드는 조금 작고 흐리게 놓입니다.
- 카드에는 사진과 함께 「BUSINESS 01」 같은 번호 붙은 작은 제목, 제목, 짧은 설명이 보입니다.
- 가운데 카드 아래에 둥근 + 버튼이 있어 누르면 자세한 페이지로 이동합니다.
- 카드 뒤로 옅고 큰 영문 글씨가 깔려 있습니다.
- 카드를 마우스나 손가락으로 끌면 다음 카드가 가운데로 오며, 끝없이 이어서 돕니다.
03관리자에서 이렇게 설정합니다
코딩 없이 관리자 화면에서 고르고 적기만 하면 됩니다.
- 새 슬라이더 만들기
관리자 메뉴 「DF 포커스 슬라이더」 › 「새 슬라이더」를 누릅니다.
- 카드 내용 넣기
카드마다 사진·제목·설명·링크를 넣습니다. 게시판 글을 쓰려면 ON 보드 게시판 글 불러오기를 고릅니다.
- 모양 고르기
카드 크기, 떠오르는 높이, 모서리 둥글기, + 버튼 색을 고릅니다. 작은 제목 앞 글자(예: BUSINESS)와 배경 영문 글씨도 정합니다.
- 숏코드 붙여 넣기
저장하면 나오는 숏코드를 복사해 메인 페이지 등 원하는 자리에 붙여 넣습니다.
관리자 설정 화면 예시
04설정할 수 있는 항목
관리자 화면에서 바꿀 수 있는 옵션을 모두 정리했습니다.
| 카드 내용 | 직접 입력(사진·제목·설명·링크) 또는 ON 보드 게시판 글 불러오기 중 선택 |
|---|---|
| 사진 | 카드에 보일 사진 |
| 제목 · 설명 | 카드에 보일 제목과 짧은 설명 |
| 링크 | + 버튼을 눌렀을 때 이동할 자세한 페이지 주소 |
| 작은 제목 앞 글자 | 번호 앞에 붙는 말. 예: BUSINESS → BUSINESS 01, 02 …기본값: BUSINESS |
| 배경 영문 글씨 | 카드 뒤에 옅고 크게 깔리는 영문 글씨 |
| 카드 크기 | 가운데 카드의 크기 |
| 떠오르는 높이 | 가운데 카드가 위로 올라오는 정도 |
| 모서리 둥글기 | 카드 모서리 둥글기. 직각으로도 할 수 있습니다 |
| + 버튼 색 | 카드 아래 둥근 + 버튼의 색 |
05추천 대상 · 휴대폰 화면
이런 곳에 알맞습니다
- 사업분야가 여럿인 제조·건설·기술 회사의 메인 화면
- 진료과·프로그램·지점을 큼직하게 소개하려는 병원·학원·프랜차이즈
- 첫 화면 아래에 시선을 끄는 소개 구간이 필요한 사이트
- ON 보드 게시판 글을 메인에 카드로 보여 주고 싶은 곳
휴대폰에서는
휴대폰에서는 가운데 카드가 화면 폭의 약 80%로 보이고 양옆 카드가 살짝 비치며, 글씨는 알맞게 줄어듭니다. 손가락으로 밀어 넘깁니다.
06구매 전에 많이 묻는 질문
숏코드는 어떻게 넣나요?
슬라이더를 저장하면 숏코드가 나옵니다. 복사해서 페이지 편집기의 원하는 자리에 붙여 넣으면 됩니다.
카드 모서리를 직각으로 할 수 있나요?
네. 모서리 둥글기를 조절해 직각으로도 만들 수 있습니다.
게시판에 올린 글을 카드로 보여 줄 수 있나요?
ON 보드 게시판 글 불러오기를 고르면 게시판 글이 카드로 나옵니다.
작은 제목의 「BUSINESS」를 다른 말로 바꿀 수 있나요?
네. 앞 글자를 원하는 말로 바꾸면 그 뒤에 01, 02 번호가 자동으로 붙습니다.
휴대폰에서도 잘 보이나요?
휴대폰에서는 카드가 화면 폭의 80%로 보이고 글씨가 알맞게 줄어들며, 손가락으로 밀어 넘깁니다.
07알아 두세요
- 양옆 카드가 화면 끝까지 보이도록 페이지 빌더의 컨테이너를 100% 폭으로 두는 것을 권장합니다.
- 게시판 글 불러오기는 ON 보드가 설치되어 있어야 합니다.
- 저장 전 샘플 보기로 모양을 미리 확인할 수 있습니다.
