New Basic 본문 표 스타일 v1.3.1
게시글·페이지 본문과 댓글 안의 표(table)를 하나의 디자인으로 통일하는 DXCMS 플러그인입니다. 색, 선, 글자 크기, 여백, 줄무늬, 다크모드 색을 옵션에서 한 번만 정하면 사이트 전체에 적용됩니다. 목록·관리자 등 다른 표는 건드리지 않습니다.
| 항목 | 내용 |
|---|---|
| 플러그인 폴더 | dx-newbasic-themes-table-style |
| 버전 | 1.3.1 |
| 요구 사항 | DXCMS 10.0.0 이상 · PHP 5.6 이상 |
| 대상 테마 | New Basic 테마 (기본 테마에서도 동작) |
| DB | 테이블 추가 없음 (설정은 dx_settings에 저장) |
| 라이선스 | DesignOneX License 1.0 |
주요 기능
- 본문 표 디자인: 게시글·페이지 본문(
.dx-post-body)의 표를 같은 모양으로 꾸밉니다. - 댓글 표에도 적용 (v1.2.0): 댓글 에디터로 넣은 표도 본문과 같은 디자인이 됩니다. 옵션으로 끌 수 있습니다.
- 머리글이 없는 표도 머리글 색 적용 (v1.3.0 신규): 프로알라 같은 에디터로 만든 표는 첫 줄도 일반 칸(
td)이라 머리글 색이 안 들어갔습니다. 이제th·thead가 없는 표는 첫 줄을 머리글로 취급해 같은 색과 글자 모양을 입힙니다. (줄이 2개 이상인 표만, 옵션으로 끌 수 있습니다.) - 프리셋 6종: 에디토리얼(기본), 라임 포인트, 미니멀, 소프트 그레이, 블루, 바깥선 박스
- 라이트 · 다크 색을 따로 지정: 헤드 배경/글자, 선, 칸 배경/글자, 줄무늬(짝수 줄), 마우스 올린 줄
- 크기와 모양: 헤드·본문 글자 크기, 칸 위아래·좌우 여백, 선 굵기, 모서리 둥글기, 표 위아래 간격, 선 모양(격자·가로선만·바깥선만·없음), 헤드 정렬·굵기, 표 너비
- 모바일: 표가 화면보다 넓으면 표만 가로로 스크롤
- 칸에 직접 지정한 배경·글자색은 그대로 유지됩니다.
설치
- 압축 파일을 풀어
plugins/dx-newbasic-themes-table-style/폴더에 넣습니다. (기존 버전이 있으면 덮어씁니다.) - 관리자 > 플러그인에서 New Basic 본문 표 스타일을 활성화합니다.
- 게시글에서 표가 있는 글과, 표를 넣은 댓글을 열어 확인합니다.
업데이트도 같은 방법으로 폴더를 덮어쓰면 됩니다. 기존 설정은 그대로 유지됩니다.
설정
관리자 > 플러그인에서 이 플러그인 카드의 옵션(톱니) 버튼을 누르고 값을 바꾼 뒤 저장합니다. 비워 둔 칸은 선택한 프리셋 값을 따릅니다.
| 옵션 | 설명 |
|---|---|
| 본문 표 스타일 사용 | 전체 켜기/끄기 |
| 댓글 안의 표에도 같은 스타일 적용 | 적용(기본) / 적용 안 함(본문만) |
| 머리글이 없는 표는 첫 줄을 머리글로 | 적용(기본) / 적용 안 함 |
| 머리글 칸에 저장된 색도 덮어쓰기 | 덮어쓰기(기본) / 저장된 색 유지 |
| 스타일 프리셋 | 6종 중 선택 |
| 라이트 · 다크 색상 | 헤드 배경·글자, 선, 칸 배경·글자, 줄무늬, 마우스 올린 줄 (#20231f 형식) |
| 크기·여백·모양 | 숫자(px)로 입력. 범위를 벗어나면 자동으로 조정 |
| 선 모양 · 헤드 정렬 · 헤드 굵기 · 표 너비 | 선택 목록 |
| 모바일 가로 스크롤 | 사용 / 사용 안 함 |
v1.3.1 변경 사항
- 머리글 칸의 색이 글 안에 직접 저장돼 있어도 설정한 머리글 색으로 통일하는 옵션 추가 (기본: 덮어쓰기)
- 문서 가져오기(Word·PDF·마크다운)로 넣은 표는 머리글 칸에
background-color:#f3f4f6이 글에 저장되어, 이전에는 플러그인 색이 먹히지 않았습니다. 이제 이미 저장된 글도 바뀝니다. - 본문 칸(td)에 직접 칠한 색은 그대로 유지합니다. 머리글 색만 통일합니다.
- 머리글 칸에 직접 칠한 색을 살리고 싶으면 옵션을 "저장된 색 유지"로 바꾸세요.
- 문서 가져오기(Word·PDF·마크다운)로 넣은 표는 머리글 칸에
- 프로알라 에디터 플러그인 v1.19.1과 함께 쓰면 새로 가져오는 표에는 머리글 색이 저장되지 않습니다.
v1.3.0 변경 사항
- 머리글이 없는 표(프로알라 등 에디터로 만든 표)의 첫 줄을 머리글로 취급하는 옵션 추가 (기본: 적용)
assets/table-style.js가 본문·댓글의 표를 보고 머리글(th·thead)이 없고 줄이 2개 이상이면dxts-h클래스를 붙입니다. 나중에 화면에 추가되는 댓글의 표도 처리합니다.- 첫 줄 아래 줄무늬는 둘째 데이터 줄부터 번갈아 들어가고, 마우스 올린 줄 색은 첫 줄을 건너뜁니다.
- 특정 표만 제외하려면 표에
data-dxts-head="0"속성을 줍니다. - 옵션을 끄면
table-style.js를 불러오지 않습니다.
v1.2.0 변경 사항
- 댓글 본문(
.dx-cmt-body) 안의 표에도 같은 스타일을 적용하는 옵션 추가 (기본: 적용) - 옵션을 켰을 때만
table-style-comment.css를 추가로 불러옵니다. - 라이선스 표기를 DesignOneX License 1.0으로 통일
업데이트 시 알아둘 점
- 머리글 취급과 댓글 적용의 기본값이 모두 적용이라, 업데이트하면 기존 표의 첫 줄과 댓글의 표가 바로 바뀝니다. 원하지 않으면 옵션에서 "적용 안 함"을 고르세요.
table-style.css(본문용)를 직접 수정해 쓰는 경우, 같은 규칙을table-style-comment.css에도 반영해 주세요.
파일 구성
dx-newbasic-themes-table-style/
├── manifest.php 플러그인 정보
├── plugin.php 설정 처리, CSS 출력, 옵션 패널 등록
└── assets/
├── table-style.css 본문·지정 영역 표 스타일
├── table-style-comment.css 댓글 표 스타일 (옵션 사용 시 로드)
├── table-style.js 머리글 없는 표의 첫 줄 처리
└── option-picker.js 옵션 패널의 색상 선택기(admin.php, assets/admin.js, assets/admin.css는 옵션 패널 방식으로 바뀌기 전 화면의 파일이며 현재는 사용하지 않습니다.)
문제 해결
- 표가 바뀌지 않습니다. 플러그인이 활성 상태인지, "본문 표 스타일 사용"이 켜져 있는지 확인합니다. 새 스타일이 안 보이면 브라우저를 새로고침하거나 캐시를 지웁니다. 표를
.dx-post-body또는.dx-cmt-body밖(위젯, 목록 등)에 넣은 경우는 적용 대상이 아닙니다. - 댓글의 표만 안 바뀝니다. "댓글 안의 표에도 같은 스타일 적용"이 적용인지 확인합니다. 사용 중인 스킨이 댓글 본문에
dx-cmt-body클래스를 쓰지 않으면 적용되지 않습니다. - 프로알라로 만든 표의 머리글 색이 안 바뀝니다. "머리글 칸에 저장된 색도 덮어쓰기"가 덮어쓰기인지 확인합니다. 문서 가져오기로 넣은 표는 머리글 색이 글에 저장돼 있어 이 옵션이 필요합니다. "머리글이 없는 표는 첫 줄을 머리글로" 옵션이 적용인지 확인합니다. 줄이 1개뿐인 표나
data-dxts-head="0"이 붙은 표는 건너뜁니다. - 특정 칸의 색이 안 바뀝니다. 글 작성 때 그 칸에 직접 색을 지정한 경우입니다. 직접 지정한 색은 의도한 것으로 보고 유지합니다.
라이선스
Copyright © DesignOneX — designonex.com · All Rights Reserved.
DesignOneX License 1.0 — https://designonex.com/notice/view/1787577858493247
무료로 사용하고 수정할 수 있으며 고객사 프로젝트에 설치해 운영할 수 있습니다. 재배포와 판매는 금지됩니다. 소스코드의 저작권·라이선스 표시는 삭제하거나 바꾸지 마세요.
