Gutenberg 편집기를 사용하여 테이블 생성 및 관리

우리는 웹사이트를 운영할 때 테이블과 차트가 생각보다 훨씬 더 중요하다고 생각합니다. 왜냐하면 이를 통해 가격, 계획, 회사 궤적 등을 훨씬 더 쉽게 표시할 수 있기 때문입니다

생성 후 테이블을 찾는 것은 매우 번거롭습니다. 우리가 숏코드를 복사/붙여넣기 해야 하기 때문입니다. 하지만 모든 테이블을 찾을 수 있는 블록이 있다면 어떨까요? WP Table Manager 사용하기 쉬운 Gutenberg WordPress 편집기를 통해 이를 수행할 수 있습니다.

WP Table Manager 은 구텐베르크 편집기에 블록을 추가하여 검색 상자가 있는 이러한 표를 블록에 직접 추가할 수 있도록 합니다.

Gutenberg를 위한 이 플러그인으로 WordPress 테이블 만들기

이 게시물에서는 WP Table Manager 를 사용하여 가격 비교 테이블을 생성합니다. 먼저 테이블을 생성하는 방법을 살펴보겠습니다.

먼저 테이블 관리자 > 모든 테이블으로 이동합니다. 이 섹션에서 + 새로 만들기 > 테이블을 클릭하면 테이블 편집기가 열립니다. 테마를 사용하면 훨씬 쉬워지므로 하나를 선택하고 테마 > 테마 선택을 클릭합니다.

가격 비교 테이블에 적합한 테마를 선택합니다.

이제 확인을 클릭합니다(테이블의 모든 데이터가 제거될 것임을 유의하십시오).

테마를 추가했으므로 거의 모든 작업이 완료되었습니다.

간단한 조정을 하고 필요에 따라 표를 조정하기만 하면 됩니다. 많은 행을 제거하고 많은 행을 편집할 것이며, Excel을 사용하는 것처럼 클릭하고 입력하여 편집할 수 있습니다.

제거하려면 행을 클릭하고 오른쪽 클릭한 다음 제거를 클릭합니다.

이제 셀을 편집하려면 클릭하기만 하면 고급 편집기가 열리며 사용자가 원하는 대로 내용을 사용자 정의할 수 있습니다.

표를 더 사용자 정의하려면 색상을 변경하면 됩니다. 셀을 클릭하고 상단의 도구를 사용하여 원하는 셀의 색상을 변경하면 됩니다.

매번 변경 사항이 자동으로 저장되므로 테이블을 저장할 필요가 없습니다.

이제 테이블을 만들었으므로 Gutenberg 편집기 블록을 사용하여 게시물에 추가할 수 있습니다.

게시물 > 새로 추가로 이동하면 Gutenberg 편집기가 표시되며, 여기에서 WP Table Manager 블록을 선택합니다.

이렇게 하면 카테고리와 테이블을 보여주는 검색 필드가 추가되어 테이블을 클릭하여 테이블을 추가할 수 있습니다.

테이블이 추가될 것이고, 이제 해당 게시물을 게시하기만 하면 테이블이 존재하게 되며, 테이블을 클릭하고 게시물/페이지를 게시하는 것만큼 쉽습니다.

그리고 그게 전부입니다. 10분 이내에 가격표를 만들어 게시했습니다. 정말 쉽지 않나요?

워드프레스에서 차트 생성을 위해 WP Table Manager 사용하기

예, 표에서 차트를 만들 수 있는 옵션도 있습니다. 또 다른 좋은 소식은 차트 섹션에 전용 구텐베르크 블록이 있어 게시물을 만들 때 차트를 쉽게 찾을 수 있다는 것입니다.

이제 차트를 만들려면 테이블 관리자 > 모든 테이블로 이동합니다. 차트에 반영하려는 데이터가 있는 테이블을 만들어야 합니다. 이 차트를 만들기 위한 정보가 포함된 테이블을 준비했습니다.

좋은 습관은 생성하려는 각 유형의 테이블에 대한 카테고리를 만드는 것입니다. 예를 들어, 여기서는 "차트"라는 카테고리를 만들었습니다.

