Elementor Website Builder – 단순한 페이지 빌더 그 이상

설명

전 세계 1,600만 개 이상의 웹사이트를 지원하는 최고의 노코드 드래그 앤 드롭 워드프레스 웹사이트 빌더, 이제 AI를 지원합니다.

최고의 워드프레스 웹사이트 제작 플랫폼인 엘리멘터를 사용하면 픽셀 하나하나까지 완벽한 전문 웹사이트를 매끄럽게 제작할 수 있습니다.

기본 AI 통합 기능인 Elementor AI로 웹사이트 제작 방식을 혁신하세요. 완전한 섹션, 원본 텍스트, 코드, 이미지를 즉시 생성하거나 다른 웹사이트를 참조하여 웹사이트의 레이아웃을 내 웹사이트에 다시 만들 수 있습니다.

Elementor Pro로 모든 기능을 잠금 해제하세요.

🌟 전문적인 멋진 웹 사이트 만들기

• 직관적인 드래그 앤 드롭 빌더: 코드가 필요 없는 드래그 앤 드롭 에디터로 웹사이트를 제작하세요. 레이아웃과 스타일을 완벽하게 제어하여 정밀한 디자인을 완성하세요.
• 픽셀 퍼펙트 디자인 도구: SVG를 업로드하고, 마스크, 그라데이션, 상자 그림자, 헤드라인 효과, 모양 분할기를 적용하고, 내장된 CSS 컨트롤을 사용하여 고급 사용자 정의 기능을 사용할 수 있습니다.
• 템플릿 라이브러리: 전체 웹사이트 키트를 적용하여 즉시 설정하거나 단일 페이지, 블록 및 팝업 템플릿으로 구성된 방대한 라이브러리에서 선택하세요. 나만의 템플릿을 만들어 내보내서 재사용할 수 있습니다.
• 고급 위젯: 제목, 이미지, 텍스트 편집기, 동영상, 버튼, 갤러리, 캐러셀 등 40개 이상의 무료 위젯에 액세스하세요. 디자인 요구사항에 맞게 위젯을 사용자 정의하고 스타일을 지정하세요.
• AI Capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images, or reference layouts from other websites.

🗝️ 주요 기능:

