WordPress를 사용하여 게시물에서 테이블 데이터를 추출하는 방법

WordPress 웹사이트를 멋지게 꾸밀 수 있는 쉬운 방법이 있다고 하면 어떨까요? 게시물에서 WordPress 테이블에 데이터를 추가하고 원하는 모든 것을 사용자 지정할 수 있습니다! WordPress 게시물/페이지에 온라인 데이터 테이블을 포함하는 방법을 설명한 후에는 다른 방법을 보여줄 차례입니다.

WordPress 게시물에서 모든 데이터를 가져와서 표 형식으로 표시하는 것이 일부 사용자에게는 번거롭게 들릴 수 있습니다. 그러나 우리에게는 완벽한 솔루션이 있습니다. 잠시만 기다려 주십시오.

• WordPress 게시물을 표시하기 위해 테이블을 고려하는 이유
• 테이블에 WordPress 게시물 데이터를 추가하는 가장 좋은 방법

WordPress 게시물을 표시하기 위해 테이블을 고려하는 이유

많은 콘텐츠를 게시하면 게시하는 모든 내용을 팔로우하는 열성적인 독자와 자신이 매력적이라고 ​​생각하는 게시물만 클릭하는 까다로운 독자의 두 가지 유형의 독자를 만나게 됩니다.

길고 장황한 단락보다 세부 사항이 있는 표가 더 편리하다는 것은 분명합니다. 표 형식은 항상 따르고 구성하기 쉽습니다. 결과적으로 WordPress 게시물은 데이터 테이블에 나열한 경우에만 모든 사람에게 도달할 수 있습니다!

여러 열과 행이 있는 표에는 클릭을 유도하는 짧은 키 정보가 표시될 수 있습니다. 독자들이 원하는 정보를 찾을 수 있는 지름길입니다.

게시물에서 WordPress 테이블에 데이터를 추가하는 가장 좋은 방법

이 데모를 위해 만능 WordPress 테이블 플러그인인 Ninja Tables를 선택했습니다. 이는 다양한 스마트 기능을 갖춘 Pro 애드온입니다. 추가 플러그인 없이 WordPress 게시물을 테이블로 접을 수 있습니다.

테이블을 만드는 8가지 생산적인 방법 중 Ninja Tables는 WP Posts 또는 Custom Post Type과의 통합으로 인해 두드러집니다. 이 내장 기능을 통해 사용자는 동적 스타일의 게시물에서 WordPress 테이블에 데이터를 추가할 수 있습니다.

• WP 게시물 테이블의 사용자 정의 열
• ACF 필드 통합
• 단축 코드, 계산된 값 또는 HTML
• 포스트 메타 필드
• 나타난 그림

1. WP 게시물 테이블의 사용자 정의 열

먼저 Ninja Tables 대시보드로 이동하여 "테이블 추가"를 클릭합니다.

테이블을 생성할 수 있는 다양한 방법이 포함된 팝업 상자가 나타납니다. WP 게시물을 클릭합니다. 상자에는 여러 필드가 표시되고 "게시물/CPT에서 테이블 구성"(사용자 지정 게시물 유형)이 제목으로 표시됩니다.

단일 필드 유형 "Post"를 선택하고 화살표를 사용하여 오른쪽 상자로 전환했습니다.

"다음"을 클릭하면 게시물의 다른 속성이 포함된 다른 창이 나타납니다. 이러한 속성은 만들려는 테이블의 열입니다.

속성을 선택하고 오른쪽으로 이동한 다음 다시 "저장"합니다. "+" 버튼으로 조건을 설정할 수도 있습니다.

이제 게시물 데이터에서 테이블을 얼마나 빨리 만들 수 있는지 놀랄 것입니다!

2단계를 저장하면 바로 클래식 Ninja Tables 인터페이스로 이동하여 전체 테이블을 사용자 정의, 구성 및 디자인할 수 있습니다.

"쿼리 설정" 및 "새 열 추가"에서 게시물 속성을 수정하거나 사용자 지정할 수 있습니다.

여기에 또 다른 놀라운 기능이 있습니다. 영구 링크 카테고리 또는 게시물 태그가 있는 경우 "테이블 구성" 패널에서 정렬할 수 있습니다.

원하는 경우 문서를 훑어볼 수도 있습니다.

2. ACF 필드 통합

많은 다용도 기능 중에서 이 기능은 Ninja Tables의 테이블 생성 능력을 확대합니다. 고급 사용자 정의 필드를 사용하면 이 플러그인이 더 역동적이고 사용자가 WP Post를 생성할 때만 사용할 수 있습니다.

"새로 추가"를 클릭하고 이름을 "+필드 추가" 및 필드 레이블로 지정합니다. 이제 게시물을 "게시"하십시오.

