Elementor
해당되는 글 61건
엘리멘터에서 섹션/위젯을 쉽게 숨기는 방법
워드프레스 엘리멘터(Elementor) 페이지 빌더에서 특정 섹션이나 위젯을 편집기에서 숨기고 싶을 때가 있습니다. 이 경우 반응형 옵션을 사용하여 쉽게 숨길 수 있습니다. 엘리멘터에서 섹션/위젯을 쉽게 숨기는 방법 특정 섹션이나 위젯을 숨기려면 해당 섹션/위젯을 선택한 다음, 왼쪽의 섹션 편집 화면에서 고급 탭을 클릭합니다. 반응형 섹션에서 "데스크톱에 숨기기", "태블릿에 숨기기", "모바일에 숨기기" 옵션을 모두 숨기기로 선택합니다. 그러면 위의 그림과 같이 해당 섹션이나 위젯은 회색으로 바뀌면서 선택할 수도 수정할 수도 없게 됩니다. 숨긴 섹션이나 위젯을 편집하려면 먼저 해당 섹션/위젯을 선택하여 설정 화면을 표시해야 합니다. 하지만 위의 그림 상태에서는 숨긴 섹션/위젯은 선택이 되지 않습니다. ..
워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우
워드프레스 문의 폼 플러그인 중 하나인 Forminator에서 전화번호 필드를 3개의 필드로 구현하기 위해 자바스크립트 코드를 만들어 추가했습니다. 테스트 사이트에서는 잘 작동하는 코드가 고객사 사이트에서 PC에서는 문제가 없었지만 모바일 기기에서는 작동하지 않는 문제가 발생하는 특이한 현상을 접하게 되었습니다. 워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우 엘리멘터에서 JavaScript 코드가 모바일에서 작동하지 않는 문제에 대하여 Elementor 플러그인 포럼에 올라온 질문이 있습니다. 여기에 대하여 엘리멘터 팀에서는 자스 코드를 사용자 정의 코드(Custom Code) 섹션에 추가해야 한다고 안내하고 있습니다. Hi, for Javascript code, you sho..
워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 해결 방법
인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터에서는 사전 제작된 템플릿을 제공하므로 템플릿을 로드하여 활용하면 시간을 절감할 수 있습니다. 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 아래의 내용을 참고하여 적절한 조치를 취하시기 바랍니다. 워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 엘리멘터에서는 무료 버전에서도 라이브러리에 등록된 템플릿을 로드하여 사용할 수 있습니다. 위의 그림에서 PRO라 표시된 템플릿은 엘리멘터 프로(Elementor Pro)에서만 사용할 수 있고, 아무런 표시가 없는 템플릿은 무료 버전에도 사용할 수 있습니다. 무료 템플릿이 제한되어..
워드프레스 엘리멘터 헤더 템플릿 만들기 (헤더 & 푸터 커스텀)
워드프레스에서 페이지에 따라 다른 헤더나 푸터를 사용하고 싶은 경우가 있습니다. 일반적인 테마에서는 헤더는 사이트 전체에 공통으로 사용되고, 페이지에 따라 다른 헤더를 사용하려면 테마 파일을 수정해야 합니다. 하지만 Divi 테마와 아바다 등 일부 워드프레스에서는 알림판 내에서 헤더 템플릿을 만들어서 페이지마다 다른 헤더를 지정하는 것이 가능합니다. 엘리멘터 페이지의 경우 Elementor Pro의 테마 빌더를 사용하여 헤더를 자유롭게 커스텀하고 위치를 지정할 수 있습니다. 워드프레스에서 페이지마다 다른 헤더 사용하기 일반적으로 페이지마다 다른 헤더를 사용하려면 테마 파일(보통 [**header.php**])을 커스텀해야 합니다. 하지만 워드프레스가 발전하면서 일부 테마와 페이지 빌더에서는 워드프레스 관..
워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드)
워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 프로 라이선스를 활성화하는 방법에 대하여 살펴보겠습니다. 여기에서 Elementor 사용법에 대한 다양한 글을 확인할 수 있습니다. [참고*참고로 엘리멘터에서 엘리멘터 프로 기능이 포함된 Cloud Website라는 클라우드 호스팅 서비스를 제공합니다. 여러 개의 사이트를 운영할 수 있고, 엘리멘터 프로 기능도 사용이 가능하다고 합니다. 구글 클라이드 플랫폼 기반이고 무료 SSL 인증서와 클라우드플레어 CDN이 제공되며, 20GB 스토리지, 100GB 대역폭(트래픽), 월 방문 수 10만까지 지원되..
엘리멘터(Elementor)로 커스텀 로그인 페이지 만들기
인기 워드프레스 페이지 빌더인 엘리멘터(Elmentor)는 코딩 지식이 없어도 사이트를 쉽게 만들 수 있습니다. 워드프레스 점유율이 현재 43%에 달하고 있는데, 엘리멘터 덕분에 워드프레스 사용자가 늘어났다고 합니다. 엘리멘터 프로에서는 프로 위젯과 프로 템플릿, 그리고 테마 빌더를 사용하여 알림판에서 사이트의 모든 부분을 커스텀할 수 있습니다. 엘리멘터 프로의 Login 위젯을 사용하여 커스텀 로그인 페이지를 만들 수 있습니다. 엘리멘터를 사용하여 커스텀 로그인 페이지를 만든 다음, 워드프레스 기본 로그인 페이지 URL을 커스텀 로그인 페이지 URL로 변경하는 방식으로 진행하면 됩니다(아래의 "워드프레스 기본 로그인 페이지를 커스텀 로그인 페이지로 변경하기" 부분 참고). 엘리멘터(Elementor)로..
워드프레스 Brizy Pro 활성화 및 템플릿 설치하기
워드프레스 Brizy Page Builder 플러그인은 인기 페이지 빌더인 엘리멘터(Elementor)와 비슷한 기능을 제공하는 사용이 쉬운 페이지 빌더입니다. Brizy Pro는 Elementor Pro에 비해 비용이 저렴한 편이며 라이프타임 라이선스도 제공합니다. 엘리멘터 페이지 빌더의 가격이 부담되는 경우 Brizy를 대안으로 고려해볼 수 있을 것입니다. 이 글에서는 워드프레스 Brizy Pro를 활성화하고 템플릿을 설치하는 과정을 살펴보겠습니다. 워드프레스 Brizy Pro 활성화 및 템플릿 설치 방법 Brizy 플러그인 설치 먼저 Brizy 플러그인을 설치해야 합니다. Brizy 무료 버전을 설치한 다음, Brizy Pro를 설치하도록 합니다. Brzy Pro 설치 파일은 Brizy 사이트에 로..
워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제
워드프레스 엘리멘터 프로를 사용하여 테마 빌더의 헤더 템플릿에서 헤더에 메뉴(Nav Menu)를 추가하거나 페이지에 메뉴를 배치할 때 메뉴 레이아웃이 깨져서 제대로 작동하지 않는 경우가 있습니다. 엘리멘터로 만든 메뉴가 깨져 표시되는 경우 아래 사항을 참고하여 문제 해결을 시도해보시기 바랍니다. 워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제 Elementor Pro에서 다음과 같이 메뉴가 이상하게 표시되는 문제를 호소하는 분들이 계십니다. 이 문제가 발생하면 다음과 같은 조치를 취하여 문제를 해결할 수 있습니다. 기본적인 조치 먼저 테마를 임시적으로 다른 테마로 바꾸어서 문제가 사라지지 않는지 체크해보시기 바랍니다. 또한, 워드프레스 알림판 > Elementor (엘리멘터) > Tools (도구) > R..
