주요 작업 내용
-
UI 표준화 (게시판 타이틀 및 네비게이션)
- 대상 스킨:
webzine,list,gallery,magazine,product,inquiry,faq(총 7종) - 게시판 타이틀 상단 노출: 모든 스킨의 본문 상단에 게시판 제목(
board-title-main)과 파란색 강조 라인(board-title-line)을 추가했습니다. - 이전/다음글 네비게이션: 게시물 하단에 이전/다음 글의 제목으로 즉시 이동할 수 있는 표준 네비게이션 섹션을 추가했습니다.
- 버튼 스타일 통일: 하단의 목록, 수정, 삭제 버튼을 세련된 프리미엄 스타일(
post-footer, 다양한 색상의 버튼 클래스 등)로 통일하여 시각적 일관성을 확보했습니다.
- 대상 스킨:
-
모바일 애니메이션 최적화 및 로딩 가시성 개선
- 애니메이션 제거: 모바일 환경에서 게시물 진입 시 애니메이션으로 인해 콘텐츠가 즉시 보이지 않고 스크롤 후에야 나타나던 문제를 해결하기 위해, 상세 보기 페이지의
board-container에animation: none !important;를 적용하여 모든 콘텐츠가 로드 즉시 보이도록 수정했습니다. - 클래스 정리: 기존에 수동으로 적용되어 있던 Intersection Observer 기반의 애니메이션 클래스(
ani-item,ani-fade등)를 상세 보기 페이지에서 제거했습니다.
- 애니메이션 제거: 모바일 환경에서 게시물 진입 시 애니메이션으로 인해 콘텐츠가 즉시 보이지 않고 스크롤 후에야 나타나던 문제를 해결하기 위해, 상세 보기 페이지의
수정된 파일 목록
-
includes/skins/webzine/view.php -
includes/skins/list/view.php -
includes/skins/gallery/view.php -
includes/skins/magazine/view.php -
includes/skins/product/view.php -
includes/skins/inquiry/view.php -
includes/skins/faq/view.php
이 작업을 통해 모든 종류의 게시물 상세 보기 페이지에서 일관된 사용자 경험을 제공하며, 특히 모바일에서 스크롤 없이도 내용을 즉시 확인할 수 있습니다.
TIP
이제 어떤 스킨을 사용하더라도 상단에 게시판 이름이 표시되며, 하단 버튼과 이전/다음글 이동 기능이 동일한 디자인으로 제공됩니다.

댓글 (0)
댓글 쓰기