WordPress 테이블: 블로그 게시물에 테이블을 추가하는 5가지 방법

테이블에 대해 생각해 본 적이 있습니까?

아니요, 가족과 함께 저녁을 먹기 위해 사용하는 테이블이나 회의가 열리는 사무실의 회의 테이블을 의미하는 것이 아닙니다.

열에 표시되는 데이터 차트와 같은 테이블을 의미합니다.

콘텐츠를 작성할 때 데이터를 체계적으로 표현하는 것이 어려울 수 있습니다. 차트 형식으로 표시하고 싶을 수도 있지만 가장 쉬운 방법은 이미지로 만드는 것입니다. 불행히도 이미지에는 여러 가지 단점이 있습니다. 그 중 하나는 Google이 테이블의 정보를 색인화할 수 없다는 점입니다. 차트 이미지는 SEO에 좋지 않습니다!

반면에 고유 코드 없이 테이블에 표시할 정보를 표시하는 것은 지저분하거나 지루할 수 있습니다.

지저분한 버전은 다음과 같습니다.

• 요일 – 이름 – 판매
• 월요일 – 숀 – $500
• 월요일 – 데이브 – $400
• 화요일 – 스티브 – $500
• 수요일 – 제니퍼 – $800
• 수요일 – 시에라 – $750

등등. 잘 정리된 열이 없고 서식이 없으며 모든 것이 함께 실행됩니다. 정보가 있지만 형식이 좋지 않습니다. 때때로 탭이나 CSS를 사용하여 공백과 정렬을 추가할 수 있지만 데이터 형식을 지정하는 해킹 방법에 빠지게 됩니다.

HTML은 물론 테이블을 기본적으로 지원합니다. 하지만 만들고 업데이트를 유지하는 것은 쉽지 않습니다. 지루한 방법은 HTML 코드를 사용하여 수동으로 테이블 콘텐츠를 만드는 것입니다.

• 먼저 테이블 태그가 필요하므로 <table> 을 시작하고 </table> 을 닫습니다.
• 그 안에는 각 행에 대한 코드가 필요합니다. 행은 <tr> 로 시작하고 </tr> 로 끝납니다.
• 각 행 내에서 각 셀에는 테이블 데이터 항목이 필요합니다. 따라서 <td> 및 </td> 내부에 데이터의 특정 요소가 있습니다. 첫 번째 것은 해당 열의 헤더 제목입니다.

따라서 위의 예에서 정보의 맨 처음 행인 제목에 대해 다음을 보고 있습니다.

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

그런 다음 CSS 서식 또는 HTML 서식을 위한 태그를 추가해야 하며 이미지나 아이콘이 필요한 경우 추가 작업이 필요하며 이 모든 작업이 한 행에 대한 것입니다. 이 모든 것을 수동으로 처리해야 한다고 상상해보세요! 웹 디자인에서 테이블이 보편적으로 싫어지고 더 이상 표준이 아닌 데는 이유가 있습니다.

운 좋게도 우리는 원하지 않는다면 수십 년 동안 HTML 테이블을 수동으로 작성할 필요가 없었습니다. WordPress는 새 테이블을 추가하는 다양한 방법을 제공하며 저는 이 단계별 자습서에서 가장 적합하다고 생각하는 다섯 가지를 선택했습니다.

파헤쳐보자!

옵션 1: WordPress 기본 테이블

WordPress에서 테이블을 추가할 수 있다는 것을 알고 계셨습니까? 많은 기능이 없지만 무료 이며 매우 쉽습니다. Gutenberg 드래그 앤 드롭 페이지 빌더에서 클릭하여 새 블록을 추가하고 테이블 블록을 선택할 수 있습니다. 테이블 옵션 구성 상자 역할을 하는 블록을 삽입합니다. 클래식 편집기를 사용하는 경우 프런트 엔드에서 테이블 작성기를 사용하려면 구텐베르그로 다시 전환해야 합니다.

