cleanUrl: /ko/templates/conference
title: "컨퍼런스 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "컨퍼런스 템플릿 페이지를 템플릿으로 쉽고 빠르게 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
show: true
color: "#009B3F"
theme: "custom"
backgroundColor: "#52D192"
fonts: # 페이지의 폰트를 설정합니다
headerFont: "Montserrat"
defaultFont: "Montserrat"
fontColor: "#ffffff"
showPageview: true # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨깁니다
pageMaxWidth: 1000 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
cta: # 하단에 CTA 버튼을 추가합니다
backgroundColor: "rgb(0, 0, 0)"
bottom: 16
color: "rgb(255, 255, 255)"
content: "컨퍼런스 참여하기"
href: "<https://www.google.com>"
newTab: true
shadowColor: "rgba(55,53,47,0.4)"
imageBorderRadius: 20 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 20 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 20 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
align: "left"
alignPixel: 12
bottom: 84
fitToScreen: false
show: true
kakaoChannel: # 카카오톡 채널 버튼을 추가합니다
href: "<https://www.oopy.io/ko/guides/plugins/kakaotalk-channel>"
bottom: 84
fitToScreen: false
<head>
<style>
@keyframes fadeIn {
from {
opacity: 0;
transform: translate(0, 30px)
}
to {
opacity: 1;
transform: translate(0, 0)
}
}
.cta {
max-width: 708px !important;
border-radius: 60px !important;
background: linear-gradient(#A4A4A4, #000000);
transition: 300ms;
box-shadow: 0px 8px 20px rgba(23, 78, 186, 0.3);
animation: 800ms ease fadeIn;
}
.cta:hover {
filter: brightness(72%)
}
</style>
</head>
<aside> 📢 * 템플릿은 우측 상단의 ‘더보기 버튼(∙∙∙) - 복제' 버튼을 눌러 사용하시면 됩니다.
</aside>
20nn 00 디자인 컨퍼런스를 소개합니다!
(컨퍼런스에 대한 설명을 넣어주세요.)
(이미지 모서리 둥글게는 우피의 HTML 편집으로도 가능하고, 콘솔 - 스타일 에서도 설정할 수 있어요.)
<style>
.hello-world {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 50px;
font-weight: bold;
color: #ffffff;
background-color: #000000;
border-color: #000000;
transition: 300ms;
text-decoration: none;
margin: 0 auto;
}
.hello-world:hover {
color: white;
background-color: #ed7fcc;
color: white;
}
</style>
<a class="hello-world" target="_blank" style="border-radius: 32px;" href="https://"> 테스트 시작하기 </a>
(위와 같은 버튼을 만들고 싶다면 우피의 HTML 코드블럭 가이드를 참고해서 만들어 주세요.)