워드프레스 일기의 엘리멘터 98

워드프레스 엘리멘터: 내부 섹션 위젯이 표시되지 않는 경우 (플렉스박스 컨테이너 vs. 섹션)

네이버 카페를 통해 엘리멘터에서 내부 섹션 위젯이 사라졌다는 질문이 간혹 올라옵니다. 기존에는 섹션을 추가하는 방식이었지만, 엘리멘터 3.6 버전부터 Flexbox Container(플렉스박스 컨테이너)가 도입되었습니다. 플렉스박스 컨테이너를 비활성화하고 기존의 섹션을 사용할 수 있지만, 플렉스박스 컨테이너에 익숙해지면 기존보다 수월하게 레이아웃 작업이 가능하게 될 것입니다.워드프레스 엘리멘터: 내부 섹션 위젯이 사라졌습니다오랫동안 엘리멘터를 사용하였다면 섹션 안에 내부 섹션을 추가하는 방식에 익숙해져 있을 것입니다.하지만 다음 그림과 같이 "내부 섹션" 위젯이 표시되지 않고, 대신 레이아웃 부분에 "컨테이너" 위젯이 표시될 수 있습니다.Elementor 3.6에서 플렉스박스 컨테이너가 도입되었습니다.플..

워드프레스 엘리멘터(Elementor)의 PHP 요구 사항

네이버 카페에 워드프레스 엘리멘터(Elementor) 페이지 빌더를 설치하기 위해 PHP 버전을 8.2로 변경했지만 엘리멘터가 설치되지 않는 문제에 관한 질문이 올라와서 이 문제를 잠시 살펴보았습니다. 위의 그림과 같이 "이 플러그인은 사용중인 PHP 버전에서 작동하지 않습니다" 경고가 표시되면서 플러그인을 설치할 수 없는 문제가 발생했습니다. 워드프레스 엘리멘터(Elementor)의 PHP 요구 사항 Elementor 페이지 빌더 플러그인 사이트의 정보에 의하면 엘리멘터의 설치 요구 사항은 다음과 같습니다. 워드프레스 버전 6.0 이상 PHP 버전 7.3 이상 PHP 8.2라면 엘리멘터를 최신 버전으로 업데이트하거나 설치할 수 있습니다. 닷홈에서 PHP 버전을 8.2로 변경했다고 합니다. 위의 그림에서..

엘리멘터 빌더 리비전(개정) 내역, 과거 버전으로 되돌리기