• 디자인 시스템: 엘리멘터의 디자인 시스템을 활용하여 웹사이트 전체에 걸쳐 색상, 타이포그래피 및 기타 디자인 요소의 일관성을 유지하여 일관성 있고 전문적인 룩을 연출할 수 있습니다.
• 반응형 디자인: 사용자 지정 중단점 및 디바이스별 조정으로 모든 디바이스에 맞게 디자인을 최적화하세요. 데스크톱, 태블릿, 모바일 사용자에게 원활한 환경을 제공합니다.
• 마스크 모양: 이미지나 동영상 등 어떤 요소든 원하는 모양으로 바꾸어 눈에 띄는 디자인을 만들 수 있습니다.
• CSS 변형: CSS 트랜스폼을 사용하여 요소를 회전, 크기 조정, 기울여 사이트에 동적인 스타일을 추가할 �� 있습니다.
• 엔트런스 애니메이션: 요소에 입구 애니메이션을 추가하여 매력적이고 인터랙티브한 사용자 경험을 만들 수 있습니다.
• 수정 내역: 엘리멘터의 수정 내역 기능을 통해 사용자는 디자인�� 이전 버전을 추적하고 되돌릴 수 있어 안심하고 유연하게 창작 과정을 진행할 수 있습니다.
• 개발자 친화적: 위젯 및 페이지 수준에서 광범위한 문서, API, 개발자 도구, 사용자 정의 코드 영역을 갖춘 엘리멘터는 개발자가 기능을 확장하고 사용자 정의 솔루션을 만들 수 있는 환경을 제공합니다.
• Floating Buttons: Enhance user interaction with customizable, floating action buttons that stay in view as users scroll.
• 테마 빌더 [프로]: 엘리멘터의 강력한 테마 빌더를 사용하면 헤더, 바닥글, 단일 게시물 레이아웃, 아카이브 페이지 등 웹사이트의 모든 부분을 디자인할 수 있어 사이트 모양을 완벽하게 제어할 수 있습니다.
• 팝업 빌더 [프로]: 고급 타겟팅 및 트리거링 옵션을 갖춘 엘리멘터의 팝업 빌더로 눈길을 사로잡는 팝업을 만들어 사용자 참여와 전환을 최적화하세요.
• 양식 [프로]: 고급 기능과 통합 기능을 활용하여 제출물을 효과적으로 캡처하고 관리할 수 있는 사용자 지정 양식을 디자인하고 통합하세요.
• 우커머스 빌더 [프로]: 엘리멘터를 WooCommerce와 원활하게 통합하여 사용자 지정 제품 페이지, 상점 레이아웃, 제품 아카이브, 메뉴 카트, 결제 페이지, 내 계정 등을 디자인하여 온라인 상점의 시각적 매력과 기능을 향상시킬 수 있습니다.
• 동적 콘텐츠 [프로]: 동적 콘텐츠 기능을 활용하여 디자인을 다양한 데이터 소스에 연결하여 개인화된 인터랙티브 웹 경험을 제작할 수 있습니다.
• 노츠 [프로]: 엘리멘터의 노트 기능을 사용해 디자인 인터페이스에 직접 피드백과 코멘트를 남기며 팀 협업을 강화하세요.
• 사용자 정의 코드 [프로]: 사용자 정의 코드를 삽입하여 사이트의 기능을 확장하고 고급 사용자 정의를 위한 유연성을 제공합니다.
• 맞춤형 CSS [프로]: 사용자 정의 CSS를 적용하여 요소의 스타일을 미세 조정하고 디자인 측면을 정밀하게 제어할 수 있습니다.
• 모션 효과 [프로]: 요소에 고급 모션 효과를 추가하여 더욱 역동적이고 매력적인 사용자 경험을 제공합니다.
• 사용자 정의 글꼴 및 아이콘 [프로]: 브랜드 아이덴티티에 맞는 사용자 정의 글꼴과 아이콘을 업로드하고 사용할 수 있습니다.

😍 엘리멘터 무료 위젯

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

• 제목. 눈길을 끄는 헤드라인을 추가합니다.
• 이미지. 크기, 불투명도 등을 조절할 수 있습니다.
• 텍스트 편집기. 워드프레스 편집기와 똑같습니다.
• 비디오. 유튜브, 비메오, 데일리모션 또는 자체 호스팅 동영상을 추가합니다.
• 버튼. 대화형 버튼을 생성하세요.
• Link in Bio. Build link in bio components to promote your business / services.
• 이미지 상자. 이미지, 제목 및 텍스트가 있는 상자입니다.
• 회원 평가. 고객 평가.
• 아이콘. 사용 가능한 600개의 아이콘 중 하나 이상을 배치합니다.
• 아이콘 상자. 아이콘, 헤드라인, 텍스트가 하나의 위젯에 담겨 있습니다.
• 소셜 아이콘. Facebook/X(이전 트위터) 아이콘으로 소셜 페이지에 연결합니다.
• 이미지 갤러리. 이미지를 그리드에 표시합니다.
• 이미지 캐러셀. 선택한 이미지에 대한 회전 캐러셀 또는 슬라이더를 만듭니다.
• 아이콘 목록. 아이콘을 사용하여 불릿 기호 목록을 만듭니다.
• 카운터. 숫자를 에스컬레이션 방식으로 표시합니다.
• 진행률 표시줄. 확대되는 진행률 표시줄을 포함합니다.
• 중첩된 탭. 콘텐츠를 세로 또는 가로 탭으로 표시합니다.
• 중첩된 아코디언. 접을 수 있는 섹션에 모든 유형의 콘텐츠를 표시합니다.
• 전환. 토글을 사용하여 FAQ와 같은 콘텐츠를 숨기거나 표시합니다.
• 평가. 다른 방문자가 별(또는 다른 아이콘)을 몇 개나 주었는지 표시합니다.
• 경고. 방문자의 주의를 끌 수 있도록 컬러 경고 상자를 포함합니다.
• HTML. 페이지에 코드를 삽입합니다.
• 쇼트코드. 플러그인의 쇼트코드를 페이지에 삽입합니다.
• 메뉴 앵커. 아무 메뉴나 이 앵커에 연결합니다.
• 더 읽어보기. 아카이브 페이지에서 발췌문에 대해 자세히 보기 컷오프를 설정합니다.
• 사이드바. 페이지에 사이드바를 추가합니다.
• 구글 지도. 페이지에 지도를 삽입합니다.
• SoundCloud. SoundCloud 오디오 비트를 추가합니다.
• 디바이더. 디자인된 구분선으로 콘텐츠를 분리합니다.
• 스페이서. 요소 사이에 공백을 추가합니다.
• 텍스트 경로. 경로에 텍스트를 첨부합니다.
• 계산 중…

