The 기치 Pixpa의 섹션을 사용하면 페이지에 시각적으로 매력적인 영역을 추가하는 동시에 SEO를 강화할 수 있습니다. 갤러리, 페이지, 폴더, 클라이언트 앨범, 블로그 등 어떤 콘텐츠를 작업하든 배너는 분위기를 조성하고 중요한 콘텐츠를 강조하는 데 도움이 됩니다.
이 기사에는
배너란 무엇인가
배너는 콘텐츠의 상단/하단에 전체 너비의 배너 이미지/이미지 슬라이드쇼/비디오를 표시하는 데 사용됩니다.
페이지에 배너 섹션 추가
- 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
- 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.
- 이제 섹션 카테고리 왼쪽에
- 선택 히어로 섹션 (1) 카테고리를 클릭 후 기치 선택할 수 있는 탭(2) 다른 레이아웃 의 기치 (3) 섹션.
- 섹션 레이아웃을 선택하고 클릭하여 페이지에 추가하십시오.
배너 섹션 편집
해당 섹션이 이미 페이지에 추가된 경우 쉽게 편집할 수 있습니다.
- 섹션 위에 커서를 올려놓고 클릭하세요. 배너 수정 (1) 버튼.
- 사이드바가 열리면 다음을 수행할 수 있습니다. 편집 (2) 배너 섹션.
- 찜하기 (3) 변경 후 버튼을 눌러주세요.
배너 섹션 콘텐츠
The 콘텐츠 탭 배너 편집 섹션에서는 이미지 기반이든 비디오 기반이든 배너 콘텐츠를 추가하고 사용자 정의할 수 있습니다.
배너 유형
배너 유형을 선택하세요. 다음 옵션 중에서 선택할 수 있습니다.
- 슬라이드 – 배너에 이미지를 표시하려면 슬라이드 옵션을 선택하세요. 하나의 배너 아래에 여러 이미지 슬라이드를 추가할 수 있습니다.
- Video – 비디오를 배너 슬라이드로 표시하려면 이 옵션을 선택하세요. 각 배너 아래에 여러 개의 비디오 슬라이드를 추가할 수 있습니다.
배너 섹션에는 최대 25개의 슬라이드를 추가할 수 있습니다.
이미지 슬라이드
배너 유형에서 슬라이드를 선택하면 여러 개의 이미지를 배너 슬라이드로 업로드하여 슬라이드쇼를 만들 수 있습니다.
- 여러 슬라이드를 추가하려면 다음을 클릭하세요. + 슬라이드 추가 버튼을 클릭합니다.
- 순서 변경 드래그 핸들을 사용합니다.
- 편집 또는 삭제 각각의 아이콘을 사용하여 개별 슬라이드를 표시합니다.
이미지/텍스트 슬라이드 편집
- 영상
- 온 클릭 가이드라가 버튼을 눌러 이미지/슬라이드를 변경합니다. 를 클릭하십시오 . 버튼을 눌러 슬라이드를 삭제합니다.
- 아무 곳이나 이미지를 클릭하기만 하면 이미지의 초점을 변경할 수 있습니다.
- 모바일 이미지 – 모바일 배너 이미지를 업로드하세요. 여기에 세로 이미지를 추가하는 것이 좋습니다.
- 대체 텍스트 지정 이미지 슬라이드용. 이는 SEO 목적에 도움이 됩니다.
- 슬라이드 텍스트 – 슬라이드 위에 표시될 슬라이드 텍스트를 입력합니다. 텍스트를 볼드체, 이탤릭체, 밑줄, 링크 등으로 만들 수 있습니다.
참조 : Pixpa 텍스트 편집기.
- 슬라이드 링크
-
- 설정 아이콘을 클릭하고 슬라이드의 오버레이 링크를 입력합니다.
- 웹사이트 내부/외부 페이지, 이메일 또는 연락처를 지정할 수 있습니다.
또한 확인 : 텍스트/버튼 연결
- 단추 & 연결
-
- 슬라이드 콘텐츠에 최대 10개의 버튼/링크를 추가합니다.
- 일반 버튼, 텍스트 링크를 추가하거나 이미지/아이콘을 버튼으로 사용할 수 있습니다.
또한 확인 : 버튼 및 링크
- 명중하십시오 찜하기 버튼을 클릭하여 변경 사항을 저장하십시오.
전체 슬라이드는 다음 경우에만 링크로 변환됩니다. 배너 텍스트 및 버튼 옵션은 다음과 같이 선택됩니다. 슬라이드마다 다름.
비디오 슬라이드
때 비디오 슬라이드 옵션을 선택하면 배너에 YouTube 또는 Vimeo 동영상을 삽입할 수 있습니다. 다음과 같은 구성 옵션을 사용할 수 있습니다.
1. YouTube/Vimeo 링크 – 동영상 직접 링크를 입력하세요. 지원되는 형식은 다음과 같습니다.
- YouTube에서 : https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo : https://vimeo.com/XXXXXXXXXXX
2. 비디오 표시 – 사이트에 비디오가 표시되는 방식을 선택하세요.
- 자동 재생: 비디오는 모든 기기에 직접 내장되어 자동 재생됩니다(기본적으로 음소거됨).
- 자동 재생 – 데스크톱 전용: 비디오는 직접 내장되며 데스크톱에서만 자동 재생됩니다(기본적으로 음소거됨).
- 라이트박스에서 열기: 비디오 미리보기를 클릭하면 팝업으로 열립니다.
3. 모바일 이미지 – 자동 재생 동영상이 작동하지 않거나 지원되지 않는 모바일 기기에 표시되는 대체 이미지를 업로드하세요. 이렇게 하면 모든 화면 크기에서 배너가 시각적으로 매력적으로 유지됩니다.
4. Alt 태그 지정(선택 사항) – SEO 및 접근성을 개선하기 위해 alt 태그를 추가합니다. 이 태그는 스크린 리더의 대체 이미지이거나 이미지를 표시할 수 없는 경우에 사용됩니다.
5. 슬라이드 텍스트 – 슬라이드 위에 표시될 슬라이드 텍스트를 입력합니다. 텍스트를 볼드체, 이탤릭체, 밑줄, 링크 등으로 만들 수 있습니다.
참조 : Pixpa 텍스트 편집기
6. 슬라이드 링크
- 설정 아이콘을 클릭하고 슬라이드의 오버레이 링크를 입력합니다.
- 웹사이트 내부/외부 페이지, 이메일 또는 연락처를 지정할 수 있습니다.
또한 확인 : 텍스트/버튼 연결
7. 버튼 & 연결
- 슬라이드 콘텐츠에 최대 10개의 버튼/링크를 추가합니다.
- 일반 버튼, 텍스트 링크를 추가하거나 이미지/아이콘을 버튼으로 사용할 수 있습니다.
또한 확인 : 버튼 및 링크
8. 저장 – 명중하십시오 찜하기 변경 사항을 저장하려면 버튼을 클릭하세요
배너 텍스트 및 버튼
- 텍스트와 단추가 모든 슬라이드에 대해 동일할지 아니면 각 슬라이드마다 다를지 지정합니다. 다음을 선택하면 모든 슬라이드 동일 옵션, 배너 텍스트 버튼 사용하게 될 것이다.
- 당신이 선택하면 슬라이드마다 다름 옵션을 선택하면 특정 슬라이드에 지정된 텍스트와 버튼이 사용됩니다.
배너 텍스트
- 모든 슬라이드에 공통될 배너 텍스트를 입력합니다.
참조 : Pixpa 텍스트 편집기
버튼 및 링크
- 이 버튼/링크는 배너 슬라이드 위에 나타납니다(모든 슬라이드에 공통).
또한 확인 : 버튼 및 링크 - 변경 사항을 적용한 후 다음을 클릭하세요. 찜하기 배너에 적용하려면 오른쪽 상단의 버튼을 클릭하세요.
배너 설정
배너 설정 탭에서는 다음과 같은 옵션을 선택할 수 있습니다.
배너 표시 모드
-
- 크기 조정 및 맞춤 – 이미지는 배너 너비와 높이에 맞습니다.
- 너비에 맞추기 (데스크톱 전용) – 이미지가 배너 너비에 맞게 조정됩니다. 배너 높이는 이미지 높이를 상속합니다.
- 배너 데스크탑 높이 – 다음을 선택한 경우 바탕 화면 배너 높이를 지정합니다. 풀 블리드 or 규모와 맞춤 디스플레이 모드 필드의 옵션.
- 배너 모바일 높이 – 모바일 배너 높이를 지정합니다.
슬라이드 디스플레이 컨트롤
이러한 설정을 사용하면 배너 섹션 내에서 슬라이드가 표시되고 전환되는 방식을 사용자 지정할 수 있습니다.
-
슬라이드 전환 스타일 – 슬라이드가 어떻게 변경될지 선택하세요. 다음과 같은 옵션을 선택할 수 있습니다. 바래다, 수평 슬라이드 또는 수직 슬라이드 슬라이드 간의 원활한 전환을 위해.
-
행당 슬라이드 – 한 번에 표시할 슬라이드 행 수를 지정합니다.
- 열당 슬라이드 – 슬라이드가 몇 열로 표시될지 정의합니다. 각 행에 나란히 표시되는 슬라이드 수를 제어합니다.
- 슬라이드 간 간격 – 이 설정을 사용하여 개별 슬라이드 사이의 간격을 조정합니다. 간격을 픽셀 단위로 늘려 슬라이드 사이의 시각적 구분을 제어할 수 있습니다.
- 콘텐츠 위치 – 배너 내부 콘텐츠의 위치를 지정합니다.
- 콘텐츠 너비 – 배너 콘텐츠의 너비를 지정합니다.
배너 스타일링
- 배경색 – 배너의 배경색을 설정합니다.
- 오버레이 색상 – 배너의 오버레이 색상을 설정합니다.
- 탐색 스타일 – 배너의 탐색 스타일을 지정합니다. 쉐브론, 긴 화살표, 짧은 화살표 중에서 선택할 수 있습니다. 탐색 컨트롤을 비활성화하려면 없음을 선택하십시오.
- 탐색 색상 – 배너의 탐색 컨트롤 색상을 지정합니다.
- 스크롤 다운 화살표 활성화 – 배너 위에 스크롤 다운 화살표를 표시하려면 이 옵션을 선택합니다.
- 코너 반경 – 배너 슬라이드 모서리의 둥근 정도를 사용자 정의합니다. 모든 모서리에 동일한 반경을 적용하거나 각 모서리에 개별적으로 다른 값을 지정할 수 있습니다.
회전 목마
이러한 설정은 배너 또는 회전형 섹션 내에서 슬라이드가 어떻게 이동하고 자동으로 동작하는지 정의합니다.
- 부드러운 스크롤 활성화 – 이 기능을 켜면 슬라이드 전환이 더 부드러워지고 스크롤 효과도 자연스럽게 나타납니다.
- 자동 재생 슬라이드 활성화 – 이 기능을 활성화하면 사용자 상호 작용 없이 슬라이드가 자동으로 전환됩니다.
- 자동 재생 진행률 표시 – 다음 슬라이드 전환 전 타이밍을 보여주는 시각적 표시기를 표시합니다.
- 자동 재생 지연 – 자동 슬라이드 전환 사이의 시간 간격을 설정합니다(예: 4초마다).
- 캐러셀 루프 – 이 기능을 활성화하면 슬라이드가 마지막 슬라이드 다음에 첫 번째 슬라이드로 계속 순환됩니다.
버튼
이러한 옵션을 사용하면 배너 내에 표시되는 버튼을 사용자 정의할 수 있습니다.
- 버튼 크기 - 작은 크기, 중간 크기, 큰 크기 등 사용 가능한 옵션에서 버튼 크기를 선택하세요.
- 정렬 - 섹션 내에서 버튼 정렬을 설정합니다(왼쪽, 중앙, 오른쪽).
- 버튼 사이 공간 – 균형 잡힌 레이아웃을 위해 여러 버튼 사이의 수평 간격을 조정합니다.
- 버튼 위 공간 – 텍스트와 버튼 사이의 수직 공간을 픽셀 단위로 정의합니다.
- 텍스트 링크 크기 – 텍스트 기반 버튼이나 링크의 글꼴 크기를 설정합니다.
- 이미지 버튼 크기 – 아이콘이나 이미지가 포함된 버튼의 크기를 조정합니다.
- 버튼 너비 – 기본, 크게, 매우 크게 또는 전체 너비와 같은 옵션을 사용하여 버튼이 표시되는 너비를 선택하세요.
사회 아이콘
이러한 설정을 사용하면 배너 섹션에 표시되는 소셜 미디어 아이콘의 모양과 스타일을 사용자 지정할 수 있습니다.
- 아이콘 크기 – 배너의 전반적인 디자인에 맞게 소셜 미디어 아이콘의 크기(픽셀)를 조정하세요.
- 아이콘 유형 – 배너의 테마에 맞는 아이콘 스타일(예: 클래식, 윤곽선, 단색)을 선택하세요.
- 아이콘 색상 – 아이콘 색상 정의 방식을 선택하세요. 옵션은 다음과 같습니다.
- 링크 텍스트 – 섹션의 링크 텍스트와 같은 색상을 사용합니다.
- 관습 - 사용자 정의 색상을 수동으로 선택할 수 있습니다.
- 브랜드 색상 – 각 플랫폼의 공식 브랜드 색상을 적용합니다(예: Facebook의 경우 파란색).
- 색상 선택 – 사용자 정의를 선택하면 아이콘에 대한 특정 색상을 선택할 수 있습니다.
배너 레이아웃
배너의 레이아웃을 쉽게 변경할 수 있습니다. 더 많이 알아라. 배너 레이아웃에 대해
