EN
수색...

비디오 목록 섹션

페이지에 비디오 목록 섹션을 추가하면 페이지에서 재생할 YouTube/Vimeo 비디오를 쉽게 추가할 수 있습니다. 이는 웹사이트 방문자의 참여를 유지하는 좋은 방법입니다.

Pixpa는 YouTube 또는 Vimeo의 비디오 삽입을 지원합니다. 웹사이트에 동영상을 직접 업로드할 수는 없습니다. 이 섹션 외에도 비디오를 추가할 수도 있습니다. 갤러리 (Gallery) 또는 기치.

Pixpa를 사용하면 다음에서 YouTube 또는 Vimeo 프로필을 공유할 수 있습니다. 소셜 링크. 음악 섹션에서 Soundcloud에 호스팅된 음악 파일을 추가할 수도 있습니다.

주의할 점:

  • YouTube 또는 Vimeo에서 공개적으로 동영상을 숨기고 여기의 URL을 사용하여 웹사이트에 표시할 수 있습니다.
  • 비디오가 지원되는 모든 곳에서 .gif 파일을 업로드할 수 있습니다.
  • 추가한 동영상이 많이 로드되는 경우 재생 버튼을 클릭하고 몇 분 동안 일시 중지하세요. 그런 다음 비디오를 다시 시작하십시오. 이렇게 하면 버퍼링이 줄어들면서 더 잘 로드됩니다.

이 기사는 다음 주제들로 구성되어 있습니다 :

  1. 비디오 목록이란 무엇입니까?
  2. 페이지에 비디오 목록 섹션 추가
  3. 목록 항목 추가 및 편집
  4. 시퀀싱 목록 항목
  5. 목록 항목 삭제
  6. 섹션 레이아웃 변경
  7. 스타일 옵션
  8. 음악 섹션 추가
  9. 사운드클라우드 음악 추가
  10. 전체 카드 및 텍스트 카드

1. 동영상 목록

동영상 목록은 동영상에 대한 설명을 추가하고 동영상 목록을 웹사이트의 다른 페이지나 다른 링크와 연결하는 링크나 버튼을 추가할 수 있는 동영상 모음입니다.

2. 비디오 목록 섹션 추가

  • 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
  • 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.

 

  • 이제 섹션 카테고리 왼쪽에
  • 온 클릭 명부 (1) 탭 및 동영상 목록 (2).
  • 이제, 당신은 볼 것입니다 다른 레이아웃 의 비디오 목록 섹션 (3).

  • 섹션 레이아웃을 선택하고 클릭하여 페이지에 추가하십시오.

3. 목록 항목 추가 및 편집

비디오 목록 항목 추가

섹션을 추가한 후

  • 온 클릭 비디오 목록 편집 (1) 버튼을 눌러 목록 항목 패널을 엽니다.

  • 온 클릭 아이템 추가 (2) 버튼을 눌러 새 목록 항목을 추가합니다.
  • 다음 옵션을 사용할 수 있습니다. 복제 및 삭제 (3) 목록 항목.

비디오 목록 항목 편집

편집할 목록 항목을 클릭합니다. 특정 목록 항목 편집 옵션이 열립니다.

  • 추가 Youtube/Vimeo 비디오 링크(1).
참고 :

Pixpa 웹사이트에 비디오를 추가하려면 Youtube 또는 Vimeo에 비디오를 업로드하고 여기에 URL을 입력해야 합니다. 

  • 동영상을 재생하도록 설정 라이트박스 또는 페이지에서만 (2).

  • 이미지 업로드 (3) 목록 항목의 경우.

  • 추가 할 Title (4), 자막 (5), 및 설명 (6) 목록 항목. 선택한 레이아웃에 따라 특정 목록 항목에서 자막 및 설명 옵션을 찾지 못할 수 있습니다.

  • 의 Link Builder 아이콘을 클릭합니다. 제목 링크 (7) 링크 빌더를 열어 목록 항목 제목을 페이지에 연결합니다.
  • 다음에서 열리도록 링크 설정 새 탭 또는 같은 탭에서 (8).
  • 모든 유형 추가 (링크) (9) 목록 항목에. 버튼/이미지 링크/소셜 아이콘/텍스트 링크를 추가할 수 있습니다. 자세히 알아보기.
  • 찜하기 (10) 귀하의 변경 사항.

 

비디오 목록 항목 편집 작업을 참조하십시오.

4. 시퀀스 목록 항목

  • 목록 항목을 쉽게 드래그 앤 드롭하여 순서를 변경할 수 있습니다.

5. 목록 항목 삭제

목록 항목을 추가한 후에는 동일한 항목을 편집하고 삭제할 수 있습니다.

  • 온 클릭 . 비디오 목록 항목 옆에 있는 아이콘.
  • 온 클릭 . 확인 팝업의 버튼.
  • 찜하기 당신의 변경.

주의 사항

한 번 삭제된 목록 항목은 복구할 수 없습니다.

6. 섹션 레이아웃

  • 온 클릭 품목 관리 버튼을 눌러 비디오 목록 편집 패널을 엽니다.
  • 선택 레이아웃 탭.
  • 섹션의 레이아웃을 선택하고 변경 사항을 저장합니다.

7. 섹션 스타일 지정

  • 온 클릭 관리 (1) 버튼을 눌러 비디오 목록 편집 패널을 엽니다.
  • 선택 스타일 (2) 옵션을 선택합니다.
  • 섹션 요소의 스타일을 변경하고 저장 (3) 당신의 변경.

섹션에 대한 여러 스타일 옵션이 있습니다.

  1. 스타일 옵션 
  2. 텍스트 스타일 
  3. 호버 색상