카테고리 생성은 매우 쉽습니다. 이를 위해 + 새로 만들기 > 카테고리

마지막으로 카테고리 제목을 입력하고 상위 카테고리를 선택하고(하위 카테고리인 경우) 완료

이제 차트를 생성하려는 테이블로 이동합니다. 5개 국가의 인구 수를 기반으로 테이블을 추가했습니다.

차트를 생성하려면 차트에 추가하려는 셀을 선택하고 차트 > 데이터에서 차트 생성

 이제 오른쪽 메뉴로 생성된 차트를 볼 수 있으며, 차트를 사용자 정의할 수 있는 도구를 볼 수 있습니다.

이 예제에서는 원형 차트를 사용합니다.

오른쪽 패널 하단에서 각 필드의 색상을 선택하여 사용 중인 테마에 맞는 색상을 지정할 수 있습니다.

이제 차트를 만들고 사용자 정의했으므로 게시물 > 새로 추가로 이동하여 게시물을 만들고 새로 만든 차트를 추가할 수 있습니다.

Gutenberg 편집기에서 “WP Table Manager 차트” 블록을 찾아 게시물에 추가합니다.

그러면 사용 가능한 모든 차트를 볼 수 있는 검색 필드가 열립니다.

모든 카테고리, 테이블 및 사용 가능한 차트를 표시하므로 모든 항목을 카테고리별로 정렬해야 합니다. 이제 추가하려는 차트를 클릭합니다. 우리의 경우 "인구 차트"입니다.

알 수 있듯이, 쇼트코드는 자동으로 추가되므로 게시하기만 하면 모든 것이 완료됩니다.

하지만 이제 차트의 데이터를 업데이트하려면 어떻게 해야 합니까? 새 차트를 만들어야 합니까? 글쎄요, 대답은 '아니오'입니다! 테이블 안의 데이터를 편집하기만 하면 차트가 자동으로 업데이트됩니다.

이 예에서 투발루 인구는 11147명입니다. 이미지에서 볼 수 있듯이 인구 수를 20000으로 변경하고 차트를 다시 확인해 보겠습니다.

이제 차트가 업데이트되어야 합니다. 확인해 보겠습니다.

그리고 네, 마법이 이루어졌습니다. 테이블 내부의 데이터를 변경하여 쉽게 변경할 수 있는 동적 차트를 만들었습니다.

WordPress의 데이터베이스 테이블 추가

데이터베이스에서 테이블을 생성하는 옵션도 있습니다. 이 테이블은 데이터베이스에 변경 사항이 있을 때 자동으로 업데이트되므로 데이터베이스에 정보를 저장하고 이를 기반으로 테이블/차트를 생성하려는 경우 + 새로 만들기 > 데이터베이스 테이블

이렇게 하면 데이터베이스에 포함된 모든 테이블이 있는 페이지로 리디렉션되므로 원하는 열을 선택하면 WP Table Manager 가 자동으로 테이블을 생성합니다.

그 후에, 예를 들어, 테이블에 추가하려는 열을 선택할 수 있습니다. 여기서는 작성자의 댓글 유형과 이메일만 선택합니다.

마지막으로 각 열의 제목을 선택하고 테이블을 생성하는 규칙을 추가합니다.

이제 클릭하세요 테이블 생성 그리고 테이블은 자동으로 생성되며, 조건을 추가할 수 있다는 점을 명심하십시오. 예를 들어 작성자의 이메일이 “일 때만 변수를 표시합니다이 이메일 주소는 스팸봇으로부터 보호됩니다. 보려면 자바스크립트를 활성화해야 합니다.”.

원하는 만큼의 규칙을 추가할 수 있습니다. "추가"를 클릭하면 새 규칙을 설정할 수 있는 새로운 상자가 추가됩니다.

이제 데이터베이스에서 테이블을 생성하는 것이 얼마나 쉬운지 알 수 있습니다.

우리의 새로운 디자인은 모든 것을 훨씬 더 쉽게 만들어 줄 것입니다!

WP Table Manager와 함께 테이블 생성 시작

WP Table Manager