WordPress 게시물/페이지에 표를 삽입하는 방법

쉬운 방법이 있습니다.

하지만 가장 좋은 방법은 아닙니다.

WordPress의 새로운 블록 편집기에는 테이블 블록이 포함되어 있으며 간단한 테이블에서 완벽하게 작동합니다.

그러나 조금 더 발전된 것이 필요할 가능성이 있습니다.

도움이 될 수 있는 두 가지 훌륭한 플러그인이 있습니다.

첫 번째 플러그인을 사용하면 특수 편집기로 테이블을 만들 수 있습니다. 즉, 코드를 볼 필요도 없습니다. 두 번째 플러그인은 시각적 매력과 다양성이 필요한 테이블에 더 좋습니다.

동적으로 작동하고 사이트의 게시물, 문서 및 기타 콘텐츠를 나열하는 세 번째 방법이 있습니다. 이 옵션은 마지막에 살펴보겠습니다.

Youtube에서 Compete Themes 구독

1. TablePress로 테이블 만들기

TablePress는 WordPress로 테이블을 만들고 표시하기 위한 플러그인입니다.

보시다시피 WordPress 사용자들 사이에서 가장 좋아하는 것입니다.

왜 TablePress를 사용합니까?

TablePress의 주요 장점은 코드를 건드리지 않고도 테이블을 만들고 수정할 수 있는 멋진 인터페이스를 제공한다는 것입니다.

또한 여기에서 다룰 수 있는 것보다 더 많은 기능이 있습니다. 기본 플러그인에 추가할 수 있는 모든 멋진 기능에 대한 확장 페이지를 확인하십시오.

TablePress 사용의 마지막 이점 중 하나는 테이블이 단일 게시물이나 페이지에 묶여 있지 않다는 것입니다. 게시물/페이지와 독립적으로 테이블을 생성하기 때문에 사이트 어디에서나 재사용할 수 있습니다.

테이블프레스 사용법

TablePress를 활성화하면 관리 대시보드에 새로운 최상위 메뉴가 추가된 것을 확인할 수 있습니다.

새로 추가 버튼을 클릭하면 테이블의 이름과 크기를 설정할 수 있는 이 페이지로 이동합니다(걱정하지 마세요. 나중에 행/열을 언제든지 업데이트할 수 있습니다).

테이블을 생성하면 데이터를 입력할 전체 테이블 편집기에 액세스할 수 있습니다.

행과 열을 재정렬하고, 링크를 추가하고, 셀을 결합할 수 있습니다. 편집기에는 수많은 실용적인 기능이 내장되어 있습니다.

표를 표시할 준비가 되면 표 페이지에서 단축 코드를 복사하고 단축 코드 블록을 사용하여 편집기에 붙여넣습니다.

편집기에서 단축 코드를 볼 수 있지만 게시물을 볼 때 전체 테이블이 표시됩니다.

다음은 프런트 엔드에 표가 표시되는 방식입니다.

단축 코드를 사용한 적이 없습니까? 이 튜토리얼에서 그것들에 익숙해지십시오.

일반적인 질문

TablePress에는 몇 가지 일반적인 문제와 질문이 있습니다.

단축 코드가 내 사이트의 SEO에 영향을 미칩니까?

아니요. 단축 코드를 사용하는 것은 페이지의 표를 읽는 Google의 기능에 영향을 미치지 않습니다.

편집기에 단축 코드가 표시되는 동안 일반 크롤링 가능한 HTML이 사이트에 출력됩니다. HTML을 직접 작성하는 것과 다르지 않습니다.

반응형/모바일 친화적입니까?

TablePress가 생성하는 테이블은 기본적으로 응답하지 않습니다. 그러나 더 모바일 친화적으로 만드는 확장 프로그램이 있습니다.

이 플러그인 사용을 중단하면 테이블이 손실됩니까?

예, 아니요.

