WP Table Manager: 일반적인 사용법

WP Table Manager 의 핵심 아이디어는 플러그인 보기에서도 편집기에서 모든 테이블을 관리할 수 있도록 하는 것입니다. WP Table Manager 프런트엔드와 백엔드 모두에서 모든 WordPress WYSIWYG 편집기에서 작동합니다. 예를 들어, 사용자 정의 WordPress 모듈에서 사용할 수 있습니다.
 

1. 기사에서 테이블 관리하기

WP Table Manager 설치되면 편집기에 편집기 버튼이 표시됩니다. 이 버튼을 클릭하면 WP Table Manager 메인 화면이 열립니다.

게시물/페이지에서 열린 라이트박스의 표 관리자에서 제목을 눌러 표/차트 내용을 보거나, 옆 공간을 클릭하여 표를 선택한 후 " 이 표 삽입" 버튼을

그러면 표는 회색 영역과 그에 상응하는 엑셀/차트 아이콘으로 표시됩니다.

해당 영역을 클릭한 다음 WP Table Manager 버튼을 다시 클릭하면 이전에 추가한 테이블이 로드됩니다.

7. 구텐베르크의 블록 기능을 살펴보시는 것도 좋습니다.

2. 테이블 및 카테고리 관리

테이블은 카테고리로 분류됩니다. 카테고리 안에는 원하는 만큼 테이블을 넣을 수 있습니다.

테이블 카테고리를 생성하려면 대시보드 헤더에서 '새로 만들기  >>  카테고리'  버튼을 '새로 만들기 >> 테이블' 버튼을 클릭하세요.

왼쪽 패널에서 마우스 커서를 카테고리 위에 올려놓으면 카테고리를 관리할 수 있습니다. 카테고리의 이름을 편집하거나, 마우스 오른쪽 버튼을 클릭하면 카테고리를 삭제할 수 있습니다.

카테고리 순서를 정하려면 드래그 앤 드롭 기능을 사용하세요.

오른쪽 메인 패널에서 테이블을 편집, 복제, 이름 변경 및 삭제할 수 있습니다. 테이블을 클릭하면 대시보드 상단에 해당 아이콘이 표시됩니다. 테이블을 마우스 오른쪽 버튼으로 클릭해도 해당 아이콘을 찾을 수 있습니다.

3. 테이블 에디션

표에 데이터를 추가하려면 스프레드시트에서 작업하는 것처럼 해야 합니다. 셀을 두 번 클릭하면 내용을 업데이트할 수 있는 옵션이 나타나고, 한 번 클릭하면 하나 또는 여러 개의 셀을 선택하거나 스타일을 적용할 수 있습니다.

행이나 열을 추가하려면 마우스 오른쪽 버튼을 클릭하세요. 그러면 왼쪽 또는 오른쪽에 행/열을 삽입할 수 있습니다.

셀을 복사하려면 CTRL+C / CTRL+V (또는 Apple에서 사용하는 J 키)를 사용하거나 마우스 커서를 셀의 오른쪽 아래 모서리에 놓고 원하는 방향으로 드래그하면 됩니다.

최근 수정 사항을 되돌리거나 다시 실행할 수 있는 옵션이 있습니다.

WP Table Manager 셀 내용 편집을 통해 수행한 수정 사항의 백업을 유지하고 복원할 수 있습니다.

4. 고급 콘텐츠 에디션

HTML 셀

각 셀 안에 WYSIWYG 편집기를 사용하여 HTML 콘텐츠를 추가할 수 있습니다. 셀을 선택하고 도구 모음에서 < > 아이콘을 .

이제 셀을 편집하면 내부에 HTML 편집기가 나타납니다. 이미지와 HTML을 모두 사용할 수 있습니다.

셀 병합

셀을 병합할 수도 있습니다. 두 개 이상의 셀을 선택한 다음 마우스 오른쪽 버튼을 클릭하면 병합 메뉴를 사용할 수 있습니다.

도구 모음에서 셀 병합 사용할 수도 있습니다

컬럼 옵션

표 열의 너비를 사용자 지정하려면 메뉴 형식 >> 열 옵션 >> 표시 탭 대상 화면 크기(데스크톱, 태블릿 또는 모바일)를 선택합니다.
각 열에 원하는 너비를 적절한 형식으로 입력합니다. 백분율로 입력할 경우 % 기호를 포함합니다(예: 25%). 픽셀로 입력할 경우 "px" 없이 숫자만 입력합니다(예: 150).
 

데이터 탭

열의 데이터 형식을 변경하려면 메뉴 [ 서식] > [열 옵션] > [데이터] 탭으로 이동하세요. 그런 다음 해당 열에 맞는 형식을 선택하세요.

또는 아무 셀이나 마우스 오른쪽 버튼으로 클릭하고 '열 설정' 옵션을 선택한 다음 '데이터' 탭에서 형식을 선택할 수 있습니다.

프런트엔드에서 열 숨기기

