Notion에서 코드 없는 웹 페이지를 만드는 방법: 단계별 가이드

Notion에서 코드 없는 웹 페이지를 만드는 방법: 단계별 가이드
당신과 같은 독자는 MUO를 지원하는 데 도움이 됩니다. 귀하가 당사 사이트의 링크를 사용하여 구매하면 당사는 제휴 수수료를 받을 수 있습니다. 자세히 알아보기

간단하고 코드가 없는 웹 페이지가 필요한 경우 Notion이 적합합니다. 사용 가능한 최고의 메모 작성 및 생산성 소프트웨어 중 하나일 뿐만 아니라 동일한 도구를 사용하여 랜딩 페이지를 만들고 고객 또는 팔로워에게 귀하를 찾을 수 있는 위치를 알릴 수도 있습니다.





오늘의 메이크업 비디오

그리고 아직 사용해보지 않았다면 일반적인 워드 프로세서를 사용하는 것과 비슷합니다. 그것이 어떻게 작동하는지 궁금하십니까? 이 단계별 튜토리얼을 따라 Notion에서 자신만의 코드 없는 웹 페이지를 만드십시오.





No-Code Notion 웹 페이지 시작하기

웹 페이지 문서를 만들려면 다음으로 이동하십시오. 새 페이지 화면 왼쪽 하단 모서리에서 빈 페이지 . 비즈니스, 제품 또는 서비스 이름과 같이 웹페이지의 내용을 반영하는 제목을 페이지에 지정합니다. 다른 것을 생각하면 나중에 돌아와서 변경할 수 있지만 사람들이 올바른 위치에 있다는 것을 알기를 원합니다.





Notion 페이지에 표지 이미지 추가하기

표지 이미지는 팔로워나 고객이 웹페이지를 알아볼 수 있도록 하는 훌륭한 방법입니다. 하나를 추가하려면:

  1. 제목 위의 아무 곳에나 커서를 놓고 옵션 표지 추가 나타날거야.
  2. Notion은 페이지 상단에 임의의 이미지를 배치합니다.
  3. 이미지 위로 커서를 이동하고 선택 커버를 바꾸다 .
  4. 표지 메뉴에서 옵션은 Notion 갤러리에서 하나를 추가하거나, 직접 업로드하거나, 링크하거나, Unsplash를 검색하여 찾는 것입니다.
  5. 갤러리에서 사용하는 경우 원하는 이미지, 색상 또는 그라데이션을 클릭합니다.
  6. 그렇지 않으면 다음으로 이동하십시오. 업로드 , 링크 , 또는 언플래쉬 Notion의 지시를 따릅니다.
  메모 작성 소프트웨어에 이미지 옵션 추가

비즈니스 브랜드를 나타내는 시각 자료가 없더라도 색 구성표와 일치하는 것을 선택하거나 다음과 같이 디자인할 수 있습니다. 무료 사진 편집 소프트웨어 칸바처럼. 이미지가 전혀 필요하지 않은 경우 표지 메뉴로 돌아가서 오른쪽 상단 모서리에 있는 제거를 클릭합니다.



  메모 작성 소프트웨어에 이미지 메뉴 추가

어떤 이미지를 사용할지 결정하지 못한 경우 나중에 다시 돌아올 수 있습니다.

Notion 페이지에 헤더 및 텍스트 추가

웹 페이지를 만들 때 가능한 한 많은 정보를 한 곳에 집어넣고 싶은 유혹이 종종 있습니다. 그러나 자신의 독서 습관에 대해 생각해 보십시오. 한 페이지에 너무 많은 정보가 있거나 텍스트 벽을 보고 있는 경우 메시지를 찾기가 더 어렵습니다.





목표는 웹 페이지를 훑어볼 수 있게 만들고 팔로워나 고객이 다음 단계를 수행할 수 있도록 충분한 정보를 제공하는 것입니다. 또한 해당 정보를 헤더 아래에 구성하여 신속하게 찾을 수 있도록 도와줍니다. 색상, 볼드체, 이탤릭체 및 글꼴을 사용하여 중요한 텍스트를 강조할 수 있습니다. 부르다 또는 인용하다 블록. 게다가, 당신은 할 수 있습니다 Notion에서 글꼴 변경 기본 설정이 작동하지 않는 경우.

