설명

전 세계 2천만 개 이상의 웹사이트를 운영하는 넘버원 노코드 드래그 앤 드롭 워드프레스 웹사이트 빌더, 이제 AI 탑재.

Elementor는 선도적인 워드프레스 웹사이트 생성 플랫폼으로, 코드 없이 드래그 앤 드롭 편집기만으로 전문적이고 픽셀 단위까지 완벽한 웹사이트를 원활하게 구축할 수 있도록 지원합니다.

전체 웹사이트 수명주기를 지원하며, Elementor는 AI 기반 생성, 이미지 최적화, 트랜잭션 이메일 전송, 접근성 도구, 성능 향상 기능 등 확장된 기능을 통해 자신 있게 웹사이트를 구축하고 최적화하며 관리할 수 있도록 합니다.

Elementor One으로 모든 기능의 잠금을 해제하세요.

Elementor 사이트에 빠르고 안전한 클라우드 호스팅이 필요하신가요? Elementor Host를 사용해 보세요. Google Cloud 및 Cloudflare에서 제공됩니다. TrustPilot 평점 4.9/5.

🌟 전문적인 멋진 웹 사이트를 만드세요

• 직관적인 끌어다 놓기 빌더: 코드가 필요 없는 끌어다 놓기 편집기로 웹사이트를 제작하세요. 레이아웃과 스타일을 완벽하게 제어하여 정밀한 디자인을 완성하세요.
• 픽셀 단위의 완벽한 디자인 도구: SVG를 업로드하고, 마스크, 그라데이션, 상자 그림자, 헤드라인 효과, 모양 분할기를 적용하고, 내장된 CSS 컨트롤을 사용하여 고급 사용자 정의 기능을 사용하세요.
• 템플릿 라이브러리: 전체 웹사이트 키트를 적용하여 즉시 설정하거나 단일 페이지, 블록 및 팝업 템플릿으로 구성된 방대한 라이브러리에서 선택하세요.
• 고급 위젯: 제목, 이미지, 텍스트 편집기, 동영상, 버튼, 갤러리, 캐러셀 등 40개 이상의 무료 위젯에 액세스하세요.
• AI 기능: 기본 AI 통합으로 디자인 및 콘텐츠 제작 프로세스를 혁신하세요. 섹션, 텍스트, 코드, 이미지를 즉시 생성할 수 있습니다.

🗝️ 주요 기능:

