워드프레스 표 만들기 표 짤림 해결방법

네이버블로그나 티스토리와 달리 워드프레스를 이용해 표 테이블을 작성하는 방법은 조금은 까다롭습니다.

그리고 해상도마다 표가 다르게 나와 작은 해상도에서는 표가 짤리는 문제가 발생하는등 반응형 테마를 사용하는 유저들도 같은 문제가 발생할 수 있으며 이렇게 제작된 사이트는 가시성에도 좋지 않을 뿐더러 구글 서치콘솔에도 좋지 않은 영향을 받아 인터넷 검색최적화에도 안좋은 점수를 받을 수 있습니다.

워드프레스 표 만들기 플러그인

HTML 코딩을 이용하는거보다 워드프레스에서 제공하는 플러그인을 이용하면 쉽게 표를 제작할 수 있습니다.

현재 제가 사용하는 플러그인은 TinyMCE Advanced 입니다.

TinyMCE Advanced

Extends and enhances the block editor (Gutenberg) and the classic editor (TinyMCE).

ko.wordpress.org

TinyMCE Advanced 설명

TinyMCE Advanced는 “클래식 단락”과“하이브리드 모드”를 두가지가 있습니다.

블록 편집기로 전환 할 준비가되지 않았거나 아직 사용할 수없는 플러그인이있는 경우 클래식 단락 블록과 하이브리드 모드를 사용하는 것이 가장 좋습니다. 대부분의 작업에 친숙한 TinyMCE 편집기를 계속 사용할 수 있으며 동시에 블록 편집기의 모든 블록과 새로운 기능에 완전히 액세스 할 수 있습니다.

버전 5.2는 TinyMCE Advanced 버전 5.0에 도입 된 새로운 기능을 계속 개선하고 향상시킵니다. 향상된“Clear Formatting”버튼, 테이블에 대한 몇 가지 고급 설정, 항상 단락 편집기를 블록 편집기에 유지하고 설정을 파일로 가져오고 내보내는 옵션이 있습니다.

WordPress 5.0 이상에서 이전 ( "클래식") 편집기를 계속 사용하려면이 플러그인에 새 편집기를 이전 편집기로 바꾸는 옵션이 있습니다. 두 편집기를 나란히 액세스하거나 사용자가 편집기를 전환하도록하려면 Classic Editor 플러그인 을 설치하는 것이 좋습니다 . TinyMCE Advanced는 기존 편집기 및 이전 WordPress 편집기의 사용을 복원하는 유사한 플러그인과 완벽하게 호환됩니다.

항상이 플러그인을 사용하면 블록 편집기 및 클래식 편집기 (플러그인에서 활성화 된 경우)의 클래식 단락 및 클래식 블록의 Visual Editor 도구 모음에 표시되는 버튼을 추가, 제거 및 정렬 할 수 있습니다. 여기에서 글꼴 크기, 글꼴 모음, 텍스트 및 배경색, 표 등 최대 4 행의 단추를 구성 할 수 있습니다.

TinyMCE 용 플러그인 15 개가 포함되어 있으며, 선택한 버튼에 따라 자동으로 활성화 또는 비활성화됩니다.

또한이 플러그인은 단락 태그를 텍스트 모드로 유지하고 테마의 editor-style.css에서 CSS 클래스를 가져 오는 옵션을 추가합니다