다음을 추가 할 수 있습니다. 표제 섹션 너의 ~에게 페이지 페이지에 대한 설명을 추가할 수 있습니다. 이미지와 관련 텍스트를 표시하려는 경우 이 섹션을 사용할 수 있습니다.
여기에 업로드된 이미지는 라이트박스 모드를 지원하지 않습니다. 이미지 모서리를 드래그하여 크기를 조정할 수 있습니다.
이 섹션은 주로 About Me/Us 페이지에 사용할 수 있습니다. 당신은 또한 수 원하는 페이지에 이미지 링크.
이 기사는 다음 주제들로 구성되어 있습니다 :
헤드라인 섹션 추가:
- 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
- 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.
- 이제 섹션 카테고리 왼쪽에
- 선택 영웅 섹션 (1) 옵션 및 선택 표제 (2) 탭.
- 선택하십시오 섹션 레이아웃 (3) 클릭하여 페이지에 추가합니다.
- 섹션이 추가되면 텍스트를 편집하고 이미지를 업로드할 수 있습니다.
콘텐츠 관리
섹션을 추가한 후:
- 온 클릭 콘텐츠 편집 (1) 버튼.
- 그러면 헤드라인 항목 패널 (2).
여기에서 다음을 수행할 수 있습니다.
- 기본 이미지 업로드 (1) 제목 블록의 경우.
- 보조 이미지 업로드 (2) 헤드라인 블록의 경우(선택한 레이아웃에만 해당)
- 추가 할 Title (3), 자막 (4), 기술설명 (5) 제목 블록의. 설명을 추가하기 전에 확인하십시오. 이 문서.
- 모든 유형 추가 (링크) (6) 헤드라인 섹션으로 이동합니다. 버튼/이미지 링크/소셜 아이콘/텍스트 링크를 추가할 수 있습니다. 상세보기.
- 찜하기 (7) 귀하의 변경 사항.
요소 관리
헤드라인 섹션에는 다음이 포함됩니다. 요소 탭 섹션 내의 다양한 요소의 가시성을 쉽게 관리할 수 있게 해줍니다. 간단한 토글 스위치를 사용하면 요소 자체를 삭제하거나 수정하지 않고도 특정 요소를 활성화하거나 비활성화할 수 있습니다.
- 를 클릭하십시오 콘텐츠 편집 (1) 버튼.
- 선택 요소 (2) 탭.
- 변경 사항을 적용한 후에는 찜하기 (3) 버튼.
아이템 옵션
- 이미지 표시: 이미지의 표시 여부를 전환합니다.
- 제목 표시: 제목 표시 여부를 제어합니다.
- 자막 표시: 자막을 활성화하거나 비활성화합니다.
- 설명 표시: 항목 설명의 가시성을 관리합니다.
- 단추 표시: 개별 항목에 대한 버튼을 표시할지 여부를 결정합니다.
레이아웃 변경
- 온 클릭 콘텐츠 편집 (1) 버튼.
- 선택 레이아웃 (2) 탭.
- 선택 LAyout (3) 귀하의 섹션 및 찜하기 (4) 변경 사항.
전체 너비 섹션을 만들려면 11~16 범위의 레이아웃을 선택하세요.
자동 맞춤 텍스트 레이아웃
자동 맞춤 텍스트 섹션은 Pixpa 웹사이트에서 동적이고 반응이 빠른 텍스트 콘텐츠를 생성하기 위한 강력한 도구입니다.
이를 통해 최대 글꼴 크기를 설정할 수 있으며, 텍스트는 사용 가능한 화면 크기, 공간 및 텍스트 길이에 따라 자동으로 크기가 조정되어 최적의 가독성과 심미적 매력을 보장합니다.
페이지에 자동 맞춤 섹션 추가
- 온 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.
- 선택 히어로 섹션 (1) 카테고리를 클릭하고 표제 (2) 탭.
- 제목 섹션에서 사용 가능한 레이아웃 중에서 선택하세요. 맨 아래로 스크롤하세요 스크린샷에 표시된 레이아웃 중 하나를 선택하세요. 당신의 취향에 따라.
자동 맞춤 섹션 편집
- 온 클릭 자동 맞춤 텍스트 블록 편집 섹션의 오른쪽 상단에 있는 버튼을 클릭하세요.
- 아래의 내용 탭에서 1st, 2nd, 3rd를 사용하여 섹션의 텍스트 내용을 지정할 수 있습니다. 텍스트 필드.
- 텍스트의 글꼴 크기는 화면 크기와 텍스트 길이에 따라 자동으로 조정됩니다. 마지막으로, 찜하기 (4) 변경 사항.
스타일 자동 맞춤 섹션
섹션의 스타일을 사용자 정의하세요. 스타일 탭. 여기서는 다음 옵션을 찾을 수 있습니다:
- 줄 높이: 텍스트 줄 사이의 세로 간격을 지정합니다.
- 최대 글꼴 크기: 텍스트가 도달할 수 있는 최대 글꼴 크기를 설정합니다.
- 텍스트 정렬: 섹션 내에서 텍스트를 가로로 정렬합니다.
- 글꼴군: 제목 1, 제목 2, 단락 등 글꼴군을 선택합니다.
텍스트 크기는 디자인 섹션의 지정된 크기를 따르지 않고 사용 가능한 공간과 텍스트 길이에 따라 조정됩니다.
표지 섹션 레이아웃
표지 섹션 레이아웃은 섹션에 텍스트, 버튼 및 배경을 추가하려는 경우에 사용할 수 있습니다. 표지 섹션은 가장 간단한 레이아웃으로, 매우 쉽게 사용자 정의할 수 있습니다.
사용자 지정 코드 스니펫 옵션을 사용하여 이 레이아웃 내에 사용자 지정 코드를 삽입할 수도 있습니다. 상세보기.
페이지에 표지 섹션 레이아웃을 추가합니다:
- 귀하의 페이지에서은 클릭 파란색 + 아이콘 새 섹션을 추가하려면
- 이제 섹션 카테고리 왼쪽에
- 선택 히어로 섹션 (1) 카테고리를 클릭하고 표제 (2) 탭.
- 제목 섹션에서 사용 가능한 레이아웃 중에서 선택하세요. 맨 아래로 스크롤하세요 스크린샷에 표시된 레이아웃을 선택하세요.
전단지에 포함된 링크에 대해 더 알아보기 코드 조각 추가 및 편집 표지 섹션 레이아웃에서.
스타일 옵션
- 온 클릭 콘텐츠 편집 (1) 버튼.
- 선택 스타일 (2) 탭.
- 섹션 요소의 스타일을 변경하고 찜하기 (3) 귀하의 변경 사항.
섹션에 대한 여러 스타일 옵션이 있습니다.
이미지
- 선택 Im연령 작물 이미지를 위해. 이미지를 Square, Circle, Landscape, Portrait 및 Dynamic으로 설정할 수 있습니다.
- 목록 항목의 각 측면에 대해 공통 모서리 반경 또는 다른 모서리 반경을 갖도록 선택하고 코너 반경 목록 항목 이미지 중.
사용법 - 모서리 반경 필드에서 다양한 모양의 이미지를 만들 수 있습니다. 여기서 500px를 지정하면 이미지가 원 모양으로 표시됩니다.
분할 모서리를 선택한 경우 각 모서리에 대해 서로 다른 모서리 반경을 설정할 수 있습니다. 더 알고 - 로 선택 마우스오버 시 이미지에 애니메이션 적용 예를 클릭하여.
- 다른에서 선택 애니메이션 스타일 마우스를 올리면 이미지가 나타납니다.
전체 너비 헤드라인 레이아웃을 적용하면 다음과 같은 추가 옵션이 표시됩니다.
- 오버레이 색상 지정: 이를 통해 다음을 적용할 수 있습니다. 색상 오버레이 헤드라인 섹션 전체에 적용됩니다. 색상 선택기를 사용하여 원하는 색상을 선택하고 불투명도 슬라이더를 사용하여 투명도를 조절하여 텍스트 가시성을 높이거나 특정 시각적 분위기를 연출할 수 있습니다.
셰이프 마스크
- 모양 마스크: 이 토글을 활성화하면 헤드라인 섹션의 이미지에 도형 마스크를 적용할 수 있습니다. 활성화하면 선택한 도형이 이미지를 해당 도형에 시각적으로 잘리게 표시합니다.
- 모양 선택: 이미지에 적용할 다양한 미리 정의된 모양 중에서 선택하세요. 이를 통해 이미지를 둥근 모양, 마름모 모양, 물방울 모양 등과 같은 고유한 형태로 표시하여 콘텐츠를 창의적으로 스타일링할 수 있습니다.
- 모양 마스크 옵션은 레이아웃에 따라 달라집니다. – 제목이나 부제 등의 텍스트가 이미지 위에 표시되는 레이아웃에서는 나타나지 않을 수 있습니다.
- Stretch 설정은 여러 요인에 따라 달라집니다. – 스타일 탭에서 정의된 이미지 크기, 정렬 및 자르기 설정을 포함합니다.
- 이미지 자르기가 원본으로 설정된 경우, 이미지의 실제 크기에 따라 수직이나 수평으로 늘어날지 여부가 결정됩니다.
이미지 테두리 옵션
- 테두리 활성화 / 비활성화 토글을 전환하여 이미지 주변을 둘러보세요.
- 다음을 선택하세요. 공통 국경 이미지의 모든 면에 표시하거나 테두리를 별도로 각 측면에 대해.
- 지정 폭 국경의. 0으로 설정하면 테두리가 나타나지 않습니다. 이미지의 각 측면에 대해 개별적으로 테두리 너비를 설정할 수도 있습니다.
- 선택 테두리 색 색상 선택기에서.
- 선호하는 것을 선택하십시오 테두리 스타일 드롭 다운에서
- 결정 모바일의 테두리 너비 데스크탑용으로 선택한 너비에 맞춰 정렬합니다.
정렬 및 색상
- 정렬 내용 헤드라인 섹션에 가로로 표시됩니다. 왼쪽, 오른쪽 또는 가운데 정렬로 설정할 수 있습니다.
- 정렬 내용 헤드라인 섹션에 세로로 위쪽, 아래쪽, 가운데 정렬로 설정할 수 있습니다.
- 유지하고 싶다면 선택하세요. 기본 색상 (텍스트 상자의 배경색)을 기본값 또는 사용자 정의로 설정합니다.
- 당신이 선택한 경우 관습 기본 색상의 경우 다음 옵션이 제공됩니다. 배경색을 선택하세요. 다음을 지정할 수도 있습니다. 불투명 기본 색상의.
크기 및 공간
- 지정 이미지 폭 제목 블록 이미지의 경우.
- 지정 콘텐츠 너비 제목 블록 텍스트의 경우.
- 지정 텍스트 카드와 이미지 사이의 공간 또는 겹침 (안에 %).
- 지정 제목 아래 공간 (안에 %).
- 지정 자막 아래 공간 (안에 %).
본문
- 온 클릭 텍스트 스타일 변경 방문하기 버튼 디자인 섹션 글꼴 크기와 스타일을 관리하세요.
- 설정 Title 제목 블록 섹션의 글꼴 스타일.
- 설정 부제 제목 블록 섹션의 글꼴 스타일.
- 기본값 설정 기술설명 제목 블록 섹션의 글꼴 스타일.
- 이 옵션을 활성화하려면 어떤 숫자든 애니메이션 효과 적용 현재의 Title 부제 입력 필드입니다. 이 기능을 켜면 숫자 값이 동적인 카운팅 애니메이션과 함께 표시되어 시각적으로 더욱 매력적입니다.
버튼 및 링크
헤드라인 섹션에 다양한 유형의 버튼을 추가할 수 있습니다. 그것들은 다음과 같습니다:
- 보통 버튼 (1) 이미지 버튼 (2) 및 아이콘 버튼 (3).
- 지정 다양한 버튼/링크 사이의 공간.
- 지정 버튼/링크 위 공간 텍스트 카드 내부.
- 설정 버튼 너비 텍스트 카드 내부.
버튼 크기
- 크기 설정 일반 버튼. 소형, 중형, 대형의 세 가지 옵션 중에서 선택할 수 있습니다.
- 지정 이미지 버튼 높이 픽셀 단위.
- 설정 아이콘 버튼 크기 픽셀 단위.
- 설정 아이콘 유형 아이콘 버튼의 경우.
- 선택 컬러 스타일 아이콘 내부 버튼의 경우. 아이콘의 브랜드 색상을 선택하거나 원하는 색상을 지정할 수 있습니다.
- 설정 아이콘 색상 아이콘 버튼입니다. 이 옵션은 활성화한 경우에만 표시됩니다. 선택한 색상 (28) 옵션.
- 선택한 경우 관습 이전 단계(29)에서 선호하는 색상 버튼 내부의 아이콘.
- 선택 배경색 아이콘 버튼의 경우.
코너 반경이 어떻게 작동하는지 확인하십시오.