열람실

라이브러리를 사용하여 접근 가능한 단일 위치에서 신속하게 디자인을 재사용하고 레이아웃을 관리할 수 있습니다.

열람실은 귀하의 사이트에 통합할 수 있는 재사용 가능한 배열의 모음입니다. 열람실에서는 유사한 청사진(예: 탐색 모음, CTA, 양식 등)을 신속하게 재사용하여 사이트 구축 시 일관성과 효율성을 보장할 수 있습니다. 다음에서 사이트에 독서실을 통합할 수 있습니다. Webflow 마켓플레이스, 또는 기존의 초보자 독서실을 활용하세요.

이 모듈에서 학습할 내용은 다음과 같습니다.

  1. 다양한 독서실
  2. 열람실 이용방법
  3. 열람실을 제거하는 방법

다양한 독서실

두 가지 속성에 따라 다양한 종류의 독서실이 있습니다. WHO 독서실을 생산하고 어디 독서실이 시작됩니다.

독서실 카테고리에는 다음이 포함됩니다.

  • 스타터 독서실 — 기본적이고 사용자 정의 가능한 스타일로 Webflow 제작 구조를 포함하는 독서실
  • 마켓플레이스 열람실(Marketplace Reading Room) — 다음을 통해 액세스할 수 있는 사용자 생성 열람실입니다. 마켓플레이스 라이브러리 페이지

초기열람실

초기열람실은 Webflow가 기본으로 제작한 열람실로, 어느 현장에서든 활용할 수 있는 34가지 디자인으로 구성되어 있습니다. 이 34개 디자인은 다음 섹션으로 분류됩니다.

  • 항해
  • 영웅
  • 로고
  • 갤러리
  • 특징
  • 가격
  • 증명서
  • 보행인
시작 라이브러리는 추가 패널의 레이아웃 탭에서 강조 표시됩니다.

초기 독서실 기사에서 독특한 디자인에 대해 자세히 알아보세요.

마켓플레이스 열람실

마켓플레이스 라이브러리는 Webflow 커뮤니티의 저명한 제작자가 제작한 Webflow 평가 디자인 컬렉션입니다. Marketplace 또는 다음에서 액세스할 수 있습니다. 패널 추가 > 레이아웃 탭을 클릭하여 사이트에 통합하세요. Marketplace 독서실을 사이트에 통합하는 방법에 대해 자세히 알아보세요.

Marketplace 독서실을 통합하는 방법

활용하려는 마켓플레이스 독서실을 선택한 후 Webflow 마켓플레이스에서 직접 독서실을 사이트에 포함할 수 있습니다. 사이트당 최대 5개의 독서실이 있다는 점을 기억하세요.

동일한 작업 공간 내의 사이트에만 룸을 포함할 수 있습니다. 하나 이상의 기존 사이트에 Marketplace 독서실을 도입하려면 다음을 수행하십시오.

  1. 방문하다 시장 > 도서관
  2. 다음을 선택하세요. 도서관 귀하의 사이트에 삽입하고 싶습니다
  3. 탭하세요 라이브러리 설치
  4. 다음에서 작업공간을 선택하세요. 작업공간 쓰러지 다
  5. 룸을 통합할 기존 사이트를 하나 이상 선택하세요.
  6. 딸깍 하는 소리 설치하다
  7. 누르다 디자이너에서 열기 디자이너에서 사이트를 공개하기 위한 팝업 모달 창에서

그런 다음 사이트에서 Room을 검색할 수 있습니다.

새로운 사이트에서 Marketplace Room을 구현하려면:

  1. 이동 시장 > 도서관
  2. 다음을 클릭하세요. 도서관 귀하의 사이트에 포함하고 싶은 경우
  3. 탭하세요 라이브러리 설치
  4. 다음에서 작업공간을 선택하세요. 작업공간 쓰러지 다
  5. 딸깍 하는 소리 사이트 생성 및 라이브러리 설치

Designer는 Room이 설치된 새 사이트를 자동으로 표시합니다. 기본적으로 사이트는 Room 다음에 지정됩니다. 예를 들어 "Cool room"이라는 이름의 Room을 새 사이트에 설치하면 사이트 이름이 대시보드에서 "Cool room 사이트"로 지정됩니다. 다음에서 사이트 이름을 변경할 수 있습니다. 사이트 설정 > 일반적인 탭> 일반 설정 > 이름 필드.

관찰: 사이트에 기존 클래스가 있는 캔버스에 디자인을 통합하면 클래스 제목이 증가된 숫자로 표시됩니다. 예를 들어 사이트에 이미 "Button" 클래스가 있고 동일한 "Button" 클래스가 포함된 디자인을 추가하는 경우 디자인 클래스 제목이 선택기 필드에서 "Button-2"로 변경됩니다.
관찰: 마켓플레이스 라이브러리에는 특정 사이트 계획에서만 액세스할 수 있는 고유한 코드 삽입 또는 양식 파일 업로드 요소가 포함될 수 있습니다. 올바른 정보를 보유하고 있는지 확인하세요. 부지 계획 이러한 요소가 정확하게 작동하도록 보장합니다.

객실 채용 방법

