Elementor 64

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

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

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

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

엘리멘터 페이지 빌더: 페이지에 사이드바 추가하기

엘리멘터 페이지 빌더는 현재 500만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있는 인기 페이지 빌더입니다. 엘리멘터는 무료 버전과 프로 버전이 있습니다. 무료 버전에서도 괜찮은 기능을 제공하며, 보다 고급 기능이나 레이아웃을 원하는 경우에는 엘리멘터 프로 버전을 사용할 수 있습니다. 이 글에서는 엘리멘터 페이지 빌더를 사용하여 페이지에 사이드바를 추가하는 방법에 대해 간략히 살펴보겠습니다. 엘리멘터 페이지 빌더: 페이지에 사이드바 추가하기 Elementor 페이지 빌더를 비롯하여 대부분의 워드프레스 페이지 빌더에서는 페이지에 사이드바를 추가할 수 있습니다. 엘리멘터에서도 사이드바 요소를 사용하여 추가가 가능합니다. 엘리멘터 페이지 빌더에서 사이드바 위젯 추가하기 페이지 편집 화면에서 새 섹션 추..

워드프레스 사이트 주소 변경 후 엘리멘터(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 코드를 추가하는 기능은 엘리멘터..

워드프레스 Brizy 페이지 빌더 세일

워드프레스 페이지 빌더 중 하나인 Brizy는 현재 7만 개 이상의 워드프레스 사이트에 설치되어 사용되고 있습니다. Brizy의 유료 버전이 블랙프라이데이를 맞이하여 30% 할인 행사를 진행하고 있습니다. 워드프레스 Brizy Pro 활성화 및 템플릿 설치하기 워드프레스 Brizy Page Builder 플러그인은 인기 페이지 빌더인 엘리멘터(Elementor)와 비슷한 기능을 제공하는 사용이 쉬운 페이지 빌더입니다. Brizy Pro는 Elementor Pro에 비해 비용이 저렴한 편이며 라이 avada.tistory.com 워드프레스 Brizy 페이지 빌더 세일 - 블랙프라이데이 브리지는 엘리멘터 페이지 빌더와 비슷하게 드래그 & 드롭으로 쉽게 사이트를 만들 수 있는, 비교적 최근에 출시된 페이지 빌..

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

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

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

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

SSL 인증서 적용 후 엘리멘터 페이지 빌더에 문제가 발생하는 경우

워드프레스 사이트에 SSL 인증서를 적용할 경우 해당 사이트 주소에 대하여 http 프로토콜을 https로 일괄 변경해주고 http로 로드되는 사용자를 https 주소로 리디렉션되도록 설정해주어야 합니다. http 주소를 https로 리디렉션하는 방법으로 다음 글에서 소개하는 코드를 사용하면 간단합니다. 무료 보안서버(SSL) 인증서를 적용했습니다 이전에 Let's Encrypt SSL 인증서를 적용했다가 문제가 있어 제거했다가 오늘 다시 보안서버(SSL) 인증서를 적용했습니다. 혹시 사이트가 깨져 표시되는 경우에는 브라우저의 캐시를 삭제하시면 제대 www.thewordcracker.com 하지만 카페24 등 일부 웹호스팅에서는 위의 글에 제시된 코드를 .htaccess 파일에 추가하면 사이트에 에러가 ..