Elementor에서 무료로 검색창을 추가하는 방법
당신은 Elementor 와 WordPress.org 의 무료 마스터 애드온 플러그인이 필요합니다.
- 아래에서 검색이 켜져 있는지 확인하세요 마스터 애드온, 위젯.
- Elementor 편집기에서 마스터 애드온을 검색합니다 검색 위젯을 사용하여 헤더, 사이드바 또는 섹션으로 드래그하세요.
- 유형: 검색창의 양식 또는 아이콘의 아이콘 팝업을 선택합니다.
- Form 의 경우 아이콘 또는 텍스트 제출 버튼을 선택합니다.Icon Popup 의 경우 자리 표시자와 설명을 설정합니다.
- 스타일 탭에서 양식, 입력, 버튼 및 아이콘을 스타일링합니다.
- 게시, 테스트 검색을 실행하고 테마의 검색 결과 페이지를 확인합니다.
모든 설정은 에서 다룹니다 검색 위젯 설정 가이드.
검색창 또는 아이콘 팝업
세트 유형 폼 또는 아이콘 팝업으로. With Form, 제출 버튼 유형 는 아이콘 또는 자신의 버튼 텍스트가 있는 버튼입니다. 아이콘 팝업으로 위젯은 아이콘만 표시하고,위젯을 클릭하면 페이지 위에 큰 검색 필드가 열립니다. 팝업 설정 입력 텍스트 위치 지정자와 “검색하려면 Enter 키를 누르고, 닫으려면 X 키를 누르세요”와 같은 설명 줄을 설정하세요.
- Elementor 아이콘 라이브러리에서 아이콘을 선택하세요.
- 검색은 WordPress로 이동하므로 결과는 테마의 검색 템플릿을 사용합니다.
- 사이드바 또는 404 페이지의 양식을 사용하고 붐비는 헤더의 팝업을 사용합니다.
양식, 입력 및 버튼 스타일링
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 양식 스타일 섹션은 배경색,폭, 여백,패딩, 테두리 및 테두리 반경과 더불어 타이포그래피 및 텍스트 색상을 설정합니다. 입력 옵션에는 너비,여백, 패딩,입력 배경색,테두리 및 반경이 포함됩니다. The 버튼 섹션에서는 제출 컨트롤의 배경색, 색상, 패딩, 여백 및 타이포그래피를 설정합니다.
- 컬러 버튼이 있는 둥근 알약 검색창입니다.
- 어두운 영웅 섹션에 경계 없는 입력입니다.
- 별도의 초점 또는 호버 색상 설정이 없으므로 필요한 경우 사용자 정의 CSS를 추가하십시오.
검색 아이콘 스타일링
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 아이콘 스타일 섹션은 아이콘 크기,아이콘 색상,테두리, 아이콘 패딩 및 아이콘 여백을 설정합니다. 이렇게 하면 아이콘 팝업의 트리거 아이콘과 양식 모드의 아이콘 버튼이 스타일링됩니다.
- 헤더의 메뉴 링크에 아이콘 색상을 일치시킵니다.
- 둥근 아이콘 버튼에 테두리와 패딩을 추가합니다.
- 팝업 설명을 짧게 유지하여 휴대폰에서 잘 읽혀집니다.
Elementor Pro 검색과 마스터 애드온 검색
Elementor Pro 에는 실시간 결과가있는 자체 검색 위젯이 있습니다. 무료 Master Addons 위젯을 비교하는 방법은 다음과 같습니다.
| 특징 | Elementor 프로 검색 | 마스터 애드온 검색 |
|---|---|---|
| 가격 | Elementor Pro가 필요합니다 | 무료 |
| 레이아웃 | 선택적 제출 버튼으로 입력 검색 | 전체 화면 검색을 여는 양식 또는 아이콘 팝업입니다 |
| 입력하는 동안 실시간 결과 | 예, Loop 템플릿을 사용합니다 | 아니요 |
| 쿼리 제어 | 용어, 작성자 및 날짜별로 포함하거나 제외합니다 | 표준 워드 프레스 검색 |
| 결과 페이지 | 실시간 결과 패널 또는 검색 결과 페이지 | 테마 검색결과 페이지입니다 |
| 스타일링 | 일반 및 호버 색상, 전환 기간 | 형태, 입력, 단추 및 아이콘 색깔, 국경 및 간격 |
Elementor Pro 는 실시간 결과가 필요하거나 검색되는 게시물을 제어해야 하는 경우 더 나은 선택입니다. 마스터 애드온 검색은 스타일이 지정된 검색 창이나 헤더 팝업을 무료 Elementor 에 추가하는 무료 방법입니다. 슬라이드 아웃 헤더 패널에 대해서는 을 참조하십시오 캔버스 외부 콘텐츠 (프로).
검색을 위해 자주 묻는 질문
마스터 애드온 검색 위젯은 무료입니까?
예. 검색은 무료 Master Addons 플러그인의 일부이며 무료 Elementor 와 함께 작동하므로 스타일이 지정된 검색 창에 Elementor Pro 가 필요하지 않습니다.
입력할 때 실시간 검색 결과가 표시됩니까?
아니요. 표준 WordPress 검색에 제출하고 결과는 테마의 검색 결과 템플릿에 표시됩니다. 실시간 결과의 경우 Elementor Pro 의 검색 위젯이 옵션입니다.
상품만 검색할 수 있나요, 아니면 글 유형 하나만 검색할 수 있나요?
위젯 설정에서가 아닙니다. 공개 게시물과 페이지를 다루는 기본 WordPress 검색을 사용합니다. 테마,WooCommerce 또는 검색 플러그인이 결과에 포함되는 내용을 결정합니다.
사이드바에 폼을 사용하고 헤더에 아이콘 팝업을 사용할 수 있나요?
예,여러 설정으로 여러 곳에 위젯을 추가할 수 있습니다. 하나 이상의 아이콘 팝업을 사용하는 페이지를 테스트합니다. 각 팝업을 열려면 자체 트리거가 필요하기 때문입니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
