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

윅스 (Wix) 코딩 - 내 동적 페이지는 어떤 콘텐츠를 표시합니까? (What Content Will My Dynamic Page Display?)

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

윅스 (Wix) 코딩 - 내 동적 페이지는 어떤 콘텐츠를 표시합니까? (What Content Will My Dynamic Page Display?)

 

 

 

설명)

 

이 글을 읽기 전에 다음을 배우는 것이 좋습니다.

- 윅스 (Wix) 코딩 - 동적 페이지 URL 설정하기 (About Setting Up Dynamic Page URLs)

 

 

사이트의 콘텐츠는 컬렉션에 저장되며 동적 페이지를 사용하여 표시하려고합니다. 그러나 페이지에 내용이 포함되어 있지 않은 경우 페이지에서 표시할 내용을 어떻게 알 수 있습니까? 동적 페이지가 표시하는 내용은 페이지를 만들 때 정의한 URL에 의해 결정됩니다. 또한 URL은 페이지가 표시할 수 있는 항목 수를 제어하여 페이지가 항목 페이지인지 카테고리 페이지인지 여부를 제어합니다.

 

 

 

동적 항목 페이지 (Dynamic Item Pages)

my-recipes라는 요리법 사이트가 있고 각 요리법을 표시하는 동적 항목 페이지를 만들고 싶다고 가정해봅시다. 그렇게 하려면 컬렉션의 각 요리법마다 고유한 URL이 필요합니다. 이렇게 하면 각 요리법에 항목 페이지가 표시될 때마다 페이지에 어떤 내용을 표시할지 알 수 있습니다. 또한 해당 입력란(필드)의 내용이 고유해야 여러 항목이 동일한 URL로 끝나지 않도록 해야합니다.

 

컬렉션의 기본 제목 입력란(필드)를 사용하여 요리법의 이름을 저장했습니다. 이제 이 입력란(필드)를 사용하여 항목 페이지의 URL을 고유하게 만들 수 있습니다.

 

동적 항목 페이지를 만들면 기본 제목 입력란(필드)와 함께 컬렉션 이름이 자동으로 URL에 추가됩니다.

 

 

 

이 기본값을 유지한다고 가정해봅시다. 이 URL은 동적 섹션과 정적 섹션으로 구성됩니다. 정적 섹션은 일반 텍스트로 표시되고 동적 섹션은 강조 표시됩니다. 먼저 동적 섹션을 살펴 보겠습니다.

 

동적 URL 섹션 (Dynamic URL Sections)

URL의 동적 섹션은 동적 페이지가 표시하는 내용을 제어하며 해당 내용에 따라 달라집니다. 동적 항목 페이지 URL을 만들면 다음과 같이 표시됩니다.

 

 

URL을 만들 때 URL을 클릭하면 다음과 같이 표시됩니다.

 

 

동적 섹션 Title은 중괄호 {}로 둘러 쌓여 있습니다. 이것은 Title이라는 단어가 실제로 귀하의 URL에 나타나지 않는다는 것을 나타냅니다. URL의 일부가 될 실제 섹션의 자리 표시자 일뿐입니다. 이 동적 페이지로 컬렉션의 모든 항목을 표시할 수 있습니다. {제목} 섹션은 페이지 URL에서 해당 페이지가 표시되는 특정 항목의 제목 입력란(필드)의 실제 내용으로 대체됩니다.

 

예를 들어 게시된 사이트의 피자 요리법에 대한 동적 항목 페이지의 URL은 https://domain.com/recipes/pizza입니다.

 

햄버거 요리법에 대한 게시된 사이트의 동적 상품 페이지 URL은 https://domain.com/recipes/hamburger입니다.

 

