워드프레스 일기의 워드프레스/Elementor 97

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

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

엘리멘터 페이지 빌더(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..

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

워드프레스 인기 페이지 빌더인 엘리멘터 플러그인의 유료 버전인 Elementor Pro에서는 포트폴리오 위젯을 사용하여 글이나 페이지, 커스텀 포트 타입을 포트폴리오 형식으로 표시할 수 있습니다. 이 글에서는 엘리멘터 페이지 빌더의 포트폴리오 위젯에 대해 간략하게 살펴보겠습니다. 워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드) 워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 avada.tistory.com 워드프레스 엘리멘터 포트폴리오 위젯 워드프레스 테마에서 제공하는 포트폴리오 기능과 엘리멘터의 포..

인기 무료 워드프레스 페이지 빌더 중 하나인 엘리멘터 (Elementor)에서는 특정 페이지를 템플릿으로 저장하여 다른 사이트에서 가져올 수 있는 기능을 제공합니다. 특정 페이지만을 다른 사이트로 복제하여 사용하고 싶을 때 이 기능을 사용할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더: 페이지 내보내기 / 가져오기 (페이지 복제하기) Elementor 페이지 빌더에는 페이지를 템플릿(Template)으로 저장하여 다른 페이지에서 활용할 수 있는 기능이 있습니다. 또한, 저장한 템플릿을 내보내기 (Export)하여 다른 워드프레스 사이트에서 가져오기 (Import)하는 것도 가능합니다. 이 기능을 사용하면 한 사이트에서 다른 사이트로 사이트 자체를 이전하지 않고 일부 페이지만을 복제할 수 있습니다. 페이..

워드프레스 인기 페이지 빌더 플러그인인 엘리멘터 페이지 빌더(Elementor Page Builder)에서는 다른 워드프레스 페이지 빌더나 기본 편집기 (블록 에디터)와 같이 각 요소나 섹션에 CSS 클래스를 지정할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더: CSS 클래스/CSS ID 지정하기 CSS 클래스란? CSS를 조금 아시면 CSS 클래스가 무엇인지는 알겠지만 정확히 설명하라고 하면 조금 망설여질 것 같습니다. 어떤 글에서는 "class 란 스타일의 내용을 정의해 준다는 뜻이다"라고 설명하고 있네요. 여기에 대해 해외의 어떤 글에서는 다음과 같이 설명하고 있습니다. In CSS, a class is a group of elements that are the same or similar. Yo..

워드프레스 인기 테마 중 하나인 Jupiter는 Jupiter X로 업데이트되면서 기본 페이지 빌더를 비주얼 컴포저(WPBakery Page Builder)에서 엘리멘터 페이지 빌더(Elementor Page Builder)로 바꾸었습니다. 주피터 테마가 Jupiter X로 업그레이드된 적후에는 엘리멘터용 요소와 위젯이 그다지 많지 않아서 사용하는 데 불편했지만, 지금은 다양한 엘리멘터용 플러그인이 번들로 제공되어 엘리멘터용 요소와 블록, 템플릿이 이전보다는 훨씬 풍부해진 것 같습니다. 워드프레스 Jupiter X 테마에 포함된 플러그인 주피터는 테마포레스트 테마 중에서 비교적 속도가 빠른 테마 중 하나로 평가 받고 있습니다. Jupiter X 테마에서는 워드프레스 관리자 페이지 > Jupiter X >..