Webflow의 템플릿 검토

Webflow 템플릿을 사용하여 사이트 디자인 프로세스를 시작하세요.

시간이 부족하거나 추가적인 디자인 자극이 필요한 경우 Webflow 템플릿을 활용하는 것은 웹사이트 디자인 프로세스를 시작하는 훌륭한 방법입니다.

템플릿을 최대화하려면 입문용 Webflow 101 충돌 과정을 통해 Webflow 필수 사항을 숙지하는 것이 중요합니다. 이 과정에서는 Webflow UI의 개요, 웹의 기본 구축 요소, 위치 지정 및 레이아웃 필수 사항을 제공합니다. 이 모든 사항은 템플릿을 시작하는 데 필요합니다.

중요한: 모든 템플릿 기능에 액세스하려면 특정 템플릿의 경우 구매 후 또는 템플릿을 작업공간으로 가져온 후 유료 사이트 계획이 필요할 수 있습니다. 템플릿의 페이지 제약 조건에 대해 자세히 알아보세요.

이 세션에서는 다음을 통해 Webflow 템플릿에 대한 통찰력을 얻을 수 있습니다.

  1. Webflow 템플릿 작동 방식 이해
  2. 템플릿 사용 및 라이선스 파악
  3. 구매 전 평가판 템플릿
  4. 무료 템플릿 선택
  5. 프리미엄 템플릿 획득
  6. 템플릿 프로모션 코드 적용
  7. 템플릿 기반 웹사이트 이동
  8. 작업 공간에서 사이트를 템플릿으로 활성화 및 비활성화
  9. 템플릿 기반 웹사이트 내보내기
  10. 나만의 템플릿 판매

Webflow 템플릿 작동 방식 이해

Webflow는 광범위한 배열을 제공합니다. 무료 및 프리미엄 반응형 웹사이트 템플릿 디자이너, 비즈니스 및 개인 용도로 디자인 측면에 대한 참여를 촉진하는 데 도움이 됩니다.

무료 또는 프리미엄 유료 템플릿을 선택하면 해당 템플릿은 모든 템플릿 페이지가 통합된 새로운 사이트로 대시보드에 포함됩니다. 그런 다음 템플릿을 원하는 대로 조정할 수 있습니다.

유용한 팁: 나중에 변경되지 않은 템플릿의 원본 디자인에 액세스해야 하는 경우 사이트 백업을 통해 이를 수행할 수 있습니다. 그러나 이 작업을 수행하면 사이트의 모든 항목이 선택한 백업으로 재설정된다는 점을 명심하세요.

템플릿 사용 시작

이전에 WordPress로 작업해 본 적이 있다면 테마를 활용하여 디자인을 스타일화하는 방법에 대해 잘 알고 계실 것입니다. WordPress 테마는 WordPress 디자인에 이미 존재하는 콘텐츠와 데이터에 구현할 수 있습니다.

Webflow의 템플릿은 WordPress 테마와는 다른 방식으로 작동합니다. Webflow 템플릿의 디자인 및 레이아웃은 작업 공간에 있는 기존 사이트의 디자인 및 레이아웃을 자동으로 대체하지 않습니다. 템플릿은 있는 그대로이므로 사용자 정의가 필요할 수 있습니다.

이 사용자 정의를 신속하게 수행하려면 CMS 컬렉션 데이터를 마이그레이션하거나 작업 공간의 다른 사이트에서 요소를 복사하여 새 템플릿 기반 사이트에 붙여넣을 수 있습니다.

컬렉션 항목 가져오기 제한

컬렉션 항목의 CSV를 템플릿 기반 사이트로 가져오려면 사이트 계획을 강화하거나 업그레이드해야 할 수도 있습니다. 보유하고 있는 부지 계획의 종류에 따라 컬렉션 아이템에 제한이 있습니다. 사이트 계획에 대해 자세히 알아보기.

페이지 할당 

템플릿 기반 사이트에 2개 이상의 페이지가 포함된 경우 유료 사이트 요금제를 템플릿 기반 사이트로 확대하거나 유료 Workspace 요금제를 구매해야 합니다. 템플릿 기반 사이트가 2페이지로만 구성되어 있는 경우 원하는 경우 무료 사이트 요금제/무료 Workspace 요금제로 유지 관리할 수 있습니다. (삭제하지 않는 한) 유료 템플릿에 포함된 모든 페이지에 계속 접근하고 수정할 수 있습니다. 그러나 처음에 페이지를 업그레이드하지 않으면 페이지를 복제하거나 템플릿 기반 사이트에 새 페이지를 추가할 수 없습니다. 작업 공간 계획, 추가 부지 계획 사이트에 업로드하거나 총 페이지 수가 2페이지 미만으로 줄어들 때까지 템플릿의 페이지를 삭제하세요.

