주요 작업 내용

  1. 데이터베이스 구조 변경
    • cms_banner_items  테이블에  bg_color  (배경색),  font_color  (폰트색),  button_text  (버튼명) 컬럼을 추가하였습니다.
  2. 백엔드 모델 업데이트 ( BannerModel.php )
    • 배너 항목 생성, 수정 및 일괄 저장 시 새로운 속성들이 저장되도록 로직을 강화하였습니다.
  3. 관리자 UI 개선 ( admin/pages/banners.php )
    • 배너 항목 편집 화면에 배경색 선택기, 폰트색 선택기, 버튼명 입력 필드를 추가하였습니다.
    • 항목 추가 시에도 동일한 필드들이 나타나도록 JavaScript 코드를 업데이트하였습니다.
  4. 프론트엔드 렌더링 엔진 업데이트 ( MainLayoutRenderer.php )
    • 각 배너별로 설정된 배경색과 폰트색이 카드와 텍스트에 즉시 반영되도록 구현하였습니다.
    • 클릭 로직 구현:
      • 버튼명이 입력된 경우: 이미지는 클릭되지 않으며, 하단의 버튼을 통해서만 링크가 동작합니다.
      • 버튼명이 공란인 경우: 기존과 동일하게 이미지 전체를 클릭하여 링크로 이동할 수 있습니다.
  5. 스타일 고도화 ( main-layout.css )
    • 새로 추가된 배너 버튼( .banner-btn )에 현대적이고 프리미엄한 디자인(둥근 모서리, 호버 애니메이션 등)을 적용하였습니다.

변경 사항 요약

파일 경로 변경 내용
models/BannerModel.php 신규 컬럼( bg_color ,  font_color ,  button_text ) CRUD 연동
admin/pages/banners.php 배너 편집 폼에 색상 선택기 및 버튼명 입력란 추가
includes/MainLayoutRenderer.php 버튼 유무에 따른 동적 링크 구조 및 개별 스타일 렌더링 구현
templates/default_right/assets/css/main-layout.css 배너 버튼 및 오버레이 디자인 스타일 추가

이제 배너 관리 페이지( ?page=banners&sub=edit&id=12 )에서 각 배너 항목별로 고유한 색상과 버튼을 설정하여 더욱 다채로운 메인 화면을 구성하실 수 있습니다.