미디어 및 앱 섹션을 사용하여 Pinterest 보드, Youtube, Tumblr, Spotify, Vimeo 등과 같은 외부 콘텐츠를 사이트에 추가하세요.
당신은 시작하기 전에
포함 블록은 포함 표준을 사용하거나 포함 코드를 수동으로 설정하는 서비스에서 콘텐츠를 가져옵니다.
이 기사는 다음 주제들로 구성되어 있습니다 :
1. 미디어 및 앱 섹션
- Pinterest 보드, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, Instagram 게시물, Giphy, Twitch, 및 사용자 정의 내장 코드.
2. 미디어 및 앱 섹션 추가
- 이제 섹션 카테고리 왼쪽에
- 선택 소셜 및 임베드 (1) 카테고리를 클릭 후 퍼가기 선택할 수 있는 탭(2) 다른 레이아웃 의 퍼가기 (3) 섹션.
섹션 레이아웃(2)을 선택하고 클릭하여 페이지에 추가합니다.
3. 목록 항목 추가 및 편집
목록 항목 추가
섹션을 추가한 후:
- 온 클릭 Embed 섹션 관리 (1) 버튼을 눌러 목록 항목 패널을 엽니다.
- 온 클릭 항목 추가(2) 버튼을 눌러 새 목록 항목을 추가합니다.
목록 항목 편집
- 목록 항목 편집 옵션이 열립니다.
- 목록 항목에 대한 URL(1)을 추가하거나 포함 코드(2)를 추가합니다.
- 링크 추가 옵션을 선택한 경우 여기에 링크(3), 제목(4), 부제(5), 설명 6)을 추가하고 유형을 추가할 수 있습니다. (링크) (7) 목록 항목에. 버튼/이미지 링크/소셜 아이콘/텍스트 링크를 추가할 수 있습니다. 상세보기.
- 내장 코드 추가 옵션을 선택한 경우 여기에 내장 코드를 추가(3), 제목(4), 부제(5), 설명 6)하고 유형을 추가할 수 있습니다. (링크) (7) 목록 항목에.
4. 시퀀스 목록 항목
- 목록 항목을 쉽게 드래그 앤 드롭하여 순서를 변경할 수 있습니다.
5. 목록 항목 삭제
목록 항목을 추가한 후에는 동일한 항목을 편집하고 삭제할 수 있습니다.
- 온 클릭 . 포함 목록 항목 옆에 있는 아이콘입니다.
- 온 클릭 . 확인 팝업의 버튼.
- 찜하기 당신의 변경.
6. 섹션 레이아웃
- 온 클릭 삽입 섹션 편집(1) 버튼을 눌러 목록 편집 패널을 엽니다.
- 선택 레이아웃 (2) 탭.
- 섹션의 레이아웃을 선택하고 저장하세요. 변경 사항 (3).
7. 섹션 스타일 지정
- 온 클릭 삽입 섹션 편집(1) 편집 패널을 열려면 버튼을 클릭하세요.
- 선택 스타일 (2) 탭.
- 섹션 요소의 스타일을 변경하고 저장 (3) 당신의 변경.
섹션에 대한 여러 스타일 옵션이 있습니다.
아이템 옵션
- 로 선택 항목 표시 in 행과 열 or 회전 목마
- 당신이 선택한 경우 행과 열 옵션을 선택하면 목록 항목이 행과 열로 정렬됩니다. 이 경우 행과 열의 수를 지정해야 합니다.
- 당신이 선택한 경우 회전 목마 옵션을 선택하면 목록 항목이 슬라이드쇼로 표시됩니다.
- 설정 열 수 임베드 목록의 경우 1~10개의 열을 선택할 수 있습니다.
- 지정 열 사이의 공간 목록 항목 중.
- 지정 행 사이의 공백 목록 항목 중.
- 선택 콘텐츠 순서 즉, 목록 항목의 내장된 부분을 먼저 표시할지 아니면 연관된 텍스트를 먼저 표시할지 여부입니다.
- 정렬 콘텐츠를 가로로 이미지 목록에서. 왼쪽, 오른쪽 또는 가운데 정렬로 설정할 수 있습니다.
텍스트 크기 옵션
- 온 클릭 텍스트 스타일 변경 방문하기 버튼 디자인 섹션 글꼴 크기와 스타일을 관리하세요.
- 설정 Title 목록 항목의 글꼴 스타일.
- 설정 부제 목록 항목의 글꼴 스타일.
- 기본값 설정 기술설명 목록 항목의 글꼴 스타일.
간격 옵션
- 지정 삽입 너비 목록 항목(%)
- 지정 콘텐츠 너비 목록 항목에 대한 비율(%)입니다.
- 지정 섹션 제목 아래 공간 (픽셀 단위).
- 지정 내장된 부분 아래의 공간 (안에 %).
- 지정 제목 아래 공간 목록 항목의 (%).
- 지정 자막 아래 공간 목록 항목의 (%).
섹션 제목
- 수평 정렬 섹션 헤드라인 텍스트입니다. 왼쪽, 가운데, 오른쪽으로 설정할 수 있습니다.
- 활성화/비활성화 분할기 섹션 제목과 섹션 내용 사이.
- 설정 디바이더의 두께 (픽셀 단위).
- 지정 구분선 색상 색상 선택기에서.
- 선호하는 것을 선택하세요 구분선 스타일.
자르기 삽입
- 왼쪽 메뉴에서 자르기 삽입1:1 정사각형, 2:1 수평, 3:2 수평, 4:3, 3:4, 16:9, 2.4:1 및 원본 삽입 자르기로 설정할 수 있습니다.
셰이프 마스크
- 모양 마스크: 이 토글을 활성화하면 삽입 섹션에서 이미지에 모양 마스크를 적용할 수 있습니다. 활성화하면 선택한 모양이 이미지를 해당 모양에 시각적으로 잘립니다.
- 모양 선택: 이미지에 적용할 다양한 미리 정의된 모양 중에서 선택하세요. 이를 통해 이미지를 둥근 모양, 마름모 모양, 물방울 모양 등과 같은 고유한 형태로 표시하여 콘텐츠를 창의적으로 스타일링할 수 있습니다.
노트
- 모양 마스크 옵션은 레이아웃에 따라 달라집니다. – 제목이나 부제 등의 텍스트가 이미지 위에 표시되는 레이아웃에서는 나타나지 않을 수 있습니다.
- Stretch 설정은 여러 요인에 따라 달라집니다. – 스타일 탭에서 정의된 이미지 크기, 정렬 및 자르기 설정을 포함합니다.
- 이미지 자르기가 원본으로 설정된 경우, 이미지의 실제 크기에 따라 수직이나 수평으로 늘어날지 여부가 결정됩니다.
카드 옵션
- 방법을 참조하십시오 카드를 관리합니다.
그림자 옵션
- 디스플레이 – 항상 목록 항목 뒤에 그림자를 표시하거나 가리키기만 하면 표시되도록 선택합니다.
- 스타일 – 기존 사전 설정에서 선택하거나 사용자 지정 그림자를 만듭니다.
사용자 정의 옵션을 선택한 경우 다음을 방문하십시오. 상자 그림자 생성기 사용자 지정 그림자를 만듭니다. 마지막으로 복사 붙여넣기 상자 그림자 CSS. - 사전 설정 옵션을 선택한 경우 그림자 스타일 선택 드롭 다운에서
버튼 및 링크
- 방법을 참조하십시오 버튼 및 링크의 스타일을 관리합니다.
- 찜하기 변화들.