프런트엔드에서 테이블의 열을 숨기려면 셀 또는 열 머리글을 마우스 오른쪽 버튼으로 클릭하고 '열 설정 ' 옵션을 선택한 다음 '표시' 탭 '프런트엔드에서 열 숨기기' 옵션을 활성화하면 됩니다.

5. 엑셀 및 스프레드시트 내보내기

WP Table Manager 제공하는 전용 도구를 사용하여 스프레드시트 형식으로 내보낼 수 있습니다 메뉴에서 테이블 > 테이블 내보내기를 선택하고, '데이터 + 스타일' 또는 '데이터만'을 선택하세요 Excel 내보내기' 클릭하세요 .

내보내기는 Excel 2003 또는 2007 형식으로 수행할 수 있습니다. 플러그인 구성 >> 기본 설정에서 해당 설정을 찾을 수 있습니다.

6. 쇼트코드

테이블 단축 코드

대시보드에서 각 테이블의 쇼트코드를 확인할 수 있습니다. 쇼트코드 옆에 복사 버튼이 있으므로, 이를 이용해 테이블을 간편하게 공유할 수 있습니다. 예: [wptm id=8]

셀 단축 코드

사용자는 전체 표 대신 단축 코드를 사용하여 여러 행과 열을 삽입할 수 있습니다. 먼저 삽입할 셀을 선택한 다음, 해당 셀을 마우스 오른쪽 버튼으로 클릭하고 상황 메뉴에서 "셀 삽입 단축 코드"

팝업 창에서 옵션을 선택한 후 '복사' 아이콘을 클릭하세요. 그러면 생성된 쇼트코드를 게시물/페이지에 붙여넣을 수 있습니다.

예: [wptm id=258 download="1" align="none" range="B1-D8"]

차트 단축 코드

차트를 생성한 후 오른쪽 패널에서 차트 단축 코드를 확인할 수 있습니다. 해당 코드 복사 하여 게시물/페이지에 붙여넣으면 됩니다.

예: [wptm id-chart=42]

7. 구텐베르크 편집기의 블록

이제 구텐베르크 편집기를 사용하여 사이트에 표나 차트를 표시할 수 있습니다. 이 두 개의 WP Table Manager WP Table Manager 입니다. 그리고 WP Table Manager 차트 .

구텐베르크 편집기에 표를 추가하려면 WP Table Manager 위젯 카테고리에서 해당 블록을 찾으세요. 찾으면 필드를 클릭하고, 그러면 생성한 테이블 목록이 나타납니다. 여기에서 프런트엔드에 표시할 테이블을 선택하세요. 테이블을 선택하면 바로 미리보기가 표시됩니다.

테이블을 추가하는 것과 비슷하게, WP Table Manager Chart 블록을 검색한 다음 클릭하면 됩니다. 그런 다음 드롭다운 목록에서 차트를 선택하면 됩니다.

8. 프런트엔드 편집

테이블 편집기에서 테이블 > 프런트엔드 편집 .

이 제품에는 다음과 같은 기능이 포함되어 있습니다 

• 새 행 생성: 로그인하지 않은 사용자 또는 특정 로그인 사용자 그룹에게만 프런트엔드에서 새 행을 생성할 수 있는 권한을 부여합니다. 스타일은 열별로 적용되며, 배경색은 테이블 전체에 걸쳐 번갈아 가며 설정됩니다.
• 행 편집: 로그인하지 않은 사용자 또는 로그인한 사용자만 프런트엔드에서 행을 편집할 수 있도록 권한을 부여합니다.
• 사용자 ID 열: 사용자 식별자로 사용할 열 값을 선택합니다. WordPress 사용자 테이블(wp_users)의 ID를 참조하며, MySQL 측에서는 반드시 정수형으로 정의해야 합니다.
• 표시 편집 버튼: 토글 버튼을 사용하여 활성화/비활성화할 수 있습니다.

프런트엔드에서 새 행을 생성하거나 기존 행을 선택하여 편집할 수 있습니다.

프런트엔드에서 테이블 편집 경우 열 설정에서 편집 볼 수 있습니다 열 설정 옵션을 선택하세요.

열 설정 팝업에는 3개의 탭이 포함되어 있습니다

표시 탭

• 열 레이블: 열의 이름입니다.
• 프런트엔드에서 열 숨기기: 토글 버튼을 사용하여 열을 숨기거나 표시합니다.

데이터 탭

• 열 유형: 열에 사용할 유형을 선택하세요. 텍스트, Varchar, 정수, 부동 소수점, 날짜, 날짜/시간.

편집 탭

• 편집 활성화: 토글 버튼을 사용하여 활성화/비활성화할 수 있습니다.
• 필수 데이터: 토글 버튼을 사용하여 활성화/비활성화하세요.
• 데이터 입력 유형: 데이터 유형을 선택하세요: 
  • 기본 편집기
  • HTML 편집기
  • 선택 상자
  • 날짜
• 열 기본값: 해당 열에 대한 기본값을 설정합니다.
• 값 목록: 이 열에 사용할 수 있는 값을 목록에 입력하고 Enter 키를 누르십시오. 입력한 값은 해당 열의 편집기에서 사용됩니다.