완전한 워드프레스 홈페이지 KIT 제공_WP Kit

기본 섹션 안내
기본 섹션 안내

기본 섹션 안내

섹션은 왼쪽에있는 요소 또는 패널의 옵션을 통해 또는 섹션 핸들을 마우스 오른쪽 버튼으로 클릭하고 팝업되는 컨텍스트 메뉴에서 선택하여 조작하고 스타일을 지정할 수 있습니다. 

[ 오른쪽 클릭 옵션 ]

섹션을 복제하려면 섹션 핸들을 마우스 오른쪽 버튼으로 클릭 하고 컨텍스트 메뉴에서 복제 를 선택 합니다. 여기에서 복사 및 붙여 넣기 옵션을 사용하여 섹션을 다른 곳에 복사 하여 붙여 넣거나 한 섹션에서 다른 섹션으로 스타일 만 (콘텐츠없이) 복사하여 붙여 넣을 수 있습니다 . 나중에 어디에나 삽입 할 수있는 템플릿으로 섹션을 저장하려면 템플릿 으로 저장을 클릭 합니다. 여기에서 네비게이터를 클릭하면 해당 특정 섹션에 이미 설정된 네비게이터가 열립니다. 물론 여기에서 삭제를 클릭하면 섹션이 삭제됩니다.

섹션 편집 을 클릭 하면 다음 옵션을 모두 사용할 수있는 열의 옵션이 왼쪽의 요소 또는 패널에 표시됩니다.
[ 레이아웃 ]

1

콘텐츠 너비 : 콘텐츠 너비를 박스형 또는 전체 너비로 설정합니다. Boxed를 선택할 때 – 슬라이더를 사용하여 너비를 설정하십시오.

2

열 간격 : 열 간격 설정

3

높이 : 화면에 맞춤 : 섹션이 화면을 채우고 최소 높이 : 최소 높이를 설정하고 슬라이더를 사용하여 섹션 높이를 설정합니다.

4

수직 정렬 : 섹션 콘텐츠의 수직 정렬 설정

5

오버플로 : 컨테이너를 오버플로하는 콘텐츠 처리 방법을 선택합니다. 기본값 은 오버 플로우를 허용합니다. 넘치는 콘텐츠를 숨기려면 숨김 을 선택 합니다.

6

섹션 늘이기 : 섹션을 페이지의 전체 너비로 늘립니다.

7

HTML 태그 : 섹션에 대한 HTML 태그를 설정합니다.

[ 스타일 ]

배경 (일반 및 호버)

1

배경 유형 : 클래식 , 그라데이션 또는 비디오 배경 중에서 선택

배경 오버레이 (일반 및 호버)

1

배경 유형 : 클래식 또는 그라데이션 중에서 선택

2

Blend Mode : Blend Mode 설정

테두리 (일반 및 호버)

1

테두리 유형 : 테두리 유형 설정

2

테두리 반경 : 테두리 반경 설정

3

상자 그림자 : 상자 그림자 추가

모양 디바이더

1

유형 : 드롭 다운을 클릭하여 모양 분할기 스타일을 선택합니다.

타이포그래피

1

섹션의 입력 체계 색상 설정

[ 고급 ]
03

고급

1

바깥쪽 / 안쪽 여백 : 섹션 여백 설정

2

CSS ID : 섹션에 대한 CSS ID 설정

3

CSS 클래스 : 섹션에 대한 CSS 클래스 설정

모션 효과

1

고정 : 섹션을 고정으로 설정하고 상단 또는 하단 중에서 선택합니다. Sticky에 대해 더 알아보기

2

스크롤 효과 : 스크롤 효과 를 켜기로 설정 하여 사용자가 페이지를 스크롤 할 때 발생할 수있는 다양한 애니메이션 및 상호 작용 중에서 선택합니다.  스크롤 효과에 대해 더 알아보기

3

등장 애니메이션 : 드롭 다운을 클릭하여 애니메이션을 선택합니다. 등장 애니메이션에 대해 더 알아보기

반응형

1

칼럼 : 슬라이드하여 열 순서를 반대로합니다 (모바일에 적합).

2

가시성 : 데스크톱, 태블릿 또는 모바일에서 섹션 표시 또는 숨기기

Attributes (Pro 전용)

1

사용자 정의 속성을 추가하십시오. 사용자 지정 속성에 대해 자세히 알아보기

Custom CSS (Pro 전용) (Pro 전용)

1

사용자 정의 CSS 추가