불행히도 Google Play 서비스가 중지 된 문제를 해결하는 방법
  메모 작성 소프트웨어의 텍스트 레이아웃

Notion을 사용하면 페이지의 아무 곳이나 클릭하고 입력하기만 하면 어디에나 쉽게 텍스트를 추가할 수 있습니다. 헤더의 경우 입력하기 전에 명령을 사용하여 블록을 헤더로 변경하거나 나중에 텍스트를 강조 표시하고 서식 도구 모음을 사용하여 교체할 수 있습니다.





fb에서 누가 나를 팔로우하는지 어떻게 알 수 있습니까?
  메모 작성 소프트웨어의 텍스트 서식 도구 모음

크기의 경우 옵션은 제목 1, 2 또는 3이며 H1이 가장 크고 H3이 가장 작습니다. 제목의 크기는 웹 페이지의 계층 구조를 표시하는 데 도움이 됩니다. 가장 중요한 기본 제목이 H1이므로 제목에는 H2를 사용하고 자막에는 H3를 사용하여 경쟁하지 않도록 합니다.

또한 Personal Pro 계정이 있고 전원을 켜기로 결정한 경우 검색 엔진 인덱싱 , 헤더를 사용하여 정보를 구성하고 페이지당 하나의 H1 제목만 사용하는 것이 좋은 SEO 관행을 따릅니다.

텍스트에 링크를 추가하려면 텍스트를 강조 표시하고 링크 서식 도구 모음에서. 이메일에 좋아요를 표시하려면 mailto:를 입력한 다음 주소를 입력하면 잠재 고객의 작성기가 열리고 대신 입력됩니다. 예: mailto:example@makeuseof.com. 그것을 테스트하고 철자가 올바른지 다시 확인하십시오.

  메모 작성 소프트웨어의 이메일 링크 옵션

추가할 수 있는 다른 링크로는 소셜 미디어 페이지, 포트폴리오 페이지 또는 잠재 고객이나 팔로워가 인터넷에서 찾을 수 있는 기타 유용한 장소가 있습니다.

귀하의 Notion 페이지에 대한 비디오

코드 없는 웹페이지를 구축한다고 해서 기본적이어야 한다는 의미는 아닙니다. 명령을 사용하여 페이지의 아무 곳에나 이미지와 비디오를 삽입할 수 있습니다.

  1. 슬래시( / ) 키보드에서 입력을 시작합니다. 영상 또는 동영상 , 당신이 원하는대로.
  2. 블록 메뉴에서 선택합니다.
  3. 이미지를 추가하는 경우 Upload, Embed Link 또는 Unsplash 중에서 선택하고 Notion의 지침을 따르십시오.
  4. 비디오를 추가하는 경우 Embed 또는 Upload를 선택하면 Notion이 나머지 과정도 안내합니다.
  메모 작성 소프트웨어에 이미지 옵션 추가

이미지나 비디오가 페이지에 있으면 핸들(블록 왼쪽에 있는 6개의 점)을 사용하여 어디든 끌어다 놓을 수 있습니다. 다른 블록 옆에 배치하여 기둥을 만들 수도 있습니다. 열 크기를 조정하려면 커서를 블록 위에 놓고 양쪽에 있는 안내선을 사용하십시오. 이미지와 레이아웃을 가지고 놀면서 원하는 것을 확인하십시오.

No-Code Notion 웹 페이지 게시

  메모 작성 소프트웨어의 페이지 공유 옵션

웹 페이지가 준비되면 다음으로 이동하여 시작하십시오. 공유하다 화면의 오른쪽 상단 모서리에서 전원을 켭니다. 웹에 공유 . 다른 사람이 귀하의 웹사이트를 템플릿으로 사용하는 것을 원하지 않는다면 편집과 댓글 달기, 복제도 끄십시오. 이제 링크를 사용하여 원하는 사람과 공유할 수 있습니다.

  웹 브라우저의 예제 웹 사이트