본문 바로가기

IT 리뷰/블로그 SEO

워드프레스 테이블 표 만들기 셀 병합 합치기

반응형

워드프레스 테이블 표 만들기 셀 병합 합치기

네이버 블로그나 티스토리등을 사용하다가 워드프레스로 전향하면 하나하나 불편한것이 많은데요 그 중에서 하나가 바로 표를 만드는 방법입니다.

 

기본적으로 워드프레스도 기존과 달리 비주얼적으로 많이 개선되었지만 디테일한 작업을 위해서는 추가로 작업해야하는부분이 있습니다.

 

그중에서 표를 만들기 위한 플러그인이 많이 존재하는데요 다른분들이 추천하는 플러그인보다 저는 주로 사용하는 "TinyMCE Advanced"플러그인에 대해 알아보도록 하겠습니다.

 

워드프레스 테이블 표 만들기 셀 병합 합치기

우선 기본적으로 워드프레스 제공하는 표 "Table"을 만드는 방법에 대해 알아보겠습니다.

워드프레스 테이블 Table 표 만들기

워드프레스 테이블

기본적으로 워드프레스에서 제공하는 테이블은 사용하면 간단하게 텍스트제목이나 이미지,비디오등을 다양한 종류의 표를 제작이 가능합니다.

 

세로와 가로의 원하는 테이블 갯수를 입력하면 "표만들기"완료됩니다.

기본적인 표를 만들고 커스터마이징도 가능합니다.

 

 

기본적으로 제공하는 스타일 외에도 취소선 스타일등을 사용할 수 있습니다.

 

표에대한 고정 폭 테이블셀과 헤더영역과 푸터영역,제목과 바닥영역에 각각 표를 생성할 수 있습니다.

그런데 기본적인 이런표 외에 셀을 합치거나 나누는 기능이 없어서 불편한 단점이 있는데요 그런경우 워드프레스의 속도를 저하시지키 않으며 간단하게 작업이 가능한 "tinyMCE Advanced"플러그인을 추천합니다.

워드프레스 테이블 플러그인 "TinyMCE Advanced"

tinyMCE Advanced 설치

플러그인을 설치 후 실행합니다.

해당 플러그인을 사용하기 위해서는 "Classic Paragraph"에서 사용이 가능합니다.

클래식버전에서 표 만드는 기능이 추가되었으며 원하의 표 갯수로 생성합니다.

기본적인 표를 만드는것을 동일합니다.

테이블 표 셀 병합 및 분할

표를 합치고 싶은 셀을 연달아 드래그 선택합니다.

그리고 표에서 "셀 병합"을 눌러주면 간단하게 표가 합쳐집니다.

그 외에도 셀 나누기를 원한다면 셀분할을 눌러주면 합쳐진 셀이 나눠집니다.

그 외에도 해당 플러그인이 있으면 "엑셀"시트로 작업된 표도 자동으로 인식해서 적용이 되기 때문에 편리합니다.

표의 디자인을 변경하고 싶다면 "표 속성"을 선택합니다.

테이블 표의 폭과 높이에 대해 %값이나 px값으로 입력할 수 있습니다.

보통 표가 해상도에 따라 변하는 반응형이라면 표를 px로 정하기보다는 한 화면에 100%나 90%로 보이게 설정하느것을 추천합니다.

 

그 외에 셀에대한 가격과 들여쓰기,테두리,캡션(설명 주석),정렬등을 일반탭에서 설정이 가능합니다.

고급탭에서는 테이블 표의 스타일과 보더스타일,테두리색상과 배경색상등도 변경이 가능합니다.

 

반응형