모듈 및 섹션 패널 CSS 커스텀 기능 개선

개선/제안

2026.04.20 14:11

모듈 및 섹션 패널 CSS 커스텀 기능 개선

민호민호미니홈 1:1 대화하기 6시간 전 2026.04.20 14:11 새글
9

0

rb.latest.thumb_left을 사용하여 가로로 3개의 모듈을 배치하고 최신글을 출력하는데 썸네일 및 모듈제목과 게시판 제목등 텍스트 나오다보니 최신글의 경계가 빈약해서 테두리 설정을 넣으니 좀 낫네요

하지만 border-radius를 줄려고 하였으나 모듈에서는 미리 설정된 기능외에는 사용이 불가능합니다

직접 rb.latest.thumb_left 소스를 뒤져봤으나 최신글일뿐 모듈에서 border-radius는 최신글 밖의 모듈에서 설정해야하는데 그러면 다른 모듈도 영향을 미칠것같아서 포기하고 개선 문의 드리게 되었습니다

모듈 및 섹션 패널 CSS 커스텀 기능 개선은

모듈 및 섹션 패널에 "CSS 커스텀" 이라는 텍스트박스(변수명예 $css_custom)를 추가하고

한줄에 1개씩 css 를 입력합니다

예를 들면

border-radius:10px

font_size:1.5rem

.......

등으로 입력하고

모듈 패널의 내용을 받아서 처리하는 부분에서

$css_custom을 한줄씩 읽어와서 추가값 "!important; "와 결합하여 커스텀 CSS에 우선순위를 주고 한줄로 통합하여 $css_custom_add 변수에 대입하고

예를들면 -> $css_custom_add = "border-radius:10px !important; font_size:1.5rem !important; ~~~~";

를 모듈 레이아웃의 "<div ~~~~" 에서 태그 닫기전에 $css_custom_add 변수를 등록해놔서 모듈이나 섹션의 설정 패널에 $css_custom 값이 있으면 대입되어 반영되도록 하면 easy했던 부분이 좀더 hard한 사용이 될수 있을듯 합니다

약점인 easy를 조금씩 개선할수 있는 부분이 될듯 합니다

CSS의 많은 값들이 있음외에 불구하고 현재의 모듈과 섹션은 본사에서 지정해 놓은 것들 외에는 사용을 할수가 없어서 easy 방식밖에 구성이 안됩니다

그러므로 위의 CSS 커스텀 기능이 추가된다면 그나마 좀더 나은 모양새의 구성을 갖출수 있을듯 합니다

이왕이면 모듈과 섹션 외에도 모듈 타이틀 및 서브워딩, 섹션 타이틀 및 서브워딩등 다양한곳에서 기능이 지원되었으면 합니다

텍스트박스 추가로 인하여 패널이 너무 복잡함을 방지하기 위하여 "CSS 커스텀" 버튼을 넣어두고 공란일때는 회색, 클릭하면 레이어팝업의 넓은 창이 뜨고 필요한 CSS를 넣은뒤 적용버튼 누르면 레이어팝업 창이 닫히며 "CSS 커스텀" 버튼의 색상이 진한 검은색등으로 바뀌어 CSS 내용이 있는지 없는지 버튼만 보고 알수있도록 하면 패널의 화면영역도 많이 차지하지 않고도 다양한 모듈과 섹션등의 기능들에게 CSS 속성을 넣어서 폭넓은 사용을 할수 있을듯 합니다