엘리멘터 사이트 기본 세팅

image 41

사이트 설정 화면 활성화

  • 엘리멘터 편집 화면에서 좌측상단 ① 버튼을 클릭하여 수정할 수 있습니다.
  • 해당 영역의 값은 수정시 사이트 전반에 전역적으로 사용이 되고 적용이 되므로 신중하게 수정하여야 합니다.
전역색상 ②

사이트 전역에 사용되는

  • Primary
  • Secondary
  • Text
  • Accent

등을 설정할 수 있으며 그외 자주 사용하는 컬러를 지정하여 엘리멘터 수정 화면에서 전역적으로 사용 할수 있습니다.

image 1 1
전역 글꼴 ③
  • 전역적으로 사용되는 폰트를 설정 할 수 있으며, 현재 테마의 경우 Pretendard 폰트를 기본 폰트로 사용하고 있습니다.
  • 폰트를 추가하거나 수정하기 위해서는 Elementor > Custom Fonts 영역에서 추가하여 사용할 수 있습니다.
타이포그라피 ④
image 3 1
  • 사이트 전반에 사용되는 H1, H2, H3, H4, H5, H6의 폰트 패밀리 / 굵기 / 크기 와 컬러 등을 지정할 수 있습니다.
  • 설정 값이 사이트 전반에 사용이 되고 화면 크기에 따른 사이즈 조절이 가능합니다.
버튼⑤

기본 버튼에 대한 색상 및 컬러 폰트 등을 지정할 수 있습니다.

양식필드⑥

입력 필드(input, textarea) 의 기본 색상 및 스타일을 지정할 수 있습니다.

사이트식별⑦
image 4 1
  • 사이트 이름 / 설명 / 로고 / 파비콘 등을 수정할 수 있습니다.
배경⑧

사이트의 기본 배경을 설정 할 수 있습니다.

레이아웃⑨
image 5 1
  • 사이트의 전체 넓이(기본 세팅: 1340px) 와 기본 켄테이너의 패딩값을 설정 할 수 있습니다.
  • 컨테이너의 값을 특별히 수정하지 않을 경우 해당 기본 값으로 세팅이 되며 컨테이너 내부의 값(기본 세팅 : 20px)도 수정할 수 있습니다.
사용자 정의 CSS⑩
image 6 1
  • 사이트 내에 추가적인 CSS가 필요 한 경우 입력하여 사용 할 수 있습니다.