오늘은 토글을 이용해서 운동 모티베이션 페이지를 간단하게 만들어 보려고해요. 토글을 만들고 쉽게 열고 닫을 수 있는 팁과 함께 진행해보려고 합니다.

 

앞으로 올라오는 글들을 쉽게 설명하기 위해서 오늘 제작한 페이지를 바탕으로 디벨롭을 하면서 포스팅할 예정이에요. 잘 부탁드립니다! 🤗

 

What is Callouts?

콜아웃(callout)이란 노션에서 기본적으로 생성할 수 있는 기본블럭이에요. 짧은 문구나 텍스트 등을 작성할 수 있어 페이지 내에서 하이라이트 기능으로 사용될 수 있습니다.

1. 콜아웃 사용하기

 

콜아웃 기능으로 운동 모티베이션 문구를 추가해볼까요?

/callout이라고 입력한 후 기본 블럭을 생성해요. 블럭 안에 마우스를 올린 후 이모지와 텍스트를 입력해줍니다.

2. 토글 만들기

 

 

콜아웃을 생성한 후 추가로 3개의 열을 생성하여 그 안에 토글을 만들어 주세요. (참고)

3. 토글 활용하기

 

 

기본적으로 토글의 타이틀은 토글3으로 설정이 되는데요. 타이틀을 키우고 싶다면 토글을 선택 한 뒤 전환을 눌러 원하는 타이틀 크기를 선택할 수 있어요.

 

4. 토글 단축키

  • 열고 닫기 : ctrl/cmd + enter
  • 전체 토글 열고 닫기 : ctrl/cmd + alt/option + T

간단하게 제작해본 운동 모티베이션 페이지

 

이로서 콜아웃과 토글 기능을 활용한 모티베이션 페이지를 제작했습니다.

다음 포스팅은 표를 이용하여 행과열을 나타내 보겠습니다.