윅스 (Wix) 코딩 예제 - 사용자 정의된 멤버 프로필 페이지 만들기 (Wix Code Tutorial: Creating Custom Member Profile Pages)

윅스 (Wix) 코딩 예제 - 사용자 정의된 멤버 프로필 페이지 만들기 (Wix Code Tutorial: Creating Custom Member Profile Pages)

 

 

 

설명)

이 글에서는 사이트의 회원인 사용자 자신이 사이트에 추가한 콘텐츠를 볼 수 있도록 사용자 지정 개인 멤버 페이지를 만드는 방법에 대해 설명합니다. 이 글에서는 이미 회원 영역을 사이트에 추가했다고 가정합니다.

 

이 글에서는 다음 내용을 다룹니다.

• 회원이 자신의 콘텐츠를 추가할 수 있는 양식 만들기

• 회원 페이지 추가 및 사용자 정의

 

요리법 사이트의 예를 사용하여 어떻게 작동하는지 설명합니다.

 

 

 

 

1 단계 : 회원이 자신의 콘텐츠를 추가할 수 있는 양식 만들기 (Step 1: Create a Form for Members to Add Their Own Content)

회원이 사이트에 컨텐츠를 추가할 수 있으려면 먼저 양식을 작성해야만 기입할 수 있습니다. 이전에 양식을 작성한 적이 없는 경우 양식 작성 단계를 안내하는 예제를 참조합니다. 데이터베이스 컬렉션 및 멤버로부터 입력을 받기위한 데이터세트를 설정하는 방법을 포함하고 있습니다.

 

회원들이 사이트에 요리법을 추가할 수 있도록 한 간단한 샘플 양식이 있습니다. 간단하게하기 위해 제목과 유형이라는 두 개의 입력란(필드) 및 두 개의 버튼을 만들었습니다. 이미지 파일을 업로드하기 위한 업로드 버튼과 컬렉션에 콘텐츠를 제출할 "레시피 추가"버튼도 만들었습니다. 물론 입력란(필드)는 원하는 대로 추가할 수 있습니다.

 

 

 

 

 

 

회원이 사이트에 로그인했기 때문에 요리법을 업로드하면 고유한 ID가 각 항목의 항목 "소유자"시스템 입력란(필드)에 나열됩니다. 즉, 현재 로그인한 회원이 업로드한 항목만 표시하는 회원 페이지를 만들 수 있습니다. 다른 모든 구성원이 업로드한 항목을 표시하는 페이지를 만들 수도 있습니다.

 

 

 

 

2 단계 : 개인 회원 페이지 추가 및 사용자 지정 (Step 2: Add and Customize a Private Member Page)

회원들이 사이트에 콘텐츠를 추가할 수 있는 방법을 제공했으므로 다음 단계는 개인 회원 페이지를 맞춤 설정하여 각 회원이 자신이 업로드한 항목을 볼 수 있게 하는 것입니다.

 

개인 회원 멤버 페이지를 추가하려면,

• 사이트 구조 사이드 바의 멤버 페이지 섹션에서 설정 아이콘을 클릭한 다음 새 페이지를 클릭합니다.

 

새 개인 회원 멤버 페이지가 생성되어 멤버 바의 세로 메뉴에 추가됩니다.

 

노트:

• 개인 회원 페이지에는 기본적으로 모든 회원 페이지에 나타나는 동일한 회원 메뉴바가 포함됩니다.

• 설정을 클릭하여 페이지 이름을 변경할 수 있습니다.

 

 

 

 

개인 회원 페이지를 사용자 정의하려면

1. 페이지에 데이터세트를 추가하고 회원이 업로드한 콘텐츠를 보유하고있는 컬렉션에 연결합니다.

2. 현재 로그인한 사용자별로 데이터세트를 필터링합니다.

3. 정보를 표시하고 데이터세트에 연결할 수 있는 요소를 추가합니다.

 

다음은 에디터에서 페이지를 구성한 내용입니다. 음식 사진, 음식 명, 음식 종류를 나타내는 반복 레이아웃을 사용했습니다.

 

 

 

그리고 다음은 라이브 사이트에서 페이지가 어떻게 보이는지를 보여줍니다. 이제 회원이 비공개 페이지를 볼 때 추가한 항목을 볼 수 있습니다.

 

 

 

 

노트 :

페이지를 미리 볼 때 로그인한 사용자이므로 업로드한 내용이 표시됩니다. 아직 컬렉션에 항목을 업로드하지 않은 경우 페이지에서 미리볼 때 콘텐츠가 표시되지 않습니다.

 

팁 :

다음에는 윅스 (Wix) 코딩 - 로그인한 사용자를 기반으로 페이지 필터링하기(Filtering a Page Based on the Currently Logged-In User)를 읽고 현재 로그인한 회원이 아닌 다른 모든 회원이 업로드한 항목을 표시하는 페이지를 만드는 방법을 배웁니다.

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

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

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

 

출처 :

https://support.wix.com/en/article/wix-code-tutorial-creating-custom-member-profile-pages