• Design System: 일관된 색상, 타이포그래피 및 디자인 요소를 위해 Elementor의 Design System을 사용하여 통일되고 전문적인 외관을 보장합니다.
• 반응형 디자인: 사용자 정의 중단점을 통해 모든 디바이스에 맞게 디자인을 최적화하여 데스크톱, 태블릿, 모바일에서 원활한 경험을 보장하세요.
• 마스크 모양: 이미지나 동영상 등 어떤 요소든 원하는 모양으로 바꾸어 눈에 띄는 디자인을 만드세요.
• CSS Transform: CSS Transform을 사용하여 요소를 회전, 크기 조정, 기울여 사이트에 동적인 스타일을 추가하세요.
• 진입 애니메이션: 요소에 입구 애니메이션을 추가하여 매력적이고 인터랙티브한 사용자 경험을 만드세요.
• 리비전 이력: Elementor의 리비전 이력 기능은 사용자가 디자인의 이전 버전을 추적하고 되돌리기할 수 있게 하여 창작 과정에서 마음의 평안과 유연성을 제공합니다.
• 개발자 친화적: 광범위한 문서, API, 개발자 도구, 사용자 정의 코드 영역을 갖춘 Elementor는 개발자가 기능을 확장하고 사용자 정의형 솔루션을 만들 수 있는 환경을 제공하세요.
• 플로팅 버튼: 사용자가 스크롤해도 보기에서 유지되는 맞춤형 동작 버튼으로 사용자와의 상호작용을 향상합니다.
• 테마 빌더 [Pro]: 헤더, 바닥글, 글, 자료실 등 사이트의 모든 부분을 디자인하여 모양을 완벽하게 제어할 수 있습니다.
• Popup Builder [Pro]: Elementor의 Popup Builder로 눈길을 끄는 팝업을 생성하세요. 고급 타겟팅 및 트리거 옵션을 갖춰 사용자 참여 및 전환을 최적화합니다.
• 양식 [Pro]: 고급 기능과 통합 기능을 활용하여 제출물을 효과적으로 캡처하고 관리할 수 있는 사용자 정의 양식을 디자인하고 통합하세요.
• WooCommerce Builder [Pro]: Elementor를 WooCommerce와 통합하여 맞춤형 상품 페이지, 상점 레이아웃, 아카이브, 장바구니, 결제 페이지, 내 계정 등을 디자인하여 스토어의 시각적 매력과 기능을 향상시킵니다.
• 동적 콘텐츠 [Pro]: 동적 콘텐츠 기능을 활용하여 디자인을 다양한 데이터 소스에 연결하여 개인화된 인터랙티브 웹 경험을 제작하세요.
• 노트 [Pro]: Elementor의 노트 기능을 사용해 디자인 인터페이스에 직접 피드백과 댓글을 남겨 팀 협업을 강화하세요.
• 사용자 정의 코드 [Pro]: 사용자 정의 코드를 삽입하여 사이트의 기능을 확장하고 고급 사용자 정의를 위한 유연성을 제공하세요.
• 사용자 정의 CSS [Pro]: 사용자 정의 CSS를 적용하여 요소의 스타일을 미세 조정하고 디자인 측면을 정밀하게 제어하세요.
• 모션 효과 [Pro]: 요소에 고급 모션 효과를 추가하여 더욱 역동적이고 매력적인 사용자 경험을 제공하세요.
• 사용자 정의 글꼴 & 아이콘 [Pro]: 브랜드 정체성에 맞게 사용자 정의 글꼴과 아이콘을 업로드하여 사용하세요.

😍 Elementor 무료 위젯

웹사이트 제작 프로세스를 강화하고 디자인 역량을 향상하도록 설계된 포괄적인 무료 위젯 및 도구 모음으로 Elementor의 잠재력을 최대한 활용하세요:

• 제목. 눈길을 끄는 헤드라인을 추가하세요.
• 이미지. 크기, 불투명도 등을 조절하세요.
• 텍스트 편집기. 마치 워드프레스 텍스트 편집기와 같습니다.
• 동영상. YouTube, Vimeo, VideoPress, Dailymotion 또는 자체 호스팅 동영상을 추가하세요.
• 버튼. 대화형 버튼을 만드세요.
• Link In Bio. 비즈니스/서비스를 홍보하기 위해 바이오 구성 요소에 링크를 구축하세요.
• 이미지 상자. 이미지, 제목 및 텍스트가 있는 상자입니다.
• 후기. 고객 후기.
• 아이콘. 사용 가능한 600+ 아이콘 중 하나 이상을 배치하세요.
• 아이콘 상자. 아이콘, 헤드라인, 텍스트가 하나의 위젯에 담겨 있습니다.
• 소셜 아이콘. Facebook/X(이전 Twitter) 아이콘으로 소셜 페이지에 연결하세요.
• 이미지 갤러리. 이미지를 그리드에 표시하세요.
• 이미지 캐러셀. 선택한 이미지에 대한 회전 캐러셀 또는 슬라이더를 만드세요.
• 아이콘 목록. 모든 아이콘을 사용하여 머리 기호 목록을 만드세요.
• 카운터. 숫자를 오름차순 방식으로 표시하세요.
• 진행률 표시줄. 확대되는 진행률 표시줄을 포함하세요.
• 중첩 탭. 콘텐츠를 세로 또는 가로 탭으로 표시하세요.
• 중첩된 아코디언. 접을 수 있는 섹션에 모든 유형의 콘텐츠를 표시하세요.
• 평가. 다른 방문자가 별(또는 다른 아이콘)을 몇 개나 주었는지 표시하세요.
• 경고. 방문자의 주의를 끌 수 있도록 색상이 적용된 경고 상자를 포함합니다.
• HTML. 페이지에 코드를 삽입하세요.
• 단축코드. 플러그인의 단축코드를 페이지에 삽입하세요.
• 메뉴 앵커. 아무 메뉴나 이 앵커에 연결하세요.
• 더 읽어보기. 아카이브 페이지에서 발췌문에 대해 자세히 보기 표시 시 단어 개수 제한을 설정하세요.
• 사이드바. 페이지에 사이드바를 추가하세요.
• 구글 지도. 페이지에 지도를 삽입하세요.
• SoundCloud. SoundCloud 오디오 비트를 추가하세요.
• 구분선. 디자인된 구분선으로 콘텐츠를 분리하세요.
• 스페이서. 요소 사이에 공백을 추가하세요.
• 텍스트 경로. 경로에 텍스트를 첨부하세요.
• 그리고 계속 추가 중…