아주 간단합니다. 원하는 행과 열의 수를 선택하십시오. 위의 데이터 예에서는 3개의 테이블 열과 필요한 데이터 행이 있습니다. 최종 결과는 간단한 반응형 테이블입니다.

WordPress에는 기본적으로 테이블에 대한 몇 가지 옵션만 있습니다. 가는 선으로 구분된 행이나 줄무늬 배경을 번갈아 가며 구분된 행 중에서 선택할 수 있지만 그게 전부입니다. 열에 대한 서식은 없으며 배경색을 설정할 수 있지만 셀/행/열뿐만 아니라 전체 테이블에 적용됩니다. 고급 옵션을 찾고 있다면 기본 테이블이 별로 도움이 되지 않을 것입니다.

이제 CSS를 사용하여 원하는 모든 것을 수동으로 변경할 수 있습니다. 괜찮아! 그러나 WordPress 편집기에서 원하는 대로 표를 만들려는 경우 큰 번거로움이 있습니다. 테이블에 대한 WordPress의 지원은 기본적으로 수행할 수 있는 다른 작업이 얼마나 많은지를 감안할 때 놀라울 정도로 부족합니다. 예를 들어 테이블에 수천 개의 행이 있는 경우 읽기 쉬운 더 작은 섹션으로 분할하기 위해 페이지 매김이 생성되지 않습니다.

여기에서 WordPress 테이블 플러그인을 설치합니다.

옵션 2: TablePress

한동안 워드프레스 웹사이트를 운영해 왔다면 추가하려는 거의 모든 기능에 아마도 어딘가에 FeaturePress라는 애드온이 있을 것입니다. 테이블도 예외는 아닙니다. TablePress는 무료 플러그인 디렉토리 또는 웹사이트 TablePress.org에서 찾을 수 있습니다.

TablePress는 테이블 데이터를 관리하기 위한 중앙 허브를 용이하게 하는 방식으로 작동하기 때문에 약간 투박합니다. WordPress 대시보드에 테이블 관리 미니 앱을 추가합니다. 해당 관리 앱에서 테이블을 만들고, 테이블을 가져오거나 내보내고, 테이블을 구성하고, 일반적으로 원하는 모든 작업을 수행할 수 있습니다. 그런 다음 블로그 게시물에 테이블을 삽입하려면 테이블 단축 코드를 사용하여 해당 테이블을 가져옵니다.

"변경 사항 저장"을 클릭하고 단축 코드를 복사한 다음 게시물로 돌아가 어떻게 보이는지 미리 확인해야 합니다. 때로는 포스트 편집기와 TablePress 설정 사이를 왔다갔다 해야 하므로 지루할 수 있습니다.

그런 다음, 이것이 중요합니다. 테이블 데이터를 편집해야 하는 경우 대시보드에서 편집할 수 있습니다. 한 번의 편집으로 동일한 테이블의 다른 모든 인스턴스가 즉시 채워집니다. 데이터가 내장되어 있어 중앙 집중식 관리가 쉽습니다.

CSV, XLS 또는 다른 스프레드시트 파일에서 직접 데이터를 가져올 수도 있습니다. 그러면 테이블이 채워집니다. 이 가져오기 기능은 가져오고 싶은 데이터가 많고 수동으로 복사하고 싶지 않은 경우에 매우 유용합니다.

이 테이블 플러그인의 가장 큰 단점은 데이터 및 스프레드시트에 가장 적합하다는 것입니다. 예를 들어 나란히 있는 제품 비교 차트, 목차 또는 몇 개의 행과 열로 된 매끄러운 것을 위해 만들어지지 않았습니다. 수십 또는 수백 개의 데이터 행을 포함할 때 더 많이 생각하십시오.