Webflow 디자이너에서 다음으로 이동하여 룸을 검색할 수 있습니다. 패널 추가 > 레이아웃 탭을 클릭하거나 빠른 찾기를 적용하여 에서 패널 추가, 각 방은 이름으로 표시됩니다.

Room의 디자인에 액세스하는 방법

각 룸에는 사이트에 추가할 수 있는 디자인(예: 탐색 모음, 히어로 세그먼트, 바닥글)이 제공됩니다. Room 내의 디자인에 액세스하려면:

  1. 펴다 패널 추가 > 레이아웃
  2. 선택 누구의 디자인을 활용하고 싶은지
  3. 디자인 category 드롭다운을 클릭하여 해당 category의 디자인을 공개합니다(예: 스타터 룸의 내비게이션 디자인에 액세스하려면 항해)

결과적으로 다른 요소와 유사한 Room의 디자인을 활용할 수 있습니다. Room의 디자인을 Webflow 캔버스에 삽입하려면 다음을 수행할 수 있습니다.

  • 디자인을 누르시면 레이아웃 캔버스에 추가하려면 탭하세요.
  • 디자인을 캔버스로 드래그
  • 네비게이터로 드래그하세요.
관찰: 사이트에 이미 존재하는 수업이 있는 캔버스에 디자인을 추가하면 수업 제목이 증가된 숫자로 표시됩니다. 예를 들어 사이트에 이미 "Button" 클래스가 있고 동일한 "Button" 클래스가 포함된 디자인을 추가하는 경우 디자인 클래스 제목이 선택기 필드에서 "Button-2"로 변경됩니다.

디자인의 확대 버전을 보는 방법

디자인을 캔버스에 추가하기 전에 더 큰 관점에서 미리 보려면 확대 버전을 검사할 수 있습니다. 추가 패널에서 디자인의 확대 버전을 검사하려면:

  1. 펴다 패널 추가 > 레이아웃
  2. 확대된 버전을 인식하려면 디자인 위로 미끄러지듯 이동하세요.

Room의 변수를 활용하는 방법

일부 Room 작성자는 자신의 Room에 색상 변수를 통합하여 디자인에 Room의 색상 팔레트를 다시 적용할 수 있습니다. 변수는 변수 패널 해당 색상 변수를 사용하는 디자인을 캔버스에 통합할 때.

‍방의 색상 변수를 수정하여 캔버스에 있는 색상 변수의 모든 인스턴스를 조정할 수 있습니다.

방 디자인을 탐색하는 방법

룸 디자인을 탐색할 수 있습니다. 이내에 방, 또는 가로질러 모든 룸이 귀하의 사이트에 통합되었습니다. 

찾아보면 도움이 되는 몇 가지 키워드는 다음과 같습니다.

  • Navbar
  • 영웅
  • CTA
  • 보행인
  • 가격
  • 형태
  • 심벌 마크
  • 증명서
  • 콘텐츠
  • 단추
  • 쓰러지 다
  • 연락하다

탐구 이내에 방:

  1. 펴다 패널 추가 > 레이아웃
  2. 선택 누구의 디자인을 정독하고 싶은지
  3. 디자인 키워드를 넣어보세요. 도서관 검색 바(예: “navbar”)
추가 패널의 레이아웃 탭에서 "라이브러리 검색" 표시줄이 강조 표시됩니다.

탐구 가로질러 귀하의 사이트에 설치된 모든 라이브러리:

  1. 액세스 패널 추가 > 레이아웃
  2. 레이아웃 키워드를 모든 도서관 검색 바(예: “navbar”)
추가 패널의 레이아웃 탭에서 "모든 라이브러리 검색" 표시줄이 강조 표시됩니다.

도서관에 관한 정보에 어떻게 접근할 수 있나요?

제목, 버전 번호, 사이트에 라이브러리를 설치한 사람 등 라이브러리에 대한 정보에 액세스할 수 있습니다. 도서관에 관한 정보에 접근하려면:

  1. 열기 패널 추가 > 레이아웃
  2. 위에 마우스를 올리면 도서관 제목 설정을 선택하세요.장부'는 라이브러리 제목 오른쪽에 표시됩니다.

라이브러리에 대한 정보를 표시하는 모달 창이 나타납니다.

라이브러리를 제거하는 방법

사이트에서 라이브러리를 제거하고 추가 패널에서 더 이상 액세스할 수 없도록 하려면 라이브러리를 제거하면 됩니다. 라이브러리를 제거해도 이전에 사이트에 통합한 라이브러리 레이아웃에는 영향을 미치지 않습니다. 원할 때마다 라이브러리를 다시 설치할 수 있는 옵션이 있습니다.

라이브러리를 제거하려면:

  1. 액세스 패널 추가 > 레이아웃
  2. 제목 위로 마우스를 가져가세요. 도서관 당신은 제거하려고
  3. 설정을 선택하십시오.장부'라이브러리 제목 오른쪽에
  4. 선택하다 라이브러리 제거 "라이브러리 편집" 모달 창에서
  5. 딸깍 하는 소리 제거 "라이브러리 제거" 모달 창에서
이완 막
Ewan Mak의 최신 게시물 (모두 보기)