🚀 웹사이트 향상

고성능 웹사이트: 웹사이트 성능은 방문자의 경험과 검색 결과 순위에 영향을 미칩니다. Elementor는 구글 크롬과의 파트너십을 통해 디자인을 손상시키지 않으면서 성능을 지속적으로 향상시킵니다.

주요 기능: 다음이 포함됩니다

• DOM 출력 감소: 더 빠른 렌더링을 위한 간소화된 HTML 구조.
• 미디어 파일 로딩 개선: 이미지, 동영상 및 기타 미디어 자산의 로딩을 최적화합니다.
• 축소된 CSS 및 JS 파일: 빠른 로딩을 위해 필요할 때만 개별적으로 로드되는 축소된 스타일시트 및 스크립트.
• 지연 로딩: 초기 페이지 로딩 속도를 개선하기 위해 중요하지 않은 리소스를 지연 로드합니다.
• 더 빠른 글꼴 로딩: 웹 글꼴을 효율적으로 전달하여 텍스트 렌더링 속도를 향상시킵니다.
• 최적화된 프론트엔드 에셋 로딩: 렌더링 차단을 최소화하기 위해 자바스크립트 및 CSS와 같은 자산을 효율적으로 로드합니다.
• 요소 캐싱: 자주 액세스하는 디자인 요소를 캐싱하여 서버 응답 시간을 줄이고 전반적인 성능을 향상시키세요.

🔥 Elementor 편집기 Pro 기능

Elementor Editor Pro의 전체 웹사이트 빌더로 시간, 비용 및 자원을 절약하면서 비할 데 없는 웹사이트를 생성하세요. 100개 이상의 전문 위젯, 기능 및 도구에 접근할 수 있습니다.

편집기 Pro 디자인 위젯:

1. 글: 사용자 정의 가능한 레이아웃과 스타일로 블로그 글을 표시하세요.
2. 공유 버튼: 방문자가 다양한 소셜 미디어 플랫폼에서 콘텐츠를 쉽게 공유하세요.
3. 포트폴리오: 멋진 포트폴리오 레이아웃으로 작업이나 프로젝트를 소개하세요.
4. 슬라이드: 사용자 정의 애니메이션과 전환으로 역동적인 슬라이드쇼를 만드세요.
5. 양식: 사용자 상호작용 및 데이터 수집을 위한 고급 양식을 디자인하고 사용자 정의하세요.
6. 로그인: 웹사이트에 로그인 양식 또는 사용자 등록 모듈을 추가하세요.
7. 탐색 메뉴: 더 나은 사용자 경험을 위해 웹사이트의 탐색 메뉴를 사용자 정의하고 스타일을 지정하세요.
8. 애니메이션 헤드라인: 애니메이션 효과로 시선을 사로잡는 헤드라인을 만드세요.
9. 가격표: 가격 책정 플랜 또는 패키지를 체계적이고 시각적으로 매력적인 형식으로 표시하세요.
10. 가격 목록: 사용자 정의 가능한 스타일링 옵션으로 가격 또는 서비스 목록을 표시하세요.
11. 갤러리: 다양한 레이아웃 옵션과 라이트박스 지원으로 멋진 이미지 갤러리를 만드세요.
12. 플립 박스: 대화형 플립 애니메이션을 추가하여 콘텐츠나 기능을 강조하세요.
13. 반응 유도: 매력적인 반응 유도 섹션으로 사용자 상호 작용과 전환을 장려하세요.
14. 미디어 캐러셀: 이미지나 동영상과 같은 미디어 파일의 캐러셀을 표시하세요.
15. 추천 캐러셀: 사회적 증거를 위해 고객 추천글을 캐러셀 형식으로 표시하세요.
16. 중첩 캐러셀: 보다 복잡한 콘텐츠 구성을 위해 중첩 캐러셀을 만드세요.
17. 루프 캐러셀: 콘텐츠를 루프 캐러셀로 표시하여 연속적으로 표시하세요.
18. 목차: 긴 글이나 가이드를 위한 목차를 생성하여 탐색을 개선하세요.
19. 카운트다운: 카운트다운 타이머를 추가하여 프로모션이나 이벤트의 긴박감을 조성하세요.
20. Facebook Page: Facebook Page피드 또는 콘텐츠를 웹사이트에 삽입하세요.
21. 블록 인용문: 세련된 서식 옵션으로 인용문이나 추천글을 강조하세요.
22. 템플릿: 일관된 브랜딩과 레이아웃을 위해 디자인 템플릿을 저장하고 재사용하세요.
23. 리뷰: 고객 리뷰와 평점을 표시하여 신뢰와 공신력을 쌓으세요.
24. Facebook 버튼: Facebook 페이지 또는 콘텐츠와의 상호 작용을 촉진하는 버튼을 추가하세요.
25. Facebook 삽입: Facebook 글 또는 콘텐츠를 웹사이트에 삽입하세요.
26. Facebook 댓글: 웹사이트 페이지 또는 글에 Facebook 댓글을 활성화하세요.
27. PayPal 버튼: PayPal 버튼을 통합하여 간편하게 온라인 결제를 할 수 있습니다.
28. Stripe 버튼: Stripe 결제 버튼을 통합하여 안전한 온라인 거래를 촉진하세요.
29. Lottie 위젯: Lottie 애니메이션을 추가하여 시각적 매력과 참여도를 높이세요.
30. 코드 강조: 가독성을 높이기 위해 구문 강조 표시로 코드 스니펫을 표시하세요.
31. 동영상 재생 목록: 웹사이트에서 동영상 콘텐츠 재생 목록을 생성하고 사용자 정의하세요.
32. 메가 메뉴: 더 나은 탐색과 복잡한 콘텐츠 표시를 위해 고급 메뉴를 사용자 정의하세요.
33. Off Canvas: 기본 레이아웃을 어지럽히지 않고 추가 정보나 메뉴를 표시하기 위해 밀어 넣는 캔버스 밖 영역을 만듭니다.

편집기 Pro 테마 위젯:

헤더, 푸터, 404 페이지, 글로벌 아카이브 등 사이트의 모든 주요 부분을 사용자 정의하고 구축하세요…

1. 글 제목: 개별 블로그 글 또는 페이지의 제목을 사용자 정의하세요.
2. 글 요약: 블로그 글의 간단한 요약 또는 티저를 표시하세요.
3. 글 콘텐츠: 블로그 글 또는 페이지의 주요 콘텐츠 영역을 사용자 정의하세요.
4. 추천 이미지: 블로그 글 또는 페이지의 추천 이미지를 설정하고 사용자 정의하세요.
5. 작성자 상자: 블로그 글에 작성자 정보와 약력을 표시하세요.
6. 댓글을 게시합니다: 웹사이트의 댓글 섹션의 모양과 기능을 사용자 정의하세요.
7. 글 탐색: 인접한 글에 탐색 링크를 추가하여 쉽게 탐색하세요.
8. 글 정보: 작성자, 날짜 등 블로그 글에 대한 추가 정보를 표시하세요.
9. 사이트 로고: 브랜딩을 위해 웹사이트 로고를 업로드하고 사용자 정의하세요.
10. 사이트 제목: 웹사이트의 제목을 사용자 정의하세요.
11. 페이지 제목: 개별 페이지의 제목을 사용자 정의 설정하세요.
12. 검색 바: 사용자가 웹사이트의 콘텐츠를 검색할 수 있도록 검색창을 추가하세요.
13. 이동 경로: 계층적 탐색 경로를 표시하여 사용자 탐색을 개선하세요.
14. 사이트맵: 더 나은 검색 엔진 인덱싱과 사용자 탐색을 위해 사이트맵을 만드세요.
15. 루프 그리드: 블로그 글 아카이브 또는 상품 목록을 위한 그리드 레이아웃을 디자인하고 사용자 정의하세요.