사용자 정의 CSS를 사용하여 표의 스타일을 지정하고 변경하면 도움이 될 것입니다. 쉽게 만들 수 있지만 테이블 스타일을 지정하기 위해 CSS를 사용하는 방법을 알아야 합니다. 플러스 측면에서는 완전 무료 이며 사용하기 쉽기 때문에 초보자가 시작하기에 좋은 플러그인입니다.

옵션 3: 닌자 테이블

Ninja Tables는 WordPress 사이트에서 테이블 생성 및 데이터 관리를 위한 매끄러운 옵션입니다. 일상적인 사용보다 데이터가 많은 블로그 게시물에 더 적합하며 많은 양의 데이터를 지원하는 많은 작업을 수행합니다. 예를 들어 테이블에는 사용자가 동적으로 표시하는 데이터를 정렬하고 조정할 수 있는 필터 및 정렬 옵션이 있을 수 있습니다. 이는 많은 통계 및 정보에 매우 유용하지만 제품 비교 차트에는 그다지 유용하지 않습니다.

Ninja Tables의 가장 멋진 기능 중 하나는 매우 사용자 친화적이라는 것입니다. 테이블의 모양과 느낌을 관리하기 위해 사용자 정의 CSS나 코딩이 필요하지 않습니다. 원하지 않는 경우 많은 데이터 입력을 수행할 필요조차 없습니다. 다양한 유형의 파일에서 직접 데이터를 가져올 수 있습니다.

그러나 한 가지 단점은 무료 버전에서 옵션이 "제한적"이라는 것입니다 . 나는 그들이 많은 옵션을 가지고 있기 때문에 제한된 인용문을 넣었습니다. 완전히 무료가 아닙니다. 선택할 수 있는 수십 가지의 다양한 스타일과 색상과 사용할 수 있는 다양한 템플릿이 있습니다.

Ninja Tables를 사용하면 게시물에서 직접 블록 편집기에서 테이블을 생성 및 편집하거나 TablePress와 동일한 방식으로 중앙 대시보드에서 관리할 수 있습니다. 플러그인으로 원하는 작업을 자유롭게 수행할 수 있습니다.

WordPress 플러그인 디렉토리에서 Ninja Tables의 무료 버전을 찾을 수 있습니다. 많은 플러그인과 마찬가지로 웹 사이트에서 구매하려는 경우 프리미엄 버전도 제공합니다.

Premium은 다음을 포함하여 도움이 될 만한 다양한 추가 기능을 제공합니다.

• 텍스트 데이터 대신 미디어 요소를 셀에 추가하는 기능.
• 색상 선택기이므로 미리 구성된 색상에만 국한되지 않습니다.
• 데이터 가져오기 및 내보내기 또는 Google 스프레드시트와 동기화하기 위한 추가 옵션.
• 조건부 서식 옵션 및 고급 데이터 필터링.
• 표 셀 내에서 단축 코드 사용.

단일 사이트 라이선스는 연간 $49 또는 20개 사이트에 대해 $99, 무제한 사이트에 대해 $199를 지불할 수 있습니다. 또는 하나의 도메인에 대해 $199, 20에 대해 $399 또는 무제한에 대해 $599에 평생 라이선스를 제공합니다. 사용할 수 있는 도메인 수 외에는 요금제에 제한이 없으므로 모든 유료 버전이 동일합니다. 여기에서 사이트를 탐색하고 더 많은 기능을 볼 수 있습니다.

옵션 4: 데이터 테이블 생성기

기능이 마음에 드시나요? 당신이 그들 중 더 많은 것을 원하십니까? 차트, 그래프, 막대, 파이, PDF 및 기타 내보내기로 동적으로 변환할 수 있는 데이터 테이블을 원하십니까? 테이블에 미디어를 표시하시겠습니까? 검색창? 표시할 행 수를 선택하는 드롭다운은 무엇입니까? 모든 열에 대해 열별로 정렬하시겠습니까? 반응형 디자인?

알겠습니다. 그만하겠습니다.