템플릿 기반 사이트에 사이트 계획을 삽입하거나 유료 Workspace 계획을 구매할 준비가 되지 않은 경우에도 템플릿 내의 기존 페이지를 조정할 수 있습니다.

템플릿 기반 사이트에 사이트 계획을 추가한 후(또는 Workspace 계획을 구입한 후) 페이지 제한 오류가 발생하는 경우 또는 페이지 제한과 관련하여 추가 문의사항이 있는 경우 당사에 문의해 주세요.

템플릿 지원 

Webflow를 처음 사용하는 사용자의 경우 복잡한 상호 작용, 사용자 정의 메뉴 또는 팝업 모달이 포함된 템플릿은 초기 편집 시도 중에 어려움을 겪을 수 있습니다. 그럼에도 불구하고 템플릿에 대한 도움이 필요한 경우 템플릿 작성자에게 문의하여 안내를 받을 수 있습니다(많은 템플릿 작성자가 템플릿 내에서 documentation 지원을 제공합니다).

템플릿 작성자의 지원이 필요한 경우: 

  1. 템플릿 페이지로 이동하세요. Webflow의 템플릿 마켓플레이스
  2. 템플릿이 보일 때까지 아래로 스크롤하세요. 개요 (템플릿 작성자의 특정 지원 지침이 이 영역에 있을 수 있습니다)
  3. 선택 지원하다 탭(템플릿 작성자가 특정 지원 지침을 제공하지 않은 경우 개요 부분)
  4. 누르세요 연락하다 템플릿 작성자와 통신하기 위한 버튼

템플릿 사용 및 라이선스에 유의하세요.

모든 유료 템플릿은 단일 사용 라이센스와 함께 제공됩니다. 이는 구매한 템플릿을 하나의 사이트에 적용할 수 있음을 의미합니다. Webflow 템플릿 및 단일 활용 라이선스에 대해 자세히 알아보세요..

구입한 템플릿을 다른 클라이언트나 사이트에 사용하려면 추가 라이센스를 구입해야 합니다(템플릿을 다시 구입하여).

템플릿을 복제하여 실행할 수 있습니다.

  1. 다음으로 진행하세요. 사이트 설정 템플릿 기반 사이트의 경우
  2. “를 클릭하세요.복제하다" 아이콘
  3. 템플릿이 동일한 클라이언트 또는 사이트용인지(라이센스 재구매 필요 없음) 또는 새 클라이언트 또는 사이트용인지(라이센스 재구매 필수) 선택합니다.

모든 템플릿은 사이트의 요구 사항에 맞게 사용자 정의할 수 있습니다(텍스트, 이미지, 그래픽, 레이아웃, 디자인 등을 추가, 수정 또는 삭제할 수 있음).

획득 전 평가판 템플릿

구매를 결정하기 전에 디자이너에서 템플릿을 미리 볼 수 있습니다. 템플릿이 디자인 요구 사항에 부합하는지 확인하려면 그렇게 하는 것이 좋습니다.

  1. 향하다 Webflow의 템플릿 마켓플레이스
  2. 평가하고 싶은 템플릿을 찾아보세요
  3. 딸깍 하는 소리 디자이너에서 미리보기 새 창에서 디자이너의 템플릿을 시작하려면
  4. "를 선택하여 미리보기 모드를 비활성화할 수 있습니다.” 아이콘입니다.
  5. 그런 다음 템플릿의 페이지 패널 그리고 항해자 템플릿에 포함된 구성 요소와 디자인 프레임워크를 파악합니다.

템플릿을 얻으려면 템플릿 페이지로 돌아가세요. Webflow의 템플릿 마켓플레이스 그리고 클릭 구입하다.

무료 템플릿 선택

Webflow는 단일 페이지 사이트부터 복잡한 다중 페이지 비즈니스 웹사이트에 이르기까지 여정을 시작하는 데 필요한 다양한 무료 템플릿을 제공합니다. 무료 템플릿 살펴보기.

무료 템플릿을 선택하려면: 

  1. 다음으로 이동하세요. 무료 템플릿 페이지 Webflow의 템플릿 마켓플레이스
  2. 활용하고 싶은 무료 템플릿을 클릭하세요.
  3. 수도꼭지 무료로 사용, 대시보드 잠금 해제
  4. 할당 제목 귀하의 사이트로 이동하거나 제공된 기본 이름을 사용하세요.
  5. 선택하다 사이트 만들기, Designer에서 사이트를 시작합니다.

그러면 귀하는 귀하의 템플릿 중심 사이트를 다음에서 찾을 수 있을 것입니다. 계기반.

최고 수준의 템플릿 구매

개인, 기업 또는 사이트에서만 사용할 수 있는 프리미엄 유료 템플릿을 조달할 수도 있습니다.

