Elementor 사용자 정의 중단점: 장치 크기를 더 추가합니다(무료 플러그인)

Elementor 용 사용자 지정 중단점은 Elementor 의 응답 모드에 자신의 장치 크기를 추가하는 Master Addons 팀의 무료 플러그인입니다. Elementor 는 7 개의 장치보기에서 중지합니다. 이 플러그인은 600px 소형 전화 또는 1440px 데스크탑과 같이 그 위에 중단점을 추가하며 각각 고유한 이름과 픽셀 너비를 갖습니다. 무료 버전에는 3 개의 사용자 지정 중단점이 포함되어 있으며 Master Addons Pro 는 Master Addons 가 설치되어 있거나 설치되지 않은 상태에서 작동합니다.

Elementor 에서 사용자 지정 중단점을 추가하는 방법

먼저 사이트 설정 > 레이아웃 > 중단점에서 Elementor 자신의 추가 보기를 확인하십시오. 어느 것도 맞지 않으면 자신의 보기를 추가하십시오:

  1. 설치하기 Elementor에 대한 사용자 정의 중단점 플러그인 > 새로 추가에서 활성화하세요.
  2. 대시보드 메뉴에서 중단점을 엽니다. Master Addons 가 활성 상태이면 Master Addons 메뉴 아래에 있습니다.
  3. 장치를 추가하고 이름을 지정하고 픽셀 단위로 최대 너비를 입력합니다. 예를 들어 소형 휴대폰의 경우 600입니다.
  4. 저장합니다. 플러그인은 목록을 정렬하고 이웃 범위를 조정합니다.
  5. Elementor로 페이지를 편집하고 응답 모드에서 새 보기를 선택하고 해당 요소에 스타일을 지정하세요.

에서 작동하는 것을 참조하십시오 라이브 브레이크포인트 데모또는 가이드를 읽어보세요 elementor 에 대한 사용자 지정 중단점 더 많은 예제를 위해.

Elementor 에 대한 사용자 지정 장치 중단점

자신의 이름으로 사용자 정의 장치 크기

장치의 이름을 지정하고 최대 너비를 픽셀 단위로 입력합니다. 플러그인은 모든 중단점을 너비별로 정렬하고 범위를 대신해 작동하므로 600px Small Mobile 뷰는 최대 600px 화면을 덮고 다음 뷰는 601px 에서 시작됩니다. 저장된 중단점은 내장 뷰 옆에 있는 Elementor 의 반응형 도구 모음에 나타납니다.

  • 3 사용자 정의 중단점 무료, 마스터 애드온 프로와 무제한.
  • 중단점은 너비에 따라 자동으로 정렬되므로 범위가 겹치지 않습니다.
  • Elementor의 기본값으로 돌아가기 위한 재설정 버튼과 Pro를 사용한 가져오기 및 내보내기.

Elementor의 반응 모드 내에서 작동합니다

사용자 지정 중단점은 Elementor 자체와 같이 동작합니다. 응답 도구 모음에서 새 보기를 선택한 다음 글꼴 크기,패딩, 열 너비 및 해당 범위 내부에만 적용되는 기타 응답 값을 설정합니다. 플러그인은 Elementor 의 중단점 시스템에 연결되므로 Elementor 및 Master Addons 위젯의 응답 제어에 추가 보기가 표시됩니다.

  • 모바일 및 태블릿과 동일한 도구 모음에서 사용자 정의 보기를 선택합니다.
  • 각 보기에 대한 타이포그래피, 간격 및 레이아웃 값을 설정합니다.
  • Elementor의 내장 너비 중 두 개 사이를 나누는 레이아웃을 수정합니다.
Elementor 편집기 미리보기의 사용자 정의 중단점

Elementor의 내장 중단점 vs 사용자 정의 중단점

Elementor free 와 Pro 는 동일한 7 개의 장치 뷰를 공유합니다: 모바일 세로 (767px), 모바일 가로 (880px), 태블릿 세로 (1024px), 태블릿 가로 (1200px), 노트북 (1366px), 데스크탑 및 와이드 스크린 (2400px 이상). 모든 너비는 편집 가능하지만 여덟 번째 보기를 추가할 수는 없습니다.

