노션으로 만드는 포트폴리오 - 2. 커버 변경 & 아이콘추가

1 / 커버변경

새 페이지 생성 후 페이지 제목 영역에 커서를 올리면 '아이콘 추가, 커버 추가, 댓글 추가' 버튼이 나온다.

우선 커버부터 적용할거니까 '커버추가'를 선택!

커버추가를 하면 무작위로 이미지를 넣어주는데, 변경을 위해서 '커버변경'을 클릭한다

커버는 노션의 갤러리에서 선택하거나, 직접 업로드 하기 또는 웹 링크를 연결하거나 Unsplash에서 검색하여 적용하는 방법이 있다. 이번엔 포트폴리오라서 직접 제작했지만, 급하게 만들거나 마땅한 이미지가 없을 땐 Unsplash에서 검색해서 적용했는데 생각보다 사진이 많아 유용하게 사용했었다.

난 직접 제작한 배경을 올리기 위해 '업로드' 선택!

 

1500*280px 사이즈로 작업했는데, 실제로 디자인이 들어간 영역은 중앙의 870px 이고 나머진 흰색으로 깔았다.

그 이상이 되면 모바일 화면에서 커버가 원하는 대로 보이지 않았다. 이정도가 깔끔하고 괜찮아 보인다.

 

---

2 / 아이콘 변경

아이콘도 커버와 마찬가지로 이모지와 아이콘이 기본으로 제공된다.  직접 제작하려면 280*280px로 작업하면 된다.

난 직접 제작해서 업로드 하니까 '커스텀' 선택.

아이콘을 추가하면 탭의 파비콘 영역에 들어가게 된다.