워드프레스/Elementor 84

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

워드프레스 엘리멘터 페이지 빌더 (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 파일에 추가하면 사이트에 에러가 ..

워드프레스 엘리멘터 포트폴리오 위젯

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

워드프레스 엘리멘터 페이지 빌더: 페이지 내보내기 / 가져오기

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

워드프레스 엘리멘터 페이지 빌더: CSS 클래스/CSS ID 지정하기

워드프레스 인기 페이지 빌더 플러그인인 엘리멘터 페이지 빌더(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 X 테마에서 제공하는 엘리멘터용 요소와 블록

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

워드프레스 엘리멘터 페이지 빌더 Global 위젯 사용하기

워드프레스 인기 페이지 빌더인 엘리멘터 페이지 빌더 (Elementor Page Builder)에서 특정 엘리먼트를 글로벌 위젯으로 저장하여 활용할 수 있는 기능이 있습니다. Global 위젯으로 저장하면 숏코드로도 해당 위젯을 붙여넣기 할 수 있습니다. 예를 들어, 탭 위젯을 함께 사용할 경우 각 탭에 특정 포스트 카테고리나 다른 페이지에서 작성한 컬럼을 숏코드 형식으로 붙여넣기 하는 것이 가능합니다. 글로벌 위젯 기능을 사용하면 요소를 템플릿으로 저장하여 다른 곳에 쉽게 삽입할 수 있고, 한 곳에서만 수정하면 전체적으로 변경되므로 작업 효율성을 높일 수 있습니다. 워드프레스 엘리멘터 페이지 빌더 Global 위젯 사용하기 엘리멘터 페이지 빌더의 Global 위젯을 사용하면 사이트의 여러 곳에 표시하는..

워드프레스 엘리멘터 페이지 빌더에 숏코드 추가하기

엘리멘터 페이지 빌더 (Elementor Page Builder)는 무료 버전과 유료 버전이 있으며, 무료 버전에서도 다양한 기능을 제공하고 있습니다. 엘리멘터는 현재 500만 개 이상 사이트에 설치되어 사용되고 있습니다. 엘리멘터 페이지 빌더에서 숏코드는 텍스트 에디터 또는 숏코드 위젯을 사용하여 추가할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더에 숏코드 추가하는 방법 워드프레스 버전 2.5부터 숏코드(Shortcode)가 지원되기 시작했습니다. 숏코드는 포스트의 콘텐츠에 사용되는 매크로를 생성하기 위해 도입되었습니다. 예를 들어, 워드프레스 사이트에 문의 폼을 추가하여 방문자로부터 문의를 받고 싶은 경우 Contact Form 7과 같은 플러그인을 사용할 수 있습니다. CF7에서 컨택트 폼을 만들..

워드프레스 엘리멘터 페이지 빌더 - 모바일 중단점 설정 변경하기 (Elementor)

워드프레스 엘리멘터 페이지 빌더에서 모바일 및 태블릿 중단점 (Breakpoint) 설정을 변경할 수 있습니다. 원하는 경우 테마의 중단점에 맞추어 엘리멘터에서 모바일 중단점 설정을 변경할 수 있습니다. 보다 정교하게 태블릿, 모바일, PC 중단점(분기점)을 설정하고 싶은 경우 다음 글을 참고해보세요. 엘리멘터 페이지 빌더: 사용자 정의 분기점 설정하기 워드프레스 엘리멘터(Elementor) 페이지 빌더에서는 기기 해상도에 따라 다르게 레이아웃을 설정할 수 있도록 반응형 모드를 지원합니다. 사이트 설정에서 각 기기에 대한 분기점 해상도 범위를 avada.tistory.com 워드프레스 엘리멘터 페이지 빌더에서 모바일 중단점 설정 변경하기 엘리멘터 페이지 빌더를 사용하면 반응형으로 작동하여 PC, 태블릿,..