테이블 데이터는 데이터베이스에 저장되므로 플러그인을 제거해도 기술적으로 손실되지 않습니다. 그러나 더 이상 관리 대시보드에서 해당 데이터에 액세스할 수 없으므로 이 데이터로 테이블을 만드는 것이 어려울 수 있습니다.

사이트를 백업하십시오!

좋습니다. 이것은 질문이 아니라 사이트를 백업하라는 알림입니다! 웹의 일부 WP 사용자는 테이블에서 시간을 낭비하는 것을 한탄했습니다.

항상 사이트를 정기적으로 백업하여 노력을 잃지 않도록 하십시오. 도움이 필요한 경우 사이트를 백업하는 방법에 대한 자습서를 따를 수 있습니다. 선택할 수 있는 훌륭한 무료 및 프리미엄 백업 플러그인이 많이 있습니다.

2. Tablesome으로 테이블 만들기

Tablesome은 반응형 테이블을 빠르게 만들고 페이지와 게시물에 추가하기 위한 WordPress 테이블 플러그인입니다. Google Sheets, MS Excel 등과 같은 다른 도구로 생성된 CSV 및 XLSX 파일에서 테이블을 가져올 수도 있습니다.

Tablepress와 같은 다른 플러그인은 데스크톱 장치에 데이터를 표시하는 데 능숙하지만 모바일에 반응하지 않습니다. 반면 Tablesome은 완전히 반응하며 모든 화면 크기에서 멋지게 보입니다. 대용량 데이터 테이블, 제품 카탈로그, 비교 테이블, 스포츠 리그 테이블, 가격 테이블 등 모든 종류의 테이블을 생성할 수 있습니다.

또한 직관적인 스프레드시트와 같은 인터페이스 덕분에 표를 쉽게 만들고 편집할 수 있습니다.

테이블섬 사용법

Tablesome은 다른 WP 플러그인에만 설치할 수 있습니다. 설치 후 대시보드에 새로운 Tablesome 메뉴가 추가된 것을 확인할 수 있습니다.

CSV 또는 XLSX 파일에서 파일을 가져오려면 가져오기 옵션을 클릭하면 됩니다.
처음부터 테이블을 생성하려면 "새 테이블 생성" 메뉴 항목을 클릭하여 새 테이블 페이지로 이동합니다.

이 페이지에서 테이블 이름을 지정하고 데이터를 입력할 수 있습니다. 다른 플러그인과 Tablesome의 결정적인 차이점은 테이블에 데이터를 추가할 때 행과 열을 추가할 수 있다는 것입니다.

텍스트, 서식 있는 텍스트, 이메일, 숫자, 날짜, 링크, 확인란 및 버튼을 포함하여 8가지 데이터 유형을 사용할 수 있습니다. 표 생성이 끝나면 표 설정 메뉴를 통해 표의 모양을 사용자 정의할 수 있습니다.

테이블 설정에서 검색, 정렬, 필터 및 페이지 매김과 같은 옵션을 활성화하도록 선택할 수 있습니다. 테이블이 모바일 화면에 맞게 조정되는 방식을 구성할 수도 있습니다.

스타일 섹션에서 표 머리글, 본문, 테두리, 글꼴 및 글꼴 크기의 모양을 사용자 지정할 수 있습니다.

게시물이나 페이지에 표를 추가할 준비가 되었을 때 여전히 클래식 편집기를 사용 중인 경우 Tablesome 블록이나 단축 코드를 사용하여 추가할 수 있습니다.

다음은 사이트의 프런트 엔드에서 Tablesome 테이블이 어떻게 보이는지에 대한 예입니다.

3. WP Table Builder로 테이블 만들기

시각적으로 더 아름다운 테이블을 만들고 싶다면 WP 테이블 빌더를 사용해 보세요.

TablePress는 데이터를 구조화하고 표시하는 데 적합하지만 테이블이 그다지 매력적이지는 않습니다. WP Table Builder는 제품 비교 테이블, 직원 일정 및 레스토랑 메뉴를 만드는 데 탁월합니다.

간단한 드래그 앤 드롭 인터페이스를 갖춘 WP Table Builder는 사용하기 쉽습니다.

