목차
워드프레스 테이블 만들기, 표 넣기, 추천 플러그인 Advanced Editor Tools, 고급 편집기 도구
워드프레스에 글을 작성하다 보면 종종 테이블을 넣어야 할 때가 있다. 이땐 되도록 테이블보단 이미지 캡처를 통해서 대신하게 된다. 그리고 정말 만들기 쉽고 단순한 경우에만 테이블을 만들어서 넣고 있다.
보통 테이블을 사용할 때 모바일을 감안해서 최대 3칸 정도의 테이블만 사용하고 있다. 이렇게 단순한 테이블을 제외하곤 모두 이미지를 사용해서 테이블을 대체하고 있다.
또한 테이블과 이미지 모두 사용하기 싫다면 그냥 서술식으로 풀어서 내용을 정리해서 작성을 해도 된다.
01
of 06
워드프레스 글 작성시 테이블을 잘 사용하지 않는 이유
테이블을 잘 사용하지 않는 이유는 아주 간단하다.
① 요즘은 PC보단 모바일 사용자가 많이 늘었다. 테이블을 작성하면 좁은 모바일 화면에서 정상적으로 표시되지 않는 경우가 많다. 아래로 길게 늘어난 테이블을 보면 가독성이 심각하게 떨어진다. 그래서 테이블보단 이미지를 선호한다.
② 또한 글 작성 시에도 복잡한 표가 들어간다면 그만큼 글을 작성하는 시간이 길어지게 된다. 그리고 복잡한 표는 만들기도 쉽지 않고, 만들었다고 해도 모바일에서 정상적으로 표현되지 않는다. 이런 이유로 빠르게 캡처 후 이미지를 사용하게 된다.
02
of 06
워드프레스 글 작성시 테이블을 사용하는 경우
솔직히 테이블을 사용해야 할 이유는 없다. 그냥 이미지를 사용하는게 빠르고 편리하다. 그래도 굳이 이유를 하나 꼽자면 글자수가 조금 부족할 경우 글자수를 늘리기 위해서다. 어느정도 이상의 글자수가 되어야 구글 SEO에 좋은 점수를 받기 때문에 조금이라도 글자수를 늘려야 한다면 이때 이미지 대신 테이블을 쓸 수 있다.
또 한 가지를 꼽자면 글자 수가 많아지기 때문에 검색할 때 조금 유리해질 수 있다는 정도 뿐이다.
예로 최근 워드프레스 글을 작성했는데, 테이블이 많아서 이걸 모두 이미지로 적용을 하니 200단어 정도에 불과했다. 그래서 어쩔수 없이 모두 테이블로 작성을해서 1094개의 단어로 작성을 할 수 있었다.
※ 물론 가장 편한 방법은 그냥 서술식으로 풀어서 내용을 정리하는 것이다.
※ 랭크 매스 (Rank Math)를 사용할 경우 600단어 이상이 되어야 합격점을 주고 있다. 점수가 좋다고 해서 무조건 상위 랭크되는건 아니지만, 글자 수는 아무래도 600단어 이상으로 작성하는 게 구글 SEO에 좋다.
03
of 06
실제 작성한 테이블 결과물
실제 워드프레스 글 작성할때 사용했던 테이블이며 내용만 수정한 상태다. 제목을 제외한 나머지 모두가 테이블로 작성했다.
1. PC에서 볼 때
2. 모바일에서 볼 때
표가 단순한 편이라 모바일에서 볼 때도 깨지거나 하진 않는다.
3. GIF 파일
마우스를 움직였을 때 테이블의 배경색이 살짝 변경된다.
04
of 06
테이블 플러그인 추천
수많은 테이블 플러그인을 이것저것 많이 사용해 봤지만 마음에드는 플러그인을 찾을 수 없었다. 내가 원하는 스타일은 티스토리, 네이버, 워드, 한글 같이 글을 작성하면서 테이블 삽입하고 셀 병합, 셀 분할, 행 삭제, 열 추가 등 일반적인 편집기 방식의 형태였지만 플러그인 중에 이렇게 다양한 기능을 제공하는 편집기 방식의 플러그인은 거의 없었다.
또한, 대부분 테이블을 따로 만들고 글 작성 시 이미 만들어 놓은 테이블을 삽입하는 방식의 플러그인이 많았다.
그래서 예전에 사용했던 Advanced Editor Tools (고급 편집기 도구)을 다시 사용하게 되었다.
기본적으로 편집기 방식으로 테이블을 작성할 수 있고, 테이블 속성, 셀 속성, 행 속성, 컬럼 속성을 통해서 테이블 편집이 가능하다. 또한 CSS를 직접 입력할 수 있어서 다양한 테이블을 만들 수 있다.
05
of 06
Advanced Editor Tools 설정
플러그인 설치 후 꼭 아래 설정을 변경해줘야 한다.
최근 고급 편집기 도구가 업데이트되었다. 업데이트 후 설정화면이 조금 간단하게 변경되었다. 따라서 설정을 변경해줄 필요가 없어졌다. 특히 고급 옵션은 건드리지 말고, 선택 사항에서 일부 자신에게 필요한 기능만 선택해주면 된다.
① 기본적으로 Text Color 메뉴가 해제 되어 있는데, 위로 옮겨서 메인 툴바에 추가해야 한다.
② Text Color 메뉴가 메인 툴바 대신 오른쪽 메뉴로 표시되는데 이걸 해제해야 한다. 작년까진 이게 동작 했지만, 워드프레스 패치 후 현재는 동작하지 않는다. 그래서 꼭 해제해야 한다.
③ 위 두 가지 설정을 꼭 변경하고, 나머지 설정은 개인 취향에 맞게 설정하면 된다.
06
of 06
Advanced Editor Tools 사용하기
설정까지 마쳤다면 글 작성시 아래와 같은 방식으로 사용하면 된다.
① 블록 삽입 → 클래식 삽입하면 아래 이미지와 같이 테이블 아이콘이 표시된 클래식 블록이 추가 된다.
② 사용방법은 일반적인 편집기를 사용하는 방식과 거의 같다. 테이블 선택 → 테이블 행과 열 선택
③ 셀, 행 속성을 통해서 편집이 가능하고, 고급 탭을 통해서 CSS를 직접 입력해서 다양한 테이블을 작성 할 수 있다.