테마와 스타일 설정
블록으로 내용은 채웠는데, 뭔가 밋밋하다고요?
테마와 스타일을 바꾸면 분위기가 확 달라집니다.
테마 적용하기
테마는 배경, 텍스트, 버튼 등의 색상을 한 번에 바꿔주는 기능입니다.
에디터 화면 상단 툴바에서 테마 아이콘(팔레트 모양)을 클릭합니다.
적용 범위 선택
사이트 전체 — 모든 페이지와 채널에 적용됩니다.
이 페이지만 — 현재 보고 있는 페이지에만 적용됩니다. 특정 페이지만 다른 분위기로 꾸미고 싶을 때 유용해요.
테마 종류
기본 시스템 테마 — 방문자의 시스템 설정(라이트/다크)에 맞춰 자동으로 바뀝니다.
라이트 테마 — 밝은 배경에 어두운 글씨. 가장 무난해요.
다크 테마 — 어두운 배경에 밝은 글씨. 요즘 많이 선호하는 스타일이죠.
기타 테마 — Slashpage에서 제공하는 다양한 색상 조합이 있어요.
테마를 클릭하면 실시간으로 적용되는 모습을 볼 수 있습니다. 여러 개 눌러보면서 마음에 드는 걸 고르세요.
주의할 점
직접 색상을 바꾼 텍스트나 버튼은 테마를 적용해도 변하지 않아요. 테마는 기본 색상만 바꿉니다.
아직 커스텀 색상 테마(내가 원하는 색으로 직접 지정)는 지원되지 않는데, 곧 추가될 예정이라고 합니다.
커버 이미지 설정
페이지 상단에 큰 이미지를 넣을 수 있습니다. 첫인상을 결정하는 중요한 요소예요.
페이지 맨 위에 "커버 추가" 버튼이 있습니다. (안 보이면 페이지 상단에 마우스를 올려보세요)
이미지 선택
직접 업로드하거나, Unsplash에서 무료 이미지를 검색할 수 있어요.
위치 조정
커버 이미지를 클릭하면 위치를 조정할 수 있습니다. 드래그해서 원하는 부분이 보이도록 맞추세요.
높이 조정
커버 이미지 아래 경계선을 드래그하면 높이를 조절할 수 있어요.
애니메이션 효과
페이지에 애니메이션을 적용할 수 있습니다.
에디터 상단 툴바에서 애니메이션 아이콘을 클릭합니다.
애니메이션 종류
페이드 인 — 페이지가 서서히 나타납니다.
슬라이드 — 아래에서 위로 올라오며 나타납니다.
없음 — 애니메이션 없이 바로 표시됩니다.
과하지 않은 애니메이션은 사이트를 세련되게 보이게 해요. 하지만 너무 느리거나 현란하면 오히려 거슬릴 수 있으니 적당히 사용하세요.
푸터 추가 (베타)
푸터는 페이지 맨 아래에 있는 영역입니다. 보통 회사 정보, 연락처, SNS 링크 같은 걸 넣어요.
사이트 설정 → 푸터에서 설정할 수 있습니다.
푸터 구성
로고/사이트명 — 브랜드 로고나 이름
링크 모음 — 주요 페이지로 이동하는 링크들
소셜 링크 — SNS 계정 링크
저작권 표시 — © 2024 Company Name 같은 문구
푸터는 모든 페이지 하단에 자동으로 표시됩니다.
페이지별 설정
각 페이지마다 개별 설정을 할 수 있어요.
페이지 상단의 설정 아이콘(⚙️)을 클릭합니다.
화면 너비
기본 — 표준 너비
넓게 — 더 넓은 콘텐츠 영역
전체 화면 — 화면 가득 채우기
랜딩 페이지처럼 임팩트 있게 보여주고 싶을 때 넓게나 전체 화면을 사용해보세요.
목차 표시
긴 글에서 목차를 자동으로 생성할 수 있습니다. 제목 블록(H1, H2, H3)을 기준으로 목차가 만들어져요.
아이콘
페이지에 아이콘(이모지)을 추가할 수 있습니다. 사이드바에서 페이지를 구분하기 쉬워져요.
테마와 스타일만 잘 잡아도 훨씬 프로페셔널해 보입니다.
다음은 Slashpage의 핵심 기능인 채널을 활용해볼게요.
후기 이벤트
후기 작성(클릭)하고 내 홈페이지 SEO 피드백 보고서 받아보세요!
Made with Bullet