캔버스 외부 콘텐츠
매끄럽고 슬라이딩된 측면 패널을 코딩 없이 Elementor 사이트에 추가합니다. 오프 캔버스 콘텐츠 요소를 사용하면 저장된 템플릿을 – 연락처 양식이나 탐색 메뉴처럼 – 옆에서 슬라이드하는 세련된 오버레이로 표시할 수 있습니다. 사용자 지정 가능한 버튼을 아무 곳에나 놓고 패널의 위치와 애니메이션을 선택하면,여분의 콘텐츠를 드러낼 수 있는 현대적이고 공간 절약적인 방법을 만들 수 있습니다. 중요한 정보에 사용자가 빠르게 액세스하면서 페이지를 깨끗하게 유지하는 데 완벽하며,모든 색상,테두리, 세부 사항을 완벽하게 제어하여 브랜드와 일치시킵니다.
유연한 패널 포지셔닝 및 애니메이션
오프 캔버스 패널이 나타나는 방식과 위치를 정확하게 제어합니다. 왼쪽,오른쪽, 위쪽 또는 아래쪽에서 밀어 넣도록 선택하고 슬라이드 또는 페이드와 같은 입구 애니메이션을 선택한 다음 패널의 너비를 설정하여 콘텐츠에 완벽한 사용자 환경을 만듭니다.
- 온라인 상점에 맞게 오른쪽에서 슬라이드 인되는 사이드 카트를 만듭니다.
- 컴팩트한 공지 또는 알림 표시줄을 보려면 상단 패널을 사용하세요.
- 데스크탑에서 최신 모바일과 유사한 메뉴를 위해 왼쪽 슬라이딩 탐색 메뉴를 구현합니다.
전체 트리거 버튼 사용자 정의
패널을 여는 버튼을 어떤 상황에 맞게 디자인합니다. 텍스트와 아이콘을 설정하고,그 사이의 간격을 제어하고,색상, 배경,테두리 및 호버 효과를 독립적으로 스타일링하여 페이지의 어느 위치에나 멋지게 보이도록 합니다.
- 헤더에 브랜드 “메뉴” 버튼을 만들어 측면 탐색을 엽니다.
- 제품 그리드의 간단한 아이콘 버튼을 사용하여 크기 가이드를 빠르게 엽니다.
- 클릭을 유도하는 독특한 호버 효과로 눈에 띄는 “문의하기” 버튼을 디자인하세요.
캔버스 외 콘텐츠에 대해 자주 묻는 질문
캔버스 외부 패널에 콘텐츠를 추가하려면 어떻게 해야 합니까?
저장된 Elementor 템플릿을 선택하여 콘텐츠를 추가합니다. 먼저 Elementor 에서 콘텐츠 (연락처 양식 또는 메뉴와 같은) 를 템플릿으로 만들고 저장합니다. 그런 다음 이 요소의 설정에서 “템플릿 선택” 드롭다운에서 해당 템플릿을 선택합니다.
오른쪽이 아닌 왼쪽에서 패널을 열 수 있나요?
예. 콘텐츠 설정에서 패널의 “위치”를 선택할 수 있습니다. 옵션에는 일반적으로 왼쪽,오른쪽, 위쪽 및 아래쪽이 포함되어 있어 화면의 어느 가장자리에서 슬라이드되는지 선택할 수 있습니다.
오프 캔버스 패널이 휴대폰에서 올바르게 작동합니까?
예,완전히 반응하도록 설계되었습니다. 패널의 너비와 트리거 버튼은 다양한 화면 크기에 맞게 조정됩니다. 또한 Elementor 의 반응 모드를 사용하여 모바일 전용 패널 너비와 같은 설정을 조정할 수도 있습니다.
오프 캔버스 패널을 추가하면 사이트의 로딩 속도에 영향을 줍니까?
영향은 최소화됩니다. 요소는 일반적으로 Elementor 에 의해 최적화된 저장된 템플릿을 로드합니다. 패널의 콘텐츠는 트리거될 때만 로드되는 경우가 많으므로 초기 페이지 로드를 빠르게 유지하는 데 도움이 됩니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