요소 중단점사용자 정의 중단점 플러그인
가격무료무료, 마스터 애드온 프로와 무제한
장치 보기최대 7Elementor 의 7 플러스 3 커스텀 (무료) 또는 무제한 (Pro)
이름고정자신의
너비편집 가능편집 가능
수입 및 수출아니요프로와

중단점이 설정된 후 각 장치의 스타일을 지정하는 방법은 가이드를 읽어보세요 elementor 중단점을 갖춘 반응형 설계. 장치별로 전체 섹션을 표시하거나 숨기려면 다음을 사용하십시오 표시 조건 (프로).

템플릿 뷰어
페이스북
트위터
왓츠앱
링크 복사
지금 구매하기
사용자 지정 중단점
사용자 지정 중단점

사용자 지정 중단점에 대해 자주 묻는 질문

사용자가 사용자 지정 중단점에 대해 가장 많이 묻는 쿼리를 알아보고 한 곳에서 답변을 찾으십시오.
사용자 정의 중단점이 필요한 실제 예는 무엇입니까?

767px 에서 보기 좋은 텍스트와 버튼은 360px 휴대폰에서 비좁게 느껴질 수 있습니다. 400px 에서 Small Mobile 중단점을 추가한 다음 해당 화면에만 글꼴 크기와 버튼 패딩을 늘립니다. 더 넓은 모든 것이 일반 Mobile 스타일을 유지합니다.

몇 가지 추가 중단점은 눈에 띄는 차이를 만들지 않습니다. 각각은 모든 컨트롤에 다른 반응 값을 추가하므로 10 개 이상이 편집기를 무겁게 느낄 수 있습니다. 실제로 스타일을 지정할보기 만 추가합니다. 기본값이 포함 된 총 5 개 또는 6 개이면 대부분의 사이트에 충분합니다.

이러한 사용자 지정 중단점이 내 라이브 사이트의 CSS 및 성능에 영향을 줍니까?

각 중단점은 Elementor 가 생성하는 스타일시트에 CSS 미디어 쿼리를 추가합니다. 이는 CSS 의 작은 양이므로 방문자는 로드 시간의 차이를 느끼지 못할 것입니다.

사용자 지정이 필요하지 않을 수 있습니다. Elementor 에는 사이트 설정 > 레이아웃 > 중단점에서 전환할 수 있는 모바일 환경 (880px) 및 태블릿 환경 (1200px) 보기가 이미 있습니다. 해당 보기가 다루지 않는 너비가 필요할 때 사용자 지정 중단점을 추가합니다.

트렌드 엘리먼트 위젯 및 확장

더 짧은 시간에 정교한 웹사이트를 구축하세요.

Elementor용 Master Addons Glassmorphism 확장: 흐림 값 컨트롤이 20px로 설정된 반투명 유리 카드

유리형성

집 무료 Elementor Glassmorphism 확장: 하나의 토글에서 서리 유리 효과 Glassmorphism 서리입니다...
자세히 보기
Elementor용 마스터 애드온 컨테이너 추가 확장: 최대 너비, 최대 높이, 최소 너비 및 최소 높이 컨트롤이 포함된 컨테이너의 최대 너비는 1400px입니다

컨테이너 엑스트라

홈 Elementor 컨테이너 최대 너비 및 최대 높이 제어 컨테이너 엑스트라는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 패턴 확장: 보라색 그라데이션 그리드 왼쪽 스타일, 세 가지 패턴 스타일 및 패턴 활성화 패널이 있는 영웅입니다

패턴

홈 70+ 무료 Elementor 배경 패턴 패턴은 추가되는 무료 Master Addon 확장입니다...
자세히 보기
Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안

게시물/페이지 복제기

홈 중복 엘리멘터 페이지 및 게시물 한 번의 클릭으로 게시물/페이지 복제기는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 읽기 진행률 표시줄 확장: 활성화, 위치, 높이 및 채우기 색상 설정이 포함된 개인 정보 보호 정책 페이지 상단에 파란색 표시줄 42%가 채워져 있습니다

읽기 진행률 표시줄

홈 WordPress (Elementor) 에서 읽기 진행률 표시 줄 추가 읽기 진행률 표시 줄은 무료입니다...
자세히 보기