프리미엄 템플릿을 선택하고 구매하려면:

  1. 로 이동 Webflow의 템플릿 마켓플레이스
  2. 귀하의 사이트에 대해 선호하는 프리미엄 템플릿을 클릭하세요
  3. 때리다 구입하다 템플릿 메인 페이지에서(아직 계정이 없는 경우 무료 Webflow 계정을 등록해야 하며, 로그아웃한 경우 기존 계정에 로그인할 수 있습니다)
  4. 결제 모드에 결제 세부정보를 입력하거나 ''를 탭하세요.신용카드 수정”를 클릭하여 결제 세부정보를 수정하세요(이전에 추가된 경우)
  5. 수도꼭지 지금 지불하세요 구매를 완료하려면 
  6. 딸깍 하는 소리 계속하다 결제 확인을 검토한 후
  7. 새 사이트에 제목
  8. 선택하다 사이트 만들기 Webflow Designer에서 새로 획득한 템플릿에 액세스하려면
메모: 템플릿 구매 송장은 다음 위치에서 찾을 수 있습니다. 작업공간 설정 > 템플릿 탭 > 구매한 템플릿. 수도꼭지 송장 다운로드 구매한 특정 템플릿에 대한 청구서를 다운로드하려면

템플릿 프로모션 코드 적용

템플릿 프로모션 코드가 있는 경우 템플릿 구매 확인 시 프로모션 코드를 활용할 수 있습니다.

  1. 방문하다 Webflow의 템플릿 마켓플레이스
  2. 귀하의 사이트에 활용하려는 프리미엄 템플릿을 클릭하세요
  3. 때리다 구입하다 템플릿 메인 페이지에서(아직 계정이 없다면 무료 Webflow 계정을 등록해야 하며, 로그아웃한 경우 기존 계정에 로그인할 수 있습니다)
  4. 딸깍 하는 소리 프로모션 코드 추가 결제 모달에서
  5. 입력란에 프로모션 코드를 입력하고 클릭하세요. 적용하다
  6. 수도꼭지 지금 지불하세요 구매를 마무리하기 위해
  7. 딸깍 하는 소리 계속하다 결제 확인을 검토한 후
  8. 새 사이트에 제목
  9. 선택하다 사이트 만들기 Webflow Designer에서 새로 획득한 템플릿에 액세스하려면

템플릿 중심 사이트 이전

템플릿 중심 사이트를 다른 사용자나 Workspace로 이전할 수 있습니다. 사이트 이전에 대해 자세히 알아보세요.

작업 공간 내에서 사이트를 템플릿으로 활성화 및 비활성화

귀하와 Workspace의 다른 사람들이 나중에 사이트를 구현할 수 있도록 사이트를 템플릿으로 활성화할 수 있습니다. 이는 새롭고 유사한 사이트를 만들려는 경우 또는 동일한 초기 레이아웃을 사용하여 개선하려는 경우 유용할 수 있습니다. 처음부터 새로 만든 사이트뿐만 아니라 작업 공간에 추가한 다른 템플릿 사이트에 대해 공유 작업 공간 템플릿을 활성화할 수 있습니다. Webflow 템플릿 마켓플레이스). 

메모: 구매한 템플릿으로 공유 작업 공간 템플릿을 생성할 때 템플릿 사용 및 라이선스에 유의하세요.

사이트를 템플릿으로 활성화하려면:

  1. 입장 사이트 설정 > 일반적인 탭 > 공유 작업 공간 템플릿
  2. 수도꼭지 템플릿 만들기
  3. 템플릿에 라벨을 지정하세요.
  4. 선택하다 확인하다

사이트를 템플릿으로 비활성화하려면:

  1. 입장 사이트 설정 > 일반적인 탭 > 공유 작업 공간 템플릿
  2. 때리다 템플릿 비활성화
  3. 선택하다 제거하다

공유 작업공간 템플릿 목록과 해당 설명을 다음에서 확인할 수 있습니다. 작업공간 설정 > 템플릿 탭 > 공유 작업 공간 템플릿.

메모: 사이트가 템플릿으로 활성화되면 먼저 템플릿으로 비활성화하지 않는 한 사이트를 삭제할 수 없습니다.

공유 작업 공간 템플릿에 대해 자세히 알아보세요.

템플릿 기반 사이트 내보내기

템플릿 기반 사이트를 내보내려면 먼저 유료 Workspace 요금제 내보내기 기능을 활성화합니다. 코드 내보내기에 대해 자세히 알아보세요. 

자신만의 템플릿을 홍보하세요

템플릿 디자인이 즐거운 일이라면 템플릿 디자인 판매를 요청할 수 있습니다. Webflow의 템플릿 마켓플레이스. 템플릿 제출을 시작하기 전에 다음 사항을 확인하세요. 템플릿 제출 지침.

추가 자료: Medium Rare가 템플릿 판매 비즈니스를 확장한 방법

이완 막
Ewan Mak의 최신 게시물 (모두 보기)