엘리멘터 72

워드프레스 엘리멘터 구글지도 위젯 사용하기

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)에서는 무료 버전에서도 구글 맵을 쉽게 넣을 수 있는 구글지도 위젯을 제공합니다. Elementor 페이지 빌더의 구글지도 위젯을 사용하면 데스크탑(PC), 태블릿, 모바일 기기에 맞게 크기를 조정할 수 있습니다. 워드프레스 엘리멘터 구글지도 위젯 사용하기 엘리멘터에는 구글지도(Google Maps)를 삽입할 수 있는 구글지도 위젯을 제공합니다. 위젯 검색 필드에 'google'을 입력하면 '구글지도' 위젯이 검색됩니다. 구글지도 위젯을 원하는 곳으로 끌어다 놓은 후에 주소를 입력하면 구글맵이 추가됩니다. 구글지도 위젯을 추가하면 '영국 런던 아이' 지역이 구글맵에 표시됩니다. 주소를 입력하고 줌(확대/축소), 높이를 설정할 수 있습니다. 하단의 ..

엘리멘터 페이지 빌더의 탭 (Tabs) 기능

아래 영상과 같이 탭 형식으로 콘텐츠를 표시하고 싶은 경우 페이지 빌더에 포함된 탭 기능을 사용할 수 있습니다. 아바다(Avada)나 엔폴드(Enfold) 등 인기 테마에는 자체 페이지 빌더에서 탭(Tabs) 기능을 제공합니다. 인기 무료 페이지 빌더인 엘리멘터에서도 탭 위젯이 제공됩니다. 엘리멘터 페이지 빌더의 탭 (Tabs) 기능 엘리멘터(Elementor)를 사용하여 페이지를 만드는 경우, Tabs 위젯을 사용하여 탭 기능을 구현할 수 있습니다. 탭은 가로와 세로 등 두 가지 형식이 있습니다. 엘리멘토에서 탭을 사용하려면 엘리먼츠에서 'tabs'로 검색(①)한 다음, Tabs 위젯(②)을 끌어다가 원하는 곳에 놓습니다. 그러면 아래 그림과 같이 탭이 추가됩니다. 기본적으로 2개의 탭(Tab #1, ..

엘리멘터 페이지 빌더 '미리보기를 표시할 수 없습니다' 오류 해결하기

엘레멘터(Elementor)는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. 엘리멘터 페이지 빌더로 페이지를 만들거나 편집하려고 시도할 때 '미리보기를 표시할 수 없습니다' 오류가 발생하는 경우가 있습니다. 이 경우 해결 방법에 대해 살펴보겠습니다. 엘리멘터 페이지 빌더 '미리보기를 표시할 수 없습니다' 오류 해결하기 엘리멘터는 사용이 편리하지만 간혹 플러그인이나 테마와 충돌을 일으키는 경우가 있습니다. 페이지를 편집하거나 새로 작성하려고 엘리멘터 페이지 빌더를 실행할 때 위의 그림과 같은 오류가 발생하는 경우가 있습니다. 미리보기를 표시할 수 없습니다. 죄송하지만 뭔가 잘못되었습니다. '자세히 알아보기'를 클릭하고 각 단계를 따라 빨리 해결하십시오. '미리..

아바다 테마와 엘리멘터를 함께 사용해도 될까?

인기 테마에는 자체 페이지 빌더가 탑재되는 경우가 많습니다. 페이지 빌더는 사이트 속도에 부정적인 영향을 미칠 수 있으므로 가능한 경우에는 사용하지 않는 것이 바람직할 수 있지만, (아바다 테마나 엔폴드, 뉴스페이퍼 등에 탑재된) 페이지 빌더를 사용하면 코딩 지식이 없어도 전문적인 사이트를 만들 수 있다는 장점이 있습니다. 최근 들어서는 엘리멘터 페이지 빌더가 많이 사용됩니다. 그러면 아바다 테마와 엘리멘토 페이지 빌더를 동시에 사용해도 될까요? [참고*아래에서는 아바다 테마와 엘리멘터 페이지 빌더에 대하여 다루었지만, 뉴스페이퍼 테마와 엘리멘터, 엔폴드 테마와 엘리멘터 혹은 Divi 테마와 엘리멘터를 동시에 사용하려는 경우에도 마찬가지로 적용됩니다.*] 아바다 테마와 엘리멘터를 함께 사용해도 될까? A..

엘리멘터 페이지 빌더 글 유형 설정

엘리멘터 페이지 빌더(Elementor Website Builder)는 현재 500만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. 페이지 빌더는 일반적으로 페이지에 사용하지만 원하는 경우 글(포스트) 작성 시에도 사용이 가능합니다. 하지만 페이지 빌더를 사용하여 글을 작성하려고 하는 경우 먼저 글 작성에 페이지 빌더를 사용할 경우 발생할 수 있는 문제를 고려할 필요가 있습니다. 워드프레스 글을 페이지 빌더로 작성해서는 안 되는 EU 워드프레스 사이트를 만들 때 페이지 빌더 플러그인을 사용하면 작업이 매우 수월해집니다. 하지만 페이지 빌더는 페이지 작성에만 사용하고 글 (포스트)에는 사용하지 않는 것이 바람직합니다 avada.tistory.com 엘리멘터 페이지..

워드프레스 사이트 주소 변경 후 엘리멘터(Elementor)로 페이지를 편집할 수 없는 문제

워드프레스 사이트 주소를 변경하거나 마이그레이션 후, 또는 SSL 보안서버 인증서 설치 후에 엘리멘터 페이지 빌더로 작성된 페이지가 Elementor로 열리지 않는 문제가 종종 발생합니다. 이 문제가 발생하는 경우 기본 설정에서 사이트 주소와 워드프레스 주소를 변경하고 엘리멘터 페이지의 도구를 사용하여 주소를 일괄 변경해주면 문제가 해결될 것입니다. 하지만 이런 작업을 모두 수행해도 문제가 지속되는 경우가 있습니다. 워드프레스 사이트 주소 변경 후 엘리멘터(Elementor)로 페이지를 편집할 수 없는 문제 워드프레스 사이트 주소를 변경해야 하거나 마이그레이션 후에 사이트 주소가 변경되는 경우, 또는 SSL 인증서 설치 후에는 설정 > 일반에서 사이트 주소와 워드프레스 주소를 변경하도록 합니다. 그리고 ..

워드프레스 엘리멘터 페이지 빌더: URL 일괄 변경하기

도메인이 변경되어 워드프레스 사이트의 사이트 주소를 변경하거나 주소가 다른 곳으로 이전(마이그레이션)하는 이미지 URL 등을 일괄 변경해야 하는 경우가 있습니다. DB에서 사이트 주소를 일괄 변경해도 엘리멘터 페이지 빌더로 작성된 페이지 내의 이미지 URL과 내부 링크 URL은 변경되지 않을 수 있습니다. 하지만 Elementor 페이지 빌더에서는 URL을 일괄 변경하는 기능을 제공합니다. 워드프레스 사이트 주소 변경 워드프레스 사이트 주소가 변경된 경우 워드프레스 관리자 페이지 > 설정 > 일반에서 워드프레스 주소와 사이트 주소를 변경하면 됩니다. 간혹 워드프레스 주소와 사이트 주소 중 하나만 변경하는 경우가 있는데, 그런 경우 사이트가 깨지거나 로그인이 제대로 되지 않는 현상이 발생할 수 있습니다. ..

엘리멘터 페이지 빌더에 HTML 코드 추가하기 (Elementor)

엘리멘터 페이지 빌더(Elementor Website Builder)는 현재 500만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있는 인기 플러그인입니다. 페이지 빌더에서는 보통 HTML/자바스크립트 코드를 추가할 수 있는 요소를 제공합니다. 엘리멘터(엘레멘토) 페이지 빌더에서도 HTML 코드를 추가할 수 있는 위젯이 제공됩니다. HTTML 코드 추가하기 HTML 코드를 추가하려면 엘리멘츠 탭에서 html로 검색합니다. 그러면 HTML 위젯이 검색 결과에 표시됩니다. HTML 위젯을 끌어다가 원하는 곳에 놓습니다. 그러면 HTML 코드를 추가할 수 있는 상자가 왼쪽에 표시됩니다. 원하는 코드를 추가하도록 합니다. JS/CSS 코드 추가하기 페이지 빌더에서 직접 CSS 코드를 추가하는 기능은 엘리멘터..

워드프레스 엘리멘터 페이지 빌더 블랙프라이데이 세일

워드프레스 엘리멘터 페이지 빌더 (Elementor Page Builder) 블랙프라이데이 세일 인기 워드프레스 페이지 빌더인 엘리멘터 (Elementor)가 블랙프라이데이 세일을 실시하고 있네요. 플랜에 따라 10~25% 할인된 가격에 구입할 수 있습니다. Plus는 10% 할인된 89달러에, Expert는 25% 할인된 149달러에 판매되고 있네요. ☞ 엘리멘터 홈페이지 방문하기 엘리멘터와 같은 페이지 빌더를 사용하면 코딩 지식이 없어도 수월하게 전문적인 홈페이지를 만들 수 있다는 장점이 있습니다. 하지만 페이지 빌더를 사용하는 경우, 제대로 최적화가 되지 않으면 사이트 로딩 속도에 부정적인 영향을 미칠 수 있으므로 사용하지 않는 것이 바람직하겠지만, 요즘은 대부분의 인기 테마에 자체 페이지 빌더나 ..

워드프레스 엘리멘터 페이지 빌더 커스텀 카테고리 템플릿 만들기

워드프레스에서 카테고리 템플릿은 보통 테마에서 제공하는 템플릿을 사용하게 됩니다. 무료 테마의 경우 카테고리 템플릿이 정해져 있고, 커스텀하고 싶은 경우 테마 폴더 내의 category.php 파일을 수정해야 합니다. 하지만 테마나 플러그인(예: 엘리멘터 페이지 빌더)에서 카테고리와 같은 아카이브 페이지 템플릿을 직접 만들 수 있는 기능을 도입하는 추세로 나아가고 있는 것 같습니다. 워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드) 워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 avada.tistor..