🏸

사용팁과 고급 활용 예시

들어가며

우피는 HTML 편집 기능을 통해 대부분의 문서를 직접 수정할 수 있는 기능을 제공하고 있습니다. 따라서 HTML/CSS 지식을 가지고 계신 분이라면 원하는대로 페이지를 구성할 수 있는데요. 모두가 HTML/CSS 를 아는 것도 아니기도 하고, 또 안다고 하더라도 코드를 작성하는 것은 항상 많은 노력과 실수를 필요로 하죠.

그래서, 활용성이 높다고 생각하는 몇가지 예시들을 이 페이지에 공유 드립니다.

CTA 버튼 클릭시 이벤트 보내기

CTA 버튼 링크에 query param 더하기

페이지 상단 부분 없애기

DB 상세 페이지에서 숨김 속성 제대로 숨기기

YAML 로 페이지별 설정하기

이미지 클릭시 검색 버튼 불러오기

페이지 안에 있는 페이지들을 우피에서 숨기기

특정 페이지 검색 결과에서 제외하기

특정 페이지 접속 시 다른 페이지로 보내기

페이지 안의 링크를 새 창에서 열기

toc(목차) 블럭을 한쪽에 고정하기

Gradient 를 이용한 고급 배경화면 설정하기

노션 커버이미지에 링크 연결하기

노션의 양식(폼) 활용하기