스타일 옵션

항목 

  1. 로 선택 항목 표시 in 행과 열 or 회전 목마 
    • 당신이 선택한 경우 행과 열 옵션을 선택하면 목록 항목이 행과 열로 정렬됩니다. 이 경우 행과 열의 수를 지정해야 합니다.
    • 당신이 선택한 경우 회전 목마 옵션을 선택하면 목록 항목이 슬라이드쇼로 표시됩니다. 더 많이 알아라..
  2. 설정 열 수 동영상 목록의 경우 1~10열 중에서 선택할 수 있습니다.
  3. 지정 열 사이의 공간 목록 항목 중.
  4. 선택 콘텐츠 순서 즉, 먼저 표시될 목록 항목의 이미지 또는 관련 텍스트입니다.
  5. 정렬 내용 비디오 목록에서. 왼쪽, 오른쪽 또는 가운데 정렬로 설정할 수 있습니다.
  6. 캐러셀 반복 여부를 선택합니다.
  7. 캐러셀의 경우 탐색 컨트롤. 컨트롤 없음, 화살표 – 중앙 하단/오른쪽 상단/오른쪽 하단, 쉐브론 또는 점 중에서 선택할 수 있습니다.

이미지 

  1. 선택 이미지 자르기 목록 항목의 경우. 이미지를 Square, Circle, Landscape, Portrait 및 Dynamic으로 설정할 수 있습니다.
  2. 목록 항목의 각 측면에 대해 공통 모서리 반경 또는 다른 모서리 반경을 갖도록 선택하고 모서리 반경 목록 항목 이미지 중. 더 많이 알아라..

팁

사용법 -  모서리 반경 필드에서 다양한 모양의 목록 항목 이미지를 만들 수 있습니다. 여기서 500px를 지정하면 이미지가 원 모양으로 표시됩니다.

  • 분할 모서리를 선택한 경우 각 모서리에 대해 서로 다른 모서리 반경을 설정할 수 있습니다.

이미지 호버 시 

  1. 선택 이미지 호버 색상 너는 악센트 색상 또는 될 지정. 선택했다면 악센트 색상을 지정한 다음 불투명.
  2. 당신이 선택한 경우 색상 지정 옵션을 설정한 다음 기본 호버 색상 및 불투명도 목록 항목에 대해.
  3. 설정 요소 섹션의 목록 항목에 대한 색상입니다.
  4. 로 선택 목록 항목 이미지 애니메이션 마우스를 올리면 예를 클릭합니다. 라이브 페이지에서 이 기능을 확인하십시오..

크기 및 공간 

  1. 지정 이미지 폭 목록 항목의 경우.
  2. 지정 콘텐츠 너비 목록 항목에 대해.
  3. 지정 섹션 제목 아래 공간 px에서.
  4. 지정 이미지 아래 공간 목록 항목의 (%).
  5. 지정 제목 아래 공간 목록 항목의 (%).
  6. 지정 자막 아래 공간 목록 항목의 (%).

본문 

  1. 온 클릭 텍스트 스타일 변경 방문하기 버튼 디자인 섹션 글꼴 크기와 스타일을 관리하세요. 
  2. 설정 Title 섹션의 목록 항목에 대한 글꼴 스타일.
  3. 설정 부제 섹션의 목록 항목에 대한 글꼴 스타일.
  4. 기본값 설정 상품 설명 섹션의 목록 항목에 대한 글꼴 스타일.

카드 

  1. 방법을 참조하십시오 카드를 관리합니다.

그림자 

  1. 디스플레이 – 항상 목록 항목 뒤에 그림자를 표시하거나 가리키기만 하면 표시되도록 선택합니다.
  2. 스타일 – 기존 사전 설정에서 선택하거나 사용자 지정 그림자를 만듭니다.
    사용자 정의 옵션을 선택한 경우 다음을 방문하십시오. 상자 그림자 생성기 사용자 지정 그림자를 만듭니다. 마지막으로 복사 붙여넣기 상자 그림자 CSS.

  1. 사전 설정 옵션을 선택한 경우 그림자 스타일 선택 드롭 다운에서

  1. 방법을 참조하십시오 버튼 및 링크의 스타일을 관리합니다.

8. 음악 섹션 추가

  • 이제 섹션 카테고리 왼쪽에
  • 아래로 스크롤하여 선택 비디오 및 음악 섹션(1) 다른 레이아웃에서 선택할 수 있는 옵션입니다.

  • 섹션 레이아웃(2)을 선택하고 클릭하여 페이지에 추가합니다.

9. 사운드클라우드 음악 추가

  • Soundcloud 썸네일을 클릭합니다.
  • 이렇게 하면 임베드 버튼이 활성화되고 클릭합니다.
  • 포함 상자에 SoundCloud 포함 코드를 추가할 수 있습니다.
  • 저장을 클릭하십시오.
  • 그게 다야! SoundCloud 음악이 추가되었습니다.

실제 보기:

10. 전체 카드와 텍스트 카드

당신이 켤 때 전체/텍스트 카드 비디오 목록 위에 있는 목록 항목에는 선택한 카드 색상의 윤곽선과 배경이 있습니다. 디자인 안내
참조 : 웹사이트 색상 및 간격.

전체 카드

전체 카드 옵션을 선택하면 카드 색상이 전체 카드, 즉 비디오 썸네일과 함께 있는 텍스트에 적용됩니다.

보세요 : 

텍스트 카드

텍스트 카드 옵션을 선택하면 비디오 썸네일에 있는 텍스트에만 카드 색상이 적용됩니다.

보세요 : 

태그가 :

원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.

문의하기