Editor Pro WooCommerce 위젯:

웹사이트 전체에서 완벽한 온라인 쇼핑 환경을 디자인하고 사용자 정의 설정하세요.

1. 상품: 사용자 정의 가능한 레이아웃과 스타일로 개별 상품을 표시하세요.
2. 이동 경로: 스토어 내에서 사용자 탐색을 개선하기 위해 계층적 이동 경로를 표시하세요.
3. 상품 제목: 개별 상품의 제목을 사용자 정의하세요.
4. 상품 이미지: 상품 목록의 이미지를 설정하고 사용자 정의하세요.
5. 상품 가격: 개별 상품의 가격을 표시하세요.
6. 장바구니에 추가: 간편한 구매를 위해 사용자 정의 가능한 장바구니 추가 버튼을 추가하세요.
7. 상품 평점: 상품에 대한 평점 및 리뷰를 표시하세요.
8. 상품 재고: 상품의 재고 가용성을 표시하세요.
9. 상품 메타: SKU 및 카테고리와 같은 상품에 대한 추가 정보를 표시하세요.
10. 상품 콘텐츠: 상품 설명의 기본 콘텐츠 영역을 사용자 정의하세요.
11. 간단한 설명: 상품에 대한 간략한 요약 또는 티저를 표시하세요.
12. 상품 데이터 탭: 상품 정보를 탭 섹션으로 구성하여 더 잘 정리할 수 있습니다.
13. 추가 정보: 치수, 무게 등 상품에 대한 추가 세부 정보를 표시하세요.
14. 관련 상품: 추가 구매를 유도하기 위해 관련 상품을 표시하세요.
15. 상향 판매: 상향 판매 상품을 홍보하여 평균 주문 가치를 높이세요.
16. 상품: 사용자 정의 가능한 설정으로 그리드 또는 상품 목록을 표시하세요.
17. 사용자 정의 장바구니에 추가: 특정 상품에 대한 장바구니에 추가 버튼을 사용자 정의하세요.
18. 우커머스 페이지: 장바구니 및 결제 페이지와 같은 우커머스 전용 페이지를 디자인하고 사용자 정의하세요.
19. 상품 카테고리: 스토어 내에서 쉽게 탐색할 수 있도록 상품 카테고리를 표시하세요.
20. 메뉴 장바구니: 탐색 메뉴에 장바구니 아이콘을 표시하여 장바구니로 쉽게 액세스하세요.
21. 장바구니: 장바구니 페이지의 모양과 기능을 사용자 정의하세요.
22. 체크아웃: 결제 페이지의 모양과 기능을 사용자 정의하세요.
23. 내 계정: 고객 계정 영역의 모양과 기능을 사용자 정의하세요.
24. 구매 요약: 결제 과정에서 구매 요약을 표시하세요.
25. 우커머스 공지: 주문 확인 메시지와 같은 우커머스 알림의 모양과 기능을 사용자 정의하세요.

Elementor 편집기 Pro로 전문적인 웹사이트를 제작하세요!

🔒 보안 및 규정 준수

Elementor는 보안에 가장 중점을 두고 있으며, 이는 ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, SOC 2 Type II와 같은 업계 인증을 획득한 것에서 잘 알 수 있습니다. 이러한 인증은 강력한 보안 조치를 구현하기 위한 Facebook의 노력을 강조하고, 공인된 업계 표준을 준수하기 위한 노력을 강조합니다.

