노션으로 홈페이지 만들기 우피 활용하기

소개

노션으로 만든 페이지를 홈페이지를 활용하기 위해서 우피를 사용하는데 우피로 홈페이지 셋팅하는 방법을 정리해 봤습니다.

우피를 활용하면 노션 페이지를 손쉽게 홈페이지로 사용할 수 있지만 상단 메뉴까지 사용하려면 pro 가격제를 사용하셔야 합니다.

베이직 플랜은 노션 1 페이지만으로 사용하는 홈페이지이고 프로 플랜은 상단 메뉴를 사용할 수 있습니다 더 자세한 것은 우피 홈페이지를 참고하시기 바랍니다

https://www.oopy.io/ko/pricing

노션이나 우피의 url을 사용하기 보다 홈페이지 자제 도메인으로 사용하기 위해서 도메인 연결은 아래 링크를 참고하시면 됩니다

https://www.oopy.io/ko/guides/hostname-registration

이제 우피에 노션을 연결해서 홈페이지 셋팅을 하는 것을 알아보겠습니다.

도메인 주소는 연결했다고 보고 우피 셋팅은 좌측에 메뉴가 있습니다
홈 < 스타일 < 클린url < HTML < 플러그인 < 페이지뷰 차트 < 노션 소식 순서입니다

스타일에서는 노션 페이지의 색상테마, 폰트도 변경할 수 있고 상단메뉴바와 하단 네비게이터를 변경해서 사용할 수 있습니다.

▣ 상단 메뉴

상단메뉴는 5개까지 추가 가능하고 각각의 서브메뉴도 5개까지 추가 가능합니다

저는 아래처럼 상단메뉴를 만들었습니다.

아직 세부 메뉴페이지들이 다 만들어지지는 않았습니다

각 메뉴들은 노션 페이지와 연결하면 됩니다.

▣ 하단 네비게이터

홈, 본인의 블로그나 SNS로 연결가능합니다

▣ 클린 url

노션 url를 간단하게 만들어서 사용이 가능합니다

▣ HTML

홈페이지가 네이버에서 검색이 되도록 사이트 등록을 하거나 HTML 코드를 사용할 때

▣ 플러그인

▣ 페이지뷰 차트

우피에서 홈페이지 셋팅하실 때 도움이 되실까 해서 정리해 봤습니다 처음에 잘 몰라서 우피 셋팅하는데도 시간이 꽤 걸렸습니다

2

👉 이 게시글도 읽어보세요