Salient 세일리언트 테마: 포트폴리오·모션 사이트 만들기

Salient는 Nectar라는 자체 요소 묶음을 갖고 있습니다. WPBakery 빌더 위에 얹혀 있는데, 실제로 쓰는 건 대부분 Nectar 쪽입니다. 슬라이더, 포트폴리오, 카운터, 분할 화면 같은 것들이 이미 완성된 형태로 들어 있어서 골라 넣기만 하면 됩니다.

가장 눈에 띄는 건 움직임입니다. 스크롤을 내리면 요소가 아래에서 올라오거나 서서히 나타납니다. 이런 걸 다른 테마에서 하려면 애니메이션 플러그인을 따로 붙이고 설정을 만져야 하는데, Salient는 요소마다 체크 한 번으로 켭니다.

같은 테마로 만든 것이라고 보기 어려울 만큼 성격이 다릅니다. 눌러서 스크롤해 보시면 이 테마가 말하는 “움직임”이 무엇인지 바로 보입니다.

기본 데모전체 화면 슬라이더가 첫 화면을 채웁니다. Salient의 기본 성격이 가장 잘 드러납니다.템플릿 열기→에이전시작업물을 격자로 늘어놓는 구성. 디자인·영상 스튜디오에 맞습니다.템플릿 열기→음식점사진을 크게 쓰고 메뉴·예약으로 이어집니다. 카페나 식당에 어울립니다.템플릿 열기→앱·서비스한 페이지로 끝나는 소개형. 기능 설명과 다운로드 버튼이 중심입니다.템플릿 열기→

데모 전체는 Salient 공식 사이트에서 보실 수 있습니다. 업종별로 수십 종이 준비되어 있습니다.

① 데모 가져오기 — 가장 먼저

Salient는 데모를 통째로 가져오는 방식입니다.

1. Salient → Install Demo Data로 들어갑니다.
2. 목록에서 원하는 데모를 고르고 Install을 누릅니다. 위 갤러리에서 봐 두신 것을 고르시면 됩니다.
3. 필수 플러그인을 먼저 설치하라는 안내가 뜨면 전부 설치합니다.
4. 10~20분 걸립니다. 사진과 슬라이더가 많아 다른 테마보다 오래 걸립니다.

② 로고·색상·글꼴 바꾸기

1. Salient → General Settings → Logo에서 로고를 올립니다. 투명 헤더를 쓰신다면 밝은 배경용·어두운 배경용 두 가지를 각각 올리는 칸이 있습니다.
2. Salient → Styling에서 주 색상(Accent Color)을 바꿉니다. 버튼·링크·강조가 한꺼번에 따라옵니다.
3. Salient → Typography에서 글꼴을 정합니다.

③ 메뉴 만들기

메뉴는 테마와 상관없이 워드프레스 공통입니다. 외모 → 메뉴에서 만듭니다.

1. 새 메뉴 만들기를 누르고 이름을 정합니다(예: 주메뉴).
2. 왼쪽에서 페이지나 카테고리를 골라 메뉴에 추가합니다.
3. 항목을 드래그해 순서를 바꿉니다. 오른쪽으로 살짝 밀면 하위 메뉴가 됩니다.
4. 아래 메뉴 설정에서 표시 위치를 체크합니다.
5. 메뉴 저장을 누릅니다.

④ 움직임 조절하기

Salient의 장점이자 함정입니다. 기본값이 꽤 과합니다.

1. Salient → General Settings → Animation으로 들어갑니다.
2. 페이지 전환 효과(Page Transition)를 확인합니다. 부담스러우면 끄거나 Fade로 바꾸세요.
3. 요소별 등장 효과는 각 요소의 Animation 항목에서 개별로 켜고 끕니다.

⑤ 포트폴리오 올리기

작업물을 보여주는 게 이 테마를 쓰는 이유라면 여기가 핵심입니다.

1. 포트폴리오 → 새로 추가에서 항목을 하나씩 등록합니다.
2. 대표 이미지를 넣습니다. 비율을 전부 같게 맞추세요 — 섞이면 격자가 지저분해집니다.
3. Portfolio Categories로 분류하면 목록에 필터가 생깁니다.
4. 페이지에 Portfolio 요소를 넣고 열 수·필터 표시 여부를 정합니다.

05설치 전 체크리스트

• 새 사이트나 스테이징 복제본에서 데모를 먼저 가져옵니다.
• 포함 빌더와 필수 플러그인의 업데이트·라이선스 방식을 확인합니다.
• 모바일 화면, 글·상품 템플릿과 테마 변경 시 이전 범위를 점검합니다.

06공식 정보와 최신 확인

기능, 지원 환경과 요금은 바뀔 수 있습니다. 설치 전 공식 홈페이지에서 현재 문서와 변경 내역을 확인하세요. 이 글은 2026년 9월 18일에 다시 검수했습니다.

자주 나오는 질문