워드프레스/Elementor 89

엘리멘터 폼 개인정보 및 이용약관 동의 필드

워드프레스에서 방문자로부터 문의, 의뢰 또는 피드백을 받고 싶은 경우 문의 폼 플러그인이나 워드프레스 테마에서 제공하는 문의 폼 기능을 사용할 수 있습니다. 무료 문의 폼 플러그인으로 Contact Form 7과 WPForms가 있으며 유료 컨택트 폼 플러그인으로 Quform 등이 있습니다. 아바다 테마 등 일부 테마에서는 자체적으로 문의 폼 기능을 제공하기도 합니다. 엘리멘터 페이지 빌더의 경우 Elementor Pro에서 Form 위젯을 제공합니다. Form 엘리먼트를 사용하면 별도의 컨택트 폼 플러그인을 설치할 필요 없이 자체 기능으로 웬만한 문의 양식을 만들 수 있습니다. https://avada.tistory.com/2462 워드프레스 엘리멘터 문의폼 위젯(Form 요소) 워드프레스에서 방문자나..

엘리멘터 이미지 캐러셀 - 개별 이미지에 다른 링크 설정하기(플러그인 미사용)

워드프레스 엘리멘터 이미지 캐러셀(Image Carousel)을 사용하면 고객사 리스트 슬라이드 등을 만들 수 있습니다. 하지만 Elementor의 이미지 캐러셀에 추가한 이미지들에 링크를 설정할 경우 해당 캐러셀 내의 모든 이미지에 동일한 링크가 추가됩니다. 링크 옵션에 대하여 "사용자 URL"을 선택하면 위의 그림과 같이 하나의 링크만 지정이 가능합니다. 개별 이미지에 다른 링크를 설정하고 싶은 경우 Custom links in Elementor Image Carousel이라는 무료 플러그인을 사용할 수 있습니다. 그러나 이미지 캐러셀 한 두 개 때문에 플러그인을 설치하는 것이 마음에 들지 않을 수 있을 것입니다. 아래의 방법을 이용하면 플러그인을 사용하지 않고 자바스크립트(Javascript)로 각..

워드프레스 Elementor 페이지 빌더: 고객사 리스트 슬라이드 만들기 (이미지 캐러셀)

고객사 소개 페이지에서 고객사 로고들을 왼쪽 또는 오른쪽으로 움직이는 슬라이드(좌우 롤링 배너)로 만들어 표시하는 경우가 많이 있습니다. 쉽게 이해하기 위해 다음 영상을 보시면 기업 로고들이 배열되어 가로로 회전하고 있습니다. 테스트용으로 임의의 이미지를 업로드하여 만들어 보았습니다. 제대로 만들려면 먼저 크기가 일정한 고객사 로고 파일을 준비하면 되겠죠. 위의 영상과 같이 고객사를 소개하는 회전 슬라이더를 워드프레스에서 만들려는 경우, 테마 기능이나 플러그인을 사용할 수 있습니다. 예를 들어, 베스트셀링 테마인 아바다 테마에서는 이미지 캐러셀(image carousel) 기능을 사용하여 비슷하게 구현할 수 있습니다. 워드프레스 아바다(Avada)에서 Image Carousel 사용하기 - 워드프레스 중..

워드프레스 엘리멘터 '사이트에 기본 키트가 없습니다' 오류

