본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 컬렉션의 읽기 전용 URL 경로 (About Read-Only URL Paths in Your Collection)

by 라임쥬서(Lime Juicer) 2020. 5. 4.
반응형

윅스 (Wix) 코딩 - 컬렉션의 읽기 전용 URL 경로 (About Read-Only URL Paths in Your Collection)

 

 

 

설명)

 

동적 페이지를 만들 때 윅스 데이터(Wix Data)는 해당 페이지에 나타날 수 있는 항목에 대한 URL을 계산합니다. 해당 URL의 접두어 및 동적 섹션이 컬렉션의 각 항목에 계산 입력란(필드)로 추가됩니다. 계산된 입력란(필드)는 읽기 전용이며 데이터 관리자의 회색 배경에 나타납니다.

 

작성한 동적 페이지는 계산된 입력란(필드)가 페이지 작성시 정의한 접두어 및 동적 섹션과 동일한 항목을 표시할 수 있습니다.

 

예제 )

요리법 사이트가 있고 요리법 컬렉션에 요리법 이름, 제공되는 코스 및 제공되는 식사에 대한 입력란(필드)가 있다고 가정해봅니다. 컬렉션은 다음과 같이 보일 수 있습니다.

 

 

 

이제 사이트 구축을 시작하고 각 요리법을 표시할 수 있는 동적 항목 페이지를 추가합니다. 항목 페이지를 만들 때 URL을 사용합니다.

 

https://www.../dishes/{Recipe}

 

여기서 요리는 정적 섹션이고 Recipe는 Recipe 입력란(필드)에서 필터하기 위해 URL에 추가한 동적 입력란(필드)입니다.

 

동적 페이지를 생성하면 새로운 입력란(필드)가 Recipes(Recipe)라는 이름으로 요리법 컬렉션에 추가됩니다. 여기서 Recipes는 컬렉션 이름이고 (Recipe)는 URL에서 사용한 동적 입력란(필드)입니다.

 

이제 컬렉션은 다음과 같습니다.

 

 

 

컬렉션의 각 항목에는 URL의 정적 섹션과 그 특정 항목의 실제 동적 섹션으로 구성된 계산된 입력란(필드)가 있습니다. 페이지를 만들 때 사용한 입력란(필드)가 각 항목에 대해 고유한 값을 가지고 있다고 가정하면 각 항목에는 해당 페이지에 대해 고유한 계산 입력란(필드)가 있습니다.

 

방문자가 피자 요리법의 동적 상품 페이지로 이동하면 해당 페이지의 URL은 다음과 같습니다.

 

yourdomain.com/dishes/pizza

 

이제 URL을 사용하여 식사 입력란(필드)를 기반으로 요리법을 표시할 수 있는 동적 카테고리 페이지를 사이트에 추가할 수 있습니다.

 

https : //www.../dishes/meal/ {meal}

 

동적 페이지를 생성하면 Recipes Meal (Meal)이라는 이름으로 요리법 컬렉션에 새 입력란(필드)가 추가됩니다. Recipes는 컬렉션 이름이며, Meal은 URL에서 정적인 입력란(필드)이므로 URL은 고유하고 (Meal)은 URL에서 사용한 동적 입력란(필드)

 

이제 컬렉션은 다음과 같습니다.

 

 

 

 

컬렉션의 각 항목에는 카테고리 페이지에 대한 계산된 입력란(필드)가 있습니다. 카테고리 페이지에는 항목이 두 개 이상 표시되므로 여러 항목이 동일한 계산 입력란(필드)를 공유합니다. 계산된 입력란(필드)가 동일한 모든 항목이 같은 페이지에 나타날 수 있습니다.

 

예를 들어 방문객이 점심 요리법의 식사 카테고리 페이지로 이동하면 해당 페이지의 URL은 다음과 같습니다.

 

yourdomain.com/dishes/meal/lunch

 

이 경우 계산된 입력란(필드)가 도메인 이름 다음에 나타나는 URL 섹션과 일치하는 모든 항목은 해당 페이지와 연결됩니다. 예를 들어 계산된 /dish/lunch 입력란(필드)가 있는 모든 항목은 mydomain.com/dishes/meal/lunch 페이지와 연관됩니다.

 

팁 :

계산된 입력란(필드)에서 셀을 클릭하면 해당 항목 또는 카테고리의 동적 페이지에 대한 라이브 링크가 포함된 툴팁이 표시됩니다.

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 동적 페이지 예제 (Dynamic Page Example)

윅스 (Wix) 코딩 - 접두어로 동적 페이지 URL을 의미있게 만들기 (Wix Code: How to Make Dynamic Page URLs Meaningful with Prefixes)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/about-read-only-url-paths-in-your-collection

 

반응형

댓글