엘리멘터 위젯에서 WP Table Manager 와 함께 워드프레스 HTML 테이블 관리

페이지 빌더는 워드프레스에서 가장 강력한 도구입니다. 개발자 없이 사이트의 모든 것을 사용자 정의하고 이동/생성할 수 있기 때문입니다. 엘리멘터는 제공하는 모든 도구 때문에 가장 많이 사용되는 페이지 빌더 중 하나입니다.

사이트를 전문적으로 만드는 데 정말 유용한 다른 도구로는 가격 비교 테이블을 만들 수 있는 테이블이 있으며, 다른 페이지와 비교할 수도 있고, 일정을 표시하는 계획 테이블도 만들 수 있습니다.

모든 것의 가장 좋은 부분은 WP Table Manager를 사용하여 테이블을 생성하고 사용자 정의할 수 있으며 엘리멘터에서 쉽게 사용할 수 있다는 것입니다. 여기서는 엘리멘터에서 WP Table Manager를 사용하는 방법을 배울 수 있습니다.

목차

엘리멘터에서 워드프레스 테이블을 사용하는 방법

우선 Elementor에서 직접 테이블을 생성하는 방법을 살펴보겠습니다. 예, 먼저 WP Table Manager 대시보드로 이동하여 테이블을 생성한 다음 게시물 또는 페이지로 이동하여 삽입할 필요가 없습니다. Elementor에서 직접 모든 작업을 수행할 수 있습니다. 

먼저 편집하려는 게시물 또는 페이지로 이동하여 Elementor로 편집을 클릭하면 페이지 빌더가 로드되고 왼쪽 패널에 모든 블록이 표시됩니다.

검색 필드를 사용하여 WP Table Manager 블록을 찾습니다. WP Table Manager를 입력하고 페이지 섹션의 오른쪽에 드롭합니다.

이렇게 하면 왼쪽 패널에 있는 옵션과 함께 페이지 빌더에 테이블 블록이 로드됩니다.

클릭 테이블 선택 하여 테이블 관리자를 로드합니다. 그리고 + 새로 만들기 를 클릭한 다음 테이블 을 선택합니다.

이렇게 하면 모든 옵션이 포함된 테이블 생성기가 있는 다른 탭으로 이동합니다. 이 자습서에서는 테마를 사용하여 테마를 기반으로 테이블을 생성하는 방법을 보여줍니다. 이렇게 하려면 테마 > 테마 선택을 클릭하면 사용 가능한 모든 테마가 로드됩니다. 계획을 생성하기 위해 하나를 선택하겠습니다.

이렇게 하면 현재 테이블의 모든 스타일을 재정의하는 템플릿이 로드되며, 테마가 로드된 후에는 전체 테이블을 사용자 정의하여 사이트 테마에 맞게 조정할 수 있습니다. 예를 들어, 여기서는 녹색을 더 검게 설정합니다. 

이제 편집하고 사용자 정의할 수 있습니다. 다른 테이블 편집기에서 excel처럼 편집할 수 있습니다.

이 회의 계획에 필요한 모든 변경을 수행한 후 예를 들어 해당 탭을 닫고 Elementor 편집기로 돌아갈 수 있습니다. 모든 내용이 Elementor 빌더에 자동으로 저장되고 업데이트됩니다.

표를 삽입하려면 표를 선택하고 이 표 삽입을 클릭하기만 하면 됩니다. 그러면 페이지 빌더에 표가 로드됩니다.

이제 표를 편집해야 하는 경우 어떻게 되는지 살펴보겠습니다. 편집하기 위해 WP Table Manager 로 돌아가야 할까요? 글쎄요, 대답은 '아니요'입니다. 표를 클릭한 다음 왼쪽 패널에서 연필을 클릭하면 페이지 빌더 내부에 표 편집기가 로드됩니다.

이렇게 하면 이전에 표를 만들 때 사용한 것과 같은 표 편집기가 로드되므로 원하는 대로 모든 수정을 수행하고 마지막으로 오른쪽 하단 모서리에서 '이 표 삽입'을 클릭합니다.

이제 테이블 작성을 마치고 페이지 빌더에 추가했으므로 페이지를 게시하고 이 테이블에 대해 수행할 작업을 진행할 수 있습니다.

이것이 전부입니다. 테마를 사용하여 15분 이내에 표를 설정하고 WP Table Manager에서 제공하는 모든 도구를 사용하여 사용자 정의했습니다. 페이지 빌더를 닫았다가 다시 열 필요 없이 모든 작업을 수행하여 많은 시간을 절약했습니다.

테이블을 사용자 정의하는 또 다른 좋은 도구는 편집기에서 HTML 태그 아이콘을 클릭하여 사용할 수 있는 HTML 편집기입니다. 이렇게 하면 셀을 편집하려고 할 때 HTML 편집기가 로드됩니다.

알 수 있듯이 이 기능은 HTML 편집기가 제공하는 모든 옵션을 제공합니다. 예를 들어 여기서는 첫 번째 열과 첫 번째 행을 구별하기 위해 굵게 표시된 옵션과 슬래시가 있는 제목 1을 사용합니다.

테이블이 HTML을 사용하여 생성되므로 해당 편집기에서 원하는 모든 HTML 태그를 사용할 수 있으며 변경 사항은 프론트 엔드에 반영됩니다.

알 수 있듯이 WP Table Manager 을 사용하여 표를 쉽게 만들 수 있습니다. 더 쉽게 하려면 Elementor 페이지 빌더를 사용하여 프론트 엔드에 삽입할 수도 있습니다.

이 Elementor 테이블 플러그인을 사용하여 테이블 관리 시작

이것은 WP Table Manager가 제공하는 모든 테이블 중 몇 가지 도구일 뿐입니다. 구글 시트와 연결하고 엑셀 테이블과도 연결하여 모든 것을 더 쉽게 만들 수 있습니다. 무엇을 기다리고 계십니까? 여기로 가서 Elementor에서 직접 테이블 생성을 시작하세요.