워드프레스 사이트에서 엘리멘터(Elementor)로 편집 시 "사이트에 기본 키트가 없습니다" 오류가 발생하면서 페이지 편집이 안 되는 경우가 있습니다. 이 에러가 발생하는 경우 대처 방법에 대하여 살펴보겠습니다. 워드프레스 엘리멘터 '사이트에 기본 키트가 없습니다' (Your site doesn't have a default kit) 오류 워드프레스 Jupiter 테마에서 엘리멘터 페이지 빌더로 페이지 편집 시 다음과 같이 "사이트에 기본 키트가 없습니다, 키트가 삭제된 것 같습니다. 새 키트를 만들거나 휴지통에서 복원해 보세요" 에러 메시지가 표시되는 경우가 있습니다. 영문으로는 "Your site does't have a default kit. Seems like your kit was delete..

워드프레스 엘리멘터 포스트 리스트를 수직 컬럼으로 배열하기

워드프레스 엘리멘터 페이지 빌더의 포스트 위젯이나 포트폴리오 위젯을 사용하여 포스트(글), 커스텀 포스트 타입 글들을 다양한 방식으로 나열할 수 있습니다. 엘리멘터 프로(Elementor Pro)의 포스트 위젯이나 포트폴리오 위젯을 사용하여 글을 나열하면 보통 다음과 같이 항목들이 왼쪽에서 오른쪽으로 채워지면서 나열됩니다. 위와 같은 방식 대신 글 목록을 수직으로 나열하고 싶은 경우가 있을 수 있습니다. 워드프레스 엘리멘터 포스트 리스트를 수직 컬럼으로 배열하기 엘리멘터 페이지 빌더의 포스트 목록을 수직으로 다중 컬럼으로 배열하는 방법에 대하여 살펴보겠습니다. 아래에서는 엘리먼터의 Posts 위젯을 기준으로 설명했지만 Portfolio 위젯을 이용하여 포스트 또는 커스텀 포스트 타입 글들을 나열하는 경우..

가비아 워드프레스 호스팅: 엘리멘터에서 "연결 끊김" 오류가 발생하는 경우

워드프레스에서 페이지 빌더를 사용하면 코딩 지식이 없어도 쉽게 사이트를 만들 수 있습니다. 여러 가지 페이지 빌더 중에서 현재 엘리멘터(Elementor)가 가장 인기를 얻고 있습니다. 엘리멘터를 이용하여 페이지를 편집한 후에 저장하려고 시도하면 "연결 끊김" 오류가 발생하는 경우가 있습니다."연결 끊김. Saving has been disabled until you're reconnected"(다시 연결될 때까지 저장이 비활성화되었습니다) 에러가 발생하는 경우 워드프레스 ‘연결 끊김’ 문제 해결 방법을 참고하여 문제 해결을 시도해볼 수 있습니다.가비아 워드프레스 호스팅에서 호스팅되는 워드프레스 사이트에서 "연결 끊김" 오류가 발생하는 경우가비아에서는 워드프레스 전용 호스팅인 워드프레스 호스팅 상품을 제..

워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 해결 방법

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터에서는 사전 제작된 템플릿을 제공하므로 템플릿을 로드하여 활용하면 시간을 절감할 수 있습니다. 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 아래의 내용을 참고하여 적절한 조치를 취하시기 바랍니다. 워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 엘리멘터에서는 무료 버전에서도 라이브러리에 등록된 템플릿을 로드하여 사용할 수 있습니다. 위의 그림에서 PRO라 표시된 템플릿은 엘리멘터 프로(Elementor Pro)에서만 사용할 수 있고, 아무런 표시가 없는 템플릿은 무료 버전에도 사용할 수 있습니다. 무료 템플릿이 제한되어..

워드프레스 엘리멘터 헤더 템플릿 만들기 (헤더 & 푸터 커스텀)

워드프레스에서 페이지에 따라 다른 헤더나 푸터를 사용하고 싶은 경우가 있습니다. 일반적인 테마에서는 헤더는 사이트 전체에 공통으로 사용되고, 페이지에 따라 다른 헤더를 사용하려면 테마 파일을 수정해야 합니다. 하지만 Divi 테마와 아바다 등 일부 워드프레스에서는 알림판 내에서 헤더 템플릿을 만들어서 페이지마다 다른 헤더를 지정하는 것이 가능합니다. 엘리멘터 페이지의 경우 Elementor Pro의 테마 빌더를 사용하여 헤더를 자유롭게 커스텀하고 위치를 지정할 수 있습니다. 워드프레스에서 페이지마다 다른 헤더 사용하기 일반적으로 페이지마다 다른 헤더를 사용하려면 테마 파일(보통 [**header.php**])을 커스텀해야 합니다. 하지만 워드프레스가 발전하면서 일부 테마와 페이지 빌더에서는 워드프레스 관..

엘리멘터 버튼 위젯: 버튼 두 개를 나란히 배치하는 방법

워드프레스에서 엘리멘터 페이지 빌더의 버튼 위젯을 사용하면 멋진 버튼을 쉽게 추가할 수 있습니다. 블록 에디터(구텐베르크)에서도 기본적인 버튼을 추가할 수 있고, 최근 업데이트에서는 이전보다 다양한 버튼 효과를 낼 수 있지만, 엘리멘터 버튼 위젯은 기본적인 버튼 기능(예: 버튼 색상, 배경색, 허버 색상 및 배경색, 여백, 텍스트 크기 등) 외에도 버튼 텍스트에 동적 태그를 사용하여 포스트 제목이나 포스트 ID 등을 표시하거나 버튼에 아이콘을 추가할 수 있는 등 부가적인 기능도 제공됩니다. Elementor 페이지 빌더에서 제공하는 버튼(Button) 위젯에 대한 자세한 정보는 엘리멘터 공식 문서를 참고해보세요. 이 글에서는 두 개의 엘리멘터 버튼을 나란히 배치하는 방법에 대하여 살펴보겠습니다. 최종적으..

워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드)

워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 프로 라이선스를 활성화하는 방법에 대하여 살펴보겠습니다. 여기에서 Elementor 사용법에 대한 다양한 글을 확인할 수 있습니다. [참고*참고로 엘리멘터에서 엘리멘터 프로 기능이 포함된 Cloud Website라는 클라우드 호스팅 서비스를 제공합니다. 여러 개의 사이트를 운영할 수 있고, 엘리멘터 프로 기능도 사용이 가능하다고 합니다. 구글 클라이드 플랫폼 기반이고 무료 SSL 인증서와 클라우드플레어 CDN이 제공되며, 20GB 스토리지, 100GB 대역폭(트래픽), 월 방문 수 10만까지 지원되..