Salient 테마 — 움직임과 포트폴리오로 승부하는 다목적 테마
Salient는 2013년부터 이어져 온 다목적 테마입니다. 다른 다목적 테마가 “무난함”을 노린다면, Salient는 보이는 인상 자체를 무기로 삼는 쪽입니다. 스크롤할 때 요소가 나타나는 움직임, 큰 슬라이더, 포트폴리오 격자 — 이런 연출이 테마 안에 이미 들어 있습니다.
- 회사·브랜드 사이트를 인상적으로 보이게 하고 싶습니다
- 포트폴리오를 제대로 보여주고 싶습니다
- 디자인 에이전시·스튜디오처럼 보이는 게 곧 실력인 업종입니다
- 움직임이 있는 사이트를 원하지만 직접 코딩은 못 합니다
어떤 테마인가
Salient는 Nectar라는 자체 요소 묶음을 갖고 있습니다. WPBakery 빌더 위에 얹혀 있는데, 실제로 쓰는 건 대부분 Nectar 쪽입니다. 슬라이더, 포트폴리오, 카운터, 분할 화면 같은 것들이 이미 완성된 형태로 들어 있어서 골라 넣기만 하면 됩니다.
가장 눈에 띄는 건 움직임입니다. 스크롤을 내리면 요소가 아래에서 올라오거나 서서히 나타납니다. 이런 걸 다른 테마에서 하려면 애니메이션 플러그인을 따로 붙이고 설정을 만져야 하는데, Salient는 요소마다 체크 한 번으로 켭니다.
세 테마 다 다목적 빌더형입니다. 성격이 이렇게 갈립니다 — Hub는 데모 하나하나의 완성도가 가장 높고, Impreza는 업종별 데모 수가 압도적이며, Salient는 움직임과 포트폴리오 연출이 강합니다. 작업물을 보여주는 게 핵심인 업종이라면 Salient 쪽이 맞습니다.
디자인 둘러보기
같은 테마로 만든 것이라고 보기 어려울 만큼 성격이 다릅니다. 눌러서 스크롤해 보시면 이 테마가 말하는 “움직임”이 무엇인지 바로 보입니다.
기본 데모전체 화면 슬라이더가 첫 화면을 채웁니다. Salient의 기본 성격이 가장 잘 드러납니다.템플릿 열기→
에이전시작업물을 격자로 늘어놓는 구성. 디자인·영상 스튜디오에 맞습니다.템플릿 열기→
음식점사진을 크게 쓰고 메뉴·예약으로 이어집니다. 카페나 식당에 어울립니다.템플릿 열기→
앱·서비스한 페이지로 끝나는 소개형. 기능 설명과 다운로드 버튼이 중심입니다.템플릿 열기→데모 전체는 Salient 공식 사이트에서 보실 수 있습니다. 업종별로 수십 종이 준비되어 있습니다.
주요 기능
| 기능 | 하는 일 |
|---|---|
| Nectar 슬라이더 | 전체 화면 슬라이더가 테마에 내장되어 있습니다. 별도 슬라이더 플러그인이 필요 없습니다. |
| 스크롤 연출 | 요소마다 나타나는 방식을 체크 한 번으로 켭니다. 플러그인을 붙이지 않아도 됩니다. |
| 포트폴리오 | 작업물을 격자·모자이크·슬라이드로 보여줍니다. 필터도 붙일 수 있습니다. |
| 헤더 옵션 | 투명 헤더, 스크롤 시 고정, 좌측 세로 메뉴 등 형태를 설정으로 바꿉니다. |
| Nectar 요소 모음 | 카운터, 분할 화면, 아이콘 박스, 타임라인 등 완성된 요소를 골라 넣습니다. |
| WooCommerce 지원 | 쇼핑 기능이 필요하면 상품 화면 디자인까지 함께 제공됩니다. |
| 페이지 빌더 | WPBakery 기반이라 화면에서 끌어다 놓는 방식으로 페이지를 만듭니다. |
| 데모 가져오기 | 업종별 완성 사이트를 통째로 가져와 내용만 바꿉니다. |
설치 후 — 무엇을 저희가 하고, 무엇을 직접 하시나
| 구분 | 범위 |
|---|---|
| 저희가 해드리는 것 | 테마와 필수 플러그인 설치, 테마가 정상 동작하는지 확인, 한글 환경에서 깨지는 곳 점검, 그리고 이 가이드 안내까지입니다. |
| 직접 하시는 것 | 데모 선택과 가져오기, 로고·색상·글꼴 적용, 메뉴 구성, 글 작성입니다. 어떤 디자인을 고르고 어떤 색을 쓸지는 사장님만 아실 수 있는 부분이라 저희가 대신 정하지 않습니다. |
테마 설치는 테마를 쓸 수 있는 상태로 만들어 드리는 서비스입니다. 디자인 구성과 콘텐츠 작성까지 함께 원하시면 홈페이지 제작이나 블로그 제작 쪽을 보셔야 합니다.
아래는 직접 하실 때 보시는 순서입니다. 이 글이 곧 그 가이드입니다. 순서대로만 따라오시면 됩니다.
① 데모 가져오기 — 가장 먼저
Salient는 데모를 통째로 가져오는 방식입니다.
- Salient → Install Demo Data로 들어갑니다.
- 목록에서 원하는 데모를 고르고 Install을 누릅니다. 위 갤러리에서 봐 두신 것을 고르시면 됩니다.
- 필수 플러그인을 먼저 설치하라는 안내가 뜨면 전부 설치합니다.
- 10~20분 걸립니다. 사진과 슬라이더가 많아 다른 테마보다 오래 걸립니다.
② 로고·색상·글꼴 바꾸기
- Salient → General Settings → Logo에서 로고를 올립니다. 투명 헤더를 쓰신다면 밝은 배경용·어두운 배경용 두 가지를 각각 올리는 칸이 있습니다.
- Salient → Styling에서 주 색상(Accent Color)을 바꿉니다. 버튼·링크·강조가 한꺼번에 따라옵니다.
- Salient → Typography에서 글꼴을 정합니다.
Salient의 기본 글꼴은 영문 전용이라 한글이 밋밋하게 나옵니다. Pretendard나 노토 산스 KR로 바꾸시면 훨씬 낫습니다. 본문 16~17px, 줄간격 1.7~1.8 정도가 한글에 편합니다. 제목은 자간을 -0.02em 정도 좁히면 정돈되어 보입니다.
③ 메뉴 만들기
메뉴는 테마와 상관없이 워드프레스 공통입니다. 외모 → 메뉴에서 만듭니다.
- 새 메뉴 만들기를 누르고 이름을 정합니다(예: 주메뉴).
- 왼쪽에서 페이지나 카테고리를 골라 메뉴에 추가합니다.
- 항목을 드래그해 순서를 바꿉니다. 오른쪽으로 살짝 밀면 하위 메뉴가 됩니다.
- 아래 메뉴 설정에서 표시 위치를 체크합니다.
- 메뉴 저장을 누릅니다.
항목이 많으면 방문자가 고르지 못합니다. 자주 안 보는 페이지는 푸터로 내리세요. 순서는 왼쪽일수록 중요한 것으로 놓습니다.
④ 움직임 조절하기
Salient의 장점이자 함정입니다. 기본값이 꽤 과합니다.
- Salient → General Settings → Animation으로 들어갑니다.
- 페이지 전환 효과(Page Transition)를 확인합니다. 부담스러우면 끄거나 Fade로 바꾸세요.
- 요소별 등장 효과는 각 요소의 Animation 항목에서 개별로 켜고 끕니다.
모든 요소가 하나씩 나타나면 스크롤이 답답해집니다. 방문자는 내용을 보러 온 것이지 애니메이션을 보러 온 게 아닙니다. 첫 화면과 중요한 구역 한두 곳만 남기고 나머지는 끄시는 편이 결과적으로 더 좋아 보입니다.
⑤ 포트폴리오 올리기
작업물을 보여주는 게 이 테마를 쓰는 이유라면 여기가 핵심입니다.
- 포트폴리오 → 새로 추가에서 항목을 하나씩 등록합니다.
- 대표 이미지를 넣습니다. 비율을 전부 같게 맞추세요 — 섞이면 격자가 지저분해집니다.
- Portfolio Categories로 분류하면 목록에 필터가 생깁니다.
- 페이지에 Portfolio 요소를 넣고 열 수·필터 표시 여부를 정합니다.
포트폴리오는 큰 사진이 한 화면에 여러 장 깔립니다. 원본을 그대로 올리면 페이지가 눈에 띄게 느려집니다. 올리기 전에 가로 1600px 정도로 줄이고, 이미지 최적화와 캐시를 함께 쓰시길 권합니다.
가격
| 금액 | |
|---|---|
| 개발사 정가 | $60 (ThemeForest · 평생) |
| 에코스튜디오 설치 | 29,000원 · 테마 + 자체 빌더(WPBakery 기반) + 필수 플러그인 설치, 정상 동작 확인, 빌더 사용법 안내 |
플러그인은 개수 묶음(1종 9,000원 · 3종 25,000원 · 10종 69,000원)으로 받지만, 테마는 1종 단위로 별도 가격입니다. 테마는 본체 하나만 올리면 끝나지 않기 때문입니다. 테마마다 요구하는 필수 플러그인이 여러 개이고, 그것들이 서로 맞물려 동작하는지 확인해야 합니다. 한글 환경에서 깨지는 곳도 테마마다 다릅니다.
| 구분 | 가격 | 해당 테마 |
|---|---|---|
| 일반 설치형 | 25,000원 | The7 · Soledad · Jannah · Groovy · Shoptimizer — 테마와 필수 플러그인 설치, 정상 동작 확인 |
| 빌더형 | 29,000원 | Avada · Divi · Bricks · Impreza · Hub · Salient — 자체 페이지 빌더가 함께 동작해야 해서 확인할 범위가 넓습니다. 빌더 사용법 안내가 포함됩니다 |
| 기능형 | 39,000원 | Houzez — 매물·중개사·검색·문의까지 시스템이 함께 맞물려 동작해야 해서 확인 범위가 가장 넓습니다 |
※ 정가는 개발사 공식 기준이며 환율과 프로모션에 따라 달라집니다. 저희는 개별 라이선스 키를 발급해 드리는 것이 아니라 보유한 번들판을 설치해 드리는 방식이라 이 가격이 가능합니다.
개발사에서 개별 발급하는 라이선스 키가 아니라, 저희가 보유한 번들판을 설치해 드립니다. 유료 기능은 제한 없이 그대로 동작하고 기간 만료로 잠기지 않습니다. 대신 관리자 화면의 자동 업데이트 알림은 뜨지 않고, 개발사 공식 지원 채널은 이용하실 수 없습니다. 새 버전이 필요하시면 요청해 주세요 — 3회까지 직접 올려 드립니다.
회사 정책상 라이선스 증빙이 필요하거나 보안 패치를 항상 즉시 자동 반영해야 하는 사이트라면 개발사에서 직접 구매하시는 편이 맞습니다. 상담에서 솔직히 말씀드립니다.
자주 나오는 질문
Elementor를 쓸 수 있나요
권하지 않습니다. Salient는 WPBakery 기반의 자체 요소(Nectar)에 맞춰 데모가 만들어져 있습니다. Elementor를 섞으면 테마의 장점이 사라집니다. 빌더 사용법은 설치에 포함해 안내해 드립니다.
무겁지 않나요
가벼운 축은 아닙니다. 슬라이더·애니메이션·큰 사진이 기본으로 들어 있어서입니다. 다만 안 쓰는 연출을 끄고 사진을 미리 줄여 올리면 체감 속도가 꽤 달라집니다. 캐시와 이미지 최적화는 함께 쓰시길 권합니다.
한글이 깨지지 않나요
깨지지 않습니다. 다만 기본 글꼴이 영문용이라 글꼴과 줄간격만 바꾸시면 인상이 크게 달라집니다. 설치 시 한글에서 어긋나는 곳은 저희가 점검해 드립니다.
포트폴리오 개수 제한이 있나요
없습니다. 다만 수백 개가 넘어가면 목록 화면이 느려질 수 있으니 페이지당 표시 개수를 12~24개로 두고 더보기를 쓰시는 편이 좋습니다.
공식 정보
최신 기능과 요금은 개발사 공식 사이트에서 확인하실 수 있습니다 — Salient 공식 홈페이지
Salient와 필수 플러그인을 설치하고 정상 동작하는 상태로 만들어 드립니다. 29,000원. 이후 데모 선택과 디자인은 위 순서대로 직접 하시면 되고, 막히시면 물어보셔도 됩니다.
플러그인도 함께 필요하시면 1종 9,000원 · 3종 25,000원 · 10종 69,000원 묶음이 따로 있습니다. 설치 가능한 테마와 플러그인 목록에서 골라보세요. 바로 물어보고 싶으시면 카카오톡으로 연락 주시면 됩니다.
직접 하기 어려우신가요?
읽으신 내용대로 저희가 대신 해 드립니다. 무엇이 필요한지부터 함께 정해요.