보시다시피 게시된 사이트의 두 페이지에 대한 URL은 동일한 섹션 (https://domain.com/recipes/)으로 시작됩니다. 각 페이지마다 다른 / 요리법을 따르는 것은 동적인 부분일 뿐입니다.

 

URL의 동적 섹션은 대소문자를 구분하지 않습니다. 'pizza'라는 피자와 'Pizza'라는 피자의 두 가지 요리법이 있는 경우 하나만 동적 페이지에 표시됩니다.

 

 

노트 :

이 글의 예제는 프리미엄 사이트 URL을 사용합니다. 프리미엄 사이트 URL과 무료 사이트 URL의 차이점에 대해 자세히 알아보려면 프리미엄 사이트 및 무료 사이트의 URL 구조 정보를 참조합니다.

 

 

 

 

 

정적 URL 섹션 (Static URL Sections)

URL의 정적 섹션은 표시되는 콘텐츠에 관계없이 동적 페이지의 URL에 포함되므로 정적입니다. 동적 페이지에 피자 요리법 또는 아이스크림 요리법이 표시되는지 여부에 관계없이 두 페이지의 URL은 https://domain.com/recipes로 시작됩니다.

 

URL을 만들 때 이러한 정적 섹션은 http : //www.../recipes/로 표시됩니다. URL의 동적 섹션과 달리 정적 섹션은 대소 문자를 구분합니다.

 

 

동적 카테고리 페이지 (Dynamic Category Pages)

이 예에서는 특정 식사와 일치하는 각 요리법 그룹마다 고유한 URL이 필요합니다. 이렇게 하려면 제공되는 식사에 따라 모든 요리법을 표시하는 동적 카테고리 페이지를 만들고 싶습니다. 이렇게 하면 각 그룹에 대해 카테고리 페이지가 표시될 때마다 페이지에서 어떤 내용을 표시할지 알 수 있습니다.

 

동적 카테고리 페이지를 만들면 기본적으로 컬렉션의 입력란(필드)가 포함되지 않습니다. 식사로 분류된 요리법을 표시하도록 설정하려면 URL에 식사 입력란(필드)를 추가합니다.

 

 

 

이 URL은 동적 섹션과 정적 섹션으로 구성됩니다. 정적 섹션은 일반 텍스트로 표시되고 동적 섹션은 강조 표시됩니다. 먼저 동적 섹션을 살펴보겠습니다.

 

동적 URL 섹션 (Dynamic URL Sections)

동적 카테고리 페이지 URL을 만들면 식사 부분이 컬렉션의 항목에 대한 식사 입력란(필드)의 콘텐츠로 대체되는 URL이 생성됩니다.

 

URL을 클릭하여 편집하면 다음과 같이 표시됩니다.

 

 

여기에서도 동적 섹션 식사가 {}로 둘러싸여 있습니다. 이것은 식사라는 단어가 실제로 귀하의 URL에 나타나지 않는다는 것을 나타냅니다. URL의 일부가 될 실제 섹션의 자리 표시자 일뿐입니다. 식사 입력란(필드)를 기반으로 하는 컬렉션의 모든 카테고리는 이 동적 페이지에서 표시할 수 있으며 {meal} 섹션은 페이지 URL에서 특정 상품의 식사 입력란(필드)의 실제 콘텐츠로 대체됩니다.

예를 들어 게시자 사이트의 모든 동적 조리법에 대한 동적 카테고리 페이지의 URL은 다음과 같습니다. https://domain.com/recipes/breakfast

 

모든 점심 요리법에 대해 게시된 사이트의 동적 카테고리 페이지 URL은 다음과 같습니다. https://domain.com/recipes/lunch

 

항목 페이지와 마찬가지로 두 페이지의 URL은 동일한 섹션 (https://domain.com/recipes/)으로 시작됩니다.

 

각 페이지마다 다른 / 요리법을 따르는 부분일 뿐입니다.

 

URL의 동적 섹션은 대소문자를 구분하지 않습니다. 'pizza'라는 피자와 'Pizza'라는 피자의 두 가지 요리법이 있는 경우 하나만 동적 페이지에 표시됩니다.

 

 

 

 

 

정적 URL 섹션 (Static URL Sections)

URL의 정적 섹션은 표시되는 내용에 관계없이 동적 페이지의 URL에 포함되므로 정적입니다. 동적 페이지에 점심 요리법이나 저녁 요리법을 표시하든 간에, 두 페이지의 URL은

 

https://domain.com/recipes.

 

URL을 만들 때 이러한 정적 섹션은 http : //www.../recipes/로 표시됩니다. URL의 동적 섹션과 달리 정적 섹션은 대소문자를 구분합니다.

 

 

동적 페이지 URL에 대해 자세히 알아 보려면 다음 도움말을 참조합니다.

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

- 윅스 (Wix) 코딩 - 여러 동적 페이지에 고유한 URL 부여하기 (About Making Multiple Dynamic Page URLs Unique)

 

 

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 동적 페이지 URL 설정하기 (About Setting Up Dynamic Page URLs)

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

윅스 (Wix) 코딩 - 여러 동적 페이지에 고유한 URL을 부여하기 (About Making Multiple Dynamic Page URLs Unique)

 

윅스 홈페이지 만들기 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/what-content-will-my-dynamic-page-display

 

반응형

댓글