WP 테이블 빌더 사용 방법

WP Table Builder는 다른 플러그인처럼 설치할 수 있습니다. 설치가 완료되면 대시보드에 새로운 Table Builder 메뉴가 추가된 것을 확인할 수 있습니다.

"새로 추가" 버튼을 클릭하면 테이블을 구성할 수 있는 끌어서 놓기 인터페이스가 나타납니다.

현재 위 이미지의 왼쪽 상단에서 볼 수 있는 다섯 가지 콘텐츠 유형이 있습니다.

원하는 열과 행 수를 선택한 후(나중에 편집 가능), 해당 요소를 테이블의 아무 셀에나 끌어다 놓기만 하면 됩니다.

이 플러그인을 만지작거리다가 1분도 채 되지 않아 제품 비교 표의 시작 부분을 정리할 수 있었습니다.

이 플러그인을 사용하여 모든 종류의 테이블을 빠르게 생성하는 방법을 쉽게 알 수 있습니다.

게시물에 표를 추가하는 것은 단축 코드로 쉽게 수행할 수 있습니다. 인터페이스 상단의 "포함" 버튼을 클릭하면 테이블의 단축 코드가 포함된 이 팝업이 나타납니다.

그런 다음 모든 게시물이나 페이지에 포함하기 위해 Shortcode 블록에 복사하여 붙여넣기만 하면 됩니다.

4. Posts Table Pro 사용

이 기사에서 지금까지 소개한 두 가지 플러그인은 정적 테이블 플러그인입니다. 즉, 사용자가 수동으로 데이터를 추가하고 테이블을 업데이트할 때마다 변경해야 합니다. 정적 테이블 플러그인은 재무 정보와 같은 구조화된 데이터를 표시하는 데 적합합니다.

Posts Table Pro는 동적 WordPress 테이블 플러그인이기 때문에 다릅니다. 정적 데이터를 표시하는 대신 WordPress 데이터베이스에 저장된 정보를 사용하여 자동으로 테이블을 생성합니다. 이렇게 하면 수동으로 데이터를 추가하는 것에 비해 많은 시간을 절약할 수 있습니다.

Posts Table Pro를 사용하여 WordPress 블로그 게시물, 페이지 또는 사용자 정의 게시물 유형의 검색 가능한 테이블을 만들 수 있습니다. 플러그인의 대부분의 사용 사례는 문서 라이브러리, 블로그 게시물 색인, 리소스 디렉토리, 직원 또는 회원 디렉토리, 비디오 또는 오디오 라이브러리를 만드는 것입니다.

Posts Table Pro를 사용하는 이유는 무엇입니까?

테이블에 표시하려는 내용에 따라 테이블을 자동으로 생성하면 많은 이점을 얻을 수 있습니다.

테이블에 직접 데이터를 추가하는 대신 WordPress 관리자에서 게시물(또는 사용자 정의 게시물)을 추가합니다. WordPress 자체와 함께 제공되는 모든 표준 필드를 사용할 수 있으며 고급 사용자 정의 필드 또는 파드와 같은 플러그인을 사용하여 사용자 정의 필드 및 분류를 추가할 수 있습니다. 추가한 후에는 Posts Table Pro 단축 코드를 사용하여 사이트의 아무 곳에나 테이블을 삽입할 수 있습니다.

테이블을 삽입한 후에는 다시 업데이트할 필요가 없습니다. 게시물에 대한 모든 변경 사항은 테이블에 자동으로 반영되므로 수동으로 업데이트하는 것을 기억할 필요가 없습니다.

표에 게시물을 표시하는 또 다른 이점은 사용자가 각 항목에 대해 별도의 페이지에 액세스할 수 있다는 것입니다. 단일 게시물(또는 사용자 정의 게시물) 페이지를 클릭하여 전체 콘텐츠를 볼 수 있습니다. 정적 테이블의 경우 테이블의 각 항목에 해당하는 페이지가 없기 때문에 동적 WordPress 테이블 플러그인에서만 가능합니다.

