망보드 게시판에서 폰트 크기를 수정하려면 CSS 코드를 이용하여 수정을 해주셔야 하는데 아래의 폰트 CSS 템플릿 코드를 이용하여 원하시는 형태로 수정하신 후 워드프레스 관리자에 추가해 주시거나 font.css 파일로 저장해서 CSS 폴더에 업로드를 해주시면 됩니다.
1. 망보드 게시판 폰트 CSS 템플릿
폰트 CSS 템플릿은 데스크탑, 태블릿, 모바일 3가지 모드에 따라 폰트 크기를 다르게 설정해서 사용이 가능합니다. - 폰트 크기 CSS 속성: font-size (12px~16px) - 폰트 굵기 CSS 속성: font-weight (400,500,600,700,800,900) 1) 글목록 페이지 폰트 CSS 템플릿 /* 자료실 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list .board-list .table-list th{font-size:13px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-list .board-list .table-list td{font-size:13px !important;}
/* [태블릿] 자료실 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list th{font-size:13px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td{font-size:13px !important;}
/* [모바일] 자료실 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list th{font-size:14px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td{font-size:14px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .info-group span{font-size:13px !important;}
/* 갤러리 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title,
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title div,
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title span{font-size:14px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date,
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date span{font-size:12px !important;}
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-name span{font-size:13px !important;}
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content,
#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content span{font-size:13px !important;}
/* [태블릿] 갤러리 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title,
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title div,
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title span{font-size:14px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date,
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date span{font-size:12px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-name span{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content,
.mb-tablet#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content span{font-size:13px !important;}
/* [모바일] 갤러리 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title,
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title div,
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-title span{font-size:14px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date,
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-date span{font-size:12px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-name span{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content,
.mb-mobile#mb_top .mb-board .mb-mode-list .gallery-list .gallery-content span{font-size:13px !important;}
/* 캘린더 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list .calendar-list .i-view span{font-size:12px !important;}
/* [태블릿] 캘린더 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .calendar-list .i-view span{font-size:12px !important;}
/* [모바일] 캘린더 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .calendar-list .i-view span{font-size:12px !important;}
/* 웹진 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title,
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title div,
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title span{font-size:14px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content,
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content span{font-size:13px !important;}
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info,
#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info span{font-size:13px !important;}
/* [태블릿] 웹진 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title,
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title div,
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title span{font-size:14px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content,
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content span{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info,
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info span{font-size:13px !important;}
/* [모바일] 웹진 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title,
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title div,
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-title span{font-size:14px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content,
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-content span{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info,
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .webzine-item-info span{font-size:13px !important;}
2) 글보기 페이지 폰트 CSS 템플릿 /* 글보기 페이지 테이블 폰트 크기 */
#mb_top .mb-board .mb-mode-view .table-view th{font-size:13px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-view .table-view td{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-label label{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-content span{font-size:13px !important;}
/* [태블릿] 글보기 페이지 테이블 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-view .table-view th{font-size:13px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .table-view td{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-label label{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-content span{font-size:13px !important;}
/* [모바일] 글보기 페이지 테이블 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-view .table-view th{font-size:13px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .table-view td{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-label label{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .table-view td .mb-responsive-box-content span{font-size:13px !important;}
/* 글보기 페이지 > 이전-다음 테이블 폰트 크기 */
#mb_top .mb-board .mb-mode-view .table-prev-next th{font-size:13px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-view .table-prev-next td{font-size:13px !important;}
/* [태블릿] 글보기 페이지 > 이전-다음 테이블 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-view .table-prev-next th{font-size:13px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .table-prev-next td{font-size:13px !important;}
/* [모바일] 글보기 페이지 > 이전-다음 테이블 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-view .table-prev-next th{font-size:13px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .table-prev-next td{font-size:13px !important;}
/* 글보기 페이지 > 댓글 입력 테이블 폰트 크기 */
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-count-box{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th,
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th label{font-size:13px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td input[type="text"]{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td textarea{font-size:13px !important;}
/* [태블릿] 글보기 페이지 > 댓글 입력 테이블 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-count-box{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th,
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th label{font-size:13px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td input[type="text"]{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td textarea{font-size:13px !important;}
/* [모바일] 글보기 페이지 > 댓글 입력 테이블 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-count-box{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th,
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment th label{font-size:13px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td input[type="text"]{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-input-box .table-comment td textarea{font-size:13px !important;}
/* 글보기 페이지 > 댓글 목록 테이블 폰트 크기 */
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name,
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name span{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-date{font-size:13px !important;}
#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-content{font-size:13px !important;}
/* [태블릿] 글보기 페이지 > 댓글 목록 테이블 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name,
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name span{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-date{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-content{font-size:13px !important;}
/* [모바일] 글보기 페이지 > 댓글 목록 테이블 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name,
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-name span{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-date{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-view .cmt-style1 .cmt-list-box .cmt-content{font-size:13px !important;}
3) 글작성 페이지 폰트 CSS 템플릿 /* 글작성 페이지 테이블 폰트 크기 */
#mb_top .mb-board .mb-mode-write .table-write th label{font-size:13px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-write .table-write td label{font-size:13px !important;}
#mb_top .mb-board .mb-mode-write .table-write td>select,
#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>select{font-size:13px !important;}
#mb_top .mb-board .mb-mode-write .table-write td>input,
#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>input{font-size:13px !important;}
#mb_top .mb-board .mb-mode-write .table-write td>textarea,
#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>textarea{font-size:13px !important;}
/* [태블릿] 글작성 페이지 테이블 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write th label{font-size:13px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write td label{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write td>select,
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>select{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write td>input,
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>input{font-size:13px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write td>textarea,
.mb-tablet#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>textarea{font-size:13px !important;}
/* [모바일] 글작성 페이지 테이블 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write th label{font-size:13px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write td label{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write td>select,
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>select{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write td>input,
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>input{font-size:13px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write td>textarea,
.mb-mobile#mb_top .mb-board .mb-mode-write .table-write .mb-responsive-box-content>textarea{font-size:13px !important;}
4) 버튼 CSS 템플릿 /* 글목록 페이지 카테고리 버튼 크기 */
#mb_top .mb-board .mb-mode-list .mb-category>a,
#mb_top .mb-board .mb-mode-list .mb-category>button{font-size:13px !important;padding: 1px 12px 1px !important;height: 30px !important;}
/* [태블릿] 글목록 페이지 카테고리 버튼 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .mb-category>a,
.mb-tablet#mb_top .mb-board .mb-mode-list .mb-category>button{font-size:13px !important;padding: 1px 12px 1px !important;height: 30px !important;}
/* [모바일] 글목록 페이지 카테고리 버튼 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .mb-category>a,
.mb-mobile#mb_top .mb-board .mb-mode-list .mb-category>button{font-size:13px !important;padding: 1px 12px 1px !important;height: 30px !important;}
/* 글목록 페이지 검색 기능 폰트 크기 (드롭박스,텍스트 필드, 검색 버튼) */
#mb_top .mb-board .mb-mode-list .list-search input.search-text{font-size:13px !important;height: 30px !important;}
#mb_top .mb-board .mb-mode-list .list-search select.search-field{font-size:13px !important;height: 30px !important;}
#mb_top .mb-board .mb-mode-list .list-search button.btn-search{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [태블릿] 글목록 페이지 검색 기능 폰트 크기 (드롭박스,텍스트 필드, 검색 버튼) */
.mb-tablet#mb_top .mb-board .mb-mode-list .list-search input.search-text{font-size:13px !important;height: 30px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .list-search select.search-field{font-size:13px !important;height: 30px !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .list-search button.btn-search{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [모바일] 글목록 페이지 검색 기능 폰트 크기 (드롭박스,텍스트 필드, 검색 버튼) */
.mb-mobile#mb_top .mb-board .mb-mode-list .list-search input.search-text{font-size:13px !important;height: 30px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .list-search select.search-field{font-size:13px !important;height: 30px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .list-search button.btn-search{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* 글목록 페이지 버튼 크기 */
#mb_top .mb-board .mb-mode-list .list-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [태블릿] 글목록 페이지 버튼 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .list-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [모바일] 글목록 페이지 버튼 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .list-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* 글작성 페이지 버튼 크기 */
#mb_top .mb-board .mb-mode-write .write-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [태블릿] 글작성 페이지 버튼 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-write .write-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [모바일] 글작성 페이지 버튼 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-write .write-btn button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* 글보기 페이지 버튼 크기 */
#mb_top .mb-board .mb-mode-view .view-btn button,
#mb_top .mb-board .mb-mode-view .btn-box-right button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [태블릿] 글보기 페이지 버튼 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-view .view-btn button,
.mb-tablet#mb_top .mb-board .mb-mode-view .btn-box-right button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
/* [모바일] 글보기 페이지 버튼 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-view .view-btn button,
.mb-mobile#mb_top .mb-board .mb-mode-view .btn-box-right button{font-size:13px !important;padding: 5px 10px 5px !important;font-weight:600 !important;height: 30px !important;}
※ CSS 코드는 워드프레스의 다른 테마 및 플러그인의 영향을 받을 수 있기 때문에 일부 환경 및 일부 스킨에서 정상적으로 동작하지 않는 문제가 발생할 수 있습니다.
2. 폰트 크기 CSS 수정방법
1) 자료실 목록 폰트 크기를 수정하는 방법 위의 폰트 CSS 템플릿에서 자료실 CSS 템플릿을 찾아 폰트 크기에 해당하는 font-size 속성 뒤에 숫자를 1~3px 증가하도록 수정합니다. /* 자료실 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [태블릿] 자료실 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [모바일] 자료실 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:15px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:15px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .info-group span{font-size:14px !important;}
2) 특정 페이지에 적용된 게시판 폰트 크기만 수정하는 방법 워드프레스 Post ID 가 "1012"인 페이지에 적용된 게시판의 폰트 크기만 수정할 경우 ".page-id-1012" 텍스트를 CSS 템플릿 코드 앞에 추가 /* 자료실 목록 폰트 크기 */
.page-id-1012 #mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
.page-id-1012 #mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [태블릿] 자료실 목록 폰트 크기 */
.page-id-1012 .mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
.page-id-1012 .mb-tablet#mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [모바일] 자료실 목록 폰트 크기 */
.page-id-1012 .mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list th{color:#00f !important;font-size:15px !important;font-weight:600 !important;}
.page-id-1012 .mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td{color:#00f !important;font-size:15px !important;}
.page-id-1012 .mb-mobile#mb_top .mb-board .mb-mode-list .board-list .table-list td .info-group span{font-size:14px !important;}
※ 워드프레스 Post ID 확인하는 방법 게시판 숏코드를 연결한 워드프레스 페이지에서 상단에 보이는 "페이지 편집" 버튼을 눌러서 관리자 페이지로 이동하시면 아래와 같은 형태의 URL 주소가 보이는데 post= 뒤에 나오는 숫자가 페이지 Post ID 입니다.
3) 특정 스킨의 폰트 크기만 변경하는 방법 - ".mb-mode-list",".mb-mode-view",".mb-mode-write" 클래스 뒤에 스킨에 해당하는 스킨 클래스를 추가 - 스킨 클래스 확인 방법 스킨 클래스는 스킨 폴더명 이름에서 "_" 기호를 "-"로 변경한 후 앞에 ".mb-skin-" 텍스트 추가 스킨 폴더명이 bbs_basic일 경우 스킨 클래스: .mb-skin-bbs-basic /* 자료실 목록 폰트 크기 */
#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [태블릿] 자료실 목록 폰트 크기 */
.mb-tablet#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list th{color:#00f !important;font-size:14px !important;font-weight:600 !important;}
.mb-tablet#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list td{color:#00f !important;font-size:14px !important;}
/* [모바일] 자료실 목록 폰트 크기 */
.mb-mobile#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list th{color:#00f !important;font-size:15px !important;font-weight:600 !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list td{color:#00f !important;font-size:15px !important;}
.mb-mobile#mb_top .mb-board .mb-mode-list.mb-skin-bbs-basic .board-list .table-list td .info-group span{font-size:14px !important;}
3. 워드프레스 관리자에서 폰트 CSS 스타일 적용방법
워드프레스 관리자 기능을 이용하여 CSS 템플릿 코드를 적용하면 일반 사용자 페이지에만 적용이 되고, 관리자 페이지에는 적용이 되지 않습니다.
1) 워드프레스 관리자 > 모양 > 사용자 정의 메뉴 클릭 2) 추가 CSS 메뉴 클릭
3) 수정된 폰트 CSS 템플릿 코드를 Textarea 영역에 입력한 후 공개 버튼 클릭
4. CSS 파일을 이용하여 폰트 CSS 스타일 적용방법 CSS 파일을 이용하여 CSS 템플릿 코드를 적용하면 일반 사용자 페이지 및 관리자 페이지에 모두 적용이 됩니다.
1) 수정된 CSS 템플릿 코드를 메모장 또는 텍스트 편집기를 이용하여 font.css 파일로 저장 2) 저장한 CSS 파일을 "/wp-content/plugins/mangboard/assets/css/font.css" 경로에 업로드
※ CSS 파일은 브라우저에 캐시 파일로 저장이 되기 때문에 여러번 수정할 경우 브라우저 캐시 파일을 삭제해 주셔야 수정된 내용이 반영되는데 /wp-content/plugins/mangboard/includes/mb-version.php 경로의 파일에서 $mb_index 변수의 숫자를 1 증가하신 후 저장해 주시면 브라우저의 캐시 파일이 자동으로 갱신되어 수정된 CSS 파일 내용을 브라우저에서 바로 확인하실 수 있습니다.
|
Hometory
