필독 사항
1. 페이지 편집시에는 익스플로러가 아닌 꼭 크롬 브라우져를 사용해야 합니다. ( 크롬 다운로드 )
2. 페이지편집 모드에서 왼쪽에 블럭옵션이 보이지 않을 경우에는 오른쪽 상단에 있는 "+" 버튼을 클릭해 주세요.
고급 탭의 설정은 모든 편집기의 행, 열 및 컨텐츠에서 거의 동일합니다.
간격 섹션
행과 열에 대해 기본 여백 및 패딩 값을 변경할 수 있습니다. 컨텐츠의 경우 기본 여백 값만 변경할 수 있습니다.
간격 설정 잠금 및 잠금 해제
모든 필드에 값을 입력할 수 있도록 4개의 여백 및 패딩 설정을 잠글 수 있으며, 모든 설정(위, 오른쪽, 아래, 왼쪽)에 해당 값이 표시되도록 합니다. 설정을 잠그고 잠금을 제거하려면 잠금 아이콘(빨간색으로 동그라미 표시)을 클릭하십시오.
각 장치에 대한 특정 간격 설정 추가
파란색 원으로 표시된 아이콘을 사용하여 각 장치에 대한 설정을 추가하거나 편집기가 작은 장치를 자동으로 처리하도록 할 수 있습니다. 기타설정 탭에서 개별적으로 변경하기 전에 여백 및 패딩에 대한 정보를 보려면 이 게시글을 참고합니다.
노출 설정 섹션
PC/태블릿/모바일 보이기 설정 필드에서는 디바이스 크기에 따라 표시하거나 숨길 행, 열 또는 컨텐츠를 설정할 수 있습니다.
보기 설정 필드에서 행, 열 또는 컨텐츠를 항상 로그인하거나 로그아웃한 사용자에게만 보이도록 선택할 수 있습니다.
애니메이션 섹션
페이지가 처음 로드되고 행, 열 또는 컨텐츠가 표시될 때 활성화되는 시작 애니메이션을 설정할 수 있습니다. 기본 값은 ‘없음‘입니다.
시작 애니메이션을 선택한 경우 지연 시간(애니메이션 시작 시간(초)과 지속 시간(초))을 설정합니다.
HTML 요소 섹션
- 행, 열 또는 컨텐츠에 대해 다른 HTML 컨테이너 요소를 선택할 수 있습니다(고급 사용자만 해당).
예를 들어, 접근성을 위해 [section] 처럼 [div 태그보다 더 의미있는 값을 가진 HTML컨테이너 태그를 사용할 수 있습니다.
- 행, 열 또는 컨텐츠에 CSS ID 또는 클래스 값을 추가합니다.
ID 이름은 페이지에서 고유해야 하므로 해당 고유 ID를 참조해야 하는 경우에만 ID를 할당하십시오. 예를 들어, 페이지의 앵커 링크에는 고유 앵커가 필요하므로 이동할 위치를 정확하게 알 수 있습니다. 클래스 이름은 일반적으로 재사용하기 위한 것이며 CSS 규칙에서 자주 사용됩니다. 예를 들어, fl-heading클래스가 있는 모든 HTML 제목에 다른 텍스트 크기를 할당할 수 있습니다.
팁!
페이지의 어딘가에 앵커를 연결하려는 경우, 행의 기타설정 탭에 ID를 만들어 앵커를 설정하는데
행이 선호되는 위치입니다.