cleanUrl: /ko/templates/guide
title: "서비스 사용 가이드 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "서비스 사용 가이드 템플릿으로 쉽고 빠르게 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
show: true
color: "#37f2c0"
fonts: # 페이지의 폰트를 설정합니다
headerFont: "Rubik"
defaultFont: "Rubik"
showPageview: true # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨깁니다
pageMaxWidth: 1100 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
imageBorderRadius: 0 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 12 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 12 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
align: "left"
alignPixel: 12
bottom: 40
fitToScreen: false
show: true
<aside> 📢 * 템플릿은 우측 상단의 ‘더보기 버튼(∙∙∙) - 복제' 버튼을 눌러 사용하시면 됩니다.
</aside>
안녕하세요! 우피스입니다. 서비스와 관련된 자세한 내용은 우피스 페이지에서 확인해보세요! (우피스는 가상의 서비스입니다. 이 자리에는 서비스와 관련된 간단한 설명을 넣어주세요!)
<style>
.hello-world {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 50px;
border: 2px solid;
font-weight: bold;
color: #000000;
background-color: #ffffff;
border-color: #000000;
transition: 300ms;
text-decoration: none;
margin: 0 auto;
}
.hello-world:hover {
color: white;
background-color: #000000;
color: white;
}
</style>
<a class="hello-world" target="_blank" style="border-radius: 32px;" href="<https://www.oopy.io/>">자세히 알아보기</a>
(위와 같은 버튼을 만들고 싶다면 우피의 HTML 코드블럭 가이드를 참고해서 만들어 주세요.)
(갤러리 모서리 둥글게는 우피의 HTML 편집으로도 가능하고, 콘솔 - 스타일 에서도 설정할 수 있어요.)