TablePress와 마찬가지로 대시보드에서 테이블을 관리하고 WordPress 게시물이나 페이지에 포함할 수 있습니다. 이 플러그인은 신선한 데이터 더미를 보고 흥분하기 시작하는 STEM 전공 을 위한 테이블 플러그인입니다. 별점. 또한 백만 가지 옵션이 있기 때문에 매우 복잡합니다.

이것이 모든 것을 할 수 있다고 말할 때 나는 그것을 의미합니다. 테이블 편집을 위한 데이터 테이블 생성기 대시보드는 Excel 또는 Google 스프레드시트를 편집기에 내장한 것처럼 보입니다. 수식과 서식을 위한 공간과 그 이상을 위한 공간이 있습니다. 당신이 원하는 모든 것이 있습니다. 어떤면에서는 가장 많은 기능을 가지고 있기 때문에 최고의 WordPress 테이블 플러그인입니다.

그래서 캐치는 무엇입니까?

물론 복잡성. 데이터가 많은 사이트에는 매우 강력하지만, 소규모 WordPress 블로그이고 경쟁업체와 자신을 비교하기 위한 차트, 다양한 요금제 및 기능이 있는 가격표 또는 판매하는 제품에 대한 제품 비교표만 원하는 경우 ; 이것은 순항 미사일을 사용하여 정원을 경작하는 것만큼이나 과도합니다.

여기에서 무료 버전을 얻을 수 있습니다. WordPress 플러그인 디렉토리.

유료 버전은 적절하게 표 형식으로 가격이 책정됩니다.

데이터 테이블 생성기 웹사이트에는 1년, 2년 또는 3년 및 한 번에 1개, 5개 또는 6개 이상의 사이트에 대한 라이선스가 있습니다. 1년 단일 사이트 라이선스는 $46입니다.

옵션 5: 제휴 가능

위의 옵션 대부분은 테이블에 복잡한 데이터를 대량으로 표시하는 것에 관한 것이지만 그렇게 복잡한 데이터를 원하지 않는다면 어떻게 해야 할까요?

표를 추가하려는 대부분의 블로거는 제품 비교 표와 같은 것을 원할 것입니다. 두세 개의 제품이 있고 다양한 기능/가격 책정/리뷰 정보를 제공하는 테이블과 제품을 구매할 수 있는 제휴사 링크가 필요합니다. 제휴 마케팅 및 제품 판매를 위한 검증된 전략입니다. 제품의 기능을 보여주기만 하면 사용자가 그 기능을 사용하여 제품을 선택할 수 있고, 그 중 하나를 선택할 가능성이 높아집니다.

Affilitable은 이러한 테이블을 추가하는 방법 중 하나입니다. 여기에는 비교 테이블, "상위 3개의 상자" 형식, 개별 제품 세부 정보 상자 및 장단점 ​​상자 스타일이 있습니다. 더 중요한 것은 데이터 관리 기능이 아닌 일부 마케팅 기능이 있다는 것입니다. 사용자는 제품 비교 테이블을 정렬하거나 검색할 수 있어야 하는 것은 아니지만 사용자 측에서 약간의 지역 타겟팅을 통해 확실히 이점을 얻을 수 있습니다. 그렇죠?

Affiliable에는 세 가지 버전이 있습니다.

• 무료 버전
• 단일 사이트 라이선스를 위한 프로 버전
• 무제한 사이트를 위한 프로 버전

무료 버전은 허용되지만 제한적입니다. 프리미엄 템플릿을 사용할 수 없고 스키마에 최적화되어 있지 않으며 사용자 정의 범주를 사용할 수 없습니다. 유료 버전은 각각 연간 $39 및 $89이며 평생 라이선스를 $199 또는 $399에 구입할 수 있습니다.

어떻게 생각해? 블로그 게시물에 표를 추가하는 가장 좋은 방법은 무엇입니까? 또 다른 좋은 제안이 있으면 댓글로 알려주세요.