목차
다음과 같이 모든 CMS의 주요 아이디어를 정의합니다.
유지 관리 웹 사이트 콘텐츠의 쉬운 방법은 비기술적 관리자가 최신 상태로 정확하게 유지하는 것입니다. 덕분에 저렴한 비용으로 웹사이트를 주요 커뮤니케이션 채널로 사용할 수 있습니다. 따라서 Gutenberg 테마 및 블록으로 전환하는 것이 마케팅 목표를 달성하는 최선의 선택입니다. WordPress에서 플러그인 없이 테이블을 추가하는 방법을 제시함으로써 위의 내용을 증명합니다.
플러그인 없이 워드프레스에 표를 추가하는 방법이 쉽지 않거나 Google 문서 또는 Word를 사용해야 한다는 블로그 게시물을 찾을 수 있습니다. 음, 여전히 Citadela 구텐베르크 테마로 전환하지 않은 경우가 아니면 사실일 수 있습니다. 페이지 빌더가 있는 이전 테마는 클래식 편집기를 사용합니다. 그리고 Gutenberg 편집자가 제공하는 쉬운 옵션은 없었습니다.
지금 시작하세요
일회성 결제. 30일 환불 보장.
Citadela의 WordPress 테이블에 대한 두 가지 옵션 살펴보기
WordPress 테이블 콘텐츠에 따라 WordPress에서 테이블을 생성하는 Gutenberg 블록에 대해 두 가지 선택 사항이 있습니다. 다른 블록과 조합하여 상상할 수 있는 것보다 훨씬 더 많은 옵션을 얻을 수 있습니다.
- 가격표 블록( Citadela Pro 플러그인)
- 테이블 블록(핵심 WordPress 블록)
Citadela 프리미엄 버전을 사용하면 WordPress에 테이블을 추가하기 위해 추가 플러그인이 필요하지 않습니다.
가격표 블록
테이블은 일반적으로 항목 및 가격을 표시하는 데 사용되기 때문에 Citadela 블록 플러그인(대부분의 최신 WP 테마와 광범위하게 호환됨)에 포함된 특별 가격 테이블 블록을 만들었습니다. WordPress 블록 편집기에서 매우 쉽게 사용하여 매력적인 방식으로 가격을 제시하고 관리할 수 있습니다.
이 블록에는 고급 설정이 있으며 필요에 따라 반응형 버전을 설정할 수 있습니다. 그것은에서 사용할 수 있습니다 Citadela Pro 플러그인.
그러나 WordPress 자체는 테이블 생성을 위한 기본 블록을 제공합니다. 간단하게 호출됩니다. 테이블 블록, 예를 들어 구독 패키지와 같은 매우 기본적인 프레젠테이션을 몇 분 안에 만드는 데 사용할 수 있습니다.
오늘은 Table Block에 대해 자세히 살펴보고 다음에 대해 이야기하겠습니다.
- WordPress의 테이블이 실용적인 이유
- WordPress에서 테이블 블록을 사용하고 테이블을 만드는 방법(플러그인 없이)
- 도구 모음의 테이블 블록 설정
- 인스펙터의 WordPress 테이블 블록 설정
- 추가 팁: 이미지 옆에 표를 삽입하는 방법
WordPress의 테이블이 실용적인 이유
테이블은 게시물 및 페이지에서 보편적으로 사용됩니다. 기본 기능은 데이터 또는 숫자를 구성하는 것입니다. 테이블은 블로거에게도 유용합니다. 예를 들어 여행 블로거는 개별 목적지의 가격을 비교할 수 있습니다. 음식 블로거는 재료 목록이나 필요한 수량을 쉽게 작성할 수 있습니다.
마지막으로 테이블을 사용하여 서비스 및 제품의 영업 시간 또는 가격 테이블을 표시할 수 있습니다. 레스토랑, 미용실 또는 베이커리를 위한 웹사이트가 있는지는 중요하지 않습니다. 귀하의 웹 사이트에서 테이블에 대한 사용법을 확실히 찾을 수 있습니다.
WordPress에서 테이블 블록을 사용하고 테이블을 만드는 방법(플러그인 없이)
블록 편집기를 사용하여 WordPress에서 테이블을 만드는 것은 식은 죽 먹기입니다. 테이블 블록을 사용하면 플러그인이나 코딩 없이 몇 번의 클릭만으로 테이블을 만들 수 있습니다. 작동 방식을 살펴보겠습니다.
- 먼저 워드프레스 테이블 블록을 삽입해야 합니다. 상단 표시줄 또는 편집기 내의 아무 곳에나 있는 "+"를 클릭하여 수행할 수 있습니다. 그런 다음 특정 블록을 선택할 수 있습니다.
테이블 블록을 검색하기 위해 "table" 뒤에 슬래시 "/"를 사용하여 테이블 블록을 삽입할 수도 있습니다.
페이지나 게시물에 테이블 블록을 추가한 후 열과 행의 수와 같은 기본 설정을 지정해야 합니다.
WordPress 테이블 블록을 사용하여 테이블을 생성하고 맞춤형 블록을 사용할 수 있는 최신 Citadela 테마를 살펴보십시오. 특정 유형의 비즈니스를 위해 개발된 레이아웃 패키지로 사용자 정의할 수 있는 Citadela에 대해 자세히 알아보십시오.
도구 모음의 테이블 블록 설정
이제 WordPress에서 테이블을 만드는 방법을 알았습니다. 다음으로 작업 방법을 보여 드리겠습니다.
테이블 위의 상단 도구 모음을 사용하면 스타일 및 서식을 변경할 수 있습니다. 이 설정을 사용하여 테이블 모양을 변경할 수 있습니다. 최종 모양은 항상 사용하는 활성 WordPress 테마에 따라 달라집니다.
무엇을 변경할 수 있습니까?
1. 블록 스타일
첫 번째 아이콘을 사용하여 테이블 스타일을 선택할 수 있습니다. 다음 두 가지 옵션 중 하나를 선택할 수 있습니다.
- 기본 – 표 셀에는 배경 없이 테두리가 있습니다. 전체 블록의 배경색은 나중에 추가할 수 있습니다.
- 문 – 테두리가 없는 테이블이지만 모든 두 번째 줄은 배경을 사용하여 강조 표시됩니다. 이 스타일은 더 현대적이고 덜 형식적입니다.
2. WordPress 테이블 블록 정렬
블록 위의 상단 도구 모음에서도 테이블 정렬을 변경할 수 있습니다. 왼쪽, 오른쪽 또는 중앙과 같은 고전적인 것 중 하나를 선택할 수 있지만 테이블을 넓게 또는 전체 너비로 만들 수도 있습니다. 마지막 두 가지의 가용성은 항상 사용하는 활성 WordPress 테마에 따라 다릅니다.
3. 표 내용 서식 지정
표 안의 텍스트나 숫자는 굵게 또는 기울임꼴로 설정할 수 있습니다. 다른 페이지, 그래프 또는 이미지에 대한 링크를 추가할 수 있습니다.
4. 테이블의 텍스트 정렬
최신 버전의 WP에서는 전체 표뿐만 아니라 행 내부의 텍스트도 정렬할 수 있습니다. 이제 각 줄에 삽입된 텍스트를 개별적으로 정렬할 수 있습니다. 이 기능은 더 멋진 테이블을 만드는 데 도움이 됩니다.
5. 열과 행의 수
WordPress에서 테이블 열 또는 행을 추가하는 방법은 무엇입니까? 테이블 블록에서는 매우 쉽습니다. 이 블록을 사용하면 셀을 매우 빠르게 추가하거나 제거할 수 있습니다. "테이블 편집"을 클릭한 다음 원하는 작업을 클릭하면 됩니다. "뒤에 행 추가"를 클릭하면 바로 하단에 새로운 행이 생성됩니다.
Inspector의 WordPress 테이블 블록 설정
상단 도구 모음을 사용하여 테이블 셀의 설정을 변경할 수 있는 반면 Inspector라는 오른쪽 도구 모음은 테이블 블록의 보다 복잡한 설정에 사용됩니다. 또한 여기에서 블록 스타일(기본값 또는 스트라이프)을 구성할 수 있지만 배경색과 테이블 너비도 설정할 수 있습니다.
테이블 설정
기본적으로 표 셀은 안에 있는 텍스트의 양에 따라 동적으로 조정됩니다. "고정 너비 테이블 셀" 기능을 허용할 수도 있습니다. 모든 셀은 안에 무엇을 넣든 상관없이 동일한 너비를 갖습니다.
색상 설정
Inspector를 사용하면 표 배경색을 변경할 수도 있습니다. 기본 스타일을 선택한 경우 전체 테이블의 배경색이 동일합니다. 줄무늬를 선택한 경우 두 번째 줄마다 배경이 설정됩니다.
새로 추가된 기능: 머리글 및 바닥글 지원
테이블에 더 쉽게 액세스할 수 있도록 개발자는 WordPress 테이블 블록에 머리글 및 바닥글 옵션을 추가했습니다. 이 기능은 또한 더 나은 구조적 정의(데이터)를 제공하고 모바일 어시스턴트에게 더 정확한 정보를 제공합니다. 이제 테이블 구조에 다음이 포함됩니다. <thead>, <tfoot>
, 그리고 <tbody>
표의 머리글, 바닥글 및 본문을 식별하고 구분합니다. Inspector에서 직접 머리글 및 바닥글 섹션을 활성화하거나 비활성화할 수 있습니다.
추가 팁: 이미지 옆에 플러그인 없이 WordPress에서 테이블을 만드는 방법
테이블과 이미지가 나란히 있어야 합니까? 이를 위해서는 Columns Block을 사용해야 합니다. 이 블록을 사용하면 다양한 콘텐츠 유형을 열에 삽입하고 잘 정렬할 수 있습니다.
그것을하는 방법?
테이블 블록을 한 열에 삽입하고 이미지 블록을 두 번째 열에 삽입합니다. 이미지 옆의 WordPress Column Block 내부에 중첩 테이블이 생깁니다. 매우 간단하며 정렬이나 반응형 버전에 대해 걱정할 필요가 없습니다.
기사에서 열 블록에 대해 자세히 읽을 수 있습니다. 플러그인 없이 WordPress에서 열을 만드는 방법.
엑셀런트 아포르테!
아주 좋은 게시물, 워드프레스에는 수많은 사용자가 보지 못하는 옵션이 있습니다. 귀하의 게시물이 이를 명확히 합니다. 테이블 플러그인으로 사망했습니다.
엄청난…!
플러그인 클래식 없이
이런 좋은 정보! 확실히ⅼү 반드시 읽어야 할 발견입니다!
덕분에 정말 많은 도움이 되었습니다.
감사해요. 정말 도움이 되었어요
매우 도움이 됩니다. 새로운 Gutenberg 블록 기능에 대해 알아보기에 좋습니다. 좋은 일을 계속하십시오! 좋은 하루 되세요 🙂
본질적인 기능, 즉 반응성을 놓치고 있습니다.
6컬럼 이상 모바일에서 테이블을 보면 압축되어 보기 흉합니다.
적어도 그들은 그것을 테스트했어야 했다!
이것은 정말 많은 도움이 됩니다. 감사해요
이제 테이블 생성이 완료되었습니다. 다음 단계는 게시물에 테이블을 추가하는 것입니다. 이렇게 하려면 먼저 테이블의 단축 코드를 복사해야 합니다. TablePress All Tables로 이동하면 됩니다. 그런 다음 복사하려는 테이블을 찾아 그 아래에서 Show Shortcode?(단축 코드 표시?)를 클릭합니다. 클릭하면 단축 코드를 보여주는 팝 경고가 나타납니다.
WordPress 개발자가 2020년에 반응형 테이블을 만드는 것에 대해 생각하지 않은 이유를 이해할 수 없습니다. 그게 어떻게 가능할까요? 따라서 그 전에 플러그인을 사용하여 이 문제를 해결할 수 있습니다. 제 솔직한 의견으로는. 그래도 훌륭한 기사입니다.
테이블에 테두리를 추가하는 방법은 무엇입니까?
안녕,
질문 주셔서 감사합니다. 기본적으로 패널 관리에서 관리하는 옵션은 없습니다. 다른 유형의 테이블 블록 사용을 고려할 수도 있습니다. PublishPress Blocks에서 제공하는 블록(다양한 유형의 테두리, 색상, 글꼴, 배경 등을 관리할 수 있음)을 살펴보십시오.
좋은 하루 보내세요!
즐라트코
AIT팀
플러그인을 사용하지 않고 열의 셀을 병합하는 방법이 있습니까?
안녕,
질문 주셔서 감사합니다. WordPress 커뮤니티에서 처리하는 블록은 현재 병합 셀을 허용하지 않습니다. 아마도 미래에는 그것에 대한 선택이 있을 수 있습니다.
저희가 도와드릴 수 있는 다른 사항이 있으면 언제든지 다시 문의해 주세요.
좋은 하루 보내세요!
즐라트코
AIT팀