저희는 버그 포상금 프로그램을 통해 윤리적 보안 연구를 장려합니다. 주요 버그 포상금 서비스와 협력하여 연구자가 서비스의 취약점을 신고할 수 있는 기회를 제공합니다. 포상금 프로그램에는 연중무휴 24시간 운영되는 분류 팀이 포함되어 있습니다.

자세한 정보를 확인하세요: 신뢰 센터.

♿ 접근성 모범 사례

Elementor는 모든 사용자에게 더 나은 경험을 제공할 수 있도록 접근성 도구와 개선 사항을 제공합니다. HTML 5 시맨틱, 전체 키보드 탐색 메뉴, 지속적인 기능 개선, 위젯 등이 포함됩니다.

🌐 63개 이상의 언어로 번역, RTL 지원 포함

Elementor는 여러 언어, 타이포그래피 및 RTL을 지원하며, 63개 이상의 언어로 번역된 에디터를 제공합니다.

또한 WPML, Polylang, TranslatePress, Weglot 등과도 호환됩니다. 번역에 기여하려면 translate.wordpress.org에서 새 언어를 추가하세요. 플러그인을 번역하고 현지화하는 방법에 대한 안내는 가이드를 참고하세요.

⏩ 타사 서비스 사용

사용자 경험을 개선하기 위해 필요한 기능이 활성화된 경우 Elementor는 다음과 같은 타사 서비스를 사용할 수 있습니다:

• Google Fonts – 웹사이트에 추가 글꼴을 로드합니다. Google의 서비스 약관 및 개인정보처리방침이 적용됩니다.
• 일부 Elementor 기능을 사용하려면 Elementor.com에서 에셋을 로드해야 합니다. 이러한 자산은 명시적으로 언급되지 않는 한 추적에 사용되지 않으므로 사용자의 승인과 수동 옵트인이 필요합니다. 자세한 내용은 TOS 및 개인정보처리방침에서 확인하세요.

📧 Elementor에서 제공하는 관련 상품

Image Optimizer: 뛰어난 이미지 압축 기능으로 더 빠르고 고품질의 웹사이트 성능을 제공합니다.

Site Mailer: SMTP 플러그인 없이도 안정적인 이메일 관리로 커뮤니케이션을 간소화하고 효율적으로 유지합니다.

Ally: 장애가 있는 사용자의 웹사이트 사용성을 향상시킵니다. Ally는 웹 제작자가 웹사이트를 보다 포용적으로 만들도록 돕도록 설계되었습니다. 주요 접근성 위반을 스캔하고 감지하며 수정하며, 모든 워드프레스 및 Elementor 웹사이트에서 원활하게 작동합니다.

📣 사용자 의견 보기

“Elementor는 최고의 페이지 빌더입니다.” – ★★★★★ Graphicvision1

“믿을 수 없을 정도로 사용자 친화적인 플러그인” – ★★★★★ Hyeyoga

“쉽게, 내가 가장 많이 사용하는 WP 플러그인” – ★★★★★ Xander Venske

“Pro 버전으로 업그레이드했는데 이 플러그인이 정말 마음에 듭니다!” – ★★★★★ Andybarn56

“훌륭한 기술 지원을 제공하는 우수한 상품” – ★★★★★ Martywilsonnj

더 많은 사용 후기

🌍 글로벌 커뮤니티 가입

서로가 목표를 달성할 수 있도록 도와주는 글로벌 커뮤니티에 가입하세요.

• Discord 커뮤니티 – 웹 제작자들과 채팅하고, 전용 채널에서 특정 주제를 논의하세요.
• Facebook 커뮤니티 – 15만 명 이상의 회원이 지원, 조언, 피드백 및 튜토리얼을 제공합니다.
• GitHub 커뮤니티 – 릴리스에 대한 정보를 얻고, 기능을 요청하거나 버그를 신고하세요.
• Elementor 추가 기능, 테마 및 키트 테마 및 키트 …