🚀 웹사이트 향상

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

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

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

사이트 성능을 높이고 싶으신가요? 품질 저하 없이 이미지 크기를 손쉽게 줄여주는 사용하기 쉬운 워드프레스 플러그인 Elementor의 이미지 최적화 플러그인를 만나보세요. JPEG, PNG, WebP, GIF와 같은 인기 있는 형식과 호환되어 시각적으로 멋진 고속 웹사이트를 보장합니다 – 지금 다운로드하세요!

📈 웹 제작 프로세스 가속화

엘리멘터는 워크플로우 속도를 높이기 위해 다음과 같이 협업과 효율성을 향상시키는 도구를 제공합니다:

• 찾기 – 다른 페이지와 웹사이트 구성요소 사이를 빠르게 탐색하거나 새 웹사이트 구성요소를 만들 수 있습니다.
• 즐겨찾기에 추가 – 자주 사용하는 위젯을 위젯 패널 상단에 고정합니다.
• 편집기 간 복사 및 붙여넣기 – 한 웹사이트의 편집기에서 다른 웹사이트의 편집기로 요소 또는 레이아웃을 복사합니다.

엘리멘터 프로 기능

엘리멘터 프로의 풀 웹사이트 빌더로 시간, 비용, 리소스를 절약하면서 탁월한 웹사이트를 제작하세요. 100개 이상의 전문 위젯, 기능 및 도구를 이용할 수 있습니다.

프로 디자인 위젯:

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

프로 테마 위젯:
헤더, 바닥글, 404 페이지, 글로벌 아카이브 등 웹사이트의 모든 주요 부분을 구축하고 사용자 정의하세요.

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

프로 우커머스 위젯:
웹사이트 전체에 걸쳐 완벽한 온라인 쇼핑 환경을 디자인하고 맞춤 설정하세요.

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

Elementor Pro로 전문적인 웹사이트를 구축하세요!

🔒 보안 및 규정 준수

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

안전하고 신뢰할 수 있는 소프트웨어를 구축하기 위해 저희는 업계 모범 사례에 기반한 보안 시스템 개발 수명주기를 따릅니다. 저희의 개발 프로세스는 타사 라이브러리를 포함하여 취약점과 구성 실수를 모니터링하는 여러 서비스를 통합합니다. 릴리스되는 모든 코드는 수동 및 자동화된 품질 보증을 거쳐 잠재적인 문제를 감지하고 해결합니다.

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

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

♿ 접근성 모범 사례

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

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

엘리멘터는 여러 언어와 타이포그래피를 지원하며 RTL과 호환되며, 63개 이상의 언어로 에디터 번역을 OTB로 제공합니다. 엘리멘터는 WPML, Polylang, TranslatePress, Weglot 등과도 호환됩니다.↵
기여하고 싶다면 translate.wordpress.org를 통해 새 언어를 추가하세요. 플러그인 번역 및 현지화 방법에 대한 가이드를 참조하세요.

⏩ 타사 서비스 사용

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

• Google 글꼴 – 웹사이트에 글꼴을 추가하기 위해 로드됩니다. Google의 TOS 및 개인정보처리방침
• Some Elementor features require loading additional assets from Elementor.com. …