사용자 지정 서식 테마 사용
Tableau에는 다양한 서식 옵션이 설치되어 있으므로 사용자의 필요에 맞게 비주얼리제이션 및 대시보드를 사용자 지정할 수 있습니다. 많은 통합 문서에 동일한 서식을 사용하거나, 업무에 더 적합한 특수 글꼴과 색상이 있는 경우 사용자 지정 서식 테마를 사용하여 시간을 절약할 수 있습니다. 사용자 지정 테마를 사용하면 서식 옵션을 Tableau 통합 문서 전체에 빠르게 적용할 수 있습니다.
서식 옵션을 지정하는 JSON 파일을 가져와서 사용자 지정 테마를 Tableau 통합 문서에 추가할 수 있습니다. 마찬가지로, 현재 보고 있는 통합 문서와 동일한 테마를 다른 통합 문서에 사용하려는 경우 사용자 지정 테마 파일을 내보낼 수 있습니다.
참고: 이 기능은 Tableau Desktop 2025.1에서만 사용할 수 있습니다.
사용자 지정 테마 가져오기
Tableau Desktop을 열고 워크시트를 만듭니다.
도구 모음에서 서식을 선택합니다.
사용자 지정 테마 가져오기…를 선택합니다.
가져올 JSON 파일을 선택하고 열기를 선택합니다.
기존에 편집한 서식 내용을 재정의 또는 유지할 수 있는 옵션이 있는 대화 상자가 나타납니다.
사용자 지정 테마를 가져오기 전에 Tableau 통합 문서의 모든 서식 변경 사항을 사용자 지정 테마로 재정의하도록 선택할 수 있습니다. 사용자 지정 테마를 가져오기 전에 서식 패널에서 변경한 내용을 유지하도록 선택할 수도 있습니다.
참고: 사용자 지정 테마로 기존 서식 편집 내용을 재정의하도록 선택하는 경우 JSON 파일에 포함한 스타일 변경 내용만 재정의됩니다. 또한 서식 있는 텍스트 편집기를 통해 변경된 스타일은 재정의되지 않습니다.
재정의: 사용자 지정 테마 파일이 Tableau 통합 문서에 적용된 모든 서식을 재정의합니다.
유지: 사용자 지정 테마 파일이 Tableau 통합 문서에 적용된 모든 서식을 유지합니다.
재정의 또는 유지를 선택합니다.
사용자 지정 테마를 사용하면 서식을 가져와서 통합 문서에 적용할 수 있습니다.
사용자 지정 테마 내보내기
사용자 지정 테마는 두 가지 방법으로 내보낼 수 있습니다. 사용자 지정 테마 파일을 내보내거나 사용자 지정 테마가 적용된 통합 문서를 내보내는 방법입니다. 테마를 내보낼 때 내보내기 파일에는 선택한 워크시트에서 수행한 서식 옵션이 포함됩니다. 예를 들어, 통합 문서 내의 두 개의 서로 다른 워크시트에 대해 서로 다른 서식 옵션이 있는 경우, 내보내는 사용자 지정 테마 파일에는 파일을 내보낼 때 선택한 워크시트의 서식 옵션이 반영됩니다. 사용자 지정 테마 파일에서 지원되고 존재하는 스타일 요소만 내보내집니다.
사용자 지정 테마를 포함하는 JSON 파일 내보내기
도구 모음에서 서식을 선택합니다.
사용자 지정 테마 내보내기…를 선택합니다.
사용자 지정 테마 파일을 저장할 폴더로 이동하고 저장을 누릅니다.
이제 사용자 지정 테마 파일을 로컬에서 찾을 수 있습니다. 이 테마 파일을 다른 통합 문서로 가져와서 사용할 수 있습니다.
사용자 지정 테마가 적용된 통합 문서 내보내기
워크시트의 도구 모음에서 파일을 선택한 다음 다른 이름으로 저장을 선택합니다.
또는 패키지 통합 문서 내보내기를 선택할 수 있습니다.
통합 문서를 .twb 또는 .twbx 파일로 저장합니다.
Tableau에서 통합 문서를 다시 열면 사용자 지정 테마가 적용됩니다.
JSON 테마 파일 만들기
JSON 파일은 사용자 지정 테마의 스타일이 정의되는 파일입니다. 원하는 텍스트 편집기를 사용하여 파일을 만들고, 사용자 지정 테마에 맞는 스타일 요소를 포함하면 됩니다. 예시 파일을 템플릿으로 사용하여 파일을 만드십시오.
https://www.jsonschemavalidator.net과 같은 다양한 타사 리소스를 사용하면 파일의 유효성을 검사하는 데 도움이 됩니다.
여기에서 테마 파일의 유효성을 검사하는 데 필요한 JSON 스키마 파일을 다운로드하십시오.
사용자 지정 테마 파일에 포함할 요소
사용자 지정 테마 파일에는 버전, 기본 테마, 스타일 요소, 스타일 특성 및 서식 옵션이 포함되어야 합니다.
버전
사용자 지정 테마 파일의 첫 번째 줄에는 버전이 포함되어야 합니다. Tableau 25.1부터 버전 번호는 1.0.0이며, 줄은 "version": "1.0.0"과 유사하게 표시됩니다.
버전 번호는 향후 버전의 Tableau에서 업데이트될 수도 있습니다.
기본 테마
사용자 지정 테마 파일의 두 번째 항목에는 기본 테마가 포함되어야 합니다. 기본 테마는 Tableau에서 사용 가능한 기존 통합 문서 테마에 해당하며, Tableau Desktop의 다양한 버전을 기반으로 합니다. JSON 테마 파일에 지정된 모든 서식 스타일은 기본 테마 위에 적용됩니다.
기본 테마 | 해당 버전 | 테마 파일의 항목 |
---|---|---|
Smooth | Tableau Desktop 버전 10.x 이상 | "base-theme": "smooth" |
Clean | Tableau Desktop 버전 8.0.x ~ 9.3.x | "base-theme": "clean" |
Modern | Tableau Desktop 버전 3.5 ~ 7.0 | "base-theme": "modern" |
Classic | Tableau Desktop 버전 1.0 ~ 3.2 | "base-theme": "classic" |
통합 문서 테마에 대한 자세한 내용은 통합 문서 테마 업그레이드 또는 변경(Tableau Desktop만 해당)을 참조하십시오.
스타일 요소
스타일 요소는 서식 옵션을 어느 수준에서 적용할지 지정합니다. 예를 들어, 모든 글꼴, 필터 제목 또는 도구 설명 글꼴에만 적용할 수 있습니다. 지정 가능한 요소 목록은 스타일 요소 테이블을 참조하십시오.
스타일 특성
스타일 특성은 서식 옵션을 적용할 스타일 요소의 부분을 지정합니다. 예를 들어, 모든 스타일 요소의 글꼴 색상과 글꼴 크기를 지정할 수 있습니다.
사용하는 스타일 요소에 대한 특성 목록을 확인하십시오. 예를 들어, 하이라이터 스타일 요소는 배경색 스타일 특성을 지원하지만 하이라이터 제목 요소는 지원하지 않습니다.
서식 옵션
서식 옵션은 스타일 요소와 스타일 특성에 적용할 내용을 지정합니다. 예를 들어, 글꼴 색상, 글꼴 패밀리, 글꼴 크기 등입니다. 서식 옵션은 스타일 특성에 따라 문자열이나 정수로 입력해야 합니다. 색상은 #FF0000과 같이 16진수 색상 코드로 입력해야 합니다.
문자열 입력 유형에는 텍스트가 포함됩니다.
정수 입력 유형에는 정수가 포함됩니다.
사용자 지정 테마 파일 예시
{ "version": "1.0.0",
"base-theme": "smooth",
"styles": {
"all": {
"font-color": "#d16302",
"font-family": "Tableau Bold"
},
"worksheet": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"worksheet-title": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"view": {
"background-color": "#ffb370"
}
}
}
사용자 지정 테마로 지원되는 스타일 요소
이 테이블에는 지원되는 스타일 요소와 해당 지원되는 스타일 특성의 목록이 정리되어 있습니다. 현재 Tableau에서 사용 가능한 모든 스타일 요소가 사용자 지정 테마에서 지원되는 것은 아니지만, 향후 릴리스에서는 더 많은 스타일 요소가 추가될 예정입니다. 사용자 지정 테마 파일을 가져오면 해당 스타일 요소가 통합 문서의 모든 워크시트에 적용됩니다.
스타일 요소 | 설명 | 스타일 특성 | 입력 유형 | 서식 옵션 |
---|---|---|---|---|
all | 전체 통합 문서의 모든 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
worksheet | 워크시트 기본 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
worksheet-title | 워크시트 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
tooltip | 도구 설명 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
dashboard-title | 대시보드 제목을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
font-weight | 문자열 | 문자열은 normal 또는 bold. 로 지정됩니다. | ||
story-title | 스토리 제목의 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
header | 머리글 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
legend | 범례 본문 글꼴과 배경색을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
background-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
legend-title | 모든 워크시트의 범례 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
filter | 모든 워크시트의 필터 본문 글꼴과 배경색을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
background-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
filter-title | 모든 워크시트의 필터 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
parameter-ctrl | 모든 워크시트의 매개 변수 본문 글꼴과 배경색을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
background-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
parameter-ctrl-title | 모든 워크시트의 매개 변수 컨트롤 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
highlighter | 모든 워크시트의 하이라이터 본문 글꼴과 배경색을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
background-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
Highlighter-title | 모든 워크시트의 하이라이터 컨트롤 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
font-size | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
page-ctrl-title | 모든 워크시트의 페이지 컨트롤 제목 글꼴을 서식 지정합니다. | font-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
font-family | 문자열 | 최대 50자 길이의 문자열입니다. | ||
gridline | 뷰의 격자선을 서식 지정합니다. | line-visibility | 문자열 | 문자열은 on 또는 off 로 지정됩니다. |
line-pattern | 문자열 | 문자열은 dotted , dashed 또는 solid 로 지정됩니다. | ||
line-width | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
line-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
zeroline | 뷰의 영점기준선을 서식 지정합니다. | line-visibility | 문자열 | 문자열은 on 또는 off 로 지정됩니다. |
line-pattern | 문자열 | 문자열은 dotted , dashed 또는 solid 로 지정됩니다. | ||
line-width | 정수 | 최소값이 1이고 최대값이 99인 정수입니다. | ||
line-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. 이 요소는 또한 #FF000080과 같이 투명도에 사용하는 두 개의 추가 숫자를 지원합니다. | ||
mark | 뷰의 마크 색상을 서식 지정합니다. | mark-color | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |
view | 뷰의 배경색을 서식 지정합니다. | 문자열 | #FF0000과 같은 16진수 색상 코드 형식을 따르는 문자열입니다. |