Posts Table Pro 사용법

표시하려는 정보가 이미 WordPress 사이트(예: 블로그 게시물)에 있는 경우 Posts Table Pro를 바로 설정할 수 있습니다. 또는 무료 Pods 플러그인을 설치하고 테이블의 열로 표시할 모든 필드와 함께 사용자 정의 게시물 유형을 생성할 수 있습니다.

그런 다음 Posts Table Pro를 설치하고 설정 페이지를 사용하여 구성할 수 있습니다. 수십 가지 옵션이 있으며 테이블 열, 필터 드롭다운 및 페이지당 표시할 항목 수와 같은 세부 정보를 제어할 수 있습니다.

그런 다음 WordPress 사이트에서 테이블을 삽입하려는 위치에 [posts_table] 단축 코드를 추가합니다. 예를 들어, 각 테이블에 다른 항목을 나열할 수 있도록 많은 단축 코드 옵션이 있습니다.

전반적으로 사이트에 콘텐츠를 나열하는 데 탁월한 옵션이며 정적 테이블 대안보다 우수합니다.

5. JetEngine 테이블 빌더 사용

또 다른 동적 WordPress 테이블 플러그인은 JetEngine Tables Builder 모듈입니다. 이 플러그인을 사용하면 테이블이 WordPress 데이터베이스에서 자동으로 생성되므로 데이터를 수동으로 추가할 필요가 없습니다.

Tables Builder의 가장 일반적인 사용 사례는 WooCommerce 제품 테이블, 통계 테이블 및 Rest API 기반 테이블(예: IMDb 테이블)입니다. 이 테이블 플러그인을 사용하면 게시물, 용어, 댓글, 리뷰, 제품 또는 SQL 데이터를 보여주는 동적 데이터 테이블을 생성할 수 있습니다.

JetEngine 테이블 빌더를 사용하는 방법은 무엇입니까?

JetEngine 플러그인으로 동적 테이블을 생성하려면 다음 단계를 따르세요.

1. JetEngine 다운로드 및 설치
2. 동적 테이블 모듈 활성화

3. JetEngine 쿼리 빌더로 쿼리를 생성합니다.
4. 일반 테이블 설정을 구성합니다(제목 추가, 데이터를 가져올 쿼리 선택, 테이블 미리보기를 위해 데이터 가져오기).
5. 필요한 열을 추가하십시오.
6. 테이블 스타일을 조정합니다.
7. Elementor 페이지 빌더 또는 Gutenberg를 통해 페이지에 테이블을 추가합니다.

Tables Builder를 사용하면 정렬 가능하고 자동 업데이트되는 데이터가 포함된 동적 테이블을 웹사이트에 쉽게 추가할 수 있습니다. 그건 그렇고, JetSmartFilters의 도움으로 테이블에 필터를 추가할 수 있습니다.

요약하자면 이것은 동적 테이블을 구축하기 위한 훌륭한 플러그인입니다.

플러그인 없이 테이블을 만들 수 있습니까?

워드프레스에는 사용자 정의 수의 열과 행이 있는 테이블을 빠르게 생성할 수 있는 테이블 블록이 있지만 데이터는 한 곳에 유지되고 재사용할 수 없으며 매력적으로 스타일이 지정되지 않습니다.

TablePress는 사이트에서 가져오거나 내보낼 수 있는 더 크고 재사용 가능한 테이블을 만들려는 모든 사람에게 탁월한 선택입니다. WP Table Builder는 더 많은 시각적 콘텐츠를 위한 훌륭한 대안이며 Posts Table Pro는 사이트에 동적 콘텐츠를 나열하는 데 적합합니다.

플러그인 중에서 더 많은 것을 선택하려면 WordPress에 가장 적합한 테이블 플러그인 목록을 살펴보세요.

사이트에 테이블을 추가하는 데 필요한 다른 것이 있습니까? 이 튜토리얼에서 빠진 것이 있습니까? 아래에 의견을 남겨주세요.