게시판 카테고리에 서로 다른 색상을 적용하는 방법을 소개합니다.
1. 카테고리 클래스를 이용한 색상 적용 방법
- 게시판 설정을 통해 추가한 카테고리에는 순차적으로 아래와 같은 CSS 클래스가 적용됩니다. .category1-item1, .category1-item2, .category1-item3, ....... .category1-item10 - 워드프레스 관리자 > 외모 > 사용자 정의하기 > 추가 CSS 메뉴를 클릭하신 후 아래의 CSS 코드를 입력하여 카테고리 클래스에 색상을 설정합니다. color: 카테고리 폰트 컬러 설정 (16진수 컬러 코드) background-color: 카테고리 배경 컬러 설정 (16진수 컬러 코드)
1) 모든 게시판에 동일한 카테고리 컬러를 설정
.mb-board .category1-item1{color:#FF0000 !important;background-color:#FFFFFF !important;}
.mb-board .category1-item2{color:#0000FF !important;background-color:#FFFFFF !important;} .mb-board .category1-item3{color:#008000 !important;background-color:#FFFFFF !important;}
2) 특정 스킨에만 카테고리 컬러를 설정 ( Hometory Webzine M1 스킨 카테고리 컬러를 변경할 경우 )
=> 스킨 클래스: .mb-skin-스킨폴더명 (스킨 폴더명에 "_" 기호가 있을 경우에는 "-" 기호로 변경)
.mb-board .mb-skin-hometory-webzine-m1 .category1-item1{color:#FF0000 !important;background-color:#FFFFFF !important;} .mb-board .mb-skin-hometory-webzine-m1 .category1-item2{color:#0000FF !important;background-color:#FFFFFF !important;} .mb-board .mb-skin-hometory-webzine-m1 .category1-item3{color:#008000 !important;background-color:#FFFFFF !important;}
3) 특정 게시판에만 카테고리 컬러를 설정 (게시판 이름이 board1로 설정된 게시판 스킨에만 카테고리 컬러를 변경할 경우)
=> 게시판 클래스: .mb-name-게시판 이름 (게시판 이름에 "_" 기호가 있을 경우에는 "-" 기호로 변경)
.mb-board .mb-name-board1 .category1-item1{color:#FF0000 !important;background-color:#FFFFFF !important;} .mb-board .mb-name-board1 .category1-item2{color:#0000FF !important;background-color:#FFFFFF !important;} .mb-board .mb-name-board1 .category1-item3{color:#008000 !important;background-color:#FFFFFF !important;}
2. 필터 기능을 이용한 카테고리 색상 적용 방법
- 아래의 경로를 참고하여 망보드 필터 파일을 스킨 필터 경로에 복사합니다. 망보드 필터: mangboard/includes/skin-filters.php 스킨 필터: mangboard/skins/스킨이름/includes/skin-filters.php
- 아래의 이미지를 참고하여 fn_content 필터 기능 위에 fn_category1 필터 코드를 추가합니다.
|
Hometory
