워드프레스 엘리멘터(Elementor) 페이지 빌더에서 특정 섹션이나 위젯을 편집기에서 숨기고 싶을 때가 있습니다. 이 경우 반응형 옵션을 사용하여 쉽게 숨길 수 있습니다. 엘리멘터에서 섹션/위젯을 쉽게 숨기는 방법 특정 섹션이나 위젯을 숨기려면 해당 섹션/위젯을 선택한 다음, 왼쪽의 섹션 편집 화면에서 고급 탭을 클릭합니다. 반응형 섹션에서 "데스크톱에 숨기기", "태블릿에 숨기기", "모바일에 숨기기" 옵션을 모두 숨기기로 선택합니다. 그러면 위의 그림과 같이 해당 섹션이나 위젯은 회색으로 바뀌면서 선택할 수도 수정할 수도 없게 됩니다. 숨긴 섹션이나 위젯을 편집하려면 먼저 해당 섹션/위젯을 선택하여 설정 화면을 표시해야 합니다. 하지만 위의 그림 상태에서는 숨긴 섹션/위젯은 선택이 되지 않습니다. ..

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

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

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

인기 워드프레스 페이지 빌더인 엘리멘터(Elmentor)는 코딩 지식이 없어도 사이트를 쉽게 만들 수 있습니다. 워드프레스 점유율이 현재 43%에 달하고 있는데, 엘리멘터 덕분에 워드프레스 사용자가 늘어났다고 합니다. 엘리멘터 프로에서는 프로 위젯과 프로 템플릿, 그리고 테마 빌더를 사용하여 알림판에서 사이트의 모든 부분을 커스텀할 수 있습니다. 엘리멘터 프로의 Login 위젯을 사용하여 커스텀 로그인 페이지를 만들 수 있습니다. 엘리멘터를 사용하여 커스텀 로그인 페이지를 만든 다음, 워드프레스 기본 로그인 페이지 URL을 커스텀 로그인 페이지 URL로 변경하는 방식으로 진행하면 됩니다(아래의 "워드프레스 기본 로그인 페이지를 커스텀 로그인 페이지로 변경하기" 부분 참고). 엘리멘터(Elementor)로..

워드프레스에는 다양한 팝업 플러그인이 있습니다. Popup Maker와 같은 무료 플러그인을 사용하면 버튼 클릭 시 팝업이 표시되도록 할 수 있습니다. 이 글에서는 엘리멘터 페이지 빌더의 팝업 기능에 대해 살펴보겠습니다. 엘리멘터를 사용하는 경우 팝업 플러그인 없이 다양한 기능의 팝업을 만들 수 있습니다. 참고로 순수 CSS로도 팝업(라이트박스)을 구현할 수 있습니다. CSS를 사용할 경우 사이트 속도에 영향을 미치지 않으므로 좋은 방법일 수 있습니다. 또한, 드래그 앤 드롭 방식으로 쉽게 팝업이나 플로팅 요소(퀵메뉴)를 만들고 싶은 경우 Brave Popup 플러그인을 사용할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더 팝업 만들기 Elementor 페이지 빌더에서 버튼 클릭 시 팝업이 표시되도록 하..

워드프레스 인기 페이지 빌더인 엘리멘터를 사용하면 코딩 지식이 없어도 쉽게 사이트를 만들 수 있습니다. Elementor Pro에서는 더 많은 프로 위젯과 프로 템플릿을 이용할 수 있고, 특히 Theme Builder를 사용하여 사이트의 모든 요소(예: 헤더, 푸터, 싱글 포스트, 페이지, 카테고리 페이지 등)를 알림판 내에서 커스텀할 수 있습니다. 엘리멘터 프로 활성화를 시도할 때 Cannot get Token: Bad Request 에러가 발생하면서 라이선스 등록이 안 되는 문제가 발생하는 경우가 드물지만 있습니다. 워드프레스 엘리멘터 프로 활성화 문제: Cannot get Token:Bad Request 에러 발생 시 대처 방법 엘리멘터 프로를 구입했다면 사이트를 연결하고 활성화(Connect & ..

엘리멘터 페이지 빌더의 포스트 위젯을 사용하면 글(포스트)과 페이지와 같은 기본 포스트 타입뿐만 아니라 커스텀 포스트 타입 글들을 다양한 방식으로 표시할 수 있습니다. 엘리멘터 포스트 위젯 설정에서 요약글(Excerpt)을 설정할 수 있는 옵션에 제공됩니다. 하지만 요약문 길이를 설정해도 변경이 되지 않는 경우가 있을 수 있습니다. Posts 위젯의 요약글 길이를 조정할 수 없는 경우 참고해보세요. 엘리멘터 페이지 빌더 포스트 요약글 길이 설정이 변경되지 않는 문제 엘리멘터 프로(Elementor Pro)에서 제공되는 Posts 위젯을 사용하여 포스트나 사용자 정의 글 유형을 다양한 방식으로 나열할 수 있습니다. Posts 편집 창에서 요약글(Excerpt)을 활성화/비활성화할 수 있고, 요약글을 표시하..

워드프레스에서는 다양한 방법으로 헤더나 푸터에 배너를 고정할 수 있습니다. Top Bar 플러그인을 사용하면 심플한 배너를 헤더나 푸터에 고정하는 것이 가능합니다. 엘리멘터 페이지 빌더를 사용하는 경우 배너뿐만 아니라 다양한 요소를 헤더나 푸터에 고정할 수 있고, 특정 페이지나 특정 카테고리 혹은 전체 사이트에 배너를 표시하도록 지정할 수 있습니다. 엘리멘터를 사용하지 않는 경우 플러그인을 사용하거나 간단한 HTML과 CSS로 상단 또는 하단에 배너를 고정하는 것도 가능합니다. GeneratePress 테마를 사용하는 경우 여기에서 상단에 배너를 고정하는 방법을 살펴볼 수 있습니다. 워드프레스 엘리멘터 페이지 빌더: 헤더나 푸터에 배너 고정하기 이 글에서는 푸터에 배너나 특정 요소를 고정하는 방법에 대해..

엘리멘터 프로를 사용하는 경우 Contact Form 7과 같은 별도의 문의폼 플러그인을 사용할 필요 없이 자체적으로 제공하는 Form 위젯을 사용하여 방문자로부터 간단한 문의를 받을 수 있습니다. 엘리멘터 Form에서 파일 업로드 필드에 업로드된 파일은 이메일이 첨부파일로 전송되지 않고 이미지 URL이 이메일에 표시됩니다. 문의 데이터를 DB에도 저장하도록 설정하는 경우 엘리멘터 > Submissions에서 사용자들이 제출한 문의 데이터를 확인할 수 있습니다. 이 경우에도 이미지 URL이 표시됩니다. 엘리멘터 문의폼(Form): 업로드된 파일을 이메일 첨부파일로 전송하는 방법 엘리멘터 페이지 빌더의 문의폼에서 File Upload 필드를 추가하여 방문자들이 파일을 업로드하도록 허용할 수 있습니다. Fi..