Part 3-3. 기본 스타일 설정

도메인까지 연결했으면 절반은 온 겁니다. 이제 사이트를 꾸며볼 차례예요.

Oopy 콘솔에서 "스타일 설정"으로 들어가면 여러 가지 옵션이 보입니다. 코드 한 줄 안 쓰고도 꽤 많은 걸 바꿀 수 있어요.

라이트/다크 모드를 설정할 수 있습니다.

기본은 라이트 모드인데, 다크 모드로 바꾸면 배경이 어두운 색으로 바뀌어요. 요즘 다크 모드 좋아하는 분들 많죠.

"시스템 설정 따라가기"를 켜면 방문자의 기기 설정에 맞춰서 자동으로 바뀝니다. 사용자 경험 측면에서 이게 제일 좋아요.

기본 노션 폰트가 마음에 안 든다면 바꿀 수 있습니다.

Oopy에서 제공하는 폰트 목록 중에 고르면 돼요. 한 번의 클릭으로 사이트 전체에 적용됩니다.

한글 폰트도 여러 개 있으니까 취향껏 골라보세요. 단, 너무 특이한 폰트는 가독성을 해칠 수 있어요. 무난한 게 최고입니다.

블록들의 모서리를 둥글게 만들 수 있습니다. 부드러운 느낌을 주고 싶다면 켜보세요.

노션 페이지 상단에 보이는 여러 요소들을 제어할 수 있어요.

제목 숨기기: 페이지 제목을 숨길 수 있습니다. 커버 이미지에 제목이 포함되어 있거나, 별도로 디자인한 헤더가 있을 때 유용해요.

복제(Duplicate) 버튼: 노션 특유의 "복제" 버튼이 거슬린다면 숨길 수 있습니다. 이건 노션 설정에서 "템플릿 복제 허용"을 끄면 돼요.

댓글 숨기기: 노션 댓글 기능을 숨길 수 있습니다.

스크롤 위치 표시: 페이지 상단에 읽은 정도를 표시하는 바가 나타납니다. 블로그 글 같은 긴 콘텐츠에 유용해요.

맨 위로 버튼: 페이지를 내리면 오른쪽 하단에 화살표 버튼이 생깁니다. 누르면 맨 위로 스크롤됩니다.

노션 데이터베이스를 쓰고 있다면 이 설정들이 유용합니다.

검색 기능 숨기기: 데이터베이스의 검색 버튼을 숨깁니다.

속성 숨기기: 데이터베이스 하위 페이지에서 보이는 속성들을 숨깁니다. 깔끔하게 본문만 보여주고 싶을 때 좋아요.

원본 DB 링크 비활성화: 데이터베이스 이름을 클릭해도 노션으로 이동하지 않게 합니다.

뷰 목록 숨기기: 데이터베이스에 연결된 뷰(테이블, 갤러리 등) 목록을 숨깁니다.

페이지에 방문자 수를 표시할 수 있습니다. "이 글 1,234명이 봤어요" 같은 거요.

신뢰도를 높이고 싶을 때 유용하지만, 방문자가 적을 때는 오히려 역효과일 수 있어요. 어느 정도 트래픽이 생긴 후에 켜는 걸 권합니다.

웹사이트에 벚꽃이 내리게 할 수 있습니다. 봄 시즌 이벤트나 분위기 연출용이에요.

재밌는 기능이긴 한데, 정보 전달이 목적인 사이트에서는 거슬릴 수 있어요. 상황에 맞게 쓰세요.

페이지 하단에 "Made with Oopy" 로고가 기본으로 표시됩니다.

프로 플랜에서는 이 로고를 숨길 수 있어요. 베이직 플랜에서도 숨기고 싶다면 프로로 업그레이드하셔야 합니다.

참고로 이 로고를 통해 누군가 Oopy에 가입하면 추천인 혜택이 있어요. 숨기지 않고 두면 쿠폰 받을 확률이 올라갑니다.

여기까지가 콘솔에서 클릭 몇 번으로 할 수 있는 설정들입니다.

기본 스타일만 잡아도 훨씬 깔끔해 보여요. 하나씩 바꿔보면서 내 취향에 맞는 조합을 찾아보세요.

다음은 메뉴바와 네비게이션을 만들어볼게요.

후기 작성(클릭)하고 내 홈페이지 SEO 피드백 보고서 받아보세요!