Elementor 사용자 정의 중단점: 장치 크기를 더 추가합니다(무료 플러그인)
Elementor 용 사용자 지정 중단점은 Elementor 의 응답 모드에 자신의 장치 크기를 추가하는 Master Addons 팀의 무료 플러그인입니다. Elementor 는 7 개의 장치보기에서 중지합니다. 이 플러그인은 600px 소형 전화 또는 1440px 데스크탑과 같이 그 위에 중단점을 추가하며 각각 고유한 이름과 픽셀 너비를 갖습니다. 무료 버전에는 3 개의 사용자 지정 중단점이 포함되어 있으며 Master Addons Pro 는 Master Addons 가 설치되어 있거나 설치되지 않은 상태에서 작동합니다.
Elementor 에서 사용자 지정 중단점을 추가하는 방법
먼저 사이트 설정 > 레이아웃 > 중단점에서 Elementor 자신의 추가 보기를 확인하십시오. 어느 것도 맞지 않으면 자신의 보기를 추가하십시오:
- 설치하기 Elementor에 대한 사용자 정의 중단점 플러그인 > 새로 추가에서 활성화하세요.
- 대시보드 메뉴에서 중단점을 엽니다. Master Addons 가 활성 상태이면 Master Addons 메뉴 아래에 있습니다.
- 장치를 추가하고 이름을 지정하고 픽셀 단위로 최대 너비를 입력합니다. 예를 들어 소형 휴대폰의 경우 600입니다.
- 저장합니다. 플러그인은 목록을 정렬하고 이웃 범위를 조정합니다.
- Elementor로 페이지를 편집하고 응답 모드에서 새 보기를 선택하고 해당 요소에 스타일을 지정하세요.
에서 작동하는 것을 참조하십시오 라이브 브레이크포인트 데모또는 가이드를 읽어보세요 elementor 에 대한 사용자 지정 중단점 더 많은 예제를 위해.
자신의 이름으로 사용자 정의 장치 크기
장치의 이름을 지정하고 최대 너비를 픽셀 단위로 입력합니다. 플러그인은 모든 중단점을 너비별로 정렬하고 범위를 대신해 작동하므로 600px Small Mobile 뷰는 최대 600px 화면을 덮고 다음 뷰는 601px 에서 시작됩니다. 저장된 중단점은 내장 뷰 옆에 있는 Elementor 의 반응형 도구 모음에 나타납니다.
- 3 사용자 정의 중단점 무료, 마스터 애드온 프로와 무제한.
- 중단점은 너비에 따라 자동으로 정렬되므로 범위가 겹치지 않습니다.
- Elementor의 기본값으로 돌아가기 위한 재설정 버튼과 Pro를 사용한 가져오기 및 내보내기.
Elementor의 반응 모드 내에서 작동합니다
사용자 지정 중단점은 Elementor 자체와 같이 동작합니다. 응답 도구 모음에서 새 보기를 선택한 다음 글꼴 크기,패딩, 열 너비 및 해당 범위 내부에만 적용되는 기타 응답 값을 설정합니다. 플러그인은 Elementor 의 중단점 시스템에 연결되므로 Elementor 및 Master Addons 위젯의 응답 제어에 추가 보기가 표시됩니다.
- 모바일 및 태블릿과 동일한 도구 모음에서 사용자 정의 보기를 선택합니다.
- 각 보기에 대한 타이포그래피, 간격 및 레이아웃 값을 설정합니다.
- Elementor의 내장 너비 중 두 개 사이를 나누는 레이아웃을 수정합니다.
Elementor의 내장 중단점 vs 사용자 정의 중단점
Elementor free 와 Pro 는 동일한 7 개의 장치 뷰를 공유합니다: 모바일 세로 (767px), 모바일 가로 (880px), 태블릿 세로 (1024px), 태블릿 가로 (1200px), 노트북 (1366px), 데스크탑 및 와이드 스크린 (2400px 이상). 모든 너비는 편집 가능하지만 여덟 번째 보기를 추가할 수는 없습니다.
| 요소 중단점 | 사용자 정의 중단점 플러그인 | |
|---|---|---|
| 가격 | 무료 | 무료, 마스터 애드온 프로와 무제한 |
| 장치 보기 | 최대 7 | Elementor 의 7 플러스 3 커스텀 (무료) 또는 무제한 (Pro) |
| 이름 | 고정 | 자신의 |
| 너비 | 편집 가능 | 편집 가능 |
| 수입 및 수출 | 아니요 | 프로와 |
중단점이 설정된 후 각 장치의 스타일을 지정하는 방법은 가이드를 읽어보세요 elementor 중단점을 갖춘 반응형 설계. 장치별로 전체 섹션을 표시하거나 숨기려면 다음을 사용하십시오 표시 조건 (프로).
사용자 지정 중단점에 대해 자주 묻는 질문
사용자 정의 중단점이 필요한 실제 예는 무엇입니까?
767px 에서 보기 좋은 텍스트와 버튼은 360px 휴대폰에서 비좁게 느껴질 수 있습니다. 400px 에서 Small Mobile 중단점을 추가한 다음 해당 화면에만 글꼴 크기와 버튼 패딩을 늘립니다. 더 넓은 모든 것이 일반 Mobile 스타일을 유지합니다.
많은 중단점을 추가하면 Elementor 편집기가 느려지나요?
몇 가지 추가 중단점은 눈에 띄는 차이를 만들지 않습니다. 각각은 모든 컨트롤에 다른 반응 값을 추가하므로 10 개 이상이 편집기를 무겁게 느낄 수 있습니다. 실제로 스타일을 지정할보기 만 추가합니다. 기본값이 포함 된 총 5 개 또는 6 개이면 대부분의 사이트에 충분합니다.
이러한 사용자 지정 중단점이 내 라이브 사이트의 CSS 및 성능에 영향을 줍니까?
각 중단점은 Elementor 가 생성하는 스타일시트에 CSS 미디어 쿼리를 추가합니다. 이는 CSS 의 작은 양이므로 방문자는 로드 시간의 차이를 느끼지 못할 것입니다.
"모바일 풍경" 대 "모바일 초상화" 의 중단점을 설정할 수 있습니까?
사용자 지정이 필요하지 않을 수 있습니다. Elementor 에는 사이트 설정 > 레이아웃 > 중단점에서 전환할 수 있는 모바일 환경 (880px) 및 태블릿 환경 (1200px) 보기가 이미 있습니다. 해당 보기가 다루지 않는 너비가 필요할 때 사용자 지정 중단점을 추가합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