추가된 필드가 게시됩니다. 더 많은 필드를 추가하거나 기존 필드를 편집하거나 이동할 수 있습니다. 사용자 정의 필드 대시보드를 확인하고 "ACF 데모"가 나타나는지 확인하십시오.

"모든 게시물"로 이동하여 ACF를 사용하여 사용자 정의 필드를 표시할 게시물을 선택합니다.

이제 Ninja Tables로 만든 포스트 테이블로 이동하여 "새 열 추가"를 엽니다.

메뉴가 "동적 포스트 데이터 설정"으로 확장되는 것을 볼 수 있습니다. 드롭다운과 "필드 값" 상자에서 "필드 유형"을 입력합니다.

필드 값은 이전에 입력한 것과 같아야 합니다. "열 추가"를 클릭하면 해당 게시물에 대해 새 ACF 데모 열이 생성됩니다.

자세한 내용은 설명서를 확인하십시오.

3. 단축 코드, 계산 값 또는 HTML

이전에 만든 테이블에서 "새 열 추가" 패널로 시작할 수 있습니다. 열 이름을 지정하고 필드 유형에서 "Shortcode / Computed Value or HTML"을 선택합니다.

동적 단축 코드의 경우 다음을 사용하십시오.

[yourshortcode YourParam="{post.ID}"]

단축 코드를 추가하고 "열 추가"를 클릭합니다. 예를 들어 "지금 구매" 열의 Ninja Tables에서 WooCommerce 테이블에 대해 만든 단축 코드는 [add_to_cart id="{post.ID}"]입니다.

각 행은 해당 WP 게시물 ID를 사용하고 유효한 단축 코드에 따라 장바구니에 추가 버튼을 생성합니다. 더 명확성을 위해 문서를 살펴보십시오.

4. 포스트 메타 필드

"사용자 정의 필드"라고도 하며 Ninja Tables를 통해 WP 게시물의 추가 콘텐츠를 표시할 수 있습니다. 새 게시물을 표시하거나 기존 게시물을 수정할 수 있습니다.

이 데모에서는 이전에 만든 게시물을 Custom Field로 업데이트하고 Ninja Tables Post Meta Field에 표시합니다. 이 기능은 관리자 패널에서 수행됩니다.

먼저 상단에 있는 게시물의 "화면 옵션"으로 이동합니다. 몇 가지 확인란이 나타나는 것을 볼 수 있으며 그 중 하나는 "사용자 정의 필드"입니다.

이제 확인란을 선택하면 Post Meta가 필드 이름과 값이 있는 다른 패널로 확장됩니다.

다음은 고급 사용자 정의 필드 값입니다.

테이블에 필드 중 하나를 추가하고 싶습니다. 그래서 미리 만들어진 표를 선택하고 "새 열 추가" 패널로 이동했습니다.

Dynamic Post Data Settings의 필드 값에 값을 입력하고 "열 추가"를 클릭하기만 하면 됩니다.

결과는 자동으로 테이블에 나타납니다.

5. 추천 이미지

게시물에 추천 이미지를 추가하고 "새 열 추가" 패널을 편집하기만 하면 되는 가장 쉬운 부분입니다.

먼저 아래 이미지와 같이 게시물을 열어 추천 이미지를 업로드합니다.

게시물의 사이드바에서 이미지를 교체하거나 제거할 수 있습니다. 이미 테이블이 준비되어 있으므로 해당 테이블의 일부 게시물에 이미지를 선택하고 추가했습니다. 새 열을 만든 후 이미지가 있는 게시물이 테이블에 표시됩니다.

필드 값의 경우 이미지의 크기나 형태를 결정할 수 있습니다. 예를 들어, 썸네일, 중형, 대형 등입니다. "게시물 영구 링크 링크" ​​확인란은 이미지를 클릭하면 게시물로 이동하고 다른 하나를 선택하면 "새 탭으로 링크 열기"를 표시합니다.

"열 추가" 직후에 "추천 이미지" 열이 생성되고 게시물의 해당 이미지가 표시됩니다.

비고

이것이 WP Post와 Ninja Tables의 전부입니다. 게시물에서 WordPress 테이블에 데이터를 추가하는 방법을 보여 주었습니다. 더 유연하고 기능이 풍부하기 때문에 데모에 따라 Ninja Tables로 시도해 볼 수 있습니다. 그래도 각자에게!

WP Post와의 통합은 테이블 플러그인의 멋진 기능이며 게시물에서 데이터를 가져옴으로써 많은 도움이 됩니다. 사용자는 직관적인 인터페이스를 통해 WP Post에서 사용자 정의 열, 고급 사용자 정의 필드, 단축 코드, 포스트 메타 필드 및 추천 이미지를 추가할 수 있습니다.

자세한 요약은 전체 문서를 살펴보십시오.

마지막으로 곧 WordPress 테이블에 양식 항목을 추가하는 방법에 대한 설명을 제공할 것입니다. 우리와 함께있어!