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

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

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

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

 

 

 

설명)

 

이 글을 읽기 전에 다음 것들을 배우고 싶을 수 있습니다.

 

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

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

 

 

동적 페이지 URL의 도메인 이름 뒤의 첫 번째 섹션은 접두어입니다. 접두어는 방문자에게 더 의미있는 페이지 URL을 제공하는 데 도움이 됩니다. 또한 사이트 구조 사이드 바에서 페이지가 그룹화되는 방법을 결정합니다.

 

예를 들어, recipes는 다음 URL의 접두어입니다.

 

 

 

 

 

동적 페이지 URL에 대해 새 접두어를 사용할 때마다 해당 접두어가 있는 모든 페이지의 새 섹션이 세로 막대에 만들어집니다. 이렇게하면 데이터베이스의 다른 컬렉션에 연결되어 있어도 한 섹션의 페이지를 그룹화 할 수 있습니다.

 

팁 :

동적 페이지를 만들면 페이지가 연결되는 컬렉션 이름이 자동으로 URL 접두어로 추가됩니다. 이 접두어는 제안된 기본 설정이며 페이지가 내 컬렉션에 연결되는 방식에는 영향을 미치지 않습니다. 페이지에 다른 접두사를 사용하려면 URL을 편집하여 수동으로 변경합니다.

왜 이것이 유용한지 이해하는 예를 살펴 보겠습니다. 예를 들어 식당을 위한 사이트가 있다고 가정해봅니다. 식사 및 음료와 같은 다양한 컬렉션에 메뉴 정보를 보관한다고 가정해보겠습니다.

 

식사 컬렉션에는 요리 이름, 알레르기 정보, 칼로리, 식사가 제공되는 식사 및 기타 식사 관련 정보와 같은 입력란(필드)가 있습니다. 귀하의 음료수 컬렉션에는 이름, 음료 종류, 국내 또는 수입, 유리 또는 병당 가격 및 기타 음료 관련 정보가 있습니다.

 

이제 카테고리별로 식사와 음료를 표시하는 동적 페이지를 만들고 싶지만 모든 페이지가 공통 URL 접두어 메뉴에 있어야 합니다.

 

이렇게 하려면 URL을 의미있는 것으로 만드는 다른 섹션에 의해 구성된 https://my-restaurant/menu URL로 동적 페이지를 만든 다음 동적 콘텐츠를 필터링하는 입력란(필드)를 만듭니다. 결국 다음과 같은 동적 URL을 가질 수 있습니다.

 

- https://my-restaurant/menu/dishes/{meal}

- https://my-restaurant/menu/drinks/{type}

 

이 경우 메뉴가 접두어이며 요리 및 음료는 URL에 직접 추가하여 더 의미있는 섹션으로 만들 수 있습니다.

 

 

최종 페이지 URL은 다음과 같습니다.

 

- https://my-restaurant/menu/dishes/breakfast

- https://my-restaurant/menu/dishes/lunch

- https://my-restaurant/menu/dishes/dinner

- https://my-restaurant/menu/drinks/beer

- https://my-restaurant/menu/drinks/wine

- https://my-restaurant/menu/drinks/scotch

- https://my-restaurant/menu/drinks/soda

 

이제 페이지 URL이 방문자에게 의미있는 정보를 전달합니다. 사이드 바에서 새롭게 구성됩니다.

 

 

 

팁 :

이제 동적 페이지 URL을 고유하게 만드는 방법에 대해 알아보겠습니다.

 

 

 

 

연관된 토픽)

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

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

윅스 (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/wix-code-making-dynamic-page-urls-meaningful-with-prefixes

 

반응형

댓글