워드프레스 사이트에서 엘리멘터 페이지 빌더를 사용하여 페이지를 편집하다가 동작을 취소하거나 다시 실행할 수 있습니다. 또한, 개정 탭에서 과거 버전으로 되돌리는 것도 가능합니다. 작업하다가 작업이 잘못되었다면 내역(History) 아이콘을 클릭하여 동작을 취소하거나 이전 개정판으로 되돌리시기 바랍니다. 엘리멘터 빌더 리비전(개정) 내역, 과거 버전으로 되돌리기 워드프레스 엘리멘터(Elementor) 빌더로 작업을 하다가 동작을 취소하고 싶거나 과거 리비전(개정 버전)으로 되돌릴 수 있습니다. 동작을 취소하거나 이전 버전으로 복구하고 싶은 경우 왼쪽 하단의 내역(History) 아이콘을 클릭합니다. (참고로 엘리멘터 한글 버전에서는 History가 "역사"로 번역되어 있습니다. 자동 번역기를 사용하여 번역..

엘리멘터에서 섹션/위젯을 쉽게 숨기는 방법

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

워드프레스 멀티사이트에서 유료 테마/플러그인 업데이트 방법

아바다, 뉴스페이퍼 등 유료 테마는 라이선스를 등록하면 워드프레스 알림판에서 자동 업데이트가 가능합니다. 하지만 워드프레스 멀티사이트 네트워크 내의 하위 블로그에 유료 테마나 플러그인을 설치하면 자동 업데이트 기능이 제대로 작동하지 않게 됩니다. 멀티사이트에서 유료 테마나 플러그인을 업데이트하는 방법에 대하여 살펴보겠습니다. 워드프레스 멀티사이트에서 유료 테마/플러그인 업데이트 방법 멀티사이트에서 메인 사이트(기본 사이트)에 설치된 유료 테마나 플러그인은 자동 업데이트 기능이 정상적으로 작동합니다. 하지만 네트워크 내의 하위 블로그에 설치된 사이트에서는 자동 업데이트 기능이 제대로 작동하지 않을 수 있습니다. 저는 테스트 목적으로 하위 디렉터리 방식으로 멀티사이트를 설치하여 아바다, 엔폴드, 플랫섬 등 ..

워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우

워드프레스 문의 폼 플러그인 중 하나인 Forminator에서 전화번호 필드를 3개의 필드로 구현하기 위해 자바스크립트 코드를 만들어 추가했습니다. 테스트 사이트에서는 잘 작동하는 코드가 고객사 사이트에서 PC에서는 문제가 없었지만 모바일 기기에서는 작동하지 않는 문제가 발생하는 특이한 현상을 접하게 되었습니다. 워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우 엘리멘터에서 JavaScript 코드가 모바일에서 작동하지 않는 문제에 대하여 Elementor 플러그인 포럼에 올라온 질문이 있습니다. 여기에 대하여 엘리멘터 팀에서는 자스 코드를 사용자 정의 코드(Custom Code) 섹션에 추가해야 한다고 안내하고 있습니다. Hi, for Javascript code, you sho..

워드프레스 The7 테마: Theme Options가 표시되지 않는 경우

워드프레스 The7 테마에서 엘리멘터 페이지 빌더를 활성화하면 상단 툴바에 Theme Options 메뉴가 표시되지 않을 수 있습니다. Theme Options를 표시하고 싶은 경우 참고해 보세요. 워드프레스 The7 테마: Theme Options가 표시되지 않는 경우 인기 워드프레스 테마 중 하나인 The7 테마는 원래 WPBakery Page Builder 기반이었지만, 몇 년 전부터 Elementor도 지원하고 있습니다. Elementor 페이지 빌더를 설치하면 상단 툴바에 표시되던 Theme Options가 사라집니다. 엘리멘터를 비활성화하면 다시 표시될 것입니다. 이 문제에 대하여 어떤 사용자가 엘리멘터 페이지 빌더 지원 페이지에 글을 올린 것이 있는데요. 엘리멘터에서는 서드파티 테마에 대해서..

엘리멘터 프로 라이브러리 템플릿 로딩 오류

며칠 전에 워드프레스 엘리멘터 프로의 라이브러리에서 템플릿을 로드하려고 시도할 경우 "아직 저장된 템플릿이 없군요!" 에러가 발생하는 현상이 있었습니다. 아래의 방법으로 문제가 해결되지 않으면 다음 글을 참고하여 문제 해결을 시도해보시기 바랍니다. 워드프레스 엘리멘터 라이브러리 템플릿 로딩 오류 시 해결 방법 워드프레스 엘리멘터 페이지에서 템플릿 추가 버튼을 눌러 라이브러리에서 템플릿을 로드하려고 할 때 다음 그림과 같이 "아직 저장된 템플릿이 없군요!"(Haven't Saved Templates Yet?) 에러가 발생하 avada.tistory.com 엘리멘터 프로 라이브러리 템플릿 로딩 오류 어제도 엘리멘터 프로에서 템플릿 로드 오류가 발생한다고 제 워드프레스 블로그를 통해 알려주신 분이 계십니다. ..

엘리멘터 포스트(Posts) 위젯 페이지네이션 옵션

워드프레스 엘리멘터 빌더에서 글이나 커스텀 포스트 타입 글들을 나열할 수 있는 위젯으로 포트폴리오(Portofolio)와 포스트(Posts) 위젯이 있습니다. 둘은 비슷하면서 약간의 차이가 있습니다. 포트폴리오에서는 카테고리나 태그 필터 막대를 표시할 수 있지만, 포스트 위젯에서는 필터바를 표시할 수 있는 옵션이 제공되지 않습니다. 엘리멘터 포트폴리오: 카테고리 필터 표시하기 엘리멘터 프로에서는 Portfolio 위젯을 사용하여 블로그 글이나 커스텀 포스트 타입 글들을 포트폴리오 형식으로 나열할 수 있습니다. 포트폴리오 위젯에 카테고리 필터를 표시하고 CSS를 사용하 avada.tistory.com 포스트 위젯에서는 페이지네이션(페이징)을 표시할 수 있지만 포트폴리오에서는 페이지네이션 옵션이 없습니다. ..

모든 엘리멘터 토글 아코디언 위젯 항목이 항상 열린 상태로 표시되도록 설정하는 방법

엘리멘터에서 토글이나 아코디언 위젯을 사용하여 자주 묻는 질문(FAQ) 등을 표시할 수 있습니다. 토글은 개별 항목이 독립적으로 작동하고 아코디언은 한 번에 하나 항목만 열립니다. 이 글에서는 모든 엘리멘터 토글 위젯 항목들이 열린 상태로 표시되도록 설정하는 방법에 대하여 살펴보겠습니다. 모든 엘리멘터 토글 아코디언 위젯 항목이 항상 열린 상태로 표시되도록 설정하는 방법 엘리멘터 페이지 빌더의 모든 토글 위젯 항목들이 열린 상태로 표시하고 싶은 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. .elementor-toggle .elementor-tab-content { display: block !important; } 위의 코드를 사용하면 토글 항목들은 모두 열린 상태가 됩니다. 반면에 아코디언은 ..