Gutenberg Editor로 테이블 만들기 및 관리

웹사이트를 운영할 때 표와 차트는 생각보다 훨씬 더 중요합니다. 이를 통해 가격, 계획, 회사 동향 등을 보여주는 방식이 훨씬 수월해질 수 있기 때문입니다.

테이블을 만든 후 다시 찾으려면 단축 코드를 복사/붙여넣기해야 하므로 매우 번거로울 수 있습니다. 하지만 모든 테이블을 한 번에 찾을 수 있는 전용 블록이 있다면 어떨까요? WP Table Manager 사용하기 쉬운 구텐베르크 워드프레스 편집기를 통해 이러한 작업을 간편하게 수행할 수 있도록 해줍니다.

WP Table Manager 구텐베르크 편집기에 검색 상자가 포함된 테이블을 블록에 직접 추가할 수 있도록 해주는 블록입니다.

이 플러그인을 사용하여 구텐베르크용 워드프레스 테이블 생성

이번 포스팅에서는 WP Table Manager 사용하여 가격 비교표를 만드는 방법을 살펴보겠습니다. 먼저, 표를 만드는 방법부터 알아보겠습니다.

먼저 테이블 관리자 > 모든 테이블 + 새로 만들기 > 테이블을 클릭하면 테이블 편집기가 열립니다. 테마를 사용하면 작업이 훨씬 쉬워지므로 테마를 선택해 보겠습니다. 테마 > 테마 선택을 .

테마 옵션이 모두 표시되므로 가격 비교표에 적합한 테마를 선택하겠습니다.

이제 [확인]을 클릭하세요(테이블의 모든 데이터가 삭제된다는 점에 유의하세요).

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

간단한 조정을 통해 표를 필요에 맞게 수정하면 됩니다. 저는 여러 행을 삭제하고 많은 행을 편집할 예정인데, 엑셀을 사용하는 것처럼 해당 행을 클릭하고 입력하기만 하면 편집할 수 있습니다.

삭제하려면 해당 행을 클릭하고 마우스 오른쪽 버튼을 클릭한 다음 [삭제]를 선택하세요 .

셀을 편집하려면 해당 셀을 클릭하세요. 그러면 원하는 대로 콘텐츠를 사용자 지정할 수 있는 고급 편집기가 열립니다.

표를 더욱 세밀하게 꾸미고 싶다면 색상을 변경할 수 있습니다. 셀을 클릭하고 상단의 도구를 사용하여 원하는 셀의 색상을 변경하면 됩니다.

테이블은 변경될 때마다 자동으로 저장되므로 따로 저장할 필요가 없습니다.

이제 표를 만들었으니 구텐베르크 편집기 블록을 사용하여 게시물에 추가할 수 있습니다.

[게시물] > [새 게시물 추가] 로 이동하면 구텐베르크 편집기가 표시됩니다. 여기서 WP Table Manager 블록을 선택하겠습니다.

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

표가 추가되면, 이제 해당 게시물을 발행하기만 하면 표가 표시됩니다. 표를 클릭하고 게시물/페이지를 발행하기만 하면 됩니다. 아주 간단합니다.

이게 전부입니다. 10분도 안 걸려서 가격표를 만들어서 올렸어요. 정말 쉽죠?

WordPress에서 WP Table Manager 사용하여 차트 생성하기

네, 표에서 차트를 생성하는 옵션도 제공될 예정이며, 또 다른 좋은 소식은 차트 섹션에 전용 구텐베르크 블록이 있어서 게시글을 작성할 때 차트를 쉽게 찾을 수 있다는 것입니다.

이제 차트를 만들려면 테이블 관리자 > 모든 테이블 . 차트에 표시할 데이터가 포함된 테이블이 생성되어 있어야 합니다. 이제 차트를 만드는 데 필요한 정보가 담긴 테이블이 준비되었습니다.

좋은 방법은 만들고자 하는 표 유형별로 카테고리를 만드는 것입니다. 예를 들어, 여기서는 "차트"라는 카테고리를 만들었습니다.

[+ 새 카테고리 만들기]를 클릭하세요 .

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

이제 차트를 만들려는 표로 이동해 보겠습니다. 5개국의 인구를 기반으로 한 표를 추가했습니다.

차트를 만들려면 차트에 추가할 셀을 선택하고 [차트] > [데이터에서 차트 만들기]를 클릭해야 합니다.

 이제 오른쪽 메뉴를 통해 생성된 차트를 살펴보겠습니다. 이 메뉴에서 차트를 사용자 지정할 수 있는 도구를 확인할 수 있습니다.

이 예시에서는 원형 차트를 사용하겠습니다.

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

차트를 생성/사용자 지정했으니 이제 [게시물 작성] > [새 게시물 추가] 게시물을 작성하고 방금 만든 새 차트를 추가해 보겠습니다.

구텐베르크 편집기에서 "WP Table Manager Chart" 블록을 찾아 게시물에 추가하세요.

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

보시다시피 사용 가능한 모든 카테고리, 표 및 차트가 표시됩니다. 따라서 모든 항목을 카테고리별로 정렬해야 합니다. 이제 추가하려는 차트를 클릭하세요. 저희의 경우 "인구 차트"입니다.

보시는 바와 같이, 쇼트코드는 자동으로 추가되므로 게시만 하면 모든 작업이 완료됩니다.

그런데 차트의 데이터를 업데이트하고 싶다면 어떻게 해야 할까요? 새 차트를 만들어야 할까요? 아닙니다! 표 안의 데이터를 편집하기만 하면 차트가 자동으로 업데이트됩니다.

이 예시에서 투발루의 인구는 11,147명입니다. 이미지에서 보시다시피 인구를 20,000명으로 변경하고 차트를 다시 확인해 보겠습니다.

이제 차트가 업데이트되었을 겁니다. 확인해 봅시다.

네, 마법이 완성되었습니다! 표 안의 데이터만 바꾸면 쉽게 변경되는 동적 차트를 만들었습니다.

또한 WordPress에서 데이터베이스의 테이블을 가져오는 방법도 있습니다

데이터베이스에서 테이블을 생성하는 옵션도 있으며, 이 테이블은 데이터베이스에 변경 사항이 있을 때 자동으로 업데이트됩니다. 따라서 데이터베이스에 저장된 정보를 기반으로 테이블/차트를 만들려면 [+ 새로 만들기] > [데이터베이스 테이블]을

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

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

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

이제 클릭하세요 테이블 생성 그러면 표가 자동으로 생성됩니다. 예를 들어, 작성자의 이메일이 "인 경우에만 변수를 표시하는 등 조건을 추가할 수 있다는 점을 기억하세요이 이메일 주소는 스팸봇으로부터 보호됩니다. 보려면 JavaScript를 활성화해야 합니다.”.

원하는 만큼 규칙을 추가할 수 있습니다. "추가"를 클릭하기만 하면 새 규칙을 설정할 수 있는 새 입력란이 추가됩니다.

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

새로운 디자인 덕분에 모든 것이 훨씬 더 쉬워질 거예요!

WP Table Manager 사용하여 테이블 생성을 시작하세요

WP Table Manager 사용하면 테이블을 만들고 관리하는 것이 얼마나 쉬운지 알게 되었으니 , 더 이상 기다릴 필요가 없습니다! 여기에서 멤버십을 구매하고 가장 전문적인 방식으로 모든 테이블을 활용해 보세요.