home

우피 & 노션 고도화 꿀팁 4가지

1.
페이지에 배경이미지를 넣는 방법
a.
/코드 로 HTML입력 칸을 추가하고 아래 내용을 복사한다.
b.
backgroud : url(”https:// ~ 영역을 인터넷에서 고화질 이미지 링크를 찾아서 넣는다)
c.
나머지 세부 옵션은 하나씩 수정하면서 스타일링한다.
d.
HTML
복사
2.
슬라이드 이미지/영상 배너를 넣는 방법(소개 홍보형 미디어에 적합)
b.
/콜아웃을 만들고 oopy:slide를 입력한다
c.
콜아웃 안에 /코드를 만들어 yaml을 로 세팅하고 아래 내용을 복사해서 넣는다
d.
콜아웃 안에 미디어를 넣고 yaml 안의 세부 값을 조정하며 비율을 맞춘다.
e.
3.
링크로 연결되는 슬라이드 배너 만들기
a.
2번의 a~c까지는 똑같이 진행
b.
콜아웃 안에 미디어를 넣고, 미디어 캡션에 연결하고 싶은 ULR 추가하기
c.
4.
갤러리를 링크 연결 배너로 만들기
b.
갤러리 추가하기
c.
속성으로 URL 추가하기
d.
속성으로 사진 추가하기
e.
그 외 기타 속성 자유롭게 세팅하기
f.
갤러리 설정 → 레이아웃 → 카드 미리보기 → 사진